.container{max-width: var(--px-1600);width: 84%;margin: 0 auto;position: relative;}
.heading02{font-size: var(--px-80);font-weight: var(--light);line-height: 1;color: var(--white);}
.heading03{font-size: var(--px-56);line-height: 1.2;font-weight: var(--sb);color: var(--theme);}
p{font-weight: var(--reg);font-size: var(--px-16);line-height: 1.5;}
.theme-btn{display: flex;align-items: center;gap: var(--px-8);background: var(--theme);color: #fff;text-decoration: none;padding: var(--px-12) var(--px-28);border-radius: var(--px-28);font-size: var(--px-16);font-weight: var(--med);text-transform: capitalize;width: max-content;border: 1px solid var(--theme);}
.text-center{text-align: center;}
.section{padding: var(--px-100) 0;}
.page-wrapper{max-width: 1920px;width: 100%;margin: 0 auto;position: relative;overflow: hidden;box-shadow: 0 0 0.375em rgba(0, 0, 0, 0.25);margin-bottom:-34px;}
.pb-0{padding-bottom: 0;}
.show-hide {display: none;}
.enq-sticky-btn{display:none;}
.mobile-icon {display:none}
.header{position: fixed;padding: var(--px-32) 0 var(--px-28);left: 0 ;right: 0;z-index: 900;}
.header.active{background-color: #fff;}
.header-r-box{display: flex;align-items: center;justify-content: space-between;position: relative;}
.header-right-box{display: flex;gap:var(--px-28);}
.header-logo img{transition: transform .3s linear;}
.header-logo.active img{transform: scale(0.5) translatey(-50%);
	}
.navlist{display: flex;align-items: center;gap: var(--px-8);list-style: none;}
.navlist li a{font-size: var(--px-16);font-weight: var(--med);color:var(--theme);text-decoration: none;transition: all .3s ease;padding: var(--px-10) var(--px-16);border-radius: var(--px-24);}
.navlist li a:hover{background: var(--theme);color: var(--white);}
.header-logo{position: absolute;left: 50%;top: 95%;transform: translate(-50%, -35%);z-index: 2;width: 13%}
.header-logo img{width:100%;display: block;}
.rera-info p{font-weight: var(--med);}
.header .theme-btn{display: flex;align-items: center;gap: var(--px-8);background: var(--theme);color: #fff;text-decoration: none;padding: var(--px-10) var(--px-28);border-radius: var(--px-28);font-size: var(--px-16);font-weight: var(--med);text-transform: capitalize;}
.header .theme-btn::before{content: "";width: var(--px-8);height: var(--px-8);border-radius: 50%;background: #00d26a;}
.header .theme-btn:hover{background:#0A254F33;color: var(--theme);border: 1px solid var(--theme);}
.menu-btn{display: none;}

.social-links{position:fixed;right: 0;top: 33%;display: flex;flex-direction: column;gap: var(--px-14);;background: #d3d3d3;padding: var(--px-18) var(--px-12);border-radius: 40px;margin-right: var(--px-22);z-index:999;}
.enquire-btn {writing-mode: vertical-rl;transform: rotate(180deg);background:var(--theme);color: var(--white);text-decoration: none;padding: var(--px-20) var(--px-10);border-radius: var(--px-24);font-size: var(--px-16);font-weight:var(--med);display: flex;align-items: center;justify-content: center;}
.enquire-btn:hover{background: #0A254F33;color: var(--theme);border: 1px solid var(--theme)}
.social-icon{display: flex;align-items: center;justify-content: center;}
.social-icon img{width: var(--px-48);height: var(--px-48);object-fit: contain;display: block;}
.hero-banner-section{margin:0 var(--px-20);position: relative;}
.hero-banner-section .banner-txt{position: absolute;
    top: 16%;
    left: 7%;
	font-size:var(--px-56);
	font-weight:var(--sb);
	color:var(--white);
	line-height:1;
}
.banner-slide img{width: 100%;object-fit: cover;display: block;border-radius: var(--px-20);}
.hero-banner-section.banner-slider{margin-top:var(--px-32);}
.banner-slide { padding: 0 var(--px-8);height: auto;}
.offer-box{position: absolute;bottom: 8%;left: 7%;color: var(--white);font-size: var(--px-24);font-weight: var(--light);padding: var(--px-40) var(--px-68);border: 1px solid rgba(255,255,255,0.4);border-radius: var(--px-40);overflow: hidden;}
.offer-box:after{content:"";position: absolute;top: 0;left: 0;right: 0;bottom: 0;background:  rgba(10, 37, 79, 0.8);filter: blur(1px);}
.hero-banner-section .offer-box p{font-size: var(--px-32);font-weight: var(--bold);line-height: 1.2;position: relative;z-index: 9}
.hero-banner-section .divider { width: var(--px-320); height: 2px; background: rgba(255,255,255,0.7); margin:var(--px-32) 0;position: relative;z-index: 9}

.form-section{background:var(--theme);padding: var(--px-28) 0;}
.form-section.sticky {
    position: fixed;
    left: 0;
    right: 0;
    bottom: auto;
	z-index: 99;}
.form-section .theme-btn{background: var(--white);color: var(--theme);padding: var(--px-10) var(--px-32);cursor: pointer;}
.enquiry-form{display: flex;align-items:center;gap: var(--px-28);}
.form-section .theme-btn:hover{background: #0A254F33;color: var(--white);border: 1px solid var(--white);}
.form-group{flex: 1;position:relative}
.form-group input{width: 100%;background: transparent;border-bottom: 1px solid var(--white);font-size:var(--px-16);font-weight: var(--thin);color:rgba(255, 255, 255, 0.8);}
.form-group input::placeholder{color: rgba(255, 255, 255, 0.5);}
.consent-box{display: flex;align-items: flex-start;gap: 10px;max-width: var(--px-440);}
.consent-box .consent{color:var(--white);font-size: var(--px-10);line-height: 1.4;}
.consent-box input[type="checkbox"] {cursor: pointer;}
.consent-box .consent p {font-size:var(--px-14);}

.feature-section{padding: var(--px-100) 0;}
.feature-section .feature-content{display: flex;gap: var(--px-32);align-content: center;text-align:center;}
.feature-section .feature-content .heading03{font-size: var(--px-56);font-weight: var(--sb);}
.feature-section .feature-content p{font-weight:var(--bold);}
.why-choose-section {padding: 0 0 var(--px-100);}
.why-choose-section .info-section{display: grid;grid-template-columns: 40% 57%;gap:var(--px-40);}
.why-choose-section .btn-wrap{display: flex; gap: var(--px-8);margin-top: var(--px-44);}
.why-choose-section .content-box p{margin-top: var(--px-20);}
.why-choose-section .btn-wrap .theme-btn:hover{background:#0A254F33;color: var(--theme);border: 1px solid var(--theme);}
.video-box video {width: 100%;display: block;height: 100%;border-radius: var(--px-40);}

.amenities-section{padding: var(--px-40) 0 var(--px-64);background-color: var(--theme);}
.amenities-section .amenities-card-content{display: flex;align-items: center;padding: var(--px-20) var(--px-32);background: var(--white);border-radius: var(--px-20);gap: var(--px-12);align-items: center;
    justify-content: center;height:var(--px-108);}
.amenities-section .heading03{color: var(--white);margin-bottom: var(--px-32);}
.amenities-section .amenities-cards{display:grid;grid-template-columns: 24% 24% 24% 24%;gap: var(--px-22);}
.amenities-section .amenities-cards span{font-size: var(--px-24);font-weight: var(--sb);color: var(--theme);width: calc(100% - var(--px-64));}
.amenities-section .amenities-cards .amenities-image img{height: var(--px-40);}


.footer{background: var(--theme);padding: var(--px-60) 0 var(--px-32);border-radius: var(--px-40) var(--px-40) 0 0;}
.footer-top {display: flex;    justify-content: space-between;}
.logo-wrap{flex-basis: 31%;}
.footer-right-contet{display: grid; grid-template-columns: 25% 25% 34%;gap: 9%;width: 51%;}
.footer-bottom{display: flex;justify-content: space-between;border-top: 1px solid var(--white);}
.footer-bottom p{margin-top: var(--px-12)}
.footer .footer-right-contet .footer-col  h4{font-size: var(--px-16);font-weight:var(--med);color: var(--white);margin-bottom: var(--px-32);}
.footer  li{font-size: var(--px-16);font-weight:var(--reg);color: var(--white);margin-top: var(--px-28);}
.footer  p{line-height:1.5;font-size: var(--px-14);color: var(--white);font-weight: var(--reg);margin-bottom:var(--px-28);}
.footer .footer-mid-box span {font-size: var(--px-16);font-weight: var(--med);color: var(--white);}
.footer .footer-mid-box {margin:var(--px-32) 0 var(--px-20);display: flex;justify-content: space-between;align-items: center}
.footer .footer-right-contet .footer-col .site-title{margin-top: var(--px-20);}
.ft-links {
    display: grid;
    gap: var(--px-8);
    grid-template-columns: auto auto auto;}
/* .ft-links img{width: var(--px-32);height: var(--px-32);object-fit: contain;} */
.ft-links img{height: var(--px-28)}
.footer .footer-right-contet .footer-col .no{font-weight:var(--sb);}
.gallery-section{padding: var(--px-100) 0;position: relative;}
.arrows{position: absolute;top: 0;right:0;display: flex;}
.arrows button img{width: var(--px-64);height: var(--px-64);display: block;}
.gallery-slide img{width: 100%;object-fit: cover;display: block;border-radius: var(--px-20);}
.gallery-section .gallery-slider{margin-top:var(--px-32);}
.gallery-section .btn-wrap{display: flex; gap: var(--px-8);margin-top: var(--px-44);justify-content: center;}
.gallery-section .btn-wrap .theme-btn:hover{background: #0A254F33;color: var(--theme);border: 1px solid var(--theme);}
.gallery-slide { padding: 0 var(--px-8);height: auto;}
.gallery-title{position: absolute; bottom: 3%; color:var(--white); font-size: var(--px-24); font-weight: var(--sb); margin-left: var(--px-24);}
.navlist li.active a {background: var(--theme);color: var(--white);}



.framework-section{position:relative;background: var(--theme);padding: var(--px-52) 0 var(--px-64);}
.framework-section .heading03{color: var(--white);}
/*.framework-section .tab-header{display: flex;position: absolute;right: 0;top: 0;gap: var(--px-20)}*/
/*.framework-section .tab-box{display: grid;grid-template-columns: 50% 50%;gap: var(--px-22);}*/
.framework-section .theme-btn{border: 1px solid var(--white);padding: var(--px-10) var(--px-36);}
.tab-container{margin-top: var(--px-40);}
.tab-container .tab-box{opacity: 0; visibility: hidden; height: 0;}
.tab-container .tab-box .btn-wrap{justify-self: center;}
.tab-container .tab-box.active{opacity: 1; visibility: visible; height: auto;}
.tab-box .master-img{width:70%;margin:0 auto;}
.plan-slide a img{width: 100%;object-fit: cover;display: block;padding: 0 var(--px-12);border-radius: var(--px-40);}
.plan-slide{ margin: 0 var(--px-8);height: auto;}
.tab-header {
    display: flex;
    gap: var(--px-20);
    justify-content: space-between;
    align-items: center;}
    .tab-buttons{
        display: flex;
    gap:var(--px-20);}
.tab-header button.active{background: var(--white);color: var(--theme);}
.plan-slider.slick-slider .slick-track, .plan-slider.slick-slider .slick-list{display: flex;}

button.slick-prev:after, button.slick-next:after {font-weight: 600;position: absolute;color:  var(--theme);font-size: var(--px-22);font-family: "Font Awesome 6 Free";top: 50%;left: 50%;transform: translate(-50%, -50%);}
button.slick-prev:after{content: "\f060";}
button.slick-next:after {content: "\f061";}
button.slick-prev,button.slick-next {font-size: 0;height: var(--px-64);width: var(--px-64);background-color: transparent;border: 1px solid  var(--theme);position: absolute;right: 0;top: -55px;border-radius: 50%;}
button.slick-prev:hover, button.slick-next:hover {background-color: var(--theme);}
button.slick-prev:hover:after, button.slick-next:hover:after {color: var(--white);}  
button.slick-prev{right: 5%}


.connectivity-section{padding: var(--px-100) 0;}
.connectivity-section .container{display: grid;grid-template-columns: 26% 66%;gap: 8%;}
.connectivity-section .solution-l-box .acc-row .toggle-box{margin-top: var(--px-28); display: none;}
.solution-l-box .acc-row{margin-top: var(--px-24);border: 1px solid var(--theme);border-radius: 10px;padding: var(--px-16);margin-bottom: 15px;}
.solution-l-box .acc-row:last-child {margin-bottom:0;}
.connectivity-section .solution-l-box .acc-row .acc-heading{font-size: var(--px-24); font-weight: var(--reg); line-height: 1.2; position: relative; padding-right: 3px; display: flex;align-items: center; justify-content: space-between; cursor: pointer;}
.connectivity-section .solution-l-box .acc-row .toggle-box li{ margin-left:var(--px-20);margin-top: var(--px-16);color: var(--theme);font-size:var(--px-20);}
.connectivity-section .solution-l-box .acc-row .toggle-box ul{border-top: 1px solid var(--theme);}
.connectivity-section .solution-l-box .acc-row .acc-heading::after {
    content: "";
    display: inline-block;
    width: var(--px-6);
    height: var(--px-6);
    border-right: 1px solid var(--theme);
    border-bottom: 1px solid var(--theme);
    transform: rotate(45deg);
    vertical-align: middle;
}
.connectivity-section .solution-r-box img{height:100%;}
.connectivity-section .solution-l-box .acc-row .acc-heading.active.active::after {
    transform: rotate(-135deg);}

.connectivity-section .acc-content{display: flex;align-items: center;gap: var(--px-12);}
.connectivity-section .acc-heading img{width: var(--px-28);height: var(--px-28);object-fit: contain;display: block;justify-content: center;}
.connectivity-section .acc-heading .content-image{background: #d9d9d9;width: var(--px-48);height: var(--px-48); border-radius: var(--px-12);display: flex;margin: 0 auto;justify-content: center;align-items: center;}
.connectivity-section .acc-heading span{font-size: 16px;font-weight: 500;color: var(--black);}


.reality-section{padding-bottom: var(--px-80);}
.reality-section .heading03{font-size: var(--px-32);font-weight: var(--sb)}
.reality-section .heading03 span{font-weight: var(--sb);}
.reality-section  p{color: var(--theme);}
.reality-section .container{display: grid;grid-template-columns: 24% 64%;gap: 7%;background:#d9d9d9;justify-content: center;padding: var(--px-44) var(--px-64) var(--px-28);border-radius: var(--px-24);}


.popup {background: #FFF8F8;border-radius: var(--px-16);padding: var(--px-48) var(--px-36) var(--px-36);max-width: var(--px-416);margin: 0 auto;position: fixed;top: 50%;transform: translateY(-50%);left: 0;right: 0;display: none;z-index: 99999;}
.popup .heading03{font-size: var(--px-32);font-weight: var(--med);text-align: center;}

.popup .form-group {margin-bottom: var(--px-16);margin-top: var(--px-32);}
.popup .theme-btn{ margin: 0 auto;margin-top: var(--px-32);cursor: pointer;}
.popup .theme-btn:hover{background: var(--white);color: var(--theme);border: 1px solid var(--theme);}
.popup .form-group input {border: 1px solid var(--theme);border-radius: var(--px-10);background: #D8D8D8;
padding: var(--px-18) var(--px-20);font-size:var(--px-16);outline: none;box-sizing: border-box;color: var(--black);}
.popup .form-group input::placeholder {color: #a0a7b5;}
.overlay {position: fixed;top: 0;bottom: 0;right: 0;left: 0;background-color: rgba(0, 0, 0, 0.4);display: none;z-index: 9999;}

.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: var(--px-16);text-align: center;}
.thankyou-content .wrapper-2 h1{font-size: var(--px-64);color: var(--theme);margin: 0;margin-bottom: 10px;font-weight:700}
.thankyou-content .wrapper-2 .theme-btn{margin-top: var(--px-20); margin-inline: auto;}
.thankyou-content .wrapper-2 p{margin: 0;font-size: var(--px-20);}
.thankyou-content .wrapper-2 .theme-btn:hover{background:#0A254F33;color: var(--theme);border: 1px solid var(--theme);}
.wpcf7-response-output, .hidden-fields-container, .screen-reader-response{display: none;}
.wpcf7-not-valid-tip {
    color: #bb2124 !important;
    font-size: 12px !important;
    font-family: var(--montserrat);
    font-weight: var(--sb) !important;
    margin-top: 5px;
    text-align: left;
	position: absolute;
}
.form-group .wpcf7-form-control-wrap{position: relative;padding-bottom: 20px}
.form-group .wpcf7-not-valid-tip{top:var(--px-36);}
.popup .close-btn{    position: absolute;
       top: var(--px-10);
    right: var(--px-12);
    cursor: pointer;
    width: var(--px-32);
    background: #fff;
    border-radius: 100%;
}
.consent-box01{
    display: flex;
	gap: var(--px-8);
	margin-top: var(--px-32);}