.lg-container{max-width: var(--px-1660);margin: 0 auto;position: relative;width: 90%}
.container{max-width: var(--px-1460);margin: 0 auto;position: relative;width: 90%}
.md-container{max-width: var(--px-1428);margin: 0 auto;position: relative;width: 90%}

.heading01{font-size: var(--px-96);font-weight: var(--reg);color: var(--white);font-family: var(--manrope);font-family: var(--manrope);}
.heading02{font-size: var(--px-68);font-weight: var(--reg);line-height: 1.1;color: var(--theme);font-family: var(--Playfair);}
.heading03{font-size: var(--px-36);line-height:auto ;font-weight: var(--reg);color: var(--white);font-family: var(--Playfair);}
p, li{font-weight: var(--med);font-size: var(--px-20);line-height:1.2;font-family: var(--manrope);color: var(--theme);}
.theme-btn {position: relative;overflow: hidden;background: var(--off-brown);color: var(--white);text-decoration: none;padding: var(--px-16) var(--px-52);font-size: var(--px-18);font-weight: var(--med);width: max-content;border: 1px solid transparent;transition: all .3s ease;}
.theme-btn:hover{border:1px solid #7C4F4A;background: #FFFFFF26;color:var(--white);}
.theme-btn-transperant {position: relative;overflow: hidden;background: #FFFFFF26;color: var(--white);text-decoration: none;padding: var(--px-16) var(--px-52);font-size: var(--px-18);font-weight: var(--med);width: max-content;border: 1px solid #7C4F4A;transition: all .3s ease;}
.theme-btn-transperant:hover {background: var(--off-brown);color: var(--white)} 
.text-center{text-align: center;}
.text-left{text-align: left;}
.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);}
.pb-0{padding-bottom: 0;}
.span{color: var(--off-white);font-style:italic;}
.slick-dots {display: block !important;}



