/*
Theme Name: linx
Description: Child theme of linx
Author: linx
Version: 1.0.0
Text Domain: linx
Template: twentytwentyone
*/

/*  =========================== architectural services section =========================== */ 
.architectural-wrap{ display: grid; grid-template-columns:1fr 1fr; column-gap: 24px;row-gap:24px;}
.architectural-wrap li{height: unset;line-height:0;height: 370px;}
/* images */
.architectural-serevice-image{position: relative;height: 100%;overflow: hidden;transition: .3s ease-in-out;width: 100%;}
.architectural-serevice-image img{height: 100%;object-fit:cover;}
.architectural-serevice-image:hover img{transform: scale(1.2);}

.architectural-wrap li:nth-child(8n+2),.architectural-wrap li:nth-child(8n+4){grid-row: span 2;height: 764px;}
.architectural-wrap li:nth-child(8n+2) .architectural-serevice-image,.architectural-wrap li:nth-child(8n+4) .architectural-serevice-image{height: 100%;}

/* content */
.section-architectural-services .architectural-service-content{position:absolute;z-index:1;bottom:24px;text-align: center;width:100%;}
.architectural-service-content .heading-style-4{color: var(--white);font-weight:400;}

/* ===================================== media quiery  ===================================== */

@media screen and (max-width:1199px) {
    .container{max-width: 960px;} 
    
    /*  =========================== services section =========================== */ 
    .architectural-wrap{column-gap: 22px;row-gap:22px;}
    .architectural-wrap li{height: 330px;}
    /* images */   
    .architectural-wrap li:nth-child(8n+2),.architectural-wrap li:nth-child(8n+4){height: 682px;}       
}
@media screen and (max-width:991px) {
    .container{max-width: 720px;} 
    
    /*  =========================== services section =========================== */ 
    .architectural-wrap{column-gap: 15px;row-gap:15px;}
    .architectural-wrap li{height: 250px;}
    /* images */   
    .architectural-wrap li:nth-child(8n+2),.architectural-wrap li:nth-child(8n+4){height: 515px;}
}
@media screen and (max-width:767px) {
    .container{max-width: 540px;} 
    
    /*  =========================== services section =========================== */ 
    .architectural-wrap{column-gap: 12px;row-gap:12px;}
    .architectural-wrap li{height: 190px;}
    /* images */   
    .architectural-wrap li:nth-child(8n+2),.architectural-wrap li:nth-child(8n+4){height: 392px;}
    /* content */
    .section-architectural-services .architectural-service-content{bottom: 18px;}
}
@media screen and (max-width:575px) {
    .container{max-width: 100%;}
    
    /*  =========================== services section =========================== */ 
    .architectural-wrap{column-gap: 0;row-gap:14px;grid-template-columns:1fr;}
    .architectural-wrap li{height: auto; aspect-ratio: 2/1.3;}
    /* images */   
    .architectural-wrap li:nth-child(8n+2),.architectural-wrap li:nth-child(8n+4){height: auto; aspect-ratio: 2/1.3;}
   
}