.elementor-41 .elementor-element.elementor-element-2247f21{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-41 .elementor-element.elementor-element-3ca552c{--display:flex;}.elementor-41 .elementor-element.elementor-element-f974a7e{--display:flex;}.elementor-41 .elementor-element.elementor-element-8d46a47{--display:flex;}.elementor-41 .elementor-element.elementor-element-fd6a385{--display:flex;}.elementor-41 .elementor-element.elementor-element-96b0667{--display:flex;}.elementor-41 .elementor-element.elementor-element-2d1cc81{--display:flex;}.elementor-41 .elementor-element.elementor-element-48a1a30{--display:flex;}body.elementor-page-41:not(.elementor-motion-effects-element-type-background), body.elementor-page-41 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-d445c6b );}:root{--page-title-display:none;}/* Start custom CSS for html, class: .elementor-element-a7059b2 *//* =========================================================
   PREMIUM REAL ESTATE HERO
   DESKTOP VIEW ONLY
   1200px+
   
   Background Image + Centered Content
   No bottom text / scroll indicator
========================================================= */

.premium-hero {
    position: relative;

    width: 100%;
    min-height: 720px;

    margin: 0;
    padding: 0;

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

    overflow: hidden;

    box-sizing: border-box;
}


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

.premium-hero-image {
    position: absolute;
    inset: 0;

    width: 100%;
    height: 100%;

    background-image: url("https://images.unsplash.com/photo-1600607687939-ce8a6c25118c?auto=format&fit=crop&w=2000&q=85");

    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;

    z-index: 1;
}


/* =========================================================
   PREMIUM OVERLAY
========================================================= */

.premium-hero-overlay {
    position: absolute;
    inset: 0;

    width: 100%;
    height: 100%;

    background:
        linear-gradient(
            180deg,
            rgba(0, 0, 0, 0.22) 0%,
            rgba(127, 1, 31, 0.48) 100%
        );

    z-index: 2;
}


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

.premium-hero-content {
    position: relative;
    z-index: 3;

    width: 100%;
    max-width: 1000px;

    margin: 0 auto;
    padding: 80px 50px;

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

    text-align: center;

    box-sizing: border-box;
}


/* =========================================================
   LABEL
========================================================= */

.premium-hero-label {
    display: flex;
    align-items: center;
    justify-content: center;

    gap: 18px;

    margin-bottom: 28px;

    font-family: "Hanken Grotesk", sans-serif !important;
    font-size: 18px !important;
    font-weight: 600;

    line-height: 1.4;
    letter-spacing: 4px;

    color: #FFFFFF;
}


/* =========================================================
   LABEL LINES
========================================================= */

.premium-hero-line {
    display: block;

    width: 60px;
    height: 2px;

    flex-shrink: 0;

    background: #DBD4A4;
}


/* =========================================================
   MAIN HEADING
   H1 = 68px
========================================================= */

.premium-hero-content h1 {
    width: 100%;
    max-width: 950px;

    margin: 0;

    font-family: "Newsreader", serif !important;
    font-size: 68px !important;
    font-weight: 500;

    line-height: 1.02;
    letter-spacing: -0.8px;

    color: #FFFFFF;

    text-shadow: 0 2px 18px rgba(0, 0, 0, 0.18);
}


.premium-hero-content h1 span {
    display: block;

    color: #FFFFFF;
}


/* =========================================================
   DESCRIPTION
   FIXED BODY TEXT = 18px
========================================================= */

.premium-hero-content p {
    width: 100%;
    max-width: 650px;

    margin: 28px auto 0;

    font-family: "Hanken Grotesk", sans-serif !important;
    font-size: 18px !important;
    font-weight: 400;

    line-height: 1.7;

    color: #FFFFFF;
}


/* =========================================================
   BUTTON CONTAINER
========================================================= */

.premium-hero-buttons {
    display: flex;
    align-items: center;
    justify-content: center;

    gap: 16px;

    margin-top: 38px;
}


/* =========================================================
   BUTTON BASE
========================================================= */

.premium-hero-btn {
    min-width: 240px;
    min-height: 64px;

    padding: 0 28px;

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

    gap: 16px;

    box-sizing: border-box;

    font-family: "Hanken Grotesk", sans-serif !important;
    font-size: 18px !important;
    font-weight: 600;

    line-height: 1.4;
    letter-spacing: 0.7px;

    text-decoration: none;

    cursor: pointer;
}


/* =========================================================
   PRIMARY BUTTON
========================================================= */

.premium-hero-btn.primary-btn {
    background: #DBD4A4;
    border: 1px solid #DBD4A4;

    color: #7F011F;
}


.premium-hero-btn.primary-btn i {
    color: #7F011F;
    font-size: 18px;
}


/* =========================================================
   SECONDARY BUTTON
========================================================= */

.premium-hero-btn.secondary-btn {
    background: transparent;
    border: 1px solid #FFFFFF;

    color: #FFFFFF;
}


.premium-hero-btn.secondary-btn i {
    color: #FFFFFF;
    font-size: 18px;
}


/* =========================================================
   NO HOVER EFFECTS
========================================================= */

.premium-hero-btn:hover,
.premium-hero-btn.primary-btn:hover,
.premium-hero-btn.secondary-btn:hover {
    background: inherit !important;

    color: inherit !important;

    border-color: inherit !important;

    transform: none !important;

    box-shadow: none !important;

    filter: none !important;

    opacity: 1 !important;
}


.premium-hero-btn.primary-btn:hover {
    background: #DBD4A4 !important;
    color: #7F011F !important;
    border-color: #DBD4A4 !important;
}


.premium-hero-btn.primary-btn:hover i {
    color: #7F011F !important;
}


.premium-hero-btn.secondary-btn:hover {
    background: transparent !important;
    color: #FFFFFF !important;
    border-color: #FFFFFF !important;
}


.premium-hero-btn.secondary-btn:hover i {
    color: #FFFFFF !important;
}


/* =========================================================
   1440PX PREMIUM DESKTOP
========================================================= */

@media (min-width: 1440px) {

    .premium-hero {
        min-height: 760px;
    }

    .premium-hero-content {
        max-width: 1100px;

        padding: 90px 50px;
    }

    .premium-hero-label {
        margin-bottom: 30px;

        font-size: 18px !important;
        letter-spacing: 4px;
    }

    .premium-hero-line {
        width: 70px;
    }

    .premium-hero-content h1 {
        font-size: 68px !important;
        line-height: 1.02;
    }

    .premium-hero-content p {
        max-width: 700px;

        margin-top: 30px;

        font-size: 18px !important;
        line-height: 1.75;
    }

    .premium-hero-buttons {
        margin-top: 40px;
    }

    .premium-hero-btn {
        min-width: 250px;
        min-height: 66px;

        font-size: 18px !important;
    }
}


/* =========================================================
   DESKTOP TYPOGRAPHY
========================================================= */

.premium-hero-content h1,
.premium-hero-content h2,
.premium-hero-content h3,
.premium-hero-content h4 {
    font-family: "Newsreader", serif !important;
}


.premium-hero-content h1 {
    font-size: 68px !important;
}


.premium-hero-content h2 {
    font-size: 58px !important;
}


.premium-hero-content h3 {
    font-size: 38px !important;
}


.premium-hero-content h4 {
    font-size: 28px !important;
}


.premium-hero-content p,
.premium-hero-content a,
.premium-hero-content span {
    font-family: "Hanken Grotesk", sans-serif !important;
}


/* =========================================================
   REMOVE UNWANTED ELEMENTS IF PRESENT
========================================================= */

.premium-hero .scroll-indicator,
.premium-hero .explore-properties,
.premium-hero .hero-scroll,
.premium-hero .hero-bottom-text {
    display: none !important;
}


/* =========================================================
   NO ANIMATION
========================================================= */

.premium-hero,
.premium-hero *,
.premium-hero *::before,
.premium-hero *::after {
    transition: none !important;
    animation: none !important;
}
/* =========================================================
   PREMIUM REAL ESTATE HERO
   RESPONSIVE TABLET + MOBILE
   DIFFERENT DESIGN FROM DESKTOP

   Tablet : 768px — 1199px
   Mobile : 767px and below

   Heading : Newsreader
   Body    : Hanken Grotesk
   Body    : 18px fixed

   Colors:
   Primary : #7F011F
   Accent  : #DBD4A4

   No hover effects
   No scroll/bottom text
========================================================= */


/* =========================================================
   TABLET VIEW
   768px — 1199px

   Design:
   - Image becomes taller portrait-style composition
   - Content positioned toward lower section
   - Label aligned left
   - Buttons stacked horizontally
========================================================= */

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

    .premium-hero {
        width: 100%;
        min-height: 680px;

        position: relative;

        display: flex;
        align-items: flex-end;
        justify-content: flex-start;

        padding: 0 30px;

        overflow: hidden;
        box-sizing: border-box;
    }


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

    .premium-hero-image {
        position: absolute;
        inset: 0;

        width: 100%;
        height: 100%;

        background-size: cover;
        background-position: center center;
        background-repeat: no-repeat;

        z-index: 1;
    }


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

    .premium-hero-overlay {
        position: absolute;
        inset: 0;

        background:
            linear-gradient(
                180deg,
                rgba(0, 0, 0, 0.08) 15%,
                rgba(127, 1, 31, 0.30) 55%,
                rgba(127, 1, 31, 0.82) 100%
            );

        z-index: 2;
    }


    /* =====================================================
       CONTENT
       TABLET = LEFT ALIGNED
    ===================================================== */

    .premium-hero-content {
        position: relative;
        z-index: 3;

        width: 100%;
        max-width: 850px;

        margin: 0 auto;

        padding: 70px 0 65px;

        display: flex;
        flex-direction: column;
        align-items: flex-start;
        justify-content: flex-end;

        text-align: left;

        box-sizing: border-box;
    }


    /* =====================================================
       LABEL
    ===================================================== */

    .premium-hero-label {
        display: flex;
        align-items: center;
        justify-content: flex-start;

        gap: 15px;

        margin-bottom: 22px;

        font-family: "Hanken Grotesk", sans-serif !important;
        font-size: 18px !important;
        font-weight: 600;

        line-height: 1.4;
        letter-spacing: 3px;

        color: #FFFFFF;
    }


    .premium-hero-line {
        width: 50px;
        height: 2px;

        background: #DBD4A4;

        flex-shrink: 0;
    }


    /* =====================================================
       H1
       TABLET = 54px
    ===================================================== */

    .premium-hero-content h1 {
        width: 100%;
        max-width: 760px;

        margin: 0;

        font-family: "Newsreader", serif !important;
        font-size: 54px !important;
        font-weight: 500;

        line-height: 1.04;
        letter-spacing: -0.5px;

        color: #FFFFFF;

        text-shadow: 0 2px 15px rgba(0, 0, 0, 0.18);
    }


    .premium-hero-content h1 span {
        display: block;
        color: #FFFFFF;
    }


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

    .premium-hero-content p {
        width: 100%;
        max-width: 650px;

        margin: 22px 0 0;

        font-family: "Hanken Grotesk", sans-serif !important;
        font-size: 18px !important;
        font-weight: 400;

        line-height: 1.65;

        color: #FFFFFF;
    }


    /* =====================================================
       BUTTONS
    ===================================================== */

    .premium-hero-buttons {
        width: 100%;

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

        gap: 14px;

        margin-top: 30px;
    }


    .premium-hero-btn {
        min-width: 225px;
        min-height: 62px;

        padding: 0 22px;

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

        gap: 14px;

        font-family: "Hanken Grotesk", sans-serif !important;
        font-size: 18px !important;
        font-weight: 600;

        line-height: 1.4;
        letter-spacing: 0.5px;

        text-decoration: none;

        box-sizing: border-box;
    }


    /* Primary */

    .premium-hero-btn.primary-btn {
        background: #DBD4A4;
        border: 1px solid #DBD4A4;

        color: #7F011F;
    }


    .premium-hero-btn.primary-btn i {
        color: #7F011F;
        font-size: 18px;
    }


    /* Secondary */

    .premium-hero-btn.secondary-btn {
        background: transparent;
        border: 1px solid #FFFFFF;

        color: #FFFFFF;
    }


    .premium-hero-btn.secondary-btn i {
        color: #FFFFFF;
        font-size: 18px;
    }


    /* =====================================================
       TABLET 1024px+
    ===================================================== */

    @media (min-width: 1024px) {

        .premium-hero {
            min-height: 720px;
            padding: 0 30px;
        }

        .premium-hero-content {
            max-width: 1050px;
            padding-bottom: 75px;
        }

        .premium-hero-label {
            margin-bottom: 25px;
        }

        .premium-hero-content h1 {
            font-size: 54px !important;
        }

        .premium-hero-content p {
            max-width: 700px;
            margin-top: 25px;
        }

        .premium-hero-buttons {
            margin-top: 34px;
        }

        .premium-hero-btn {
            min-width: 240px;
            min-height: 64px;
        }
    }


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

    .premium-hero-content h1,
    .premium-hero-content h2,
    .premium-hero-content h3,
    .premium-hero-content h4 {
        font-family: "Newsreader", serif !important;
    }

    .premium-hero-content h1 {
        font-size: 54px !important;
    }

    .premium-hero-content h2 {
        font-size: 48px !important;
    }

    .premium-hero-content h3 {
        font-size: 34px !important;
    }

    .premium-hero-content h4 {
        font-size: 25px !important;
    }

    .premium-hero-content p,
    .premium-hero-content a,
    .premium-hero-content span {
        font-family: "Hanken Grotesk", sans-serif !important;
    }

    .premium-hero-content p,
    .premium-hero-content a {
        font-size: 18px !important;
    }
}


/* =========================================================
   MOBILE VIEW
   767px AND BELOW

   Completely different composition:
   - Tall cinematic hero
   - Centered content
   - Narrow typography
   - Buttons stacked vertically
   - Strong bottom overlay
========================================================= */

@media (max-width: 767px) {

    .premium-hero {
        width: 100%;
        min-height: 720px;

        position: relative;

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

        padding: 30px 10px;

        overflow: hidden;
        box-sizing: border-box;
    }


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

    .premium-hero-image {
        position: absolute;
        inset: 0;

        width: 100%;
        height: 100%;

        background-size: cover;
        background-position: 58% center;
        background-repeat: no-repeat;

        z-index: 1;
    }


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

    .premium-hero-overlay {
        position: absolute;
        inset: 0;

        background:
            linear-gradient(
                180deg,
                rgba(0, 0, 0, 0.18) 0%,
                rgba(127, 1, 31, 0.38) 45%,
                rgba(127, 1, 31, 0.88) 100%
            );

        z-index: 2;
    }


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

    .premium-hero-content {
        position: relative;
        z-index: 3;

        width: 100%;
        max-width: 560px;

        margin: 0 auto;

        padding: 40px 10px;

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

        text-align: center;

        box-sizing: border-box;
    }


    /* =====================================================
       LABEL
    ===================================================== */

    .premium-hero-label {
        display: flex;
        align-items: center;
        justify-content: center;

        gap: 9px;

        margin-bottom: 20px;

        font-family: "Hanken Grotesk", sans-serif !important;
        font-size: 18px !important;
        font-weight: 600;

        line-height: 1.4;
        letter-spacing: 2px;

        color: #FFFFFF;
    }


    .premium-hero-line {
        width: 22px;
        height: 2px;

        background: #DBD4A4;

        flex-shrink: 0;
    }


    /* =====================================================
       MOBILE H1
       42px
    ===================================================== */

    .premium-hero-content h1 {
        width: 100%;
        max-width: 500px;

        margin: 0;

        font-family: "Newsreader", serif !important;
        font-size: 42px !important;
        font-weight: 500;

        line-height: 1.05;
        letter-spacing: -0.3px;

        color: #FFFFFF;

        text-shadow: 0 2px 15px rgba(0, 0, 0, 0.2);
    }


    .premium-hero-content h1 span {
        display: block;
        color: #FFFFFF;
    }


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

    .premium-hero-content p {
        width: 100%;
        max-width: 460px;

        margin: 20px auto 0;

        font-family: "Hanken Grotesk", sans-serif !important;
        font-size: 18px !important;
        font-weight: 400;

        line-height: 1.6;

        color: #FFFFFF;
    }


    /* =====================================================
       BUTTONS
       STACKED
    ===================================================== */

    .premium-hero-buttons {
        width: 100%;
        max-width: 350px;

        margin: 28px auto 0;

        display: flex;
        flex-direction: column;
        align-items: stretch;
        justify-content: center;

        gap: 12px;
    }


    .premium-hero-btn {
        width: 100%;
        min-height: 60px;

        padding: 0 18px;

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

        gap: 14px;

        font-family: "Hanken Grotesk", sans-serif !important;
        font-size: 18px !important;
        font-weight: 600;

        line-height: 1.4;
        letter-spacing: 0.5px;

        box-sizing: border-box;
    }


    /* =====================================================
       PRIMARY BUTTON
    ===================================================== */

    .premium-hero-btn.primary-btn {
        background: #DBD4A4;
        border: 1px solid #DBD4A4;

        color: #7F011F;
    }


    .premium-hero-btn.primary-btn i {
        color: #7F011F;
        font-size: 18px;
    }


    /* =====================================================
       SECONDARY BUTTON
    ===================================================== */

    .premium-hero-btn.secondary-btn {
        background: transparent;
        border: 1px solid #FFFFFF;

        color: #FFFFFF;
    }


    .premium-hero-btn.secondary-btn i {
        color: #FFFFFF;
        font-size: 18px;
    }


    /* =====================================================
       LARGE MOBILE
       600px — 767px
    ===================================================== */

    @media (min-width: 600px) and (max-width: 767px) {

        .premium-hero {
            min-height: 700px;
        }

        .premium-hero-content {
            max-width: 620px;
        }

        .premium-hero-content h1 {
            font-size: 42px !important;
        }

        .premium-hero-content p {
            max-width: 540px;
        }

        .premium-hero-buttons {
            max-width: 390px;
        }
    }


    /* =====================================================
       SMALL MOBILE
       480px AND BELOW
    ===================================================== */

    @media (max-width: 480px) {

        .premium-hero {
            min-height: 700px;

            padding: 30px 10px;
        }

        .premium-hero-image {
            background-position: 55% center;
        }

        .premium-hero-content {
            padding: 30px 10px;
        }

        .premium-hero-label {
            gap: 7px;

            margin-bottom: 17px;

            font-size: 18px !important;
            letter-spacing: 1.5px;
        }

        .premium-hero-line {
            width: 18px;
        }

        .premium-hero-content h1 {
            font-size: 42px !important;
            line-height: 1.04;
        }

        .premium-hero-content p {
            margin-top: 18px;

            font-size: 18px !important;
            line-height: 1.55;
        }

        .premium-hero-buttons {
            max-width: 100%;

            margin-top: 25px;

            gap: 10px;
        }

        .premium-hero-btn {
            min-height: 58px;

            font-size: 18px !important;
        }
    }


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

    .premium-hero-content h1,
    .premium-hero-content h2,
    .premium-hero-content h3,
    .premium-hero-content h4 {
        font-family: "Newsreader", serif !important;
    }

    .premium-hero-content h1 {
        font-size: 42px !important;
    }

    .premium-hero-content h2 {
        font-size: 38px !important;
    }

    .premium-hero-content h3 {
        font-size: 30px !important;
    }

    .premium-hero-content h4 {
        font-size: 24px !important;
    }

    .premium-hero-content p,
    .premium-hero-content a,
    .premium-hero-content span {
        font-family: "Hanken Grotesk", sans-serif !important;
    }

    .premium-hero-content p,
    .premium-hero-content a {
        font-size: 18px !important;
    }
}


/* =========================================================
   REMOVE BOTTOM / SCROLL ELEMENTS
========================================================= */

.premium-hero .scroll-indicator,
.premium-hero .explore-properties,
.premium-hero .hero-scroll,
.premium-hero .hero-bottom-text {
    display: none !important;
}


/* =========================================================
   ELEMENTOR / ROYAL ADDONS OVERRIDES
========================================================= */

.premium-hero .elementor-heading-title {
    font-family: "Newsreader", serif !important;
}

.premium-hero p,
.premium-hero a,
.premium-hero span {
    font-family: "Hanken Grotesk", sans-serif !important;
}


/* =========================================================
   NO HOVER / NO ANIMATION
========================================================= */

.premium-hero,
.premium-hero *,
.premium-hero *::before,
.premium-hero *::after {
    transition: none !important;
    animation: none !important;
}

.premium-hero-btn:hover,
.premium-hero-btn.primary-btn:hover,
.premium-hero-btn.secondary-btn:hover {
    transform: none !important;
    box-shadow: none !important;
    filter: none !important;
}

.premium-hero-btn.primary-btn:hover {
    background: #DBD4A4 !important;
    color: #7F011F !important;
    border-color: #DBD4A4 !important;
}

