/* 3.5 BHK Apartments page specific styles — extracted from 3.5bhk-apartments.php */
    
          .faq-area {
    background: linear-gradient(180deg, #f8f0e0 0%, #f1e2c4 100%) !important;
}

.faq-area .section-title-two .section-span-bg2 {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    background: none;
    color: #b8862e;
    letter-spacing: 3px;
    font-weight: 600;
    font-size: 13px;
    text-transform: uppercase;
}

.faq-area .section-title-two .section-span-bg2::before {
    content: "";
    width: 32px;
    height: 2px;
    background: #c9973f;
    display: inline-block;
}

.faq-area .section-title-two h2.margin-auto {
    color: #2b2620;
    font-size: 32px;
    font-weight: 600;
    margin: 14px auto 0;
}

.faq-area .section-title-two h2.margin-auto b.section-color2 {
    color: #b8862e !important;
    font-style: italic;
    font-weight: 500;
}

/* Two-column row layout */
.faq-area .faq-row {
    counter-reset: propfaqcounter;
    align-items: stretch;
}

/* ============================================================
   Left column — FAQ accordion (single column, full list)
   ============================================================ */
.faq-area .accordion {
    display: flex;
    flex-direction: column;
    gap: 14px;
}

.faq-area .accordion-item {
    counter-increment: propfaqcounter;
    border: 1px solid rgba(201, 151, 63, 0.28) !important;
    border-radius: 14px !important;
    box-shadow: 0 10px 26px rgba(120, 90, 40, 0.07) !important;
    background: #ffffff !important;
    transition: box-shadow 0.3s ease, transform 0.3s ease, border-color 0.3s ease;
    overflow: hidden;
}

.faq-area .accordion-item:hover {
    box-shadow: 0 16px 36px rgba(120, 90, 40, 0.13) !important;
    transform: translateY(-2px);
    border-color: rgba(201, 151, 63, 0.5) !important;
}

.faq-area .accordion-button {
    background-color: #ffffff !important;
    color: #2b2620 !important;
    font-family: 'Cormorant', serif !important;
    font-size: 17px !important;
    font-weight: 700 !important;
    padding: 20px 24px !important;
    border-left: 4px solid transparent;
    transition: border-color 0.3s ease, background 0.3s ease;
    display: flex !important;
    align-items: center !important;
}

.faq-area .accordion-button:not(.collapsed) {
    border-left-color: #b8862e;
    background: linear-gradient(90deg, #faf1de 0%, #fff 60%) !important;
    color: #2b2620 !important;
    box-shadow: none !important;
}

.faq-area .accordion-button::before {
    content: counter(propfaqcounter, decimal-leading-zero);
    color: #d3a256;
    font-size: 13px;
    font-weight: 700;
    margin-right: 14px;
    flex-shrink: 0;
    letter-spacing: 1px;
}

.faq-area .accordion-button i {
    color: #b8862e !important;
    font-size: 20px !important;
    margin-right: 12px !important;
    flex-shrink: 0;
}

.faq-area .accordion-button::after {
    width: 32px !important;
    height: 32px !important;
    border-radius: 50% !important;
    border: 1px solid rgba(201, 151, 63, 0.4) !important;
    background-size: 14px !important;
    background-position: center !important;
    margin-left: auto;
    transition: transform 0.3s ease, background-color 0.3s ease;
    flex-shrink: 0;
}

.faq-area .accordion-button:not(.collapsed)::after {
    background-color: #b8862e !important;
    transform: rotate(-180deg);
}

.faq-area .accordion-body {
    background: #ffffff !important;
    color: #6b6155 !important;
    font-size: 14px !important;
    line-height: 1.75 !important;
    text-align: justify;
    text-align-last: left;
    padding: 6px 24px 22px 60px !important;
}

/* ============================================================
   Right column — Fancy brochure download panel
   ============================================================ */
.faq-area .brochure-panel {
    position: relative;
    background: linear-gradient(135deg, #2b2620 0%, #1c1812 100%);
    border-radius: 22px;
    padding: 38px 34px 34px;
    overflow: hidden;
    box-shadow: 0 26px 56px rgba(43, 38, 32, 0.28);
    height: 100%;
    display: flex;
    flex-direction: column;
    isolation: isolate;
}

/* Ambient gold orbs */
.faq-area .brochure-panel__orb {
    position: absolute;
    top: -80px;
    right: -80px;
    width: 240px;
    height: 240px;
    border-radius: 50%;
    background: radial-gradient(circle, rgba(211, 162, 86, 0.42), transparent 70%);
    pointer-events: none;
    z-index: 0;
}

.faq-area .brochure-panel__orb--two {
    top: auto;
    right: auto;
    bottom: -90px;
    left: -90px;
    width: 220px;
    height: 220px;
    background: radial-gradient(circle, rgba(184, 134, 46, 0.32), transparent 70%);
}

/* Top eyebrow chip */
.faq-area .brochure-panel__eyebrow {
    position: relative;
    z-index: 1;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 7px 14px;
    border-radius: 999px;
    background: rgba(211, 162, 86, 0.14);
    border: 1px solid rgba(211, 162, 86, 0.4);
    color: #d3a256;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 2.5px;
    text-transform: uppercase;
    align-self: flex-start;
    margin-bottom: 20px;
}

.faq-area .brochure-panel__eyebrow i {
    font-size: 14px;
}

/* Big floating PDF icon */
.faq-area .brochure-panel__icon {
    position: relative;
    z-index: 1;
    width: 84px;
    height: 84px;
    border-radius: 22px;
    background: linear-gradient(135deg, #d3a256, #b8862e);
    color: #ffffff;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 42px;
    box-shadow: 0 16px 32px rgba(184, 134, 46, 0.5);
    margin-bottom: 22px;
    transition: transform 0.4s cubic-bezier(.2,.8,.2,1);
}

.faq-area .brochure-panel:hover .brochure-panel__icon {
    transform: rotate(-6deg) scale(1.05);
}

/* Heading */
.faq-area .brochure-panel__h {
    position: relative;
    z-index: 1;
    font-family: 'Cormorant', serif;
    color: #f4ead9;
    font-size: 26px;
    font-weight: 700;
    line-height: 1.25;
    margin: 0 0 12px;
}

.faq-area .brochure-panel__h i {
    color: #d3a256;
    font-style: italic;
    font-weight: 500;
}

/* Lead paragraph */
.faq-area .brochure-panel__lead {
    position: relative;
    z-index: 1;
    color: rgba(244, 234, 217, 0.78);
    font-size: 13.5px;
    line-height: 1.7;
    margin: 0 0 20px;
    text-align: justify;
    text-align-last: left;
}

/* Highlights list */
.faq-area .brochure-panel__list {
    position: relative;
    z-index: 1;
    list-style: none;
    margin: 0 0 24px;
    padding: 0;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 8px 10px;
}

.faq-area .brochure-panel__list li {
    display: flex;
    align-items: center;
    gap: 8px;
    background: rgba(255, 255, 255, 0.06);
    border: 1px solid rgba(211, 162, 86, 0.28);
    border-radius: 8px;
    padding: 9px 11px;
    font-size: 12px;
    color: #f4ead9;
    font-weight: 600;
    line-height: 1.3;
}

.faq-area .brochure-panel__list li i {
    color: #d3a256;
    font-size: 14px;
    flex-shrink: 0;
}

/* CTA button */
.faq-area .brochure-panel__btn {
    position: relative;
    z-index: 1;
    display: flex;
    align-items: center;
    gap: 14px;
    background: linear-gradient(135deg, #d3a256, #b8862e);
    color: #ffffff !important;
    text-decoration: none !important;
    padding: 14px 18px;
    border-radius: 14px;
    box-shadow: 0 14px 30px rgba(184, 134, 46, 0.45);
    transition: transform 0.35s cubic-bezier(.2,.8,.2,1), box-shadow 0.35s ease;
    margin-top: auto;
}

.faq-area .brochure-panel__btn:hover {
    transform: translateY(-3px);
    box-shadow: 0 20px 40px rgba(184, 134, 46, 0.55);
    color: #ffffff !important;
}

.faq-area .brochure-panel__btn-icon {
    width: 44px;
    height: 44px;
    border-radius: 12px;
    background: rgba(255, 255, 255, 0.18);
    color: #ffffff;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 22px;
    flex-shrink: 0;
    transition: transform 0.35s ease;
}

.faq-area .brochure-panel__btn:hover .brochure-panel__btn-icon {
    transform: translateY(2px);
}

.faq-area .brochure-panel__btn-text {
    display: flex;
    flex-direction: column;
    flex: 1;
    min-width: 0;
    line-height: 1.2;
}

.faq-area .brochure-panel__btn-eyebrow {
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 2px;
    text-transform: uppercase;
    color: rgba(255, 255, 255, 0.78);
    margin-bottom: 3px;
}

.faq-area .brochure-panel__btn-main {
    font-family: 'Cormorant', serif;
    font-size: 16px;
    font-weight: 700;
    color: #ffffff;
}

.faq-area .brochure-panel__btn-arrow {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.16);
    color: #ffffff;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 18px;
    flex-shrink: 0;
    transition: transform 0.35s ease, background 0.35s ease;
}

.faq-area .brochure-panel__btn:hover .brochure-panel__btn-arrow {
    transform: translateX(4px);
    background: rgba(255, 255, 255, 0.28);
}

/* Footnote */
.faq-area .brochure-panel__note {
    position: relative;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    margin: 18px 0 0;
    padding-top: 18px;
    border-top: 1px dashed rgba(211, 162, 86, 0.32);
    font-size: 11px;
    color: rgba(244, 234, 217, 0.65);
    letter-spacing: 0.5px;
}

.faq-area .brochure-panel__note i {
    color: #d3a256;
    font-size: 14px;
}

/* ============================================================
   Responsive
   ============================================================ */
@media (max-width: 991px) {
    .faq-area .faq-row > .col-lg-5 {
        margin-top: 20px;
    }
}

@media (max-width: 767px) {
    .faq-area .section-title-two h2.margin-auto {
        font-size: 24px;
    }
    .faq-area .accordion-body {
        padding-left: 24px !important;
    }
    .faq-area .accordion-button {
        font-size: 15px !important;
        padding: 16px 18px !important;
    }
    .faq-area .accordion-button::before {
        margin-right: 10px;
    }
    .faq-area .accordion-button i {
        font-size: 18px !important;
        margin-right: 8px !important;
    }
    .faq-area .brochure-panel {
        padding: 32px 24px 28px;
    }
    .faq-area .brochure-panel__h {
        font-size: 22px;
    }
    .faq-area .brochure-panel__icon {
        width: 70px;
        height: 70px;
        font-size: 34px;
    }
    .faq-area .brochure-panel__btn {
        padding: 12px 14px;
    }
    .faq-area .brochure-panel__btn-icon {
        width: 38px;
        height: 38px;
        font-size: 18px;
    }
    .faq-area .brochure-panel__btn-main {
        font-size: 14px;
    }
    .faq-area .brochure-panel__list {
        grid-template-columns: 1fr;
    }
}
        /* ============================================================
   House Details Two — Redesign (systematic spacing + layout)
   Scoped to .house-details-two only.
   ============================================================ */
        .house-details-two {
            background: #ffffff;
            padding: 60px 0 !important;
            /* matches your other sections' rhythm */
        }

        .house-details-two .house-content-two {
            padding: 10px 40px 10px 0;
        }

        /* Eyebrow label */
        .house-details-two .house-content-two>span:first-child {
            display: inline-flex;
            align-items: center;
            gap: 12px;
            color: #b8862e;
            letter-spacing: 3px;
            font-weight: 600;
            font-size: 13px;
            text-transform: uppercase;
        }

        .house-details-two .house-content-two>span:first-child::before {
            content: "";
            width: 32px;
            height: 2px;
            background: #c9973f;
            display: inline-block;
        }

        /* Heading */
        .house-details-two .house-content-two h2 {
            color: #2b2620;
            font-size: 30px;
            font-weight: 600;
            line-height: 1.3;
            margin: 14px 0 16px;
        }

        .house-details-two .house-content-two h2 b {
            color: #b8862e;
            font-weight: 500;
            font-style: italic;
        }

        /* Intro paragraph */
        .house-details-two .house-content-two p {
            color: #6b6155 !important;
            font-size: 14.5px !important;
            line-height: 1.8;
            text-align: justify;
            text-align-last: left;
            margin-bottom: 22px !important;
        }

        /* Spec list — clean aligned rows instead of loose dotted list */
        .house-details-two .house-list {
            list-style: none;
            margin: 0 0 28px;
            padding: 0;
        }

        .house-details-two .house-list li {
            display: flex;
            align-items: center;
            justify-content: space-between;
            padding: 13px 0;
            border-bottom: 1px dashed rgba(201, 151, 63, 0.35);
            font-size: 12.5px;
            letter-spacing: 0.5px;
            text-transform: uppercase;
            color: #9a9186;
            font-weight: 600;
        }

        .house-details-two .house-list li:last-child {
            border-bottom: none;
        }

        .house-details-two .house-list li b {
            text-transform: none;
            letter-spacing: 0;
            font-size: 15px;
            font-weight: 700;
            color: #2b2620;
        }

        /* Button */
        .house-details-two .default-btn.default-hot-toddy {
            background: linear-gradient(135deg, #d3a256, #b8862e);
            border: none;
            box-shadow: 0 12px 25px rgba(184, 134, 46, 0.28);
            transition: all 0.35s ease;
        }

        .house-details-two .default-btn.default-hot-toddy:hover {
            transform: translateY(-3px);
            box-shadow: 0 16px 32px rgba(184, 134, 46, 0.38);
        }

        /* Right-side image carousel — rounded corners, consistent shadow */
        .house-details-two .house-slider-three {
            border-radius: 14px;
            overflow: hidden;
            box-shadow: 0 25px 55px rgba(120, 90, 40, 0.15);
        }

        .house-details-two .house-three-item img {
            width: 100%;
            height: 100%;
            min-height: 460px;
            max-height: 520px;
            object-fit: cover;
            display: block;
        }

        @media (max-width: 991px) {
            .house-details-two .house-content-two {
                padding: 30px 15px;
            }

            .house-details-two .house-three-item img {
                min-height: 300px;
                max-height: 360px;
            }
        }

        @media (max-width: 767px) {
            .house-details-two .house-content-two h2 {
                font-size: 24px;
            }

            .house-details-two .house-content-two p {
                text-align: left;
            }
        }

        /* ============================================================
   FINAL: Equal spacing normalizer — whole property page
   Placed last so it wins over every earlier padding override.
   ============================================================ */
        .property-details,
        .intro-content-area,
        .premium-residential-section,
        .apartment-area,
        .house-details-two,
        .developer-section,
        .faq-area {
            margin: 0 !important;
            /* removes any collapsing-margin gaps */
            padding-top: 60px !important;
            padding-bottom: 60px !important;
        }

        /* Property Details is a slim info strip, not a full section —
   it gets its own smaller matching rhythm instead of 60px */
        .property-details {
            padding-top: 22px !important;
            padding-bottom: 22px !important;
        }

        @media (max-width: 767px) {

            .property-details,
            .intro-content-area,
            .premium-residential-section,
            .apartment-area,
            .house-details-two,
            .developer-section,
            .faq-area {
                padding-top: 40px !important;
                padding-bottom: 40px !important;
            }

            .property-details {
                padding-top: 16px !important;
                padding-bottom: 16px !important;
            }
        }

        /* ============================================================
   House Details Two — Left content box: proper containment
   and systematic vertical rhythm
   ============================================================ */
        .house-details-two .col-lg-5 {
            display: flex;
            align-items: center;
            /* vertically center against the image column */
        }

        .house-details-two .house-content-two {
            width: 100%;
            padding: 20px 45px 20px 40px;
            /* breathing room on both sides */
            box-sizing: border-box;
        }

        /* Eyebrow */
        .house-details-two .house-content-two>span:first-child {
            display: inline-flex;
            align-items: center;
            gap: 12px;
            margin-bottom: 12px;
        }

        /* Heading */
        .house-details-two .house-content-two h2 {
            margin-bottom: 18px;
        }

        /* Intro paragraph */
        .house-details-two .house-content-two p.mb-3 {
            margin-bottom: 26px !important;
        }

        /* Spec list — consistent row height + spacing */
        .house-details-two .house-list {
            margin-bottom: 30px;
        }

        .house-details-two .house-list li {
            padding: 12px 0;
        }

        /* Button sits with consistent gap, not stranded at the bottom */
        .house-details-two .house-content-two>a.default-btn {
            margin-top: 4px;
        }

      @media (max-width: 991px) {
    .house-details-two .col-lg-5 {
        align-items: flex-start;
    }
    .house-details-two .house-content-two {
        padding: 30px 20px;
    }
}

/* Tighten gap above the Developer section */
.house-details-two {
    padding-bottom: 20px !important;
}

.developer-section {
    padding-top: 20px !important;
}

.developer-section .section-title-two.text-center {
    margin-top: 0 !important;
}

/* ===== FAQ boxes ke beech spacing kam ===== */
.faq-accordion {
    gap: 10px 20px !important;   /* pehle 0px 20px tha, ab thoda add + control */
}

.faq-item {
    margin-bottom: 0 !important;
}
/* ===== FAQ boxes ke beech spacing kam ===== */
.faq-accordion {
    gap: 10px 20px !important;   /* pehle 0px 20px tha, ab thoda add + control */
}

.faq-item {
    margin-bottom: 0 !important;
}



    

    :root{
        --navy:      #1C2B41;   /* header / footer / dark panels ONLY */
        --navy-2:    #0F1B2C;
        --gold:      #B8862E;   /* primary accent */
        --gold-2:    #D9A94A;   /* lighter gold for on-navy text */
        --cream:     #F7EEDD;   /* page background */
        --cream-2:   #F1E4C9;   /* alternating section background */
        --ink:       #2B2620;   /* headings */
        --body-txt:  #6E6255;   /* paragraph text */
        --line:      #E7D8B8;   /* hairlines */
        --white:     #FFFFFF;
    }
    .msb-adapt-card{ align-items:flex-start; }  /* pehle center tha, ab top-align kyunki text badh gaya */
.msb-adapt-card p{
    margin:6px 0 0;
    font-size:13px;
    line-height:1.55;
    color:var(--body-txt);
}
    .msb-page{ font-family:'Jost', sans-serif; background:var(--white); }
    .msb-page h1,.msb-page h2,.msb-page h3,.msb-page h4{ font-family:'Cormorant Garamond', serif; color:var(--ink); }

    .msb-eyebrow{ display:flex; align-items:center; gap:12px; margin-bottom:14px; }
    .msb-eyebrow .ln{ width:34px; height:2px; background:var(--gold); }
    .msb-eyebrow .tx{ color:var(--gold); letter-spacing:3px; font-weight:500; font-size:12px; text-transform:uppercase; }

    .msb-h2{ font-size:36px; font-weight:600; line-height:1.28; margin-bottom:16px; }
    .msb-h2 i{ color:var(--gold); font-style:italic; font-weight:500; }
    .msb-p{ color:var(--body-txt); font-size:15.5px; line-height:1.9; }

    .msb-sec{ padding:56px 0; background:var(--white); }
    .msb-sec.alt{ background:var(--cream-2); }
    @media (max-width:767px){ .msb-sec{ padding:40px 0; } }

    .msb-stat-strip{ background:var(--white); border-bottom:1px solid var(--line); padding:26px 0; }
    .msb-stat-strip .row-strip{ display:flex; flex-wrap:wrap; justify-content:space-between; gap:24px; }
    .msb-stat-item{ display:flex; align-items:center; gap:14px; flex:1 1 180px; }
    .msb-stat-item .ic{ width:46px; height:46px; border-radius:50%; background:var(--cream); display:flex; align-items:center; justify-content:center; flex-shrink:0; color:var(--gold); font-size:20px; }
    .msb-stat-item .lbl{ font-size:11px; letter-spacing:1px; text-transform:uppercase; color:#A79A82; display:block; }
    .msb-stat-item .val{ font-family:'Cormorant Garamond',serif; font-weight:600; font-size:17px; color:var(--navy); display:block; }

    .msb-hero{ padding:90px 0 40px; background:var(--cream); }
    .msb-hero .flex{ display:flex; flex-wrap:wrap; align-items:center; gap:50px; }
    .msb-hero .left{ flex:1 1 440px; }
    .msb-hero .right{ flex:1 1 460px; }
    .msb-hero h1{ font-size:44px; font-weight:600; line-height:1.24; margin-bottom:20px; }
    .msb-hero h1 i{ color:var(--gold); font-style:italic; font-weight:500; }
    .msb-hero-img{ position:relative; border-radius:6px; overflow:hidden; box-shadow:0 30px 60px rgba(28,43,65,0.18); }
    .msb-hero-img img{ width:100%; height:440px; object-fit:cover; display:block; transition:transform .6s ease; }
    .msb-hero-img:hover img{ transform:scale(1.04); }
    @media (max-width:767px){ .msb-hero h1{ font-size:30px; } .msb-hero-img img{ height:280px; } }

    .msb-check{ list-style:none; padding:0; margin:0; }
    .msb-check li{ display:flex; gap:10px; align-items:flex-start; padding:8px 0; color:var(--body-txt); font-size:15px; }
    .msb-check li i{ color:var(--gold); font-size:17px; margin-top:2px; flex-shrink:0; }

    .msb-panel{ background:var(--white); border:1px solid var(--line); border-radius:8px; padding:30px 32px; box-shadow:0 15px 40px rgba(28,43,65,0.06); }
    .msb-panel h4{ font-size:19px; font-weight:600; color:var(--navy); margin-bottom:16px; }
    .msb-panel-grid{ display:grid; grid-template-columns:1fr 1fr; gap:6px 26px; }
    @media (max-width:575px){ .msb-panel-grid{ grid-template-columns:1fr; } }

    .msb-facts{ list-style:none; padding:0; margin:0; }
    .msb-facts li{ display:flex; justify-content:space-between; align-items:baseline; gap:16px; padding:14px 0; border-bottom:1px dashed var(--line); font-size:11.5px; letter-spacing:1px; text-transform:uppercase; color:#A79A82; }
    .msb-facts li:last-child{ border-bottom:none; }
    .msb-facts li b{ font-family:'Cormorant Garamond',serif; font-size:19px; font-weight:600; color:var(--navy); text-transform:none; letter-spacing:0; }

    .msb-config-media{ position:relative; border-radius:8px; overflow:hidden; box-shadow:0 25px 55px rgba(28,43,65,0.16); }
    .msb-config-media img{ width:100%; height:420px; object-fit:cover; display:block; }
    .msb-config-media .tag{ position:absolute; top:18px; left:18px; background:var(--gold); color:var(--white); font-size:11px; letter-spacing:1.5px; text-transform:uppercase; padding:8px 16px; border-radius:30px; font-weight:500; }

   .msb-room-card{ background:var(--white); border:1px solid var(--line); border-radius:8px; overflow:hidden; height:100%; transition:box-shadow .3s ease, transform .3s ease; }
.msb-room-card:hover{ transform:translateY(-5px); box-shadow:0 22px 45px rgba(28,43,65,0.14); }
.msb-room-card .im{ height:180px; overflow:hidden; }
.msb-room-card .im img{ width:100%; height:100%; object-fit:cover; display:block; transition:transform .5s ease; }
.msb-room-card:hover .im img{ transform:scale(1.08); }
.msb-room-card .bd{ padding:22px 22px 26px; display:flex; gap:14px; align-items:flex-start; }
.msb-room-card .bd i{ color:var(--gold); font-size:24px; flex-shrink:0; margin-top:3px; }
.msb-room-card h4{ font-size:19px; font-weight:600; color:var(--navy); margin-bottom:8px; }
.msb-room-card p{ color:var(--body-txt); font-size:13.5px; line-height:1.7; margin:0; }

/* Spaces That Adapt — icon-card layout (no image/paragraph) */
.msb-adapt-grid{
    display:grid;
    grid-template-columns:repeat(3, 1fr);
    gap:20px;
}
.msb-adapt-card{
    display:flex;
    align-items:center;
    gap:16px;
    background:var(--white);
    border:1px solid var(--line);
    border-radius:12px;
    padding:22px 24px;
    box-shadow:0 10px 26px rgba(28,43,65,0.05);
    transition:transform .3s ease, box-shadow .3s ease;
}
.msb-adapt-card:hover{
    transform:translateY(-4px);
    box-shadow:0 18px 40px rgba(28,43,65,0.12);
}
.msb-adapt-icon{
    width:52px;
    height:52px;
    border-radius:50%;
    background:linear-gradient(135deg, var(--gold-2), var(--gold));
    color:var(--white);
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:22px;
    flex-shrink:0;
    box-shadow:0 8px 18px rgba(184,134,46,0.3);
}
.msb-adapt-card h4{
    margin:0;
    font-size:16px;
    font-weight:600;
    color:var(--navy);
    line-height:1.35;
}

/* Mobile behavior */
@media (max-width:991px){
    .msb-adapt-grid{ grid-template-columns:repeat(2, 1fr); }
}
@media (max-width:575px){
    .msb-adapt-grid{ grid-template-columns:1fr; gap:14px; }
    .msb-adapt-card{ padding:18px 20px; }
}

    .msb-spec-panel{ background:var(--white); border:1px solid var(--line); border-radius:8px; padding:32px 34px 12px; box-shadow:0 15px 40px rgba(28,43,65,0.06); }

    .msb-amenities{ background:var(--cream); border:1px solid var(--line); border-radius:10px; overflow:hidden; padding:50px; box-shadow:0 15px 40px rgba(28,43,65,0.06); }
    .msb-amenities .flex{ display:flex; flex-wrap:wrap; align-items:center; gap:46px; }
    .msb-amenities .tx{ flex:1 1 420px; color:var(--body-txt); }
    .msb-amenities h2{ color:var(--ink); }
    .msb-amenities .im{ flex:1 1 380px; border-radius:8px; overflow:hidden; box-shadow:0 20px 45px rgba(28,43,65,0.14); }
    .msb-amenities .im img{ width:100%; height:340px; object-fit:cover; display:block; }
    .msb-amenities .tags{ display:flex; flex-wrap:wrap; gap:10px; margin-top:22px; }
    .msb-amenities .tag{ background:var(--white); border:1px solid var(--line); color:var(--gold); font-size:12px; letter-spacing:.6px; text-transform:uppercase; padding:7px 15px; border-radius:30px; font-weight:500; }
    @media (max-width:767px){ .msb-amenities{ padding:30px 22px; } }

    .msb-loc-card{ background:var(--white); border:1px solid var(--line); border-radius:8px; overflow:hidden; box-shadow:0 15px 40px rgba(28,43,65,0.06); }
    .msb-loc-card .im{ height:220px; overflow:hidden; }
    .msb-loc-card .im img{ width:100%; height:100%; object-fit:cover; display:block; }
    .msb-loc-card .bd{ padding:24px 28px 6px; }

    /* Fit-check cards for "Should You Choose This?" section */
    .msb-fit-card{
        background:var(--white);
        border:1px solid var(--line);
        border-radius:8px;
        padding:26px 24px;
        height:100%;
        display:flex;
        gap:14px;
        align-items:flex-start;
        text-align:left;
        box-shadow:0 10px 26px rgba(28,43,65,0.05);
        transition:transform .3s ease, box-shadow .3s ease;
    }
    .msb-fit-card:hover{ transform:translateY(-4px); box-shadow:0 18px 40px rgba(28,43,65,0.10); }
    .msb-fit-card i{ color:var(--gold); font-size:24px; flex-shrink:0; margin-top:2px; }
    .msb-fit-card p{ margin:0; color:var(--body-txt); font-size:14.5px; line-height:1.65; }

    .msb-cta{ background:var(--cream); border:1px solid var(--gold); border-radius:10px; padding:56px 36px; text-align:center; }
    .msb-cta h2{ color:var(--ink); font-size:32px; }
    .msb-cta p{ color:var(--body-txt); }
    .msb-cta-btns{ display:flex; flex-wrap:wrap; gap:14px; justify-content:center; margin-top:28px; }
    .msb-btn{ font-size:13.5px; letter-spacing:.6px; text-transform:uppercase; font-weight:500; padding:14px 26px; border-radius:3px; text-decoration:none; display:inline-flex; align-items:center; gap:8px; border:1px solid var(--gold); transition:all .25s ease; }
    .msb-btn-solid{ background:var(--gold); color:var(--white); font-weight:600; }
    .msb-btn-solid:hover{ background:#9A6F22; border-color:#9A6F22; color:var(--white); }
    .msb-btn-line{ background:transparent; color:var(--gold); }
    .msb-btn-line:hover{ background:rgba(184,134,46,0.12); color:var(--gold); }

    .msb-faq .accordion-item{ border:1px solid var(--line) !important; border-radius:8px !important; overflow:hidden; margin-bottom:14px; box-shadow:0 4px 14px rgba(28,43,65,0.05); }
    .msb-faq .accordion-button{ font-family:'Cormorant Garamond',serif; font-size:18px; font-weight:600; box-shadow:none !important; }
    .msb-faq .accordion-button:not(.collapsed){ background:var(--gold) !important; color:var(--white) !important; }
    .msb-faq .accordion-button.collapsed{ background:var(--white) !important; color:var(--ink) !important; }
    .msb-faq .accordion-body{ color:var(--body-txt); background:var(--cream); padding:20px 26px; font-size:14.5px; line-height:1.85; }

    .msb-related-card{ background:var(--white); border:1px solid var(--line); border-radius:8px; overflow:hidden; transition:box-shadow .25s ease, transform .25s ease; }
    .msb-related-card:hover{ transform:translateY(-4px); box-shadow:0 20px 40px rgba(28,43,65,0.12); }
    .msb-related-card .im{ height:150px; overflow:hidden; }
    .msb-related-card .im img{ width:100%; height:100%; object-fit:cover; display:block; }
    .msb-related-card .bd{ padding:22px 24px 26px; }
    .msb-related-card h4{ font-size:18px; font-weight:600; color:var(--navy); margin-bottom:8px; }
    .msb-related-card h4 i{ color:var(--gold); font-size:15px; }
    .msb-related-card p{ color:var(--body-txt); font-size:13.5px; margin:0; }

    /* Apartment Size & Layout Section*/
    .developer-section {
    background: #F4EAD9 !important;
    padding-top: 40px !important;
}

.developer-section .section-title-two .section-span-bg2 {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    color: #b8862e;
    letter-spacing: 3px;
    font-weight: 600;
    font-size: 13px;
    text-transform: uppercase;
}

.developer-section .section-title-two .section-span-bg2::before {
    content: "";
    width: 32px;
    height: 2px;
    background: #c9973f;
    display: inline-block;
}

.developer-section .section-title-two h2.margin-auto {
    color: #2b2620;
    font-size: 28px;
    font-weight: 600;
    margin: 12px auto 0;
}

.developer-section .section-title-two h2.margin-auto i {
    color: #b8862e;
    font-style: italic;
    font-weight: 500;
}

/* Full-width row replacing the centered col-lg-8 card */
.developer-section .row.justify-content-center {
    justify-content: center !important;
}

.developer-section .row.justify-content-center .col-lg-8 {
    flex: 0 0 100% !important;
    max-width: 100% !important;
}

.developer-section .dc-split {
    display: flex;
    gap: 40px;
    align-items: stretch;
}

/* Left: compact profile card with icon + established badge */
.developer-section .dc-left {
    flex: 0 0 280px;
    background: linear-gradient(160deg, #fbf3e2 0%, #ffffff 100%);
    border: 1px solid rgba(211, 162, 86, 0.32);
    border-radius: 16px;
    padding: 32px 26px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    box-shadow: 0 16px 36px rgba(120, 90, 40, 0.1);
}

.developer-section .dc-left .info-card-icon {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    background: linear-gradient(135deg, #d3a256, #b8862e);
    color: #fff !important;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 26px !important;
    margin-bottom: 20px !important;
    box-shadow: 0 8px 18px rgba(184, 134, 46, 0.3);
}

.developer-section .dc-left h4 {
    color: #2b2620;
    font-size: 17px;
    font-weight: 700;
    margin: 0 0 10px;
}

.developer-section .dc-est-badge {
    margin-top: auto;
    display: inline-flex;
    align-items: center;
    gap: 12px;
    background: #fff;
    border: 1px solid rgba(211, 162, 86, 0.4);
    border-radius: 10px;
    padding: 12px 16px;
}

.developer-section .dc-est-badge .dc-est-year {
    font-size: 22px;
    font-weight: 700;
    color: #c39a51;
}

.developer-section .dc-est-badge .dc-est-label {
    font-size: 11px;
    font-weight: 600;
    color: #6b6155;
    text-transform: uppercase;
    line-height: 1.35;
}

/* Right: text + consultant grid spans the remaining full width */
.developer-section .dc-right {
    flex: 1;
    min-width: 0;
    background: linear-gradient(160deg, #fbf3e2 0%, #ffffff 100%);
    border: 1px solid rgba(211, 162, 86, 0.32);
    border-radius: 16px;
    padding: 32px 36px;
    box-shadow: 0 16px 36px rgba(120, 90, 40, 0.1);
}

.developer-section .dc-right p {
    color: #6b6155;
    font-size: 14px;
    line-height: 1.7;
    text-align: justify;
    text-align-last: left;
    margin: 0 0 10px;
}

.developer-section .dc-right p:last-of-type {
    margin-bottom: 0;
}

.developer-section .developer-team-list {
    list-style: none;
    margin: 16px 0 0;
    padding: 14px 0 0;
    border-top: 1px dashed rgba(201, 151, 63, 0.4);
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 10px 16px;
}

.developer-section .developer-team-list li {
    display: flex;
    align-items: center;
    gap: 7px;
    font-size: 13.5px;
    font-weight: 600;
    color: #2b2620;
}

.developer-section .developer-team-list li i {
    color: #b8862e;
}

@media (max-width: 991px) {
    .developer-section .dc-split {
        flex-direction: column;
    }
    .developer-section .dc-left {
        flex: 0 0 auto;
    }
}

@media (max-width: 767px) {
    .developer-section .dc-right {
        padding: 26px 22px;
    }
    .developer-section .developer-team-list {
        grid-template-columns: 1fr 1fr;
    }
    .developer-section .dc-right p {
        text-align: left;
    }
}

/* Tighten gap between heading and the two-column card row */
.developer-section .section-title-two.text-center {
    margin-bottom: 0 !important;
}

.developer-section .row.justify-content-center.pt-45 {
    padding-top: 8px !important; /* was 25px via .pt-45 utility */
}

/* Reduce overall section padding to tighten gap with sections above/below */
.developer-section {
    padding-top: 30px !important;
    padding-bottom: 40px !important;
}

@media (max-width: 767px) {
    .developer-section .row.justify-content-center.pt-45 {
        padding-top: 4px !important;
    }
}
/* premium specifications area */
.privacy-feature-area {
            position: relative;
            background: #F7EEDD;
            padding: 55px 0;
            border-top: 1px solid rgba(201, 151, 63, 0.2);
            border-bottom: 1px solid rgba(201, 151, 63, 0.2);
        }

        .pf-row {
            display: flex;
            flex-wrap: wrap;
            align-items: stretch;
            gap: 40px;
        }

        .pf-col-left {
            flex: 1 1 420px;
            display: flex;
            flex-direction: column;
            justify-content: center;
        }

        .pf-col-right {
            flex: 1 1 460px;
            display: flex;
            flex-direction: column;
            justify-content: space-between;
        }

        .privacy-feature-area .pf-eyebrow {
            display: flex;
            align-items: center;
            gap: 12px;
            margin-bottom: 14px;
        }

        .privacy-feature-area .pf-eyebrow .line {
            width: 36px;
            height: 2px;
            background: #c9973f;
            display: inline-block;
        }

        .privacy-feature-area .pf-eyebrow-text {
            color: #b8862e;
            letter-spacing: 3px;
            font-weight: 600;
            font-size: 13px;
            text-transform: uppercase;
        }

        .privacy-feature-area h2 {
            color: #2b2620;
            font-size: 28px;
            font-weight: 600;
            line-height: 1.32;
            margin-bottom: 16px;
        }

        .privacy-feature-area h2 b {
            color: #b8862e;
            font-weight: 700;
        }

        .privacy-feature-area .pf-desc {
            color: #6b6155;
            font-size: 14.5px;
            line-height: 1.8;
            text-align: justify;
            margin-bottom: 14px;
        }

        .privacy-feature-area .pf-desc:last-of-type {
            margin-bottom: 0;
        }

        /* Right column: lead-in aligned with h2 baseline */
        .pf-lead-in {
            color: #2e2b28;
            font-weight: 600;
            font-size: 14px;
            line-height: 1.32;
            margin: 0 0 20px;
            min-height: 28px;
            display: flex;
            align-items: center;
        }

        .pf-list {
            list-style: none;
            margin: 0 0 18px;
            padding: 0;
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 12px 16px;
            flex: 1;
            align-content: start;
        }

        .pf-list li {
            display: flex;
            align-items: center;
            gap: 12px;
            background: #ffffff;
            border: 1px solid rgba(201, 151, 63, 0.3);
            border-radius: 8px;
            padding: 14px 16px;
            font-size: 13.5px;
            line-height: 1.4;
            color: #2b2620;
            font-weight: 500;
            min-height: 52px;
        }

        .pf-list li i {
            flex-shrink: 0;
            width: 30px;
            height: 30px;
            border-radius: 50%;
            background: #b8862e;
            color: #ffffff;
            font-size: 15px;
            display: flex;
            align-items: center;
            justify-content: center;
        }

        .pf-note {
            background: #faf1de;
            border-left: 3px solid #b8862e;
            border-radius: 6px;
            padding: 16px 18px;
            color: #6b6155;
            font-size: 13.5px;
            line-height: 1.65;
            font-style: italic;
        }

        @media (max-width: 767px) {
            .privacy-feature-area {
                padding: 40px 0;
            }

            .pf-col-left,
            .pf-col-right {
                justify-content: flex-start;
            }

            .privacy-feature-area h2 {
                font-size: 22px;
            }

            .privacy-feature-area .pf-desc {
                text-align: left;
            }

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

            .pf-list li:last-child {
                grid-column: span 1;
            }
        }
        
        /* Location*/
         .rera-trust-area {
            position: relative;
            background: linear-gradient(180deg, #fdfcfa 0%, #fcfcfc 100%);
            padding: 40px 0;
            overflow: hidden;
        }

        .rera-head {
            margin-bottom: 22px;
            text-align: center;
            max-width: 100% !important;
            width: 100% !important;
        }

        .rera-trust-area h2.margin-auto {
            font-size: 26px;
            color: #2b2620;
            font-weight: 600;
            line-height: 1.3;
            max-width: 100%;
            margin: 12 auto 10px;
        }

        .rera-trust-area h2.margin-auto b.section-color2 {
            color: #c39a51;
            font-style: italic;
            font-weight: 500;
        }

        .rera-intro {
            max-width: 100% !important;
            width: 100% !important;
            margin: 0 auto;
            color: #6b6155;
            font-size: 13.5px;
            line-height: 1.65;
            text-align: justify;
            text-align-last: center;
        }

        @media (max-width: 767px) {
            .rera-trust-area h2.margin-auto {
                font-size: 22px;
                padding: 0 15px;
            }

            .rera-intro {
                text-align: left;
                text-align-last: left;
                padding: 0 15px;
            }
        }

        /* ---- Compact Body: Seal + Steps in one row ---- */
        .rera-body-row {
            display: flex;
            align-items: center;
            gap: 40px;
            max-width: 1150px;
            margin: 0 auto;
        }

        /* ---- Seal Badge (small, left side) ---- */
        .rera-seal-wrap {
            flex: 0 0 auto;
            display: flex;
            flex-direction: column;
            align-items: center;
            gap: 10px;
        }

        .rera-seal {
            width: 96px;
            height: 96px;
            border-radius: 50%;
            border: 2px dashed rgba(211, 162, 86, 0.45);
            display: flex;
            align-items: center;
            justify-content: center;
            background: radial-gradient(circle, #ffffff 58%, #fbf3e2 100%);
            box-shadow: 0 12px 26px rgba(120, 90, 40, 0.15);
            position: relative;
            animation: reraSpin 26s linear infinite;
        }

        @keyframes reraSpin {
            from {
                border-color: rgba(211, 162, 86, 0.45);
            }

            50% {
                border-color: rgba(224, 181, 117, 0.7);
            }

            to {
                border-color: rgba(211, 162, 86, 0.45);
            }
        }

        .rera-seal-core {
            width: 74px;
            height: 74px;
            border-radius: 50%;
            background: linear-gradient(135deg, #ddaf6c, #c39a51);
            box-shadow: 0 6px 14px rgba(195, 154, 81, 0.32), inset 0 0 0 3px rgba(255, 255, 255, 0.3);
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            text-align: center;
            color: #fff;
        }

        .rera-seal-core i {
            font-size: 17px;
            margin-bottom: 2px;
        }

        .rera-seal-core span {
            font-size: 10px;
            font-weight: 700;
            letter-spacing: 0.3px;
            line-height: 1.2;
            text-transform: uppercase;
        }

        .rera-seal-tag {
            background: #3a332a;
            color: #f4ead9;
            font-size: 11.5px;
            font-weight: 700;
            letter-spacing: 0.6px;
            padding: 5px 14px;
            border-radius: 30px;
            box-shadow: 0 6px 14px rgba(43, 38, 32, 0.22);
            white-space: nowrap;
        }

        /* ---- Steps (right side, compact) ---- */
        .rera-steps-row {
            flex: 1;
            display: flex;
            justify-content: space-between;
            align-items: flex-start;
            position: relative;
            padding-left: 10px;
            border-left: 1px dashed rgba(211, 162, 86, 0.4);
        }

        .rera-step {
            flex: 1;
            text-align: center;
            padding: 0 8px;
        }

        .rera-step-num {
            width: 34px;
            height: 34px;
            margin: 0 auto 8px;
            border-radius: 50%;
            background: #fff;
            border: 2px solid #c39a51;
            color: #c39a51;
            font-size: 13px;
            font-weight: 700;
            display: flex;
            align-items: center;
            justify-content: center;
            box-shadow: 0 6px 14px rgba(120, 90, 40, 0.1);
            transition: all 0.3s ease;
        }

        .rera-step:hover .rera-step-num {
            background: linear-gradient(135deg, #ddaf6c, #c39a51);
            color: #fff;
            transform: translateY(-2px);
        }

        .rera-step h4 {
            font-size: 20px;
            font-weight: 700;
            color: #2b2620;
            margin: 0 0 4px;
            line-height: 1.3;
        }

        .rera-step p {
            font-size: 16px;
            line-height: 1.45;
            color: #6b6155;
            margin: 0;
            text-align: center;
            text-align-last: center;
        }

        @media (max-width: 991px) {
            .rera-body-row {
                flex-direction: column;
                gap: 24px;
            }

            .rera-steps-row {
                width: 100%;
                border-left: none;
                border-top: 1px dashed rgba(211, 162, 86, 0.4);
                padding-left: 0;
                padding-top: 20px;
                flex-wrap: wrap;
                row-gap: 20px;
            }

            .rera-step {
                flex: 1 1 45%;
            }
        }

        @media (max-width: 575px) {
            .rera-step {
                flex: 1 1 100%;
            }
        }

        /* ---- Disclaimer note (thin strip) ---- */
        .rera-note {
            display: flex;
            align-items: flex-start;
            gap: 10px;
            max-width: 1150px;
            margin: 22px auto 0;
            background: rgba(43, 38, 32, 0.04);
            border-left: 3px solid #c39a51;
            border-radius: 6px;
            padding: 10px 16px;
        }

        .rera-note i {
            flex-shrink: 0;
            color: #c39a51;
            font-size: 16px;
            margin-top: 1px;
        }

        .rera-note p {
            margin: 0;
            color: #6b6155;
            font-size: 12px;
            line-height: 1.55;
            text-align: left;
            text-align-last: left;
        }
        .developer-credentials-area {
            background: #F4EAD9;
            padding: 60px 0;
        }

        .dc-row {
            display: flex;
            flex-wrap: wrap;
            gap: 44px;
            align-items: stretch;
        }

        /* ---- Left: Developer Profile Card ---- */
        .dc-profile-card {
            flex: 1 1 360px;
            max-width: 380px;
            background: linear-gradient(160deg, #fbf3e2 0%, #ffffff 100%);
            border: 1px solid rgba(211, 162, 86, 0.32);
            border-radius: 16px;
            padding: 40px 32px;
            box-shadow: 0 18px 40px rgba(120, 90, 40, 0.1);
            display: flex;
            flex-direction: column;
            align-items: flex-start;
        }

        .dc-profile-icon {
            width: 62px;
            height: 62px;
            border-radius: 50%;
            background: linear-gradient(135deg, #ddaf6c, #c39a51);
            color: #fff;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 28px;
            box-shadow: 0 10px 22px rgba(195, 154, 81, 0.35);
            margin-bottom: 22px;
        }

        .dc-profile-card .dc-eyebrow {
            color: #c39a51;
            font-size: 13px;
            font-weight: 700;
            letter-spacing: 2.5px;
            text-transform: uppercase;
            margin-bottom: 10px;
        }

        .dc-profile-card h3 {
            color: #2b2620;
            font-size: 23px;
            font-weight: 600;
            line-height: 1.35;
            margin-bottom: 16px;
        }

        .dc-profile-card p {
            color: #6b6155;
            font-size: 14px;
            line-height: 1.75;
            text-align: justify;
            text-align-last: left;
            margin-bottom: 22px;
        }

        .dc-est-badge {
            display: inline-flex;
            align-items: center;
            gap: 12px;
            background: #fff;
            border: 1px solid rgba(211, 162, 86, 0.4);
            border-radius: 10px;
            padding: 12px 18px;
            margin-top: auto;
        }

        .dc-est-badge .dc-est-year {
            font-size: 22px;
            font-weight: 700;
            color: #c39a51;
            line-height: 1;
        }

        .dc-est-badge .dc-est-label {
            font-size: 11px;
            font-weight: 600;
            color: #6b6155;
            text-transform: uppercase;
            letter-spacing: 0.5px;
            line-height: 1.4;
        }

        /* ---- Right: Consultant Team Grid ---- */
        .dc-team-wrap {
            flex: 1 1 520px;
        }

        .dc-team-lead {
            color: #2b2620;
            font-size: 15px;
            font-weight: 600;
            line-height: 1.5;
            margin-bottom: 22px;
        }

        .dc-team-grid {
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 16px;
        }

        .dc-team-card {
            display: flex;
            align-items: center;
            gap: 16px;
            background: #fbf3e2;
            border: 1px solid rgba(211, 162, 86, 0.25);
            border-radius: 12px;
            padding: 16px 18px;
            transition: transform 0.3s ease, box-shadow 0.3s ease, background 0.3s ease;
        }

        .dc-team-card:hover {
            transform: translateY(-3px);
            box-shadow: 0 14px 28px rgba(120, 90, 40, 0.12);
            background: #ffffff;
        }

        .dc-team-icon {
            flex-shrink: 0;
            width: 44px;
            height: 44px;
            border-radius: 50%;
            background: #ffffff;
            border: 1px solid rgba(211, 162, 86, 0.4);
            color: #c39a51;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 19px;
        }

        .dc-team-card:hover .dc-team-icon {
            background: linear-gradient(135deg, #ddaf6c, #c39a51);
            color: #fff;
            border-color: transparent;
        }

        .dc-team-info h4 {
            margin: 0 0 3px;
            font-size: 14.5px;
            font-weight: 700;
            color: #2b2620;
            line-height: 1.35;
        }

        .dc-team-info span {
            font-size: 12px;
            color: #c39a51;
            font-weight: 600;
            letter-spacing: 0.3px;
            text-transform: uppercase;
        }

        .dc-team-note {
            margin-top: 22px;
            color: #6b6155;
            font-size: 13.5px;
            line-height: 1.75;
            text-align: justify;
            text-align-last: left;
        }

        @media (max-width: 991px) {
            .dc-profile-card {
                max-width: 100%;
            }

            .dc-team-grid {
                grid-template-columns: 1fr;
            }
        }

        @media (max-width: 767px) {
            .developer-credentials-area {
                padding: 40px 0;
            }

            .dc-profile-card {
                padding: 30px 24px;
            }
        }

        /* =====================================================
   MOBILE OPTIMIZATION PATCH
   Additive only — desktop (>991px) is completely untouched.
   ===================================================== */

        /* Prevent any horizontal scroll caused by negative-margin badges */
        @media (max-width: 991px) {

            html,
            body {
                overflow-x: hidden;
            }
        }

        /* ---- Video Banner: tighter text on small phones ---- */
        @media (max-width: 575px) {
            .video-banner-area {
                height: 58vh;
                min-height: 380px;
            }

            .video-banner-content h1 {
                font-size: 24px;
                line-height: 1.35;
            }

            .video-banner-content span {
                font-size: 12px;
                letter-spacing: 2px;
            }

            .video-banner-content p {
                font-size: 14px;
                padding: 0 10px;
            }
        }

        /* ---- Property Details strip: stack icons list cleanly ---- */
        @media (max-width: 767px) {
            .property-details-list ul {
                display: flex;
                flex-wrap: wrap;
                justify-content: center;
                gap: 14px 22px;
            }

            .property-details-list ul li {
                flex: 1 1 42%;
                text-align: center;
                font-size: 13px;
            }
        }

        @media (max-width: 480px) {
            .property-details-list ul li {
                flex: 1 1 100%;
            }
        }

        /* ---- Intro Content Area: badge safety on very small screens ---- */
        @media (max-width: 480px) {
            .intro-content-area .intro-img-badge {
                left: 8px;
                bottom: 8px;
                padding: 12px 16px;
            }

            .intro-content-area .intro-img-badge h4 {
                font-size: 20px;
            }

            .intro-content-area .explore-btn {
                padding: 13px 24px;
                font-size: 14px;
                width: 100%;
                justify-content: center;
            }
        }

        /* ---- House Details Accordion: tighter header on very small screens ---- */
        @media (max-width: 420px) {
            .hd-acc-head {
                flex-wrap: wrap;
                gap: 10px 12px;
            }

            .hd-acc-title-wrap h3 {
                font-size: 14px;
            }

            .hd-acc-title-wrap span.hd-acc-tagline {
                font-size: 11.5px;
            }

            .hd-acc-chevron {
                width: 28px;
                height: 28px;
                font-size: 15px;
            }
        }

        /* ---- Privacy Feature Area: badge/list tightened ---- */
        @media (max-width: 480px) {
            .privacy-feature-area .pf-list li {
                font-size: 12.5px;
                padding: 12px 14px;
            }

            .pf-lead-in {
                font-size: 14px;
            }
        }

        /* ---- Spec Showcase: single column on tiny screens ---- */
        @media (max-width: 400px) {
            .spec-card {
                padding: 12px 14px;
            }

            .spec-icon {
                width: 34px;
                height: 34px;
                font-size: 15px;
            }
        }

        /* ---- Safety Section: badge stacks cleanly ---- */
        @media (max-width: 480px) {
            .safety-badge {
                flex-direction: column;
                align-items: flex-start;
                gap: 8px;
                padding: 16px 20px;
            }

            .safety-badge-num {
                font-size: 32px;
            }

            .safety-list li span {
                font-size: 13px;
            }
        }

         .faq-section {
            background: #ffffff;
            padding-top: 40px !important;
            padding-bottom: 60px;
        }

        .faq-section .section-title-two {
            margin-bottom: 34px;
        }

        .faq-section h2.margin-auto {
            font-size: 32px !important;
            color: #2b2620;
            font-weight: 600;
            line-height: 1.3;
            margin: 0 auto;
            max-width: 700px;
        }

        .faq-section h2.margin-auto b.section-color2 {
            color: #b8862e !important;
            font-style: italic;
            font-weight: 500;
        }

        @media (max-width: 767px) {
            .faq-section h2.margin-auto {
                font-size: 24px !important;
                padding: 0 15px;
            }
        }

        .faq-accordion {
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 2px 5px;
            align-items: start;
            counter-reset: faq-counter;
        }

        .faq-question {
            padding: 14px 22px !important;
            /* was 18px 22px */
        }

        .faq-item {
            counter-increment: faq-counter;
            position: relative;
            background: #F7EEDD;
            border: 1px solid rgba(201, 151, 63, 0.28) !important;
            border-radius: 14px;
            box-shadow: 0 10px 26px rgba(120, 90, 40, 0.07);
            overflow: hidden;
            outline: none;
            transition: box-shadow 0.3s ease, transform 0.3s ease, border-color 0.3s ease;
        }

        .faq-item:hover {
            box-shadow: 0 16px 36px rgba(120, 90, 40, 0.13);
            transform: translateY(-2px);
            border-color: rgba(201, 151, 63, 0.5) !important;
        }

        .faq-item[open] {
            box-shadow: 0 22px 48px rgba(120, 90, 40, 0.16);
            border-color: rgba(184, 134, 46, 0.6) !important;
        }

        .faq-question {
            list-style: none;
            display: flex;
            align-items: center;
            justify-content: space-between;
            gap: 16px;
            padding: 18px 22px;
            cursor: pointer;
            border-left: 4px solid transparent;
            outline: none;
            transition: border-color 0.3s ease, background 0.3s ease;
        }

        .faq-question::-webkit-details-marker {
            display: none;
        }

        .faq-question:focus,
        .faq-item:focus {
            outline: none;
        }

        .faq-item[open] .faq-question {
            border-left-color: #b8862e;
            background: linear-gradient(90deg, #faf1de 0%, #fff 60%);
        }

        /* Numbered badge before each question */
        .faq-question h3 {
            margin: 0;
            font-size: 15px;
            font-weight: 700;
            color: #2b2620;
            line-height: 1.4;
            flex: 1;
            position: relative;
            padding-left: 36px;
        }

        .faq-question h3::before {
            content: counter(faq-counter, decimal-leading-zero);
            position: absolute;
            left: 0;
            top: -2px;
            color: #d3a256;
            font-size: 13px;
            font-weight: 700;
            letter-spacing: 0.5px;
        }

        .faq-icon {
            flex-shrink: 0;
            width: 32px;
            height: 32px;
            border-radius: 50%;
            border: 1px solid rgba(201, 151, 63, 0.4);
            color: #b8862e;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 16px;
            transition: transform 0.3s ease, background 0.3s ease, color 0.3s ease, box-shadow 0.3s ease;
        }

        .faq-item[open] .faq-icon {
            transform: rotate(180deg);
            background: linear-gradient(135deg, #d3a256, #b8862e);
            color: #fff;
            border-color: transparent;
            box-shadow: 0 6px 14px rgba(184, 134, 46, 0.35);
        }

        .faq-answer {
            padding: 0 22px 20px 58px;
            border-top: 1px solid rgba(201, 151, 63, 0.18);
            margin-top: 2px;
            animation: faqFade 0.35s ease;
        }

        .faq-answer p {
            margin: 0;
            padding-top: 14px;
            color: #6b6155;
            font-size: 13.5px;
            line-height: 1.7;
            text-align: justify;
            text-align-last: left;
        }

        @keyframes faqFade {
            from {
                opacity: 0;
                transform: translateY(-6px);
            }

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

        @media (max-width: 767px) {
            .faq-accordion {
                grid-template-columns: 1fr;
                gap: 14px;
            }

            .faq-answer {
                padding-left: 22px;
            }
        }

        p {
            text-align: justify;
            text-align-last: left;
        }
         /* Remove banner overlay */
        .inner-banner.apartment-hero::before,
        .inner-banner.apartment-hero::after,
        .apartment-hero::before,
        .apartment-hero::after {
            background: transparent !important;
            opacity: 0 !important;
            content: none !important;
        }



/* ===== Inline-style conversions (formerly style="..." in 3.5bhk-apartments.php) ===== */

/* Inner banner with dynamic background image (was style="background-image:url(...);") */
.apartment-3-5-inner-banner {
    background-image: url('../img/banner/3.5-bhk-flats-in-nagpur.png');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

/* Description paragraph (was style="margin-bottom:18px;") */
.apartment-3-5-intro-p {
    margin-bottom: 18px;
}

/* Sub-heading line (was style="color:#6b6155; font-size:16px; line-height:1.6; margin:0;") */
.apartment-3-5-subhead {
    color: #6b6155;
    font-size: 16px;
    line-height: 1.6;
    margin: 0;
}

/* Centered eyebrow (was style="justify-content:center;") */
.apartment-3-5-eyebrow-center {
    justify-content: center;
}

/* Centered h2 (was style="max-width:640px; margin:0 auto 14px;") */
.apartment-3-5-centered-h2 {
    max-width: 640px;
    margin: 0 auto 14px;
}

/* Centered p (was style="max-width:600px; margin:0 auto;") */
.apartment-3-5-centered-p {
    max-width: 600px;
    margin: 0 auto;
}

/* Gold-colored inline text (was style="color:var(--gold-2);" on <span>) */
.apartment-3-5-gold-text {
    color: var(--gold-2);
}

/* Gold-colored italic in heading (was style="color:var(--gold-2); font-style:italic;") */
.apartment-3-5-gold-italic {
    color: var(--gold-2);
    font-style: italic;
}

/* Amenities intro paragraph (was style="font-size:15px; line-height:1.9;") */
.apartment-3-5-amenities-p {
    font-size: 15px;
    line-height: 1.9;
}

/* FAQ white background override (was style="background-color: #ffffff !important;") */
.apartment-3-5-faq-section-override {
    background-color: #ffffff !important;
}

/* Checklist item (formerly <h4> in checklist cards) */
.apartment-3-5-checklist-item {
    margin: 0;
    font-size: 16px;
    font-weight: 500;
    color: #1f2a36;
    line-height: 1.4;
}