@font-face {
    font-family: 'Temeraire';
    src: url('../fonts/Temeraire-DisplayBlack.woff2') format('woff2'),
        url('../fonts/Temeraire-DisplayBlack.woff') format('woff');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}
  :root {
            --primary: #16263d;
            --primary-dark: #0d1b2d;
            --gold: #b98f3e;
            --gold-light: #d5b36a;
            --text: #4f5968;
            --light: #f7f6f2;
            --border: #e5e5e5;
            --white: #ffffff;
        }
.banner-header{
    position: relative;
  display: block;
  padding: 0px;
}        
.slider_img_overlay {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0,0,0,0.5);
}        
.title-abouts{
  font-size: 36px;
    font-family: "Poppins", sans-serif;
    color: #37322e;
    letter-spacing: 1px;
    font-weight: bold;
} 
.title-sameeksha{
  font-size: 86px;  
}
.title-properties{
  font-size: 62px;  
}
.rightpfe.form-group input {
    padding-left: 15px !important;
} 

.benchmark-item {
    width: 100%;
    background: #fff;
    overflow: hidden;
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.08);
    transition: all 0.4s ease;
} 
.benchmark-item:hover {
    transform: translateY(-6px);
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.14);
}
.benchmark-title {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 65px;
    padding: 14px 12px;
    background: #ffffff;
    text-align: center;
    border-bottom: 2px solid #c99b55;
    font-size: 17px;
    line-height: 1.35;
    font-weight: 600;
    letter-spacing: 0.2px;
    color: #242424;
    transition: all 0.35s ease;
}
.benchmark-item:hover .benchmark-title {
    color: #ffffff;
    background: #c19a83;
}
.faq-title{
  font-size: 22px!important;  
} 
ul.navbar-nav.me-auto {
    margin-left: 50px;
} 
.marquee-track {
    max-width: 1045px;
    display: block;
    margin: 0 auto;
}
 
 
 
 

        /* =====================================
           SLIDE
        ===================================== */
        .hero-slider{
                position: relative;
                width: 100%;
                height: 100vh;
                min-height: 650px;
                overflow: hidden;
                background: #111;
            }  
        .hero-slide {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background-size: cover;
            background-position: center center;
            background-repeat: no-repeat;
            opacity: 0;
            visibility: hidden;
            transform: scale(1.08);
            transition:
                opacity 1s ease,
                transform 6s ease,
                visibility 1s ease;
        }
        .hero-slide.active {
            opacity: 1;
            visibility: visible;
            transform: scale(1);
        }
        .hero-slide::before {
            content: "";
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            z-index: 1;
        }
        .hero-content {
            position: relative;
            z-index: 5;
            height: 100%;
            display: flex;
            align-items: center;
        }
        .hero-content-inner {
            max-width: 780px;
            opacity: 0;
            transform: translateY(45px);
            transition:
                opacity 0.9s ease 0.4s,
                transform 0.9s ease 0.4s;
        }
        .hero-slide.active
        .hero-content-inner {
            opacity: 1;
            transform: translateY(0);
        }
        .hero-subtitle {
            color: #fff;
            font-size: 16px;
            font-weight: 500;
            letter-spacing: 4px;
            text-transform: uppercase;
            margin-bottom: 18px;
        }
        .hero-title {
            color: #fff;
            font-size: 76px;
            font-weight: 700;
            line-height: 1.05;
            text-transform: uppercase;
            margin: 0 0 25px 0;
        }
        .hero-description {
            color: #fff;
            font-size: 19px;
            font-weight: 400;
            line-height: 1.7;
            max-width: 650px;
            margin-bottom: 32px;
        }
        .slider-arrow {
            position: absolute;
            top: 50%;
            transform: translateY(-50%);
            z-index: 20;
            width: 58px;
            height: 58px;
            display: flex;
            align-items: center;
            justify-content: center;
            color: #fff;
            cursor: pointer;
            font-size: 20px;
            transition: all 0.3s ease;
            outline: none;
        }
        .slider-arrow:hover {
            background: #fff;
            color: #111;
            border-color: #fff;
        }
        .slider-prev {
            left: 30px;
        }
        .slider-next {
            right: 30px;
        }
        .mouse-scroll {
            position: absolute;
            left: 30px;
            bottom: 35px;
            z-index: 20;
            width: 28px;
            height: 46px;
            border: 2px solid #fff;
            border-radius: 20px;
            display: flex;
            align-items: flex-start;
            justify-content: center;
            padding-top: 8px;
            text-decoration: none;
            opacity: 0.85;
        }
        .mouse-wheel {
            display: block;
            width: 4px;
            height: 9px;
            background: #fff;
            border-radius: 5px;
            animation: mouseWheel 1.5s infinite;
        }
        @keyframes mouseWheel {

            0% {

                transform: translateY(0);

                opacity: 1;
            }

            50% {

                transform: translateY(12px);

                opacity: 0.35;
            }

            100% {

                transform: translateY(0);

                opacity: 1;
            }
        }

        /* =====================================
           SLIDE NUMBER
        ===================================== */

        .slide-number {
            position: absolute;
            right: 35px;
            bottom: 35px;
            z-index: 20;
            color: #fff;
            font-size: 14px;
            letter-spacing: 2px;
        }
        .slide-number .current {
            font-size: 24px;
            font-weight: 600;
        }
        .slider-progress {
            position: absolute;
            left: 50%;
            bottom: 0;
            transform: translateX(-50%);
            z-index: 20;
            width: 100%;
            height: 3px;
            background:
                rgba(255,255,255,0.20);
        }
        .slider-progress-bar {
            width: 0%;
            height: 100%;
            background: #fff;
            transition:width 5s linear;
        }


        /* =====================================
           ABOUT SECTION
        ===================================== */

        .about-section {

            padding: 100px 20px;

            background: #fff;

            text-align: center;
        }


        .about-section h2 {

            font-size: 42px;

            font-weight: 700;

            margin-bottom: 20px;
        }


        .about-section p {

            max-width: 750px;

            margin: auto;

            color: #666;

            font-size: 18px;

            line-height: 1.8;
        }


        /* =====================================
           TABLET
        ===================================== */

        @media (max-width: 991px) {

            .hero-slider {

                height: 85vh;

                min-height: 580px;
            }


            .hero-title {

                font-size: 58px;
            }


            .hero-description {

                font-size: 17px;
            }


            .slider-prev {

                left: 18px;
            }


            .slider-next {

                right: 18px;
            }

        }


        /* =====================================
           MOBILE
        ===================================== */

        @media (max-width: 767px) {

            .hero-slider {

                height: 78vh;

                min-height: 520px;
            }


            .hero-slide {

                background-position: center center;
            }


            .hero-slide::before {

                /*background:*/
                /*    rgba(0,0,0,0.58);*/
            }


            .hero-content {

                text-align: center;
            }


            .hero-content-inner {

                width: 100%;

                padding-left: 45px;

                padding-right: 45px;
            }


            .hero-subtitle {

                font-size: 12px;

                letter-spacing: 2px;

                margin-bottom: 15px;
            }


            .hero-title {

                font-size: 40px;

                line-height: 1.15;

                margin-bottom: 18px;
            }


            .hero-description {

                font-size: 15px;

                line-height: 1.6;

                margin:
                    0 auto 25px;
            }


            .hero-btn {

                padding:
                    12px 22px;

                font-size: 12px;
            }


            /* ARROWS */

            .slider-arrow {

                width: 42px;

                height: 42px;

                font-size: 15px;
            }


            .slider-prev {

                left: 10px;
            }


            .slider-next {

                right: 10px;
            }


            /* MOUSE HIDE */

            .mouse-scroll {

                display: none;
            }


            /* NUMBER */

            .slide-number {

                right: 15px;

                bottom: 18px;

                font-size: 11px;
            }


            .slide-number .current {

                font-size: 18px;
            }

        }


        /* =====================================
           SMALL MOBILE
        ===================================== */

        @media (max-width: 480px) {

            .hero-slider {

                height: 75vh;

                min-height: 480px;
            }


            .hero-content-inner {

                padding-left: 42px;

                padding-right: 42px;
            }


            .hero-title {

                font-size: 32px;
            }


            .hero-description {

                font-size: 14px;
            }


            .hero-subtitle {

                font-size: 11px;

                letter-spacing: 1.5px;
            }


            .slider-arrow {

                width: 38px;

                height: 38px;
            }

        }
/* ==========================================
   HERO TEXT - AGATE STYLE
========================================== */

.hero-content-inner {
    position: relative;
    max-width: 850px;
    padding-top: 20px;
}



/*.hero-description {*/
/*    position: relative;*/
/*    z-index: 2;*/
/*    margin: -5px 0 0 105px;*/
/*    color: #222222;*/
/*    font-size: clamp(28px, 3vw, 52px);*/
/*    font-weight: 300;*/
/*    line-height: 1;*/
/*    letter-spacing: 8px;*/
/*    text-transform: uppercase;*/
/*    white-space: nowrap;*/
    
/*}*/
/* =========================================
   AGATE STYLE HERO TEXT
========================================= */

.hero-content-inner {
    position: relative;
    width: 100%;
    max-width: 1000px;
    height: 210px;
}


/* =========================================
   DHOLERA SIR
========================================= */

.hero-title {
    position: absolute;
    top: 56px;
    left: 0;
    z-index: 1;
    margin: 0;
    padding: 0;
    color: #fff; 
    font-size: 145px;
    font-weight: 400;
    line-height: 0.82;
    letter-spacing: -6px;
    text-transform: uppercase;
    white-space: nowrap;
    opacity: 1 !important;
    visibility: visible !important;
    text-shadow: 0 2px 3px rgba(0, 0, 0, 1), 0 5px 12px rgba(0, 0, 0, 0.95), 0 10px 25px rgba(0, 0, 0, 0.65) !important;
}


/* =========================================
   LUXURY RESIDENCE
   OVER MAIN TITLE
========================================= */

.hero-description {
    position: absolute;
    font-family: "Poppins", Sans-serif;
    top: 145px;
    left: 105px;
    z-index: 2;
    margin: 0;
    padding: 0;
    color: #292525;
    font-size: 48px;
    font-weight: 300;
    
    letter-spacing: 7px;
    text-transform: uppercase;
    white-space: nowrap;
    display: inline-block !important;
    margin: 0 !important;
    padding: 8px 18px !important;
    color: #ffffff !important;
    background: rgba(0, 0, 0, 0.45) !important;
    border-left: 4px solid #ffffff !important;
    font-size: clamp(20px, 2.5vw, 32px) !important;
    line-height: 1.3 !important;
    opacity: 1 !important;
    visibility: visible !important;
    text-shadow: 0 2px 4px rgba(0, 0, 0, 1), 0 4px 10px rgba(0, 0, 0, 0.8) !important;
}


/* =========================================
   TABLET
========================================= */

@media (max-width: 1200px) {

    .hero-content-inner {
        max-width: 850px;
        height: 180px;
    }

    .hero-title {
        font-size: 115px;
        letter-spacing: -5px;
    }

    .hero-description {
        top: 73px;
        left: 80px;

        font-size: 38px;

        letter-spacing: 5px;
    }
}


/* =========================================
   TABLET SMALL
========================================= */

@media (max-width: 991px) {

    .hero-content-inner {
        max-width: 720px;
        height: 150px;
    }

    .hero-title {
        font-size: 90px;
        letter-spacing: -4px;
    }

    .hero-description {
        top: 58px;
        left: 65px;

        font-size: 29px;

        letter-spacing: 4px;
    }
}


/* =========================================
   MOBILE
========================================= */

@media (max-width: 767px) {

    .hero-content {
        justify-content: center;
    }

    .hero-content-inner {
        width: 100%;
        max-width: 100%;

        height: 115px;

        padding: 0;
    }

    .hero-title {
        top: 0;
        left: 50%;

        transform: translateX(-50%);

        font-size: 58px;

        letter-spacing: -3px;

        line-height: 0.85;

        white-space: nowrap;
    }

    .hero-description {
        top: 47px;
        left: 50%;

        transform: translateX(-45%);

        font-size: 18px;

        letter-spacing: 3px;

        white-space: nowrap;
    }
}


/* =========================================
   SMALL MOBILE
========================================= */

@media (max-width: 480px) {

    .hero-content-inner {
        height: 100px;
    }

    .hero-title {
        font-size: 48px;

        letter-spacing: -2px;
    }

    .hero-description {
        top: 40px;

        font-size: 14px;

        letter-spacing: 2px;
    }
}

/* ==========================================
   MOBILE
========================================== */

@media (max-width: 767px) {

    .hero-content-inner {
        max-width: 100%;
        padding: 0 25px;
    }

    .hero-title {
        font-size: clamp(55px, 17vw, 90px);

        letter-spacing: -3px;

        line-height: 0.9;
    }

    .hero-description {
        margin: 5px 0 0 30px;

        font-size: clamp(16px, 5vw, 28px);

        letter-spacing: 3px;

        line-height: 1.2;
    }

}


/* ==========================================
   SMALL MOBILE
========================================== */

@media (max-width: 480px) {

    .hero-title {
        font-size: 52px;

        letter-spacing: -2px;
    }

    .hero-description {
        margin-left: 20px;

        font-size: 16px;

        letter-spacing: 2px;
    }

} 
       /* =========================================
           COMFORT SECTION
        ========================================== */

        .comfort-section {
            width: 100%; 
            display: flex;
            align-items: center;
            justify-content: center;
            background: #fdf7f3;
            padding: 0px 70px 70px 70px;
        }


        /* =========================================
           CONTENT
        ========================================== */

        .comfort-content {

            width: 100%;

            max-width: 1500px;

            margin: 0 auto;

            text-align: center;
        }


        /* =========================================
           MAIN HEADING
        ========================================== */

        .comfort-title {
            margin: 0 0 22px 0;
            padding: 0;
            color: #c19a83; 
            font-size:clamp(55px, 4.2vw, 88px);
            font-weight: bold;
            line-height: 72px;
            letter-spacing: -2px;
        }


        /* =========================================
           DESCRIPTION
        ========================================== */

        .comfort-description {
            margin: 0 auto;
            max-width: 1450px;
            color: #37322e; 
            font-size:clamp(15px,1.45vw,25px);
            font-weight: 400;
            line-height: 1.7;
            font-size:18px;
            letter-spacing: 1.5px;

        }


        /* =========================================
           SECOND LINE
        ========================================== */

        .comfort-description span {

            display: block;
        }


        /* =========================================
           TABLET
        ========================================== */

        @media (max-width: 991px) {

            .comfort-section {

                min-height: 400px;

                padding:
                    70px 25px;
            }


            .comfort-title {

                font-size: 60px;

                letter-spacing: -1px;

                margin-bottom: 20px;
            }


            .comfort-description {

                max-width: 900px;

                font-size: 17px;

                line-height: 1.7;

                letter-spacing: 1px;
            }

        }


        /* =========================================
           MOBILE
        ========================================== */

        @media (max-width: 767px) {

            .comfort-section {

                min-height: auto;

                padding:
                    65px 20px;
            }


            .comfort-title {

                font-size: 43px;

                line-height: 1.1;

                letter-spacing: -1px;

                margin-bottom: 22px;
            }


            .comfort-description {

                max-width: 600px;

                font-size: 13px;

                line-height: 1.8;

                letter-spacing: 1px;
            }


            .comfort-description span {

                display: block;

                margin-top: 5px;
            }

        }


        /* =========================================
           SMALL MOBILE
        ========================================== */

        @media (max-width: 480px) {

            .comfort-section {

                padding:
                    55px 18px;
            }


            .comfort-title {

                font-size: 35px;

                letter-spacing: -0.5px;
            }


            .comfort-description {

                font-size: 11px;

                line-height: 1.8;

                letter-spacing:
                    0.7px;
            }

        }
 /* =====================================
           STICKY IMAGE AREA
        ===================================== */