.premium-hero-btn.secondary-btn:hover {
    background: transparent !important;
    color: #FFFFFF !important;
    border-color: #FFFFFF !important;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-cdbcb28 *//* =========================================================
   PREMIUM REAL ESTATE ABOUT SECTION
   DESKTOP CSS
   Base Desktop + 1440px Media Query
========================================================= */


/* =========================================================
   COLOR + FONT VARIABLES
========================================================= */

.premium-about {

    --primary: #7F011F;
    --accent: #DBD4A4;
    --cream: #F8F6F0;
    --white: #FFFFFF;
    --text: #292522;

    --heading-font: "Newsreader", serif;
    --body-font: "Hanken Grotesk", sans-serif;

}


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

.premium-about {

    width: 100%;

    margin: 0;

    padding: 80px 50px 0px 50px;

    background: var(--cream);

}


/* =========================================================
   MAIN WRAPPER
========================================================= */

.premium-about .about-wrapper {

    width: 100%;

    max-width: 1440px;

    min-height: 720px;

    margin: 0 auto;

    display: grid;

    grid-template-columns: 50% 50%;

    align-items: stretch;

}


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

.premium-about .about-image {

    width: 100%;

    height: 720px;

    min-height: 720px;

    overflow: hidden;

}


.premium-about .about-image img {

    display: block;

    width: 100%;

    height: 100%;

    min-height: 720px;

    object-fit: cover;

    object-position: center center;

    margin: 0;

    padding: 0;

}


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

.premium-about .about-content {

    width: 100%;

    min-height: 720px;

    padding: 80px 75px;

    background: var(--white);

    display: flex;

    flex-direction: column;

    justify-content: center;

    align-items: flex-start;

}


/* =========================================================
   ABOUT LABEL
========================================================= */

.premium-about .about-label {

    position: relative;

    display: flex;

    align-items: center;

    gap: 16px;

    margin: 0 0 32px 0;

    padding: 0;

    color: var(--primary);

    font-family: var(--body-font);

    font-size: 16px;

    font-weight: 600;

    line-height: 1.4;

    letter-spacing: 5px;

    text-transform: uppercase;

}


/* =========================================================
   GOLD LINE
========================================================= */

.premium-about .about-label::after {

    content: "";

    display: block;

    width: 100px;

    height: 2px;

    background: var(--accent);

}


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

.premium-about .about-heading {

    width: 100%;

    max-width: 720px;

    margin: 0 0 35px 0;

    padding: 0;

    color: var(--primary);

    font-family: var(--heading-font);

    font-size: 64px;

    font-weight: 500;

    line-height: 1.02;

    letter-spacing: -1.5px;

}


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

.premium-about .about-heading .accent-line {

    display: block;

    margin-top: 5px;

    color: #A78A56;
     font-family: "Newsreader", serif;

}


/* =========================================================
   TEXT WRAPPER
========================================================= */

.premium-about .about-text {

    width: 100%;

    max-width: 650px;

    margin: 0;

    padding: 0;

}


/* =========================================================
   PARAGRAPHS
========================================================= */

.premium-about .about-text p {

    margin: 0 0 25px 0;

    padding: 0;

    color: var(--text);

    font-family: var(--body-font);

    font-size: 18px;

    font-weight: 400;

    line-height: 1.7;

}


.premium-about .about-text p:last-child {

    margin-bottom: 0;

}


/* =========================================================
   OUR STORY BUTTON
========================================================= */

.premium-about .about-button {

    display: inline-flex;

    align-items: center;

    justify-content: space-between;

    width: 280px;

    min-height: 66px;

    margin: 40px 0 0 0;

    padding: 18px 28px;

    background: var(--primary);

    color: var(--white);

    border: 0;

    border-radius: 0;

    outline: none;

    font-family: var(--body-font);

    font-size: 16px;

    font-weight: 600;

    line-height: 1.4;

    letter-spacing: 3px;

    text-transform: uppercase;

    text-decoration: none;

}


.premium-about .about-button i {

    color: var(--accent);

    font-size: 18px;

}


/* =========================================================
   REMOVE ALL HOVER EFFECTS
========================================================= */

.premium-about *,
.premium-about *::before,
.premium-about *::after {

    transition: none !important;

    animation: none !important;

}


.premium-about a:hover,
.premium-about a:focus,
.premium-about a:active {

    color: inherit !important;

    background: inherit !important;

    transform: none !important;

    opacity: 1 !important;

    box-shadow: none !important;

    text-decoration: none !important;

}


.premium-about .about-button:hover,
.premium-about .about-button:focus,
.premium-about .about-button:active {

    background: var(--primary) !important;

    color: var(--white) !important;

    transform: none !important;

    box-shadow: none !important;

}


.premium-about .about-image img:hover {

    transform: none !important;

    filter: none !important;

}


/* =========================================================
   1440px PREMIUM DESKTOP
========================================================= */

@media (min-width: 1440px) {

    .premium-about {

        padding: 80px 50px 0px 50px;

    }


    .premium-about .about-wrapper {

        max-width: 1440px;

        min-height: 760px;

        grid-template-columns: 50% 50%;

    }


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

    .premium-about .about-image {

        height: 760px;

        min-height: 760px;

    }


    .premium-about .about-image img {

        height: 760px;

        min-height: 760px;

        object-fit: cover;

        object-position: center center;

    }


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

    .premium-about .about-content {

        min-height: 760px;

        padding: 90px 80px;

    }


    /* ==============================================
       LABEL
    ============================================== */

    .premium-about .about-label {

        margin-bottom: 34px;

        font-size: 16px;

        letter-spacing: 5px;

    }


    .premium-about .about-label::after {

        width: 105px;

    }


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

    .premium-about .about-heading {

        max-width: 760px;

        margin-bottom: 38px;

        font-size: 68px;

        line-height: 1.01;

        letter-spacing: -2px;

    }


    .premium-about .about-heading .accent-line {

        margin-top: 6px;

    }


    /* ==============================================
       PARAGRAPHS
    ============================================== */

    .premium-about .about-text {

        max-width: 680px;

    }


    .premium-about .about-text p {

        margin-bottom: 26px;

        font-size: 18px;

        line-height: 1.72;

    }


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

    .premium-about .about-button {

        width: 300px;

        min-height: 68px;

        margin-top: 42px;

        padding: 19px 30px;

        font-size: 16px;

        letter-spacing: 3px;

    }


    .premium-about .about-button i {

        font-size: 19px;

    }

}


/* =========================================================
   DESKTOP 1200px - 1439px
========================================================= */

@media (min-width: 1200px) and (max-width: 1439px) {

    .premium-about {

        padding: 80px 50px 0px 50px;

    }


    .premium-about .about-wrapper {

        min-height: 700px;

    }


    .premium-about .about-image {

        height: 700px;

        min-height: 700px;

    }


    .premium-about .about-image img {

        height: 700px;

        min-height: 700px;

    }


    .premium-about .about-content {

        min-height: 700px;

        padding: 70px 60px;

    }


    .premium-about .about-heading {

        font-size: 58px;

        line-height: 1.04;

    }


    .premium-about .about-text p {

        font-size: 17px;

    }

}
/* =========================================================
   PREMIUM REAL ESTATE ABOUT
   TABLET + MOBILE RESPONSIVE
   DESKTOP REMAINS 50/50
   TABLET BECOMES FULL-WIDTH EDITORIAL
========================================================= */


/* =========================================================
   TABLET
   768px - 1199px
========================================================= */

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

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

    .premium-about {

        width: 100%;

        padding: 50px 30px 0px 30px;

        background: #F8F6F0;

    }


    /* =====================================================
       CHANGE DESKTOP GRID TO STACKED LAYOUT
    ===================================================== */

    .premium-about .about-wrapper {

        width: 100%;

        max-width: 100%;

        margin: 0 auto;

        display: flex;

        flex-direction: column;

        min-height: auto;

    }


    /* =====================================================
       IMAGE
       FULL WIDTH
    ===================================================== */

    .premium-about .about-image {

        width: 100%;

        height: 520px;

        min-height: 520px;

        overflow: hidden;

        order: 1;

    }


    .premium-about .about-image img {

        display: block;

        width: 100%;

        height: 520px;

        min-height: 520px;

        object-fit: cover;

        object-position: center center;

    }


    /* =====================================================
       CONTENT
       WHITE EDITORIAL PANEL
    ===================================================== */

    .premium-about .about-content {

        width: 100%;

        min-height: auto;

        padding: 70px 55px 75px 55px;

        background: #FFFFFF;

        display: flex;

        flex-direction: column;

        align-items: center;

        justify-content: center;

        text-align: center;

        order: 2;

    }


    /* =====================================================
       LABEL
    ===================================================== */

    .premium-about .about-label {

        display: flex;

        align-items: center;

        justify-content: center;

        gap: 14px;

        margin: 0 0 28px 0;

        color: #7F011F;

        font-family: "Hanken Grotesk", sans-serif;

        font-size: 16px;

        font-weight: 600;

        line-height: 1.4;

        letter-spacing: 4px;

        text-align: center;

        text-transform: uppercase;

    }


    /* =====================================================
       LABEL LINE
    ===================================================== */

    .premium-about .about-label::after {

        width: 75px;

        height: 2px;

        background: #DBD4A4;

    }


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

    .premium-about .about-heading {

        width: 100%;

        max-width: 850px;

        margin: 0 auto 32px auto;

        color: #7F011F;

        font-family: "Newsreader", serif;

        font-size: 52px;

        font-weight: 500;

        line-height: 1.05;

        letter-spacing: -1px;

        text-align: center;

    }


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

    .premium-about .about-heading .accent-line {

        display: block;

        margin-top: 5px;

        color: #A78A56;

    }


    /* =====================================================
       TEXT AREA
    ===================================================== */

    .premium-about .about-text {

        width: 100%;

        max-width: 780px;

        margin: 0 auto;

        text-align: center;

    }


    /* =====================================================
       PARAGRAPHS
    ===================================================== */

    .premium-about .about-text p {

        margin: 0 0 24px 0;

        color: #292522;

        font-family: "Hanken Grotesk", sans-serif;

        font-size: 17px;

        font-weight: 400;

        line-height: 1.75;

        text-align: center;

    }


    .premium-about .about-text p:last-child {

        margin-bottom: 0;

    }


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

    .premium-about .about-button {

        display: inline-flex;

        align-items: center;

        justify-content: space-between;

        width: 285px;

        min-height: 64px;

        margin: 35px auto 0 auto;

        padding: 18px 27px;

        background: #7F011F;

        color: #FFFFFF;

        border: none;

        border-radius: 0;

        font-family: "Hanken Grotesk", sans-serif;

        font-size: 16px;

        font-weight: 600;

        line-height: 1.4;

        letter-spacing: 3px;

        text-align: left;

        text-transform: uppercase;

        text-decoration: none;

    }


    .premium-about .about-button i {

        color: #DBD4A4;

        font-size: 18px;

    }


    /* =====================================================
       REMOVE HOVER / ANIMATION
    ===================================================== */

    .premium-about *,
    .premium-about *::before,
    .premium-about *::after {

        transition: none !important;

        animation: none !important;

    }


    .premium-about a:hover,
    .premium-about a:focus,
    .premium-about a:active {

        color: inherit !important;

        background: inherit !important;

        transform: none !important;

        opacity: 1 !important;

        box-shadow: none !important;

        text-decoration: none !important;

    }


    .premium-about .about-button:hover,
    .premium-about .about-button:focus,
    .premium-about .about-button:active {

        background: #7F011F !important;

        color: #FFFFFF !important;

        transform: none !important;

        box-shadow: none !important;

    }


    .premium-about .about-image img:hover {

        transform: none !important;

        filter: none !important;

    }

}


/* =========================================================
   TABLET LARGE
   1024px - 1199px
========================================================= */

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

    .premium-about .about-image {

        height: 570px;

        min-height: 570px;

    }


    .premium-about .about-image img {

        height: 570px;

        min-height: 570px;

    }


    .premium-about .about-content {

        padding: 80px 80px 85px 80px;

    }


    .premium-about .about-heading {

        font-size: 58px;

        max-width: 900px;

    }


    .premium-about .about-text {

        max-width: 800px;

    }


    .premium-about .about-text p {

        font-size: 18px;

    }

}


/* =========================================================
   TABLET STANDARD
   768px - 1023px
========================================================= */

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

    .premium-about .about-image {

        height: 480px;

        min-height: 480px;

    }


    .premium-about .about-image img {

        height: 480px;

        min-height: 480px;

    }


    .premium-about .about-content {

        padding: 60px 45px 65px 45px;

    }


    .premium-about .about-heading {

        font-size: 48px;

    }


    .premium-about .about-text p {

        font-size: 17px;

    }

}


/* =========================================================
   MOBILE
   0px - 767px
========================================================= */

@media (max-width: 767px) {

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

    .premium-about {

        width: 100%;

        padding: 30px 10px 0px 10px;

        background: #F8F6F0;

    }


    /* =====================================================
       STACK
    ===================================================== */

    .premium-about .about-wrapper {

        display: flex;

        flex-direction: column;

        width: 100%;

        min-height: auto;

    }


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

    .premium-about .about-image {

        width: 100%;

        height: 400px;

        min-height: 400px;

        order: 1;

    }


    .premium-about .about-image img {

        width: 100%;

        height: 400px;

        min-height: 400px;

        object-fit: cover;

        object-position: center center;

    }


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

    .premium-about .about-content {

        width: 100%;

        min-height: auto;

        padding: 50px 25px 55px 25px;

        background: #FFFFFF;

        align-items: center;

        justify-content: center;

        text-align: center;

        order: 2;

    }


    /* =====================================================
       LABEL
    ===================================================== */

    .premium-about .about-label {

        margin-bottom: 22px;

        font-size: 16px;

        letter-spacing: 3px;

        text-align: center;

    }


    .premium-about .about-label::after {

        width: 55px;

    }


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

    .premium-about .about-heading {

        max-width: 500px;

        margin-bottom: 28px;

        font-size: 40px;

        line-height: 1.06;

        letter-spacing: -0.5px;

        text-align: center;

    }


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

    .premium-about .about-text {

        width: 100%;

        max-width: 500px;

    }


    .premium-about .about-text p {

        margin-bottom: 22px;

        font-size: 16px;

        line-height: 1.7;

        text-align: center;

    }


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

    .premium-about .about-button {

        width: 100%;

        max-width: 290px;

        min-height: 62px;

        margin-top: 28px;

        padding: 17px 22px;

        font-size: 16px;

        letter-spacing: 2px;

    }


    /* =====================================================
       NO HOVER
    ===================================================== */

    .premium-about *,
    .premium-about *::before,
    .premium-about *::after {

        transition: none !important;

        animation: none !important;

    }


    .premium-about a:hover,
    .premium-about a:focus,
    .premium-about a:active {

        transform: none !important;

        opacity: 1 !important;

        box-shadow: none !important;

    }

}


/* =========================================================
   SMALL MOBILE
   BELOW 400px
========================================================= */

@media (max-width: 399px) {

    .premium-about {

        padding: 30px 10px 0px 10px;

    }


    .premium-about .about-image {

        height: 350px;

        min-height: 350px;

    }


    .premium-about .about-image img {

        height: 350px;

        min-height: 350px;

    }


    .premium-about .about-content {

        padding: 45px 20px 50px 20px;

    }


    .premium-about .about-heading {

        font-size: 36px;

    }


    .premium-about .about-text p {

        font-size: 16px;

    }


    .premium-about .about-button {

        max-width: 280px;

    }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-8ba8f41 *//* ============================================================
   WHY CHOOSE US — TOTAL DESKTOP CSS
   Premium Real Estate Design
   Desktop: 1200px+
   1440px optimized

   COLORS
   Primary  : #7F011F
   Accent   : #DBD4A4
   Background: #F8F6F0
   Body     : #526170

   FONTS
   Headings : Newsreader
   Body     : Hanken Grotesk

   BODY TEXT: 18px minimum
   NO HOVER EFFECTS
============================================================ */


/* ============================================================
   GLOBAL TYPOGRAPHY
============================================================ */

h1,
h2,
h3,
h4 {
    font-family: "Newsreader", serif;
    font-weight: 500;
    color: #7F011F;
}

h1 {
    font-size: 68px;
    line-height: 1.02;
}

h2 {
    font-size: 58px;
    line-height: 1.05;
}

h3 {
    font-size: 38px;
    line-height: 1.12;
}

h4 {
    font-size: 28px;
    line-height: 1.2;
}

body,
p,
a,
li,
span,
button {
    font-family: "Hanken Grotesk", sans-serif;
}


/* ============================================================
   WHY CHOOSE US SECTION
============================================================ */

.why-choose-us {
    width: 100%;
    padding: 80px 50px 0 50px;
    background: #F8F6F0;
    box-sizing: border-box;
}


/* ============================================================
   MAIN CONTAINER
============================================================ */

.why-choose-container {
    width: 100%;
    max-width: 1440px;
    margin: 0 auto;
    box-sizing: border-box;
}


/* ============================================================
   SECTION HEADER
============================================================ */

.why-choose-header {
    width: 100%;
    margin: 0 auto 58px;
    text-align: center;
}


/* ============================================================
   WHY CHOOSE US LABEL
============================================================ */

.why-choose-label {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 20px;
    margin-bottom: 22px;
}


.why-choose-label > span:not(.why-line) {
    font-family: "Hanken Grotesk", sans-serif;
    font-size: 18px;
    font-weight: 600;
    line-height: 1.4;
    letter-spacing: 4px;
    color: #7F011F;
}


/* ============================================================
   GOLD LINES
============================================================ */

.why-line {
    display: block;
    width: 115px;
    height: 2px;
    background: #DBD4A4;
    flex-shrink: 0;
}


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

.why-choose-header h2 {
    margin: 0;
    font-family: "Newsreader", serif;
    font-size: 64px;
    font-weight: 500;
    line-height: 1;
    letter-spacing: -1px;
    color: #7F011F;
}


.why-choose-header h2 span {
    display: block;
    color: #B49A69;
     font-family: "Newsreader", serif;
}


/* ============================================================
   INTRO PARAGRAPH
============================================================ */

.why-choose-header p {
    max-width: 950px;
    margin: 25px auto 0;

    font-family: "Hanken Grotesk", sans-serif;
    font-size: 20px !important;
    font-weight: 400;
    line-height: 1.6;

    color: #526170;
}


/* ============================================================
   FOUR CARDS — ONE ROW
============================================================ */

.why-choose-grid {
    width: 100%;

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

    border-top: 1px solid rgba(127, 1, 31, 0.18);
    border-bottom: 1px solid rgba(127, 1, 31, 0.18);

    box-sizing: border-box;
}


/* ============================================================
   INDIVIDUAL CARD
============================================================ */

.why-card {
    position: relative;

    min-height: 350px;

    padding: 48px 40px 45px;

    display: flex;
    flex-direction: column;
    align-items: center;

    text-align: center;

    box-sizing: border-box;

    background: transparent;
}


/* ============================================================
   CARD VERTICAL DIVIDER
============================================================ */

.why-card:not(:last-child) {
    border-right: 1px solid rgba(127, 1, 31, 0.18);
}


/* ============================================================
   ICON CIRCLE
============================================================ */

.why-icon {
    width: 88px;
    height: 88px;

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

    border: 2px solid #C4A96B;
    border-radius: 50%;

    box-sizing: border-box;
}


/* ============================================================
   FONT AWESOME ICON
============================================================ */

.why-icon i {
    font-size: 36px;
    line-height: 1;
    color: #7F011F;
}


/* ============================================================
   ICON GOLD LINE
============================================================ */

.why-icon-line {
    width: 55px;
    height: 2px;

    margin: 17px 0 20px;

    background: #C4A96B;
}


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

.why-card h3 {
    margin: 0;

    font-family: "Newsreader", serif;

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

    line-height: 1.08;

    letter-spacing: 1px;

    color: #7F011F;
}


.why-card h3 span {
    display: block;
}


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

.why-card p {
    width: 100%;
    max-width: 285px;

    margin: 18px auto 0;

    font-family: "Hanken Grotesk", sans-serif;

    font-size: 18px !important;
    font-weight: 400;

    line-height: 1.6;

    color: #526170;
}


/* ============================================================
   PREMIUM CARD SPACING
============================================================ */

.why-card:first-child {
    padding-left: 45px;
    padding-right: 45px;
}

.why-card:nth-child(2) {
    padding-left: 45px;
    padding-right: 45px;
}

.why-card:nth-child(3) {
    padding-left: 45px;
    padding-right: 45px;
}

.why-card:last-child {
    padding-left: 45px;
    padding-right: 45px;
}


/* ============================================================
   1440PX DESKTOP
============================================================ */

@media (min-width: 1440px) {

    .why-choose-us {
        padding: 80px 50px 0 50px;
    }


    .why-choose-container {
        max-width: 1440px;
    }


    .why-choose-header {
        margin-bottom: 60px;
    }


    .why-choose-label {
        gap: 22px;
        margin-bottom: 24px;
    }


    .why-choose-label > span:not(.why-line) {
        font-size: 18px;
        letter-spacing: 4.5px;
    }


    .why-line {
        width: 115px;
    }


    .why-choose-header h2 {
        font-size: 68px;
        line-height: 1;
    }


    .why-choose-header p {
        max-width: 980px;
        margin-top: 26px;

        font-size: 20px !important;
        line-height: 1.6;
    }


    .why-card {
        min-height: 365px;
        padding: 50px 45px 45px;
    }


    .why-icon {
        width: 90px;
        height: 90px;
    }


    .why-icon i {
        font-size: 37px;
    }


    .why-icon-line {
        width: 55px;
        margin-top: 18px;
        margin-bottom: 21px;
    }


    .why-card h3 {
        font-size: 31px;
        line-height: 1.08;
    }


    .why-card p {
        max-width: 290px;
        margin-top: 19px;

        font-size: 18px !important;
        line-height: 1.65;
    }

}


/* ============================================================
   1600PX+ LARGE DESKTOP
============================================================ */

@media (min-width: 1600px) {

    .why-choose-container {
        max-width: 1500px;
    }


    .why-choose-us {
        padding-left: 50px;
        padding-right: 50px;
    }


    .why-choose-header h2 {
        font-size: 72px;
    }


    .why-choose-header p {
        max-width: 1000px;
    }


    .why-card {
        min-height: 380px;
        padding-left: 50px;
        padding-right: 50px;
    }


    .why-card p {
        max-width: 300px;
    }

}


/* ============================================================
   REMOVE HOVER EFFECTS COMPLETELY
============================================================ */

.why-choose-us,
.why-choose-us *,
.why-choose-us *::before,
.why-choose-us *::after {
    transition: none !important;
}


.why-choose-us .why-card:hover,
.why-choose-us .why-icon:hover,
.why-choose-us a:hover,
.why-choose-us button:hover {
    transform: none !important;
    box-shadow: none !important;
    filter: none !important;
}


/* ============================================================
   PREVENT ELEMENTOR / ROYAL ADDONS FROM SHRINKING TEXT
============================================================ */

.why-choose-us p,
.why-choose-us .why-card p {
    font-size: 18px !important;
}


.why-choose-us h1,
.why-choose-us h2,
.why-choose-us h3,
.why-choose-us h4 {
    font-family: "Newsreader", serif !important;
}


/* ============================================================
   CLEAN CARD ALIGNMENT
============================================================ */

.why-card .why-icon,
.why-card .why-icon-line,
.why-card h3,
.why-card p {
    flex-shrink: 0;
}
/* =========================================================
   WHY CHOOSE US — PREMIUM RESPONSIVE DESIGN

   Desktop:
   4 cards in one row

   Tablet:
   2 x 2 editorial grid

   Mobile:
   Single-column stacked cards

   Colors:
   Primary : #7F011F
   Accent  : #DBD4A4
   Text    : #526170

   Fonts:
   Heading : Newsreader
   Body    : Hanken Grotesk

   Body text: 18px
   No hover effects
========================================================= */


/* =========================================================
   TABLET VIEW
   768px — 1199px
========================================================= */

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

    .why-choose-us {
        width: 100%;
        padding: 50px 30px 0 30px;

        background: transparent;
        overflow: hidden;
        box-sizing: border-box;
    }


    .why-choose-container {
        width: 100%;
        max-width: 100%;
        margin: 0 auto;
    }


    /* =====================================================
       HEADER
    ===================================================== */

    .why-choose-header {
        width: 100%;
        max-width: 900px;

        margin: 0 0 50px;

        text-align: left;
    }


    /* =====================================================
       LABEL
    ===================================================== */

    .why-choose-label {
        display: flex;
        align-items: center;
        justify-content: flex-start;

        gap: 16px;

        margin-bottom: 22px;

        font-family: "Hanken Grotesk", sans-serif !important;
        font-size: 18px !important;
        font-weight: 600;

        line-height: 1.4;
        letter-spacing: 3px;

        color: #7F011F;
    }


    .why-line {
        width: 55px;
        height: 2px;

        display: block;
        flex-shrink: 0;

        background: #DBD4A4;
    }


    /* =====================================================
       HEADING
       TABLET H2 = 48px
    ===================================================== */

    .why-choose-header h2 {
        max-width: 850px;

        margin: 0;

        font-family: "Newsreader", serif !important;
        font-size: 48px !important;
        font-weight: 500;

        line-height: 1.05;
        letter-spacing: -0.4px;

        color: #7F011F;
    }


    .why-choose-header h2 span {
        display: block;

        color: #7F011F;
    }


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

    .why-choose-header p {
        max-width: 720px;

        margin: 24px 0 0;

        font-family: "Hanken Grotesk", sans-serif !important;
        font-size: 18px !important;
        font-weight: 400;

        line-height: 1.7;

        color: #526170;
    }


    /* =====================================================
       FEATURE GRID
       TABLET = 2 COLUMNS
    ===================================================== */

    .why-choose-grid {
        width: 100%;

        display: grid;

        grid-template-columns: repeat(2, minmax(0, 1fr));

        border-top: 1px solid #DBD4A4;
        border-left: 1px solid #DBD4A4;

        box-sizing: border-box;
    }


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

    .why-card {
        min-height: 330px;

        padding: 45px 40px 42px;

        display: flex;
        flex-direction: column;
        align-items: flex-start;
        justify-content: flex-start;

        background: transparent;

        border-right: 1px solid #DBD4A4;
        border-bottom: 1px solid #DBD4A4;

        box-sizing: border-box;
    }


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

    .why-icon {
        width: 62px;
        height: 62px;

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

        border: 1px solid #DBD4A4;
        border-radius: 50%;

        color: #7F011F;

        font-size: 24px;

        box-sizing: border-box;
    }


    .why-icon i {
        color: #7F011F;
        font-size: 24px;
    }


    /* =====================================================
       ICON LINE
    ===================================================== */

    .why-icon-line {
        width: 45px;
        height: 2px;

        margin: 25px 0 22px;

        background: #DBD4A4;
    }


    /* =====================================================
       CARD HEADING
       H3 = 34px
    ===================================================== */

    .why-card h3 {
        max-width: 300px;

        margin: 0;

        font-family: "Newsreader", serif !important;
        font-size: 34px !important;
        font-weight: 500;

        line-height: 1.05;
        letter-spacing: -0.2px;

        color: #7F011F;
    }


    /* =====================================================
       CARD DESCRIPTION
       FIXED 18px
    ===================================================== */

    .why-card p {
        max-width: 330px;

        margin: 18px 0 0;

        font-family: "Hanken Grotesk", sans-serif !important;
        font-size: 18px !important;
        font-weight: 400;

        line-height: 1.65;

        color: #526170;
    }


    /* =====================================================
       900PX TABLET
    ===================================================== */

    @media (min-width: 900px) {

        .why-choose-header {
            max-width: 950px;
            margin-bottom: 55px;
        }


        .why-card {
            min-height: 350px;

            padding: 50px 48px 45px;
        }


        .why-icon {
            width: 66px;
            height: 66px;
        }


        .why-icon i {
            font-size: 25px;
        }


        .why-card h3 {
            font-size: 34px !important;
        }
    }


    /* =====================================================
       1024PX TABLET
    ===================================================== */

    @media (min-width: 1024px) {

        .why-choose-us {
            padding: 50px 30px 0 30px;
        }


        .why-choose-header {
            margin-bottom: 60px;
        }


        .why-choose-header h2 {
            font-size: 48px !important;
        }


        .why-choose-header p {
            max-width: 800px;
        }


        .why-card {
            min-height: 365px;

            padding: 55px 50px 50px;
        }


        .why-icon {
            width: 68px;
            height: 68px;
        }


        .why-icon-line {
            margin-top: 26px;
            margin-bottom: 24px;
        }
    }
}


