/* Root Color */

:root {
    --black: #000000;
    --white: #FFFFFF;
    --primary: #522AB0;
    --secondary: #FEDC00;
    --primary-light:#522AB01A;
    --secondary-light:#FEDC001A;
    --text-color: #636363;
    --border-color: #E5E5E5;
    --border-primary: 1px solid var(--primary);
    --border-secondary: 1px solid var(--secondary);
    --bg-light:#522AB00D;
    --bg-primary:#522AB0;
    --bg-secondary:#FEDC00;
    --rounded-30: 30px;
    --rounded-20: 20px;
    --rounded-10: 10px;
    --rounded-16: 16px;
    --rounded-8: 8px;
}

/* Reset CSS */
* {margin: 0;padding: 0;box-sizing: border-box;}

body {font-family: 'Rubik', sans-serif;font-size: 24px;font-weight: 400;color: var(--black);}

html {scroll-behavior: smooth;}


h1,
h2,
h3,
h4,
h5,
h6,
p {margin: 0;}
h1 {font-size: clamp(24px, 2.6vw, 40px);font-weight: 600;}
h2 {font-size: clamp(24px, 2.6vw, 40px);font-weight: 600;}
h3 {font-size: clamp(22px, 3vw, 26px);font-weight: 500;}
h4 {font-size: clamp(20px, 2.8vw, 24px);font-weight: 500;}
h5 {font-size: clamp(18px, 2vw, 20px);font-weight: 600;}
h6 {font-size: clamp(16px, 2vw, 18px);font-weight: 600;}
p{font-size: clamp(14px, 2vw, 16px);font-weight: 400;line-height: 1.6;color: var(--text-color);}
ul {margin: 0;padding: 0;}
li {margin: 0;padding: 0;list-style: none;}
a {text-decoration: none;display: inline-block;font-size: 16px;color: var(--black);font-weight: 400;}
img {max-width: 100%;height: auto;display: flex;}
video, iframe{width: 100%;}
.container {max-width: 1440px;margin: 0 auto;}
.text-center{text-align: center;}

ul li{
    font-size: clamp(14px, 2vw, 16px);font-weight: 400;line-height: 1.6;color: var(--text-color);
}


/* Buttons */
.btn {padding: 16px 20px;border-radius: var(--rounded-10);font-size: 16px;font-weight: 600;cursor: pointer;transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);display: flex;align-items: center;justify-content: center;gap: 10px;width: fit-content;position: relative;overflow: hidden;z-index: 1;}
.btn::before {content: '';position: absolute;top: 0;left: 0;width: 0%;height: 100%;background-color: rgba(255, 255, 255, 0.2);z-index: -1;transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);transform: skewX(-20deg);transform-origin: left;}
.btn:hover::before {width: 150%;left: -20%;}
.btn:hover {transform: translateY(-3px);box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);}
.btn img {transition: transform 0.4s ease;}
.btn:hover img {transform: translateX(5px);}
.btn-primary {background: var(--primary);color: var(--secondary);border: 1px solid transparent;}
.btn-primary:hover {border-color: 1px solid var(--border-primary);}
.btn-secondary {background: var(--secondary);color: var(--primary);border: 1px solid transparent;}
.btn-secondary:hover {border-color: 1px solid var(--border-secondary);}
.btn-primary-border {background: transparent;color: var(--primary);border: 1px solid var(--border-primary);}
.btn-primary-border:hover {background: var(--primary);color: var(--secondary);}
.btn-secondary-border {background: transparent;color: var(--secondary);border: 1px solid var(--border-secondary);}
.btn-secondary-border:hover {background: var(--secondary);color: var(--primary);}
.section-spacing{margin-bottom: clamp(50px, 10vw, 100px);}

/* Header */
header{position: fixed;top: 20px;left: 0;right: 0;width: 100%;z-index: 1000;transition: all 0.6s cubic-bezier(0.22, 1, 0.36, 1); }
header .container {transition: all 0.6s cubic-bezier(0.22, 1, 0.36, 1);}
nav{background: var(--white);backdrop-filter: blur(10px);-webkit-backdrop-filter: blur(10px);display: flex;align-items: center;justify-content: space-between;padding: 20px;border-radius: var(--rounded-20);transition: all 0.6s cubic-bezier(0.22, 1, 0.36, 1);box-shadow: 0 4px 20px rgba(0, 0, 0, 0.05);}
.home-page nav {background: var(--primary);box-shadow: none;}
nav .logo{display: flex;}
.main-menu{display: flex;align-items: center;justify-content: center;gap: 20px;}
.main-menu li a{font-size: 16px;color: var(--black);transition: 0.3s all ease-in-out;}
.home-page .main-menu li a {color: var(--white);}
.main-menu li a:hover{color: var(--secondary);}
/* Dropdown Styles */
.dropdown {position: relative;}
.dropdown-menu {position: absolute;top: 100%;left: 0;background: var(--white);min-width: 250px;padding: 15px 0;border-radius: var(--rounded-10);box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2);opacity: 0;visibility: hidden;transform: translateY(20px);transition: all 0.3s ease;z-index: 100;}
.dropdown:hover .dropdown-menu {opacity: 1;visibility: visible;transform: translateY(0);}
.dropdown-menu li {width: 100%;}
.dropdown-menu li a {padding: 10px 20px;display: block;width: 100%;font-size: 15px !important;color: var(--black) !important;}
.dropdown-menu li a:hover {background: rgba(255, 255, 255, 0.1);padding-left: 25px;}
.dropdown-icon {display: inline-block;width: 8px;height: 8px;border-right: 2px solid var(--black);border-bottom: 2px solid var(--black);transform: rotate(45deg);margin-left: 8px;margin-bottom: 3px;transition: all 0.3s ease;}
.home-page .dropdown-icon {border-color: var(--white);}
.dropdown:hover .dropdown-icon {transform: rotate(-135deg);border-color: var(--secondary);}