.property-features{
    background: #2b2a29;
}
.bottom-gallery {
    position: relative;
    width: 100%;
    min-height: 470px;
    margin-top: 20px;
    padding: 0 55px 0;
    z-index: 10;
}
.bg-colorr{
    position: relative;
    width: 100%;
    min-height: 600px;
    /*overflow: hidden;*/
    background: #fbf5f1;   
}
.gallery-background {
    position: absolute;
    top: -1px;
    left: 0;
    width: 100%;
    height: 100%;
    background: #2b2a29;
    clip-path: polygon(0 0, 100% 0, 100% 43%, 0 80%);
    z-index: 1;
}
 
  

.bottom-gallery .row {
    position: relative;
    z-index: 2;

    width: 100%;
    margin: 0;
}


/* =========================================
   COMMON IMAGE
========================================= */

.gallery-image {
    position: relative;

    padding-left: 15px;
    padding-right: 15px;

    overflow: hidden;
}


/* Image itself */
.images-cotent {
    margin-top: 100px;
}
.gallery-image img {
    display: block;

    width: 100%;
    height: 70vh;
    object-fit: cover; 
    transition:
        transform 0.8s ease,
        filter 0.8s ease;
}


/* =========================================
   LEFT IMAGE
   UP
========================================= */

.gallery-left {
    margin-top: 0;
}

.gallery-left img {
    height: 635px;
}


/* =========================================
   CENTER IMAGE
   DOWN
========================================= */

.gallery-center {
    margin-top: 80px;
}

.gallery-center img {
    height: 635px;
}


/* =========================================
   RIGHT IMAGE
   MORE UP
========================================= */

.gallery-right {
    margin-top: 0px;
}

.gallery-right img {
    height: 635px;
}


/* =========================================
   IMAGE HOVER
========================================= */

.gallery-image:hover img {
    transform: scale(1.035);
}


/* =========================================
   OPTIONAL IMAGE OVERLAY
========================================= */

.gallery-image {
    isolation: isolate;
}

.gallery-image::after {
    content: "";

    position: absolute;
    inset: 15px;

    background: rgba(0, 0, 0, 0);

    transition: background 0.5s ease;

    pointer-events: none;
}

.gallery-image:hover::after {
    background: rgba(0, 0, 0, 0.03);
}


/* =========================================
   LARGE DESKTOP
========================================= */

@media (min-width: 1400px) {

    .bottom-gallery {
        min-height: 700px;
        padding-top: 00px;
    }

    .gallery-image {
        padding-left: 25px;
        padding-right: 25px;
    }

    .gallery-image img {
        height: 70vh;
    
    }

    .gallery-left {
        margin-top: 0;
    }

    .gallery-center {
        margin-top: 50px;
    }

    .gallery-right {
        margin-top: 0px;
    }
}


/* =========================================
   TABLET
========================================= */

@media (max-width: 1199px) and (min-width: 768px) {

    .bottom-gallery {
        min-height: 750px;
        padding-top: 60px;
    }

    .gallery-image {
        padding-left: 10px;
        padding-right: 10px;
    }

    .gallery-image img {
         height: 70vh;
     
    }

    .gallery-center {
        margin-top: 60px;
    }

    .gallery-right {
        margin-top: -50px;
    }

    .gallery-background {
        bottom: -30%;
        height: 60%;
    }
}


/* =========================================
   MOBILE
========================================= */

@media (max-width: 767px) {

    .bottom-gallery {
        min-height: auto;

        padding: 70px 15px 100px;

        background: #342f2b;
    }


    /* Remove Bootstrap negative row margins */

    .bottom-gallery .row {
        margin-left: 0;
        margin-right: 0;
    }


    /* White background */

    .gallery-background {
        left: -20%;
        bottom: -5%;

        width: 100%;
        height: 65%;

        transform: rotate(-4deg);
    }


    /* Images */

    .gallery-image {
        width: 100%;

        padding-left: 0;
        padding-right: 0;

        margin-left: 0;
        margin-right: 0;
    }


    .gallery-image img {
        width: 100%;
        height: 430px;

        object-fit: cover;
    }


    /* Reset desktop positions */

    .gallery-left {
        margin-top: 0;
    }

    .gallery-center {
        margin-top: 35px;
    }

    .gallery-right {
        margin-top: 35px;
    }


    /* Hover disabled feel on mobile */

    .gallery-image:hover img {
        transform: none;
    }

}


/* =========================================
   SMALL MOBILE
========================================= */

@media (max-width: 480px) {

    .bottom-gallery {
        padding: 50px 12px 80px;
    }

    .gallery-image img {
        height: 380px;
    }

    .gallery-center,
    .gallery-right {
        margin-top: 25px;
    }
}
        .feature-image-wrap {
            position: sticky;
            top: 0;
            height: 100vh;

            display: flex;
            align-items: center;
            justify-content: center;

            padding: 70px 30px;
        }

        .feature-image-box {
            width: 100%;
            max-width: 650px;
            height: 70vh;

            position: relative;
            overflow: hidden;

            background: #222;
        }

        .feature-image {
            position: absolute;
            inset: 0;

            width: 100%;
            height: 100%;

            object-fit: cover;

            opacity: 0;
            transform: scale(1.05);

            transition:
                opacity 0.8s ease,
                transform 1.2s ease;
        }

        .feature-image.active {
            opacity: 1;
            transform: scale(1);
        }


        /* =====================================
           RIGHT CONTENT
        ===================================== */

        .feature-content {
            position: relative;
            overflow: hidden;
        }

        .feature-items {
            min-height: 100vh;

            display: flex;
            flex-direction: column;
            justify-content: center;

            padding: 100px 8% 100px 40px;

            position: relative;
        }


        /* =====================================
           DECORATIVE ICON
        ===================================== */

        .feature-icons{
            width: 105px;
            height: 105px;

            position: absolute;

            left: 0;
            top: 50%;

            transform: translateY(-50%);

            opacity: 0.25;

            border: 2px solid #b9957f;

            clip-path: polygon(
                50% 0%,
                100% 25%,
                88% 75%,
                50% 100%,
                12% 75%,
                0% 25%
            );
        }


        /* =====================================
           HEADING
        ===================================== */

        .feature-title {
            position: relative;
            z-index: 2;
            margin-bottom: 35px;
            color: #c19a83;
            font-size: 54px;
            line-height: 64px;
            letter-spacing: 3px; 
            font-size: 72px;
            font-weight: bold;
            line-height: 1em;
            letter-spacing: 0px;
        }


        /* =====================================
           DESCRIPTION
        ===================================== */

        .feature-description {
            max-width: 620px;

            margin-left: 0px;

            color: #ffffff;

            font-size: 18px;

            font-weight: 500;

            line-height: 1.65;

            /*letter-spacing: 1px;*/

            /*text-transform: uppercase;*/
        }


        /* =====================================
           ACTIVE CONTENT ANIMATION
        ===================================== */

        .feature-items .feature-title,
        .feature-items .feature-description,
        .feature-items   {
            transition: all 0.7s ease;
        }


        /* =====================================
           TABLET
        ===================================== */

        @media (max-width: 991px) {

            .feature-image-wrap {
                padding: 50px 25px;
            }

            .feature-image-box {
                height: 60vh;
            }

            .feature-items {
                padding: 100px 30px;
            }

            .feature-title {
                margin-left: 40px;
                font-size: 65px;
            }

            .feature-description {
                margin-left: 40px;
            }

            .  {
                width: 80px;
                height: 80px;
            }
        }


        /* =====================================
           MOBILE
        ===================================== */

        @media (max-width: 767px) {

            .property-features {
                overflow: hidden;
            }

            .feature-image-wrap {
                position: sticky;
                top: 0;

                height: 55vh;

                padding: 25px 20px;

                z-index: 10;

                background: #352f2b;
            }

            .feature-image-box {
                height: 100%;
                width: 100%;
            }

            .feature-items {
                min-height: 75vh;

                padding: 70px 25px;

                justify-content: center;
            }

            .  {
                width: 65px;
                height: 65px;

                left: 15px;
                top: 30%;

                opacity: 0.18;
            }

            .feature-title {
                margin-left: 35px;

                font-size: clamp(48px, 14vw, 70px);

                line-height: 0.85;

                letter-spacing: -1px;

                margin-bottom: 30px;
            }

            .feature-description {
                margin-left: 35px;

                font-size: 12px;

                line-height: 1.7;

                letter-spacing: 0.7px;
            }
        }


        /* =====================================
           SMALL MOBILE
        ===================================== */

        @media (max-width: 480px) {

            .feature-image-wrap {
                height: 48vh;
            }

            .feature-items {
                min-height: 70vh;

                padding: 60px 20px;
            }

            .feature-title {
                font-size: 48px;
            }

            .feature-description {
                font-size: 11px;
            }
        }  
        
      /* =====================================================
           MAIN SECTION
        ===================================================== */

        .architect-section {
            position: relative;

            width: 100%;
            min-height: 100vh;

            background: #fbf5f1;

            overflow: hidden;

            padding-top: 15px;
            padding-bottom: 70px;
        }


        /* =====================================================
           TOP HEADING
        ===================================================== */

        .expectation-area {
            width: 100%;
            margin-top:100px;
            text-align: center;
        }


        .expectation-title {
            margin: 0; 
            color: #c19a83;
            font-family: 'Temeraire';
            font-size: 72px;
            font-weight: bold;
            line-height: 1em;
            letter-spacing: 0px;
            opacity: 0;
    animation: fadeInUp 1s ease 0.3s forwards;
        }