/* =========================================================
   MOBILE VIEW
   767px AND BELOW

   Completely different composition:
   - Centered header
   - Cards stacked
   - Individual framed cards
   - Large breathing space
========================================================= */

@media (max-width: 767px) {

    .why-choose-us {
        width: 100%;

        padding: 30px 10px 0 10px;

        background: transparent;

        overflow: hidden;
        box-sizing: border-box;
    }


    .why-choose-container {
        width: 100%;
        max-width: 100%;

        margin: 0 auto;
    }


    /* =====================================================
       HEADER
       MOBILE = CENTERED
    ===================================================== */

    .why-choose-header {
        width: 100%;
        max-width: 600px;

        margin: 0 auto 35px;

        text-align: center;
    }


    /* =====================================================
       LABEL
    ===================================================== */

    .why-choose-label {
        display: flex;
        align-items: center;
        justify-content: center;

        gap: 9px;

        margin-bottom: 18px;

        font-family: "Hanken Grotesk", sans-serif !important;
        font-size: 18px !important;
        font-weight: 600;

        line-height: 1.4;
        letter-spacing: 2px;

        color: #7F011F;
    }


    .why-line {
        width: 22px;
        height: 2px;

        background: #DBD4A4;
    }


    /* =====================================================
       MOBILE H2
       38px
    ===================================================== */

    .why-choose-header h2 {
        width: 100%;

        margin: 0;

        font-family: "Newsreader", serif !important;
        font-size: 38px !important;
        font-weight: 500;

        line-height: 1.06;
        letter-spacing: -0.25px;

        color: #7F011F;
    }


    .why-choose-header h2 span {
        display: block;

        color: #7F011F;
    }


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

    .why-choose-header p {
        width: 100%;
        max-width: 520px;

        margin: 18px auto 0;

        font-family: "Hanken Grotesk", sans-serif !important;
        font-size: 18px !important;
        font-weight: 400;

        line-height: 1.6;

        color: #526170;
    }


    /* =====================================================
       MOBILE GRID
       ONE COLUMN
    ===================================================== */

    .why-choose-grid {
        width: 100%;

        display: grid;
        grid-template-columns: 1fr;

        gap: 14px;

        border: 0;

        box-sizing: border-box;
    }


    /* =====================================================
       MOBILE CARD
       INDIVIDUAL PREMIUM FRAME
    ===================================================== */

    .why-card {
        width: 100%;
        min-height: 0;

        padding: 34px 28px 32px;

        display: flex;
        flex-direction: column;
        align-items: center;

        text-align: center;

        background: transparent;

        border: 1px solid #DBD4A4;

        box-sizing: border-box;

        position: relative;
    }


    /* =====================================================
       SMALL INNER FRAME
    ===================================================== */

    .why-card::before {
        content: "";

        position: absolute;

        top: 7px;
        left: 7px;
        right: 7px;
        bottom: 7px;

        border: 1px solid rgba(219, 212, 164, 0.45);

        pointer-events: none;
    }


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

    .why-icon {
        width: 62px;
        height: 62px;

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

        border: 1px solid #7F011F;
        border-radius: 50%;

        color: #7F011F;

        font-size: 23px;

        position: relative;
        z-index: 1;

        box-sizing: border-box;
    }


    .why-icon i {
        font-size: 23px;
        color: #7F011F;
    }


    /* =====================================================
       ICON LINE
    ===================================================== */

    .why-icon-line {
        width: 42px;
        height: 2px;

        margin: 20px 0 18px;

        background: #DBD4A4;
    }


    /* =====================================================
       CARD HEADING
       H3 = 30px
    ===================================================== */

    .why-card h3 {
        width: 100%;
        max-width: 350px;

        margin: 0;

        font-family: "Newsreader", serif !important;
        font-size: 30px !important;
        font-weight: 500;

        line-height: 1.08;
        letter-spacing: 0;

        color: #7F011F;

        position: relative;
        z-index: 1;
    }


    /* =====================================================
       CARD TEXT
       FIXED 18px
    ===================================================== */

    .why-card p {
        width: 100%;
        max-width: 430px;

        margin: 15px auto 0;

        font-family: "Hanken Grotesk", sans-serif !important;
        font-size: 18px !important;
        font-weight: 400;

        line-height: 1.6;

        color: #526170;

        position: relative;
        z-index: 1;
    }


    /* =====================================================
       LARGE MOBILE
       600px — 767px
    ===================================================== */

    @media (min-width: 600px) and (max-width: 767px) {

        .why-choose-header {
            max-width: 650px;
            margin-bottom: 40px;
        }


        .why-choose-header h2 {
            font-size: 38px !important;
        }


        .why-card {
            padding: 38px 45px 36px;
        }


        .why-card h3 {
            font-size: 30px !important;
        }


        .why-card p {
            max-width: 520px;
        }
    }


    /* =====================================================
       SMALL MOBILE
       480px AND BELOW
    ===================================================== */

    @media (max-width: 480px) {

        .why-choose-us {
            padding: 30px 10px 0 10px;
        }


        .why-choose-header {
            margin-bottom: 30px;
        }


        .why-choose-label {
            gap: 7px;

            font-size: 18px !important;
            letter-spacing: 1.5px;
        }


        .why-line {
            width: 18px;
        }


        .why-choose-header h2 {
            font-size: 38px !important;
            line-height: 1.05;
        }


        .why-choose-header p {
            margin-top: 17px;

            font-size: 18px !important;
            line-height: 1.55;
        }


        .why-choose-grid {
            gap: 12px;
        }


        .why-card {
            padding: 32px 24px 30px;
        }


        .why-card::before {
            top: 6px;
            left: 6px;
            right: 6px;
            bottom: 6px;
        }


        .why-icon {
            width: 58px;
            height: 58px;
        }


        .why-icon i {
            font-size: 22px;
        }


        .why-icon-line {
            width: 38px;

            margin-top: 18px;
            margin-bottom: 17px;
        }


        .why-card h3 {
            font-size: 30px !important;
            line-height: 1.06;
        }


        .why-card p {
            margin-top: 14px;

            font-size: 18px !important;
            line-height: 1.55;
        }
    }


    /* =====================================================
       FIXED MOBILE TYPOGRAPHY
    ===================================================== */

    .why-choose-us h1 {
        font-family: "Newsreader", serif !important;
        font-size: 42px !important;
    }


    .why-choose-us h2 {
        font-family: "Newsreader", serif !important;
        font-size: 38px !important;
    }


    .why-choose-us h3 {
        font-family: "Newsreader", serif !important;
        font-size: 30px !important;
    }


    .why-choose-us h4 {
        font-family: "Newsreader", serif !important;
        font-size: 24px !important;
    }


    .why-choose-us p,
    .why-choose-us .why-choose-label {
        font-size: 18px !important;
    }
}


/* =========================================================
   ROYAL ADDONS / ELEMENTOR OVERRIDES
========================================================= */

.why-choose-us .elementor-heading-title {
    font-family: "Newsreader", serif !important;
}

.why-choose-us p,
.why-choose-us span,
.why-choose-us a,
.why-choose-us button {
    font-family: "Hanken Grotesk", sans-serif !important;
}


/* =========================================================
   NO HOVER EFFECTS
========================================================= */

.why-choose-us .why-card:hover,
.why-choose-us .why-icon:hover,
.why-choose-us a:hover,
.why-choose-us button:hover {
    transform: none !important;
    box-shadow: none !important;
    filter: none !important;
    opacity: 1 !important;
}


/* =========================================================
   NO ANIMATIONS / TRANSITIONS
========================================================= */

.why-choose-us,
.why-choose-us *,
.why-choose-us *::before,
.why-choose-us *::after {
    transition: none !important;
    animation: none !important;
}


/* ============================================================
   DESKTOP END
============================================================ *//* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-4293882 *//* =========================================================
   FEATURED PROPERTIES
   PREMIUM DESKTOP CSS
   Desktop: 1200px+
   Main Image Height: 400px

   Primary Color: #7F011F
   Accent Color:  #DBD4A4

   Heading Font: Newsreader
   Body Font: Hanken Grotesk

   Section Padding:
   Desktop: 80px 50px 0 50px
========================================================= */


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

.featured-properties {

    width: 100%;

    padding: 80px 50px 0 50px;

    background: #F8F6F0;

    box-sizing: border-box;

    color: #243342;

    font-family: "Hanken Grotesk", sans-serif;

}


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

.featured-container {

    width: 100%;

    max-width: 1440px;

    margin: 0 auto;

}


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

.featured-heading {

    width: 100%;

    text-align: center;

    margin-bottom: 30px;

}


/* =========================================================
   LABEL
========================================================= */

.featured-label {

    display: flex;

    align-items: center;

    justify-content: center;

    gap: 22px;

    margin-bottom: 18px;

}


.featured-label span:not(.label-line) {

    color: #7F011F;

    font-family: "Hanken Grotesk", sans-serif;

    font-size: 16px;

    font-weight: 600;

    letter-spacing: 3.5px;

    line-height: 1.4;

}


.label-line {

    width: 78px;

    height: 2px;

    background: #DBD4A4;

    display: block;

}


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

.featured-heading h2 {

    margin: 0;

    color: #7F011F;

    font-family: "Newsreader", serif;

    font-size: 52px;

    font-weight: 500;

    line-height: 1.05;

    letter-spacing: -1px;

}


.featured-heading h2 span {

    color: #B49A69;
     font-family: "Newsreader", serif;

}


.featured-heading p {

    margin: 12px 0 0;

    color: #526170;

    font-family: "Hanken Grotesk", sans-serif;

    font-size: 20px;

    font-weight: 400;

    line-height: 1.5;

}


/* =========================================================
   PROPERTY CARD
========================================================= */

.property-card {

    width: 100%;

    padding: 18px;

    border: 1px solid #DDD8CA;

    background: #FFFFFF;

    box-sizing: border-box;

}


/* =========================================================
   PROPERTY IMAGE
   EXACT DESKTOP HEIGHT = 400px
========================================================= */

.property-image {

    position: relative;

    width: 100%;

    height: 400px;

    overflow: hidden;

    background: #EDE9DF;

}


.property-image img {

    display: block;

    width: 100%;

    height: 400px;

    object-fit: cover;

    object-position: center;

}


/* =========================================================
   IMAGE TOP TEXT
========================================================= */

.image-top-text {

    position: absolute;

    top: 30px;

    left: 38px;

    z-index: 2;

    display: flex;

    flex-direction: column;

    align-items: flex-start;

}


.image-top-text span {

    color: #FFFFFF;

    font-family: "Hanken Grotesk", sans-serif;

    font-size: 15px;

    font-weight: 500;

    letter-spacing: 4px;

    line-height: 1.55;

    text-shadow: 0 1px 8px rgba(0,0,0,0.25);

}


.image-line {

    width: 72px;

    height: 2px;

    margin-top: 13px;

    background: #FFFFFF;

}


/* =========================================================
   IMAGE BOTTOM TEXT
========================================================= */

.image-bottom-text {

    position: absolute;

    right: 38px;

    bottom: 30px;

    z-index: 2;

    display: flex;

    flex-direction: column;

    align-items: flex-end;

}


.image-bottom-text span {

    color: #FFFFFF;

    font-family: "Hanken Grotesk", sans-serif;

    font-size: 17px;

    font-weight: 500;

    letter-spacing: 4px;

    line-height: 1.45;

    text-shadow: 0 1px 8px rgba(0,0,0,0.3);

}


.image-bottom-text .image-line {

    margin-top: 13px;

}


/* =========================================================
   INFORMATION AREA
   3-COLUMN PREMIUM LAYOUT

   LEFT    = Property details
   CENTER  = Features
   RIGHT   = Price + CTA
========================================================= */

.property-information {

    display: grid;

    grid-template-columns:

        minmax(320px, 1.45fr)

        minmax(420px, 1.7fr)

        minmax(270px, 0.9fr);

    align-items: stretch;

    width: 100%;

    min-height: 175px;

}


/* =========================================================
   PROPERTY DETAILS
========================================================= */

.property-details {

    padding: 18px 30px 10px 8px;

    display: flex;

    flex-direction: column;

    justify-content: center;

    border-right: 1px solid #DDD8CA;

}


.property-details h3 {

    margin: 0 0 12px;

    color: #7F011F;

    font-family: "Newsreader", serif;

    font-size: 34px;

    font-weight: 500;

    line-height: 1.1;

}


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

.property-location {

    display: flex;

    align-items: center;

    gap: 10px;

    margin-bottom: 15px;

}


.property-location i {

    color: #7F011F;

    font-size: 19px;

}


.property-location span {

    color: #596573;

    font-family: "Hanken Grotesk", sans-serif;

    font-size: 15px;

    font-weight: 500;

    letter-spacing: 2.2px;

    line-height: 1.4;

}


.property-details > p {

    max-width: 520px;

    margin: 0;

    color: #526170;

    font-family: "Hanken Grotesk", sans-serif;

    font-size: 18px;

    font-weight: 400;

    line-height: 1.5;

}


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

.property-features {

    display: grid;

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

    align-items: stretch;

    min-width: 0;

}


.property-feature {

    position: relative;

    display: flex;

    flex-direction: column;

    align-items: center;

    justify-content: center;

    gap: 10px;

    padding: 15px 18px;

    text-align: center;

}


.property-feature:not(:last-child)::after {

    content: "";

    position: absolute;

    top: 25px;

    right: 0;

    width: 1px;

    height: calc(100% - 50px);

    background: #DDD8CA;

}


.property-feature > i {

    color: #7F011F;

    font-size: 29px;

    line-height: 1;

}


.feature-content {

    display: flex;

    flex-direction: column;

    align-items: center;

}


.feature-content strong {

    color: #7F011F;

    font-family: "Newsreader", serif;

    font-size: 32px;

    font-weight: 500;

    line-height: 1.1;

}


.feature-content span {

    margin-top: 5px;

    color: #596573;

    font-family: "Hanken Grotesk", sans-serif;

    font-size: 13px;

    font-weight: 600;

    letter-spacing: 2px;

    line-height: 1.4;

}


/* =========================================================
   PRICE + ACTION
========================================================= */

.property-action {

    display: flex;

    flex-direction: column;

    justify-content: center;

    align-items: stretch;

    gap: 18px;

    padding: 18px 8px 18px 30px;

    border-left: 1px solid #DDD8CA;

}


/* =========================================================
   PRICE
========================================================= */

.property-price {

    display: flex;

    flex-direction: column;

    align-items: flex-start;

}


.property-price strong {

    color: #7F011F;

    font-family: "Newsreader", serif;

    font-size: 38px;

    font-weight: 500;

    line-height: 1.05;

}


.property-price span {

    margin-top: 5px;

    color: #65717D;

    font-family: "Hanken Grotesk", sans-serif;

    font-size: 14px;

    font-weight: 500;

    letter-spacing: 2.5px;

    line-height: 1.4;

}


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

.property-button {

    display: flex;

    align-items: center;

    justify-content: space-between;

    width: 100%;

    min-height: 60px;

    padding: 0 22px;

    box-sizing: border-box;

    background: #7F011F;

    color: #FFFFFF;

    text-decoration: none;

    font-family: "Hanken Grotesk", sans-serif;

    font-size: 14px;

    font-weight: 600;

    letter-spacing: 2.5px;

}


.property-button i {

    color: #DBD4A4;

    font-size: 18px;

}


/* =========================================================
   NO HOVER EFFECTS
========================================================= */

.featured-properties * {

    transition: none !important;

}


.featured-properties a:hover,
.featured-properties a:focus,
.featured-properties a:active {

    color: #FFFFFF;

    background: #7F011F;

    transform: none !important;

}


.property-image img:hover {

    transform: none !important;

}


/* =========================================================
   1440px DESKTOP
========================================================= */

@media (min-width: 1440px) {

    .featured-properties {

        padding: 80px 50px 0 50px;

    }


    .featured-container {

        max-width: 1440px;

    }


    .featured-heading {

        margin-bottom: 32px;

    }


    .featured-heading h2 {

        font-size: 56px;

    }


    .featured-heading p {

        font-size: 20px;

    }


    .property-card {

        padding: 18px;

    }


    /* EXACTLY 400px */

    .property-image,
    .property-image img {

        height: 400px;

    }


    .property-details h3 {

        font-size: 36px;

    }


    .property-price strong {

        font-size: 40px;

    }

}
/* =========================================================
   FEATURED PROPERTIES
   PREMIUM TABLET DESIGN
   768px - 1199px

   IMPORTANT:
   Place this AFTER your desktop CSS.
========================================================= */

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

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

    .featured-properties {

        width: 100%;

        padding: 50px 30px 0 30px;

        background: #F8F6F0;

        box-sizing: border-box;

    }


    .featured-container {

        width: 100%;

        max-width: 1000px;

        margin: 0 auto;

    }


    /* =====================================================
       SECTION HEADING
       Tablet = centered editorial style
    ===================================================== */

    .featured-heading {

        text-align: center;

        margin-bottom: 35px;

    }


    .featured-label {

        display: flex;

        align-items: center;

        justify-content: center;

        gap: 18px;

        margin-bottom: 18px;

    }


    .featured-label span:not(.label-line) {

        font-size: 15px;

        letter-spacing: 3px;

        font-weight: 600;

    }


    .label-line {

        width: 55px;

        height: 2px;

        background: #DBD4A4;

    }


    .featured-heading h2 {

        max-width: 800px;

        margin: 0 auto;

        font-family: "Newsreader", serif;

        font-size: 50px;

        font-weight: 500;

        line-height: 1.05;

        letter-spacing: -0.5px;

        color: #7F011F;

    }


    .featured-heading h2 span {

        color: #B49A69;

    }


    .featured-heading p {

        margin: 12px 0 0;

        font-size: 18px;

        line-height: 1.6;

        color: #526170;

    }


    /* =====================================================
       PROPERTY CARD
       Tablet = clean framed luxury card
    ===================================================== */

    .property-card {

        width: 100%;

        padding: 14px;

        background: #FFFFFF;

        border: 1px solid #DDD8CA;

        box-sizing: border-box;

    }


    /* =====================================================
       IMAGE
       Tablet image is wider + shorter than desktop
    ===================================================== */

    .property-image {

        position: relative;

        width: 100%;

        height: 420px;

        overflow: hidden;

    }


    .property-image img {

        display: block;

        width: 100%;

        height: 420px;

        object-fit: cover;

        object-position: center;

    }


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

    .image-top-text {

        top: 28px;

        left: 30px;

    }


    .image-top-text span {

        font-size: 14px;

        letter-spacing: 3.5px;

        line-height: 1.55;

    }


    .image-bottom-text {

        right: 30px;

        bottom: 28px;

    }


    .image-bottom-text span {

        font-size: 16px;

        letter-spacing: 3.5px;

        line-height: 1.5;

    }


    .image-line {

        width: 65px;

        height: 2px;

        margin-top: 10px;

    }


    /* =====================================================
       INFORMATION
       Remove desktop 3-column layout
    ===================================================== */

    .property-information {

        display: block;

        width: 100%;

        min-height: auto;

    }


    /* =====================================================
       PROPERTY DETAILS
       Full-width tablet section
    ===================================================== */

    .property-details {

        display: grid;

        grid-template-columns: 1fr 1.2fr;

        column-gap: 40px;

        align-items: center;

        padding: 32px 20px 30px 20px;

        border-right: none;

        border-bottom: 1px solid #DDD8CA;

    }


    /* =====================================================
       PROPERTY NAME
    ===================================================== */

    .property-details h3 {

        margin: 0 0 12px;

        font-family: "Newsreader", serif;

        font-size: 38px;

        font-weight: 500;

        line-height: 1.08;

        color: #7F011F;

    }


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

    .property-location {

        display: flex;

        align-items: center;

        gap: 9px;

        margin-bottom: 0;

    }


    .property-location i {

        color: #7F011F;

        font-size: 18px;

    }


    .property-location span {

        font-size: 14px;

        font-weight: 500;

        letter-spacing: 2px;

        line-height: 1.4;

        color: #596573;

    }


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

    .property-details > p {

        max-width: 600px;

        margin: 0;

        font-size: 18px;

        line-height: 1.65;

        color: #526170;

    }


    /* =====================================================
       FEATURES
       Tablet = 3 individual premium blocks
    ===================================================== */

    .property-features {

        display: grid;

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

        gap: 14px;

        padding: 25px 20px;

        background: #F8F6F0;

        border-bottom: 1px solid #DDD8CA;

    }


    .property-feature {

        position: relative;

        min-height: 115px;

        padding: 20px 12px;

        display: flex;

        flex-direction: column;

        align-items: center;

        justify-content: center;

        gap: 9px;

        background: #FFFFFF;

        border: 1px solid #DDD8CA;

        text-align: center;

        box-sizing: border-box;

    }


    /* Remove desktop vertical divider */

    .property-feature:not(:last-child)::after {

        display: none;

    }


    /* =====================================================
       FEATURE ICON
    ===================================================== */

    .property-feature > i {

        font-size: 26px;

        color: #7F011F;

        line-height: 1;

    }


    /* =====================================================
       FEATURE NUMBER
    ===================================================== */

    .feature-content {

        display: flex;

        flex-direction: column;

        align-items: center;

    }


    .feature-content strong {

        font-family: "Newsreader", serif;

        font-size: 30px;

        font-weight: 500;

        line-height: 1;

        color: #7F011F;

    }


    .feature-content span {

        margin-top: 6px;

        font-size: 12px;

        font-weight: 600;

        letter-spacing: 1.8px;

        line-height: 1.4;

        color: #596573;

    }


    /* =====================================================
       PRICE + BUTTON
       Tablet = horizontal bottom bar
    ===================================================== */

    .property-action {

        display: grid;

        grid-template-columns: 1fr 300px;

        align-items: center;

        gap: 30px;

        padding: 28px 20px 30px;

        border-left: none;

    }


    /* =====================================================
       PRICE
    ===================================================== */

    .property-price {

        display: flex;

        flex-direction: column;

        align-items: flex-start;

    }


    .property-price strong {

        font-family: "Newsreader", serif;

        font-size: 40px;

        font-weight: 500;

        line-height: 1;

        color: #7F011F;

    }


    .property-price span {

        margin-top: 7px;

        font-size: 13px;

        font-weight: 500;

        letter-spacing: 2.5px;

        color: #65717D;

    }


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

    .property-button {

        width: 100%;

        min-height: 62px;

        padding: 0 22px;

        display: flex;

        align-items: center;

        justify-content: space-between;

        box-sizing: border-box;

        background: #7F011F;

        color: #FFFFFF;

        text-decoration: none;

        font-family: "Hanken Grotesk", sans-serif;

        font-size: 14px;

        font-weight: 600;

        letter-spacing: 2.3px;

    }


    .property-button i {

        color: #DBD4A4;

        font-size: 18px;

    }


    /* =====================================================
       NO HOVER EFFECTS
    ===================================================== */

    .featured-properties * {

        transition: none !important;

    }


    .featured-properties a:hover,
    .featured-properties a:focus,
    .featured-properties a:active {

        background: #7F011F !important;

        color: #FFFFFF !important;

        transform: none !important;

        box-shadow: none !important;

    }


    .featured-properties img:hover {

        transform: none !important;

        filter: none !important;

    }

}


/* =========================================================
   TABLET — 768px to 899px
========================================================= */

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

    .featured-properties {

        padding: 50px 30px 0 30px;

    }


    .featured-heading h2 {

        font-size: 44px;

    }


    .property-image,
    .property-image img {

        height: 380px;

    }


    .property-details {

        grid-template-columns: 1fr 1fr;

        column-gap: 25px;

        padding: 28px 15px;

    }


    .property-details h3 {

        font-size: 34px;

    }


    .property-location span {

        font-size: 13px;

        letter-spacing: 1.6px;

    }


    .property-features {

        gap: 10px;

        padding: 20px 15px;

    }


    .property-feature {

        min-height: 105px;

    }


    .property-action {

        grid-template-columns: 1fr 250px;

        gap: 20px;

        padding-left: 15px;

        padding-right: 15px;

    }


    .property-price strong {

        font-size: 36px;

    }

}