/* Sticky Header */
header.header-sticky {top: 0;padding: 0;background: #FFFFFF10; backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(20px);box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);border-bottom: 1px solid rgba(0, 0, 0, 0.05);}
.home-page header.header-sticky {background: rgba(82, 42, 176, 0.85);border-bottom: 1px solid rgba(255, 255, 255, 0.1);}
header.header-sticky .container {max-width: 100%;margin: 0;padding: 0;}
header.header-sticky nav {border-radius: 0;width: 100%;max-width: 1440px; margin: 0 auto;background: transparent; backdrop-filter: none;-webkit-backdrop-filter: none;padding: 15px 30px; }

/* Ensure nav items are still visible and aligned */
header nav .logo img {transition: all 0.3s ease;}
header.header-hidden {transform: translateY(-100%);}

/* Mobile Menu */
.mobile-menu-btn {display: none;flex-direction: column;gap: 6px;cursor: pointer;z-index: 1001;}
.mobile-menu-btn span {width: 30px;height: 3px;background-color: var(--white);border-radius: 2px;transition: all 0.3s ease;}

/* Home Hero Banner */
.home-hero-banner{padding-top: 200px;background-image: url('../images/home-hero-banner.png');background-size: cover;background-position: center;background-repeat: no-repeat;}
.title-highlight{background: var(--primary);padding: 4px 12px;border-radius: var(--rounded-8);color: var(--secondary);font-style: italic;font-weight: 800;display: inline-block;}
.title-highlight.secondry{background: var(--secondary);color: var(--primary);}
.home-hero-banner-row{display: flex;align-items: center;justify-content: space-between;gap: 20px;}
.home-hero-banner-content h1{line-height: 1.4;}
.home-hero-banner-content h1,
.home-hero-banner-content p{margin-bottom: 10px;}

/* About Section */
.about-section-row{display: flex;align-items: center;justify-content: space-between;gap: 30px;}
.about-section-col{flex: 1;}
.about-section-col h2,
.about-section-col p{margin-bottom: 10px;}
.about-counter{display: grid;gap: 30px;grid-template-columns: repeat(auto-fill, minmax(clamp(130px, 14vw, 370px), 1fr));margin: 40px 0;}
.counter-item img{margin-bottom: 10px;}
.counter-item h2{color: var(--primary);margin-bottom: 5px;}

/* Why Choose Us */
.why-choose-us{background-image: url('../images/why-choose-us-bg.png');background-size: cover;background-position: center;background-repeat: no-repeat;padding: clamp(50px, 10vw, 100px) 0;}
.why-choose-us-heading{text-align: center;color: var(--white);margin-bottom: 40px;}
.why-choose-us-heading h2{line-height: 1.6;}
.why-choose-us-heading p{color: var(--white);margin-bottom: 10px;}
.why-choose-us-heading .btn-group{width: fit-content;margin: 0 auto;}
.why-choose-box-row{display: flex;align-items: center;justify-content: space-between;gap: 30px;}
.why-choose-box-col{background-color: #FFFFFF10;backdrop-filter: blur(16px);padding: 30px;border-radius: var(--rounded-20);flex: 1;}
.why-choose-box-icon{display: flex;align-items: center;justify-content: space-between;margin-bottom: 20px;}
.why-choose-box-icon-image{background: var(--white);height: 80px;width: 80px;border-radius: var(--rounded-10);display: flex;align-items: center;justify-content: center;}
.why-choose-box-icon a{height: 50px;width: 50px;border-radius: 50px;display: flex;align-items: center;justify-content: center;background-color: #FFFFFF10;}
.why-choose-box-col h3{margin-bottom: 10px;color: var(--white);}
.why-choose-box-col p{color: var(--white);}

/* Why Invest */
.why-in-heading{text-align: center;display: flex;justify-content: center;align-items: center;flex-direction: column;gap: 10px;margin-bottom: 60px;}
.why-in-heading p{max-width: 1250px;margin: 0 auto;}
.why-in-box-col{background-color: var(--secondary-light);padding: 30px 20px;border-radius: var(--rounded-8);}
.why-in-box-col h6{font-size: 16px;color: var(--text-color);font-weight: 500;}
.why-in-box-row{display: grid;gap: 30px;grid-template-columns: repeat(auto-fill, minmax(clamp(140px, 13vw, 215px), 1fr));}
.why-in-box-icon-image{margin: 0 auto 10px;width: fit-content;}
.why-in-box-col h6{text-align: center;}
.box-line{display: block;height: 60px;width: 1px;background-color: #A8A8A8;margin: 0 auto 10px;}

/* Dholera Smart City */
.dholera-smart-city {background-image: url('../images/dholera-smart-bg.png');background-size: cover;background-position: center;background-repeat: no-repeat;padding: clamp(50px, 10vw, 100px) 0;position: relative;z-index: 1;}
.dholera-smart-city::before{content: '';height: 100%;width: 50%;position: absolute;top: 0;right: 0;background-color: #F8F8F8;z-index: -1;}
.dholera-smart-city-row{display: flex;align-items: center;justify-content: space-between;gap: 30px;}
.dholera-smart-city-col{flex: 1;}
.dholera-smart-city-heading{max-width: 615px;}
.dholera-smart-city-heading p{margin-bottom: 12px;color: var(--white);}
.dholera-smart-city-heading h2{margin-bottom: 15px;color: var(--white);}
.dholera-smart-city-heading p:last-child{margin-bottom: 0;}
.dholera-smart-city-image{padding-left: 40px;}

/* Know Your Zone */
.know-your-zone-col{border: 1px solid var(--border-color);border-radius: var(--rounded-10);position: relative;overflow: hidden;}
.know-your-zone-heading{max-width: 700px;margin: 0 auto clamp(20px, 3vw, 50px);text-align: center;display: flex;flex-direction: column;gap: 10px;}
.know-your-zone-col a{padding: 15px 20px;width: 100%;}
.know-your-zone-row{display: grid;gap: 30px;grid-template-columns: repeat(auto-fill, minmax(clamp(270px, 13vw, 340px), 1fr));}
.know-your-zone-content-image{background-color: var(--primary-light);height: 70px;max-width: 70px;width: 100%;border-radius: var(--rounded-10);display: flex;align-items: center;justify-content: center;}
.know-your-zone-content{display: flex;align-items: center;gap: 10px;}
.know-your-zone-content-number{
    position: absolute;
    bottom: -35px;
    right: 0;
    opacity: 0.1;
    font-size: 100px;
            color: #ffffff;
            text-shadow:
                -1px -1px 0 #636363,
                1px -1px 0 #636363,
                -1px 1px 0 #636363,
                1px 1px 0 #636363,
                -2px 0px 0 #636363,
                2px 0px 0 #636363,
                0px -2px 0 #636363,
                0px 2px 0 #636363;
        
}

.explore-dream-house-content{display: flex;align-items: center;gap: 30px;}
.explore-dream-house {background-color: var(--primary-light);padding: clamp(50px, 10vw, 100px) 0;}
.explore-dream-house-content-image,
.explore-dream-house-content-text{flex: 1;}
.explore-dream-house-content-text{display: flex;flex-direction: column;gap: 20px;}

/* Testimonial Section */
.testimonial-section{padding: clamp(50px, 10vw, 100px) 0;background-color: var(--primary);}
.testimonial-heading h2{color: var(--white);text-align: center;margin-left: -20%;margin-bottom: 50px;}

/* Keyframes */
@keyframes spin {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}

.testimonial-round{position: relative;width: fit-content;max-width: 340px;}
.testimonial-round-img{width: 340px;}
.testimonial-round-img img{animation: spin 9s linear infinite;}
.testimonial-arrow{height: 120px;width: 120px;display: flex;align-items: center;justify-content: center;border-radius: 100px;background-color: var(--secondary);position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);}
.testimonial-arrow img{width: 40px;}
.testimonial-slider{overflow-x: hidden;}
.testimonial-slide{padding: 30px;background-color: var(--white);border-radius: var(--rounded-20);}
.testimonial-slide-client{margin-top: 60px;}
.testimonial-main{display: flex;align-items: center;gap: 30px;max-width: 1680px;margin-left: auto;}

/* Blog Section */
.blog-post-row{display: flex;flex-direction: column;gap: 40px;}
.blog-news-content{display: flex;align-items: center;justify-content: space-between;gap: 30px;margin-bottom: 50px;}
.blog-post-col{display: flex;justify-content: space-between;align-items: center;gap: 30px;}
.blog-post-content,
.blog-post-img{flex: 1;}
.blog-post-img img{border-radius: 0 30px 30px 0;}
.blog-tag{background-color: var(--primary-light);color: var(--primary);padding: 10px;border-radius: 6px;margin-bottom: 20px;font-weight: 700;width: fit-content;}
.blog-post-content h4,
.blog-post-content h6,
.blog-post-content p.description{margin-bottom: 10px;}
.blog-post-content ul{display: flex;flex-direction: column;gap: 10px;margin-left: 25px;}
.blog-post-content ul li{font-size: clamp(14px, 2vw, 16px);font-weight: 400;line-height: 1.6;color: var(--text-color);list-style: disc;}
.blog-post-content p.description:last-child{margin-bottom: 0;}
.blog-post-detail{display: flex;align-items: center;gap: 10px;justify-content: space-between;margin-top: 20px;}
.post-by{display: flex;align-items: center;gap: 10px;}
.blog-post-col:nth-child(even){flex-direction: row-reverse;}
.blog-post-col:nth-child(even) .blog-post-img img{border-radius: 30px 0 0 30px;}

/* lets connect */
.lets-connect-content-text h2{margin-bottom: 30px;}
.lets-connect-content-text p{margin-bottom: 60px;max-width: 700px;font-size: clamp(16px, 3.8vw, 24px);line-height: 1.3;}

/* Conatc Form */
.lets-connect-content {display: flex;align-items: center;justify-content: space-between;gap: 50px;}
.lets-connect-content-text {flex: 1;}
.lets-connect-content-img {margin-top: 30px;}
.contact-form {background-color: var(--primary);padding: 30px;border-radius: var(--rounded-20);flex: 1;max-width: 582px;}
.contact-form h3 {color: var(--white);text-align: center;margin-bottom: 30px;}
.form-group {position: relative;margin-bottom: 20px;}
.form-group input,
.form-group textarea {width: 100%;background-color: rgba(255, 255, 255, 0.1);border: 1px solid rgba(255, 255, 255, 0.2);border-radius: var(--rounded-10);padding: 15px 15px 15px 50px; color: var(--white);font-size: 16px;font-family: inherit;outline: none;transition: all 0.3s ease;}
.form-group input::placeholder,
.form-group textarea::placeholder {color: rgba(255, 255, 255, 0.8);}
.form-group input:focus,
.form-group textarea:focus {border-color: var(--secondary);background-color: rgba(255, 255, 255, 0.15);}
.input-icon {position: absolute;left: 15px;top: 50%;transform: translateY(-50%);display: flex;align-items: center;justify-content: center;pointer-events: none;}
.input-icon svg {width: 20px;height: 20px;}
.input-icon.textarea-icon {top: 20px;transform: none;}
.btn.full-width {width: 100%;justify-content: center;}

/* Footer */
.footer {background-color: var(--primary);background-image: url('../images/footer-bg.png');background-position: center;background-repeat: repeat;padding: 80px 0 20px;color: var(--white);}
.footer-top {display: grid;grid-template-columns: 1.5fr 0.8fr 1fr 1fr;gap: 40px;margin-bottom: 60px;}
.footer-col h3 {font-size: 20px;margin-bottom: 10px;font-weight: 600;}
.footer-col ul li {margin-bottom: 5px;}
.footer-col ul li:last-child{margin-bottom: 0;}
.footer-col ul li a {color: var(--white);font-size: 14px;transition: all 0.3s ease;}
.footer-col ul li a:hover {color: var(--secondary);opacity: 1;padding-left: 5px;}

/* Footer About Column */
.footer-logo {margin-bottom: 20px;}
.footer-about p {color: var(--white);font-size: 16px;margin-bottom: 20px;max-width: 350px;}
.footer-contact {display: flex;flex-direction: column;gap: 30px;margin-bottom: 30px;}
.footer-contact a,
.footer-contact .address {display: flex;align-items: flex-start;gap: 10px;color: var(--white);font-size: 16px;}
.footer-contact img {width: 20px;height: 20px;margin-top: 2px;}

/* Social Icons */
.footer-social {display: flex;align-items: center;gap: 15px;}
.footer-social a {background-color: rgba(255, 255, 255, 0.1);width: 35px;height: 35px;border-radius: 50%;display: flex;align-items: center;justify-content: center;transition: all 0.3s ease;}
.footer-social a:hover {background-color: var(--secondary);transform: translateY(-3px);}
.footer-social a img {width: 18px;height: 18px;}

/* Footer Sub Sections */
.footer-sub-section {margin-top: 30px;}
/* Footer Bottom */
.footer-bottom {border-top: 1px solid var(--white);padding-top: 30px;text-align: center;display: flex;flex-direction: column;gap: 15px;}
.footer-bottom p:first-child{color: var(--secondary);}
.footer-bottom p {color: var(--white);}

/* Contact Page */
.contact-info-grid {display: grid;grid-template-columns: repeat(3, 1fr);gap: 30px;}

.contact-info-card {background: var(--white);padding: 40px;border-radius: var(--rounded-20);text-align: center;box-shadow: 0 10px 30px rgba(82, 42, 176, 0.05);transition: all 0.4s ease;border: 1px solid var(--border-color);}
.contact-info-card:hover {transform: translateY(-10px);border-color: var(--primary);box-shadow: 0 20px 40px rgba(82, 42, 176, 0.1);}
.contact-info-icon {width: 70px;height: 70px;background: var(--primary-light);border-radius: 50%;display: flex;align-items: center;justify-content: center;margin: 0 auto 25px;transition: all 0.4s ease;}
.contact-info-card:hover .contact-info-icon {background: var(--primary);}
.contact-info-card:hover .contact-info-icon svg path {stroke: var(--white);}
.contact-info-card h3 {font-size: 22px;margin-bottom: 15px;color: var(--primary);}
.contact-info-card p, 
.contact-info-card a {font-size: 16px;color: var(--text-color);line-height: 1.6;}
.contact-info-card a:hover {color: var(--primary);}
.map-section iframe {width: 100%;height: 500px;border: none;border-radius: var(--rounded-20);display: block;}
/* Agriculture Zone Page Styles */

/* Inner Hero Banner */
@property --4-x-position { syntax: '<percentage>'; inherits: false; initial-value: 0%; }
@property --4-y-position { syntax: '<percentage>'; inherits: false; initial-value: 0%; }
@property --5-x-position { syntax: '<percentage>'; inherits: false; initial-value: 100%; }
@property --5-y-position { syntax: '<percentage>'; inherits: false; initial-value: 100%; }

.inner-hero-banner {
    padding-top: 250px;
    padding-bottom: clamp(80px, 8vw, 150px);
    position: relative;
    overflow: hidden;
    background: 
        linear-gradient(rgba(255, 255, 255, 0.05) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255, 255, 255, 0.05) 1px, transparent 1px),
        radial-gradient(100.86% 100.86% at var(--4-x-position) var(--4-y-position), #522AB0 0%, transparent), 
        radial-gradient(100.86% 100.86% at var(--5-x-position) var(--5-y-position), #522AB0 0%, transparent), 
        #7B52DB;
    background-size: 60px 60px, 60px 60px, 100% 100%, 100% 100%, 100% 100%;
    animation: main 10s ease-in-out infinite alternate;
    z-index: 1;
}

@keyframes main {
    0% {
        --4-x-position: 5%;
        --4-y-position: 5%;
        --5-x-position: 95%;
        --5-y-position: 95%;
    }
    33% {
        --4-x-position: 85%;
        --4-y-position: 15%;
        --5-x-position: 15%;
        --5-y-position: 85%;
    }
    66% {
        --4-x-position: 15%;
        --4-y-position: 85%;
        --5-x-position: 85%;
        --5-y-position: 15%;
    }
    100% {
        --4-x-position: 95%;
        --4-y-position: 95%;
        --5-x-position: 5%;
        --5-y-position: 5%;
    }
}

.inner-hero-banner .container {display: flex;align-items: center;justify-content: space-between;gap: 40px;}
.inner-hero-content {flex: 1;z-index: 2;text-align: center;}
.inner-hero-content h1 {margin-bottom: 20px; color: var(--white);}
.inner-hero-content p {color: rgba(255, 255, 255, 0.9); margin-bottom: 30px;}
.inner-hero-image {flex: 1;position: relative;display: flex;justify-content: flex-end;z-index: 1;}
.inner-hero-image img {max-width: 100%;height: auto;}

/* Intro & Strategic Advantage */
.intro-heading {text-align: center;margin: 0 auto 60px;}
.intro-heading h2 {margin-bottom: 20px;line-height: 1.4;}
.intro-heading p{margin-bottom: 20px;}
.intro-heading p:last-child{margin-bottom: 0;}
.intro-heading .btn-group{margin: 0 auto;width: fit-content;}
.strategic-advantage {text-align: center;}
.strategic-advantage h2 {margin-bottom: 20px;line-height: 1.4;}
.strategic-advantage .btn-group {display: flex;justify-content: center;margin-top: 30px;}

/* Background Utilities */
.bg-light {background-color: var(--bg-light);}

/* Icon Card Grid */
.icon-card-grid {display: grid;grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));gap: 30px;}
.icon-card-grid.two-col {grid-template-columns: repeat(2, 1fr);}
.icon-card {background: var(--white);padding: 30px;border-radius: var(--rounded-20);transition: transform 0.4s ease, box-shadow 0.4s ease, border-color 0.4s ease;height: 100%;display: flex;flex-direction: column;align-items: flex-start;border: var(--border-primary);}
.icon-card:hover {transform: translateY(-10px);box-shadow: 0 15px 30px rgba(0,0,0,0.08);}
.icon-box {width: 60px;height: 60px;background: var(--primary);border-radius: var(--rounded-10);display: flex;align-items: center;justify-content: center;}
.icon-box img {max-width: 40px;}
.icon-card-heading{display: flex;align-items: center;gap: 15px;margin-bottom: 20px;}

/* Food Security (Purple Section) */
.food-security {background-color: var(--primary);color: var(--white);position: relative;overflow: hidden;}
.food-security .section-heading h2 {color: var(--white);}

/* Transparent Card override for Food Security */
.icon-card.transparent-card {background: rgba(255, 255, 255, 0.1);border: 1px solid rgba(255, 255, 255, 0.2);backdrop-filter: blur(10px);}
.icon-card.transparent-card:hover {background: rgba(255, 255, 255, 0.2);transform: translateY(-5px);}
.icon-card.transparent-card .icon-box.white-bg {background: var(--white);margin-bottom: 30px;}

/* Helper text colors */
.text-white { color: var(--white) !important; }.text-primary { color: var(--primary) !important; }
.icon-card.bordered-card:hover {border-color: var(--primary);box-shadow: 0 10px 30px rgba(82, 42, 176, 0.1);}
.icon-card.bordered-card .icon-box {background: transparent;padding: 0;width: auto;height: auto;margin-bottom: 20px;}
.icon-card.bordered-card {padding: 30px;}

/* Regulations Section */
.regulations .section-heading {margin: 0 !important;}

/* Investment Process */
.process-grid {display: grid;grid-template-columns: repeat(auto-fit, minmax(700px, 1fr));gap: 30px;margin-top: 50px;}
.process-card {background: var(--white);padding: 30px;border-radius: var(--rounded-20);position: relative;border: var(--border-primary);transition: all 0.3s ease;}
.process-card:hover {box-shadow: 0 10px 30px rgba(0,0,0,0.05);border-color: var(--secondary);}
.process-icon{display: flex;align-items: flex-start;gap: 15px;margin-bottom: 15px;}

/* FAQ Section */
.faq-accordion {max-width: 1000px;margin: 0 auto;display: flex;flex-direction: column;gap: 20px;}
.faq-item {background: var(--white);border: 1px solid #E5E5E5;border-radius: var(--rounded-10);transition: all 0.3s ease;overflow: hidden;}
.faq-item.active {background: #F0EAFB; border-color: var(--primary);}
.faq-header {padding: 25px 30px;display: flex;justify-content: space-between;align-items: center;cursor: pointer;}
.faq-header h4 {font-size: clamp(16px, 2.2vw, 20px);font-weight: 600;color: var(--black);margin: 0;}
.faq-icon {width: 24px;height: 24px;display: flex;align-items: center;justify-content: center;transition: transform 0.3s ease;color: var(--black);}
.faq-item.active .faq-icon {transform: rotate(180deg);}
.faq-body {padding: 0 30px 25px;display: none;}
.faq-item.active .faq-body {display: block;}
.faq-body p {color: var(--text-color);font-size: clamp(14px, 1.8vw, 16px);line-height: 1.6;margin: 0;opacity: 0.9;}
.faq-body ul li{font-size: clamp(14px, 2vw, 16px);font-weight: 400;line-height: 1.6;color: var(--text-color);list-style: disc;margin-left: 25px;}

/* Additions for existing sections used in this page */
.section-heading.text-center {margin-bottom: 50px;text-align: center;}

/* Section Padding for new sections */
.economic-stability,
.food-security,
.farmland-protection,
.investment-process{padding: clamp(60px, 8vw, 100px) 0;}
.economic-stability{background-color: var(--bg-light);}
.farmland-protection{background-color: var(--secondary-light);}
.farmland-protection h5,
.ancillary-structures h5{margin-bottom: 20px;}
.food-security h4{margin-bottom: 15px;}
.point-flex{display: flex;align-items: flex-start;gap: 15px;}
.flex{display: flex;gap: 30px;}
.flex-1{flex: 1;min-width: 430px;max-width: 100%;}
.flex-2{width: 215px;text-align: center;padding: 20px 15px !important;background: transparent !important;}
.flex-wrap{flex-wrap: wrap;}
.grid{display: grid;gap: 30px;grid-template-columns: repeat(auto-fill, minmax(clamp(270px, 22vw, 450px), 1fr));}
.grid-2{display: grid;gap: 30px;grid-template-columns: repeat(auto-fill, minmax(clamp(350px, 34vw, 700px), 1fr));}
.grid-3{display: grid;gap: 30px;grid-template-columns: repeat(auto-fill, minmax(clamp(250px, 20vw, 315px), 1fr));}
.grid-4{display: grid;gap: 30px;grid-template-columns: 1fr;}
.grid-5{display: grid;gap: 30px;grid-template-columns: repeat(auto-fill, minmax(clamp(200px, 15vw, 250px), 1fr));}
.mb-30{margin-bottom: 30px;}
.mb-50{margin-bottom: 50px;}
.py-100{padding: clamp(60px, 8vw, 100px) 0;}
.main-heading{margin-bottom: 15px;}
.common-box{padding: 30px;border-radius: var(--rounded-10);border: var(--border-primary);background-color: var(--white);}
.common-box h5{margin-bottom: 15px;}
.common-box ul li{font-size: clamp(14px, 2vw, 16px);font-weight: 400;line-height: 1.6;color: var(--text-color);list-style: disc;}
.common-box ul {margin-left: 40px;margin-top: 5px;}
.bg-light{background-color: var(--primary-light);}
.bg-dark{background-color: var(--bg-primary);}
.bg-light-yellow{background-color: var(--secondary-light);}
.main-heading {text-align: center;}
.left-col{display: flex;flex-direction: column;gap: 30px;}
.left-col ul li{font-size: clamp(14px, 2vw, 16px);font-weight: 400;line-height: 1.6;color: var(--text-color);list-style: disc;}
.left-col .grid-3{gap: 10px;margin-left: 25px;}
.common-box-number{opacity: 0.1;font-size: 50px;color: #ffffff;text-shadow: -1px -1px 0 #636363, 1px -1px 0 #636363, -1px 1px 0 #636363, 1px 1px 0 #636363, -2px 0px 0 #636363, 2px 0px 0 #636363, 0px -2px 0 #636363, 0px 2px 0 #636363;}
.common-box-img{width: 60px;height: 60px;background: var(--primary);border-radius: var(--rounded-10);display: flex;align-items: center;justify-content: center;margin-bottom: 30px;}
.common-box-img img{max-width: 40px;}
.box-detail-content{text-align: center;display: flex;flex-direction: column;gap: 20px;margin-top: 30px;}
.box-detail-content .text-left{text-align: left;}
.box-detail-content .btn-group{width: fit-content;margin: 0 auto;}
.content-box-detail{display: flex;flex-direction: column;gap: 20px;}
.key-fetures-common-box{display: flex;flex-direction: column;gap: 30px;}
.key-fetures-common-box-content{display: flex;flex-direction: column;gap: 15px;}

/*  */
.connectivity-card .connectivity-card-image{margin-bottom: 20px;}
.connectivity-card .connectivity-card-image img{border-radius: var(--rounded-20);}
.connectivity-card-content h4{margin-bottom: 10px;}
.connectivity-card-content p{font-size: 14px;}
.connectivity-card-more{display: flex;flex-direction: column;gap: 20px;padding: 30px;border-radius: var(--rounded-20);background-color: var(--primary);align-items: center;text-align: center;justify-content: center;}
.connectivity-card-more h4{color: var(--white);}
.connectivity-card-more p{color: var(--white);}
.cta-box-content{text-align: center;padding: 50px;background-color: var(--bg-primary);border-radius: var(--rounded-20);}
.cta-box-content p{max-width: 850px;margin: 0 auto 20px;color: var(--white);}
.cta-box-content .btn-group{width: fit-content;margin: 0 auto;}
.right-col .image-box{border-radius: var(--rounded-20);overflow: hidden;}
.work-images img{width: 100%;height: 100%;object-fit: cover;}
.work-images{border-radius: var(--rounded-20);overflow: hidden;}
.running-completed-projects{border-radius: var(--rounded-20);overflow: hidden;}
.projects-content{padding: 20px;background-color: var(--bg-light);height: 100%;}
.running-completed-projects-content h4{margin-bottom: 10px;}
.running-completed-projects-dtail{display: flex;flex-direction: column;gap: 5px;padding-top: 10px;margin-top: 10px;border-top: var(--border-primary);}
.running-completed-projects-dtail p{font-weight: 500;font-size: 14px;}
.view-more-btn-link{display: flex;align-items: center;justify-content: space-between;gap: 10px;}
.view-more-btn-link a{font-weight: 600;color: var(--primary);text-decoration: underline;}
.projects-content .ploating-prize{font-weight: 600;font-size: clamp(16px, 2vw, 20px);color: var(--primary);}
.about-heading{text-align: center;display: flex;flex-direction: column;gap: 20px;}
.about-us-counter{display: flex;gap: 30px;margin-top: 40px;justify-content: center;}
.counter-item{min-width: 300px;text-align: center;}
.counter-item img{margin: 0 auto;}
.counter-item .counter-number{font-weight: 600;font-size: clamp(26px, 4vw, 40px);color: var(--primary);}
.about-contact-btn a{margin: 40px auto 0;}

/*  */
.our-vision-section{background-color: var(--bg-light);}
.our-vision-row{display: flex;gap: 30px;align-items: center;}
.our-vision-row .our-vision-image{flex: 1;}
.our-vision-row .our-vision-image img{border-radius: var(--rounded-20);}
.our-vision-row .our-vision-content{flex: 1;display: flex;flex-direction: column;gap: 10px;}
.our-mission-row{display: flex;gap: 30px;align-items: center;}
.our-mission-row .our-mission-image{flex: 1;}
.our-mission-row .our-mission-image img{border-radius: var(--rounded-20);}
.our-mission-row .our-mission-content{flex: 1;display: flex;flex-direction: column;gap: 10px;}
.our-mission-row .our-mission-content ul{margin-left: 25px;margin-top: 10px;}
.our-mission-row .our-mission-content ul li{font-size: clamp(14px, 2vw, 16px);font-weight: 400;line-height: 1.6;color: var(--text-color);list-style: disc;}
.testimonial-item{padding: 30px;border-radius: var(--rounded-20);border: var(--border-primary);display: flex;flex-direction: column;align-items: center;text-align: center;gap: 20px;}

/* TP Maps Page Styles */
.tp-points-list {margin-top: 30px;display: flex;flex-direction: column;gap: 15px;}
.tp-points-list li {display: flex;gap: 10px;font-size: clamp(14px, 1.8vw, 16px);color: var(--white);}
.tp-points-list li span {font-weight: 700;}
.map-selection-box {margin-bottom: 40px;}
.map-selection-box label {display: block;font-size: 16px;font-weight: 500;margin-bottom: 15px;color: var(--text-color);}
.custom-select {position: relative;max-width: 100%;}
.custom-select select {width: 100%;padding: 15px 25px;font-size: 16px;color: var(--text-color);background: var(--white);border: 1px solid #E5E5E5;border-radius: var(--rounded-8);cursor: pointer;appearance: none;outline: none;transition: all 0.3s ease;}
.custom-select select:focus {border-color: var(--primary);box-shadow: 0 0 0 4px var(--primary-light);}
.custom-select::after {content: '';position: absolute;right: 25px;top: 50%;transform: translateY(-50%);width: 12px;height: 8px;background-image: url("data:image/svg+xml,%3Csvg width='12' height='8' viewBox='0 0 12 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L6 6L11 1' stroke='%23636363' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat: no-repeat;pointer-events: none;}
.tp-text-content {max-width: 1200px;}
.tp-text-content p {margin-bottom: 25px;}
.mt-30 {margin-top: 30px;}

/*  */
.mySlides {display: none;margin-bottom: 30px;}
.mySlides img{border-radius: var(--rounded-20);aspect-ratio: 16/9;object-fit: cover;}

/* Add a pointer when hovering over the thumbnail images */
.cursor {cursor: pointer;}
.slide-row{display: flex;gap: 20px;}

/* Next & previous buttons */
.prev,
.next {cursor: pointer;position: absolute;top: 40%;width: auto;padding: 16px;margin-top: -50px;color: white;font-weight: bold;font-size: 20px;border-radius: 0 3px 3px 0;user-select: none;-webkit-user-select: none;}

/* Position the "next button" to the right */
.next {right: 0;border-radius: 3px 0 0 3px;}

/* On hover, add a black background color with a little bit see-through */
.prev:hover,
.next:hover {background-color: rgba(0, 0, 0, 0.8);}

/* Number text (1/3 etc) */
.numbertext {color: #f2f2f2;font-size: 12px;padding: 8px 12px;position: absolute;top: 0;}

/* Container for image text */
.caption-container {text-align: center;background-color: #222;padding: 2px 16px;color: white;}
.row:after {content: "";display: table;clear: both;}

/* Six columns side by side */
.column {float: left;width: 16.66%;}

/* Add a transparency effect for thumnbail images */
.demo {opacity: 0.6;border-radius: var(--rounded-20);aspect-ratio: 16/9;object-fit: cover;}
.active,
.demo:hover {opacity: 1;}

/*  */
.about-ploating-row{display: flex;gap: 30px;}
.sidebar-detail{min-width: 340px;display: flex;flex-direction: column;gap: 30px;}
.sidebar-ploat-detail{border: var(--border-primary);border-radius: var(--rounded-20);padding: 20px;background: #EEEAF7;}
.about-ploating-content h2{margin-bottom: 30px;}
.about-ploating-content p{margin-bottom: 15px;}
.about-ploating-content p:last-child{margin-bottom: 0;}
.about-ploating-col .common-box{margin-top: 30px;}
.ploting-info p:first-child{font-weight: 500;}
.ploting-info p:last-child{font-weight: 400;}
.ploting-info{margin-bottom: 10px;padding-bottom: 10px;border-bottom: 1px solid #D9D9D9;}
.ploting-info:last-child{margin-bottom: 0;padding-bottom: 0;border-bottom: none;}

/* Sidebar Contact Form Styles */
.sidebar-form-container {background-color: var(--primary);padding: 30px;border-radius: var(--rounded-20);box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15);}
.sidebar-contact-form .form-group {margin-bottom: 20px;position: relative;}
.sidebar-contact-form .form-group input {width: 100%;background: rgba(255, 255, 255, 0.1);border: 1px solid rgba(255, 255, 255, 0.35);border-radius: 14px;padding: 18px 20px 18px 55px;color: var(--white);font-size: 16px;outline: none;transition: all 0.3s ease;}
.sidebar-contact-form .form-group input::placeholder {color: rgba(255, 255, 255, 0.7);}
.sidebar-contact-form .form-group input:focus {background: rgba(255, 255, 255, 0.15);border-color: #ffffff;}
.sidebar-contact-form .form-group .input-icon {position: absolute;left: 20px;top: 50%;transform: translateY(-50%);display: flex;align-items: center;justify-content: center;pointer-events: none;}
.sidebar-contact-form .form-group .input-icon svg {width: 22px;height: 22px;}
.captcha-box {background: rgba(255, 255, 255, 0.1);border: 1px solid rgba(255, 255, 255, 0.2);border-radius: 12px;padding: 15px 20px;display: flex;align-items: center;justify-content: space-between;margin-bottom: 25px;}
.captcha-left {display: flex;align-items: center;gap: 12px;}
.checkbox-custom {width: 32px;height: 32px;border: 1px solid rgba(255, 255, 255, 0.4);border-radius: 8px;background: rgba(255, 255, 255, 0.05);cursor: pointer;transition: all 0.3s ease;}
.captcha-left span {color: var(--white);font-size: 16px;font-weight: 400;}
.h-captcha-logo {display: flex;flex-direction: column;align-items: center;gap: 2px;}
.h-captcha-logo img {filter: brightness(0) invert(1);opacity: 0.9;}
.h-captcha-logo span {color: var(--white);font-size: 10px;font-weight: 700;text-transform: uppercase;letter-spacing: 0.5px;}
.mt-20 {margin-top: 20px;}
.full-width {width: 100%;}

/*  */
.near-by-heading{text-align: center;margin-bottom: 30px;}
.master-plan-heading h2{text-align: center;margin-bottom: 30px;}
.aminites-section{background-color: #522AB00D;}
.aminites-heading{text-align: center;margin-bottom: 30px;}
.aminites-box{display: flex;gap: 15px;align-items: center;border: 1px solid var(--border-color);border-radius: var(--rounded-8);padding: 15px 20px;overflow: hidden;position: relative;}
.aminites-box-img{min-width: 70px;height: 70px;display: flex;align-items: center;justify-content: center;background-color: var(--primary-light);border-radius: var(--rounded-8);}
.faq-heading{text-align: center;margin-bottom: 30px;}
.news-update-detail-content-heading{text-align: center;margin-bottom: 30px;}
.news-update-detail-content-image img{border-radius: var(--rounded-20);margin-bottom: 30px;}
.news-update-detail-content{text-align: center;}
.news-update-detail-content h5{margin-bottom: 15px;color: var(--text-color);}
.news-update-detail-content h4{margin-bottom: 15px;}
.news-update-detail-content p{margin-bottom: 15px;}
.news-update-detail-content p:last-child{margin-bottom: 0;}
.common-content .common-box{margin-top: 50px;}
.common-content .common-box h5{text-align: left;color: var(--black);}
.common-content .common-box ul{gap: 10px;margin: 0;}
.common-content .common-box ul li{list-style: none;text-align: left;}
.common-detail-content .text-center{text-align: center;}
.common-detail-content h2{margin-bottom: 30px;}
.common-detail-content p{margin-bottom: 15px;}
.common-detail-content p:last-child{margin-bottom: 0;}
/*  */
.step-box{background-color: #FFFFFF1A;border-radius: var(--rounded-20);padding: 20px;}
.step-box h4{color: var(--white);margin-bottom: 15px;}
.step-box p{color: var(--white);margin-bottom: 15px;}
.step-box p:last-child{margin-bottom: 0;}
.step-box-row{display: flex;flex-direction: column;gap: 30px;}
.step-box ul,
.common-detail-content .common-box ul{gap: 10px;margin-top: 20px;margin-left: 0;}
.step-box ul li,
.common-detail-content .common-box ul li{font-size: clamp(14px, 1.5vw, 14px);list-style:  disc;margin-left: 20px;}
.common-detail-content .news-update-detail-content{margin-top: 30px;}
/* Common Table Styles */
.table-responsive {overflow-x: auto;margin: 30px 0;border-radius: var(--rounded-10);border: 1px solid var(--primary);text-align: left;}
.common-table {width: 100%;border-collapse: collapse;font-size: 16px;background-color: #EEEAF7;}
.common-table th {background-color: var(--primary);color: var(--white);padding: 20px;text-align: left;font-weight: 600;}
.common-table td {padding: 15px 20px;border: 1px solid var(--primary);color: var(--text-color);line-height: 1.6;border-left: none;background-color: var(--primary-light);}
.common-table tr td:first-child {font-weight: 500;color: var(--black);width: 30%;}
.common-table td:last-child{border-bottom: none;border-right: none;}


/* Plan A Visit Page */
.plan-visit-form-container {max-width: 1000px;margin: 0 auto;background: var(--bg-light);padding: 40px;border-radius: 20px;border: var(--border-primary);}
.plan-visit-form-grid {display: grid;grid-template-columns: repeat(2, 1fr);gap: 20px;}
.plan-visit-form-container .form-group {margin-bottom: 0;}
.plan-visit-form-container .form-group input,
.plan-visit-form-container .form-group select,
.plan-visit-form-container .form-group textarea {background: #FFFFFF;border: 1px solid #E2E8F033;color: #333;padding: 15px 15px 15px 40px;}
.plan-visit-form-container .form-group input::placeholder,
.plan-visit-form-container .form-group textarea::placeholder {color: #636363;}
.plan-visit-form-container .textarea-group {grid-column: span 2;}
.plan-visit-form-container .captcha-box {grid-column: span 2;background: #F9F9F9;border: 1px solid #E5E5E5;}
.plan-visit-form-container .captcha-left span,
.plan-visit-form-container .h-captcha-logo span {color: #333;}
.plan-visit-form-container .checkbox-custom {border: 1px solid #CCC;}
.plan-visit-form-container .h-captcha-logo img {filter: none;}
.plan-visit-form-container .submit-group {grid-column: span 2;margin-top: 10px;}

/* Book A Plot Page */
.book-plot-form-container {max-width: 1000px;margin: 0 auto;background: var(--bg-light);padding: 40px;border-radius: 20px;border: var(--border-primary);}
.book-plot-form-grid {display: grid;grid-template-columns: repeat(2, 1fr);gap: 20px;}
.book-plot-form-grid .form-group {margin-bottom: 0;}
.book-plot-form-grid .span-2 {grid-column: span 2;}
.book-plot-form-grid input,
.book-plot-form-grid select {width: 100%;background: #FFFFFF;border: 1px solid #E2E8F033;color: #333;padding: 15px 20px;border-radius: 12px;font-size: 14px;}
.book-plot-form-grid input::placeholder{color: #333;}
.book-plot-form-grid .label-flex {display: flex;justify-content: space-between;margin-bottom: 8px;font-size: 14px;font-weight: 500;}
.book-plot-form-grid .highlight-val {color: var(--primary);font-weight: 600;}

/* NRI Invest Page */
.bg-light-purple {background-color: #EEEAF780;}
.nri-grid {display: grid;grid-template-columns: repeat(2, 1fr);gap: 30px;margin-top: 40px;}
.nri-card {background: #FFFFFF;border: 1px solid var(--primary);border-radius: 15px;padding: 30px;transition: all 0.3s ease;}
.nri-card:hover {box-shadow: 0 10px 30px rgba(82, 42, 176, 0.1);transform: translateY(-5px);}
.nri-card h3 {font-size: 20px;font-weight: 600;color: var(--black);margin-bottom: 15px;}
.nri-card p {font-size: 15px;color: var(--text-color);line-height: 1.6;margin-bottom: 0;}
.nri-card.span-2 {grid-column: span 2;}