/* Container */
.lg-container{max-width: var(--px-1588); width: 83%; margin: 0 auto;}
.md-container{max-width: var(--px-1440); width: 75%; margin: 0 auto;}
.sm-container{max-width: var(--px-1240); width: 65%; margin: 0 auto;}
.ft-container{max-width: var(--px-1360); width: 71%; margin: 0 auto;}


.theme-btn{font-size: var(--px-20); color: #FFFFFF; padding: var(--px-6) var(--px-18);
background: var(--theme-clr); line-height: 1; display: block; width: max-content; transition: .3s all ease; border: 1px solid var(--theme-clr); font-family: var(--inter);}
.theme-btn:hover{background: transparent; color: var(--theme-clr)}

p, li{color: var(--black);font-family: var(--inter);font-size: var(--px-16); line-height:1.3;}
p{margin-top: var(--px-24);}

.page-wrapper{max-width: 1920px;margin: 0 auto;position: relative;}

.heading01{font-size: var(--px-80); color: var(--theme-clr); font-weight: 300; line-height: 61px;  font-family: var(--castoro)}
.heading02{font-size: var(--px-48); color: #555555; font-weight: 300; line-height: 1.27; font-family: var(--castoro) ;text-align: center;}

/* common-class */
.section{padding: var(--px-100) 0;}  
.green-txt{color: var(--theme-clr);}
.text-left{text-align: left;}

/* header */
.header{position: fixed;top: 0; right: 0; left: 0; width: 100%; z-index: 99;background-color: #FFFFFF;z-index: 99;box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);}
.header .header-r-box{display: flex; align-items: center; gap: var(--px-28);}
.header-bottom-box{background:var(--theme-clr); height: var(--px-56);}
.header-bottom-box p{color:#FFFFFF; font-size: var(--px-24);font-weight: 600;line-height: 1; padding: var(--px-18) 0; text-align: center;font-family: var(--inter);margin-top: 0;}
.header .header-top-box{display: flex;align-items: center;justify-content: space-between;padding: var(--px-20) 0}
.header-top-box .navlist{display: flex; gap: var(--px-28); align-items: center;}
.header-top-box .navlist li{font-size: var(--px-18);color: #261E2F;
 transition: .2s all ease;}
.header-top-box .navlist li a{color: var(--dark-black)}
.header-top-box .navlist li:hover a, .header-top-box .navlist li a.active{color: var(--theme-clr);}
.menu-btn{display: none;}
.head-logo{width: 9%;}
.enq-sticky-btn{display: none;}

/*Hero section*/
section.hero-section {position: relative;}
img.hero-bg {padding-top: var(--px-56);position: relative;z-index: 9;width:100%}
.hero-content {position: absolute;top: 11%;right: 47%}
.hero-section.hero-heading {width: var(--px-932);}
.hero-section span.small-text {font-size: var(--px-40);font-weight: 400;color: #555555;}
.price-badge {position: absolute;top: 3%;width: var(--px-350);height: var(--px-350);background: #1CABB4;border-radius: 50%;display: flex;align-items: center;justify-content: center;text-align: center;color: #fff;right: 14%;}
.price-badge p{font-size: var(--px-40);color:#ffffff}
.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);}
.social-icon a img{width: 100%;}
.booking-buttons .theme-btn{font-size: var(--px-18);padding: var(--px-8) var(--px-18) var(--px-6);font-weight: 600;width: auto;}
.booking-buttons .theme-btn.dwn-btn{background-color: #1CABB4}

/*Booking-section*/
.booking-section{background: #E9E9E9;padding: var(--px-24) 0;font-family: var(--inter)}
.booking-section{position: fixed;left: 0;right: 0;bottom: 0; z-index: 99;}
.booking-lg-container{display: grid;align-items:flex-start;gap: 2%;grid-template-columns:17% 50% 14% 15.5%;}
/*.booking-lg-container{display: grid;align-items:flex-start;gap: 2%;grid-template-columns:17% 82%;}*/
.booking-left h3{font-size: var(--px-18);margin-bottom: var(--px-8); color: #222A2C;font-weight: 400;}
.booking-left p{font-size: var(--px-16);color: #222A2C;margin-top: 0;}
.booking-form form{display: grid;gap: var(--px-16);grid-template-columns: 1fr 1fr 1fr var(--px-120);}
form .theme-btn{grid-area: 1/4}
.booking-right p{margin-top: 0%;}
.consent label p {font-size: var(--px-8);color: #222A2C;line-height: 1.5;margin-top: 0;}
/* .booking-left p {font-size: 15px;font-weight: 400;} */
.booking-form input[type="text"], .booking-form input[type="email"], .booking-form input[type="tel"]{width: var(--px-208);padding: var(--px-8) var(--px-12);border: none;background: #ffffff;border-radius: var(--px-12);font-size: var(--px-16);color:#222A2C;line-height: 1;width: 100%;}
.consent{margin-top:var(--px-8);display: flex;gap:var(--px-8);align-items: flex-start;max-width: var(--px-497);line-height: 1.5;grid-column: span 3}
.booking-buttons{display: flex;gap: var(--px-28);align-items: center;}
.price-text{font-size: var(--px-16);font-weight: 500;color: #707070;margin-top: 0}
.price-text strong{font-size: var(--px-24);font-weight: 600;color: #707070;}
.booking-buttons{display: flex;gap: var(--px-12);justify-content: flex-start;height: var(--px-40);}


/*redefining-section*/
.redefining-section {padding: var(--px-100) 0;}
.redefining-section .md-container {display: grid;grid-template-columns: 40% auto;column-gap: var(--px-64);align-items: center;}
/* .left-content {width: 45%;} */
.left-content h2.heading02 {text-align: start;margin-bottom: 16px;}
.left-content h2 span {color: var(--theme-clr)}
.icon-box{text-align: center;}
.right-icons {display: grid;grid-template-columns: 1fr 1fr 1fr 1fr;gap: var(--px-16);text-align: center;}
.icon-img img {display: inline-block;width: 77.1%;}
.icon-box p{font-size: var(--px-22);font-weight: 600;color: #5B5B5B;line-height: 1.4;}


/*details section*/
.details-section {background: #ffffff;}
.details-container {display: grid;grid-template-columns: auto 38%;align-items: center;column-gap: var(--px-68);}
.details-section h2{text-align: left;}
.details-image-box{overflow: hidden; border-radius: var(--px-32);}
.details-image-box img { width: 100%; display: block; transition: transform .3s linear;}
.config-info p{font-size: var(--px-32);font-weight: 400;line-height: 1.4;} 
.details-image-box:hover img{transform: scale(1.1);}
.config-info p strong{font-weight: 700;display: block;}
.config-info small{    font-size: var(--px-16);font-style: italic;display: block;}
.heading02 span {color: var(--theme-clr);}

/*feature section*/
.feature-section {display: flex;justify-content: center;margin-top: var(--px-100);}
.feature-container {background-color: var(--theme-clr);border-radius: var(--px-40);display: flex;align-items: center;justify-content: space-evenly;padding: var(--px-48);box-sizing: border-box;margin: auto;}
.feature-item {flex: 1;display: flex;flex-direction: column;align-items: center;text-align: center;border-left: solid 1px #fff;}
.feature-item:first-child{border-left: none;}
.feature-icon {margin-bottom: var(--px-18);}
.feature-img img {max-height: 100%;width: auto;display: block;}
.feature-item p {color: #ffffff;font-family: var(--inter);font-size: var(--px-24);font-weight: 600;line-height: 1.2;margin: 0;}
.v-divider {width: 1px;height: 140px;background-color: #ffffff}

/*family-section*/
.family-section {margin-top: var(--px-100);position: relative;display: grid;grid-template-columns: 59% auto;column-gap: var(--px-40);align-items: center;padding-bottom: var(--px-68);}
.family-image-box img {width: 100%;display: block;}
.family-image-box {position: relative;}
.family-image-box span {position: absolute;bottom: 12%;color: black;font-size: var(--px-12);left: 1%}
.family-content{position: relative;}
.family-content:after{content: "";position: absolute;right: 0;width: var(--px-72);background-color: rgba(28, 171,180,.20);height: 100%;border-bottom-left-radius: var(--px-12);border-top-left-radius: var(--px-12);top: 50%;transform: translateY(-50%);}
.family-content h2 {text-align: left;}
.family-content p {margin-bottom: var(--px-36);}
.family-content.theme-btn{font-size: var(--px-18);font-weight: 600;padding: var(--px-8) var(--px-18);}


/*footer*/
.footer-section {background: #2B2F30;font-family:var(--inter);}
.footer-top {display: flex;justify-content: space-between; padding: var(--px-32) 0;}
.logos {display: flex;gap: var(--px-36);margin-bottom: var(--px-24);}
.logos img.logo-img {height: var(--px-48);width:var(--px-120);}
p.site-address {color: #ffffff;line-height: 1.5;font-size: var(--px-12);font-weight: 400}
/* .rera-section {margin-right: var(--px-76);} */
.rera-section ul li{color: #ffffff;font-size: var(--px-12);font-weight: 400;line-height: 2;}
/* .contact-section {flex: 1;} */
.contact-section h3 {color: #ffffff;font-size: var(--px-16);font-weight: 400;letter-spacing: 1px;margin-bottom:var(--px-16) ;}
p.reg-office {color: #ffffff;font-size: var(--px-12);line-height: 1.5;font-weight: 400;margin-top: var(--px-8);}
.contact-icon {width: var(--px-24);height: var(--px-24);  object-fit: contain;display: inline-block;vertical-align: middle;}
.contact-item a {color: #ffffff;text-decoration: none;font-size: var(--px-16);}
.contact-links {display: flex;gap: var(--px-16);margin-top: var(--px-24);
min-width: var(--px-268);}
.footer-bottom {border-top:1px solid #FFFFFF;padding: var(--px-12) 0;display: flex;align-items: center;justify-content: space-between;font-size: var(--px-12);font-weight: 400;color: #F2EFEB;}
.footer-bottom p{color: #fff;margin: 0;}

/*reality-section*/
.construction-section {margin-top: var(--px-48)}
.construction-wrapper {/*display: flex;align-items: center;gap: var(--px-14);*/margin-top: var(--px-48);}
.construction-image {margin: 0 var(--px-12);overflow: hidden;border-radius: 14px}
.construction-image img {width: 100%;border-radius: 14px;transition: transform 0.5s ease;}
.construction-image img:hover{transform: scale(1.1);}


/* location-section */
.location-section {padding: var(--px-100) var(--px-20);background-color: #454545;}
.content-wrapper-wrapper{display: grid;grid-template-columns: 71% auto; column-gap: var(--px-80);margin-top: var(--px-60);}
.content-wrapper-wrapper .connection-img-box {flex: 2;overflow: hidden;}
.connection-img-box .map-image {width: 100%;transition: transform 0.5s ease}
.connection-img-box .map-image:hover{transform: scale(1.1);}
.aside-wrap{height: 100%;overflow: auto;position: relative;}
.aside-wrap .connection-sidebar{position: absolute;left: 0;top: 0;}
.connection-sidebar .connection-content {margin-bottom: var(--px-12);}
.connection-content h3 {color: var(--theme-clr);font-size: var(--px-20);font-weight: 600;letter-spacing: 1px;margin-bottom: 0;line-height: 1.6;padding-bottom: 0;}
.connection-content p, .connection-content li {font-size: var(--px-16);font-weight: 400;line-height: 1.75;color:#ffffff;margin: 0;}
.location-section .lg-container .heading02 {color: #ffffff}
.aside-wrap::-webkit-scrollbar-track{background-color: rgba(217,217,217,.15);}
.aside-wrap::-webkit-scrollbar{width: var(--px-6);border-radius: 3px;background-color: rgba(217,217,217,.15)}
.aside-wrap::-webkit-scrollbar-thumb{background-color:  #D9D9D9;width: var(--px-6);border-radius: 3px;}
.slick-arrow{position: absolute;top: 50%;transform: translateY(-50%);font-size: 0;color: transparent;background-repeat: no-repeat;background-position: center;width: var(--px-32);height: var(--px-32);background-size: cover;}
.slick-prev{background-image: url("../img/left-arrow.png");left: calc(var(--px-44) * -1);}
.slick-next{background-image: url("../img/right-arrow.png");right: calc(var(--px-44) * -1);}


/*AMENITIES-SECTION*/
.amenities-section {/*display: grid;grid-template-columns: 28% auto; align-items: center;column-gap: var(--px-88);*/padding-top: var(--px-100); padding-left: 12%;overflow: hidden;background-color: #fff;font-family: var(--inter);}
.amenities-text {width: 28%;display: inline-block;vertical-align: middle;}
.amenities-text h2{font-size: var(--px-48); color: #555555; font-weight: 400; line-height: 1.27; font-family: var(--castoro);}
.amenities-text h2 span {color: var(--theme-clr);}
/* .amenities-gallery {display: flex;gap: var(--px-20);overflow-x: auto;padding-bottom: var(--px-20);scrollbar-width: none;} */
.amenities-gallery{width: 72%;display: inline-block;vertical-align: middle;margin-left: -5px;padding-left: var(--px-88);}
/* .amenities-gallery::-webkit-scrollbar {display: none;} */
.amenity-card {text-align: center;margin-left: var(--px-16);}
.amenity-card img{width: 100%;object-fit: cover;transition: transform 0.5s ease}
.aminity-img:hover img{transform: scale(1.1);}
.aminity-img{position: relative; overflow: hidden; border-radius: var(--px-12);}
.aminity-img span{
    position: absolute;
    bottom: 3%;
    right: 8%;
    color: #fff;
    font-size: var(--px-8)}


/*developer section*/
/* .developer-section-section {padding: var(--px-100) 0;padding-left: 12%;display: grid;grid-template-columns: 42% auto;column-gap: var(--px-68);} */
 .developer-section-section {padding: var(--px-100) 0;padding-left: 12%;}
.dev-content{width: 42%;display: inline-block;vertical-align: top;}
.dev-content .heading02:nth-child(3){margin-top: var(--px-24);}
.dev-content p{margin-top: var(--px-8);}
.dev-gallery {margin-bottom: var(--px-20);width: 58%;display: inline-block;vertical-align: top;margin-left: -5px;padding-left: var(--px-68);}
.project-img{margin-left: var(--px-16);text-align: center;  }
.project-img .pro-img-box img{transition: transform 0.3s linear;}
.project-img .pro-img-box{ border-radius: var(--px-12); overflow: hidden;}
.project-img img{width: 100%;height: auto; }
.project-img:hover img{transform: scale(1.1);}


.menu-btn, .close-btn{display: none;}
/*plan-section*/
.plan-section .tab-header{display: flex; gap: var(--px-16); border-bottom: 1px solid #0D0D0D;margin-bottom: var(--px-48);padding: var(--px-48) 0 0}
.plan-section .tab-header button{display: flex; column-gap: var(--px-16); align-items: center; background-color: #ffffff; color: #0D0D0D;; padding: var(--px-12) var(--px-16); border-radius: var(--px-12) var(--px-12) 0 0; font-size: var(--px-18);border: 1px solid black;margin-bottom: -1px;}  
.plan-section .tab-header button.active{background:var(--theme-clr);color: #fff}
.plan-section .tab-container .tab-box{opacity: 0; visibility: hidden; height: 0;/*margin-top: var(--px-36)*/;text-align: center;}
.plan-section .tab-container .tab-box .btn-wrap{justify-self: center;}
.plan-section .tab-container .tab-box.active{opacity: 1; visibility: visible; height: auto;}
.plan-section .tab-container .tab-box img{display: inline-block;transition: transform 0.5s ease;}
.plan-section .tab-container .tab-box img:hover{transform: scale(1.1)}
.floor-img img{width: 80%;margin: auto}
.btn-wrap {display: flex;gap: var(--px-24);justify-content: center;}

.addition-section{text-align: center;}
.addition-section .btn-wrap{margin-top: var(--px-24);}
.addition-section .btn-wrap .theme-btn{padding:var(--px-18) var(--px-44);font-family: var(--px-24);font-weight: 600;color: #fff;border-radius: var(--px-12);}
.addition-section .btn-wrap .theme-btn.payment-btn{background-color: var(--theme-clr);border: solid 1px var(--theme-clr);color: #fff;}
.addition-section .btn-wrap .theme-btn.downnload-brochure:hover{color:#0D0D0D}
.addition-section .btn-wrap .theme-btn.payment-btn:hover{background-color:transparent;color:#0D0D0D}

.overlay{position: fixed;top: 0;left: 0;bottom: 0;right: 0;background-color: rgba(0,0,0,0.5);z-index: 99;display: none;}
.popup-box{background-color: var(--theme-clr);padding: var(--px-48) var(--px-36);position: fixed;z-index: 99; width: var(--px-472);top: 50%;left: 50%;transform: translate(-50%,-50%); text-align: center;display: none;}
.popup-box h2{font-size: var(--px-28);color: #fff;font-weight: var(--bold);}
.popup-box h3{font-size: var(--px-20);color: #fff;font-weight: var(--med);margin-top: var(--px-12);}
.popup-box .pro-info{margin-top: var(--px-8);}
.popup-box .form-box{margin-top: var(--px-24);}
.popup-box .form-box .input-box{font-size: var(--px-12);color: #8A8A8D;font-weight: var(--med);line-height: 1;background-color: #fff;display: flex;justify-content: space-between;border-radius: var(--px-12);padding: var(--px-12) var(--px-16);margin-top: var(--px-16);position: relative;}
.popup-box .form-box .input-box .error-message{position: absolute;bottom: -12px;}
.popup-box .form-box .input-box input{background-color: #fff;width: 100%;color: #010F0F;font-size: var(--px-16);line-height: 1.5;}
.popup-box .form-box .tc-box{margin-top: var(--px-24);display: grid;grid-template-columns: 12px auto;column-gap: var(--px-8);align-items: flex-start;}
.popup-box .form-box .tc-box span{color: #fff;font-size: var(--px-14);line-height: 1.2;text-align: left;}
.popup-box .form-box .sub-btn{color: #000;font-size: var(--px-18);line-height: 1.2;padding: var(--px-8) var(--px-36);background: #fff;margin: 0 auto;display: block;margin-top: var(--px-40)}
.popup-box .close-enq{position: absolute;top: var(--px-24);right: var(--px-24);width: var(--px-24);}
.otp-popup  .form-box input{color: #FFFFFF; width: 30px; background: transparent; border-bottom: 1px solid #FFFFFF; padding: 20px 10px 5px;}
.otp-popup .form-box .otp-wrap{display: flex; align-items: center; gap: 12px; align-items: center; justify-content: center;}

.master-plan-slider{width: 80%;margin: 0 auto;}

/*thank ypu page*/
.thankyou-content{ height: 100vh;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: 30px;text-align: center;}
.thankyou-content .wrapper-2 .theme-btn{padding: 10px 50px;border-radius: 30px;text-transform: capitalize;display: inline-block;text-decoration: none;margin: 0 auto;margin-top: 30px;}
.wrapper-2 h1.heading01.bold-txt{font-size: var(--px-68)}