/* Container */
.lg-container{max-width: var(--px-1420); width: 90%; margin: 0 auto;}
.md-container{max-width: var(--px-1360); width: 90%; margin: 0 auto;}
.sm-container{max-width: var(--px-1260); width: 90%; margin: 0 auto;}
.xsm-container{max-width: var(--px-1140); width: 90%; margin: 0 auto;}

.page-wrapper{max-width: 1920px;width: 100%;margin: 0 auto;box-shadow: 0 0 0.375em rgba(0, 0, 0, 0.25);}

.theme-btn{font-size: var(--px-18); border-radius: var(--px-28); color: #FFFFFF; padding: var(--px-6) var(--px-18); background: #A56D1E;
background: linear-gradient(334deg, rgba(165, 109, 30, 1) 0%, rgba(204, 130, 18, 1) 100%); line-height: 1; display: block; width: max-content; transition: .3s all ease; border: 1px solid var(--theme-clr); }
.theme-btn:hover{background: transparent;color: var(--theme-clr)}

p, li{color: var(--black);font-family: var(--host-grotesk );  font-size: var(--px-16); line-height: 1.1;}

.heading01{font-size: var(--px-80); color: #FFFFFF; font-weight: 300; line-height: 1;  font-family: var(--kalnia); }
.heading02{font-size: var(--px-36); color: #2C2C2C; font-weight: 300; line-height: 1;  font-family: var(--kalnia); text-align: center ;}
.sub-heading{font-size: var(--px-18); color: var(--theme-clr); line-height: 1.2; letter-spacing: var(--px-16); text-transform: uppercase; text-align: center;}

/* common-class */
.section{padding: var(--px-60) 0;}
.mt-60{margin-top: var(--px-60);}
.text-left{text-align: left !important;}

/* header */
.header{padding: var(--px-24) 0 var(--px-12) 0; position: fixed; top: 0; right: 0; left: 0;max-width: 1920px;margin:0 auto; width: 100%; z-index: 99;background-color: #FFFFFF; box-shadow: rgba(50, 50, 93, 0.25) 0px 2px 5px -1px, rgba(0, 0, 0, 0.3) 0px 1px 3px -1px;}
.header .header-r-box{display: flex; align-items: center; gap: var(--px-28);}
.header .header-r-box .navlist{display: flex; gap: var(--px-28); align-items: center;}
.header .header-r-box .navlist li{font-size: var(--px-18); transition: .2s all ease;}
.header .header-r-box .navlist li a{color: #2C2C2C}
.header .header-r-box .navlist li:hover a{color: var(--theme-clr);}
.header .lg-container{display: flex; align-items: center; justify-content: space-between;}
.menu-btn{display: none;}

/* banner section */
.hero-banner-section{position: relative;}
.hero-banner-section .banner-content{padding: var(--px-36) var(--px-28); background-color: #FBE3C0;position: absolute;top: 50%;right: 14%;transform: translateY(-50%); text-align: center; border-radius: var(--px-12);}
.hero-banner-section .banner-content .content-heading{font-size: var(--px-24); color: #000000; font-family: var(--kalnia); text-align: center; text-transform: uppercase; font-weight: 400;}
.hero-banner-section .banner-content .sub-head-txt{font-size: var(--px-16); color: #2C2C2C; margin-top: var(--px-12);}
.hero-banner-section .banner-content .mid-box p{background-color: #FFFFFF; padding: var(--px-12) var(--px-16); border-radius: var(--px-12); margin-top: var(--px-12); color: #8A8A8D; display: flex; align-items: center; justify-content: space-between;}
.hero-banner-section .banner-content .bottom-txt{font-size: var(--px-18); text-align: center; margin-top: var(--px-20); color: #2C2C2C; font-weight: 800}
.hero-banner-section .banner-content .btn{font-size: var(--px-16); background: transparent; border: 1px solid #8E8E8E; color: #2C2C2C;margin-top: var(--px-22); margin-inline: auto; border-radius: var(--px-6);padding: var(--px-6) var(--px-12); width: max-content; display: block;}
.hero-banner-section .banner-head-box .heading02{font-size: var(--px-40); color: #FFFFFF; text-align: left; margin-left: var(--px-100);}
.hero-banner-section .banner-head-box .first-word{margin-left: var(--px-48);}
.hero-banner-section .banner-head-box .scnd-word{display: block;margin-left: var(--px-148);}
.hero-banner-section .banner-head-box{position: absolute; top: 50%; transform: translateY(-50%); left: 31%;}
.hero-banner-section .banner-head-box p{color: #FFFFFF; margin-top: var(--px-32); font-size: var(--px-24);}
.mobile-banner{display: none;}

.heading02 + .subtext{color: var(--black);font-family: var(--host-grotesk ); margin-top: var(--px-28);font-size: var(--px-16); text-align: center;}
.sub-heading + .heading02{margin-top: var(--px-18);}

/* about-section */
.about-wrapper{display: grid; grid-template-columns: 29.5% auto 29.5%; column-gap: var(--px-20); row-gap: var(--px-16); margin-top: var(--px-48)}
.about-wrapper .about-content{padding: 0 var(--px-28); text-align: center;margin-top: calc(var(--px-24) * -1);}
.about-wrapper .about-content p{line-height: 1.4;}
.about-content .theme-btn{margin-top: var(--px-24); margin-inline: auto;}
.about-wrapper .about-card{position: relative; border-radius: var(--px-18);overflow: hidden;}
.about-wrapper .about-card:hover img{transform: scale(1.1);}
.about-wrapper .about-card img{height: 100%; width: 100%; transition: .4s all ease;}
.about-wrapper .about-card .card-heading{font-size: var(--px-18); color: #FFFFFF; position: absolute; bottom: var(--px-28); left: var(--px-28); font-weight: 400;}
.about-wrapper .about-card .card-heading span{font-size: var(--px-24);font-style: italic; display: block; }
.about-wrapper .about-card.lg-card{margin-top: calc(var(--px-104) * -1);}
.about-wrapper .about-card.l-sm-card, .about-wrapper .about-card.r-sm-box{margin-bottom: var(--px-16);}
.about-wrapper .about-card.l-sm-card .card-heading{right: var(--px-18); left: auto  ;}

/* video-section */
.video-section .video-wrap{width: 75%; margin-inline: auto;}
.video-section img{margin-top: var(--px-18);}

/* amenities-section */
.amenities-section{background-color: #FBE3C0;}
.amenities-section .amenities-upper-slider{margin-top: var(--px-24); margin-inline: calc(var(--px-8) * -1);}
.amenities-section .amenities-upper-slider .amenities-slides{padding: var(--px-20); background-color: #F5F5F5; border-radius: var(--px-12); margin: 0 var(--px-8); }
.amenities-section .amenities-upper-slider .amenities-slides img{width: var(--px-40); height: var(--px-40); object-fit: contain;}
.amenities-section .amenities-upper-slider .amenities-slides .amt-heading{margin-top: var(--px-96); font-size: var(--px-20); font-weight: 400; font-family: var(--kalnia);height: var(--px-56);}
.amenities-section .amenities-upper-slider .amenities-slides p{margin-top: var(--px-12);}
.amenities-section .amenity-lg-slider .slick-list{border-radius: var(--px-20);}
.amenities-section .detailing-box{display: grid; grid-template-columns: 48% auto; padding: var(--px-12); background-color: #F5F5F5; gap: var(--px-100); align-items: center;border-radius: var(--px-12);}
.amenities-section .detailing-box{padding-right: var(--px-68);}
.amenities-section .detailing-box p{margin-top: var(--px-20);}
.amenities-section .detailing-box .amenity-sm-slider{margin-top: var(--px-28); margin-inline: calc(var(--px-6) * -1);}
.amenities-section .detailing-box .amenity-sm-slider .amenity-imgbox{margin: 0 var(--px-6); border-radius: var(--px-12); overflow: hidden; cursor: pointer;}
.amenities-section .detailing-box .amenity-sm-slider .amenity-imgbox img{width: 100%; height: 100%; object-fit: cover;}
.amenities-section .subtext{width: 75%; margin-inline: auto;}
.amenities-section .amenity-lg-slider img{width: 100%; height: 100%; object-fit: cover;    border-radius: var(--px-12);} 

.amenities-section .amenities-upper-slider .slick-track{display: flex;}
.amenities-section .amenities-upper-slider .slick-track .slick-slide{height: auto;}
.amenity-imgbox.slick-slide.slick-current.slick-active{outline: solid 2px #c17c15;border-radius: var(--px-24);}

.plan-section .tab-header{display: flex; gap: var(--px-12); border-bottom: 1px solid #707070;}
.plan-section .tab-header button{display: flex; gap: var(--px-8); align-items: center; background-color: #C98013; color: #FFFFFF; padding: var(--px-12) var(--px-12); border-radius: var(--px-12) var(--px-12) 0 0; font-size: var(--px-18);}  
.plan-section .tab-header button.active{background: #FFAD31;}
.plan-section .tab-container .tab-box{opacity: 0; visibility: hidden; height: 0;/*margin-top: var(--px-36)*/;}
.plan-section .tab-container .tab-box .btn-wrap{justify-self: center;}
.plan-section .tab-container .tab-box.active{opacity: 1; visibility: visible; height: auto;}
.floor-img img{width: 80%;margin: auto}

.gallery-section .gallery-slider{margin-top: var(--px-36);}
.gallery-section .gallery-slider .gallery-slide{margin-right: var(--px-12);}


.construction-section .update-slider{margin-top: var(--px-36); margin-inline: calc(var(--px-12) * -1);}
.construction-section .update-slider  .update-imgae{margin: 0 var(--px-12);}
.slick-arrow{width: var(--px-40); height: var(--px-40); position: absolute; top: 50%; transform: translateY(-50%); font-size: 0; cursor: pointer;}
.slick-arrow.slick-prev{background-image: url(../img/left-arrow.png); background-size: 100%; left: -3%;}
.slick-arrow.slick-next{background-image: url(../img/right-arrow.png); background-size: 100%; right: -3%;}
.slick-arrow.slick-disabled{opacity: 0;}

.homeowners-section .sm-container{display: grid; grid-template-columns: auto 54%; background-color: #FBE3C0; border-radius: var(--px-8); padding: var(--px-22) var(--px-32) var(--px-32) var(--px-60);}
.homeowners-section .homeowners-r-box{display: grid; grid-template-columns: 1fr 1fr; gap: var(--px-32);}
.homeowners-section .homeowners-l-box{padding-right: var(--px-160);padding-top: var(--px-18);}
.homeowners-section .homeowners-l-box p{margin-top: var(--px-18);}
.btn-wrap{margin-top: var(--px-28); display: flex; gap: var(--px-28);}

.connectivity-section .sm-container{display: grid; grid-template-columns: auto 58%; gap: var(--px-36); align-items: center;}
.conn-content p{margin-top: var(--px-20); display: flex; align-items: center; justify-content: space-between;}
.conn-content p span{font-weight: 700;}


.footer{background-color: #2B2F30;}
.footer .ft-top{display: flex;align-items: center;justify-content: space-between;padding: var(--px-20) 0;position: relative;padding-right: var(--px-120);}
.footer h5{color: #FFFFFF;font-size: var(--px-16);line-height: 1.37;text-transform: uppercase;font-weight: 400;margin-bottom: var(--px-12);}
.footer p, .footer a, .footer p, .footer span{color: #FFFFFF;font-size: var(--px-16);}
.ft-logo-box p{margin-top: var(--px-24);line-height: 1.5;font-weight: 300 ;}
.ft-logo-box a{width: var(--px-120);display: block;}
.ft-logo-box .foot-logo-wrap{display: flex; gap: var(--px-12);}
.ft-link-box ul li{display: grid;align-items: center;column-gap: 6px;grid-template-columns: auto auto;justify-content: flex-start; color: #FFFFFF; margin-top: var(--px-8);}
.ft-contact-box p{margin-top: 0;}
.ft-contact-box .phone-span, .ft-contact-box .mail-span{display: grid;grid-template-columns: var(--px-16) auto;align-items: center;margin-top: var(--px-8);column-gap: var(--px-8);}
.cr-box{border-top: solid 1px #FFFFFF;padding: var(--px-12) 0;display: flex;align-items: center;justify-content: space-between;}
.cr-box span, .cr-box a{color: #F2EFEB;font-size: 12px;line-height: 1.44;opacity: .4;}
.ft-social{position: absolute;right: 0;bottom: var(--px-12);width: 1.2%;}
.ft-social a{margin-top: 6px;display: block;}


.progress {display: block;width: 100%;height: var(--px-8);border-radius: var(--px-8);overflow: hidden;background-color: #f5f5f5;background-image: linear-gradient(to right, #261E2F, #261E2F);background-repeat: no-repeat;background-size: 0 100%;transition: background-size .4s ease-in-out;margin-top: var(--px-24);}

.enq-popup h2{ font-size: var(--px-24); color: #000000; font-family: var(--kalnia); text-align: center; text-transform: uppercase; font-weight: 400;}
.enq-popup h3{font-size: var(--px-16); color: #2C2C2C; margin-top: var(--px-12);}
.enq-popup .input-box input{font-size: var(--px-16); background: #FFFFFF; padding: var(--px-8) var(--px-12); border-radius: var(--px-8); width: 100%;}
.enq-popup .input-box{margin-top: var(--px-16);}
.enq-popup{background: #FBE3C0; width: var(--px-497); padding: var(--px-36) var(--px-20); position: relative;}
.enq-popup .close-enq{width: var(--px-22);position: absolute;right: 16px;top: 16px;}

.popup-overlay{position: fixed; top: 0; right: 0; bottom: 0; left: 0; background: #0000006b; z-index: 999; display: flex; align-items: center; justify-content: center; display: none;}
.enq-popup{background: #FBE3C0;
width: var(--px-472);position: fixed;top: 50%;left: 50%;transform: translate(-50%,-50%);
padding: var(--px-36) var(--px-40); display: none;z-index: 9999;}
.tc-box{margin-top: var(--px-20);}
.enq-popup .theme-btn{margin: 0 auto; margin-top: var(--px-28);}
.social-icon{position: fixed; right: 0; top: 50%; z-index: 99; display: flex; flex-direction: column; gap: var(--px-12);}
.social-icon a{width: var(--px-56); height: var(--px-48);}

.thankyou-content{ height: 75vh;max-width: 1000px;margin: 0 auto;align-items: center;justify-content: center;display: flex;}
.thankyou-content .wrapper-1{width: 100%;display: flex;flex-direction: column;justify-content:center;}
.thankyou-content .wrapper-2{padding: 15px;text-align: center;}
.thankyou-content .wrapper-2 h1{font-size: var(--px-80);color: var(--theme-clr);margin: 0;margin-bottom: 10px;font-weight:700}
.thankyou-content .wrapper-2 .theme-btn{margin-top: var(--px-20); margin-inline: auto;padding: var(--px-12) var(--px-32)}
.thankyou-content .wrapper-2 p{margin: 0;font-size: var(--px-24);}