/* =========================================================
   TABLET — 900px to 1199px
========================================================= */

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

    .featured-heading h2 {

        font-size: 54px;

    }


    .property-image,
    .property-image img {

        height: 440px;

    }


    .property-details {

        grid-template-columns: 1fr 1.35fr;

        padding: 35px 25px;

    }


    .property-details h3 {

        font-size: 40px;

    }


    .property-action {

        grid-template-columns: 1fr 320px;

    }

}
/* =========================================================
   FEATURED PROPERTIES
   PREMIUM MOBILE DESIGN
   0px - 767px

   Mobile Padding:
   30px 10px 0 10px

   Primary: #7F011F
   Accent:  #DBD4A4

   Heading: Newsreader
   Body: Hanken Grotesk

   BODY TEXT = 18px
   NO HOVER EFFECTS
========================================================= */

@media (max-width: 767px) {

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

    .featured-properties {

        width: 100%;

        padding: 30px 10px 0 10px;

        background: #F8F6F0;

        box-sizing: border-box;

    }


    .featured-container {

        width: 100%;

        max-width: 100%;

        margin: 0 auto;

    }


    /* =====================================================
       SECTION HEADING
       Mobile = compact luxury editorial style
    ===================================================== */

    .featured-heading {

        width: 100%;

        margin-bottom: 25px;

        text-align: center;

    }


    .featured-label {

        display: flex;

        align-items: center;

        justify-content: center;

        gap: 10px;

        margin-bottom: 14px;

    }


    .featured-label span:not(.label-line) {

        font-family: "Hanken Grotesk", sans-serif;

        font-size: 14px;

        font-weight: 600;

        letter-spacing: 2.5px;

        line-height: 1.4;

        color: #7F011F;

    }


    .label-line {

        width: 30px;

        height: 2px;

        background: #DBD4A4;

    }


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

    .featured-heading h2 {

        width: 100%;

        margin: 0;

        font-family: "Newsreader", serif;

        font-size: 39px;

        font-weight: 500;

        line-height: 1.02;

        letter-spacing: -0.5px;

        color: #7F011F;

    }


    .featured-heading h2 span {

        display: block;

        color: #B49A69;

    }


    .featured-heading p {

        margin: 12px auto 0;

        max-width: 340px;

        font-family: "Hanken Grotesk", sans-serif;

        font-size: 18px;

        font-weight: 400;

        line-height: 1.55;

        color: #526170;

    }


    /* =====================================================
       PROPERTY CARD
    ===================================================== */

    .property-card {

        width: 100%;

        padding: 8px;

        background: #FFFFFF;

        border: 1px solid #DDD8CA;

        box-sizing: border-box;

    }


    /* =====================================================
       PROPERTY IMAGE
       Mobile = portrait-oriented premium image
    ===================================================== */

    .property-image {

        position: relative;

        width: 100%;

        height: 330px;

        overflow: hidden;

    }


    .property-image img {

        display: block;

        width: 100%;

        height: 330px;

        object-fit: cover;

        object-position: center;

    }


    /* =====================================================
       IMAGE TOP TEXT
    ===================================================== */

    .image-top-text {

        top: 20px;

        left: 20px;

    }


    .image-top-text span {

        font-family: "Hanken Grotesk", sans-serif;

        font-size: 12px;

        font-weight: 500;

        letter-spacing: 2.8px;

        line-height: 1.55;

        color: #FFFFFF;

    }


    .image-line {

        width: 48px;

        height: 2px;

        margin-top: 8px;

        background: #FFFFFF;

    }


    /* =====================================================
       IMAGE BOTTOM TEXT
    ===================================================== */

    .image-bottom-text {

        right: 20px;

        bottom: 20px;

    }


    .image-bottom-text span {

        font-family: "Hanken Grotesk", sans-serif;

        font-size: 13px;

        font-weight: 500;

        letter-spacing: 2.5px;

        line-height: 1.45;

        color: #FFFFFF;

    }


    .image-bottom-text .image-line {

        margin-top: 8px;

    }


    /* =====================================================
       INFORMATION
       Mobile = single column
    ===================================================== */

    .property-information {

        display: flex;

        flex-direction: column;

        width: 100%;

        min-height: auto;

    }


    /* =====================================================
       PROPERTY DETAILS
    ===================================================== */

    .property-details {

        display: block;

        padding: 24px 12px 22px;

        border: none;

        border-bottom: 1px solid #DDD8CA;

        text-align: left;

    }


    /* =====================================================
       PROPERTY NAME
    ===================================================== */

    .property-details h3 {

        margin: 0 0 12px;

        font-family: "Newsreader", serif;

        font-size: 32px;

        font-weight: 500;

        line-height: 1.08;

        color: #7F011F;

    }


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

    .property-location {

        display: flex;

        align-items: center;

        gap: 8px;

        margin-bottom: 16px;

    }


    .property-location i {

        flex-shrink: 0;

        font-size: 18px;

        color: #7F011F;

    }


    .property-location span {

        font-family: "Hanken Grotesk", sans-serif;

        font-size: 14px;

        font-weight: 500;

        letter-spacing: 1.5px;

        line-height: 1.4;

        color: #596573;

    }


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

    .property-details > p {

        width: 100%;

        max-width: 100%;

        margin: 0;

        font-family: "Hanken Grotesk", sans-serif;

        font-size: 18px !important;

        font-weight: 400;

        line-height: 1.65;

        color: #526170;

    }


    /* =====================================================
       FEATURES
       Mobile = 3 compact cards
    ===================================================== */

    .property-features {

        display: grid;

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

        gap: 6px;

        padding: 15px 0;

        background: #F8F6F0;

        border: none;

        border-bottom: 1px solid #DDD8CA;

    }


    .property-feature {

        position: relative;

        min-height: 100px;

        padding: 12px 5px;

        display: flex;

        flex-direction: column;

        align-items: center;

        justify-content: center;

        gap: 7px;

        background: #FFFFFF;

        border: 1px solid #DDD8CA;

        box-sizing: border-box;

        text-align: center;

    }


    /* Remove desktop/tablet dividers */

    .property-feature:not(:last-child)::after {

        display: none;

    }


    /* =====================================================
       FEATURE ICON
    ===================================================== */

    .property-feature > i {

        font-size: 22px;

        line-height: 1;

        color: #7F011F;

    }


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

    .feature-content {

        display: flex;

        flex-direction: column;

        align-items: center;

    }


    .feature-content strong {

        font-family: "Newsreader", serif;

        font-size: 27px;

        font-weight: 500;

        line-height: 1;

        color: #7F011F;

    }


    .feature-content span {

        margin-top: 5px;

        font-family: "Hanken Grotesk", sans-serif;

        font-size: 11px;

        font-weight: 600;

        letter-spacing: 1.2px;

        line-height: 1.3;

        color: #596573;

    }


    /* =====================================================
       PRICE + CTA
       Mobile = stacked luxury footer
    ===================================================== */

    .property-action {

        display: flex;

        flex-direction: column;

        align-items: stretch;

        gap: 18px;

        padding: 24px 12px 20px;

        border: none;

    }


    /* =====================================================
       PRICE
    ===================================================== */

    .property-price {

        display: flex;

        flex-direction: column;

        align-items: flex-start;

    }


    .property-price strong {

        font-family: "Newsreader", serif;

        font-size: 38px;

        font-weight: 500;

        line-height: 1;

        color: #7F011F;

    }


    .property-price span {

        margin-top: 7px;

        font-family: "Hanken Grotesk", sans-serif;

        font-size: 14px;

        font-weight: 500;

        letter-spacing: 2px;

        line-height: 1.4;

        color: #65717D;

    }


    /* =====================================================
       BUTTON
       Full width on mobile
    ===================================================== */

    .property-button {

        width: 100%;

        min-height: 60px;

        padding: 0 20px;

        display: flex;

        align-items: center;

        justify-content: space-between;

        box-sizing: border-box;

        background: #7F011F;

        color: #FFFFFF;

        text-decoration: none;

        font-family: "Hanken Grotesk", sans-serif;

        font-size: 14px;

        font-weight: 600;

        letter-spacing: 2px;

    }


    .property-button i {

        color: #DBD4A4;

        font-size: 17px;

    }


    /* =====================================================
       ABSOLUTELY NO HOVER EFFECTS
    ===================================================== */

    .featured-properties * {

        transition: none !important;

    }


    .featured-properties a:hover,
    .featured-properties a:focus,
    .featured-properties a:active {

        background: #7F011F !important;

        color: #FFFFFF !important;

        transform: none !important;

        box-shadow: none !important;

    }


    .featured-properties img:hover {

        transform: none !important;

        filter: none !important;

    }

}


/* =========================================================
   SMALL MOBILE
   480px and below
========================================================= */

@media (max-width: 480px) {

    .featured-properties {

        padding: 30px 10px 0 10px;

    }


    .featured-heading {

        margin-bottom: 22px;

    }


    .featured-heading h2 {

        font-size: 35px;

    }


    .featured-heading p {

        font-size: 18px;

        line-height: 1.5;

    }


    .property-card {

        padding: 6px;

    }


    .property-image,
    .property-image img {

        height: 300px;

    }


    .image-top-text {

        top: 17px;

        left: 17px;

    }


    .image-bottom-text {

        right: 17px;

        bottom: 17px;

    }


    .property-details {

        padding: 22px 10px 20px;

    }


    .property-details h3 {

        font-size: 29px;

    }


    .property-location span {

        font-size: 13px;

        letter-spacing: 1.2px;

    }


    .property-details > p {

        font-size: 18px !important;

    }


    .property-features {

        gap: 5px;

        padding: 12px 0;

    }


    .property-feature {

        min-height: 92px;

        padding: 10px 3px;

    }


    .property-feature > i {

        font-size: 20px;

    }


    .feature-content strong {

        font-size: 25px;

    }


    .feature-content span {

        font-size: 10px;

        letter-spacing: 1px;

    }


    .property-action {

        padding: 22px 10px 18px;

    }


    .property-price strong {

        font-size: 35px;

    }


    .property-button {

        min-height: 58px;

        padding: 0 17px;

        font-size: 13px;

        letter-spacing: 1.7px;

    }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-9f1b3b6 *//* =========================================================
   PREMIUM REAL ESTATE — TRUST SECTION
   COMPLETE DESKTOP CSS
   LEFT + RIGHT EQUAL HEIGHT
   IMAGE HEIGHT INCREASED
   NO HOVER EFFECTS
========================================================= */


/* =========================================================
   ROOT DESIGN SYSTEM
========================================================= */

.premium-trust {

    --primary: #7F011F;
    --accent: #DBD4A4;
    --cream: #F8F6F0;
    --white: #FFFFFF;
    --text: #292522;
    --muted: #655F59;
    --border: #D8D0C0;

    --heading-font: "Newsreader", serif;
    --body-font: "Hanken Grotesk", sans-serif;

    width: 100%;

    margin: 0;

    padding: 80px 50px 0px 50px;

    background: var(--cream);

    box-sizing: border-box;

}


/* =========================================================
   GLOBAL BOX SIZING
========================================================= */

.premium-trust *,
.premium-trust *::before,
.premium-trust *::after {

    box-sizing: border-box;

}


/* =========================================================
   MAIN WRAPPER
   BOTH SIDES WILL HAVE EXACTLY THE SAME HEIGHT
========================================================= */

.premium-trust .trust-wrapper {

    width: 100%;

    max-width: 1440px;

    height: 860px;

    min-height: 860px;

    margin: 0 auto;

    display: grid;

    grid-template-columns: 36% 64%;

    align-items: stretch;

}


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

.premium-trust .trust-image {

    position: relative;

    width: 100%;

    height: 860px;

    min-height: 860px;

    margin: 0;

    padding: 0;

    overflow: hidden;

    background: #E5E1D8;

}


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

.premium-trust .trust-image img {

    display: block;

    width: 100%;

    height: 860px;

    min-height: 860px;

    margin: 0;

    padding: 0;

    object-fit: cover;

    object-position: center center;

}


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

.premium-trust .trust-image-label {

    position: absolute;

    top: 55px;

    left: 50px;

    z-index: 2;

    display: flex;

    flex-direction: column;

    gap: 5px;

    margin: 0;

    padding: 0;

    color: #FFFFFF;

    font-family: var(--body-font);

    font-size: 15px;

    font-weight: 600;

    line-height: 1.5;

    letter-spacing: 5px;

    text-transform: uppercase;

}


/* IMAGE LABEL LINE */

.premium-trust .trust-image-label::after {

    content: "";

    display: block;

    width: 85px;

    height: 2px;

    margin-top: 18px;

    background: var(--accent);

}


/* =========================================================
   RIGHT CONTENT
   SAME HEIGHT AS IMAGE
========================================================= */

.premium-trust .trust-content {

    width: 100%;

    height: 860px;

    min-height: 860px;

    margin: 0;

    padding: 75px 70px;

    background: var(--white);

    display: flex;

    flex-direction: column;

    justify-content: center;

    align-items: flex-start;

}


/* =========================================================
   SECTION LABEL
========================================================= */

.premium-trust .trust-label {

    display: flex;

    align-items: center;

    gap: 18px;

    margin: 0 0 27px 0;

    padding: 0;

}


.premium-trust .trust-label span:first-child {

    color: var(--primary);

    font-family: var(--body-font);

    font-size: 16px;

    font-weight: 600;

    line-height: 1.4;

    letter-spacing: 5px;

    text-transform: uppercase;

}


/* LABEL LINE */

.premium-trust .trust-label-line {

    display: block;

    width: 105px;

    height: 2px;

    background: var(--accent);

}


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

.premium-trust .trust-heading {

    width: 100%;

    max-width: 900px;

    margin: 0 0 25px 0;

    padding: 0;

    color: var(--primary);

    font-family: var(--heading-font);

    font-size: 64px;

    font-weight: 500;

    line-height: 1.02;

    letter-spacing: -1.5px;

}


/* SECOND HEADING LINE */

.premium-trust .trust-heading span {

    display: block;

    margin: 0;

    padding: 0;

    color: #A78A56;
     font-family: "Newsreader", serif;

}


/* =========================================================
   INTRODUCTION
========================================================= */

.premium-trust .trust-intro {

    width: 100%;

    max-width: 730px;

    margin: 0 0 38px 0;

    padding: 0;

    color: var(--text);

    font-family: var(--body-font);

    font-size: 18px;

    font-weight: 400;

    line-height: 1.7;

}


/* =========================================================
   STATISTICS
========================================================= */

.premium-trust .trust-stats {

    width: 100%;

    margin: 0;

    padding: 0;

    display: grid;

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

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

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

}


/* =========================================================
   SINGLE STAT
========================================================= */

.premium-trust .trust-stat {

    position: relative;

    min-height: 150px;

    margin: 0;

    padding: 23px 20px;

    display: flex;

    flex-direction: column;

    align-items: center;

    justify-content: center;

    text-align: center;

}


/* VERTICAL DIVIDER */

.premium-trust .trust-stat:not(:last-child)::after {

    content: "";

    position: absolute;

    top: 22px;

    right: 0;

    width: 1px;

    height: calc(100% - 44px);

    background: var(--border);

}


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

.premium-trust .trust-number {

    margin: 0;

    padding: 0;

    color: var(--primary);

    font-family: var(--heading-font);

    font-size: 54px;

    font-weight: 500;

    line-height: 1;

}


/* =========================================================
   STAT TITLE
========================================================= */

.premium-trust .trust-stat-title {

    margin: 8px 0 0 0;

    padding: 0;

    color: var(--primary);

    font-family: var(--body-font);

    font-size: 16px;

    font-weight: 700;

    line-height: 1.4;

    letter-spacing: 3.5px;

    text-transform: uppercase;

}


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

.premium-trust .trust-stat p {

    margin: 8px 0 0 0;

    padding: 0;

    color: var(--muted);

    font-family: var(--body-font);

    font-size: 16px;

    font-weight: 400;

    line-height: 1.45;

}


/* =========================================================
   TRUST PILLARS
========================================================= */

.premium-trust .trust-pillars {

    width: 100%;

    margin: 34px 0 0 0;

    padding: 0;

    display: grid;

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

}


/* =========================================================
   SINGLE PILLAR
========================================================= */

.premium-trust .trust-pillar {

    position: relative;

    min-height: 170px;

    margin: 0;

    padding: 0 18px;

    display: flex;

    flex-direction: column;

    align-items: center;

    text-align: center;

}


/* PILLAR DIVIDER */

.premium-trust .trust-pillar:not(:last-child)::after {

    content: "";

    position: absolute;

    top: 4px;

    right: 0;

    width: 1px;

    height: 145px;

    background: var(--border);

}


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

.premium-trust .trust-icon {

    width: 62px;

    height: 62px;

    margin: 0 0 16px 0;

    padding: 0;

    border-radius: 50%;

    background: #F1E8CE;

    display: flex;

    align-items: center;

    justify-content: center;

    flex-shrink: 0;

}


/* ICON */

.premium-trust .trust-icon i {

    margin: 0;

    padding: 0;

    color: var(--primary);

    font-size: 24px;

}


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

.premium-trust .trust-pillar h3 {

    width: 100%;

    margin: 0 0 8px 0;

    padding: 0;

    color: var(--primary);

    font-family: var(--body-font);

    font-size: 16px;

    font-weight: 700;

    line-height: 1.4;

    letter-spacing: 2px;

    text-transform: uppercase;

}


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

.premium-trust .trust-pillar p {

    width: 100%;

    max-width: 175px;

    margin: 0;

    padding: 0;

    color: var(--muted);

    font-family: var(--body-font);

    font-size: 16px;

    font-weight: 400;

    line-height: 1.5;

}


/* =========================================================
   CTA BUTTON
========================================================= */

.premium-trust .trust-button {

    display: inline-flex;

    align-items: center;

    justify-content: space-between;

    width: 330px;

    min-height: 66px;

    margin: 32px 0 0 0;

    padding: 18px 28px;

    background: var(--primary);

    color: #FFFFFF;

    border: 0;

    border-radius: 0;

    outline: none;

    box-shadow: none;

    font-family: var(--body-font);

    font-size: 16px;

    font-weight: 600;

    line-height: 1.4;

    letter-spacing: 3px;

    text-decoration: none;

    text-transform: uppercase;

}


/* BUTTON ICON */

.premium-trust .trust-button i {

    margin-left: 20px;

    color: var(--accent);

    font-size: 18px;

}


/* =========================================================
   REMOVE ALL HOVER / TRANSITIONS
========================================================= */

.premium-trust *,
.premium-trust *::before,
.premium-trust *::after {

    transition: none !important;

    animation: none !important;

}


/* =========================================================
   LINK STATES
========================================================= */

.premium-trust a,
.premium-trust a:hover,
.premium-trust a:focus,
.premium-trust a:active,
.premium-trust a:visited {

    text-decoration: none !important;

}


/* =========================================================
   BUTTON — NO HOVER CHANGE
========================================================= */

.premium-trust .trust-button:hover,
.premium-trust .trust-button:focus,
.premium-trust .trust-button:active {

    background: #7F011F !important;

    color: #FFFFFF !important;

    transform: none !important;

    opacity: 1 !important;

    box-shadow: none !important;

}


/* =========================================================
   IMAGE — NO HOVER ZOOM
========================================================= */

.premium-trust .trust-image img:hover {

    transform: none !important;

    filter: none !important;

}


/* =========================================================
   DESKTOP 1200px — 1439px
========================================================= */

@media (min-width: 1200px) and (max-width: 1439px) {

    .premium-trust {

        padding: 80px 50px 0px 50px;

    }


    .premium-trust .trust-wrapper {

        max-width: 1400px;

        height: 820px;

        min-height: 820px;

        grid-template-columns: 36% 64%;

    }


    /* IMAGE */

    .premium-trust .trust-image {

        height: 820px;

        min-height: 820px;

    }


    .premium-trust .trust-image img {

        height: 820px;

        min-height: 820px;

    }


    /* CONTENT */

    .premium-trust .trust-content {

        height: 820px;

        min-height: 820px;

        padding: 65px 60px;

    }


    /* HEADING */

    .premium-trust .trust-heading {

        font-size: 58px;

    }


    /* INTRO */

    .premium-trust .trust-intro {

        font-size: 17px;

        margin-bottom: 34px;

    }


    /* NUMBERS */

    .premium-trust .trust-number {

        font-size: 50px;

    }


    /* PILLARS */

    .premium-trust .trust-pillars {

        margin-top: 30px;

    }


    .premium-trust .trust-pillar {

        padding: 0 14px;

    }


    .premium-trust .trust-pillar h3 {

        font-size: 15px;

        letter-spacing: 1.7px;

    }


    /* BUTTON */

    .premium-trust .trust-button {

        width: 315px;

        margin-top: 28px;

    }

}


/* =========================================================
   1440px+ — LARGE PREMIUM DESKTOP
========================================================= */

@media (min-width: 1440px) {

    .premium-trust {

        padding: 80px 50px 0px 50px;

    }


    /* MAIN WRAPPER */

    .premium-trust .trust-wrapper {

        width: 100%;

        max-width: 1440px;

        height: 900px;

        min-height: 900px;

        margin: 0 auto;

        grid-template-columns: 36% 64%;

        align-items: stretch;

    }


    /* =====================================================
       LEFT IMAGE — 900PX
    ===================================================== */

    .premium-trust .trust-image {

        width: 100%;

        height: 900px;

        min-height: 900px;

    }


    .premium-trust .trust-image img {

        width: 100%;

        height: 900px;

        min-height: 900px;

        object-fit: cover;

        object-position: center center;

    }


    /* IMAGE LABEL */

    .premium-trust .trust-image-label {

        top: 60px;

        left: 55px;

        font-size: 15px;

        letter-spacing: 5px;

    }


    .premium-trust .trust-image-label::after {

        width: 90px;

        margin-top: 20px;

    }


    /* =====================================================
       RIGHT SIDE — EXACTLY 900PX
    ===================================================== */

    .premium-trust .trust-content {

        width: 100%;

        height: 900px;

        min-height: 900px;

        padding: 85px 80px;

    }


    /* SECTION LABEL */

    .premium-trust .trust-label {

        margin-bottom: 30px;

    }


    .premium-trust .trust-label span:first-child {

        font-size: 16px;

        letter-spacing: 5px;

    }


    .premium-trust .trust-label-line {

        width: 110px;

    }


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

    .premium-trust .trust-heading {

        max-width: 920px;

        margin-bottom: 28px;

        font-size: 70px;

        line-height: 1;

        letter-spacing: -2px;

    }


    /* =====================================================
       INTRO
    ===================================================== */

    .premium-trust .trust-intro {

        max-width: 760px;

        margin-bottom: 42px;

        font-size: 18px;

        line-height: 1.75;

    }


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

    .premium-trust .trust-stats {

        width: 100%;

    }


    .premium-trust .trust-stat {

        min-height: 165px;

        padding: 25px 28px;

    }


    .premium-trust .trust-stat:not(:last-child)::after {

        top: 25px;

        height: calc(100% - 50px);

    }


    .premium-trust .trust-number {

        font-size: 60px;

    }


    .premium-trust .trust-stat-title {

        margin-top: 9px;

        font-size: 16px;

        letter-spacing: 4px;

    }


    .premium-trust .trust-stat p {

        margin-top: 9px;

        font-size: 16px;

        line-height: 1.5;

    }


    /* =====================================================
       TRUST PILLARS
    ===================================================== */

    .premium-trust .trust-pillars {

        margin-top: 40px;

    }


    .premium-trust .trust-pillar {

        min-height: 180px;

        padding: 0 22px;

    }


    .premium-trust .trust-pillar:not(:last-child)::after {

        top: 5px;

        height: 150px;

    }


    /* ICON */

    .premium-trust .trust-icon {

        width: 68px;

        height: 68px;

        margin-bottom: 18px;

    }


    .premium-trust .trust-icon i {

        font-size: 26px;

    }


    /* PILLAR TITLE */

    .premium-trust .trust-pillar h3 {

        margin-bottom: 9px;

        font-size: 16px;

        letter-spacing: 2.2px;

    }


    /* PILLAR TEXT */

    .premium-trust .trust-pillar p {

        max-width: 180px;

        font-size: 16px;

        line-height: 1.5;

    }


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

    .premium-trust .trust-button {

        width: 340px;

        min-height: 68px;

        margin-top: 38px;

        padding: 19px 30px;

        font-size: 16px;

        letter-spacing: 3px;

    }


    .premium-trust .trust-button i {

        font-size: 19px;

    }

}


/* =========================================================
   VERY LARGE SCREENS
   1600px+
========================================================= */

@media (min-width: 1600px) {

    .premium-trust .trust-wrapper {

        max-width: 1500px;

        height: 900px;

        min-height: 900px;

    }


    .premium-trust .trust-image {

        height: 900px;

        min-height: 900px;

    }


    .premium-trust .trust-image img {

        height: 900px;

        min-height: 900px;

    }


    .premium-trust .trust-content {

        height: 900px;

        min-height: 900px;

        padding-left: 90px;

        padding-right: 90px;

    }

}
/* =========================================================
   PREMIUM TRUST SECTION
   TABLET ONLY
   768px — 1199px

   TABLET IS INTENTIONALLY DIFFERENT FROM DESKTOP
========================================================= */

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


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

    .premium-trust {

        width: 100%;

        margin: 0;

        padding: 50px 30px 0px 30px;

        background: #F8F6F0;

    }


    /* =====================================================
       MAIN WRAPPER
       DESKTOP GRID REMOVED
    ===================================================== */

    .premium-trust .trust-wrapper {

        width: 100%;

        max-width: 100%;

        height: auto;

        min-height: auto;

        margin: 0 auto;

        display: flex;

        flex-direction: column;

        align-items: stretch;

    }


    /* =====================================================
       IMAGE
       FULL WIDTH — TOP
    ===================================================== */

    .premium-trust .trust-image {

        position: relative;

        width: 100%;

        height: 520px;

        min-height: 520px;

        order: 1;

        overflow: hidden;

    }


    .premium-trust .trust-image img {

        display: block;

        width: 100%;

        height: 520px;

        min-height: 520px;

        margin: 0;

        padding: 0;

        object-fit: cover;

        object-position: center center;

    }


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

    .premium-trust .trust-image-label {

        top: 40px;

        left: 40px;

        font-size: 15px;

        letter-spacing: 4px;

    }


    .premium-trust .trust-image-label::after {

        width: 75px;

        margin-top: 15px;

    }


    /* =====================================================
       CONTENT
       FULL WIDTH — BELOW IMAGE
    ===================================================== */

    .premium-trust .trust-content {

        width: 100%;

        height: auto;

        min-height: auto;

        padding: 70px 55px 75px 55px;

        background: #FFFFFF;

        order: 2;

        display: flex;

        flex-direction: column;

        align-items: center;

        justify-content: center;

        text-align: center;

    }


    /* =====================================================
       SECTION LABEL
    ===================================================== */

    .premium-trust .trust-label {

        display: flex;

        align-items: center;

        justify-content: center;

        gap: 16px;

        margin: 0 0 28px 0;

        padding: 0;

    }


    .premium-trust .trust-label span:first-child {

        font-family: "Hanken Grotesk", sans-serif;

        font-size: 16px;

        font-weight: 600;

        line-height: 1.4;

        letter-spacing: 4px;

        color: #7F011F;

        text-align: center;

        text-transform: uppercase;

    }


    .premium-trust .trust-label-line {

        width: 75px;

        height: 2px;

        background: #DBD4A4;

    }


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

    .premium-trust .trust-heading {

        width: 100%;

        max-width: 850px;

        margin: 0 auto 30px auto;

        padding: 0;

        font-family: "Newsreader", serif;

        font-size: 54px;

        font-weight: 500;

        line-height: 1.04;

        letter-spacing: -1px;

        color: #7F011F;

        text-align: center;

    }


    /* SECOND LINE */

    .premium-trust .trust-heading span {

        display: block;

        margin-top: 4px;

        color: #A78A56;

    }


    /* =====================================================
       INTRO
    ===================================================== */

    .premium-trust .trust-intro {

        width: 100%;

        max-width: 760px;

        margin: 0 auto 40px auto;

        padding: 0;

        font-family: "Hanken Grotesk", sans-serif;

        font-size: 18px !important;

        font-weight: 400;

        line-height: 1.7;

        color: #292522;

        text-align: center;

    }


    /* =====================================================
       STATISTICS
       3 COLUMNS
    ===================================================== */

    .premium-trust .trust-stats {

        width: 100%;

        margin: 0;

        padding: 0;

        display: grid;

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

        border-top: 1px solid #D8D0C0;

        border-bottom: 1px solid #D8D0C0;

    }


    /* =====================================================
       STAT
    ===================================================== */

    .premium-trust .trust-stat {

        position: relative;

        min-height: 155px;

        padding: 25px 15px;

        display: flex;

        flex-direction: column;

        align-items: center;

        justify-content: center;

        text-align: center;

    }


    /* VERTICAL DIVIDER */

    .premium-trust .trust-stat:not(:last-child)::after {

        content: "";

        position: absolute;

        top: 25px;

        right: 0;

        width: 1px;

        height: calc(100% - 50px);

        background: #D8D0C0;

    }


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

    .premium-trust .trust-number {

        margin: 0;

        padding: 0;

        font-family: "Newsreader", serif;

        font-size: 54px;

        font-weight: 500;

        line-height: 1;

        color: #7F011F;

    }


    /* =====================================================
       STAT TITLE
    ===================================================== */

    .premium-trust .trust-stat-title {

        margin: 9px 0 0 0;

        padding: 0;

        font-family: "Hanken Grotesk", sans-serif;

        font-size: 16px;

        font-weight: 700;

        line-height: 1.4;

        letter-spacing: 3px;

        color: #7F011F;

        text-transform: uppercase;

    }


    /* =====================================================
       STAT DESCRIPTION
       FIXED 18PX
    ===================================================== */

    .premium-trust .trust-stat p {

        margin: 8px 0 0 0;

        padding: 0;

        font-family: "Hanken Grotesk", sans-serif;

        font-size: 18px !important;

        font-weight: 400;

        line-height: 1.6;

        color: #655F59;

    }


    /* =====================================================
       TRUST PILLARS
       TABLET = 2 × 2
    ===================================================== */

    .premium-trust .trust-pillars {

        width: 100%;

        margin: 40px 0 0 0;

        padding: 0;

        display: grid;

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

        border-top: 1px solid #D8D0C0;

        border-left: 1px solid #D8D0C0;

    }


    /* =====================================================
       SINGLE PILLAR
    ===================================================== */

    .premium-trust .trust-pillar {

        position: relative;

        width: 100%;

        min-height: 200px;

        margin: 0;

        padding: 30px 25px;

        display: flex;

        flex-direction: column;

        align-items: center;

        justify-content: center;

        text-align: center;

        border-right: 1px solid #D8D0C0;

        border-bottom: 1px solid #D8D0C0;

    }


    /* REMOVE DESKTOP DIVIDER */

    .premium-trust .trust-pillar:not(:last-child)::after {

        display: none;

    }


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

    .premium-trust .trust-icon {

        width: 68px;

        height: 68px;

        margin: 0 0 18px 0;

        padding: 0;

        border-radius: 50%;

        background: #F1E8CE;

        display: flex;

        align-items: center;

        justify-content: center;

    }


    .premium-trust .trust-icon i {

        margin: 0;

        padding: 0;

        color: #7F011F;

        font-size: 26px;

    }


    /* =====================================================
       PILLAR TITLE
    ===================================================== */

    .premium-trust .trust-pillar h3 {

        width: 100%;

        margin: 0 0 9px 0;

        padding: 0;

        font-family: "Hanken Grotesk", sans-serif;

        font-size: 16px;

        font-weight: 700;

        line-height: 1.4;

        letter-spacing: 2px;

        color: #7F011F;

        text-transform: uppercase;

    }


    /* =====================================================
       PILLAR TEXT
       FIXED 18PX
    ===================================================== */

    .premium-trust .trust-pillar p {

        width: 100%;

        max-width: 260px;

        margin: 0;

        padding: 0;

        font-family: "Hanken Grotesk", sans-serif;

        font-size: 18px !important;

        font-weight: 400;

        line-height: 1.6;

        color: #655F59;

    }


    /* =====================================================
       CTA
    ===================================================== */

    .premium-trust .trust-button {

        display: inline-flex;

        align-items: center;

        justify-content: space-between;

        width: 330px;

        min-height: 66px;

        margin: 38px auto 0 auto;

        padding: 18px 28px;

        background: #7F011F;

        color: #FFFFFF;

        border: none;

        border-radius: 0;

        font-family: "Hanken Grotesk", sans-serif;

        font-size: 16px;

        font-weight: 600;

        line-height: 1.4;

        letter-spacing: 3px;

        text-decoration: none;

        text-transform: uppercase;

    }


    .premium-trust .trust-button i {

        color: #DBD4A4;

        font-size: 18px;

    }


    /* =====================================================
       NO HOVER EFFECTS
    ===================================================== */

    .premium-trust *,
    .premium-trust *::before,
    .premium-trust *::after {

        transition: none !important;

        animation: none !important;

    }


    .premium-trust .trust-button:hover,
    .premium-trust .trust-button:focus,
    .premium-trust .trust-button:active {

        background: #7F011F !important;

        color: #FFFFFF !important;

        transform: none !important;

        opacity: 1 !important;

        box-shadow: none !important;

    }


    .premium-trust .trust-image img:hover {

        transform: none !important;

        filter: none !important;

    }

}


