/* Property page specific styles — extracted from property.php */
    
        .intro-content-area {
            position: relative;
            background: linear-gradient(180deg, #faf6ef 0%, #f4ead9 100%);
            padding: 100px 0 90px;
            overflow: hidden;
        }

        .intro-content-area .intro-row {
            display: flex;
            flex-wrap: wrap;
            align-items: center;
            gap: 60px;
        }

        .intro-content-area .intro-left {
            flex: 1 1 460px;
        }

        .intro-content-area .intro-eyebrow {
            display: flex;
            align-items: center;
            gap: 12px;
            margin-bottom: 20px;
        }

        .intro-content-area .intro-eyebrow-line {
            width: 40px;
            height: 2px;
            background: #c9973f;
            display: inline-block;
        }

        .intro-content-area .intro-eyebrow-text {
            color: #b8862e;
            letter-spacing: 3px;
            font-weight: 600;
            font-size: 14px;
            text-transform: uppercase;
        }

        .intro-content-area h1 {
            color: #2b2620;
            font-size: 44px;
            font-weight: 600;
            line-height: 1.28;
            margin-bottom: 22px;
        }

        .intro-content-area h1 i {
            color: #c9973f;
            font-style: italic;
            font-weight: 500;
        }

        .intro-content-area p.intro-desc {
            color: #6b6155;
            font-size: 16px;
            line-height: 1.85;
            max-width: 5000px;
            margin-bottom: 22px;
            text-align: justify;
            text-align-last: left;
        }

        .intro-content-area p.intro-desc:last-of-type {
            margin-bottom: 0;
        }

        .intro-content-area ul.intro-points {
            list-style: none;
            margin: 6px 0 0;
            padding: 0;
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 10px 18px;
        }

        .intro-content-area ul.intro-points li {
            display: flex;
            align-items: flex-start;
            gap: 10px;
            color: #2b2620;
            font-size: 14px;
            line-height: 1.55;
            font-weight: 500;
        }

        .intro-content-area ul.intro-points li i {
            color: #b8862e;
            font-size: 16px;
            flex-shrink: 0;
            margin-top: 2px;
        }

        @media (max-width: 767px) {
            .intro-content-area ul.intro-points {
                grid-template-columns: 1fr;
            }
        }

        .intro-content-area .intro-right {
            flex: 1 1 460px;
            position: relative;
        }

        .intro-content-area .intro-img-wrap {
            position: relative;
            border-radius: 14px;
            overflow: hidden;
            box-shadow: 0 30px 60px rgba(120, 90, 40, 0.18);
        }

        .intro-content-area .intro-img-wrap img {
            width: 100%;
            height: 100%;
            display: block;
            object-fit: cover;
            transition: transform 0.6s ease;
        }

        .intro-content-area .intro-img-wrap:hover img {
            transform: scale(1.05);
        }

        .intro-content-area .intro-img-badge {
            position: absolute;
            left: -22px;
            bottom: -22px;
            background: #fff;
            border: 1px solid rgba(201, 151, 63, 0.4);
            border-radius: 12px;
            padding: 18px 24px;
            box-shadow: 0 15px 35px rgba(120, 90, 40, 0.15);
            text-align: center;
        }

        .intro-content-area .intro-img-badge h4 {
            margin: 0;
            color: #b8862e;
            font-size: 26px;
            font-weight: 700;
        }

        .intro-content-area .intro-img-badge span {
            display: block;
            color: #6b6155;
            font-size: 11px;
            letter-spacing: 1.5px;
            text-transform: uppercase;
            margin-top: 4px;
        }

        @media (max-width: 991px) {
            .intro-content-area .intro-img-badge {
                left: 14px;
                bottom: 14px;
            }
        }

        @media (max-width: 767px) {
            .intro-content-area {
                padding: 60px 0;
            }

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

      .property-hero {
    background-image: url("../img/banner/1.png");
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    /* aspect-ratio + responsive sizing comes from the global
       .inner-banner rule in assets/css/style.css. */
}
.inner-banner.property-hero::before,
.inner-banner.property-hero::after {
    display: none !important;
    content: none !important;
}
        /* ============================================================
   Premium Residential Project Section — Redesign (White theme)
   Scoped entirely to .premium-residential-section — nothing
   outside this section is affected.
   ============================================================ */
        .premium-residential-section {
            background: #ffffff;
            padding: 70px 0 !important;
        }

        /* Eyebrow label + decorative line before it */
        .premium-residential-section .section-title-two .section-span-bg2 {
            position: relative;
            display: inline-flex;
            align-items: center;
            gap: 12px;
            color: #b8862e;
            letter-spacing: 3px;
            font-weight: 600;
            font-size: 13px;
            text-transform: uppercase;
            background: none;
            padding: 0;
        }

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

        /* Heading — smaller, theme-matched color instead of large navy default */
        .premium-residential-section .section-title-two h2 {
            color: #2b2620 !important;
            font-size: 30px !important;
            font-weight: 600 !important;
            line-height: 1.35 !important;
            margin: 14px 0 0 !important;
        }

        .premium-residential-section .section-title-two h2 i {
            color: #b8862e !important;
            font-style: italic;
            font-weight: 500 !important;
        }

        /* Left paragraph content — tighter, justified, less vertical space */
        .premium-residential-section .premium-residential-content {
            margin-top: 18px;
        }

        .premium-residential-section .premium-residential-content p {
            color: #6b6155;
            font-size: 14px;
            line-height: 1.7;
            text-align: justify;
            text-align-last: left;
            margin-bottom: 12px;
        }

        .premium-residential-section .premium-residential-content p:last-of-type {
            margin-bottom: 0;
        }

        /* Right feature box — compact 2-column card grid instead of a tall list */
        .premium-residential-section .premium-features-box {
            background: linear-gradient(180deg, #faf6ef 0%, #f4ead9 100%);
            border: 1px solid rgba(201, 151, 63, 0.3);
            border-radius: 14px;
            padding: 28px 26px;
        }

        .premium-residential-section .premium-features-box h3 {
            color: #2b2620;
            font-size: 17px;
            font-weight: 700;
            margin-bottom: 16px;
            padding-bottom: 12px;
            border-bottom: 1px dashed rgba(201, 151, 63, 0.4);
        }

        .premium-residential-section .premium-features-box ul {
            list-style: none;
            margin: 0;
            padding: 0;
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 9px 14px;
        }

        .premium-residential-section .premium-features-box ul li {
            display: flex;
            align-items: center;
            gap: 9px;
            font-size: 13px;
            line-height: 1.4;
            color: #2b2620;
            font-weight: 500;
            background: #fff;
            border: 1px solid rgba(201, 151, 63, 0.25);
            border-radius: 8px;
            padding: 9px 11px;
        }

        .premium-residential-section .premium-features-box ul li i {
            flex-shrink: 0;
            color: #b8862e;
            font-size: 15px;
        }

        @media (max-width: 991px) {
            .premium-residential-section .premium-features-box {
                margin-top: 30px;
            }
        }

        @media (max-width: 767px) {
            .premium-residential-section .section-title-two h2 {
                font-size: 22px !important;
            }

            .premium-residential-section .premium-features-box ul {
                grid-template-columns: 1fr;
            }
        }

        /* ============================================================
   Apartment Area — Heading redesign (full width, centered,
   theme skin background). Cards section below is untouched.
   ============================================================ */
        .apartment-area {
            background: linear-gradient(180deg, #faf6ef 0%, #f4ead9 100%);
        }

        /* Make the heading column stretch full width instead of col-lg-9 */
        .apartment-area .row.mb-4 {
            justify-content: center;
        }

        .apartment-area .row.mb-4 .col-lg-9 {
            flex: 0 0 100% !important;
            max-width: 100% !important;
        }

        /* Center the eyebrow, heading and paragraph */
        .apartment-area .section-title-two {
            text-align: center;
        }

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

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

        .apartment-area .section-title-two h2 {
            color: #2b2620;
            font-size: 34px;
            font-weight: 600;
            line-height: 1.32;
            margin: 6px auto 12px;
            max-width: 780px;
        }

        /* Tighten the eyebrow → heading gap and the heading → paragraph gap */
        .apartment-area .section-title-two .section-span-bg {
            margin-bottom: 4px !important;
        }

        .apartment-area .section-title-two p {
            margin-top: 0 !important;
        }

        .apartment-area .section-title-two h2 .section-color {
            color: #b8862e !important;
            font-style: italic;
            font-weight: 500;
        }

        /* Paragraph — full width below heading, justified & centered block */
        .apartment-area .section-title-two p {
            max-width: 100%;
            width: 100%;
            margin: 0 auto;
            color: #6b6155;
            font-size: 15px;
            line-height: 1.8;
            text-align: justify;
            text-align-last: center;
        }

        @media (max-width: 767px) {
            .apartment-area .section-title-two h2 {
                font-size: 24px;
            }
        }

/* ============================================================
   FAQ Area (property.php) — Premium redesign
   Two-column: numbered accordion (left) + brochure download (right)
   ============================================================ */
.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;
}

/* ============================================================
   Apartment Cards — Premium Redesign
   Luxury "configurator" style: gold & navy, layered glass look,
   hover lift, ambient glow, animated arrow.
   ============================================================ */
.apartment-area .apt-compare-row {
    margin-top: 28px;
}

/* Outer wrapper link — keeps the entire card clickable */
.apt-card {
    position: relative;
    display: block;
    width: 100%;
    height: 100%;
    border-radius: 22px;
    text-decoration: none !important;
    color: inherit;
    overflow: hidden;
    isolation: isolate;
    background: #ffffff;
    border: 1px solid rgba(201, 151, 63, 0.28);
    box-shadow: 0 18px 40px rgba(120, 90, 40, 0.10);
    transition: transform 0.45s cubic-bezier(.2,.8,.2,1),
                box-shadow 0.45s ease,
                border-color 0.45s ease;
}

.apt-card:hover {
    transform: translateY(-8px);
    box-shadow: 0 30px 60px rgba(120, 90, 40, 0.22);
    border-color: rgba(201, 151, 63, 0.6);
}

/* Ambient corner glow that intensifies on hover */
.apt-card__glow {
    position: absolute;
    inset: -1px;
    border-radius: 22px;
    background: radial-gradient(600px circle at var(--mx, 50%) var(--my, 0%),
                rgba(255, 220, 150, 0.45),
                transparent 45%);
    opacity: 0;
    transition: opacity 0.45s ease;
    pointer-events: none;
    z-index: 0;
}

.apt-card:hover .apt-card__glow {
    opacity: 1;
}

.apt-card__inner {
    position: relative;
    z-index: 1;
    padding: 34px 32px 30px;
    display: flex;
    flex-direction: column;
    height: 100%;
}

/* Top row — chip + tag */
.apt-card__top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin-bottom: 22px;
}

.apt-card__chip {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 7px 14px;
    border-radius: 999px;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 1.6px;
    text-transform: uppercase;
}

.apt-card__chip i {
    font-size: 15px;
}

.apt-card--gold .apt-card__chip {
    background: linear-gradient(135deg, #fbe6b6, #f1d089);
    color: #8a5a14;
    border: 1px solid rgba(184, 134, 46, 0.35);
}

.apt-card--navy .apt-card__chip {
    background: linear-gradient(135deg, #e7edf5, #cfd9e8);
    color: #1c2a3d;
    border: 1px solid rgba(35, 68, 103, 0.25);
}

.apt-card__tag {
    font-size: 11px;
    font-weight: 600;
    letter-spacing: 1.4px;
    text-transform: uppercase;
    color: #8a7d6a;
}

/* Headline */
.apt-card__head {
    margin-bottom: 18px;
}

.apt-card__head h3 {
    font-family: 'Cormorant', serif;
    font-size: 30px;
    font-weight: 600;
    line-height: 1.15;
    margin: 0 0 8px;
    transition: color 0.35s ease;
}

.apt-card--gold .apt-card__head h3 {
    color: #8a5a14;
}

.apt-card--navy .apt-card__head h3 {
    color: #1c2a3d;
}

.apt-card__area {
    margin: 0;
    font-size: 13px;
    color: #8a7d6a;
    letter-spacing: 0.4px;
}

.apt-card__area b {
    color: #2b2620;
    font-weight: 700;
}

/* Decorative divider */
.apt-card__divider {
    display: flex;
    align-items: center;
    gap: 10px;
    margin: 6px 0 18px;
    color: #c9973f;
}

.apt-card__divider span {
    flex: 1;
    height: 1px;
    background: linear-gradient(90deg, transparent, rgba(201, 151, 63, 0.5), transparent);
}

.apt-card__divider i {
    font-size: 14px;
}

/* Body description */
.apt-card__desc {
    color: #6b6155;
    font-size: 14.5px;
    line-height: 1.75;
    text-align: justify;
    text-align-last: left;
    margin: 0 0 18px;
}

/* Feature list — clean rows with check icons */
.apt-card__list {
    list-style: none;
    margin: 0 0 26px;
    padding: 0;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 10px 14px;
}

.apt-card__list li {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 13px;
    line-height: 1.45;
    color: #2b2620;
    font-weight: 500;
    background: linear-gradient(180deg, #faf6ef 0%, #f7eedb 100%);
    border: 1px solid rgba(201, 151, 63, 0.22);
    border-radius: 10px;
    padding: 10px 12px;
    transition: transform 0.35s ease, border-color 0.35s ease;
}

.apt-card__list li:hover {
    transform: translateX(2px);
    border-color: rgba(201, 151, 63, 0.5);
}

.apt-card__list li i {
    flex-shrink: 0;
    font-size: 15px;
    color: #b8862e;
}

/* Theme-specific accent on icons */
.apt-card--navy .apt-card__list li i {
    color: #234467;
}

.apt-card--navy .apt-card__list li {
    background: linear-gradient(180deg, #f4f7fb 0%, #e7edf5 100%);
    border-color: rgba(35, 68, 103, 0.18);
}

/* Footer row — CTA text + animated arrow */
.apt-card__footer {
    margin-top: auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-top: 18px;
    border-top: 1px dashed rgba(201, 151, 63, 0.35);
}

.apt-card--navy .apt-card__footer {
    border-top-color: rgba(35, 68, 103, 0.25);
}

.apt-card__cta-text {
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 2.2px;
    text-transform: uppercase;
}

.apt-card--gold .apt-card__cta-text {
    color: #b8862e;
}

.apt-card--navy .apt-card__cta-text {
    color: #234467;
}

.apt-card__arrow {
    width: 42px;
    height: 42px;
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    transition: transform 0.4s ease, background 0.4s ease, color 0.4s ease;
}

.apt-card--gold .apt-card__arrow {
    background: linear-gradient(135deg, #d3a256, #b8862e);
    color: #fff;
    box-shadow: 0 8px 18px rgba(184, 134, 46, 0.35);
}

.apt-card--navy .apt-card__arrow {
    background: linear-gradient(135deg, #2f527d, #1c2a3d);
    color: #fff;
    box-shadow: 0 8px 18px rgba(35, 68, 103, 0.35);
}

.apt-card:hover .apt-card__arrow {
    transform: translateX(6px) rotate(-45deg);
}

/* Responsive */
@media (max-width: 575px) {
    .apt-card__inner {
        padding: 26px 22px 24px;
    }

    .apt-card__head h3 {
        font-size: 26px;
    }

    .apt-card__list {
        grid-template-columns: 1fr;
    }

    .apt-card__top {
        flex-wrap: wrap;
    }

    .apt-card__tag {
        font-size: 10px;
    }
}

/* ============================================================
   Lifestyle Amenities Section — Premium redesign
   Two-level (Terrace + First-Floor) amenity showcase with
   tabbed switcher, glass tiles, and a closing footnote.
   ============================================================ */
.lifestyle-amenities-section {
    background: #ffffff;
    position: relative;
    padding-top: 50px !important;
    padding-bottom: 60px !important;
}

/* Tighten the main title — kill extra vertical air around it */
.lifestyle-amenities-section .section-title-two h2 {
    color: #2b2620;
    font-size: 34px;
    font-weight: 600;
    line-height: 1.32;
    margin: 0 auto !important;
    max-width: 880px;
}

.lifestyle-amenities-section .section-title-two h2 b {
    color: #b8862e !important;
    font-style: italic;
    font-weight: 500;
}

.lifestyle-amenities-section .section-title-two p {
    max-width: 100%;
    width: 100%;
    margin: 12px auto 0;
    color: #6b6155;
    font-size: 15px;
    line-height: 1.8;
    text-align: center;
}

@media (max-width: 767px) {
    .lifestyle-amenities-section .section-title-two h2 {
        font-size: 24px;
    }
    .lifestyle-amenities-section {
        padding-top: 30px !important;
        padding-bottom: 40px !important;
    }
}

/* Tab switcher */
.amenity-tabs {
    display: flex;
    justify-content: center;
    gap: 12px;
    margin: 24px 0 22px;
    flex-wrap: wrap;
}

.amenity-tab {
    appearance: none;
    border: 1px solid rgba(201, 151, 63, 0.35);
    background: #ffffff;
    color: #8a7d6a;
    padding: 13px 28px;
    border-radius: 999px;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 2px;
    text-transform: uppercase;
    display: inline-flex;
    align-items: center;
    gap: 10px;
    cursor: pointer;
    transition: all 0.35s ease;
    box-shadow: 0 6px 14px rgba(120, 90, 40, 0.06);
}

.amenity-tab i {
    font-size: 16px;
    transition: transform 0.35s ease;
}

.amenity-tab:hover {
    color: #b8862e;
    border-color: rgba(201, 151, 63, 0.6);
    transform: translateY(-2px);
}

.amenity-tab.is-active {
    background: linear-gradient(135deg, #d3a256, #b8862e);
    color: #ffffff;
    border-color: transparent;
    box-shadow: 0 12px 24px rgba(184, 134, 46, 0.32);
}

.amenity-tab.is-active i {
    transform: scale(1.1);
}

/* Panels */
.amenity-panel {
    display: none;
    background: linear-gradient(180deg, #faf6ef 0%, #f4ead9 100%);
    border: 1px solid rgba(201, 151, 63, 0.3);
    border-radius: 22px;
    padding: 38px 36px 36px;
    box-shadow: 0 22px 50px rgba(120, 90, 40, 0.10);
    animation: amenityFade 0.45s ease;
}

.amenity-panel.is-active {
    display: block;
}

@keyframes amenityFade {
    from { opacity: 0; transform: translateY(10px); }
    to   { opacity: 1; transform: translateY(0); }
}

.amenity-panel__head {
    text-align: center;
    margin-bottom: 30px;
    padding-bottom: 22px;
    border-bottom: 1px dashed rgba(201, 151, 63, 0.4);
}

.amenity-panel__floor {
    display: inline-block;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 2.5px;
    text-transform: uppercase;
    color: #b8862e;
    background: #ffffff;
    border: 1px solid rgba(201, 151, 63, 0.35);
    padding: 6px 14px;
    border-radius: 999px;
    margin-bottom: 14px;
}

.amenity-panel__head h3 {
    font-family: 'Cormorant', serif;
    font-size: 28px;
    font-weight: 600;
    color: #2b2620;
    margin: 0 0 10px;
}

.amenity-panel__head p {
    color: #6b6155;
    font-size: 14.5px;
    line-height: 1.7;
    margin: 0 auto;
    max-width: 640px;
    text-align: center;
}

/* Single-line sub-text under each panel title — fits width to content */
.amenity-panel__head .amenity-panel__sub {
    display: inline-block;
    max-width: none;
    width: auto;
    white-space: nowrap;
    padding: 0 6px;
}

@media (max-width: 767px) {
    .amenity-panel__head .amenity-panel__sub {
        white-space: normal;
        width: 100%;
        max-width: 100%;
    }
}

/* Tile grid */
.amenity-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 18px;
}

.amenity-tile {
    position: relative;
    background: #ffffff;
    border: 1px solid rgba(201, 151, 63, 0.28);
    border-radius: 16px;
    padding: 26px 22px 22px;
    text-align: left;
    transition: transform 0.4s cubic-bezier(.2,.8,.2,1),
                box-shadow 0.4s ease,
                border-color 0.4s ease;
    overflow: hidden;
}

.amenity-tile::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 3px;
    background: linear-gradient(90deg, #d3a256, #b8862e);
    transform: scaleX(0);
    transform-origin: left;
    transition: transform 0.45s ease;
}

.amenity-tile:hover {
    transform: translateY(-6px);
    box-shadow: 0 18px 38px rgba(120, 90, 40, 0.18);
    border-color: rgba(201, 151, 63, 0.55);
}

.amenity-tile:hover::before {
    transform: scaleX(1);
}

.amenity-tile__icon {
    width: 52px;
    height: 52px;
    border-radius: 14px;
    background: linear-gradient(135deg, #fbe6b6, #f1d089);
    color: #8a5a14;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 24px;
    margin-bottom: 16px;
    box-shadow: 0 8px 16px rgba(184, 134, 46, 0.18);
    transition: transform 0.4s ease;
}

.amenity-tile:hover .amenity-tile__icon {
    transform: rotate(-6deg) scale(1.05);
}

.amenity-tile h4 {
    font-size: 15px;
    font-weight: 700;
    color: #2b2620;
    margin: 0 0 6px;
    line-height: 1.35;
}

.amenity-tile p {
    font-size: 12.5px;
    color: #6b6155;
    line-height: 1.55;
    margin: 0;
}

/* Navy variant for first-floor panel */
.amenity-tile--navy::before {
    background: linear-gradient(90deg, #2f527d, #1c2a3d);
}

.amenity-tile--navy .amenity-tile__icon {
    background: linear-gradient(135deg, #e7edf5, #cfd9e8);
    color: #1c2a3d;
    box-shadow: 0 8px 16px rgba(35, 68, 103, 0.18);
}

.amenity-tile--navy:hover {
    border-color: rgba(35, 68, 103, 0.45);
    box-shadow: 0 18px 38px rgba(35, 68, 103, 0.18);
}

/* Closing footnote */
.amenity-footnote {
    margin-top: 30px;
    display: flex;
    align-items: flex-start;
    gap: 14px;
    background: linear-gradient(135deg, #2b2620 0%, #1c1812 100%);
    border-radius: 16px;
    padding: 22px 28px;
    color: #f4ead9;
    box-shadow: 0 18px 36px rgba(43, 38, 32, 0.22);
    position: relative;
    overflow: hidden;
}

.amenity-footnote::after {
    content: "";
    position: absolute;
    right: -40px;
    top: -40px;
    width: 160px;
    height: 160px;
    border-radius: 50%;
    background: radial-gradient(circle, rgba(211, 162, 86, 0.3), transparent 70%);
    pointer-events: none;
}

.amenity-footnote i {
    font-size: 26px;
    color: #d3a256;
    flex-shrink: 0;
    margin-top: 2px;
}

.amenity-footnote p {
    margin: 0;
    color: #f4ead9;
    font-size: 14px;
    line-height: 1.7;
    text-align: justify;
    text-align-last: left;
}

/* Responsive */
@media (max-width: 991px) {
    .amenity-grid {
        grid-template-columns: repeat(3, 1fr);
    }
    .amenity-panel {
        padding: 30px 24px 28px;
    }
}

@media (max-width: 767px) {
    .amenity-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 14px;
    }
    .amenity-tile {
        padding: 20px 16px 18px;
    }
    .amenity-tile__icon {
        width: 44px;
        height: 44px;
        font-size: 20px;
    }
    .amenity-tile h4 {
        font-size: 13.5px;
    }
    .amenity-tile p {
        font-size: 12px;
    }
    .amenity-panel__head h3 {
        font-size: 22px;
    }
    .amenity-footnote {
        flex-direction: column;
        gap: 8px;
        padding: 20px 22px;
    }
}

@media (max-width: 480px) {
    .amenity-grid {
        grid-template-columns: 1fr;
    }
    .amenity-tab {
        padding: 11px 20px;
        font-size: 11px;
        letter-spacing: 1.5px;
    }
}

/* ============================================================
   Premium Specifications & Building Infrastructure
   Replaces the old House Details Two layout. Two-column body:
   premium spec card (left) + image carousel with closing note
   (right). Same cream gradient skin as the apartment section.
   ============================================================ */
.specs-section {
    background: linear-gradient(180deg, #faf6ef 0%, #f4ead9 100%);
    position: relative;
    padding-top: 40px !important;
    padding-bottom: 0 !important;
}

/* Inner container — extra bottom padding so the spec row breathes
   from the next section's top padding. */
.specs-section .specs-container {
    padding-bottom: 70px;
}

/* Heading rhythm matches the apartment-area section */
.specs-section .section-title-two h2 {
    color: #2b2620;
    font-size: 34px;
    font-weight: 600;
    line-height: 1.32;
    margin: 0 auto 10px;
    max-width: 820px;
}

.specs-section .section-title-two h2 b {
    color: #b8862e !important;
    font-style: italic;
    font-weight: 500;
}

.specs-section .section-title-two p {
    max-width: 880px;
    width: 100%;
    margin: 0 auto;
    color: #6b6155;
    font-size: 15px;
    line-height: 1.8;
    text-align: center;
}

.specs-section .section-title-two .section-span-bg {
    margin-bottom: 2px !important;
}

/* Two-column body */
.specs-section .specs-row {
    margin-top: 32px;
}

/* Left content card */
.specs-section .specs-content {
    background: #ffffff;
    border: 1px solid rgba(201, 151, 63, 0.3);
    border-radius: 18px;
    padding: 32px 30px 30px;
    box-shadow: 0 18px 40px rgba(120, 90, 40, 0.10);
    position: relative;
    overflow: hidden;
}

.specs-section .specs-content::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 3px;
    background: linear-gradient(90deg, #d3a256, #b8862e);
}

/* Small chip above heading */
.specs-section .specs-chip {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 7px 14px;
    border-radius: 999px;
    background: linear-gradient(135deg, #fbe6b6, #f1d089);
    color: #8a5a14;
    border: 1px solid rgba(184, 134, 46, 0.35);
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 1.6px;
    text-transform: uppercase;
    margin-bottom: 16px;
}

.specs-section .specs-chip i {
    font-size: 15px;
}

/* Sub heading */
.specs-section .specs-h3 {
    font-family: 'Cormorant', serif;
    font-size: 24px;
    font-weight: 600;
    line-height: 1.3;
    color: #2b2620;
    margin: 0 0 12px;
}

.specs-section .specs-h3 b {
    color: #b8862e;
    font-weight: 500;
    font-style: italic;
}

.specs-section .specs-lead {
    color: #6b6155;
    font-size: 14px;
    line-height: 1.7;
    margin: 0 0 18px;
    text-align: justify;
    text-align-last: left;
}

/* Spec list — clean 2-column chip grid */
.specs-section .specs-list {
    list-style: none;
    margin: 0 0 24px;
    padding: 0;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 10px 14px;
}

.specs-section .specs-list li {
    display: flex;
    align-items: center;
    gap: 10px;
    background: linear-gradient(180deg, #faf6ef 0%, #f7eedb 100%);
    border: 1px solid rgba(201, 151, 63, 0.25);
    border-radius: 10px;
    padding: 11px 13px;
    font-size: 13px;
    line-height: 1.4;
    font-weight: 500;
    color: #2b2620;
    transition: transform 0.35s ease, border-color 0.35s ease, box-shadow 0.35s ease;
}

.specs-section .specs-list li:hover {
    transform: translateX(2px);
    border-color: rgba(201, 151, 63, 0.5);
    box-shadow: 0 8px 18px rgba(120, 90, 40, 0.08);
}

.specs-section .specs-list li i {
    flex-shrink: 0;
    width: 32px;
    height: 32px;
    border-radius: 8px;
    background: #ffffff;
    color: #b8862e;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 17px;
    border: 1px solid rgba(201, 151, 63, 0.3);
}

/* CTA button */
.specs-section .specs-cta {
    background: linear-gradient(135deg, #d3a256, #b8862e);
    border: none;
    box-shadow: 0 12px 25px rgba(184, 134, 46, 0.28);
    transition: transform 0.35s ease, box-shadow 0.35s ease;
}

.specs-section .specs-cta:hover {
    transform: translateY(-3px);
    box-shadow: 0 16px 32px rgba(184, 134, 46, 0.38);
}

/* Right column — slider wrap is centered vertically against the
   taller left card, with no empty space or stray shadow below
   the image. */
.specs-section .col-lg-7 {
    display: flex;
    align-items: center;
    justify-content: center;
}

.specs-section .specs-slider-wrap {
    position: relative;
    border-radius: 18px;
    overflow: hidden;
    /* No box-shadow — a heavy shadow paints a halo around the
       dot/nav area below the image and creates the "empty space
       with shadow" the user keeps seeing. */
    box-shadow: none;
    width: 100%;
    line-height: 0; /* kill inline whitespace below the image */
}

.specs-section .house-slider-three {
    border-radius: 18px;
    overflow: hidden;
    line-height: 0;
}

/* Force the carousel to a fixed, predictable height that matches
   the image — no leftover room for dots/nav padding. */
.specs-section .house-slider-three,
.specs-section .house-slider-three .owl-stage-outer,
.specs-section .house-slider-three .owl-stage,
.specs-section .house-slider-three .owl-item,
.specs-section .house-three-item {
    height: 480px !important;
}

.specs-section .house-three-item img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

/* Hide the default Owl dots — nav arrows are kept and styled
   below as floating chevrons over the image. */
.specs-section .house-slider-three .owl-dots,
.specs-section .house-slider-three .owl-nav.disabled + .owl-dots {
    display: none !important;
    margin: 0 !important;
    padding: 0 !important;
    height: 0 !important;
    line-height: 0 !important;
}

/* Re-style Owl's nav arrows as floating premium chevrons.
   Owl's default injects a single .owl-nav inside the carousel
   wrapping both buttons; we absolutely position the whole thing
   over the image so nothing sits below the image in flow. */
.specs-section .specs-slider-wrap {
    position: relative;
}

.specs-section .house-slider-three .owl-nav {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: 0 !important;
    padding: 0 !important;
    height: auto !important;
    line-height: 0;
    pointer-events: none; /* let clicks pass through to image unless on the button itself */
    z-index: 3;
}

.specs-section .house-slider-three .owl-nav .owl-prev,
.specs-section .house-slider-three .owl-nav .owl-next {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 46px;
    height: 46px;
    border-radius: 50%;
    background: rgba(43, 38, 32, 0.55) !important;
    color: #ffffff !important;
    font-size: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    pointer-events: auto;
    border: 1px solid rgba(255, 255, 255, 0.35);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.18);
    transition: background 0.3s ease, transform 0.3s ease, border-color 0.3s ease;
}

.specs-section .house-slider-three .owl-nav .owl-prev {
    left: 18px;
}

.specs-section .house-slider-three .owl-nav .owl-next {
    right: 18px;
}

.specs-section .house-slider-three .owl-nav .owl-prev:hover,
.specs-section .house-slider-three .owl-nav .owl-next:hover {
    background: linear-gradient(135deg, #d3a256, #b8862e) !important;
    border-color: transparent;
    transform: translateY(-50%) scale(1.08);
}

/* Replace flaticon chevron text with a CSS chevron via ::before */
.specs-section .house-slider-three .owl-nav .owl-prev::before,
.specs-section .house-slider-three .owl-nav .owl-next::before {
    font-family: 'boxicons' !important;
    font-style: normal;
    font-weight: normal;
    font-size: 22px !important;
    line-height: 1;
    color: #ffffff;
    background: none !important;
    content: "" !important;
}

.specs-section .house-slider-three .owl-nav .owl-prev::after {
    content: "\ea4d"; /* bx-chevron-left */
    font-family: 'boxicons' !important;
    font-style: normal;
    font-weight: normal;
    font-size: 22px;
    color: #ffffff;
    line-height: 1;
}

.specs-section .house-slider-three .owl-nav .owl-next::after {
    content: "\ea50"; /* bx-chevron-right */
    font-family: 'boxicons' !important;
    font-style: normal;
    font-weight: normal;
    font-size: 22px;
    color: #ffffff;
    line-height: 1;
}

/* Hide the original flaticon text inside the i tags */
.specs-section .house-slider-three .owl-nav .owl-prev i,
.specs-section .house-slider-three .owl-nav .owl-next i {
    font-size: 0 !important;
    line-height: 0 !important;
    display: none !important;
}

/* Floating closing note over the carousel */
.specs-section .specs-note {
    position: absolute;
    left: 22px;
    right: 22px;
    bottom: 22px;
    display: flex;
    align-items: flex-start;
    gap: 14px;
    background: linear-gradient(135deg, #2b2620 0%, #1c1812 100%);
    border-radius: 14px;
    padding: 18px 22px;
    color: #f4ead9;
    box-shadow: 0 18px 36px rgba(43, 38, 32, 0.28);
    z-index: 2;
}

.specs-section .specs-note i {
    font-size: 24px;
    color: #d3a256;
    flex-shrink: 0;
    margin-top: 2px;
}

.specs-section .specs-note p {
    margin: 0;
    color: #f4ead9;
    font-size: 13.5px;
    line-height: 1.65;
    text-align: justify;
    text-align-last: left;
}

/* Responsive */
@media (max-width: 991px) {
    .specs-section .col-lg-7 {
        display: block;
    }
    .specs-section .specs-content {
        margin-bottom: 26px;
    }
    .specs-section .house-slider-three,
    .specs-section .house-slider-three .owl-stage-outer,
    .specs-section .house-slider-three .owl-stage,
    .specs-section .house-slider-three .owl-item,
    .specs-section .house-three-item {
        height: 380px !important;
    }
    .specs-section .specs-container {
        padding-bottom: 50px;
    }
}

@media (max-width: 767px) {
    .specs-section {
        padding-top: 30px !important;
    }
    .specs-section .specs-container {
        padding-bottom: 40px;
    }
    .specs-section .section-title-two h2 {
        font-size: 24px;
    }
    .specs-section .specs-content {
        padding: 26px 22px 24px;
    }
    .specs-section .specs-h3 {
        font-size: 20px;
    }
    .specs-section .specs-list {
        grid-template-columns: 1fr;
    }
    .specs-section .house-slider-three,
    .specs-section .house-slider-three .owl-stage-outer,
    .specs-section .house-slider-three .owl-stage,
    .specs-section .house-slider-three .owl-item,
    .specs-section .house-three-item {
        height: 300px !important;
    }
}

/* ============================================================
   Developer Section — Premium redesign (v3)
   Cream gradient background matching specs-section.
   Hero identity strip + narrative with quote + 3x2 consultant tiles.
   ============================================================ */
.developer-section {
    background: #ffffff;
    padding-top: 60px !important;
    padding-bottom: 60px !important;
    position: relative;
    overflow: hidden;
}

/* Decorative ambient orbs removed — section is white */

.developer-section .container {
    position: relative;
    z-index: 1;
}

/* Heading */
.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 {
    color: #2b2620;
    font-size: 32px;
    font-weight: 600;
    margin: 12px auto 0;
    max-width: 820px;
    line-height: 1.3;
}

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

/* ============================================================
   RERA-Registered Residential Project (merged into developer section)
   ============================================================ */
.developer-section .dev-rera-row {
    margin-top: 28px;
}

/* Left badge card */
.developer-section .dev-rera-badge-card {
    background: linear-gradient(160deg, #fbf3e2 0%, #ffffff 100%);
    border: 1px solid rgba(211, 162, 86, 0.32);
    border-radius: 18px;
    padding: 32px 30px 28px;
    box-shadow: 0 20px 44px rgba(120, 90, 40, 0.12);
    position: relative;
    overflow: hidden;
    height: 100%;
}

.developer-section .dev-rera-badge-card::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 3px;
    background: linear-gradient(90deg, #d3a256, #b8862e);
}

.developer-section .dev-rera-badge-icon {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    background: linear-gradient(135deg, #d3a256, #b8862e);
    color: #fff;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 26px;
    box-shadow: 0 10px 22px rgba(184, 134, 46, 0.32);
    margin-bottom: 18px;
}

.developer-section .dev-rera-badge-label {
    font-size: 10px;
    font-weight: 700;
    color: #b8862e;
    letter-spacing: 2px;
    text-transform: uppercase;
    margin: 0 0 8px;
}

.developer-section .dev-rera-badge-number {
    font-family: 'Cormorant', serif;
    font-size: 28px;
    font-weight: 700;
    color: #2b2620;
    line-height: 1.15;
    margin: 0 0 6px;
    letter-spacing: 0.5px;
}

.developer-section .dev-rera-badge-platform {
    font-size: 12.5px;
    color: #6b6155;
    margin: 0 0 18px;
}

.developer-section .dev-rera-badge-divider {
    height: 1px;
    background: linear-gradient(90deg, transparent, rgba(201, 151, 63, 0.4), transparent);
    margin: 0 0 16px;
}

.developer-section .dev-rera-badge-note {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    background: #fff;
    border: 1px solid rgba(201, 151, 63, 0.3);
    border-radius: 10px;
    padding: 12px 14px;
    font-size: 12px;
    color: #6b6155;
    line-height: 1.55;
}

.developer-section .dev-rera-badge-note i {
    color: #b8862e;
    font-size: 18px;
    flex-shrink: 0;
    margin-top: 1px;
}

/* Right descriptive content */
.developer-section .dev-rera-content {
    background: #ffffff;
    border: 1px solid rgba(201, 151, 63, 0.3);
    border-radius: 18px;
    padding: 30px 32px;
    box-shadow: 0 18px 40px rgba(120, 90, 40, 0.08);
    height: 100%;
}

.developer-section .dev-rera-content p {
    color: #6b6155;
    font-size: 14px;
    line-height: 1.75;
    text-align: justify;
    text-align-last: left;
    margin: 0 0 12px;
}

.developer-section .dev-rera-content p:last-of-type {
    margin-bottom: 0;
}

.developer-section .dev-rera-points {
    list-style: none;
    margin: 16px 0 0;
    padding: 16px 0 0;
    border-top: 1px dashed rgba(201, 151, 63, 0.4);
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 9px 12px;
}

.developer-section .dev-rera-points li {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 12.5px;
    color: #2b2620;
    font-weight: 500;
    background: linear-gradient(180deg, #faf6ef 0%, #f7eedb 100%);
    border: 1px solid rgba(201, 151, 63, 0.25);
    border-radius: 8px;
    padding: 9px 11px;
}

.developer-section .dev-rera-points li i {
    color: #b8862e;
    font-size: 14px;
    flex-shrink: 0;
}

/* ============================================================
   Hero identity strip — full-width premium card
   ============================================================ */
.developer-section .dev-hero {
    margin-top: 32px;
    background: linear-gradient(135deg, #2b2620 0%, #1c1812 100%);
    border-radius: 20px;
    padding: 30px 38px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 30px;
    box-shadow: 0 24px 50px rgba(43, 38, 32, 0.25);
    position: relative;
    overflow: hidden;
}

.developer-section .dev-hero::after {
    content: "";
    position: absolute;
    top: -60px;
    right: -60px;
    width: 200px;
    height: 200px;
    border-radius: 50%;
    background: radial-gradient(circle, rgba(211, 162, 86, 0.35), transparent 70%);
    pointer-events: none;
}

.developer-section .dev-hero__left {
    display: flex;
    align-items: center;
    gap: 22px;
    flex: 1;
    min-width: 0;
}

.developer-section .dev-hero__crest {
    width: 72px;
    height: 72px;
    border-radius: 50%;
    background: linear-gradient(135deg, #d3a256, #b8862e);
    color: #fff;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 32px;
    box-shadow: 0 10px 24px rgba(184, 134, 46, 0.45);
    flex-shrink: 0;
}

.developer-section .dev-hero__identity {
    min-width: 0;
}

.developer-section .dev-hero__tag {
    display: inline-block;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 2.5px;
    text-transform: uppercase;
    color: #d3a256;
    background: rgba(211, 162, 86, 0.14);
    border: 1px solid rgba(211, 162, 86, 0.35);
    padding: 5px 12px;
    border-radius: 999px;
    margin-bottom: 10px;
}

.developer-section .dev-hero__name {
    font-family: 'Cormorant', serif;
    color: #f4ead9;
    font-size: 30px;
    font-weight: 700;
    margin: 0 0 6px;
    line-height: 1.15;
}

.developer-section .dev-hero__venture {
    color: rgba(244, 234, 217, 0.78);
    font-size: 13.5px;
    line-height: 1.6;
    margin: 0;
    max-width: 620px;
}

.developer-section .dev-hero__right {
    display: flex;
    align-items: center;
    gap: 22px;
    flex-shrink: 0;
}

.developer-section .dev-hero__stat {
    display: flex;
    align-items: center;
    gap: 12px;
}

.developer-section .dev-hero__year {
    font-family: 'Cormorant', serif;
    font-size: 44px;
    font-weight: 700;
    color: #d3a256;
    line-height: 1;
}

.developer-section .dev-hero__year--small {
    font-size: 22px;
    letter-spacing: 0.5px;
    white-space: nowrap;
}

.developer-section .dev-hero__year-label {
    font-size: 11px;
    font-weight: 700;
    color: rgba(244, 234, 217, 0.7);
    text-transform: uppercase;
    line-height: 1.35;
    letter-spacing: 1px;
}

.developer-section .dev-hero__divider {
    width: 1px;
    height: 50px;
    background: rgba(211, 162, 86, 0.35);
}

/* ============================================================
   Two-column body row
   ============================================================ */
.developer-section .dev-row {
    margin-top: 28px;
}

/* Narrative (left) */
.developer-section .dev-content {
    background: #ffffff;
    border: 1px solid rgba(201, 151, 63, 0.3);
    border-radius: 18px;
    padding: 32px 32px 30px;
    box-shadow: 0 18px 40px rgba(120, 90, 40, 0.10);
    position: relative;
    overflow: hidden;
    height: 100%;
}

.developer-section .dev-content::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 3px;
    background: linear-gradient(90deg, #d3a256, #b8862e);
}

.developer-section .dev-content__chip {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 7px 14px;
    border-radius: 999px;
    background: linear-gradient(135deg, #fbe6b6, #f1d089);
    color: #8a5a14;
    border: 1px solid rgba(184, 134, 46, 0.35);
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 1.6px;
    text-transform: uppercase;
    margin-bottom: 16px;
}

.developer-section .dev-content__chip i {
    font-size: 15px;
}

.developer-section .dev-content__h {
    font-family: 'Cormorant', serif;
    color: #2b2620;
    font-size: 22px;
    font-weight: 600;
    line-height: 1.35;
    margin: 0 0 18px;
}

/* Quote block */
.developer-section .dev-content__quote {
    position: relative;
    background: linear-gradient(180deg, #faf6ef 0%, #f7eedb 100%);
    border: 1px dashed rgba(201, 151, 63, 0.4);
    border-radius: 12px;
    padding: 22px 22px 22px 56px;
    margin: 0 0 18px;
}

.developer-section .dev-content__quote i {
    position: absolute;
    top: 18px;
    left: 18px;
    font-size: 26px;
    color: #d3a256;
    opacity: 0.85;
}

.developer-section .dev-content__quote p {
    color: #2b2620;
    font-size: 14px;
    line-height: 1.7;
    margin: 0;
    text-align: justify;
    text-align-last: left;
    font-weight: 500;
}

.developer-section .dev-content__lead {
    color: #6b6155;
    font-size: 13.5px;
    line-height: 1.75;
    margin: 0;
    text-align: justify;
    text-align-last: left;
}

/* Consultant block (right) */
.developer-section .consultant-block {
    background: #ffffff;
    border: 1px solid rgba(201, 151, 63, 0.3);
    border-radius: 18px;
    padding: 30px 30px 28px;
    box-shadow: 0 18px 40px rgba(120, 90, 40, 0.10);
    position: relative;
    overflow: hidden;
    height: 100%;
}

.developer-section .consultant-block::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 3px;
    background: linear-gradient(90deg, #d3a256, #b8862e);
}

.developer-section .consultant-block__head {
    margin-bottom: 22px;
    padding-bottom: 18px;
    border-bottom: 1px dashed rgba(201, 151, 63, 0.4);
}

.developer-section .consultant-block__eyebrow {
    display: inline-block;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 2.5px;
    text-transform: uppercase;
    color: #b8862e;
    margin-bottom: 8px;
}

.developer-section .consultant-block__h {
    font-family: 'Cormorant', serif;
    color: #2b2620;
    font-size: 22px;
    font-weight: 600;
    margin: 0;
    line-height: 1.3;
}

.developer-section .consultant-block__h i {
    color: #b8862e;
    font-style: italic;
    font-weight: 500;
}

/* 3x2 consultant tiles */
.developer-section .consultant-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 14px;
}

.developer-section .consultant-card {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    background: linear-gradient(180deg, #faf6ef 0%, #f7eedb 100%);
    border: 1px solid rgba(201, 151, 63, 0.25);
    border-radius: 12px;
    padding: 14px 14px;
    transition: transform 0.35s ease, border-color 0.35s ease, box-shadow 0.35s ease;
    position: relative;
    overflow: hidden;
}

.developer-section .consultant-card::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 2px;
    background: linear-gradient(90deg, #d3a256, #b8862e);
    transform: scaleX(0);
    transform-origin: left;
    transition: transform 0.4s ease;
}

.developer-section .consultant-card:hover {
    transform: translateY(-3px);
    border-color: rgba(201, 151, 63, 0.55);
    box-shadow: 0 12px 24px rgba(120, 90, 40, 0.12);
}

.developer-section .consultant-card:hover::before {
    transform: scaleX(1);
}

.developer-section .consultant-card__icon {
    width: 42px;
    height: 42px;
    border-radius: 10px;
    background: linear-gradient(135deg, #fbe6b6, #f1d089);
    color: #8a5a14;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    flex-shrink: 0;
    border: 1px solid rgba(184, 134, 46, 0.3);
    transition: transform 0.35s ease;
}

.developer-section .consultant-card:hover .consultant-card__icon {
    transform: rotate(-6deg) scale(1.05);
}

.developer-section .consultant-card__body {
    min-width: 0;
}

.developer-section .consultant-card__body h5 {
    font-family: 'Cormorant', serif;
    color: #2b2620;
    font-size: 16px;
    font-weight: 700;
    margin: 0 0 3px;
    line-height: 1.2;
}

.developer-section .consultant-card__body p {
    color: #6b6155;
    font-size: 12px;
    line-height: 1.45;
    margin: 0;
}

/* Responsive */
@media (max-width: 991px) {
    .developer-section .dev-hero {
        flex-direction: column;
        align-items: flex-start;
        padding: 28px 28px;
    }
    .developer-section .dev-hero__right {
        width: 100%;
        justify-content: flex-start;
    }
    .developer-section .dev-content {
        margin-bottom: 24px;
    }
    .developer-section .dev-rera-badge-card {
        margin-bottom: 24px;
    }
    .developer-section .dev-rera-points {
        grid-template-columns: 1fr;
    }
    .developer-section .consultant-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 767px) {
    .developer-section {
        padding-top: 40px !important;
        padding-bottom: 40px !important;
    }
    .developer-section .section-title-two h2 {
        font-size: 24px;
    }
    .developer-section .dev-hero {
        padding: 24px 22px;
    }
    .developer-section .dev-hero__left {
        flex-direction: column;
        align-items: flex-start;
        gap: 16px;
    }
    .developer-section .dev-hero__crest {
        width: 60px;
        height: 60px;
        font-size: 26px;
    }
    .developer-section .dev-hero__name {
        font-size: 24px;
    }
    .developer-section .dev-hero__year {
        font-size: 36px;
    }
    .developer-section .dev-hero__year--small {
        font-size: 18px;
    }
    .developer-section .dev-hero__divider {
        height: 40px;
    }
    .developer-section .dev-content,
    .developer-section .consultant-block,
    .developer-section .dev-rera-content,
    .developer-section .dev-rera-badge-card {
        padding: 24px 22px;
    }
    .developer-section .dev-content__h,
    .developer-section .consultant-block__h {
        font-size: 19px;
    }
    .developer-section .dev-content__quote {
        padding: 18px 18px 18px 50px;
    }
    .developer-section .dev-content__quote p,
    .developer-section .dev-content__lead {
        text-align: left;
    }
    .developer-section .consultant-grid {
        grid-template-columns: 1fr;
    }
}

/* ============================================================
   GLOBAL PROPERTY PAGE — Justify text + mobile responsiveness pass
   Ensures every paragraph across all sections renders as full
   justified copy on every breakpoint (desktop, tablet, mobile).
   Also handles overflow, font-size and layout fixes.
   ============================================================ */

/* Full justify on every paragraph block site-wide (desktop/tablet) */
.intro-content-area p,
.premium-residential-section p,
.apartment-area .section-title-two p,
.apartment-area .apt-card__desc,
.house-details-two .house-content-two p,
.lifestyle-amenities-section .section-title-two p,
.lifestyle-amenities-section .amenity-panel__head p,
.lifestyle-amenities-section .amenity-footnote p,
.specs-section .specs-lead,
.specs-section .section-title-two p,
.specs-section .specs-note p,
.developer-section .dev-rera-content p,
.developer-section .dev-content__quote p,
.developer-section .dev-content__lead,
.faq-area .accordion-body,
.faq-area .brochure-panel__lead {
    text-align: justify;
    text-align-last: left;
    -webkit-hyphens: auto;
    hyphens: auto;
}

/* ============================================================
   Intro Content Area — MOBILE REORDER
   Image must appear BEFORE content on mobile.
   ============================================================ */
@media (max-width: 767px) {
    .intro-content-area .intro-row {
        gap: 28px;
    }

    .intro-content-area .intro-mobile-first {
        order: 1;
        width: 100%;
        flex: 1 1 100%;
    }

    .intro-content-area .intro-mobile-second {
        order: 2;
        width: 100%;
        flex: 1 1 100%;
    }

    .intro-content-area .intro-img-wrap {
        border-radius: 12px;
    }

    .intro-content-area p.intro-desc {
        text-align: justify;
        text-align-last: left;
        -webkit-hyphens: auto;
        hyphens: auto;
    }

    .intro-content-area h1 {
        font-size: 26px;
        line-height: 1.3;
    }

    .intro-content-area .intro-eyebrow-text {
        font-size: 12px;
        letter-spacing: 2px;
    }
}
    /* =====================================================
   RERA Trust & Verification Section — Compact Layout
   ===================================================== */
        .rera-trust-area {
            position: relative;
            background: linear-gradient(180deg, #faf3e5 0%, #f5e9d0 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: 0 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: 7px;
            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: 32px;
            height: 32px;
            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: 12.5px;
            font-weight: 700;
            color: #2b2620;
            margin: 0 0 4px;
            line-height: 1.3;
        }

        .rera-step p {
            font-size: 11px;
            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 & Consultant Credentials Section
   Profile card + professional team grid
   ===================================================== */
        .developer-credentials-area {
            background: #ffffff;
            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;
            }
        }

        /* ---- RERA Section: shrink seal + steps further on tiny screens ---- */
        @media (max-width: 420px) {
            .rera-seal {
                width: 78px;
                height: 78px;
            }

            .rera-seal-core {
                width: 58px;
                height: 58px;
            }

            .rera-seal-core i {
                font-size: 13px;
            }

            .rera-seal-core span {
                font-size: 6px;
            }

            .rera-seal-tag {
                font-size: 10px;
                padding: 4px 10px;
            }

            .rera-step-num {
                width: 28px;
                height: 28px;
                font-size: 11px;
            }

            .rera-step h4 {
                font-size: 11.5px;
            }

            .rera-step p {
                font-size: 10px;
            }
        }

        /* ---- Developer Credentials: badge + card padding ---- */
        @media (max-width: 480px) {
            .dc-profile-icon {
                width: 52px;
                height: 52px;
                font-size: 22px;
            }

            .dc-profile-card h3 {
                font-size: 19px;
            }

            .dc-est-badge {
                padding: 10px 14px;
            }

            .dc-team-card {
                padding: 13px 14px;
                gap: 12px;
            }

            .dc-team-icon {
                width: 38px;
                height: 38px;
                font-size: 16px;
            }

            .dc-team-info h4 {
                font-size: 13px;
            }
        }

        /* ---- FAQ Section: number badge + spacing on tiny screens ---- */
        @media (max-width: 420px) {
            .faq-question h3 {
                font-size: 13.5px;
                padding-left: 30px;
            }

            .faq-icon {
                width: 28px;
                height: 28px;
                font-size: 14px;
            }

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

        /* ---- Map + Contact Section: form padding tightened ---- */
        @media (max-width: 480px) {

            .contact-info-card,
            .map-area-two .contact-form {
                padding: 26px 20px;
            }

            .contact-info-card h3 {
                font-size: 21px;
            }

            .contact-info-list .ci-icon {
                width: 40px;
                height: 40px;
                font-size: 16px;
            }

            .mc-map-frame iframe {
                height: 220px;
            }
        }

        /* ---- Global: prevent any wide element (image/iframe/table) from overflowing viewport ---- */
        @media (max-width: 767px) {

            img,
            iframe,
            video {
                max-width: 100%;
                height: auto;
            }

            .mc-map-frame iframe {
                height: 260px;
            }

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

/* ============================================================
   Property Details Strip — mobile chips
   Five items in a row break on small screens; convert to a
   horizontally scrollable pill list.
   ============================================================ */
@media (max-width: 991px) {
    .property-details .property-details-list ul {
        flex-wrap: wrap;
        justify-content: center;
        gap: 8px 14px;
    }
    .property-details .property-details-list ul li {
        font-size: 13px;
    }
    .property-details .property-details-list ul li i {
        font-size: 40px;
    }
}

@media (max-width: 767px) {
    .property-details .property-details-list ul {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        gap: 10px 12px;
    }
    .property-details .property-details-list ul li {
        flex: 1 1 45%;
        min-width: 140px;
        font-size: 12px;
        text-align: center;
        justify-content: center;
        margin-right: 0;
        padding-left: 28px;
        padding-top: 12px;
        padding-bottom: 12px;
    }
    .property-details .property-details-list ul li i {
        font-size: 30px;
    }
}

@media (max-width: 420px) {
    .property-details .property-details-list ul li {
        flex: 1 1 100%;
    }
    .property-details .property-details-list ul li i {
        font-size: 26px;
    }
}

/* ============================================================
   Premium Residential Section — mobile refinements
   ============================================================ */
@media (max-width: 767px) {
    .premium-residential-section .premium-residential-content p {
        text-align: justify;
        text-align-last: left;
        -webkit-hyphens: auto;
        hyphens: auto;
    }
    .premium-residential-section .premium-features-box {
        padding: 22px 18px;
    }
    .premium-residential-section .premium-features-box h3 {
        font-size: 16px;
    }
    .premium-residential-section .premium-features-box ul li {
        font-size: 12.5px;
        padding: 8px 10px;
    }
}

/* ============================================================
   Apartment Area — text + card refinements
   ============================================================ */
@media (max-width: 767px) {
    .apartment-area .section-title-two p {
        text-align: center;
        text-align-last: center;
        -webkit-hyphens: auto;
        hyphens: auto;
    }
    .apartment-area .apt-card__desc {
        text-align: justify;
        text-align-last: left;
        -webkit-hyphens: auto;
        hyphens: auto;
    }
}

/* "Majestic Sky Bungalow offers two spacious…" — single intro
   sentence under the apartment area heading. Center-align it on
   every breakpoint so it sits visually balanced under the title. */
.apartment-area .section-title-two p,
.apartment-area .section-title-two > p {
    text-align: center !important;
    text-align-last: center !important;
    max-width: 880px;
    margin-left: auto !important;
    margin-right: auto !important;
}

/* ============================================================
   House Details Two — mobile refinements
   ============================================================ */
@media (max-width: 767px) {
    .house-details-two .house-content-two p {
        text-align: justify;
        text-align-last: left;
        -webkit-hyphens: auto;
        hyphens: auto;
    }
    .house-details-two .house-list li {
        font-size: 11px;
        padding: 11px 0;
    }
    .house-details-two .house-list li b {
        font-size: 13px;
    }
}

/* ============================================================
   Lifestyle Amenities — mobile refinements
   ============================================================ */
@media (max-width: 767px) {
    .lifestyle-amenities-section .section-title-two p,
    .lifestyle-amenities-section .amenity-panel__head p,
    .lifestyle-amenities-section .amenity-footnote p {
        text-align: justify;
        text-align-last: left;
        -webkit-hyphens: auto;
        hyphens: auto;
    }
    .amenity-tabs {
        gap: 8px;
    }
    .amenity-tab {
        padding: 10px 18px;
        font-size: 11px;
        letter-spacing: 1.5px;
    }
}

/* ============================================================
   Specs Section — mobile refinements
   ============================================================ */
@media (max-width: 767px) {
    .specs-section .specs-lead {
        text-align: justify;
        text-align-last: left;
        -webkit-hyphens: auto;
        hyphens: auto;
    }
    .specs-section .section-title-two p {
        text-align: justify;
        text-align-last: left;
        -webkit-hyphens: auto;
        hyphens: auto;
    }
    .specs-section .specs-note p {
        text-align: justify;
        text-align-last: left;
        -webkit-hyphens: auto;
        hyphens: auto;
        font-size: 12.5px;
    }
    .specs-section .specs-note {
        left: 14px;
        right: 14px;
        bottom: 14px;
        padding: 14px 16px;
        gap: 10px;
    }
    .specs-section .specs-note i {
        font-size: 20px;
    }
}

/* ============================================================
   Developer Section — mobile refinements
   ============================================================ */
@media (max-width: 767px) {
    .developer-section .dev-rera-content p,
    .developer-section .dev-content__quote p,
    .developer-section .dev-content__lead {
        text-align: justify;
        text-align-last: left;
        -webkit-hyphens: auto;
        hyphens: auto;
    }
    .developer-section .dev-hero__right {
        flex-wrap: wrap;
        gap: 14px 18px;
    }
    .developer-section .dev-hero__stat {
        flex: 1 1 45%;
        min-width: 0;
    }
    .developer-section .dev-rera-points {
        grid-template-columns: 1fr;
    }
}

/* ============================================================
   FAQ Area — mobile refinements
   ============================================================ */
@media (max-width: 767px) {
    .faq-area .accordion-body {
        text-align: justify;
        text-align-last: left;
        -webkit-hyphens: auto;
        hyphens: auto;
    }
    .faq-area .brochure-panel__lead {
        text-align: justify;
        text-align-last: left;
        -webkit-hyphens: auto;
        hyphens: auto;
    }
}

/* ============================================================
   Final safety net — kill any horizontal overflow on small screens
   caused by fixed widths, oversized owl arrows, or oversized images.
   ============================================================ */
@media (max-width: 767px) {
    .intro-content-area,
    .premium-residential-section,
    .apartment-area,
    .lifestyle-amenities-section,
    .specs-section,
    .developer-section,
    .faq-area,
    .house-details-two {
        overflow-x: hidden;
    }
    .intro-content-area .intro-eyebrow {
        flex-wrap: wrap;
        gap: 8px;
    }
}

@media (max-width: 480px) {
    .intro-content-area h1 {
        font-size: 23px;
    }
    .intro-content-area p.intro-desc {
        font-size: 14.5px;
    }
    .property-details .property-details-list ul li {
        font-size: 11.5px;
    }
}

/* ===== Inline-style conversions (formerly style="..." in property.php) ===== */

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

/* Amenity card item name (formerly <h4> in amenity grid) */
.amenity-name {
    margin: 0 0 6px 0;
    font-size: 17px;
    font-weight: 600;
    color: #1f2a36;
    line-height: 1.3;
}
.amenity-name span {
    display: block;
}

/* Consultant card item name (formerly <h4> in consultant list) */
.consultant-name {
    margin: 0 0 4px 0;
    font-size: 17px;
    font-weight: 600;
    color: #1f2a36;
    line-height: 1.3;
}
.consultant-name span {
    display: block;
}