@keyframes fadeInUp {
    from {
        opacity: 0;
        transform: translateY(40px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

        /* =====================================================
           SELECT BUTTON
        ===================================================== */

        .select-apartment {
            display: inline-flex;

            align-items: center;
            justify-content: center;

            width: 262px;
            height: 40px;

            margin-top: 25px;

            background: #c19a82;
            color: #fff;

            text-decoration: none;

            font-family: "Montserrat", sans-serif;

            font-size: 12px;

            font-weight: 400;

            letter-spacing: 3px;

            text-transform: uppercase;

            transition: all .35s ease;
        }


        .select-apartment:hover {
            background: #302b28;
            color: #fff;

            transform: translateY(-2px);
        }


        /* =====================================================
           CONTENT AREA
        ===================================================== */

        .architect-container {
            max-width: 1450px;

            margin: 0 auto;

            padding-left: 35px;
            padding-right: 35px;
        }


        .architect-row {
            position: relative;

            min-height: 650px;

            margin-top: 100px;
        }


        /* =====================================================
           LEFT CONTENT
        ===================================================== */

        .architect-content {
            position: relative;

            padding-left: 40px;

            margin-top: 255px;

            max-width: 650px;
        }


        .architect-title {
            margin: 0 0 27px;
            color: #c19a82;
            font-size: clamp(52px, 5vw, 76px);
            font-weight: 400;
            line-height: .86;
            letter-spacing: -3px;
        }


        .architect-title span {
            display: block;
            font-size:72px;
            font-weight: bold;
        }


        /* =====================================================
           DESCRIPTION
        ===================================================== */

        .architect-description {
            max-width: 630px;
            margin: 0 0 14px;
            color: #5c5754;
            font-size: 18px;
            font-weight: 400;
            line-height: 1.55;
            letter-spacing: 1px;
            text-align: justify;
        }


        /* =====================================================
           RIGHT IMAGE
        ===================================================== */

        .architect-photo-area {
            position: relative;

            width: 100%;

            max-width: 465px;

            margin-left: auto;

            margin-right: 25px;
        }


        .architect-photo {
            position: relative;

            width: 100%;

            height: 510px;

            overflow: hidden;

            z-index: 2;
        }


        .architect-photo img {
            width: 100%;
            height: 100%;

            display: block;

            object-fit: cover;

            object-position: center;

            transition: transform 1s ease;
        }


        .architect-photo:hover img {
            transform: scale(1.025);
        }


        /* =====================================================
           CIRCULAR TEXT
        ===================================================== */

        .circle-label {
            position: absolute;

            width: 190px;
            height: 190px;

            left: -105px;
            top: -85px;

            z-index: 10;

            pointer-events: none;
        }


        .circle-label svg {
            width: 100%;
            height: 100%;

            overflow: visible;

            animation: circleRotate 22s linear infinite;
        }


        @keyframes circleRotate {

            0% {
                transform: rotate(0deg);
            }

            100% {
                transform: rotate(360deg);
            }

        }


        .circle-label text {
            font-family: "Montserrat", sans-serif;

            font-size: 15px;

            font-weight: 500;

            letter-spacing: 3px;

            text-transform: uppercase;

            fill: #302b28;
        }


        /* =====================================================
           CIRCLE DOT
        ===================================================== */

        .circle-dot {
            position: absolute;

            width: 5px;
            height: 5px;

            background: #302b28;

            border-radius: 50%;

            right: 13px;
            top: 92px;
        }


        /* =====================================================
           SMALL DECORATIVE DOT
        ===================================================== */

        .architect-photo-area::before {
            content: "";

            position: absolute;

            width: 4px;
            height: 4px;

            /*background: #302b28;*/

            border-radius: 50%;

            left: -105px;
            top: 118px;

            z-index: 12;
        }


        /* =====================================================
           FADE ANIMATION
        ===================================================== */

        .architect-content {
            opacity: 0;
            transform: translateY(35px);

            animation:
                contentReveal 1s ease forwards;
        }


        .architect-photo-area {
            opacity: 0;
            transform: translateY(35px);

            animation:
                imageReveal 1s ease .15s forwards;
        }


        @keyframes contentReveal {

            to {
                opacity: 1;
                transform: translateY(0);
            }

        }


        @keyframes imageReveal {

            to {
                opacity: 1;
                transform: translateY(0);
            }

        }


        /* =====================================================
           LARGE DESKTOP
        ===================================================== */

        @media (min-width: 1400px) {

            .architect-section {
                padding-top: 12px;
            }


            .expectation-title {
                font-size: 72px;
            }


            .architect-row {
                margin-top: 95px;
            }


            .architect-content {
                margin-top: 150px;
                padding-left: 45px;
            }


            .architect-photo-area {
                max-width: 465px;
                margin-right: 40px;
            }


            .architect-photo {
                height: 510px;
            }

        }


        /* =====================================================
           LAPTOP
        ===================================================== */

        @media (max-width: 1399px) and (min-width: 992px) {

            .expectation-title {
                font-size: 68px;
            }


            .architect-row {
                margin-top: 80px;
            }


            .architect-content {
                padding-left: 20px;
                margin-top: 220px;
            }


            .architect-title {
                font-size: 65px;
            }


            .architect-photo-area {
                max-width: 430px;
                margin-right: 10px;
            }


            .architect-photo {
                height: 490px;
            }


            .circle-label {
                width: 175px;
                height: 175px;

                left: -90px;
                top: -75px;
            }

        }


        /* =====================================================
           TABLET
        ===================================================== */

        @media (max-width: 991px) and (min-width: 768px) {

            .architect-section {
                padding-top: 25px;
            }


            .expectation-title {
                font-size: 55px;

                letter-spacing: -2px;
            }


            .select-apartment {
                width: 230px;
                height: 40px;
            }


            .architect-row {
                margin-top: 70px;
            }


            .architect-content {
                padding-left: 10px;
                margin-top: 170px;
            }


            .architect-title {
                font-size: 52px;
            }


            .architect-description {
                font-size: 10px;
                letter-spacing: .7px;
            }


            .architect-photo-area {
                max-width: 340px;
                margin-right: 0;
            }


            .architect-photo {
                height: 430px;
            }


            .circle-label {
                width: 145px;
                height: 145px;

                left: -70px;
                top: -60px;
            }


            .circle-label text {
                font-size: 9px;
                letter-spacing: 2px;
            }

        }


        /* =====================================================
           MOBILE
        ===================================================== */

        @media (max-width: 767px) {

            .architect-section {
                min-height: auto;

                padding: 35px 20px 80px;
            }


            .architect-container {
                padding: 0;
            }


            /* Top Heading */

            .expectation-title {
                font-size: 46px;

                line-height: .95;

                letter-spacing: -2px;
            }


            .select-apartment {
                width: 220px;

                height: 42px;

                margin-top: 22px;

                font-size: 10px;

                letter-spacing: 2.5px;
            }


            /* Content row */

            .architect-row {
                margin-top: 90px;

                min-height: auto;
            }


            /* Left */

            .architect-content {
                padding: 0;

                margin: 0 0 70px;

                max-width: 100%;
            }


            .architect-title {
                font-size: 55px;

                line-height: .88;

                letter-spacing: -2px;

                margin-bottom: 28px;
            }


            .architect-description {
                max-width: 100%;

                font-size: 10px;

                line-height: 1.7;

                letter-spacing: .7px;

                margin-bottom: 15px;
            }


            /* Image */

            .architect-photo-area {
                max-width: 100%;

                margin: 0;
            }


            .architect-photo {
                width: 100%;

                height: 480px;
            }


            /* Circle */

            .circle-label {
                width: 145px;
                height: 145px;

                left: -20px;
                top: -65px;
            }


            .circle-label text {
                font-size: 9px;

                letter-spacing: 2px;
            }


            .architect-photo-area::before {
                display: none;
            }


            .circle-dot {
                right: 8px;
                top: 70px;
            }

        }


        /* =====================================================
           SMALL MOBILE
        ===================================================== */

        @media (max-width: 480px) {

            .architect-section {
                padding-left: 15px;
                padding-right: 15px;
            }


            .expectation-title {
                font-size: 39px;

                letter-spacing: -1.5px;
            }


            .select-apartment {
                width: 205px;
                height: 40px;
            }


            .architect-row {
                margin-top: 75px;
            }


            .architect-title {
                font-size: 48px;

                letter-spacing: -1.5px;
            }


            .architect-description {
                font-size: 9px;

                line-height: 1.8;
            }


            .architect-photo {
                height: 420px;
            }


            .circle-label {
                width: 125px;
                height: 125px;

                left: -10px;
                top: -55px;
            }

        }
        
        
        
/* =========================================
           CONTACT SECTION
        ========================================= */

        .contact-section {
            position: relative;
            width: 100%;
            min-height: 600px;
            background: #2b2a29;
            overflow: hidden;
            padding: 110px 0 35px;
                border-top: 1px solid rgba(255, 255, 255, 0.55);
        }


        .contact-container {
            max-width: 1450px;
            margin: 0 auto;
            padding: 0 35px;
        }
.border-top {
    border-top: 1px solid #c39b83 !important;
}

        /* =========================================
           LEFT CONTENT
        ========================================= */

        .contact-left {
            padding-left: 40px;
        }


        .contact-title {
            margin: 0;

            max-width: 690px;

            color: #c39b83;
           font-size: clamp(55px, 4.65vw, 78px);

            font-weight: bold;

            line-height: 0.86;

            letter-spacing: -3.5px;
        }


        .contact-title span {
            display: block;
        }


        /* =========================================
           CONTACT DETAILS
        ========================================= */

        .contact-details {
            display: flex;
            align-items: center;
            flex-wrap: wrap;

            margin-top: 32px;
        }


        .contact-email,
        .contact-phone {
            color: #ffffff;

            font-family: "Montserrat", sans-serif;

            font-size: 14px;

            font-weight: 500;

            letter-spacing: 0.8px;

            text-decoration: none;

            transition: 0.3s ease;
        }


        .contact-email:hover,
        .contact-phone:hover {
            color: #c39b83;
        }


        .contact-divider {
            width: 1px;
            height: 28px;

            background: rgba(255,255,255,0.65);

            margin: 0 17px;
        }


        /* =========================================
           SOCIAL ICONS
        ========================================= */

        .social-icons {
            display: flex;
            align-items: center;
            gap: 22px;

            margin-top: 27px;
        }


        .social-icons a {
            width: 24px;
            height: 24px;

            display: flex;
            align-items: center;
            justify-content: center;

            color: #c39b83;

            font-size: 21px;

            text-decoration: none;

            transition: all 0.3s ease;
        }


        .social-icons a:hover {
            color: #ffffff;
            transform: translateY(-3px);
        }


        /* =========================================
           RIGHT FORM
        ========================================= */

        .contact-right {
            padding-left: 15px;
            padding-right: 10px;
        }


        .contact-form {
            width: 100%;
            /*max-width: 700px;*/

            margin-left: auto;
        }


        .form-row {
            display: flex;
            gap: 23px;
        }


        .form-group {
            width: 100%;
        }


        .form-control-custom {
            width: 100% !important;
            height: 45px !important;
            padding: 0 0px !important;
            background: transparent !important;
            border: none !important;
            border-bottom: 1px solid rgba(255, 255, 255, 0.55) !important;
            border-radius: 0;
            outline: none;
            color: #ffffff!important;
            font-size: 13px!important;
            letter-spacing: 1px !important;
        }


        .form-control-custom::placeholder {
            color: rgba(255,255,255,0.55);

            text-transform: uppercase;

            font-size: 13px;

            font-weight: 500;

            letter-spacing: 1px;
        }


        .form-control-custom:focus {
            border-bottom-color: #c39b83;

            box-shadow: none;

            background: transparent;

            color: #ffffff;
        }


        /* =========================================
           MESSAGE
        ========================================= */

        .message-box {
            width: 100%;

            min-height: 117px!important;

            resize: vertical!important;

            padding: 28px 14px 10px!important;

            background: transparent!important;

            border: none!important;
            border-bottom: 1px solid rgba(255,255,255,0.55)!important;
            outline: none!important;
            color: #ffffff!important;
            font-size: 13px!important;
            letter-spacing: 1px!important;
        }


        .message-box::placeholder {
            color: rgba(255,255,255,0.55);

            text-transform: uppercase;

            font-size: 13px;

            font-weight: 500;

            letter-spacing: 1px;
        }


        .message-box:focus {
            border-bottom-color: #c39b83;
        }


        /* =========================================
           SEND BUTTON
        ========================================= */

        .send-btn {
            width: 100%;

            height: 39px;

            margin-top: 21px;

            border: none;

            background: #c39b83;

            color: #ffffff;

            font-family: "Montserrat", sans-serif;

            font-size: 13px;

            font-weight: 500;

            letter-spacing: 3px;

            text-transform: uppercase;

            cursor: pointer;

            transition: all 0.3s ease;
        }


        .send-btn:hover {
            background: #ffffff;

            color: #342f2b;
        }


        /* =========================================
           BOTTOM FOOTER
        ========================================= */

        .contact-bottom {
            position: absolute;

            left: 0;
            right: 0;
            bottom: 25px;

            padding: 0 35px;
        }


        .footer-inner {
            max-width: 1450px;

            margin: 0 auto;

            /*display: flex;*/

            align-items: flex-end;

            justify-content: space-between;
        }


        /* =========================================
           LOGO
        ========================================= */

        .footer-logo {
            display: flex;
            align-items: center;

            gap: 12px;

            text-decoration: none;
        }


        .logo-symbol {
            position: relative;

            width: 55px;
            height: 48px;
        }


        .logo-symbol span {
            position: absolute;

            display: block;

            width: 30px;
            height: 30px;

            border: 2px solid #c39b83;

            transform: rotate(30deg) skew(-8deg);
        }


        .logo-symbol span:nth-child(1) {
            left: 3px;
            top: 8px;
        }


        .logo-symbol span:nth-child(2) {
            left: 14px;
            top: 3px;

            transform: rotate(30deg) skew(-8deg) scale(.75);
        }


        .logo-symbol span:nth-child(3) {
            left: 18px;
            top: 16px;

            transform: rotate(30deg) skew(-8deg) scale(.6);
        }


        .logo-text {
            display: flex;
            flex-direction: column;
        }


        .logo-name {
            color: #c39b83;

            font-family: "Bodoni Moda",
                         "Times New Roman",
                         serif;

            font-size: 38px;

            line-height: 0.85;

            letter-spacing: 2px;
        }


        .logo-subtitle {
            margin-top: 5px;

            color: #c39b83;

            font-size: 10px;

            font-weight: 400;

            letter-spacing: 2px;

            text-transform: uppercase;
        }


        /* =========================================
           COPYRIGHT
        ========================================= */

        .copyright {
            color: #fff;

            font-size: 11px;

            font-weight: 400;

            letter-spacing: 1px;

            text-transform: uppercase;

            text-align: right;
        }


        /* =========================================
           TABLET
        ========================================= */

        @media (max-width: 991px) {

            .contact-section {
                min-height: auto;

                padding: 90px 0 70px;
            }


            .contact-container {
                padding: 0 30px;
            }


            .contact-left {
                padding-left: 0;

                margin-bottom: 70px;
            }


            .contact-title {
                max-width: 700px;

                font-size: clamp(52px, 7vw, 70px);
            }


            .contact-right {
                padding-left: 0;
                padding-right: 0;
            }


            .contact-form {
                max-width: 100%;
            }


            .contact-bottom {
                position: relative;

                left: auto;
                right: auto;
                bottom: auto;

                margin-top: 100px;

                padding: 0 30px;
            }

        }


        /* =========================================
           MOBILE
        ========================================= */

        @media (max-width: 767px) {

            .contact-section {
                padding: 70px 0 45px;
            }


            .contact-container {
                padding: 0 20px;
            }


            /* Title */

            .contact-title {
                max-width: 100%;

                font-size: 47px;

                line-height: 0.9;

                letter-spacing: -2px;
            }


            /* Details */

            .contact-details {
                margin-top: 30px;

                display: block;
            }


            .contact-email,
            .contact-phone {
                display: block;

                font-size: 12px;

                line-height: 1.8;

                letter-spacing: .7px;
            }


            .contact-divider {
                display: none;
            }


            /* Social */

            .social-icons {
                margin-top: 22px;

                gap: 18px;
            }


            /* Form */

            .contact-left {
                margin-bottom: 65px;
            }


            .form-row {
                display: block;
            }


            .form-group {
                width: 100%;

                margin-bottom: 18px;
            }


            .form-control-custom {
                height: 48px;

                padding-left: 5px;
            }


            .message-box {
                min-height: 120px;

                padding-left: 5px;
            }


            .send-btn {
                height: 44px;

                margin-top: 18px;
            }


            /* Footer */

            .contact-bottom {
                margin-top: 80px;

                padding: 0 20px;
            }


            .footer-inner {
                display: block;
            }


            .footer-logo {
                justify-content: flex-start;
            }


            .logo-name {
                font-size: 32px;
            }


            .copyright {
                margin-top: 35px;

                text-align: left;

                font-size: 9px;

                line-height: 1.7;
            }

        }


        /* =========================================
           SMALL MOBILE
        ========================================= */

        @media (max-width: 400px) {

            .contact-title {
                font-size: 40px;
            }


            .logo-name {
                font-size: 29px;
            }


            .logo-symbol {
                transform: scale(.9);

                transform-origin: left center;
            }

        }
        
.contact_icon, .whatsapp_icon {
    color: #fff;
    width: 50px;
    height: 50px;
    border-radius: 50px;
    transform: translatey(0);
    font-weight: 400;
    font-family: sans-serif;
    text-decoration: none !important;
    display: flex;
    transition: 0.3s ease-in-out;
    text-align: center;
}
.whatsapp_icon {
    background-color: #42db87;
    font-size: 30px;
    box-shadow: 2px 2px 3px #999;
    align-items: center;
    justify-content: center;
    animation: 1.25s cubic-bezier(0.66, 0, 0, 1) infinite pulsing;
    box-shadow: 0 0 0 0 #42db87;
    -webkit-animation: 1.25s cubic-bezier(0.66, 0, 0, 1) infinite pulsing;
    -moz-animation: 1.25s cubic-bezier(0.66, 0, 0, 1) infinite pulsing;
    -ms-animation: pulsing 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
}
.whatsapp_icon:hover {
    background: #128C7E;
    transform: scale(1.15) rotate(-10deg);
    box-shadow: 0 0 25px rgba(37, 211, 102, 0.9);
}
.contact_icon {
    background-color: #f4572e;
    font-size: 20px;
    box-shadow: 2px 2px 3px #999;
    align-items: center;
    justify-content: center;
    animation: 1.25s cubic-bezier(0.66, 0, 0, 1) infinite pulsing;
    box-shadow: 0 0 0 0 #42db87;
    -webkit-animation: 1.25s cubic-bezier(0.66, 0, 0, 1) infinite pulsing;
    -moz-animation: 1.25s cubic-bezier(0.66, 0, 0, 1) infinite pulsing;
    -ms-animation: pulsing 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
    position: absolute;
    top: -75%;
    left: 13px;
} 
.floating_btn1 {
    position: fixed;
    bottom: 75px;
    right: 20px;
    width: 80px;
    height: 80px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    z-index: 1000;
}
 /* =====================================================
           COUNTER
        ===================================================== */

        .counter-section {
            background: #fbf5f1;
            padding: 65px 0;
        }

        .counter-box {
            text-align: center;
            position: relative;
            padding: 15px 20px;
            min-height: 190px;
        }

        .counter-box:not(:last-child)::after {
            content: "";
            position: absolute;
            right: 0;
            top: 20px;
            width: 1px;
            height: 145px;
            background: var(--border);
        }

        .counter-icon {
            width: 48px;
            height: 48px;
            margin: 0 auto 12px;

            display: flex;
            align-items: center;
            justify-content: center;

            border-radius: 50%;
            background: rgba(185,143,62,0.10);
            color: #c19a83;

            font-size: 20px;

            transition: 0.4s;
        }

        .counter-box h2 {
            display: inline-block; 
            font-size: 42px;
            line-height: 1;
            font-weight: 600;
            color: var(--primary);
            margin: 0;
        }

        .counter-plus {
            color: #c19a83;
            font-size: 28px;
            font-weight: 600;
            vertical-align: top;
            margin-left: 2px;
        }

        .counter-box p {
            margin-top: 12px;
            font-size: 14px;
            color: #687180;
        }

        .counter-box:hover .counter-icon {
            background: #c19a83;
            color: #fff;
            transform: translateY(-4px);
        }

        .counter-box:hover h2 {
            color: #c19a83;
        }
        
        
        
 :root{
            --gold:#c8923e;
            --gold-dark:#a97529;
            --dark:#151515;
            --light:#f8f6f1;
            --text:#666;
            --border:#e8e8e8;
        }

        
       
        /* =========================
           TAB SLIDER
        ========================= */

        .tab-slider-wrapper{
            width:100%;
            position:relative;
            display:flex;
            align-items:center;
            gap:10px;
            margin-bottom:50px;
        }

        .tab-slider{
            width:100%;
            overflow:hidden;
            border-bottom:1px solid #ddd;
        }

        .custom-tabs{
            display:flex;
            align-items:center;
            gap:5px;
            width:max-content;
            transition:transform .45s ease;
        }
.shadow {
    box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
        background-color: #fff;
}
        .custom-tab{
            flex:0 0 auto;
            border:0;
            background:#f3f3f3;
            color:#333;
            padding:15px 21px;
            font-family: 'Temeraire';
            font-size:15px;
            font-weight:600;
            white-space:nowrap;
            cursor:pointer;
            border-radius:5px 5px 0 0;
            transition:.3s;
        }

        .custom-tab:hover{
            background:#c19a83;
            color:#fff;
        }

        .custom-tab.active{
            background:#c19a83;
            color:#fff;
        }

        /* Arrow Buttons */

        .tab-arrow{
            flex:0 0 42px;
            width:42px;
            height:42px;
            border:1px solid #ddd;
            background:#fff;
            color:#c19a83;
            border-radius:50%;
            display:flex;
            align-items:center;
            justify-content:center;
            cursor:pointer;
            transition:.3s;
            z-index:5;
        }

        .tab-arrow:hover{
            background:#c19a83;
            color:#fff;
            border-color:#c19a83;
        }

        .tab-arrow:disabled{
            opacity:.30;
            cursor:not-allowed;
        }


        /* =========================
           TAB CONTENT
        ========================= */

        .tab-content-box{
            display:none;
            animation:fadeTab .5s ease;
        }

        .tab-content-box.active{
            display:block;
        }

        @keyframes fadeTab{
            from{
                opacity:0;
                transform:translateY(15px);
            }

            to{
                opacity:1;
                transform:translateY(0);
            }
        }

        .content-title{
            font-family: 'Temeraire';
            color:#fff;
            font-size:35px;
            margin-bottom:20px;
            font-weight:700;
        }

        .content-title span{
            color:#c19a83;
        }

        .content-text{
            color:#fff;
            font-size:15px;
            line-height:1.9;
            text-align: justify;
        }

        .content-img{
            width:100%;
            height:400px;
            object-fit:cover;
            border-radius:5px;
        }

        .info-box{
            background:var(--light);
            border-left:4px solid #c19a83;
            padding:25px;
            margin-top:25px;
        }

        .info-box h5{
            color:var(--dark);
            font-weight:600;
            margin-bottom:10px;
        }


        /* =========================
           ADVANTAGE CARDS
        ========================= */

        .advantage-card{
            height:100%;
            background:#fff;
            border:1px solid var(--border);
            padding:28px 20px;
            text-align:center;
            transition:.3s;
        }

        .advantage-card:hover{
            transform:translateY(-7px);
            box-shadow:0 15px 35px rgba(0,0,0,.08);
            border-color:#c19a83;
        }

        .advantage-icon{
            width:55px;
            height:55px;
            background:rgba(200,146,62,.12);
            color:#c19a83;
            border-radius:50%;
            display:flex;
            align-items:center;
            justify-content:center;
            margin:0 auto 18px;
            font-size:20px;
        }

        .advantage-card h5{
            color:var(--dark);
            font-size:16px;
            font-weight:600;
            margin-bottom:10px;
        }

        .advantage-card p{
            font-size:13px;
            margin:0;
        }


        /* =========================
           MAP CARDS
        ========================= */

        .map-card{
            border:1px solid var(--border);
            overflow:hidden;
            background:#fff;
            height:100%;
            transition:.3s;
        }

        .map-card:hover{
            transform:translateY(-5px);
            box-shadow:0 12px 30px rgba(0,0,0,.08);
        }

        .map-card img{
            width:100%;
            height:550px;
            /*object-fit:cover;*/
        }

        .map-card-body{
            padding:22px;
        }

        .map-card h5{
            color:var(--dark);
            font-size:17px;
            margin-bottom:15px;
        }

        .download-btn{
            display:inline-block;
            background:#c19a83;
            color:#fff;
            padding:9px 18px;
            font-size:12px;
            border-radius:3px;
            transition:.3s;
        }

        .download-btn:hover{
            background:var(--dark);
            color:#fff;
        }


        /* =========================
           STATS
        ========================= */

        .stat-box{
            text-align:center;
            background:var(--light);
            padding:35px 20px;
            height:100%;
        }

        .stat-box h3{
            font-family:'Playfair Display',serif;
            color:#c19a83;
            font-size:40px;
            margin-bottom:5px;
        }

        .stat-box p{
            margin:0;
            color:#444;
            font-weight:500;
            font-size:14px;
        }


        /* =========================
           CONNECTIVITY
        ========================= */

        .connectivity-banner{
            min-height:350px;
            background:
                linear-gradient(rgba(0,0,0,.42),rgba(0,0,0,.55)),
                url("https://sameekshapro.com/images/dholera-connectivity.jpg") center/cover no-repeat;
            display:flex;
            align-items:center;
            justify-content:center;
            text-align:center;
            color:#fff;
            margin-bottom:40px;
        }

        .connectivity-banner h3{
            font-family:'Playfair Display',serif;
            font-size:45px;
        }

        .connect-card{
            padding:30px 20px;
            text-align:center;
            background:#fff;
            border:1px solid var(--border);
            height:100%;
            transition:.3s;
        }

        .connect-card:hover{
            border-color:#c19a83;
            transform:translateY(-5px);
        }

        .connect-card i{
            font-size:32px;
            color:#c19a83;
            margin-bottom:15px;
        }

        .connect-card h5{
            color:var(--dark);
            font-weight:600;
        }


        /* =========================
           DEVELOPMENT
        ========================= */

        .development-card{
            padding:30px;
            border:1px solid var(--border);
            height:100%;
            background:#fff;
        }

        .development-card i{
            font-size:30px;
            color:#c19a83;
            margin-bottom:15px;
        }

        .development-card h5{
            color:var(--dark);
            font-weight:600;
        }


        /* =========================
           AIRPORT
        ========================= */

        .airport-image{
            width:100%;
            height:430px;
            object-fit:cover;
            border-radius:5px;
        }

        .airport-card{
            padding:25px;
            background:var(--light);
            margin-bottom:20px;
        }

        .airport-card h5{
            color:var(--dark);
            font-weight:600;
        }


        /* =========================
           INVESTMENT
        ========================= */

        .benefit{
            display:flex;
            gap:15px;
            margin-bottom:22px;
        }

        .benefit-icon{
            min-width:45px;
            width:45px;
            height:45px;
            border-radius:50%;
            background:#c19a83;
            color:#fff;
            display:flex;
            justify-content:center;
            align-items:center;
        }

        .benefit h5{
            color:var(--dark);
            margin-bottom:5px;
            font-size:16px;
        }

        .sector-card{
            text-align:center;
            padding:25px 15px;
            border:1px solid var(--border);
            transition:.3s;
            height:100%;
        }

        .sector-card:hover{
            background:#c19a83;
            color:#fff;
        }

        .sector-card i{
            font-size:28px;
            color:#c19a83;
            margin-bottom:10px;
        }

        .sector-card:hover i,
        .sector-card:hover h6{
            color:#fff;
        }

        .sector-card h6{
            color:var(--dark);
            margin:0;
        }


        /* =========================
           GALLERY
        ========================= */

        .gallery-item{
            position:relative;
            overflow:hidden;
            height:260px;
        }

        .gallery-item img{
            width:100%;
            height:100%;
            object-fit:cover;
            transition:.5s;
        }

        .gallery-item:hover img{
            transform:scale(1.08);
        }


        /* =========================
           INVESTORS
        ========================= */

        .investor-card{
            min-height:170px;
            border:1px solid var(--border);
            display:flex;
            flex-direction:column;
            align-items:center;
            justify-content:center;
            padding:10px;
            text-align:center;
            transition:.3s;
        }

        .investor-card:hover{
            transform:translateY(-5px);
            box-shadow:0 10px 30px rgba(0,0,0,.08);
            border-color:#c19a83;
        }

        .investor-logo{
            font-family:'Playfair Display',serif;
            color:var(--dark);
            font-size:25px;
            font-weight:700;
            margin-bottom:8px;
        }

        .investor-card small{
            color:#777;
        }


        /* =========================
           FAQ
        ========================= */

        .faq-item{
            border:1px solid var(--border);
            margin-bottom:12px;
            overflow:hidden;
        }

        .faq-question{
            width:100%;
            background:#fff;
            border:0;
            padding:20px 22px;
            text-align:left;
            font-size:15px;
            font-weight:600;
            color:var(--dark);
            display:flex;
            justify-content:space-between;
            align-items:center;
            cursor:pointer;
        }

        .faq-question i{
            color:#c19a83;
            transition:.3s;
        }

        .faq-answer{
            display:none;
            padding:0 22px 20px;
            font-size:14px;
            color:#666;
        }

        .faq-item.open .faq-answer{
            display:block;
        }

        .faq-item.open .faq-question i{
            transform:rotate(180deg);
        }


       
        /* =========================
           RESPONSIVE
        ========================= */

        @media(max-width:991px){


            .content-img{
                height:330px;
                margin-top:30px;
            }
        }


        @media(max-width:767px){

            .hero{
                min-height:390px;
            }

            .hero-content h1{
                font-size:38px;
            }

            .hero-content p{
                font-size:14px;
            }

            .section-heading h2{
                font-size:30px;
            }

            .dholera-section{
                padding:55px 0;
            }

            /* Slider */

            .tab-slider-wrapper{
                gap:7px;
            }

            .tab-arrow{
                flex:0 0 36px;
                width:36px;
                height:36px;
                font-size:12px;
            }

            .custom-tab{
                padding:12px 15px;
                font-size:12px;
            }

            .content-title{
                font-size:28px;
            }

            .content-img,
            .airport-image{
                height:260px;
            }

            .connectivity-banner{
                min-height:260px;
            }

            .connectivity-banner h3{
                font-size:30px;
            }

            .gallery-item{
                height:220px;
            }
        }
 /* =========================================
           MAP SECTION
        ========================================= */

        .dholera-map-section {
            position: relative;
            padding: 90px 0;
            overflow: hidden;
            /*background:#fbf5f1;*/
        }

        /* Decorative shapes */

        .map-shape-one {
            position: absolute;
            width: 260px;
            height: 260px;
            border-radius: 50%;
            background: rgba(15, 91, 126, 0.05);
            top: -100px;
            left: -100px;
        }

        .map-shape-two {
            position: absolute;
            width: 300px;
            height: 300px;
            border-radius: 50%;
            background: rgba(42, 157, 83, 0.05);
            bottom: -130px;
            right: -100px;
        }

        .map-container {
            position: relative;
            z-index: 2;
        }

        /* =========================================
           SECTION HEADING
        ========================================= */

        .map-heading {
            text-align: center;
            margin-bottom: 55px;
        }

        .map-small-title {
            display: inline-flex;
            align-items: center;
            gap: 10px;
            color: #16814a;
            font-size: 14px;
            font-weight: 700;
            letter-spacing: 2px;
            text-transform: uppercase;
            margin-bottom: 12px;
        }

        .map-small-title::before,
        .map-small-title::after {
            content: "";
            width: 35px;
            height: 2px;
            background: #16814a;
        }

        .map-heading h2 {
            font-family: 'Playfair Display', serif;
            font-size: 48px;
            line-height: 1.2;
            font-weight: 600;
            color: #173c52;
            margin-bottom: 15px;
        }

        .map-heading h2 span {
            color: #2caa4b;
        }

        .map-heading p {
            max-width: 720px;
            margin: auto;
            color: #687780;
            font-size: 15px;
            line-height: 1.8;
        }

        /* =========================================
           MAP CARDS
        ========================================= */

        .map-card{
            position: relative;
            height: 100%;
            background: #ffffff;
            border-radius: 22px;
            overflow: hidden;
            border: 1px solid rgba(23, 60, 82, 0.08);
            box-shadow: 0 18px 55px rgba(24, 53, 70, 0.10);
            transition: all 0.4s ease;
        }

        .map-card:hover {
            transform: translateY(-8px);
            box-shadow: 0 25px 70px rgba(24, 53, 70, 0.17);
        }

        /* Card Header */

        .map-card-header {
            display: flex;
            justify-content: space-between;
            align-items: center;
            padding: 22px 25px;
            background: linear-gradient(135deg, #c19a83, #c19a83);
            color: #fff;
        }

        .map-card-header h3 {
            font-size: 25px;
            margin: 0;
            font-weight: 600;
             color: #fff;
        }

        .map-card-header .map-icon {
            width: 45px;
            height: 45px;
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            background: #c19a83;
            border: 1px solid rgba(255,255,255,0.20);
            font-size: 20px;
        }

        /* Image Area */

        .map-image-wrapper {
            position: relative;
            padding: 18px;
            background: #ffffff;
        }

        .map-image {
            width: 100%;
            height: 520px;
            object-fit: contain;
            display: block;
            background: #fff;
            border-radius: 12px;
            cursor: zoom-in;
            transition: transform 0.4s ease;
        }

        .map-image-wrapper:hover .map-image {
            transform: scale(1.015);
        }

        /* Zoom Button */

        .zoom-btn {
            position: absolute;
            right: 30px;
            bottom: 30px;
            width: 48px;
            height: 48px;
            border: none;
            border-radius: 50%;
            background: #ffffff;
            color: #174e68;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 19px;
            box-shadow: 0 8px 25px rgba(0,0,0,0.18);
            transition: all 0.3s ease;
            z-index: 3;
        }

        .zoom-btn:hover {
            background: #174e68;
            color: #fff;
            transform: scale(1.08);
        }

        /* =========================================
           CARD FOOTER
        ========================================= */

        .map-card-footer {
            padding: 18px 25px 23px;
            border-top: 1px solid #edf0f2;
            display: flex;
            justify-content: space-between;
            align-items: center;
            gap: 15px;
        }

        .map-card-footer p {
            margin: 0;
            color: #6d7a81;
            font-size: 13px;
        }

        .view-map-btn {
            text-decoration: none;
            white-space: nowrap;
            padding: 9px 17px;
            border-radius: 50px;
            color: #fff;
            background: linear-gradient(135deg, #c19a83, #c19a83);
            font-size: 12px;
            font-weight: 600;
            transition: 0.3s;
        }

        .view-map-btn:hover {
            background: linear-gradient(135deg, #c19a83, #c19a83);
            color: #fff;
        }

        /* =========================================
           AREA HIGHLIGHT
        ========================================= */

        .area-highlight {
            margin-top: 45px;
            padding: 28px 35px;
            border-radius: 18px;
            background: linear-gradient(135deg, #c19a83, #c19a83);
            color: #fff;
            display: flex;
            align-items: center;
            justify-content: space-between;
            gap: 30px;
            box-shadow: 0 15px 40px rgba(18, 63, 86, 0.18);
        }

        .area-highlight-left {
            display: flex;
            align-items: center;
            gap: 18px;
        }

        .area-icon {
            width: 58px;
            height: 58px;
            flex: 0 0 58px;
            border-radius: 15px;
            display: flex;
            align-items: center;
            justify-content: center;
            background: #c19a83;
            font-size: 26px;
        }

        .area-highlight h4 {
            font-size: 15px;
            font-weight: 500;
            margin-bottom: 4px;
            opacity: 0.85;
            color:#fff;
        }

        .area-highlight p {
            margin: 0;
            font-size: 13px;
            opacity: 0.75;
            color:#fff;
        }

        .area-number {
            display: flex;
            align-items: baseline;
            gap: 8px;
        }

        .area-number strong {
            font-size: 52px;
            line-height: 1;
            color: #fff;
            font-weight: 700;
        }

        .area-number span {
            font-size: 20px;
            font-weight: 500;
        }

        /* =========================================
           MODAL
        ========================================= */

        .map-modal .modal-content {
            background: #111;
            border: none;
            border-radius: 15px;
            overflow: hidden;
        }

        .map-modal .modal-header {
            border: none;
            color: #fff;
            background: #c19a83;
        }

        .map-modal .modal-title {
           color:#fff;
        }

        .map-modal .btn-close {
            filter: brightness(0) invert(1);
        }

        .modal-map-image {
            width: 100%;
            max-height: 85vh;
            object-fit: contain;
            background: #fff;
        }

        /* =========================================
           RESPONSIVE
        ========================================= */
.dholera-sectionss {
    position: relative;
    padding: 100px 0;
    overflow: hidden;
}

.dholera-sectionss .map-card{
    position: relative;
    background: #ffffff;
    border: 1px solid #e3eaee;
    border-radius: 20px;
    overflow: hidden;
    box-shadow: 0 15px 45px rgba(20, 48, 60, 0.08);
    transition: all 0.4s ease;
}
.dholera-sectionss .map-card::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 4px;
    background: linear-gradient(90deg, #c19a83, #c19a83, #c19a83);
    z-index: 5;
}
.dholera-sectionss .map-info {
    padding: 22px 25px 25px;
    background: linear-gradient(135deg, #c19a83, #c19a83);
    color: #ffffff;
    min-height: 115px;
    position: relative;
}
.dholera-sectionss .main-map-card {
    background: #ffffff;
    border: 1px solid #e8e5dc;
    border-radius: 8px;
    padding: 12px;
    overflow: hidden;
    box-shadow: 0 8px 30px rgba(25, 35, 45, 0.07);
    transition: all .3s ease;
}
.map-number {
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1.5px;
    margin-bottom: 7px;
}
.map-info h3 {
    font-size: 16px;
    line-height: 1.3;
    font-weight: 700;
    margin: 0;
    position: relative;
    z-index: 2;
    color: #fff;
}
.map-info::after {
    content: "";
    position: absolute;
    width: 65px;
    height: 65px;
    border: 1px solid rgba(255, 255, 255, 0.15);
    border-radius: 50%;
    right: 18px;
    bottom: -25px;
}
.highlights-content .section-title span{
    color: #c19a83!important;
}
.plan-points {
    margin-top: 13px;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 13px 25px;
}
.plan-point {
    display: flex;
    align-items: center;
    gap: 9px;
    color: #172b45;
    font-size: 14px;
    font-weight: 600;
}
.section-titles span{
    color: #c19a83!important;
}
.highlight-item p {
    margin: 0;
    color: #fff;
    font-size: 15px;
    line-height: 1.65;
}
.gold-line {
    width: 58px;
    height: 3px;
    background: #c19a83;
    margin: 17px 0 25px;
}
.highlight-item strong {
    color: #c19a83;
    font-weight: 700;
}
.highlight-item {
    display: flex;
    align-items: flex-start;
    gap: 13px;
    margin-bottom: 16px;
}
.highlight-icon {
    flex: 0 0 23px;
    width: 23px;
    height: 23px;
    margin-top: 2px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #c19a83;
    color: #fff;
    border-radius: 50%;
    font-size: 12px;
    font-weight: 700;
    box-shadow: 0 3px 8px rgba(170, 132, 24, .18);
}
        @media (max-width: 1199px) {

            .map-image {
                height: 450px;
            }

            .map-heading h2 {
                font-size: 42px;
            }
        }

        @media (max-width: 991px) {

            .dholera-map-section {
                padding: 70px 0;
            }

            .map-heading {
                margin-bottom: 40px;
            }

            .map-heading h2 {
                font-size: 38px;
            }

            .map-card {
                margin-bottom: 25px;
            }

            .map-image {
                height: 500px;
            }

            .area-highlight {
                flex-direction: column;
                align-items: flex-start;
            }

            .area-number {
                margin-left: 76px;
            }
        }

        @media (max-width: 767px) {

            .dholera-map-section {
                padding: 55px 0;
            }

            .map-heading h2 {
                font-size: 32px;
            }

            .map-heading p {
                font-size: 13px;
            }

            .map-card-header {
                padding: 18px 20px;
            }

            .map-card-header h3 {
                font-size: 21px;
            }

            .map-image-wrapper {
                padding: 10px;
            }

            .map-image {
                height: 420px;
            }

            .map-card-footer {
                padding: 15px 18px 18px;
                flex-direction: column;
                align-items: flex-start;
            }

            .area-highlight {
                padding: 24px;
            }

            .area-number {
                margin-left: 0;
            }

            .area-number strong {
                font-size: 44px;
            }
        }

        @media (max-width: 480px) {

            .map-small-title {
                font-size: 11px;
            }

            .map-small-title::before,
            .map-small-title::after {
                width: 20px;
            }

            .map-heading h2 {
                font-size: 28px;
            }

            .map-image {
                height: 340px;
            }

            .map-card-header h3 {
                font-size: 19px;
            }

            .area-highlight-left {
                align-items: flex-start;
            }
        }        
        
        
.container-custom{
    max-width:1180px;
    margin:auto;
    padding-left:20px;
    padding-right:20px;
}


/* =====================================================
   PAGE HERO
===================================================== */

.connectivity-hero{
    position:relative;
    padding:80px 0 45px;
    overflow:hidden;
    background:
        radial-gradient(circle at 90% 20%,rgba(182,139,69,.12),transparent 30%),
        linear-gradient(180deg,#fff 0%,#fafaf8 100%);
}

.hero-small-title{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:12px;
    margin-bottom:15px;
}

.hero-small-title span{
    width:38px;
    height:1px;
    background:#c19a83;
}

.hero-small-title p{
    margin:0;
    color:#c19a83;
    font-size:12px;
    font-weight:700;
    letter-spacing:3px;
    text-transform:uppercase;
}

.connectivity-hero h1{
    text-align:center;
    font-family:'Playfair Display',serif;
    font-size:58px;
    line-height:1.1;
    font-weight:500;
    margin-bottom:16px;
}

.connectivity-hero h1 span{
    color:#c19a83;
}

 


/* =====================================================
   CONNECTIVITY MAP
===================================================== */

.map-section{
    padding:25px 0 90px;
}

.map-wrapper{
    position:relative;
    background:#fff;
    border:1px solid var(--border);
    border-radius:24px;
    padding:35px;
    box-shadow:0 20px 70px rgba(0,0,0,.07);
    overflow:hidden;
}

.map-wrapper:before{
    content:"";
    position:absolute;
    width:220px;
    height:220px;
    background:rgba(182,139,69,.08);
    border-radius:50%;
    right:-80px;
    top:-80px;
}

.map-wrapper img{
    position:relative;
    width:100%;
    max-width:1000px;
    margin:auto;
    transition:.5s ease;
}

.map-wrapper:hover img{
    transform:scale(1.015);
}


/* =====================================================
   CONNECTIVITY STATS
===================================================== */

.stats-row{
    margin-top:-45px;
    position:relative;
    z-index:3;
}

.stat-box{
    height:100%;
    background:#fff;
    border:1px solid var(--border);
    border-radius:14px;
    padding:22px;
    display:flex;
    align-items:center;
    gap:15px;
    box-shadow:0 10px 35px rgba(0,0,0,.06);
    transition:.3s ease;
}

.stat-box:hover{
    transform:translateY(-5px);
    border-color:var(--gold-light);
}

.stat-icon{
    width:52px;
    height:52px;
    min-width:52px;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    background:#f7f1e7;
    color:#c19a83;
    font-size:20px;
}

.stat-box h4{
    font-size:20px;
    font-weight:700;
    margin:0;
}

.stat-box p{
    margin:2px 0 0;
    font-size:12px;
    color:#777;
}


/* =====================================================
   DMIC SECTION
===================================================== */

.dmic-section{
    padding:100px 0;
    background:#f7f7f5;
    position:relative;
}

.dmic-section:before{
    content:"";
    position:absolute;
    width:400px;
    height:400px;
    border-radius:50%;
    border:1px solid rgba(182,139,69,.15);
    left:-220px;
    top:100px;
}

.section-label{
    display:inline-flex;
    align-items:center;
    gap:10px;
    color:#c19a83;
    font-size:12px;
    font-weight:700;
    text-transform:uppercase;
    letter-spacing:2px;
    margin-bottom:15px;
}

.section-label:before{
    content:"";
    width:30px;
    height:2px;
    background:#c19a83;
}

.dmic-content h2{
     
    font-size:45px;
    line-height:1.15;
    font-weight:500;
    margin-bottom:22px;
}

.dmic-content h2 span{
    color:#c19a83;
}

.dmic-content p{
    color:#6d6d6d;
    font-size:14px;
    line-height:1.9;
    margin-bottom:18px;
}

.dmic-list{
    list-style:none;
    padding:0;
    margin:25px 0 0;
}

.dmic-list li{
    display:flex;
    align-items:center;
    gap:12px;
    margin-bottom:13px;
    font-size:13px;
    color:#555;
}

.dmic-list i{
    color:#c19a83;
    font-size:13px;
}

.dmic-image-box{
    position:relative;
    padding:15px;
}

.dmic-image-box:before{
    content:"";
    position:absolute;
    width:85%;
    height:85%;
    right:0;
    bottom:0;
    border:1px solid var(--gold-light);
    border-radius:20px;
}

.dmic-image{
    position:relative;
    width:100%;
    border-radius:18px;
    background:#fff;
    padding:18px;
    box-shadow:0 20px 50px rgba(0,0,0,.10);
}


/* =====================================================
   SECTION HEADING
===================================================== */

.connectivity-cards{
    padding:105px 0 100px;
}

.center-heading{
    text-align:center;
    max-width:700px;
    margin:0 auto 55px;
}

.center-heading .section-label{
    justify-content:center;
}

.center-heading h2{ 
    font-size:46px;
    font-weight:500;
    margin-bottom:15px;
    color:#fff;
}

.center-heading h2 span{
    color:#c19a83;
}

.center-heading p{
    color:#777;
    font-size:14px;
    line-height:1.8;
}


/* =====================================================
   MODERN CARDS
===================================================== */

.modern-card{
    position:relative;
    height:100%;
    background:#fff;
    border:1px solid var(--border);
    border-radius:18px;
    overflow:hidden;
    transition:all .4s ease;
}

.modern-card:hover{
    transform:translateY(-9px);
    border-color:rgba(182,139,69,.4);
    box-shadow:0 25px 60px rgba(0,0,0,.11);
}

.card-image{
    position:relative;
    height:220px;
    overflow:hidden;
}

.card-image img{
    width:100%;
    height:100%;
    object-fit:cover;
    transition:transform .6s ease;
}

.modern-card:hover .card-image img{
    transform:scale(1.08);
}

.card-number{
    position:absolute;
    left:20px;
    top:20px;
    width:40px;
    height:40px;
    border-radius:50%;
    background:rgba(255,255,255,.94);
    display:flex;
    align-items:center;
    justify-content:center;
    color:#c19a83;
    font-size:12px;
    font-weight:700;
    box-shadow:0 5px 20px rgba(0,0,0,.12);
}

.card-content{
    padding:27px 27px 30px;
}

.card-icon{
    width:42px;
    height:42px;
    border-radius:10px;
    background:#f7f1e7;
    color:#c19a83;
    display:flex;
    align-items:center;
    justify-content:center;
    margin-bottom:16px;
}

.card-content h3{
    font-size:18px;
    font-weight:700;
    line-height:1.35;
    margin-bottom:11px;
}

.card-content p{
    color:#777;
    font-size:13px;
    line-height:1.75;
    margin:0;
}

 

/* =====================================================
   RESPONSIVE
===================================================== */

@media(max-width:991px){

    .connectivity-hero{
        padding-top:60px;
    }

    .connectivity-hero h1{
        font-size:48px;
    }

    .map-wrapper{
        padding:20px;
        border-radius:18px;
    }

    .stats-row{
        margin-top:20px;
    }

    .dmic-section{
        padding:75px 0;
    }

    .dmic-content{
        margin-bottom:40px;
    }

    .dmic-content h2{
        font-size:40px;
    }

    .center-heading h2{
        font-size:40px;
    }

    .card-image{
        height:200px;
    }

     

}


@media(max-width:767px){

    .connectivity-hero{
        padding:50px 0 30px;
    }

    .connectivity-hero h1{
        font-size:39px;
    }

     

    .map-section{
        padding-bottom:55px;
    }

    .map-wrapper{
        padding:10px;
        border-radius:14px;
    }

    .stats-row{
        margin-top:10px;
    }

    .stat-box{
        padding:17px;
    }

    .stat-icon{
        width:45px;
        height:45px;
        min-width:45px;
    }

    .stat-box h4{
        font-size:17px;
    }

    .dmic-section{
        padding:60px 0;
    }

    .dmic-content h2{
        font-size:34px;
    }

    .dmic-content p{
        font-size:13px;
    }

    .center-heading{
        margin-bottom:35px;
    }

    .connectivity-cards{
        padding:65px 0;
    }

    .center-heading h2{
        font-size:35px;
    }

    .card-image{
        height:220px;
    }

     

 

    .cta-button-wrapper{
        margin-top:25px;
    }

}


@media(max-width:575px){

    .container-custom{
        padding-left:15px;
        padding-right:15px;
    }

    .connectivity-hero h1{
        font-size:33px;
    }

    .hero-small-title p{
        font-size:10px;
        letter-spacing:2px;
    }

     

    .map-wrapper{
        padding:5px;
        border:0;
        box-shadow:none;
        background:transparent;
    }

    .stat-box{
        border-radius:12px;
    }

    .dmic-content h2{
        font-size:30px;
    }

    .dmic-image-box{
        padding:8px;
    }

    .center-heading h2{
        font-size:30px;
    }

    .center-heading p{
        font-size:13px;
    }

    .card-image{
        height:210px;
    }

    .card-content{
        padding:23px;
    }
}        



 /* =========================================
           MAIN SECTION
        ========================================= */

        .development-section{
            width:100%;
            overflow:hidden;
        }


        /* =========================================
           TOP HEADING
        ========================================= */

        .dev-heading{
            position:relative;

            text-align:center;

            padding:85px 20px 65px;

             
        }

        .dev-heading::before{
            content:"";

            position:absolute;

            top:0;
            left:50%;

            transform:translateX(-50%);

            width:100px;
            height:3px;

            background:
                linear-gradient(
                    90deg,
                    var(--green),
                    var(--gold)
                );

            border-radius:10px;
        }

        .dev-label{
            display:inline-flex;

            align-items:center;

            gap:8px;

            padding:8px 15px;

            border-radius:50px;

            background:#f7f5ed;

            border:1px solid #ece4ca;

            color:var(--gold);

            font-size:10px;

            font-weight:800;

            letter-spacing:1.5px;

            text-transform:uppercase;
        }

        .dev-label i{
            color:#c19a83;
        }

        .dev-heading h1{
            margin:18px 0 12px;
            color:#c19a83;
            font-size:clamp(35px,5vw,55px);
            font-weight:800;
            letter-spacing:-2px;
        }

        .dev-heading p{
            max-width:720px;
            margin:0 auto;
            color:#c19a83;
            font-size:13px;
            line-height:1.9;
        }


        /* =========================================
           COMMON CONTAINER
        ========================================= */

        .dev-container{
            width:min(1180px,92%);

            margin:auto;
        }


        /* =========================================
           SPLIT SECTION
        ========================================= */

        .dev-split{
            display:grid;

            grid-template-columns:
                1fr 1fr;

            align-items:center;

            gap:70px;

            padding:75px 0;
        }


        /* =========================================
           IMAGE
        ========================================= */

        .dev-image-wrap{
            position:relative;
        }

        .dev-image{
            width:100%;

            height:390px;

            display:block;

            object-fit:cover;

            border-radius:25px;

            box-shadow:
                0 25px 60px
                rgba(23,44,56,.13);

            transition:
                transform .5s ease,
                box-shadow .5s ease;
        }

        .dev-image-wrap:hover .dev-image{
            transform:scale(1.015);

            box-shadow:
                0 30px 70px
                rgba(23,44,56,.18);
        }

        .dev-image-wrap::after{
            content:"";

            position:absolute;

            width:78px;
            height:78px;

            right:-18px;
            bottom:-18px;

            border-radius:20px;

            border:7px solid var(--gold);

            z-index:-1;
        }

        .image-badge{
            position:absolute;

            top:20px;
            left:20px;

            width:44px;
            height:44px;

            display:flex;

            align-items:center;
            justify-content:center;

            border-radius:14px;

            background:
                rgba(255,255,255,.94);

            color:#c19a83;

            font-size:12px;

            font-weight:800;

            box-shadow:
                0 10px 25px
                rgba(0,0,0,.12);

            z-index:2;
        }


        /* =========================================
           CONTENT
        ========================================= */

        .dev-content{
            position:relative;
        }

        .small-title{
            display:block;
            margin-bottom:11px;
            color:#fff;
            font-size:10px;
            font-weight:800;
            letter-spacing:1.6px;
            text-transform:uppercase;
        }

        .dev-content h2{
            margin-bottom:16px;
            color:#c19a83;
            font-size: clamp(27px,3.2vw,42px);
            font-weight:800;
            line-height:1.12;
            letter-spacing:-1.5px;
        }

        .dev-content > p{
            margin-bottom:20px;
            color:#fff;
            font-size:13px;
            line-height:1.85;
        }


        /* =========================================
           CHECK LIST
        ========================================= */

        .dev-list{
            padding:0;

            margin:20px 0 0;

            list-style:none;
        }

        .dev-list li{
            display:flex;
            align-items:flex-start;
            gap:10px;
            margin:12px 0;
            color:#fff;
            font-size:18px;
            line-height:1.5;
        }

        .dev-list li i{
            flex-shrink:0;
            width:20px;
            height:20px;
            display:flex;
            align-items:center;
            justify-content:center;
            margin-top:-1px;
            border-radius:50%;
            background: #c19a83;
            color: #000;
            font-size:15px;
        }


        /* =========================================
           SMALL STATS
        ========================================= */

        .dev-stats{
            display:grid;

            grid-template-columns:
                repeat(3,1fr);

            gap:10px;

            margin-top:27px;
        }

        .dev-stat{
            padding:16px 13px;

            border-radius:15px;

            background:#fff;

            border:1px solid #c19a83;

            transition:.3s;
        }

        .dev-stat:hover{
            transform:translateY(-4px);

            box-shadow:
                0 12px 30px
                rgba(23,44,56,.08);
        }

        .dev-stat strong{
            display:block;
            color:#000;
            font-size:18px;
            font-weight:800;
        }

        .dev-stat span{
            display:block;
            margin-top:4px;
            color:#000;
            font-size:15px;
            line-height:1.4;
        }


        /* =========================================
           EXTERNAL INFRASTRUCTURE
        ========================================= */

        .dev-band{
            border-top: 1px solid #c19a83;
            border-bottom: 1px solid #c19a83;
        }

        .external-section{
            padding:85px 0;
        }

        .external-box{
            display:grid;

            grid-template-columns:
                .9fr 1.1fr;

            overflow:hidden;

            border-radius:28px;

            background:#c19a83;

            box-shadow:
                0 30px 70px
                rgba(23,44,56,.15);
        }

        .external-content{
            padding:55px 50px;
        }

        .external-content h2{
            margin-bottom:15px;

            color:#fff;

            font-size:
                clamp(29px,3.2vw,43px);

            font-weight:800;

            line-height:1.1;

            letter-spacing:-1.5px;
        }

        .external-content p{
            color:#aebdc5;

            font-size:13px;

            line-height:1.85;
        }

        .external-list{
            padding:0;

            margin:25px 0 0;

            list-style:none;
        }

        .external-list li{
            padding:12px 0;

            border-bottom:
                1px solid
                rgba(255,255,255,.08);

            color:#d5dfe3;

            font-size:12px;
        }

        .external-list i{
            margin-right:9px;

            color:#64d77c;
        }

        .external-image{
            min-height:500px;
        }

        .external-image img{
            width:100%;

            height:100%;

            display:block;

            object-fit:cover;
        }


        /* =========================================
           DEVELOPMENT PLAN
        ========================================= */

        .plan-section{
            padding:0px 0;
        }

        .plan-heading{
            max-width:720px;

            margin:0 auto 45px;

            text-align:center;
        }

        .plan-heading h2{
            margin-bottom:12px;

            color:#c19a83;

            font-size:
                clamp(30px,4vw,46px);

            font-weight:800;

            letter-spacing:-1.6px;
        }

        .plan-heading p{
            color:#fff;

            font-size:13px;

            line-height:1.8;
        }

        .plan-card{
            padding:25px;

            background:#fff;

            border:1px solid var(--border);

            border-radius:26px;

            box-shadow:
                0 18px 50px
                rgba(23,44,56,.07);
        }

        .plan-image{
            width:100%;

            height:auto;

            max-height:500px;

            display:block;

            object-fit:contain;

            border-radius:16px;
        }

        .plan-info{
            display:grid;

            grid-template-columns:
                repeat(3,1fr);

            gap:15px;

            margin-top:25px;
        }

        .plan-item{
            padding:18px 12px;

            text-align:center;

            border-radius:15px;

            background:#f7f9f7;
        }

        .plan-item strong{
            display:block;
            margin-bottom:5px;
            color:#000;
            font-size:16px;
            font-weight: bold;
        }

        .plan-item span{
            display: block;
            color: #000;
            font-size: 15px;
            line-height: 1.7;
        }


        /* =========================================
           FEATURES
        ========================================= */

        .feature-section{
            padding:95px 0;
         }

        .feature-row{
            display:grid;

            grid-template-columns:
                1fr 1fr;

            align-items:center;

            gap:80px;

            margin-bottom:115px;
        }

        .feature-row:last-child{
            margin-bottom:0;
        }

        .feature-row.reverse{
            direction:rtl;
        }

        .feature-row.reverse > *{
            direction:ltr;
        }


        /* =========================================
           BOTTOM COUNTER SECTION
        ========================================= */

        .bottom-stats{
            position:relative;
        }
        .bottom-heading{
            max-width:650px;
            margin:0 auto 45px;
            text-align:center;
        }
        .bottom-heading h2{
            margin-bottom:10px;
            color:#c19a83;
            font-size:
                clamp(27px,3vw,40px);

            font-weight:800;

            letter-spacing:-1.4px;
        }

        .bottom-heading p{
            margin:0;

            color:var(--muted);

            font-size:12px;

            line-height:1.8;
        }

        .stat-grid{
            display:grid;

            grid-template-columns:
                repeat(3,1fr);

            gap:20px;
        }

        .big-stat{
            position:relative;

            padding:40px 25px;

            overflow:hidden;

            text-align:center;

            border-radius:24px;

            background:#fff;

            border:1px solid var(--border);

            transition:
                transform .35s ease,
                box-shadow .35s ease;
        }

        .big-stat::before{
            content:"";

            position:absolute;

            width:140px;
            height:140px;

            top:-75px;
            right:-65px;

            border-radius:50%;

            background:#f1f7f2;

            transition:.4s;
        }

        .big-stat:hover{
            transform:translateY(-8px);

            box-shadow:
                0 25px 55px
                rgba(23,44,56,.10);
        }

        .big-stat:hover::before{
            transform:scale(1.2);
        }

        .big-stat-icon{
            position:relative;
            width:54px;
            height:54px;
            display:flex;
            align-items:center;
            justify-content:center;
            margin:0 auto 18px;
            border-radius:16px;
            background: linear-gradient(135deg, #c39b83, #c39b83);

            color:#fff;

            font-size:19px;

            box-shadow:
                0 10px 25px
                rgba(23,44,56,.15);
        }

        .big-stat strong{
            position:relative;
            display:block;
            color:#c39b83;

            font-size:
                clamp(30px,4vw,43px);

            font-weight:800;

            line-height:1;

            letter-spacing:-1.5px;
        }

        .big-stat strong .counter{
            display:inline-block;
        }

        .big-stat > span{
            position:relative;
            display:block;
            margin-top:10px;
            color: #000;
            font-size: 15px;
            font-weight: 500;
        }


        /* =========================================
           REVEAL ANIMATION
        ========================================= */

        .reveal{
            opacity:0;

            transform:translateY(35px);

            transition:
                opacity .7s ease,
                transform .7s ease;
        }

        .reveal.show{
            opacity:1;

            transform:translateY(0);
        }


        /* =========================================
           RESPONSIVE TABLET
        ========================================= */

        @media(max-width:991px){

            .dev-split,
            .feature-row,
            .external-box{
                grid-template-columns:1fr;

                gap:45px;
            }

            .feature-row.reverse{
                direction:ltr;
            }

            .external-content{
                padding:45px 35px;
            }

            .external-image{
                min-height:350px;
            }

            .feature-row{
                margin-bottom:80px;
            }

        }


        /* =========================================
           RESPONSIVE MOBILE
        ========================================= */

        @media(max-width:767px){

            .dev-heading{
                padding:65px 18px 0px;
            }

            .dev-heading h1{
                font-size:35px;

                letter-spacing:-1.5px;
            }

            .dev-heading p{
                font-size:12px;
            }

            .dev-container{
                width:90%;
            }

            .dev-split{
                padding:55px 0;

                gap:35px;
            }

            .dev-image{
                height:290px;

                border-radius:21px;
            }

            .dev-image-wrap::after{
                width:55px;
                height:55px;

                right:-10px;
                bottom:-10px;

                border-width:6px;

                border-radius:15px;
            }

            .dev-content h2{
                font-size:29px;
            }

            .dev-stats{
                grid-template-columns:1fr;
            }

            .external-section,
            .plan-section,
            .feature-section{
                padding:65px 0;
            }

            .external-content{
                padding:38px 25px;
            }

            .external-image{
                min-height:270px;
            }

            .plan-card{
                padding:15px;
            }

            .plan-info{
                grid-template-columns:1fr;
            }

            .feature-row{
                gap:35px;

                margin-bottom:75px;
            }

            .feature-image .dev-image{
                height:280px;
            }

            .bottom-stats{
                padding:65px 0 75px;
            }

            .stat-grid{
                grid-template-columns:1fr;

                gap:15px;
            }

        }


        /* =========================================
           SMALL MOBILE
        ========================================= */

        @media(max-width:480px){

            .dev-heading h1{
                font-size:32px;
            }

            .dev-image{
                height:245px;
            }

            .external-content h2{
                font-size:28px;
            }

            .big-stat{
                padding:35px 20px;
            }

            .big-stat strong{
                font-size:35px;
            }

        }

  .airport-wrapper {
            max-width: 1240px;
            margin: auto;
            padding: 50px 28px 80px;
        }

        /* =====================================================
           COMMON
        ===================================================== */

        .section-tag {
            display: inline-flex;
            align-items: center;
            gap: 8px;
            font-size: 12px;
            font-weight: 800;
            letter-spacing: 1.4px;
            text-transform: uppercase;
            color: #fff;
            margin-bottom: 12px;
        }

        .section-tag::before {
            content: "";
            width: 28px;
            height: 2px;
            background: var(--blue);
            border-radius: 10px;
        }

         

        .description {
            color: var(--muted);
            font-size: 14px;
            line-height: 1.85;
            margin-bottom: 0;
        }

        /* =====================================================
           TOP SECTION
        ===================================================== */

        .intro-section {
            position: relative;
            padding-bottom: 65px;
        }

         

        .main-title {
            font-size: clamp(40px, 5vw, 65px);
            line-height: 1;
            font-weight: 800;
            letter-spacing: -3px;
            margin-bottom: 25px;
            color:#fff;
        }

        .main-title span {
            color: #c19a83;
        }

        .intro-text {
            max-width: 670px;
            color: #fff;
            font-size: 15px;
            line-height: 1.9;
        }

        /* =====================================================
           INFO LIST
        ===================================================== */

        .project-details {
            margin-top: 30px;
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 10px;
        }

        .detail-item {
            display: flex;
            align-items: flex-start;
            gap: 10px;
            padding: 12px 14px;
            border: 1px solid var(--border);
            background: #fff;
            border-radius: 12px;
            transition: .25s ease;
        }

        .detail-item:hover {
            border-color: #cbdcf7;
            background: #f8fbff;
            transform: translateY(-2px);
        }

        .detail-icon {
            flex-shrink: 0;
            width: 27px;
            height: 27px;
            border-radius: 8px;
            display: flex;
            align-items: center;
            justify-content: center;
            background: #c19a83;
            color: #000;
            font-size: 13px;
        }

        .detail-item span {
            font-size: 12px;
            color: #000;
            line-height: 1.5;
        }

        .detail-item strong {
            color: #000;
            font-weight: 700;
        }

        /* =====================================================
           IMAGE CROPS
        ===================================================== */

        .image-frame {
            position: relative;
            overflow: hidden;
            border-radius: 24px;
            background: #eef4fb;
            border: 1px solid var(--border);
            box-shadow:
                0 25px 60px rgba(22, 48, 82, .10);
        }

        .image-frame::after {
            content: "";
            position: absolute;
            inset: 0;
            pointer-events: none;
            background: linear-gradient(
                135deg,
                rgba(255,255,255,.10),
                transparent 40%
            );
        }

        /*
         * The uploaded screenshot is being used as a source
         * and cropped into the three original visual areas.
         */

        .top-plan {
            height: 365px;
            background-image: url("International(1).jpg");
            background-repeat: no-repeat;
            background-size: 240% auto;
            background-position: 100% 9%;
        }

        .middle-collage {
            height: 420px;
            background-image: url("International(1).jpg");
            background-repeat: no-repeat;
            background-size: 240% auto;
            background-position: 0% 49%;
        }

        .master-plan {
            height: 440px;
            background-image: url("International(1).jpg");
            background-repeat: no-repeat;
            background-size: 240% auto;
            background-position: 100% 91%;
        }

        /* Image floating badge */

        .image-badge {
            position: absolute;
            z-index: 3;
            left: 20px;
            bottom: 20px;
            padding: 10px 15px;
            background: rgba(255,255,255,.92);
            backdrop-filter: blur(12px);
            border: 1px solid rgba(255,255,255,.7);
            border-radius: 12px;
            font-size: 11px;
            font-weight: 700;
            color: var(--text);
            box-shadow: 0 8px 25px rgba(0,0,0,.08);
        }

        /* =====================================================
           MIDDLE SECTION
        ===================================================== */

        .middle-section {
            padding: 65px 0;
            border-top: 1px solid #eef1f5;
            border-bottom: 1px solid #eef1f5;
        }

        .content-block {
            padding: 5px 0;
        }

        .content-heading {
            display: flex;
            align-items: center;
            gap: 10px;
            font-size: 18px;
            font-weight: 800;
            margin-bottom: 12px;
            color:#fff;
        }

        .content-heading i {
            width: 36px;
            height: 36px;
            display: flex;
            align-items: center;
            justify-content: center;
            border-radius: 10px;
            color: var(--blue);
            background: var(--blue-light);
            font-size: 16px;
        }

        .content-block p {
            color: #fff;
            font-size: 13.5px;
            line-height: 1.85;
            margin-bottom: 22px;
        }

        .content-block p:last-child {
            margin-bottom: 0;
        }

        /* =====================================================
           LOCATION
        ===================================================== */

        .location-box {
            margin-top: 25px;
            padding: 20px;
            border-radius: 17px;
            background: linear-gradient(
                135deg,
                #f7fbff,
                #eef5ff
            );
            border: 1px solid #dce9fa;
        }

        .location-title {
            display: flex;
            align-items: center;
            gap: 9px;
            font-size: 14px;
            font-weight: 800;
            margin-bottom: 8px;
        }

        .location-title i {
            color: var(--blue);
        }

        .location-box p {
            margin: 0;
            font-size: 13px;
            line-height: 1.75;
            color: var(--muted);
        }

        /* =====================================================
           MASTER PLAN SECTION
        ===================================================== */

        .master-section {
            padding-top: 65px;
        }

        .master-copy {
            padding-right: 30px;
        }

        .master-copy p {
            font-size: 14px;
            color: #fff;
            line-height: 1.9;
            margin-bottom: 25px;
        }

        .capacity-box {
            display: flex;
            gap: 14px;
            align-items: center;
            margin-top: 30px;
            padding: 17px;
            border-radius: 16px;
            border: 1px solid var(--border);
            background: #fff;
        }

        .capacity-icon {
            width: 46px;
            height: 46px;
            flex-shrink: 0;
            display: flex;
            align-items: center;
            justify-content: center;
            border-radius: 13px;
            background: var(--blue);
            color: #fff;
            font-size: 18px;
        }

        .capacity-box strong {
            display: block;
            font-size: 18px;
            margin-bottom: 2px;
            font-weight: 500;
            color: #000;
        }

        .capacity-box span {
            color: #000;
            font-size: 15px;
        }

        /* =====================================================
           RESPONSIVE
        ===================================================== */

        @media (max-width: 991px) {

            .airport-wrapper {
                padding: 40px 22px 60px;
            }

            .intro-section {
                padding-bottom: 50px;
            }

            .top-plan {
                margin-top: 20px;
                height: 330px;
            }

            .middle-section {
                padding: 50px 0;
            }

            .middle-collage {
                height: 350px;
            }

            .master-plan {
                margin-top: 20px;
                height: 380px;
            }

            .master-copy {
                padding-right: 0;
            }
        }

        @media (max-width: 767px) {

            .airport-wrapper {
                padding: 30px 17px 50px;
            }

            .main-title {
                letter-spacing: -2px;
                font-size: 42px;
            }

            .project-details {
                grid-template-columns: 1fr;
            }

            .top-plan {
                height: 260px;
            }

            .middle-collage {
                height: 290px;
                margin-bottom: 25px;
            }

            .master-plan {
                height: 300px;
            }

            .middle-section,
            .master-section {
                padding-top: 45px;
            }
        }

        @media (max-width: 480px) {

            .main-title {
                font-size: 35px;
            }

             

            .top-plan {
                height: 220px;
            }

            .middle-collage {
                height: 250px;
            }

            .master-plan {
                height: 250px;
            }

            .image-frame {
                border-radius: 18px;
            }

        } 
/* =====================================================
   TOP INTRO
===================================================== */

.section-intro {
    margin: 0 auto 75px;
    text-align: center;
}

.section-label {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 7px 15px;
    color: #c19a83;
    border-radius: 50px;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: .5px;
    text-transform: uppercase;
}

.section-label i {
    font-size: 13px;
}

.section-intro h1 {
    margin: 18px 0 14px;
    color: #fff;
    font-size: clamp(35px, 5vw, 52px);
    font-weight: 800;
    line-height: 1.1;
    letter-spacing: -1.5px;
}
.section-intro h1 span {
    color: #c19a83;
}

.section-intro p {
    color: #fff;
    font-size: 15px;
    line-height: 1.8;
}


/* =====================================================
   CONTENT ROW
===================================================== */

.dholera-row {
    display: grid;
    grid-template-columns: 1fr 1fr;

    align-items: center;

    gap: 65px;

    margin-bottom: 90px;
}


/* =====================================================
   IMAGE
===================================================== */

.image-wrapper {
    position: relative;
}

.image-card {
    position: relative;

    overflow: hidden;

    background: var(--white);

    border-radius: 24px;

    border: 7px solid rgba(255,255,255,.75);

    box-shadow: var(--shadow);
}

.image-card img {
    display: block;

    width: 100%;
    aspect-ratio: 1.32 / 1;

    object-fit: cover;

    transition:
        transform .6s ease;
}

.image-card:hover img {
    transform: scale(1.05);
}


/* Image number */

.image-number {
    position: absolute;
    z-index: 5;

    top: 18px;
    left: 18px;

    width: 48px;
    height: 48px;

    display: flex;
    align-items: center;
    justify-content: center;

    border-radius: 14px;

    background: rgba(255,255,255,.93);

    color: var(--primary-dark);

    font-family: "Manrope", sans-serif;

    font-size: 14px;
    font-weight: 800;

    box-shadow: 0 8px 25px rgba(0,0,0,.12);
}


/* =====================================================
   CONTENT
===================================================== */

.content-box {
    max-width: 550px;
}

.content-label {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 14px;
    color:#c19a83;
    font-size: 13px;
    font-weight: 700;
}

.content-label::before {
    content: "";
    width: 28px;
    height: 2px;
    background: #c19a83;
    border-radius: 10px;
}
.content-box h2 {
    margin-bottom: 20px;
    color: #fff;
    font-weight: 700;
    line-height: 1.2;
    letter-spacing: -.8px;
}

.content-box h2 span {
    color: #c19a83;
}


.content-box p {
    margin-bottom: 14px;
    color: #fff;
    font-size: 14px;
    line-height: 1.85;
}


/* =====================================================
   BENEFIT GRID
===================================================== */

.benefit-grid {
    display: grid;

    grid-template-columns: 1fr 1fr;

    gap: 10px;

    margin-top: 27px;
}

.benefit {
    display: flex;
    align-items: center;

    gap: 10px;

    padding: 12px;

    background: rgba(255,255,255,.70);

    border: 1px solid var(--border);

    border-radius: 12px;

    color: #536053;

    font-size: 12px;
    font-weight: 500;

    transition: .3s ease;
}

.benefit i {
    flex: 0 0 29px;

    width: 29px;
    height: 29px;

    display: flex;
    align-items: center;
    justify-content: center;

    border-radius: 9px;

    background: var(--primary-light);

    color: var(--primary);

    font-size: 14px;
}

.benefit:hover {
    background: var(--white);

    border-color: rgba(85,127,69,.35);

    transform: translateY(-3px);

    box-shadow:
        0 10px 25px rgba(45,70,40,.08);
}


/* =====================================================
   INDUSTRIAL SECTORS
===================================================== */

.sector-grid {
    display: grid;

    grid-template-columns: 1fr 1fr;

    gap: 10px;

    margin-top: 25px;
}

.sector {
    display: flex;
    align-items: center;
    gap: 10px;
    min-height: 50px;
    padding: 10px 13px;
    background: #fff;
    border: 1px solid #c19a83;
    border-radius: 12px;
    color: #000;
    font-size: 15px;
    font-weight: 500;
    transition: .3s ease;
}

.sector i {
    color: var(--primary);

    font-size: 16px;
}

.sector:hover {
    background: var(--white);

    border-color: rgba(85,127,69,.35);

    transform: translateY(-3px);
}


/* =====================================================
   MARKET POTENTIAL
===================================================== */

.market-box {
    position: relative;
    padding: 55px;
    overflow: hidden;
    border-radius: 28px;
    box-shadow:
        0 20px 60px rgba(48,70,43,.07);
}
.market-heading {
    position: relative;
    z-index: 2;
    max-width: 700px;
    margin: 0 auto 38px;
    text-align: center;
}

.market-heading h2 {
    margin: 15px 0 10px;
    color: #fff;
    font-weight: 800;
    letter-spacing: -.8px;
}

.market-heading h2 span {
    color: #c19a83;
}

.market-heading p {
    margin: 0;

    color:#fff;

    font-size: 18px;

    line-height: 1.75;
}


/* =====================================================
   MARKET LIST
===================================================== */

.market-list {
    position: relative;
    z-index: 2;

    display: grid;

    grid-template-columns: 1fr 1fr;

    gap: 11px 18px;

    list-style: none;

    padding: 0;
    margin: 0;
}

.market-list li {
    position: relative;
    padding: 13px 15px 13px 40px;
  
    border: 1px solid rgba(220,228,216,.9);
    border-radius: 12px;
    color: #fff;
    font-size: 18px;
    line-height: 1.65;
    font-weight: 500;
    transition: .3s ease;}

.market-list li::before {
    content: "✓";
    position: absolute;
    left: 13px;
    top: 14px;
    width: 20px;
    height: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    border-radius: 50%;
    font-size: 10px;
    font-weight: 800;
}

.market-list li:hover {
    background: #000;
    border-color: rgba(85,127,69,.3);
    transform: translateY(-2px);
    box-shadow:
        0 8px 20px rgba(50,70,45,.06);
}


/* =====================================================
   TABLET
===================================================== */

@media (max-width: 991px) {

    .dholera-section {
        padding: 65px 20px 75px;
    }

    .dholera-row {
        gap: 40px;
        margin-bottom: 70px;
    }

    .market-box {
        padding: 40px 30px;
    }

}


/* =====================================================
   MOBILE
===================================================== */

@media (max-width: 767px) {

    .dholera-section {
        padding: 50px 15px 60px;
    }

    .section-intro {
        margin-bottom: 50px;
    }

    .section-intro h1 {
        font-size: 34px;
    }

    .section-intro p {
        font-size: 13px;
    }

    .dholera-row {
        display: flex;

        flex-direction: column;

        gap: 28px;

        margin-bottom: 65px;
    }

    .content-box {
        max-width: none;
    }

    .image-card {
        border-radius: 18px;
        border-width: 5px;
    }

    .image-card img {
        aspect-ratio: 1.2 / 1;
    }

    .content-box h2 {
        font-size: 28px;
    }

    .content-box p {
        font-size: 13px;
        line-height: 1.75;
    }

    .benefit-grid,
    .sector-grid {
        grid-template-columns: 1fr;
    }

    .market-box {
        padding: 35px 17px;
        border-radius: 20px;
    }

    .market-heading h2 {
        font-size: 29px;
    }

    .market-heading p {
        font-size: 13px;
    }

    .market-list {
        grid-template-columns: 1fr;
    }

    .market-list li {
        font-size: 11.5px;
    }

}


/* =====================================================
   SMALL MOBILE
===================================================== */

@media (max-width: 400px) {

    .section-intro h1 {
        font-size: 30px;
    }

    .content-box h2 {
        font-size: 25px;
    }

    .benefit {
        font-size: 11.5px;
    }

}   


.investor-section{
    position: relative;
    max-width: 1600px;
    margin: 20px auto;
    padding: 60px 5%;
    overflow: hidden;
    color: #fff;
    background:
        radial-gradient(ellipse at 95% 0%, rgba(215,174,83,.12), transparent 32%),
        radial-gradient(ellipse at 0% 80%, rgba(48,104,130,.12), transparent 35%),
        var(--bg);
}

.investor-section::before {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    opacity: .1;
    background-image: radial-gradient(#fff .6px, transparent .6px);
    background-size: 24px 24px;
}

.investor-content {
    position: relative;
    z-index: 1;
}

.section-header {
    display: flex;
    justify-content: space-between;
    align-items: end;
    gap: 20px;
    margin-bottom: 30px;
}

.eyebrow {
    display: flex;
    align-items: center;
    gap: 10px;
    color: #c19a83;
    font-size: 12px;
    font-weight: 800;
    letter-spacing: 2px;
    text-transform: uppercase;
    margin-bottom: 14px;
}

.eyebrow::before {
    content: "";
    width: 26px;
    height: 2px; 
    background-color:#c19a83;
}

 

.section-title span { color: var(--gold-light); }

.section-desc {
    color: #fff;
    max-width: 590px;
    font-size: 13px;
    line-height: 1.8;
    margin: 13px 0 0;
}

.slider-controls {
    display: flex;
    gap: 10px;
    flex-shrink: 0;
}

.slider-btn {
    width: 46px;
    height: 46px;
    display: grid;
    place-items: center;
    border-radius: 50%;
    border: 1px solid rgba(255,255,255,.2);
    background: rgba(255,255,255,.06);
    color: #fff;
    font-size: 23px;
    cursor: pointer;
    transition: .25s;
}

.slider-btn:hover {
    color: #111;
    background: var(--gold);
    border-color: var(--gold);
}

.slider-btn:focus-visible {
    outline: 2px solid var(--gold-light);
    outline-offset: 3px;
}

/* Slider */
.investor-track,
.upcoming-track {
    display: flex;
    gap: 20px;
    width: 100%;
    overflow-x: auto;
    overflow-y: hidden;
    scroll-behavior: smooth;
    scroll-snap-type: x mandatory;
    scrollbar-width: none;
    -webkit-overflow-scrolling: touch;
    padding: 7px 2px 24px;
}

.investor-track::-webkit-scrollbar,
.upcoming-track::-webkit-scrollbar {
    display: none;
}

/* Main cards */
.investor-card {
    flex: 0 0 calc((100% - 44px) / 3)!important;
    min-width: 0;
    min-height: 350px;
    display: flex;
    flex-direction: column;
    padding: 23px;
    color: #17232c;
    background: linear-gradient(145deg, #fff, #f3f5f7);
    border: 1px solid rgba(255,255,255,.7);
    border-radius: var(--radius);
    scroll-snap-align: start;
    transition: transform .3s, box-shadow .3s;
}

.investor-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 18px 40px rgba(0,0,0,.25);
}

.card-meta {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 8px;
}

.card-numberss {
    color: #929da7;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: 1px;
}

.card-status {
    padding: 6px 10px;
    border-radius: 30px;
    background: #e8f4e9;
    color: #497a53;
    font-size: 10px;
    font-weight: 700;
}

.logo-area {
    height: 140px;
    margin: 12px 0 17px;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 15px;
    background: #fff;
    border: 1px solid #edf0f2;
    border-radius: 12px;
}

.logo-area img {
    max-width: 90%;
    max-height: 85px;
    width: auto;
    object-fit: contain;
}

.logo-word {
    text-align: center;
    font-size: clamp(22px, 2.3vw, 30px);
    font-weight: 800;
    letter-spacing: -1px;
    color: #173f7a;
}

.logo-word.tata { color: #1479b7; }
.logo-word.poly { color: #e52d40; }
.logo-word.hp { color: #dc343d; }
.logo-word.lt { color: #08608d; }
.logo-word.adani { color: #71529a; }
.logo-word.torrent { color: #d88b27; }
.logo-word.syska { color: #05a5c8; }

.card-bottom { margin-top: auto; }

.acreage {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 10px 13px;
    border: 1px solid #eed28a;
    border-radius: 7px;
    background: linear-gradient(120deg, #fff4d5, #f5df9e);
    color: #765719;
    font-size: 16px;
    font-weight: 800;
}

.acreage small {
    color: #8b7138;
    font-size: 9px;
    font-weight: 700;
}

.card-title {
    margin: 14px 0 0;
    color: #17232c;
    font-size: 17px;
    font-weight: 750;
    line-height: 1.5;
}

.card-description {
    color: #78838c;
    font-size: 12px;
    line-height: 1.7;
    margin: 7px 0 0;
}

/* Upcoming */
.upcoming-section {
    margin-top: 42px;
    padding-top: 42px;
    border-top: 1px solid rgba(255,255,255,.12);
}

.upcoming-header { margin-bottom: 25px; }

.upcoming-card {
    flex: 0 0 calc((100% - 88px) / 5);
    min-width: 0;
    padding: 12px;
    border: 1px solid rgba(255,255,255,.08);
    border-radius: 13px;
    background: linear-gradient(145deg, #202b34, #182129);
    scroll-snap-align: start;
    text-align: center;
    transition: .3s;
}

.upcoming-card:hover {
    transform: translateY(-5px);
    border-color: rgba(215,174,83,.65);
    background: #26323b;
}

.upcoming-logo {
    height: 92px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 10px;
    border-radius: 8px;
    background: #fff;
}

.upcoming-logo img {
    max-width: 95%;
    max-height: 70px;
    width: auto;
    object-fit: contain;
}

.upcoming-logo .logo-word { font-size: 23px; }

.upcoming-name {
    color: #fff;
    font-size: 12px;
    font-weight: 650;
    line-height: 1.6;
    margin: 13px 0 5px;
}

.upcoming-label {
    color: var(--gold-light);
    font-size: 9px;
    letter-spacing: 1px;
    margin: 0 0 3px;
}

/* Responsive */
@media (min-width: 1400px) {
    .investor-card {
        flex-basis: calc((100% - 66px) / 4)!important;
    }
}

@media (max-width: 991px) {
    .investor-section { padding: 45px 28px; }

    .investor-card {
        flex-basis: calc((100% - 22px) / 2)!important;
    }

    .upcoming-card { flex-basis: 175px; }
}

@media (max-width: 575px) {
    .investor-section {
        margin: 0;
        padding: 35px 17px;
    }

    .section-header {
        align-items: flex-start;
        flex-direction: column;
        gap: 20px;
    }
 .section-desc { font-size: 12px; }

    .slider-controls { align-self: flex-end; }

    .investor-card {
        flex-basis: 86%;
        min-height: 330px;
        padding: 19px;
    }

    .logo-area { height: 125px; }

    .upcoming-section {
        margin-top: 30px;
        padding-top: 30px;
    }

    .upcoming-card { flex-basis: 155px; }

    .upcoming-logo { height: 82px; }
}

@media (prefers-reduced-motion: reduce) {
    .investor-track,
    .upcoming-track {
        scroll-behavior: auto;
    }

    .investor-card,
    .upcoming-card,
    .slider-btn {
        transition: none;
    }
}



/* =========================
           PAGE HEADING
        ========================= */

        

        .section-heading .small-titless {
            display: inline-flex;
            align-items: center;
            gap: 8px;
            font-size: 15px;
            font-weight: 800;
            color: #fff;
            letter-spacing: 1.5px;
            text-transform: uppercase;
            margin-bottom: 10px;
        }

        .section-heading .small-titless::before,
        .section-heading .small-titless::after {
            content: "";
            width: 30px;
            height: 2px;
            background: #c19a83;
            display: inline-block;
        }

        .section-heading h1 {
            line-height: 1.2;
            font-weight: 800;
            color: #c19a83;
            margin-bottom: 12px;
        }

        .section-heading p {
            color: #fff;
            font-size: 16px;
            margin: 0;
        }

        /* =========================
           DOCUMENT BLOCK
        ========================= */

        .document-block {
            background: #ffffff;
            border-radius: 18px;
            overflow: hidden;
            margin-bottom: 35px;
            box-shadow: 0 12px 40px rgba(22, 34, 51, 0.07);
            border: 1px solid #e9ecef;
        }

        /* =========================
           BLOCK HEADER
        ========================= */

        .document-header {
            position: relative;
            padding: 22px 30px;
            background: #c19a83;
            color: #fff;
            display: flex;
            align-items: center;
            justify-content: space-between;
        }

        .document-header::after {
            content: "";
            position: absolute;
            left: 0;
            bottom: 0;
            width: 100%;
            height: 3px;
            background: linear-gradient(
                90deg,
                #e5c46b,
                #ffffff,
                #e5c46b
            );
            opacity: 0.7;
        }

        .document-header h2 {
            margin: 0;
            font-size: 21px;
            font-weight: 700;
            letter-spacing: 0.3px;
            color:#fff;
        }

        .header-icon {
            width: 42px;
            height: 42px;
            border-radius: 50%;
            background: rgba(255,255,255,0.12);
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 20px;
        }

        /* =========================
           DOCUMENT LIST
        ========================= */

        .document-list {
            padding: 8px 18px 18px;
        }

        .document-item {
            display: grid;
            grid-template-columns: 60px 1fr auto;
            align-items: center;
            gap: 20px;
            padding: 18px 15px;
            border-bottom: 1px solid #edf0f2;
            transition: all 0.3s ease;
        }

        .document-item:last-child {
            border-bottom: none;
        }

        .document-item:hover {
            background: #fafbf9;
            transform: translateX(4px);
        }

        /* Number */

        .document-number {
            width: 42px;
            height: 42px;
            border-radius: 10px;
            background: #c19a83;
            color: #fff;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 15px;
            font-weight: 800;
        }

        /* Title */

        .document-title {
            display: flex;
            align-items: center;
            gap: 13px;
        }

        .document-title .doc-icon {
            width: 43px;
            height: 43px;
            min-width: 43px;
            border-radius: 11px;
            background: #c19a83;
            color: #fff;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 20px;
        }

        .document-title h3 {
            margin: 0;
            font-size: 16px;
            font-weight: 600;
            color: #26313a;
        }

        /* Download Button */

        .download-btn {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            gap: 9px;
            padding: 11px 19px;
            min-width: 150px;
            border-radius: 9px;
            background: #c19a83;
            color: #fff;
            text-decoration: none;
            font-size: 14px;
            font-weight: 600;
            transition: all 0.3s ease;
            box-shadow: 0 5px 15px rgba(13, 110, 253, 0.14);
        }

        .download-btn i {
            font-size: 17px;
        }

        .download-btn:hover {
            color: #fff;
            background: #c19a83;
            transform: translateY(-2px);
            box-shadow: 0 8px 20px rgba(13, 110, 253, 0.22);
        }

        /* =========================
           DIVIDER
        ========================= */

        .section-divider {
            display: flex;
            align-items: center;
            gap: 20px;
            margin: 55px 0;
        }

        .section-divider span {
            height: 1px;
            background: #dfe3e6;
            flex: 1;
        }

        .section-divider i {
            color: #c49a2d;
            font-size: 20px;
        }

        /* =========================
           MAP BLOCK
        ========================= */

        .map-block {
            background: #fff;
            border-radius: 18px;
            overflow: hidden;
            box-shadow: 0 12px 40px rgba(22, 34, 51, 0.07);
            border: 1px solid #e9ecef;
        }

        .map-list {
            padding: 8px 18px 18px;
        }

        /* Different icon for maps */

        .map-item .document-title .doc-icon {
            background: #c19a83;
             color: #fff;
        }

        .map-item:hover .document-number {
            background: #c19a83;
            color: #fff;
        }

        /* =========================
           RESPONSIVE
        ========================= */

        @media (max-width: 991px) {

            .download-section {
                padding: 60px 0;
            }

            .section-heading h1 {
                font-size: 34px;
            }

            .document-item {
                grid-template-columns: 52px 1fr auto;
                gap: 15px;
            }

            .download-btn {
                min-width: auto;
                padding: 10px 15px;
            }
        }

        @media (max-width: 767px) {

            .download-section {
                padding: 45px 0;
            }

            .main-wrapper {
                padding-left: 15px;
                padding-right: 15px;
            }

            .section-heading {
                margin-bottom: 30px;
            }

            .section-heading h1 {
                font-size: 28px;
            }

            .section-heading p {
                font-size: 14px;
                line-height: 1.7;
            }

            .section-heading .small-title {
                font-size: 13px;
            }

            .section-heading .small-title::before,
            .section-heading .small-title::after {
                width: 20px;
            }

            .document-header {
                padding: 18px 20px;
            }

            .document-header h2 {
                font-size: 17px;
            }

            .header-icon {
                width: 37px;
                height: 37px;
                font-size: 17px;
            }

            .document-list,
            .map-list {
                padding: 8px 12px 12px;
            }

            .document-item {
                grid-template-columns: 45px 1fr;
                gap: 12px;
                padding: 15px 8px;
            }

            .document-number {
                width: 38px;
                height: 38px;
                font-size: 13px;
            }

            .document-title {
                gap: 10px;
                min-width: 0;
            }

            .document-title .doc-icon {
                width: 38px;
                height: 38px;
                min-width: 38px;
                font-size: 17px;
            }

            .document-title h3 {
                font-size: 14px;
                line-height: 1.5;
            }

            .download-btn {
                grid-column: 2;
                width: 100%;
                padding: 10px 14px;
                font-size: 13px;
            }

            .section-divider {
                margin: 40px 0;
            }
        }

        @media (max-width: 400px) {

            .section-heading h1 {
                font-size: 25px;
            }

            .document-header h2 {
                font-size: 15px;
            }

            .document-item {
                gap: 9px;
            }

            .document-title h3 {
                font-size: 13px;
            }
        }