/* =========================================================
   TABLET LARGE
   1024px — 1199px
========================================================= */

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

    .premium-trust .trust-image {

        height: 560px;

        min-height: 560px;

    }


    .premium-trust .trust-image img {

        height: 560px;

        min-height: 560px;

    }


    .premium-trust .trust-content {

        padding: 80px 70px 85px 70px;

    }


    .premium-trust .trust-heading {

        font-size: 58px;

    }


    .premium-trust .trust-stat {

        min-height: 165px;

    }


    .premium-trust .trust-number {

        font-size: 58px;

    }


    .premium-trust .trust-pillar {

        min-height: 210px;

        padding: 35px 30px;

    }

}


/* =========================================================
   TABLET STANDARD
   768px — 1023px
========================================================= */

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

    .premium-trust .trust-image {

        height: 470px;

        min-height: 470px;

    }


    .premium-trust .trust-image img {

        height: 470px;

        min-height: 470px;

    }


    .premium-trust .trust-content {

        padding: 60px 40px 65px 40px;

    }


    .premium-trust .trust-heading {

        font-size: 48px;

    }


    .premium-trust .trust-stat {

        min-height: 150px;

        padding-left: 10px;

        padding-right: 10px;

    }


    .premium-trust .trust-number {

        font-size: 50px;

    }


    .premium-trust .trust-pillar {

        min-height: 190px;

        padding: 25px 18px;

    }

}
/* =========================================================
   PREMIUM REAL ESTATE — TRUST SECTION
   MOBILE RESPONSIVE
   0px — 767px

   MOBILE DESIGN IS DIFFERENT FROM
   DESKTOP + TABLET
========================================================= */

@media (max-width: 767px) {

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

    .premium-trust {

        width: 100%;

        margin: 0;

        padding: 30px 10px 0px 10px;

        background: #F8F6F0;

    }


    /* =====================================================
       MAIN WRAPPER
    ===================================================== */

    .premium-trust .trust-wrapper {

        width: 100%;

        max-width: 100%;

        height: auto;

        min-height: auto;

        margin: 0;

        display: flex;

        flex-direction: column;

    }


    /* =====================================================
       PROPERTY IMAGE
       MOBILE — TOP
    ===================================================== */

    .premium-trust .trust-image {

        position: relative;

        width: 100%;

        height: 390px;

        min-height: 390px;

        order: 1;

        overflow: hidden;

    }


    .premium-trust .trust-image img {

        display: block;

        width: 100%;

        height: 390px;

        min-height: 390px;

        margin: 0;

        padding: 0;

        object-fit: cover;

        object-position: center center;

    }


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

    .premium-trust .trust-image-label {

        top: 28px;

        left: 25px;

        gap: 3px;

        font-size: 13px;

        letter-spacing: 3.5px;

        line-height: 1.5;

    }


    .premium-trust .trust-image-label::after {

        width: 60px;

        height: 2px;

        margin-top: 12px;

    }


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

    .premium-trust .trust-content {

        width: 100%;

        height: auto;

        min-height: auto;

        margin: 0;

        padding: 55px 22px 60px 22px;

        background: #FFFFFF;

        order: 2;

        display: flex;

        flex-direction: column;

        align-items: center;

        justify-content: flex-start;

        text-align: center;

    }


    /* =====================================================
       SECTION LABEL
    ===================================================== */

    .premium-trust .trust-label {

        width: 100%;

        display: flex;

        align-items: center;

        justify-content: center;

        gap: 12px;

        margin: 0 0 22px 0;

        padding: 0;

    }


    .premium-trust .trust-label span:first-child {

        font-family: "Hanken Grotesk", sans-serif;

        font-size: 14px;

        font-weight: 600;

        line-height: 1.4;

        letter-spacing: 3px;

        color: #7F011F;

        text-transform: uppercase;

    }


    .premium-trust .trust-label-line {

        width: 45px;

        height: 2px;

        flex-shrink: 0;

        background: #DBD4A4;

    }


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

    .premium-trust .trust-heading {

        width: 100%;

        max-width: 100%;

        margin: 0 0 22px 0;

        padding: 0;

        font-family: "Newsreader", serif;

        font-size: 40px;

        font-weight: 500;

        line-height: 1.08;

        letter-spacing: -0.5px;

        color: #7F011F;

        text-align: center;

    }


    /* SECOND LINE */

    .premium-trust .trust-heading span {

        display: block;

        margin-top: 3px;

        color: #A78A56;

    }


    /* =====================================================
       INTRODUCTION
       FIXED 18PX
    ===================================================== */

    .premium-trust .trust-intro {

        width: 100%;

        max-width: 520px;

        margin: 0 auto 32px auto;

        padding: 0;

        font-family: "Hanken Grotesk", sans-serif;

        font-size: 18px !important;

        font-weight: 400;

        line-height: 1.7;

        color: #292522;

        text-align: center;

    }


    /* =====================================================
       STATISTICS
       MOBILE — VERTICAL CARDS
    ===================================================== */

    .premium-trust .trust-stats {

        width: 100%;

        margin: 0;

        padding: 0;

        display: grid;

        grid-template-columns: 1fr;

        border-top: 1px solid #D8D0C0;

        border-bottom: none;

    }


    /* =====================================================
       STAT CARD
    ===================================================== */

    .premium-trust .trust-stat {

        position: relative;

        width: 100%;

        min-height: 145px;

        margin: 0;

        padding: 25px 15px;

        display: flex;

        flex-direction: column;

        align-items: center;

        justify-content: center;

        text-align: center;

        border-bottom: 1px solid #D8D0C0;

    }


    /* REMOVE DESKTOP DIVIDER */

    .premium-trust .trust-stat:not(:last-child)::after {

        display: none;

    }


    /* =====================================================
       STAT NUMBER
    ===================================================== */

    .premium-trust .trust-number {

        margin: 0;

        padding: 0;

        font-family: "Newsreader", serif;

        font-size: 50px;

        font-weight: 500;

        line-height: 1;

        color: #7F011F;

    }


    /* =====================================================
       STAT TITLE
    ===================================================== */

    .premium-trust .trust-stat-title {

        margin: 8px 0 0 0;

        padding: 0;

        font-family: "Hanken Grotesk", sans-serif;

        font-size: 16px;

        font-weight: 700;

        line-height: 1.4;

        letter-spacing: 3px;

        color: #7F011F;

        text-transform: uppercase;

    }


    /* =====================================================
       STAT TEXT
       FIXED 18PX
    ===================================================== */

    .premium-trust .trust-stat p {

        width: 100%;

        margin: 8px 0 0 0;

        padding: 0;

        font-family: "Hanken Grotesk", sans-serif;

        font-size: 18px !important;

        font-weight: 400;

        line-height: 1.6;

        color: #655F59;

    }


    /* =====================================================
       TRUST PILLARS
       MOBILE — ONE COLUMN
    ===================================================== */

    .premium-trust .trust-pillars {

        width: 100%;

        margin: 35px 0 0 0;

        padding: 0;

        display: grid;

        grid-template-columns: 1fr;

        border-top: 1px solid #D8D0C0;

        border-left: 1px solid #D8D0C0;

    }


    /* =====================================================
       SINGLE PILLAR
    ===================================================== */

    .premium-trust .trust-pillar {

        position: relative;

        width: 100%;

        min-height: 205px;

        margin: 0;

        padding: 30px 20px;

        display: flex;

        flex-direction: column;

        align-items: center;

        justify-content: center;

        text-align: center;

        border-right: 1px solid #D8D0C0;

        border-bottom: 1px solid #D8D0C0;

    }


    /* REMOVE DESKTOP DIVIDER */

    .premium-trust .trust-pillar:not(:last-child)::after {

        display: none;

    }


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

    .premium-trust .trust-icon {

        width: 62px;

        height: 62px;

        margin: 0 0 16px 0;

        padding: 0;

        border-radius: 50%;

        background: #F1E8CE;

        display: flex;

        align-items: center;

        justify-content: center;

        flex-shrink: 0;

    }


    .premium-trust .trust-icon i {

        margin: 0;

        padding: 0;

        color: #7F011F;

        font-size: 24px;

    }


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

    .premium-trust .trust-pillar h3 {

        width: 100%;

        margin: 0 0 8px 0;

        padding: 0;

        font-family: "Hanken Grotesk", sans-serif;

        font-size: 16px;

        font-weight: 700;

        line-height: 1.4;

        letter-spacing: 2px;

        color: #7F011F;

        text-transform: uppercase;

    }


    /* =====================================================
       PILLAR TEXT
       FIXED 18PX
    ===================================================== */

    .premium-trust .trust-pillar p {

        width: 100%;

        max-width: 300px;

        margin: 0;

        padding: 0;

        font-family: "Hanken Grotesk", sans-serif;

        font-size: 18px !important;

        font-weight: 400;

        line-height: 1.6;

        color: #655F59;

    }


    /* =====================================================
       CTA
    ===================================================== */

    .premium-trust .trust-button {

        display: flex;

        align-items: center;

        justify-content: space-between;

        width: 100%;

        max-width: 330px;

        min-height: 64px;

        margin: 35px auto 0 auto;

        padding: 18px 22px;

        background: #7F011F;

        color: #FFFFFF;

        border: none;

        border-radius: 0;

        outline: none;

        box-shadow: none;

        font-family: "Hanken Grotesk", sans-serif;

        font-size: 15px;

        font-weight: 600;

        line-height: 1.4;

        letter-spacing: 2.5px;

        text-decoration: none;

        text-transform: uppercase;

    }


    .premium-trust .trust-button i {

        margin-left: 15px;

        color: #DBD4A4;

        font-size: 17px;

        flex-shrink: 0;

    }


    /* =====================================================
       NO HOVER EFFECTS
    ===================================================== */

    .premium-trust *,
    .premium-trust *::before,
    .premium-trust *::after {

        transition: none !important;

        animation: none !important;

    }


    .premium-trust a:hover,
    .premium-trust a:focus,
    .premium-trust a:active {

        text-decoration: none !important;

        transform: none !important;

        opacity: 1 !important;

        box-shadow: none !important;

    }


    .premium-trust .trust-button:hover,
    .premium-trust .trust-button:focus,
    .premium-trust .trust-button:active {

        background: #7F011F !important;

        color: #FFFFFF !important;

        transform: none !important;

        opacity: 1 !important;

        box-shadow: none !important;

    }


    .premium-trust .trust-image img:hover {

        transform: none !important;

        filter: none !important;

    }

}


/* =========================================================
   SMALL MOBILE
   480px AND BELOW
========================================================= */