.mobile-banner{display:none !important;}
.enq-sticky-btn{display: none;}
.menu-btn {display: none;}
.header {position: fixed;top: 0;left: 0;right: 0;width: 100%;z-index: 9999;transition: all 0.3s ease;}
.header .container {padding: var(--px-32) 0;display: flex;align-items: center;justify-content: space-between;}
.header .head-logo img {width: var(--px-100);}
.header .container .navlist {display: inline-flex;gap: var(--px-36);list-style: none;}
.header li a {color: var(--white);}
.header .container .navlist a:hover {opacity: .8;}
.header .container .navlist li a.active{color: var(--off-white);}
.header.scrolled {background: #000;transition: .3s all ease;}
.header.scrolled .navlist a:hover {opacity: .8;}
.header .theme-btn{margin-left: var(--px-36);}

.sticky-social {position: fixed;right: 1%;top: 50%;transform: translateY(-50%);z-index: 9999;display: flex;flex-direction: column;align-items: flex-end;gap: var(--px-20);z-index: 99;}
.sticky-icon {width: var(--px-60);height: var(--px-60);padding: var(--px-12);box-sizing: border-box;display: flex;align-items: center;justify-content: center;text-decoration: none;transition: 0.3s ease;}
.sticky-icon.whatsapp {background: #19b51f;}
.sticky-icon.phone {background: #FEC768;}
.sticky-icon:hover {transform: translateX(-5px);}
.sticky-social .theme-btn {writing-mode: vertical-rl;transform: rotate(180deg);letter-spacing: 0.5px;padding: var(--px-52) var(--px-16);color: var(--white);transition: all .3s ease;}
.sticky-social .theme-btn:hover{color:#000;text-shadow: 0 0 8px #fff, 0 0 15px rgba(255, 255, 255, 0.8);font-weight:var(--bold)}

.hero-banner-section .swiper,
.hero-banner-section .swiper-slide {width: 100%;}
.hero-banner-section .swiper-slide img {width: 100%;display: block;}

.banner-content{position: absolute;top: 37%;left: 12%;}
.banner-content .heading02{color: var(--white);margin-bottom: var(--px-40);}
.banner-content .heading02 span{font-style:italic;}
.banner-content p {color: var(--white);margin-bottom: var(--px-40)}
.banner-content .sub-name{color:#C8A875;font-weight: var(--bold); text-shadow: 2px 2px 5px #000;}
.banner-content .buttons{display: flex;gap: var(--px-32);}

.enquiry-section {padding: var(--px-12) 0;background: var(--white);z-index:9999;}
.enquiry-section .theme-btn{padding:var(--px-16) var(--px-100);cursor:pointer;}
.enquiry-section .theme-btn:hover{color:var(--theme);}
.enquiry-section.sticky {position: fixed;left: 0;right: 0;top: 12%;z-index: 9999;}
.enquiry-section .enquiry-form form{display: flex;align-items: center;gap: var(--px-52);}
.enquiry-section .form-field {flex: 1;}
.wpcf7-spinner {position:absolute;}
.enquiry-section .form-field input {width: 100%;border: 0;border-bottom: 1px solid #181D2466;outline: none;padding: var(--px-12) 0 var(--px-8);font-size: var(--px-16);color:var(--theme);}
.enquiry-section .form-field input::placeholder{color: #181D2466;}
.wpcf7-response-output{display: none;}
.screen-reader-response{display: none}

.feature-section{background: #120D0E;padding: var(--px-100) 0;}
.feature-section .feature-wrapper{
display: grid;grid-template-columns: 51% 41%;gap: 8%;align-items: center;}
.feature-section .info-grid {display: grid;grid-template-columns: 1fr 1fr;position: relative;}
.feature-section .info-grid::before {content: "";position: absolute;top: 0;bottom: 0;left: 50%;border-left: 1px dashed var(--white);}
.feature-section .info-grid::after {content: "";position: absolute;left: 0;right: 0;top: 24%;height: 33%;border-top: 1px dashed var(--white);border-bottom: 1px dashed var(--white);pointer-events: none;}
.feature-section .info-box {text-align: center;padding: 20px 15px;}
.feature-section .info-box p{color: var(--off-white);}
.feature-section .right-box .heading02 {color: var(--white);margin-bottom: var(--px-40);line-height: 1;}
.feature-section .right-box p{color: var(--white);}


.living-section{ background-image: url(../img/homes-bagground.webp);background-size:cover;background-repeat: no-repeat;padding: var(--px-100) 0;}
.living-container{display: grid;grid-template-columns: 31% 36% 31%;gap: 1.5%;}
.property-card:first-child {margin-top: var(--px-116);}
.living-content{align-self: center;}
.living-content .heading02{color: var(--theme);}
.living-content p{text-align: center;margin-top:var(--px-20);}
.property-inner-box {position: relative;}
.property-overlay {position: absolute;text-align: center;top: 50%;transform: translateY(-50%);left: 0;right: 0;}
.property-overlay span{color: var(--off-white);margin-bottom: var(--px-12); display: inline-block;}
.property-overlay .heading03 {margin-bottom: var(--px-32);}


/* .feature-box{padding: var(--px-28) var(--px-60);background: var(--brown);color: var(--white);} */
.amenities-section{background:#D4BC85;}
.amenities-section span{color:var(--white);font-style:italic;}
.amenities-section .heading02{margin-bottom: var(--px-36);}
.amenities-grid {display: grid;grid-template-columns: repeat(4, 1fr);gap: var(--px-12);margin-top: var(--px-36); grid-auto-rows: 1fr;}
.amenity-item {display: flex;align-items: center;justify-content: center;text-align: center;padding: var(--px-28) var(--px-36);font-size:var(--px-18);color: #fff;letter-spacing:1.2px;}
.amenity-item.dark {background: #290d12;}
.amenity-item.dark:hover{background: #806b4f;}
.amenity-item.light:hover {background: #290d12;;}
.amenity-item.light {background: #806b4f;}
.amenities-buttons {display: flex;justify-content: center;gap: var(--px-12);margin-top: var(--px-36);}
.amenities-buttons .theme-btn-transperant{color: var(--white);}
.amenities-buttons .theme-btn-transperant:hover{color:var(--white)}


.connectivity-section .connectivity-wrapper{
display: grid;grid-template-columns: 45% 55%;
}
.connectivity-section .right-box{padding: var(--px-96) var(--px-132) var(--px-96) var(--px-232);}
.connectivity-section .right-box .heading02{margin-bottom: var(--px-16);}
.connectivity-section .connectivity-box{border-bottom:1px solid var(--theme);display: flex;justify-content: space-between;
padding: var(--px-18) 0;}
.connectivity-section .connectivity-box:last-child{border: none;}
.connectivity-section .left-box img{height: 100%;}
.connectivity-section .connectivity-box span{font-size: var(--px-20);}


.overlay {position: fixed;top: 0;bottom: 0;right: 0;left: 0;background-color: rgba(0, 0, 0, 0.4);display: none;z-index: 999;}

.contact-box {position: fixed;top: 50%;transform: translateY(-50%);left: 0;right: 0;z-index: 9999;width: 44%;min-height: 275px;padding: var(--px-40);background:linear-gradient(rgba(19, 17, 17, 0.91),rgba(19, 17, 17, 0.91));color: var(--white);
border: 2px solid var(--off-white);margin: 0 auto; display: none}
.contact-box .heading02 {color: var(--white);margin-bottom: var(--px-48);}
.contact-box .form-group .configuration option {color: #000;}
.contact-box .form-group .configuration option:disabled {color: #999;}
.contact-box .form-group .phone-input select {color: #999;}
/* .contact-box .form-group .phone-input select:valid {color: #000;} */
.contact-box .form-group .phone-input select option {color: #000;}
.form-row {display: grid;grid-template-columns: 1fr 1fr;gap:var(--px-10);margin-bottom: var(--px-24);}
.form-group label {display: block;margin-bottom:var(--px-10);color: var(--white);font-size: var(--px-16);}
.form-group input,
.form-group select, .form-group tel {width: 100%;border: 1px solid #FFFFFF4D;outline: none;background: #FFEEB81A;color: #ddd;padding: var(--px-12) var(--px-10);font-size: var(--px-16);}
.form-group tel {color:var(--theme)}
.form-group input::placeholder {color:#FFFFFF4D}
.phone-input p {display: flex;width: 100%;background: #FFEEB81A;border: 1px solid #FFFFFF4D;}
.phone-input select {width: var(--px-124);border: 0;background: transparent;color:#FFFFFF4D;font-size: var(--px-16);}
.phone-input input {border: 0;background: transparent;padding-left:var(--px-20);}
.consent {display: flex;align-items: center;gap: var(--px-10);margin-top: 1px;color: var(--white);font-size: var(--px-18);}
.consent input {width: var(--px-18);height: var(--px-18);margin: 0;accent-color: #fff;}
.contact-box .theme-btn{margin: 0 auto;display: block;margin-top: var(--px-18);}


.trust-section .md-container{display: grid;grid-template-columns: 22% 68%;gap:10%;align-items:center;}
.trust-section img{width:100%;}
.trust-section .heading02 {margin-bottom: var(--px-28);}
.gallery-section {position: relative;background-image: url(../img/gallery-sec-bg.webp);background-size: cover;}
.gallery-section .heading02 {margin: var(--px-14) 0;}
.gallery-section .sub-name {text-align: center;color: var(--off-white);}
.gallery-section .swiper {position: relative;z-index: 1;}
.gallery-section .swiper-slide {position: relative;}
.gallery-section .swiper-slide  img {width: 67%;display: block;margin: var(--px-36) auto 0;}
.gallery-section .arrow-button {position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 10;pointer-events: none;}
.gallery-section .arrow-button .gallery-prev,
.gallery-section .arrow-button .gallery-next {
    position: absolute;
    top: 60%;
    transform: translateY(-50%);
    width: var(--px-52);
    height: var(--px-52);
    border: 1px solid #7C4F4A;
    border-radius: 50%;
    background: transparent;
    padding: 0;
    cursor: pointer;
    z-index: 20;
    pointer-events: auto;
    transition: all 0.3s ease;
}
.gallery-section .arrow-button button:hover i {
    color: #fff;
}
.gallery-section .arrow-button .gallery-prev {
    left: 11%;
}
.gallery-section .arrow-button .gallery-prev:hover,
.gallery-section .arrow-button .gallery-next:hover{background:#7C4F4A;}
.gallery-section .arrow-button button i {
    color: #1B1514;
}

.gallery-section .arrow-button .gallery-next {
    right: 11%;
}

.gallery-section .image-content {position: absolute;bottom: 4%;z-index: 5;left:0;right: 0;margin: 0 auto;pointer-events: none;text-align: center;display:flex;gap:var(--px-24);justify-content:space-between;}
.gallery-section .image-content .heading02{color: #fff;font-size:var(--px-60);
text-shadow: 0 2px 8px rgba(0, 0, 0, 0.8);}
.footer{background: #120D0E;}
.footer .container {display: grid;grid-template-columns: 36% 25% 25% ;gap: 7%;padding: var(--px-24) 0;}
.footer .partners{display: flex;gap: var(--px-14);margin-top: var(--px-14);}
.footer .partners img{width: var(--px-120);}
.footer-info {margin-bottom: var(--px-20);}
.footer-label {display: block;color: #807E7ECC;font-size: var(--px-16);margin-bottom: var(--px-10);}
.footer-info p, .rera p {margin: 0;color: var(--white);font-size:var(--px-16);}
.contact-row {display: flex;gap: var(--px-48);}
.contact-row .footer-info a {
    transition: opacity 0.3s ease;
}
.footer .brand-section{display:grid;grid-template-columns:1fr 1fr;gap:var(--px-14);align-items:end;}
.contact-row .footer-info a:hover {
    opacity: 0.8;
}
.footer-right {position: relative;}
.footer-links {display: flex;flex-direction: column;gap: var(--px-14);}
.footer-links a {color: #ffffff;text-decoration: none;font-size: var(--px-16);}
.rera {margin-bottom: var(--px-32);}
.social-icons {display: flex;align-items: center;gap: var(--px-14);}
/* .social-icons img{width: var(--px-24);height: var(--px-24);} */
.social-icons img:hover{}
.social-icons img {
    display: inline-block;
    transition: transform 0.3s ease;
}

.social-icons img:hover {
    transform: scale(1.1);
}
.footer-bottom {padding: var(--px-12) 0;border-top: 1px solid var(--white);display: flex;align-items: center;justify-content: center;}
.footer-bottom p {margin: 0;color: var(--white);font-size: var(--px-16);}
.footer-bottom span {margin: 0 var(--px-10);}
.partners img{padding: 0 var(--px-14);border-right: 1px solid #D6BD93;}
.partners img:first-child, .partners img:last-child {border: none;}


.plan-section .plan-wrapper{display: grid;grid-template-columns: 51% 49%;}
.plan-section .plan-wrapper .plan-box .plans{display: flex; gap: var(--px-32);}
.plan-section .plan-wrapper .plan-box .plans p {pointer-events:none;border-bottom: 2px solid transparent;padding-bottom: var(--px-8);}
.plan-section .plan-wrapper .plan-box .plans p.active {border-bottom-color:#000;}
.plan-section .plan-wrapper .privacy-box{background: var(--theme);padding: var(--px-156) var(--px-204) 
  var(--px-144)  var(--px-232);}
.plan-section .plan-wrapper .privacy-box .heading02{color: var(--white);margin-bottom: var(--px-48);}
.plan-section .plan-wrapper .plan-box{background-image: url(../img/blur-plan-img.webp);background-size: 100%;}
.plan-section .plan-wrapper .plan-box {padding:var(--px-204) var(--px-184);}
.plan-section .plan-wrapper .plan-box .unlock-box p{color: var(--white);text-align: center;margin-bottom: var(--px-52);}
.plan-section .plan-wrapper .plan-box .unlock-box{background: var(--theme);padding: var(--px-40) var(--px-68);margin-top: var(--px-10);}
.plan-section .plan-wrapper .plan-box .unlock-box .theme-btn-transperant {margin: 0 auto;display: block;}

.plan-tab-section .close-btn {
    position: absolute;
    top: calc(var(--px-52) * -1);
    right:calc(var(--px-40) * -1);
    cursor: pointer;
    width: var(--px-44);
    background: #fff;
    border-radius: 100%;
}
.plan-tab-section {position: fixed;top: 50%;transform: translateY(-50%);left: 0;right: 0;display: none;z-index: 9999;background: var(--white);width: 80%;margin: 0 auto;height: 90vh;overflow-y: scroll;}
.plan-tab-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-tab-section .tab-header button {display: flex;align-items: center;column-gap: var(--px-16);background: var(--theme);color: var(--white);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 #0D0D0D;cursor: pointer;}
.plan-tab-section .tab-header button.active {background: var(--off-white) !important;border: 1px solid var(--off-white);}
.plan-tab-section .tab-container .tab-box {display: none;text-align: center;}
.plan-tab-section .tab-container .tab-box.active {display: block;}
.plan-tab-section .master-plan-slider {width: 100%;overflow: hidden;}
.plan-tab-section .master-plan-slider .swiper-slide {text-align: center;}
.plan-tab-section .master-plan-slider .swiper-slide img {display: inline-block;width: 100%;height: auto;object-fit: contain;}
.plan-tab-section .swiper-button-prev,
.plan-tab-section .swiper-button-next {width: var(--px-48);height: var(--px-48);border-radius: 50%;background: #fff;border: 1px solid #0D0D0D;transition: all 0.3s ease;}
.plan-tab-section .swiper-button-prev::after,
.plan-tab-section .swiper-button-next::after {font-size: var(--px-18);color: #0D0D0D;transition: all 0.3s ease;}
.plan-tab-section .swiper-button-prev:hover,
.plan-tab-section .swiper-button-next:hover {background: var(--theme);}
.plan-tab-section .swiper-button-prev:hover::after,
.plan-tab-section .swiper-button-next:hover::after {color: var(--white);}
.plan-tab-section .swiper-button-prev::after,
.plan-tab-section .swiper-button-next::after {font-size: var(--px-18);font-weight: 600;color: #0D0D0D;}
.floor-img img {display: block;width: 80%;margin: auto;}
.tab-header.active{background: var(--off-white);}



.contact-box .close-btn {
    position: absolute;
    top: 2%;
    right: 2%;
    cursor: pointer;
    width: var(--px-44);
    background: #fff;
    border-radius: 100%;
}

.thankyou-page{background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url(https://staticwebsite.in/kingslynn/wp-content/themes/twentytwentyfive-child/assets/img/Banner.webp);background-position: center;}
.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-80);color: var(--white);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);margin-bottom: var(--px-40); color: var(--white)}
.thankyou-content .wrapper-2 .theme-btn:hover{background:#0A254F33;color: var(--theme);border: 1px solid var(--theme);}
.thankyou-content .wrapper-2 .theme-btn:hover{background:var(--off-white);border:none;}



.connect-us-section {
    background-image: url('../img/connect-form-bg.webp');
    background-size: cover;
    background-repeat: no-repeat;
    background-color: #120D0E;
}
.connect-us-section .contact-info {width: 44%;padding: var(--px-40);background:linear-gradient(rgba(19, 17, 17, 0.91),rgba(19, 17, 17, 0.91));color: var(--white);
border: 2px solid var(--off-white);margin: 0 auto;}
.contact-info .heading02 {color: var(--white);margin-bottom: var(--px-48);}
.connect-us-section .form-group .configuration option {color: #000;}
.connect-us-section .form-group .configuration option:disabled {color: #999;}
.connect-us-section .form-group .phone-input select {color: #999;}
.connect-us-section .form-group .phone-input select:valid {color: #000;}
.connect-us-section .form-group .phone-input select option {color: #000;}
.connect-us-section .form-row {display: grid;grid-template-columns: 1fr 1fr;gap:var(--px-10);margin-bottom: var(--px-24);}
.connect-us-section .form-group label {display: block;margin-bottom:var(--px-10);color: var(--white);font-size: var(--px-16);}
.connect-us-section .form-group input,
.connect-us-section .form-group select, .form-group tel {width: 100%;border: 1px solid #FFFFFF4D;outline: none;background: #FFEEB81A;color: #ddd;padding: var(--px-12) var(--px-10);font-size: var(--px-16);}
.connect-us-section .form-group tel {color:var(--theme)}
.connect-us-section .form-group input::placeholder {color:#FFFFFF4D}
.connect-us-section .phone-input {display: flex;width: 100%;background: #FFEEB81A;border: 1px solid #FFFFFF4D;}
.connect-us-section .phone-input select {width: var(--px-124);border: 0;background: transparent;color:#FFFFFF4D;font-size: var(--px-16);}
.connect-us-section .phone-input input {border: 0;background: transparent;padding-left:var(--px-20);}
.connect-us-section .consent {display: flex;align-items: center;gap: 5px;margin-top: 1px;color: var(--white);font-size: var(--px-18);}
.connect-us-section .consent input {width: var(--px-18);height: var(--px-18);margin: 0;accent-color: #fff;}
.connect-us-section .contact-info .theme-btn{margin: 0 auto;display: block;margin-top: var(--px-18);}
.wpcf7-not-valid-tip{font-size: 12px;}

.thank-you-toast {
    display: none;
    position: fixed;
    top: 30px;
    right: 30px;
    z-index: 99999;
    background: var(--off-brown);
    color: #FFFFFF;
    padding: 15px 22px;
    border-radius: 6px;
    box-shadow: 0 5px 20px rgba(0,0,0,0.15);
    font-size: 15px;
}