/** Shopify CDN: Minification failed

Line 183:2 Expected "}" to go with "{"

**/
.architecture-design{background-color:#f4f2ea; 
    padding-top: 89px;
    padding-bottom: 87px;
    padding-left: 29px;
    padding-right: 30px;
    width:100%;}

.architecture-design  .row{display: flex; }
.architecture-design .left-side-image{width:44%;   display: flex;}
.architecture-design .left-side-image img{max-height: 618px; height:100%;  }
.architecture-design .right-side-box{width:56%;  }
.architecture-design  img{width:100%; object-fit: cover; height:100%; max-height: 274px;}
.image-gallery-slider{display: flex; gap:12px;  margin-bottom: 40px;
    margin-left: -50px; }
.architecture-design .image-box {width:33.33%;}

.architecture-design .image-box img{border:solid 2px #f4f2ea;}

.architecture-design .inner-box-area{display: flex; flex-direction: column; justify-content:space-between; height:100%;}

.slider-text-wrapper{padding-left: calc(40px + 3.8vw); padding-right: calc(20px + 3vw); margin-bottom: 24px;}

.architecture-design .box-text{margin-top: 18px;}
.heading-text{font-size:50px; font-family:carola; font-weight: 400;     margin-top: -12px;
    letter-spacing: 1.1px;}
.box-text p{font-size:16px; font-family:Helvetica; font-weight: 300; line-height: 26px; margin-bottom:13px;}
.box-text a {display: block; max-width:178px; text-align: center; margin-top:30px; font-family:Helvetica; font-size: 14px; font-weight:400;}




.interior-design {padding:86px 0px;}
.interior-design .text-wrapper{max-width: 941px; margin:0px auto; text-align: center;}
.interior-design .text-wrapper h3{font-size:50px; font-family: carola; font-weight: 400;  line-height: 54px; letter-spacing: 1.2px;}
.interior-design .text-wrapper p{margin:20px 0px; font-family: Helvetica; font-size:16px; font-weight: 300; line-height: 26px;}
.interior-design .text-wrapper a{padding:10px 10px; font-family: Helvetica
 ; display:inline-block; width: 178px; font-size:14px; font-weight: 400; }
 .interior-design .link_btn{margin-top: 33px;}


/*---------------banner-slider----------------*/


.bottom-bacground{background-color:#f4f2ea; height:300px; width:100%; position: absolute; bottom: -30px; z-index:0;}
.image-banner-slider img{width:100%;}
.image-banner-slider .slick-list {
padding:0 0% 0 0 !important;
}

.slick-dotted.slick-slider{z-index: 1;}
.service-banner-slider h3{color:#FFFFFF; font-size:70px; font-family: carola;  text-align: center;  padding-top:100px;     padding-top: 75px;
    letter-spacing: 2px;}
.image-banner-slider{z-index: 20; position: relative; bottom: 80px; padding-top:115px; }
.image-banner-slider img{ height:100%; object-fit: cover;   height:calc(290px + 24vw);  max-height: 650px;}
.image-banner-slider .slick-dots{left:50%!important; transform: translate(-50%)!important; bottom: -40px;}
.image-banner-slider .slick-dots li button:before{font-size: 16px!important; color:#FF5C39;}
.image-banner-slider .slick-dots li{width:15px;}
.mobile_image_service{display: none;}

@media(min-width:1920px){
    .image-banner-slider{max-width:1440px; margin:0px auto; padding-left: 0px; padding-right: 0px;}   
}



@media(max-width:1200px){
    .slider-text-wrapper
    {
        padding-left: calc(0px + 3.8vw);
        padding-right: calc(0px + 3vw);
        margin-bottom: 24px;
    }
    .service-banner-slider h3{font-size:60px; padding-top: 50px;}
}

/* @media(max-width:1050px){
    .image-gallery-slider{ height: 180px;
     margin-bottom: 20px;
     margin-left: -30px;
    }
    .architecture-design .left-side-image img{
        max-height: 550px;
        height: 100%;
        min-height: 550px;
    }
    .image-gallery-slider{ height: 150px;}
 } */


 

 @media(max-width:992px){
    .architecture-design{padding:50px 30px calc(250px + 8.3vw) 29px; position: relative;}
    .image-gallery-slider{position: absolute; bottom: 00px; margin-left:0px;   width:100%;  margin-bottom: 20px;}


    .heading-text{font-size:42px; line-height: 45px;}
    .service-banner-slider h3{font-size:50px}
    .architecture-design .row{flex-direction: column-reverse;}
    .architecture-design .right-side-box{width:100%;}
    .architecture-design .left-side-image{width:100%;}
   
    .slider-text-wrapper
    {
        padding-left: calc(0px + 0vw);
        padding-right: calc(0px + 0vw);
        padding-bottom: 40px;
    }

    .interior-design .text-wrapper h3{font-size:42px}
    .interior-design{padding: 40px 5.2px;}

 }

 @media(max-width:850px)
 {
    .architecture-design .left-side-image{width:100%;}
    .architecture-design .right-side-box{width:100%;}
 }

@media (max-width:820px) {
    .image-gallery-slider {
        position: absolute;
        bottom: 00px;
        margin-left: 0;
        width: 80%;
        margin-bottom: 40px;
    }

 @media(max-width:650px){
    .service-banner-slider h3{font-size:42px} 
    .architecture-design{padding:50px 5.2px calc(230px + 5.3vw) 5.2px; text-align: center;}
 }


 @media(max-width:550px){
    .architecture-design .left-side-image img{min-height: 420px;}
    .slider-text-wrapper{padding-bottom: 20px;}
    .architecture-design{padding:50px 5.2px calc(200px + 5.3vw) 5.2px; text-align: center;}
   
    .box-text a{margin:0px auto;}
    .interior-design{padding: 30px 5.2px;}
    .interior-design .link_btn{margin-top: 18px;}
    .desktop_image_service{display:none;}
    .mobile_image_service{display:block;}
    .image-banner-slider img{height:635px; object-fit: cover;}
    .image-banner-slider{ padding-top: 140px;}
    .slider-caption-text{padding-left: 20px!important; bottom: 30px!important;}
    .image-gallery-slider{width:92%;}
 }

 @media(max-width:431px){
    .heading-text{font-size:40px; line-height: 40px;}
    .interior-design .text-wrapper h3{font-size:40px}
    .box-text p{font-size: 14px; line-height: 22px;}
    .architecture-design .left-side-image img{min-height:383px;}
    .image-gallery-slider{gap:6px;}
    .interior-design{padding:35px 5.2px;}
    .interior-design .text-wrapper p{font-size: 14px; line-height: 22px; margin: 8px 0px; letter-spacing: 0.9px;}
    .service-banner-slider h3{
        font-size: 40px;
        text-align: center;
        padding-top: 44px;
        letter-spacing: 2px;
        max-width: 300px;
        text-align: center;
        margin: 0px auto;
        line-height: 40px;
        padding-left: 6px;
        word-spacing: -8px;
    }
    .image-gallery-slider{width:90%;}
 }

 @media(max-width:400px){
    .architecture-design{padding:50px 5.2px calc(160px + 5.3vw) 5.2px; text-align: center;}
    .image-banner-slider{bottom: 60px; padding-top: 80px;}
 }