@media (max-width: 480px) {

    .premium-trust {

        padding: 30px 10px 0px 10px;

    }


    /* IMAGE */

    .premium-trust .trust-image {

        height: 350px;

        min-height: 350px;

    }


    .premium-trust .trust-image img {

        height: 350px;

        min-height: 350px;

    }


    /* IMAGE LABEL */

    .premium-trust .trust-image-label {

        top: 24px;

        left: 20px;

        font-size: 12px;

        letter-spacing: 3px;

    }


    /* CONTENT */

    .premium-trust .trust-content {

        padding: 50px 18px 55px 18px;

    }


    /* LABEL */

    .premium-trust .trust-label {

        margin-bottom: 20px;

    }


    .premium-trust .trust-label span:first-child {

        font-size: 13px;

        letter-spacing: 2.5px;

    }


    .premium-trust .trust-label-line {

        width: 35px;

    }


    /* HEADING */

    .premium-trust .trust-heading {

        font-size: 36px;

        line-height: 1.08;

        letter-spacing: -0.3px;

    }


    /* INTRO */

    .premium-trust .trust-intro {

        font-size: 18px !important;

        line-height: 1.65;

        margin-bottom: 30px;

    }


    /* STATS */

    .premium-trust .trust-stat {

        min-height: 140px;

        padding: 23px 12px;

    }


    .premium-trust .trust-number {

        font-size: 48px;

    }


    /* PILLARS */

    .premium-trust .trust-pillars {

        margin-top: 30px;

    }


    .premium-trust .trust-pillar {

        min-height: 195px;

        padding: 28px 16px;

    }


    /* BUTTON */

    .premium-trust .trust-button {

        max-width: 100%;

        min-height: 62px;

        padding: 17px 20px;

        font-size: 14px;

        letter-spacing: 2px;

    }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-2aab9af *//* =========================================================
   PREMIUM REAL ESTATE — TEAM SECTION
   DESKTOP VIEW
   1200px+ / 1440px optimized

   GLOBAL WEBSITE SYSTEM
   H1  = Newsreader 68px
   H2  = Newsreader 58px
   H3  = Newsreader 38px
   H4  = Newsreader 28px
   BODY = Hanken Grotesk 18px

   COLORS
   Primary    #7F011F
   Accent     #DBD4A4
   Background #F8F6F0
   Body       #526170

   NO HOVER EFFECTS
========================================================= */


/* =========================================================
   TEAM SECTION
========================================================= */

.team-section {
    width: 100%;
    padding: 80px 50px 0 50px;
    margin: 0;
    background: #F8F6F0;
    overflow: hidden;
    box-sizing: border-box;
}


/* =========================================================
   MAIN CONTAINER
========================================================= */

.team-container {
    width: 100%;
    max-width: 1440px;
    margin: 0 auto;
    position: relative;
}


/* =========================================================
   TEAM HEADER
========================================================= */

.team-header {
    width: 100%;
    max-width: 1000px;
    margin: 0 auto 65px;
    text-align: center;
}


/* =========================================================
   OUR TEAM LABEL
========================================================= */

.team-label {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 28px;
    margin-bottom: 24px;
}

.team-label-text {
    font-family: "Hanken Grotesk", sans-serif !important;
    font-size: 18px !important;
    font-weight: 600;
    line-height: 1.3;
    letter-spacing: 5px;
    color: #7F011F;
    white-space: nowrap;
}

.team-line {
    display: block;
    width: 135px;
    height: 2px;
    background: #DBD4A4;
    flex-shrink: 0;
}


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

.team-header h2 {
    margin: 0;

    font-family: "Newsreader", serif !important;
    font-size: 52px !important;
    font-weight: 500;
    line-height: 1.05;
    letter-spacing: -0.5px;

    color: #7F011F;
}

.team-header h2 span {
    display: block;
    color: #B49A68;
 
    font-family: "Newsreader", serif !important;}


/* =========================================================
   INTRODUCTION
========================================================= */

.team-header p {
    max-width: 900px;
    margin: 25px auto 0;

    font-family: "Hanken Grotesk", sans-serif !important;
    font-size: 18px !important;
    font-weight: 400;
    line-height: 1.6;

    color: #526170;
}


/* =========================================================
   DECORATIVE SIDE TEXT
========================================================= */

.team-side-text {
    position: absolute;

    top: 42px;

    display: flex;
    flex-direction: column;
    gap: 2px;

    font-family: "Hanken Grotesk", sans-serif !important;
    font-size: 18px !important;
    font-weight: 500;
    line-height: 1.65;

    letter-spacing: 4px;

    color: #B49A68;
}


/* LEFT */

.team-side-left {
    left: 0;
    padding-left: 22px;
    border-left: 2px solid #DBD4A4;
}


/* RIGHT */

.team-side-right {
    right: 0;
    padding-left: 22px;
    border-left: 2px solid #DBD4A4;
}


/* =========================================================
   TEAM GRID
   FOUR CARDS IN ONE ROW
========================================================= */

.team-grid {
    width: 100%;

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

    border-top: 1px solid rgba(127, 1, 31, 0.16);

    box-sizing: border-box;
}


/* =========================================================
   TEAM MEMBER
========================================================= */

.team-member {
    width: 100%;
    min-width: 0;

    padding: 30px 35px 50px;

    text-align: center;

    box-sizing: border-box;
}


/* =========================================================
   VERTICAL CARD DIVIDERS
========================================================= */

.team-member:not(:last-child) {
    border-right: 1px solid rgba(127, 1, 31, 0.16);
}


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

.team-image-wrap {
    width: 100%;
    max-width: 305px;

    margin: 0 auto;

    padding-top: 0;
}


/* =========================================================
   PREMIUM ARCH IMAGE FRAME
========================================================= */

.team-image-frame {
    width: 100%;
    height: 350px;

    position: relative;

    overflow: hidden;

    background: #E8E2D7;

    border: 1.5px solid #C4A96B;
    border-bottom: none;

    border-radius: 160px 160px 0 0;
}


/* =========================================================
   INNER GOLD FRAME
========================================================= */

.team-image-frame::before {
    content: "";

    position: absolute;

    top: 6px;
    left: 6px;
    right: 6px;
    bottom: 0;

    border: 1px solid rgba(196, 169, 107, 0.75);
    border-bottom: none;

    border-radius: 154px 154px 0 0;

    pointer-events: none;

    z-index: 2;
}


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

.team-image-frame img {
    width: 100%;
    height: 100%;

    display: block;

    object-fit: cover;
    object-position: center top;

    border-radius: 154px 154px 0 0;
}


/* =========================================================
   GOLD DIVIDER BELOW IMAGE
========================================================= */

.team-gold-line {
    width: 62px;
    height: 2px;

    margin: 19px auto 18px;

    background: #C4A96B;
}


/* =========================================================
   TEAM MEMBER NAME
   H3 = 38px fixed website system
========================================================= */

.team-member h3 {
    margin: 0;

    font-family: "Newsreader", serif !important;
    font-size: 38px !important;
    font-weight: 500;

    line-height: 1.05;
    letter-spacing: 0.5px;

    color: #7F011F;
}


/* =========================================================
   TEAM ROLE
   BODY/UI = 18px
========================================================= */

.team-role {
    margin-top: 10px;

    font-family: "Hanken Grotesk", sans-serif !important;
    font-size: 18px !important;
    font-weight: 600;

    line-height: 1.4;

    letter-spacing: 3px;

    color: #526170;
}


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

.team-member p {
    width: 100%;
    max-width: 290px;

    margin: 18px auto 0;

    font-family: "Hanken Grotesk", sans-serif !important;
    font-size: 18px !important;
    font-weight: 400;

    line-height: 1.6;

    color: #526170;
}


/* =========================================================
   1440PX DESKTOP
========================================================= */

@media (min-width: 1440px) {

    .team-section {
        padding: 80px 50px 0 50px;
    }

    .team-container {
        max-width: 1440px;
    }

    .team-header {
        max-width: 1050px;
        margin-bottom: 68px;
    }

    .team-label {
        gap: 30px;
        margin-bottom: 25px;
    }

    .team-label-text {
        font-size: 18px !important;
        letter-spacing: 5px;
    }

    .team-line {
        width: 140px;
    }

    .team-header h2 {
        font-size: 58px !important;
        line-height: 1.05;
    }

    .team-header p {
        max-width: 920px;
        margin-top: 26px;
        font-size: 18px !important;
    }

    .team-side-text {
        top: 44px;
        font-size: 18px !important;
    }

    .team-side-left {
        padding-left: 24px;
    }

    .team-side-right {
        padding-left: 24px;
    }

    .team-member {
        padding: 30px 40px 52px;
    }

    .team-image-wrap {
        max-width: 315px;
    }

    .team-image-frame {
        height: 365px;
        border-radius: 165px 165px 0 0;
    }

    .team-image-frame::before {
        border-radius: 159px 159px 0 0;
    }

    .team-image-frame img {
        border-radius: 159px 159px 0 0;
    }

    .team-gold-line {
        width: 65px;
        margin-top: 20px;
        margin-bottom: 19px;
    }

    .team-member h3 {
        font-size: 38px !important;
    }

    .team-role {
        font-size: 18px !important;
    }

    .team-member p {
        max-width: 300px;
        margin-top: 19px;
        font-size: 18px !important;
    }
}


/* =========================================================
   LARGE DESKTOP
   1600PX+
========================================================= */

@media (min-width: 1600px) {

    .team-container {
        max-width: 1500px;
    }

    .team-header {
        max-width: 1100px;
    }

    .team-header h2 {
        font-size: 58px !important;
    }

    .team-image-wrap {
        max-width: 325px;
    }

    .team-image-frame {
        height: 380px;
    }

    .team-member h3 {
        font-size: 38px !important;
    }

    .team-member p {
        max-width: 310px;
        font-size: 18px !important;
    }
}


/* =========================================================
   ELEMENTOR / ROYAL ADDONS OVERRIDES
========================================================= */

.team-section h1,
.team-section h2,
.team-section h3,
.team-section h4,
.team-section .elementor-heading-title {
    font-family: "Newsreader", serif !important;
}

.team-section p,
.team-section a,
.team-section span,
.team-section li,
.team-section button {
    font-family: "Hanken Grotesk", sans-serif !important;
}


/* =========================================================
   FIXED BODY TEXT SIZE
========================================================= */

.team-section p,
.team-section .team-role,
.team-section .team-label-text,
.team-section .team-side-text {
    font-size: 18px !important;
}


/* =========================================================
   REMOVE ALL HOVER EFFECTS
========================================================= */

.team-section .team-member:hover,
.team-section .team-image-frame:hover,
.team-section .team-image-frame img:hover,
.team-section a:hover,
.team-section button:hover {
    transform: none !important;
    box-shadow: none !important;
    filter: none !important;
    opacity: 1 !important;
}


/* =========================================================
   NO ANIMATIONS
========================================================= */

.team-section,
.team-section *,
.team-section *::before,
.team-section *::after {
    animation: none !important;
    transition: none !important;
}
/* =========================================================
   TEAM SECTION — PREMIUM TABLET DESIGN
   768px — 1199px

   IMPORTANT:
   Tablet layout is intentionally DIFFERENT from desktop.

   TYPOGRAPHY SYSTEM
   H1 : 54px
   H2 : 48px
   H3 : 34px
   H4 : 25px
   BODY : 18px

   COLORS
   Primary    #7F011F
   Accent     #DBD4A4
   Background #F8F6F0
   Body       #526170

   No hover effects
========================================================= */


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

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

    .team-section {
        width: 100%;
        padding: 50px 30px 0 30px;
        background: #F8F6F0;
        overflow: hidden;
    }


    .team-container {
        width: 100%;
        max-width: 100%;
        margin: 0 auto;
    }


    /* =====================================================
       TABLET HEADER
       Different from desktop: left aligned
    ===================================================== */

    .team-header {
        width: 100%;
        max-width: 850px;
        margin: 0 0 50px;
        text-align: left;
    }


    /* =====================================================
       LABEL
    ===================================================== */

    .team-label {
        justify-content: flex-start;
        gap: 18px;
        margin-bottom: 20px;
    }


    .team-label-text {
        font-family: "Hanken Grotesk", sans-serif !important;
        font-size: 18px !important;
        font-weight: 600;
        letter-spacing: 4px;
        line-height: 1.4;
        color: #7F011F;
    }


    .team-line {
        width: 75px;
        height: 2px;
        background: #DBD4A4;
    }


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

    .team-header h2 {
        margin: 0;

        font-family: "Newsreader", serif !important;
        font-size: 48px !important;
        font-weight: 500;
        line-height: 1.08;
        letter-spacing: -0.4px;

        color: #7F011F;
    }


    .team-header h2 span {
        display: block;
        color: #B49A68;
    }


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

    .team-header p {
        max-width: 720px;
        margin: 20px 0 0;

        font-family: "Hanken Grotesk", sans-serif !important;
        font-size: 18px !important;
        font-weight: 400;
        line-height: 1.6;

        color: #526170;
    }


    /* =====================================================
       REMOVE DESKTOP SIDE DECORATION
    ===================================================== */

    .team-side-text {
        display: none !important;
    }


    /* =====================================================
       TABLET TEAM GRID
       DIFFERENT FROM DESKTOP:
       2 × 2 CARD LAYOUT
    ===================================================== */

    .team-grid {
        width: 100%;

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

        border-top: 1px solid rgba(127, 1, 31, 0.16);
        border-bottom: none;
    }


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

    .team-member {
        width: 100%;
        min-width: 0;

        padding: 35px 30px 45px;

        display: flex;
        flex-direction: column;
        align-items: center;

        text-align: center;

        background: transparent;
    }


    /* =====================================================
       GRID DIVIDERS
    ===================================================== */

    .team-member:nth-child(odd) {
        border-right: 1px solid rgba(127, 1, 31, 0.16);
    }


    .team-member:nth-child(1),
    .team-member:nth-child(2) {
        border-bottom: 1px solid rgba(127, 1, 31, 0.16);
    }


    .team-member:nth-child(3) {
        border-right: 1px solid rgba(127, 1, 31, 0.16);
    }


    .team-member:nth-child(4) {
        border-right: none;
    }


    /* =====================================================
       TABLET IMAGE
       Slightly shorter and wider than desktop
    ===================================================== */

    .team-image-wrap {
        width: 100%;
        max-width: 260px;
        margin: 0 auto;
    }


    .team-image-frame {
        width: 100%;
        height: 300px;

        position: relative;
        overflow: hidden;

        background: #E8E2D7;

        border: 1.5px solid #C4A96B;
        border-bottom: none;

        border-radius: 135px 135px 0 0;
    }


    .team-image-frame::before {
        content: "";

        position: absolute;

        top: 6px;
        left: 6px;
        right: 6px;
        bottom: 0;

        border: 1px solid rgba(196, 169, 107, 0.75);
        border-bottom: none;

        border-radius: 129px 129px 0 0;

        pointer-events: none;

        z-index: 2;
    }


    .team-image-frame img {
        width: 100%;
        height: 100%;

        display: block;

        object-fit: cover;
        object-position: center top;

        border-radius: 129px 129px 0 0;
    }


    /* =====================================================
       GOLD LINE
    ===================================================== */

    .team-gold-line {
        width: 55px;
        height: 2px;

        margin: 17px auto 16px;

        background: #C4A96B;
    }


    /* =====================================================
       TEAM NAME
       H3 TABLET = 34px
    ===================================================== */

    .team-member h3 {
        margin: 0;

        font-family: "Newsreader", serif !important;
        font-size: 34px !important;
        font-weight: 500;

        line-height: 1.1;
        letter-spacing: 0;

        color: #7F011F;
    }


    /* =====================================================
       ROLE
    ===================================================== */

    .team-role {
        margin-top: 9px;

        font-family: "Hanken Grotesk", sans-serif !important;
        font-size: 18px !important;
        font-weight: 600;

        line-height: 1.4;
        letter-spacing: 2px;

        color: #526170;
    }


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

    .team-member p {
        width: 100%;
        max-width: 300px;

        margin: 16px auto 0;

        font-family: "Hanken Grotesk", sans-serif !important;
        font-size: 18px !important;
        font-weight: 400;

        line-height: 1.6;

        color: #526170;
    }


    /* =====================================================
       TABLET — 900PX+
       Slightly more spacious composition
    ===================================================== */

    @media (min-width: 900px) {

        .team-header {
            max-width: 900px;
            margin-bottom: 55px;
        }


        .team-header h2 {
            font-size: 48px !important;
        }


        .team-header p {
            max-width: 760px;
        }


        .team-member {
            padding: 40px 40px 50px;
        }


        .team-image-wrap {
            max-width: 275px;
        }


        .team-image-frame {
            height: 320px;
        }


        .team-member h3 {
            font-size: 34px !important;
        }


        .team-member p {
            max-width: 320px;
        }
    }


    /* =====================================================
       TABLET — 1024PX+
    ===================================================== */

    @media (min-width: 1024px) {

        .team-section {
            padding: 50px 30px 0 30px;
        }


        .team-header {
            max-width: 950px;
            margin-bottom: 60px;
        }


        .team-header h2 {
            font-size: 48px !important;
            line-height: 1.05;
        }


        .team-header p {
            max-width: 800px;
            font-size: 18px !important;
        }


        .team-member {
            padding: 42px 45px 52px;
        }


        .team-image-wrap {
            max-width: 290px;
        }


        .team-image-frame {
            height: 335px;
            border-radius: 145px 145px 0 0;
        }


        .team-image-frame::before {
            border-radius: 139px 139px 0 0;
        }


        .team-image-frame img {
            border-radius: 139px 139px 0 0;
        }


        .team-member h3 {
            font-size: 34px !important;
        }
    }


    /* =====================================================
       FORCE GLOBAL TABLET TYPOGRAPHY
    ===================================================== */

    .team-section p,
    .team-section .team-role,
    .team-section .team-label-text {
        font-size: 18px !important;
    }


    .team-section h1 {
        font-family: "Newsreader", serif !important;
        font-size: 54px !important;
    }


    .team-section h2 {
        font-family: "Newsreader", serif !important;
        font-size: 48px !important;
    }


    .team-section h3 {
        font-family: "Newsreader", serif !important;
        font-size: 34px !important;
    }


    .team-section h4 {
        font-family: "Newsreader", serif !important;
        font-size: 25px !important;
    }


    /* =====================================================
       REMOVE HOVER / ANIMATION
    ===================================================== */

    .team-section,
    .team-section *,
    .team-section *::before,
    .team-section *::after {
        transition: none !important;
        animation: none !important;
    }


    .team-section .team-member:hover,
    .team-section .team-image-frame:hover,
    .team-section .team-image-frame img:hover {
        transform: none !important;
        box-shadow: none !important;
        filter: none !important;
        opacity: 1 !important;
    }

}
/* =========================================================
   PREMIUM REAL ESTATE — TEAM SECTION
   MOBILE RESPONSIVE DESIGN
   767px AND BELOW

   MOBILE LAYOUT IS DIFFERENT FROM:
   - DESKTOP: 4 COLUMNS
   - TABLET: 2 × 2 GRID
   - MOBILE: EDITORIAL STACKED LAYOUT

   TYPOGRAPHY
   H1 : 42px
   H2 : 38px
   H3 : 30px
   H4 : 24px
   BODY : 18px

   COLORS
   Primary    #7F011F
   Accent     #DBD4A4
   Background #F8F6F0
   Body       #526170

   NO HOVER EFFECTS
========================================================= */

@media (max-width: 767px) {

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

    .team-section {
        width: 100%;
        padding: 30px 10px 0 10px;
        margin: 0;
        background: #F8F6F0;
        overflow: hidden;
        box-sizing: border-box;
    }


    .team-container {
        width: 100%;
        max-width: 100%;
        margin: 0 auto;
        position: relative;
    }


    /* =====================================================
       HEADER
       Mobile uses centered compact editorial layout
    ===================================================== */

    .team-header {
        width: 100%;
        max-width: 100%;
        margin: 0 auto 42px;
        text-align: center;
    }


    /* =====================================================
       LABEL
    ===================================================== */

    .team-label {
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 12px;
        margin-bottom: 18px;
    }


    .team-label-text {
        font-family: "Hanken Grotesk", sans-serif !important;
        font-size: 18px !important;
        font-weight: 600;
        line-height: 1.4;
        letter-spacing: 3px;
        color: #7F011F;
        white-space: nowrap;
    }


    .team-line {
        width: 32px;
        height: 2px;
        background: #DBD4A4;
        flex-shrink: 0;
    }


    /* =====================================================
       MAIN HEADING
       H2 = 38px
    ===================================================== */

    .team-header h2 {
        margin: 0;

        font-family: "Newsreader", serif !important;
        font-size: 38px !important;
        font-weight: 500;
        line-height: 1.08;
        letter-spacing: -0.3px;

        color: #7F011F;
    }


    .team-header h2 span {
        display: block;
        color: #B49A68;
    }


    /* =====================================================
       INTRO
    ===================================================== */

    .team-header p {
        width: 100%;
        max-width: 500px;

        margin: 18px auto 0;

        font-family: "Hanken Grotesk", sans-serif !important;
        font-size: 18px !important;
        font-weight: 400;
        line-height: 1.6;

        color: #526170;
    }


    /* =====================================================
       REMOVE DESKTOP / TABLET SIDE TEXT
    ===================================================== */

    .team-side-text {
        display: none !important;
    }


    /* =====================================================
       MOBILE TEAM GRID
       
       Completely different design:
       ONE LARGE FEATURED MEMBER
       followed by stacked compact members
    ===================================================== */

    .team-grid {
        width: 100%;

        display: flex;
        flex-direction: column;

        border-top: 1px solid rgba(127, 1, 31, 0.16);
        border-bottom: none;
    }


    /* =====================================================
       FIRST MEMBER — FEATURED
    ===================================================== */

    .team-member:first-child {
        width: 100%;

        padding: 35px 15px 40px;

        display: flex;
        flex-direction: column;
        align-items: center;

        text-align: center;

        border-bottom: 1px solid rgba(127, 1, 31, 0.16);
        border-right: none;
    }


    /* =====================================================
       FEATURED IMAGE
       Taller mobile editorial portrait
    ===================================================== */

    .team-member:first-child .team-image-wrap {
        width: 100%;
        max-width: 330px;
        margin: 0 auto;
    }


    .team-member:first-child .team-image-frame {
        width: 100%;
        height: 380px;

        border: 1.5px solid #C4A96B;
        border-bottom: none;

        border-radius: 165px 165px 0 0;

        background: #E8E2D7;
        overflow: hidden;
        position: relative;
    }


    .team-member:first-child .team-image-frame::before {
        content: "";

        position: absolute;

        top: 6px;
        left: 6px;
        right: 6px;
        bottom: 0;

        border: 1px solid rgba(196, 169, 107, 0.75);
        border-bottom: none;

        border-radius: 159px 159px 0 0;

        pointer-events: none;

        z-index: 2;
    }


    .team-member:first-child .team-image-frame img {
        width: 100%;
        height: 100%;

        display: block;

        object-fit: cover;
        object-position: center top;

        border-radius: 159px 159px 0 0;
    }


    /* =====================================================
       FEATURED MEMBER NAME
       H3 = 30px
    ===================================================== */

    .team-member:first-child h3 {
        margin: 0;

        font-family: "Newsreader", serif !important;
        font-size: 30px !important;
        font-weight: 500;

        line-height: 1.1;
        letter-spacing: 0;

        color: #7F011F;
    }


    .team-member:first-child .team-gold-line {
        width: 58px;
        height: 2px;
        margin: 18px auto 17px;
        background: #C4A96B;
    }


    /* =====================================================
       FEATURED ROLE
    ===================================================== */

    .team-member:first-child .team-role {
        margin-top: 9px;

        font-family: "Hanken Grotesk", sans-serif !important;
        font-size: 18px !important;
        font-weight: 600;

        line-height: 1.4;
        letter-spacing: 2px;

        color: #526170;
    }


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

    .team-member:first-child p {
        width: 100%;
        max-width: 360px;

        margin: 15px auto 0;

        font-family: "Hanken Grotesk", sans-serif !important;
        font-size: 18px !important;
        font-weight: 400;

        line-height: 1.6;

        color: #526170;
    }


    /* =====================================================
       REMAINING TEAM MEMBERS
       
       Different from tablet:
       horizontal editorial cards
    ===================================================== */

    .team-member:not(:first-child) {
        width: 100%;
        min-height: 180px;

        padding: 25px 5px;

        display: grid;

        grid-template-columns: 125px 1fr;

        column-gap: 20px;

        align-items: center;

        text-align: left;

        border-right: none;
        border-bottom: 1px solid rgba(127, 1, 31, 0.16);
    }


    /* =====================================================
       SMALLER IMAGE FOR SECONDARY MEMBERS
    ===================================================== */

    .team-member:not(:first-child) .team-image-wrap {
        width: 125px;
        max-width: 125px;

        margin: 0;

        grid-column: 1;
        grid-row: 1 / span 4;
    }


    .team-member:not(:first-child) .team-image-frame {
        width: 125px;
        height: 155px;

        border: 1.5px solid #C4A96B;
        border-bottom: none;

        border-radius: 65px 65px 0 0;

        background: #E8E2D7;

        overflow: hidden;
        position: relative;
    }


    .team-member:not(:first-child) .team-image-frame::before {
        content: "";

        position: absolute;

        top: 5px;
        left: 5px;
        right: 5px;
        bottom: 0;

        border: 1px solid rgba(196, 169, 107, 0.75);
        border-bottom: none;

        border-radius: 60px 60px 0 0;

        pointer-events: none;

        z-index: 2;
    }


    .team-member:not(:first-child) .team-image-frame img {
        width: 100%;
        height: 100%;

        display: block;

        object-fit: cover;
        object-position: center top;

        border-radius: 60px 60px 0 0;
    }


    /* =====================================================
       SECONDARY GOLD LINE
    ===================================================== */

    .team-member:not(:first-child) .team-gold-line {
        width: 42px;
        height: 2px;

        margin: 0 0 10px;

        grid-column: 2;
        grid-row: 1;

        background: #C4A96B;
    }


    /* =====================================================
       SECONDARY MEMBER NAME
       H3 = 30px
    ===================================================== */

    .team-member:not(:first-child) h3 {
        margin: 0;

        font-family: "Newsreader", serif !important;
        font-size: 30px !important;
        font-weight: 500;

        line-height: 1.1;

        color: #7F011F;

        grid-column: 2;
        grid-row: 2;
    }


    /* =====================================================
       SECONDARY ROLE
    ===================================================== */

    .team-member:not(:first-child) .team-role {
        margin-top: 7px;

        font-family: "Hanken Grotesk", sans-serif !important;
        font-size: 18px !important;
        font-weight: 600;

        line-height: 1.4;
        letter-spacing: 1.5px;

        color: #526170;

        grid-column: 2;
        grid-row: 3;
    }


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

    .team-member:not(:first-child) p {
        width: 100%;
        max-width: 100%;

        margin: 8px 0 0;

        font-family: "Hanken Grotesk", sans-serif !important;
        font-size: 18px !important;
        font-weight: 400;

        line-height: 1.55;

        color: #526170;

        grid-column: 2;
        grid-row: 4;
    }


    /* =====================================================
       LAST MEMBER
    ===================================================== */

    .team-member:last-child {
        border-bottom: none;
    }


    /* =====================================================
       FIXED TYPOGRAPHY
    ===================================================== */

    .team-section h1 {
        font-family: "Newsreader", serif !important;
        font-size: 42px !important;
    }

    .team-section h2 {
        font-family: "Newsreader", serif !important;
        font-size: 38px !important;
    }

    .team-section h3 {
        font-family: "Newsreader", serif !important;
        font-size: 30px !important;
    }

    .team-section h4 {
        font-family: "Newsreader", serif !important;
        font-size: 24px !important;
    }

    .team-section p,
    .team-section .team-role,
    .team-section .team-label-text {
        font-size: 18px !important;
    }


    /* =====================================================
       480PX — SMALL MOBILE
    ===================================================== */

    @media (max-width: 480px) {

        .team-section {
            padding: 30px 10px 0 10px;
        }


        .team-header {
            margin-bottom: 38px;
        }


        .team-label {
            gap: 10px;
        }


        .team-label-text {
            font-size: 18px !important;
            letter-spacing: 2.5px;
        }


        .team-line {
            width: 25px;
        }


        .team-header h2 {
            font-size: 38px !important;
        }


        .team-header p {
            font-size: 18px !important;
        }


        /* Featured image */

        .team-member:first-child {
            padding: 30px 10px 38px;
        }


        .team-member:first-child .team-image-wrap {
            max-width: 300px;
        }


        .team-member:first-child .team-image-frame {
            height: 350px;
            border-radius: 150px 150px 0 0;
        }


        .team-member:first-child .team-image-frame::before {
            border-radius: 144px 144px 0 0;
        }


        .team-member:first-child .team-image-frame img {
            border-radius: 144px 144px 0 0;
        }


        /* Secondary cards */

        .team-member:not(:first-child) {
            grid-template-columns: 105px 1fr;
            column-gap: 16px;

            padding: 22px 0;
        }


        .team-member:not(:first-child) .team-image-wrap {
            width: 105px;
            max-width: 105px;
        }


        .team-member:not(:first-child) .team-image-frame {
            width: 105px;
            height: 135px;
            border-radius: 55px 55px 0 0;
        }


        .team-member:not(:first-child) .team-image-frame::before {
            border-radius: 50px 50px 0 0;
        }


        .team-member:not(:first-child) .team-image-frame img {
            border-radius: 50px 50px 0 0;
        }


        .team-member:not(:first-child) h3 {
            font-size: 30px !important;
        }


        .team-member:not(:first-child) p {
            font-size: 18px !important;
        }
    }


    /* =====================================================
       NO HOVER EFFECTS
    ===================================================== */

    .team-section,
    .team-section *,
    .team-section *::before,
    .team-section *::after {
        transition: none !important;
        animation: none !important;
    }


    .team-section .team-member:hover,
    .team-section .team-image-frame:hover,
    .team-section .team-image-frame img:hover,
    .team-section a:hover,
    .team-section button:hover {
        transform: none !important;
        box-shadow: none !important;
        filter: none !important;
        opacity: 1 !important;
    }

}

/* =========================================================
   END — DESKTOP TEAM SECTION
========================================================= *//* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-d66fda4 *//* =========================================================
   PREMIUM REAL ESTATE — TESTIMONIAL SECTION
   DESKTOP VIEW
   1200px+
   1440px optimized

   FIXED WEBSITE TYPOGRAPHY
   H1 : 68px
   H2 : 58px
   H3 : 38px
   H4 : 28px
   BODY : 18px

   COLORS
   Primary    : #7F011F
   Accent     : #DBD4A4
   Background : #F8F6F0
   Body       : #526170

   NO HOVER EFFECTS
========================================================= */


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

.testimonial-section {
    width: 100%;
    padding: 80px 50px 0 50px;
    margin: 0;
    background: #F8F6F0;
    overflow: hidden;
    box-sizing: border-box;
}

.testimonial-section *,
.testimonial-section *::before,
.testimonial-section *::after {
    box-sizing: border-box;
    transition: none !important;
    animation: none !important;
}


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

.testimonial-container {
    width: 100%;
    max-width: 1440px;
    margin: 0 auto;
}


/* =========================================================
   HEADER
========================================================= */

.testimonial-header {
    width: 100%;
    max-width: 1000px;
    margin: 0 auto 60px;
    text-align: center;
}


/* =========================================================
   LABEL
========================================================= */

.testimonial-label {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 28px;
    margin-bottom: 24px;
}

.testimonial-label-text {
    font-family: "Hanken Grotesk", sans-serif !important;
    font-size: 18px !important;
    font-weight: 600;
    line-height: 1.4;
    letter-spacing: 5px;
    color: #7F011F;
    white-space: nowrap;
}

.testimonial-line {
    width: 135px;
    height: 2px;
    background: #DBD4A4;
    display: block;
    flex-shrink: 0;
}


/* =========================================================
   HEADING
   H2 = 58px
========================================================= */

.testimonial-header h2 {
    margin: 0;

    font-family: "Newsreader", serif !important;
    font-size: 58px !important;
    font-weight: 500;

    line-height: 1.05;
    letter-spacing: -0.5px;

    color: #7F011F;
}

.testimonial-header h2 span {
    display: block;
    color: #B49A68;
}


/* =========================================================
   INTRO TEXT
========================================================= */

.testimonial-header p {
    max-width: 850px;

    margin: 24px auto 0;

    font-family: "Hanken Grotesk", sans-serif !important;
    font-size: 18px !important;
    font-weight: 400;

    line-height: 1.6;

    color: #526170;
}


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

.testimonial-slider {
    width: 100%;
    max-width: 1120px;

    margin: 0 auto;

    position: relative;
}


/* =========================================================
   TESTIMONIAL CARD
========================================================= */

.testimonial-card {
    width: 100%;
    min-height: 470px;

    position: relative;

    display: none;

    padding: 70px 150px 70px;

    background: #7F011F;

    overflow: hidden;

    text-align: center;

    border: 1px solid rgba(219, 212, 164, 0.45);
}


/* =========================================================
   ACTIVE CARD
========================================================= */

.testimonial-card.active {
    display: flex;
    align-items: center;
    justify-content: center;
}


/* =========================================================
   DECORATIVE INNER BORDER
========================================================= */

.testimonial-card::before {
    content: "";

    position: absolute;

    top: 15px;
    left: 15px;
    right: 15px;
    bottom: 15px;

    border: 1px solid rgba(219, 212, 164, 0.4);

    pointer-events: none;
}


/* =========================================================
   LARGE QUOTE MARK
========================================================= */

.testimonial-quote {
    position: absolute;

    top: 30px;
    left: 65px;

    font-family: "Newsreader", serif;

    font-size: 120px;
    font-weight: 400;

    line-height: 1;

    color: #DBD4A4;

    opacity: 0.9;
}


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

.testimonial-content {
    width: 100%;
    max-width: 820px;

    position: relative;
    z-index: 2;
}


/* =========================================================
   TESTIMONIAL TEXT
========================================================= */

.testimonial-text {
    margin: 0 auto;

    font-family: "Hanken Grotesk", sans-serif !important;

    font-size: 18px !important;
    font-weight: 400;

    line-height: 1.75;

    color: #F8F6F0;
}


/* =========================================================
   DIVIDER
========================================================= */

.testimonial-divider {
    width: 65px;
    height: 2px;

    margin: 30px auto 24px;

    background: #DBD4A4;
}


/* =========================================================
   CLIENT NAME
   H3 = 38px
========================================================= */

.testimonial-content h3 {
    margin: 0;

    font-family: "Newsreader", serif !important;

    font-size: 38px !important;
    font-weight: 500;

    line-height: 1.1;

    letter-spacing: 0.5px;

    color: #F8F6F0;
}


/* =========================================================
   CLIENT ROLE
========================================================= */

.testimonial-role {
    display: block;

    margin-top: 10px;

    font-family: "Hanken Grotesk", sans-serif !important;

    font-size: 18px !important;
    font-weight: 600;

    line-height: 1.4;

    letter-spacing: 3px;

    color: #DBD4A4;
}


/* =========================================================
   COUNTER
========================================================= */

.testimonial-counter {
    position: absolute;

    right: 55px;
    bottom: 35px;

    font-family: "Hanken Grotesk", sans-serif !important;

    font-size: 18px !important;
    font-weight: 600;

    line-height: 1.4;

    letter-spacing: 2px;

    color: #DBD4A4;
}


/* =========================================================
   NAVIGATION
========================================================= */

.testimonial-navigation {
    width: 100%;

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

    gap: 14px;

    margin-top: 30px;
}


/* =========================================================
   NAVIGATION DOT
========================================================= */

.testimonial-dot {
    width: 11px;
    height: 11px;

    padding: 0;
    margin: 0;

    border: 1px solid #7F011F;
    border-radius: 50%;

    background: transparent;

    cursor: pointer;

    display: block;

    flex-shrink: 0;
}


/* =========================================================
   ACTIVE DOT
========================================================= */

.testimonial-dot.active {
    width: 13px;
    height: 13px;

    background: #7F011F;

    border-color: #7F011F;
}


/* =========================================================
   1440PX DESKTOP
========================================================= */

@media (min-width: 1440px) {

    .testimonial-section {
        padding: 80px 50px 0 50px;
    }

    .testimonial-container {
        max-width: 1440px;
    }

    .testimonial-header {
        max-width: 1050px;
        margin-bottom: 65px;
    }

    .testimonial-label {
        gap: 30px;
        margin-bottom: 25px;
    }

    .testimonial-label-text {
        font-size: 18px !important;
        letter-spacing: 5px;
    }

    .testimonial-line {
        width: 140px;
    }

    .testimonial-header h2 {
        font-size: 58px !important;
        line-height: 1.05;
    }

    .testimonial-header p {
        max-width: 900px;
        margin-top: 25px;
        font-size: 18px !important;
    }

    .testimonial-slider {
        max-width: 1160px;
    }

    .testimonial-card {
        min-height: 490px;
        padding: 75px 170px;
    }

    .testimonial-card::before {
        top: 17px;
        left: 17px;
        right: 17px;
        bottom: 17px;
    }

    .testimonial-quote {
        top: 35px;
        left: 75px;
        font-size: 125px;
    }

    .testimonial-content {
        max-width: 850px;
    }

    .testimonial-text {
        font-size: 18px !important;
        line-height: 1.8;
    }

    .testimonial-divider {
        width: 70px;
        margin-top: 32px;
        margin-bottom: 25px;
    }

    .testimonial-content h3 {
        font-size: 38px !important;
    }

    .testimonial-role {
        font-size: 18px !important;
        letter-spacing: 3px;
    }

    .testimonial-counter {
        right: 65px;
        bottom: 38px;
        font-size: 18px !important;
    }

    .testimonial-navigation {
        margin-top: 32px;
        gap: 15px;
    }

}


/* =========================================================
   LARGE DESKTOP — 1600PX+
========================================================= */

@media (min-width: 1600px) {

    .testimonial-container {
        max-width: 1500px;
    }

    .testimonial-slider {
        max-width: 1200px;
    }

    .testimonial-card {
        min-height: 510px;
        padding-left: 190px;
        padding-right: 190px;
    }

    .testimonial-content {
        max-width: 900px;
    }

    .testimonial-header h2 {
        font-size: 58px !important;
    }

}


/* =========================================================
   FIXED GLOBAL TYPOGRAPHY
========================================================= */

.testimonial-section h1 {
    font-family: "Newsreader", serif !important;
    font-size: 68px !important;
}

.testimonial-section h2 {
    font-family: "Newsreader", serif !important;
    font-size: 58px !important;
}

.testimonial-section h3 {
    font-family: "Newsreader", serif !important;
    font-size: 38px !important;
}

.testimonial-section h4 {
    font-family: "Newsreader", serif !important;
    font-size: 28px !important;
}

.testimonial-section p,
.testimonial-section .testimonial-role,
.testimonial-section .testimonial-counter,
.testimonial-section .testimonial-label-text {
    font-size: 18px !important;
}


/* =========================================================
   ROYAL ADDONS / ELEMENTOR OVERRIDES
========================================================= */

.testimonial-section .elementor-heading-title {
    font-family: "Newsreader", serif !important;
}

.testimonial-section p,
.testimonial-section span,
.testimonial-section a,
.testimonial-section button {
    font-family: "Hanken Grotesk", sans-serif !important;
}


/* =========================================================
   REMOVE HOVER EFFECTS
========================================================= */

.testimonial-section .testimonial-dot:hover,
.testimonial-section .testimonial-card:hover,
.testimonial-section a:hover,
.testimonial-section button:hover {
    transform: none !important;
    box-shadow: none !important;
    filter: none !important;
}


/* =========================================================
   NO ANIMATION
========================================================= */

.testimonial-section,
.testimonial-section *,
.testimonial-section *::before,
.testimonial-section *::after {
    transition: none !important;
    animation: none !important;
}
/* =========================================================
   PREMIUM REAL ESTATE — TESTIMONIAL
   TABLET RESPONSIVE DESIGN
   768px — 1199px

   TABLET DESIGN IS DIFFERENT FROM DESKTOP

   TYPOGRAPHY
   H1 : 54px
   H2 : 48px
   H3 : 34px
   H4 : 25px
   BODY : 18px

   COLORS
   Primary    : #7F011F
   Accent     : #DBD4A4
   Background : #F8F6F0
   Body       : #526170

   NO HOVER EFFECTS
========================================================= */

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

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

    .testimonial-section {
        width: 100%;
        padding: 50px 30px 0 30px;
        background: #F8F6F0;
        overflow: hidden;
        box-sizing: border-box;
    }


    .testimonial-container {
        width: 100%;
        max-width: 100%;
        margin: 0 auto;
    }


    /* =====================================================
       HEADER
       Tablet = LEFT ALIGNED
       Different from desktop centered design
    ===================================================== */

    .testimonial-header {
        width: 100%;
        max-width: 850px;

        margin: 0 0 45px;

        text-align: left;
    }


    /* =====================================================
       LABEL
    ===================================================== */

    .testimonial-label {
        display: flex;
        align-items: center;
        justify-content: flex-start;

        gap: 18px;

        margin-bottom: 20px;
    }


    .testimonial-label-text {
        font-family: "Hanken Grotesk", sans-serif !important;
        font-size: 18px !important;
        font-weight: 600;

        line-height: 1.4;
        letter-spacing: 4px;

        color: #7F011F;

        white-space: nowrap;
    }


    .testimonial-line {
        width: 75px;
        height: 2px;

        background: #DBD4A4;

        flex-shrink: 0;
    }


    /* =====================================================
       HEADING
       H2 = 48px
    ===================================================== */

    .testimonial-header h2 {
        margin: 0;

        font-family: "Newsreader", serif !important;
        font-size: 48px !important;
        font-weight: 500;

        line-height: 1.08;
        letter-spacing: -0.4px;

        color: #7F011F;
    }


    .testimonial-header h2 span {
        display: block;
        color: #B49A68;
    }


    /* =====================================================
       INTRO
    ===================================================== */

    .testimonial-header p {
        width: 100%;
        max-width: 720px;

        margin: 20px 0 0;

        font-family: "Hanken Grotesk", sans-serif !important;
        font-size: 18px !important;
        font-weight: 400;

        line-height: 1.6;

        color: #526170;
    }


    /* =====================================================
       SLIDER
       Tablet card becomes wider editorial layout
    ===================================================== */

    .testimonial-slider {
        width: 100%;
        max-width: 100%;

        margin: 0 auto;

        position: relative;
    }


    /* =====================================================
       TESTIMONIAL CARD
    ===================================================== */

    .testimonial-card {
        width: 100%;
        min-height: 430px;

        position: relative;

        display: none;

        padding: 65px 90px 70px;

        background: #7F011F;

        overflow: hidden;

        text-align: left;

        border: 1px solid rgba(219, 212, 164, 0.45);
    }


    /* =====================================================
       ACTIVE CARD
    ===================================================== */

    .testimonial-card.active {
        display: flex;

        align-items: center;
        justify-content: flex-start;
    }


    /* =====================================================
       INNER BORDER
    ===================================================== */

    .testimonial-card::before {
        content: "";

        position: absolute;

        top: 14px;
        left: 14px;
        right: 14px;
        bottom: 14px;

        border: 1px solid rgba(219, 212, 164, 0.4);

        pointer-events: none;
    }


    /* =====================================================
       QUOTE MARK
    ===================================================== */

    .testimonial-quote {
        position: absolute;

        top: 28px;
        left: 45px;

        font-family: "Newsreader", serif !important;

        font-size: 100px;

        font-weight: 400;
        line-height: 1;

        color: #DBD4A4;

        opacity: 0.9;
    }


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

    .testimonial-content {
        width: 100%;
        max-width: 650px;

        position: relative;

        z-index: 2;
    }


    /* =====================================================
       TESTIMONIAL TEXT
       BODY = 18px
    ===================================================== */

    .testimonial-text {
        margin: 0;

        font-family: "Hanken Grotesk", sans-serif !important;
        font-size: 18px !important;
        font-weight: 400;

        line-height: 1.75;

        color: #F8F6F0;
    }


    /* =====================================================
       DIVIDER
    ===================================================== */

    .testimonial-divider {
        width: 60px;
        height: 2px;

        margin: 27px 0 21px;

        background: #DBD4A4;
    }


    /* =====================================================
       CLIENT NAME
       H3 = 34px
    ===================================================== */

    .testimonial-content h3 {
        margin: 0;

        font-family: "Newsreader", serif !important;

        font-size: 34px !important;
        font-weight: 500;

        line-height: 1.1;

        letter-spacing: 0.3px;

        color: #F8F6F0;
    }


    /* =====================================================
       ROLE
    ===================================================== */

    .testimonial-role {
        display: block;

        margin-top: 9px;

        font-family: "Hanken Grotesk", sans-serif !important;

        font-size: 18px !important;
        font-weight: 600;

        line-height: 1.4;

        letter-spacing: 2px;

        color: #DBD4A4;
    }


    /* =====================================================
       COUNTER
       Bottom right
    ===================================================== */

    .testimonial-counter {
        position: absolute;

        right: 42px;
        bottom: 30px;

        font-family: "Hanken Grotesk", sans-serif !important;

        font-size: 18px !important;
        font-weight: 600;

        line-height: 1.4;

        letter-spacing: 2px;

        color: #DBD4A4;
    }


    /* =====================================================
       NAVIGATION DOTS
    ===================================================== */

    .testimonial-navigation {
        width: 100%;

        display: flex;

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

        gap: 14px;

        margin-top: 26px;
    }


    .testimonial-dot {
        width: 11px;
        height: 11px;

        padding: 0;
        margin: 0;

        border: 1px solid #7F011F;
        border-radius: 50%;

        background: transparent;

        cursor: pointer;

        display: block;

        flex-shrink: 0;
    }


    .testimonial-dot.active {
        width: 13px;
        height: 13px;

        background: #7F011F;

        border-color: #7F011F;
    }


    /* =====================================================
       900PX — MORE BREATHING ROOM
    ===================================================== */

    @media (min-width: 900px) {

        .testimonial-header {
            max-width: 900px;
            margin-bottom: 50px;
        }


        .testimonial-header h2 {
            font-size: 48px !important;
        }


        .testimonial-header p {
            max-width: 760px;
        }


        .testimonial-card {
            min-height: 450px;

            padding: 70px 105px 75px;
        }


        .testimonial-content {
            max-width: 700px;
        }


        .testimonial-quote {
            left: 52px;
            top: 30px;
            font-size: 105px;
        }


        .testimonial-counter {
            right: 48px;
            bottom: 33px;
        }
    }


    /* =====================================================
       1024PX TABLET
    ===================================================== */

    @media (min-width: 1024px) {

        .testimonial-section {
            padding: 50px 30px 0 30px;
        }


        .testimonial-header {
            max-width: 950px;
            margin-bottom: 55px;
        }


        .testimonial-header h2 {
            font-size: 48px !important;
        }


        .testimonial-header p {
            max-width: 800px;
            font-size: 18px !important;
        }


        .testimonial-card {
            min-height: 470px;

            padding: 75px 125px 80px;
        }


        .testimonial-card::before {
            top: 16px;
            left: 16px;
            right: 16px;
            bottom: 16px;
        }


        .testimonial-quote {
            top: 32px;
            left: 60px;
            font-size: 110px;
        }


        .testimonial-content {
            max-width: 760px;
        }


        .testimonial-text {
            font-size: 18px !important;
            line-height: 1.8;
        }


        .testimonial-divider {
            margin-top: 30px;
            margin-bottom: 23px;
        }


        .testimonial-content h3 {
            font-size: 34px !important;
        }


        .testimonial-counter {
            right: 55px;
            bottom: 36px;
        }


        .testimonial-navigation {
            margin-top: 30px;
        }
    }


    /* =====================================================
       FIXED TYPOGRAPHY
    ===================================================== */

    .testimonial-section h1 {
        font-family: "Newsreader", serif !important;
        font-size: 54px !important;
    }


    .testimonial-section h2 {
        font-family: "Newsreader", serif !important;
        font-size: 48px !important;
    }


    .testimonial-section h3 {
        font-family: "Newsreader", serif !important;
        font-size: 34px !important;
    }


    .testimonial-section h4 {
        font-family: "Newsreader", serif !important;
        font-size: 25px !important;
    }


    .testimonial-section p,
    .testimonial-section .testimonial-role,
    .testimonial-section .testimonial-counter,
    .testimonial-section .testimonial-label-text {
        font-size: 18px !important;
    }


    /* =====================================================
       ROYAL ADDONS / ELEMENTOR
    ===================================================== */

    .testimonial-section .elementor-heading-title {
        font-family: "Newsreader", serif !important;
    }


    .testimonial-section p,
    .testimonial-section span,
    .testimonial-section a,
    .testimonial-section button {
        font-family: "Hanken Grotesk", sans-serif !important;
    }


    /* =====================================================
       NO HOVER EFFECTS
    ===================================================== */

    .testimonial-section .testimonial-dot:hover,
    .testimonial-section .testimonial-card:hover,
    .testimonial-section a:hover,
    .testimonial-section button:hover {
        transform: none !important;
        box-shadow: none !important;
        filter: none !important;
        opacity: 1 !important;
    }


    /* =====================================================
       NO ANIMATIONS
    ===================================================== */

    .testimonial-section,
    .testimonial-section *,
    .testimonial-section *::before,
    .testimonial-section *::after {
        transition: none !important;
        animation: none !important;
    }

}

/* =========================================================
   PREMIUM REAL ESTATE — TESTIMONIAL
   MOBILE RESPONSIVE DESIGN
   767px AND BELOW

   MOBILE DESIGN IS DIFFERENT FROM:
   DESKTOP  → CENTERED LARGE CARD
   TABLET   → LEFT-ALIGNED EDITORIAL CARD
   MOBILE   → FULL-WIDTH COMPACT PREMIUM CARD

   TYPOGRAPHY
   H1 : 42px
   H2 : 38px
   H3 : 30px
   H4 : 24px
   BODY : 18px

   COLORS
   Primary    : #7F011F
   Accent     : #DBD4A4
   Background : #F8F6F0
   Body       : #526170

   NO HOVER EFFECTS
========================================================= */

@media (max-width: 767px) {

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

    .testimonial-section {
        width: 100%;
        padding: 30px 10px 0 10px;
        margin: 0;
        background: #F8F6F0;
        overflow: hidden;
        box-sizing: border-box;
    }


    .testimonial-container {
        width: 100%;
        max-width: 100%;
        margin: 0 auto;
    }


    /* =====================================================
       HEADER
       MOBILE = CENTERED
    ===================================================== */

    .testimonial-header {
        width: 100%;
        max-width: 100%;
        margin: 0 auto 35px;
        text-align: center;
    }


    /* =====================================================
       LABEL
    ===================================================== */

    .testimonial-label {
        display: flex;
        align-items: center;
        justify-content: center;

        gap: 10px;
        margin-bottom: 18px;
    }


    .testimonial-label-text {
        font-family: "Hanken Grotesk", sans-serif !important;
        font-size: 18px !important;
        font-weight: 600;

        line-height: 1.4;
        letter-spacing: 2.5px;

        color: #7F011F;
        white-space: nowrap;
    }


    .testimonial-line {
        width: 25px;
        height: 2px;

        display: block;
        flex-shrink: 0;

        background: #DBD4A4;
    }


    /* =====================================================
       MAIN HEADING
       H2 = 38px
    ===================================================== */

    .testimonial-header h2 {
        margin: 0;

        font-family: "Newsreader", serif !important;
        font-size: 38px !important;
        font-weight: 500;

        line-height: 1.08;
        letter-spacing: -0.3px;

        color: #7F011F;
    }


    .testimonial-header h2 span {
        display: block;
        color: #B49A68;
    }


    /* =====================================================
       INTRO
    ===================================================== */

    .testimonial-header p {
        width: 100%;
        max-width: 500px;

        margin: 18px auto 0;

        font-family: "Hanken Grotesk", sans-serif !important;
        font-size: 18px !important;
        font-weight: 400;

        line-height: 1.6;

        color: #526170;
    }


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

    .testimonial-slider {
        width: 100%;
        max-width: 100%;

        margin: 0 auto;

        position: relative;
    }


    /* =====================================================
       TESTIMONIAL CARD
       MOBILE = FULL WIDTH
    ===================================================== */

    .testimonial-card {
        width: 100%;
        min-height: 430px;

        position: relative;

        display: none;

        padding: 65px 35px 70px;

        background: #7F011F;

        overflow: hidden;

        text-align: center;

        border: 1px solid rgba(219, 212, 164, 0.45);

        box-sizing: border-box;
    }


    /* =====================================================
       ACTIVE CARD
    ===================================================== */

    .testimonial-card.active {
        display: flex;

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


    /* =====================================================
       INNER BORDER
    ===================================================== */

    .testimonial-card::before {
        content: "";

        position: absolute;

        top: 12px;
        left: 12px;
        right: 12px;
        bottom: 12px;

        border: 1px solid rgba(219, 212, 164, 0.4);

        pointer-events: none;
    }


    /* =====================================================
       QUOTE MARK
    ===================================================== */

    .testimonial-quote {
        position: absolute;

        top: 20px;
        left: 25px;

        font-family: "Newsreader", serif !important;

        font-size: 85px;
        font-weight: 400;

        line-height: 1;

        color: #DBD4A4;

        opacity: 0.9;

        z-index: 1;
    }


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

    .testimonial-content {
        width: 100%;
        max-width: 100%;

        position: relative;
        z-index: 2;
    }


    /* =====================================================
       TESTIMONIAL TEXT
       BODY = 18px
    ===================================================== */

    .testimonial-text {
        width: 100%;
        margin: 0 auto;

        font-family: "Hanken Grotesk", sans-serif !important;
        font-size: 18px !important;
        font-weight: 400;

        line-height: 1.7;

        color: #F8F6F0;
    }


    /* =====================================================
       DIVIDER
    ===================================================== */

    .testimonial-divider {
        width: 55px;
        height: 2px;

        margin: 24px auto 20px;

        background: #DBD4A4;
    }


    /* =====================================================
       CLIENT NAME
       H3 = 30px
    ===================================================== */

    .testimonial-content h3 {
        margin: 0;

        font-family: "Newsreader", serif !important;
        font-size: 30px !important;
        font-weight: 500;

        line-height: 1.1;

        letter-spacing: 0;

        color: #F8F6F0;
    }


    /* =====================================================
       CLIENT ROLE
    ===================================================== */

    .testimonial-role {
        display: block;

        margin-top: 9px;

        font-family: "Hanken Grotesk", sans-serif !important;
        font-size: 18px !important;
        font-weight: 600;

        line-height: 1.4;

        letter-spacing: 1.5px;

        color: #DBD4A4;
    }


    /* =====================================================
       COUNTER
    ===================================================== */

    .testimonial-counter {
        position: absolute;

        right: 25px;
        bottom: 23px;

        font-family: "Hanken Grotesk", sans-serif !important;
        font-size: 18px !important;
        font-weight: 600;

        line-height: 1.4;

        letter-spacing: 1.5px;

        color: #DBD4A4;
    }


    /* =====================================================
       NAVIGATION DOTS
    ===================================================== */

    .testimonial-navigation {
        width: 100%;

        display: flex;

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

        gap: 13px;

        margin-top: 23px;
    }


    .testimonial-dot {
        width: 11px;
        height: 11px;

        padding: 0;
        margin: 0;

        border: 1px solid #7F011F;
        border-radius: 50%;

        background: transparent;

        cursor: pointer;

        display: block;

        flex-shrink: 0;
    }


    .testimonial-dot.active {
        width: 13px;
        height: 13px;

        background: #7F011F;

        border-color: #7F011F;
    }


    /* =====================================================
       600PX — LARGER MOBILE
    ===================================================== */

    @media (min-width: 600px) and (max-width: 767px) {

        .testimonial-header {
            max-width: 650px;
            margin-bottom: 40px;
        }


        .testimonial-header h2 {
            font-size: 38px !important;
        }


        .testimonial-header p {
            max-width: 600px;
        }


        .testimonial-card {
            min-height: 450px;
            padding: 70px 70px 75px;
        }


        .testimonial-card::before {
            top: 14px;
            left: 14px;
            right: 14px;
            bottom: 14px;
        }


        .testimonial-quote {
            top: 24px;
            left: 35px;
            font-size: 95px;
        }


        .testimonial-content {
            max-width: 560px;
        }


        .testimonial-text {
            font-size: 18px !important;
            line-height: 1.75;
        }


        .testimonial-content h3 {
            font-size: 30px !important;
        }


        .testimonial-counter {
            right: 35px;
            bottom: 28px;
        }


        .testimonial-navigation {
            margin-top: 26px;
        }
    }


    /* =====================================================
       480PX AND BELOW
    ===================================================== */

    @media (max-width: 480px) {

        .testimonial-section {
            padding: 30px 10px 0 10px;
        }


        .testimonial-header {
            margin-bottom: 32px;
        }


        .testimonial-label {
            gap: 8px;
        }


        .testimonial-label-text {
            font-size: 18px !important;
            letter-spacing: 2px;
        }


        .testimonial-line {
            width: 20px;
        }


        .testimonial-header h2 {
            font-size: 38px !important;
        }


        .testimonial-header p {
            font-size: 18px !important;
            line-height: 1.55;
        }


        .testimonial-card {
            min-height: 440px;

            padding: 65px 28px 68px;
        }


        .testimonial-card::before {
            top: 10px;
            left: 10px;
            right: 10px;
            bottom: 10px;
        }


        .testimonial-quote {
            top: 18px;
            left: 20px;
            font-size: 78px;
        }


        .testimonial-text {
            font-size: 18px !important;
            line-height: 1.65;
        }


        .testimonial-divider {
            width: 50px;
            margin-top: 22px;
            margin-bottom: 18px;
        }


        .testimonial-content h3 {
            font-size: 30px !important;
        }


        .testimonial-role {
            font-size: 18px !important;
            letter-spacing: 1px;
        }


        .testimonial-counter {
            right: 20px;
            bottom: 19px;
            font-size: 18px !important;
        }


        .testimonial-navigation {
            gap: 12px;
            margin-top: 20px;
        }

    }


    /* =====================================================
       FIXED WEBSITE TYPOGRAPHY
    ===================================================== */

    .testimonial-section h1 {
        font-family: "Newsreader", serif !important;
        font-size: 42px !important;
    }


    .testimonial-section h2 {
        font-family: "Newsreader", serif !important;
        font-size: 38px !important;
    }


    .testimonial-section h3 {
        font-family: "Newsreader", serif !important;
        font-size: 30px !important;
    }


    .testimonial-section h4 {
        font-family: "Newsreader", serif !important;
        font-size: 24px !important;
    }


    .testimonial-section p,
    .testimonial-section .testimonial-role,
    .testimonial-section .testimonial-counter,
    .testimonial-section .testimonial-label-text {
        font-size: 18px !important;
    }


    /* =====================================================
       ROYAL ADDONS / ELEMENTOR OVERRIDES
    ===================================================== */

    .testimonial-section .elementor-heading-title {
        font-family: "Newsreader", serif !important;
    }


    .testimonial-section p,
    .testimonial-section span,
    .testimonial-section a,
    .testimonial-section button {
        font-family: "Hanken Grotesk", sans-serif !important;
    }


    /* =====================================================
       REMOVE HOVER EFFECTS
    ===================================================== */

    .testimonial-section .testimonial-dot:hover,
    .testimonial-section .testimonial-card:hover,
    .testimonial-section a:hover,
    .testimonial-section button:hover {
        transform: none !important;
        box-shadow: none !important;
        filter: none !important;
        opacity: 1 !important;
    }


    /* =====================================================
       REMOVE ANIMATIONS
    ===================================================== */

    .testimonial-section,
    .testimonial-section *,
    .testimonial-section *::before,
    .testimonial-section *::after {
        transition: none !important;
        animation: none !important;
    }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-de0d3d0 *//* =========================================================
   PREMIUM REAL ESTATE CTA — LAYOUT 2
   DESKTOP VIEW
   1200px+
   
   NO BACKGROUND COLOR
   Website Colors:
   Primary : #7F011F
   Accent  : #DBD4A4

   Fonts:
   Heading : Newsreader
   Body    : Hanken Grotesk

   No Hover Effects
========================================================= */

.premium-cta-section {
    width: 100%;
    padding: 80px 50px 0 50px;
    margin: 0;
    background: transparent;
    overflow: hidden;
    box-sizing: border-box;
}

.premium-cta-container {
    width: 100%;
    max-width: 1440px;
    min-height: 480px;
    margin: 0 auto;

    display: grid;
    grid-template-columns: 1fr 2px 1fr;
    align-items: center;

    box-sizing: border-box;
}


/* =========================================================
   LEFT SIDE
========================================================= */

.premium-cta-left {
    padding: 40px 90px 40px 0;
}

.premium-cta-label {
    display: flex;
    align-items: center;
    gap: 18px;

    margin-bottom: 25px;

    font-family: "Hanken Grotesk", sans-serif !important;
    font-size: 18px !important;
    font-weight: 600;
    line-height: 1.4;

    letter-spacing: 4px;
    color: #7F011F;
}

.premium-cta-label-line {
    width: 65px;
    height: 2px;

    display: block;
    flex-shrink: 0;

    background: #DBD4A4;
}


/* =========================================================
   LEFT HEADING
   H2 = 58px
========================================================= */

.premium-cta-left h2 {
    max-width: 650px;

    margin: 0;

    font-family: "Newsreader", serif !important;
    font-size: 58px !important;
    font-weight: 500;

    line-height: 1.02;
    letter-spacing: -0.5px;

    color: #7F011F;
}

.premium-cta-left h2 span {
    display: block;
    color: #7F011F;
}


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

.premium-cta-left p {
    max-width: 600px;

    margin: 28px 0 0;

    font-family: "Hanken Grotesk", sans-serif !important;
    font-size: 18px !important;
    font-weight: 400;

    line-height: 1.7;

    color: #526170;
}


/* =========================================================
   CENTER DIVIDER
========================================================= */

.premium-cta-divider {
    width: 2px;
    height: 270px;

    background: #DBD4A4;

    align-self: center;
}


/* =========================================================
   RIGHT SIDE
========================================================= */

.premium-cta-right {
    position: relative;

    padding: 40px 0 40px 90px;
}


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

.premium-cta-number {
    margin-bottom: 22px;

    font-family: "Hanken Grotesk", sans-serif !important;
    font-size: 18px !important;
    font-weight: 600;

    line-height: 1.4;
    letter-spacing: 3px;

    color: #B49A68;
}


/* =========================================================
   RIGHT HEADING
   H3 = 38px
========================================================= */

.premium-cta-right h3 {
    max-width: 520px;

    margin: 0;

    font-family: "Newsreader", serif !important;
    font-size: 38px !important;
    font-weight: 500;

    line-height: 1.08;
    letter-spacing: -0.2px;

    color: #7F011F;
}

.premium-cta-right h3 span {
    display: block;
    color: #7F011F;
}


/* =========================================================
   CTA BUTTON
========================================================= */

.premium-cta-button {
    min-width: 270px;
    min-height: 64px;

    margin-top: 38px;
    padding: 0 25px;

    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 18px;

    border: 1px solid #7F011F;

    background: transparent;

    text-decoration: none;

    font-family: "Hanken Grotesk", sans-serif !important;
    font-size: 18px !important;
    font-weight: 600;

    line-height: 1.4;
    letter-spacing: 1px;

    color: #7F011F;

    box-sizing: border-box;
}

.premium-cta-button i {
    font-size: 18px;
    color: #7F011F;
}


/* =========================================================
   NO HOVER EFFECT
========================================================= */

.premium-cta-button:hover {
    background: transparent !important;
    color: #7F011F !important;

    border-color: #7F011F !important;

    transform: none !important;
    box-shadow: none !important;
}

.premium-cta-button:hover i {
    color: #7F011F !important;
}


/* =========================================================
   1440PX DESKTOP
========================================================= */

@media (min-width: 1440px) {

    .premium-cta-section {
        padding: 80px 50px 0 50px;
    }

    .premium-cta-container {
        max-width: 1440px;
        min-height: 500px;

        grid-template-columns: 1fr 2px 1fr;
    }

    .premium-cta-left {
        padding: 50px 110px 50px 0;
    }

    .premium-cta-label {
        margin-bottom: 28px;
    }

    .premium-cta-left h2 {
        font-size: 58px !important;
    }

    .premium-cta-left p {
        max-width: 620px;
        margin-top: 30px;

        font-size: 18px !important;
        line-height: 1.75;
    }

    .premium-cta-divider {
        height: 300px;
    }

    .premium-cta-right {
        padding: 50px 0 50px 110px;
    }

    .premium-cta-number {
        margin-bottom: 25px;
        font-size: 18px !important;
    }

    .premium-cta-right h3 {
        font-size: 38px !important;
    }

    .premium-cta-button {
        min-width: 285px;
        min-height: 66px;

        margin-top: 42px;

        font-size: 18px !important;
    }

}


/* =========================================================
   GLOBAL TYPOGRAPHY FOR THIS SECTION
========================================================= */

.premium-cta-section h1,
.premium-cta-section h2,
.premium-cta-section h3,
.premium-cta-section h4 {
    font-family: "Newsreader", serif !important;
}

.premium-cta-section h1 {
    font-size: 68px !important;
}

.premium-cta-section h2 {
    font-size: 58px !important;
}

.premium-cta-section h3 {
    font-size: 38px !important;
}

.premium-cta-section h4 {
    font-size: 28px !important;
}

.premium-cta-section p,
.premium-cta-section span,
.premium-cta-section a {
    font-family: "Hanken Grotesk", sans-serif !important;
}


/* =========================================================
   REMOVE ALL ANIMATIONS / TRANSITIONS
========================================================= */

.premium-cta-section,
.premium-cta-section *,
.premium-cta-section *::before,
.premium-cta-section *::after {
    transition: none !important;
    animation: none !important;
}
/* =========================================================
   PREMIUM REAL ESTATE CTA — RESPONSIVE
   LAYOUT 2 — SPLIT EDITORIAL CTA

   TABLET : 768px — 1199px
   MOBILE : 767px AND BELOW

   NO BACKGROUND COLOR
   Primary : #7F011F
   Accent  : #DBD4A4

   Heading : Newsreader
   Body    : Hanken Grotesk

   Fixed Body Text : 18px
   No Hover Effects
========================================================= */


/* =========================================================
   TABLET VIEW
   DIFFERENT FROM DESKTOP
   768px — 1199px
========================================================= */

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

    .premium-cta-section {
        width: 100%;
        padding: 50px 30px 0 30px;
        background: transparent;
        overflow: hidden;
        box-sizing: border-box;
    }

    .premium-cta-container {
        width: 100%;
        max-width: 100%;
        min-height: auto;
        margin: 0 auto;

        display: grid;
        grid-template-columns: 1fr;
        gap: 0;
    }


    /* =====================================================
       LEFT CONTENT
       Tablet becomes full-width top section
    ===================================================== */

    .premium-cta-left {
        width: 100%;
        padding: 0 0 45px 0;
    }

    .premium-cta-label {
        justify-content: flex-start;

        gap: 15px;
        margin-bottom: 22px;

        font-family: "Hanken Grotesk", sans-serif !important;
        font-size: 18px !important;
        font-weight: 600;

        line-height: 1.4;
        letter-spacing: 3px;

        color: #7F011F;
    }

    .premium-cta-label-line {
        width: 55px;
        height: 2px;
        background: #DBD4A4;
    }


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

    .premium-cta-left h2 {
        max-width: 800px;

        margin: 0;

        font-family: "Newsreader", serif !important;
        font-size: 48px !important;
        font-weight: 500;

        line-height: 1.05;
        letter-spacing: -0.3px;

        color: #7F011F;
    }

    .premium-cta-left h2 span {
        display: inline;
        color: #7F011F;
    }


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

    .premium-cta-left p {
        max-width: 720px;

        margin: 22px 0 0;

        font-family: "Hanken Grotesk", sans-serif !important;
        font-size: 18px !important;
        font-weight: 400;

        line-height: 1.7;

        color: #526170;
    }


    /* =====================================================
       HORIZONTAL DIVIDER
    ===================================================== */

    .premium-cta-divider {
        width: 100%;
        height: 2px;

        margin: 0 0 45px;

        background: #DBD4A4;

        align-self: auto;
    }


    /* =====================================================
       RIGHT CONTENT
       Tablet becomes horizontal editorial block
    ===================================================== */

    .premium-cta-right {
        width: 100%;

        padding: 0;

        display: grid;
        grid-template-columns: 90px 1fr;
        grid-template-rows: auto auto;
        column-gap: 30px;
        align-items: start;

        position: relative;
    }


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

    .premium-cta-number {
        grid-column: 1;
        grid-row: 1 / 3;

        margin: 5px 0 0;

        font-family: "Hanken Grotesk", sans-serif !important;
        font-size: 18px !important;
        font-weight: 600;

        line-height: 1.4;
        letter-spacing: 3px;

        color: #B49A68;
    }


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

    .premium-cta-right h3 {
        grid-column: 2;
        grid-row: 1;

        max-width: 650px;

        margin: 0;

        font-family: "Newsreader", serif !important;
        font-size: 34px !important;
        font-weight: 500;

        line-height: 1.08;

        color: #7F011F;
    }

    .premium-cta-right h3 span {
        display: inline;
        color: #7F011F;
    }


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

    .premium-cta-button {
        grid-column: 2;
        grid-row: 2;

        width: 270px;
        min-height: 62px;

        margin-top: 28px;
        padding: 0 22px;

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

        gap: 16px;

        border: 1px solid #7F011F;
        background: transparent;

        text-decoration: none;

        font-family: "Hanken Grotesk", sans-serif !important;
        font-size: 18px !important;
        font-weight: 600;

        line-height: 1.4;
        letter-spacing: 0.8px;

        color: #7F011F;

        box-sizing: border-box;
    }

    .premium-cta-button i {
        font-size: 18px;
        color: #7F011F;
    }


    /* =====================================================
       900PX TABLET
    ===================================================== */

    @media (min-width: 900px) {

        .premium-cta-left {
            padding-bottom: 50px;
        }

        .premium-cta-left h2 {
            font-size: 48px !important;
        }

        .premium-cta-left p {
            max-width: 780px;
        }

        .premium-cta-divider {
            margin-bottom: 50px;
        }

        .premium-cta-right {
            grid-template-columns: 110px 1fr;
            column-gap: 35px;
        }

        .premium-cta-right h3 {
            font-size: 38px !important;
        }

        .premium-cta-button {
            width: 285px;
            min-height: 64px;
        }
    }


    /* =====================================================
       1024PX TABLET
    ===================================================== */

    @media (min-width: 1024px) {

        .premium-cta-section {
            padding: 50px 30px 0 30px;
        }

        .premium-cta-left {
            padding-bottom: 55px;
        }

        .premium-cta-label {
            margin-bottom: 25px;
        }

        .premium-cta-left h2 {
            font-size: 48px !important;
        }

        .premium-cta-left p {
            margin-top: 25px;
            font-size: 18px !important;
            line-height: 1.75;
        }

        .premium-cta-divider {
            margin-bottom: 55px;
        }

        .premium-cta-right {
            grid-template-columns: 120px 1fr;
            column-gap: 40px;
        }

        .premium-cta-number {
            font-size: 18px !important;
        }

        .premium-cta-right h3 {
            font-size: 38px !important;
        }

        .premium-cta-button {
            margin-top: 32px;
        }
    }


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

    .premium-cta-section h1 {
        font-family: "Newsreader", serif !important;
        font-size: 54px !important;
    }

    .premium-cta-section h2 {
        font-family: "Newsreader", serif !important;
        font-size: 48px !important;
    }

    .premium-cta-section h3 {
        font-family: "Newsreader", serif !important;
        font-size: 34px !important;
    }

    .premium-cta-section h4 {
        font-family: "Newsreader", serif !important;
        font-size: 25px !important;
    }

    .premium-cta-section p,
    .premium-cta-section .premium-cta-label,
    .premium-cta-section .premium-cta-number,
    .premium-cta-section .premium-cta-button {
        font-size: 18px !important;
    }

}


/* =========================================================
   MOBILE VIEW
   DIFFERENT FROM DESKTOP + TABLET
   767px AND BELOW
========================================================= */

@media (max-width: 767px) {

    .premium-cta-section {
        width: 100%;
        padding: 30px 10px 0 10px;

        background: transparent;

        overflow: hidden;
        box-sizing: border-box;
    }


    .premium-cta-container {
        width: 100%;
        max-width: 100%;
        min-height: auto;

        margin: 0 auto;

        display: block;
    }


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

    .premium-cta-left {
        width: 100%;
        padding: 0 0 32px 0;

        text-align: center;
    }


    /* =====================================================
       LABEL
    ===================================================== */

    .premium-cta-label {
        justify-content: center;

        gap: 10px;
        margin-bottom: 18px;

        font-family: "Hanken Grotesk", sans-serif !important;
        font-size: 18px !important;
        font-weight: 600;

        line-height: 1.4;
        letter-spacing: 2px;

        color: #7F011F;
    }

    .premium-cta-label-line {
        width: 25px;
        height: 2px;
        background: #DBD4A4;
    }


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

    .premium-cta-left h2 {
        width: 100%;
        max-width: 550px;

        margin: 0 auto;

        font-family: "Newsreader", serif !important;
        font-size: 38px !important;
        font-weight: 500;

        line-height: 1.08;
        letter-spacing: -0.2px;

        color: #7F011F;
    }

    .premium-cta-left h2 span {
        display: block;
        color: #7F011F;
    }


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

    .premium-cta-left p {
        width: 100%;
        max-width: 520px;

        margin: 18px auto 0;

        font-family: "Hanken Grotesk", sans-serif !important;
        font-size: 18px !important;
        font-weight: 400;

        line-height: 1.6;

        color: #526170;
    }


    /* =====================================================
       DIVIDER
    ===================================================== */

    .premium-cta-divider {
        width: 100%;
        height: 2px;

        margin: 0 0 30px;

        background: #DBD4A4;
    }


    /* =====================================================
       RIGHT CONTENT
       Mobile = stacked editorial composition
    ===================================================== */

    .premium-cta-right {
        width: 100%;

        padding: 0;

        display: flex;
        flex-direction: column;
        align-items: center;

        text-align: center;

        position: relative;
    }


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

    .premium-cta-number {
        order: 1;

        margin: 0 0 15px;

        font-family: "Hanken Grotesk", sans-serif !important;
        font-size: 18px !important;
        font-weight: 600;

        line-height: 1.4;
        letter-spacing: 3px;

        color: #B49A68;
    }


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

    .premium-cta-right h3 {
        order: 2;

        width: 100%;
        max-width: 520px;

        margin: 0;

        font-family: "Newsreader", serif !important;
        font-size: 30px !important;
        font-weight: 500;

        line-height: 1.1;
        letter-spacing: 0;

        color: #7F011F;
    }

    .premium-cta-right h3 span {
        display: block;
        color: #7F011F;
    }


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

    .premium-cta-button {
        order: 3;

        width: 100%;
        max-width: 320px;

        min-height: 60px;

        margin-top: 26px;
        padding: 0 18px;

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

        gap: 15px;

        border: 1px solid #7F011F;
        background: transparent;

        text-decoration: none;

        font-family: "Hanken Grotesk", sans-serif !important;
        font-size: 18px !important;
        font-weight: 600;

        line-height: 1.4;
        letter-spacing: 0.6px;

        color: #7F011F;

        box-sizing: border-box;
    }

    .premium-cta-button i {
        font-size: 18px;
        color: #7F011F;
    }


    /* =====================================================
       600PX — LARGE MOBILE
    ===================================================== */

    @media (min-width: 600px) and (max-width: 767px) {

        .premium-cta-section {
            padding: 30px 10px 0 10px;
        }

        .premium-cta-left {
            padding-bottom: 38px;
        }

        .premium-cta-left h2 {
            font-size: 38px !important;
        }

        .premium-cta-left p {
            max-width: 600px;
        }

        .premium-cta-divider {
            margin-bottom: 35px;
        }

        .premium-cta-right h3 {
            font-size: 34px !important;
        }

        .premium-cta-button {
            max-width: 340px;
            min-height: 62px;
        }
    }


    /* =====================================================
       480PX AND BELOW
    ===================================================== */

    @media (max-width: 480px) {

        .premium-cta-section {
            padding: 30px 10px 0 10px;
        }

        .premium-cta-label {
            gap: 8px;
            margin-bottom: 16px;

            font-size: 18px !important;
            letter-spacing: 1.8px;
        }

        .premium-cta-label-line {
            width: 20px;
        }

        .premium-cta-left h2 {
            font-size: 38px !important;
            line-height: 1.06;
        }

        .premium-cta-left p {
            margin-top: 17px;

            font-size: 18px !important;
            line-height: 1.55;
        }

        .premium-cta-left {
            padding-bottom: 28px;
        }

        .premium-cta-divider {
            margin-bottom: 28px;
        }

        .premium-cta-number {
            margin-bottom: 13px;
        }

        .premium-cta-right h3 {
            font-size: 30px !important;
            line-height: 1.08;
        }

        .premium-cta-button {
            max-width: 100%;
            min-height: 60px;

            margin-top: 24px;

            font-size: 18px !important;
        }
    }


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

    .premium-cta-section h1 {
        font-family: "Newsreader", serif !important;
        font-size: 42px !important;
    }

    .premium-cta-section h2 {
        font-family: "Newsreader", serif !important;
        font-size: 38px !important;
    }

    .premium-cta-section h3 {
        font-family: "Newsreader", serif !important;
        font-size: 30px !important;
    }

    .premium-cta-section h4 {
        font-family: "Newsreader", serif !important;
        font-size: 24px !important;
    }

    .premium-cta-section p,
    .premium-cta-section .premium-cta-label,
    .premium-cta-section .premium-cta-number,
    .premium-cta-section .premium-cta-button {
        font-size: 18px !important;
    }

}


/* =========================================================
   ROYAL ADDONS / ELEMENTOR FONT OVERRIDES
========================================================= */

.premium-cta-section .elementor-heading-title {
    font-family: "Newsreader", serif !important;
}

.premium-cta-section p,
.premium-cta-section span,
.premium-cta-section a,
.premium-cta-section button {
    font-family: "Hanken Grotesk", sans-serif !important;
}


/* =========================================================
   NO HOVER EFFECTS
========================================================= */

.premium-cta-section .premium-cta-button:hover,
.premium-cta-section a:hover,
.premium-cta-section button:hover {
    background: transparent !important;
    color: #7F011F !important;
    border-color: #7F011F !important;

    transform: none !important;
    box-shadow: none !important;
    filter: none !important;
    opacity: 1 !important;
}

.premium-cta-section .premium-cta-button:hover i {
    color: #7F011F !important;
}


/* =========================================================
   NO ANIMATIONS / TRANSITIONS
========================================================= */

.premium-cta-section,
.premium-cta-section *,
.premium-cta-section *::before,
.premium-cta-section *::after {
    transition: none !important;
    animation: none !important;
}/* End custom CSS */