.elementor-81 .elementor-element.elementor-element-7c42704{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-81 .elementor-element.elementor-element-7c42704.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-81 .elementor-element.elementor-element-cf8d703{--display:grid;--e-con-grid-template-columns:repeat(2, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}@media(max-width:1024px){.elementor-81 .elementor-element.elementor-element-cf8d703{--grid-auto-flow:row;}}@media(min-width:768px){.elementor-81 .elementor-element.elementor-element-7c42704{--width:100%;}}@media(max-width:767px){.elementor-81 .elementor-element.elementor-element-cf8d703{--e-con-grid-template-columns:repeat(1, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}}/* Start custom CSS for html, class: .elementor-element-09dcc30 *//* =========================================================
   PREMIUM REAL ESTATE FOOTER
   DESKTOP VIEW
   OPTIMIZED FOR 1440px
========================================================= */

@media (min-width: 1200px) {

    /* =====================================================
       FOOTER MAIN
    ===================================================== */

    .premium-realestate-footer {
        width: 100%;
        background: #7F011F;
        color: #FFFFFF;

        margin: 0;
        padding: 0;

        overflow: hidden;
    }


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

    .realestate-footer-container {
        width: 100%;
        max-width: 1440px;

        margin: 0 auto;

        padding: 80px 50px 50px 50px;

        box-sizing: border-box;
    }


    /* =====================================================
       FOOTER INTRO
       LEFT = LOGO + DESCRIPTION
       RIGHT = LARGE HEADING
    ===================================================== */

    .footer-intro {

        display: grid;

        grid-template-columns: 40% 60%;

        column-gap: 50px;

        align-items: center;

        width: 100%;

        padding-bottom: 75px;

        box-sizing: border-box;
    }


    /* =====================================================
       BRAND COLUMN
    ===================================================== */

    .footer-brand {

        display: flex;

        flex-direction: column;

        align-items: flex-start;

        justify-content: center;

        width: 100%;

        padding: 0;

        margin: 0;
    }


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

    .footer-logo-link {

        display: inline-flex;

        align-items: center;

        justify-content: flex-start;

        width: auto;

        padding: 0;

        margin: 0;

        text-decoration: none;
    }


    .footer-logo {

        display: block;

        width: 200px;

        height: auto;

        max-width: 100%;

        object-fit: contain;

        margin: 0;

        padding: 0;
    }


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

    .footer-description {

        width: 100%;

        max-width: 430px;

        margin: 28px 0 0 0;

        padding: 0;

        color: #FFFFFF;

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

        font-size: 17px;

        font-weight: 400;

        line-height: 1.65;

        letter-spacing: 0;

    }


    /* =====================================================
       RIGHT SIDE STATEMENT
    ===================================================== */

    .footer-statement {

        display: flex;

        flex-direction: column;

        align-items: flex-end;

        justify-content: center;

        width: 100%;

        margin: 0;

        padding: 0;

        text-align: right;
    }


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

    .footer-statement h2 {

        width: 100%;

        max-width: 780px;

        margin: 0;

        padding: 0;

        color: #FFFFFF;

        font-family: "Newsreader", serif;

        font-size: 64px;

        font-weight: 500;

        font-style: italic;

        line-height: 1.02;

        letter-spacing: -1.8px;

        text-align: right;
    }


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

    .footer-statement p {

        width: 100%;

        max-width: 550px;

        margin: 25px 0 0 0;

        padding: 0;

        color: #FFFFFF;

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

        font-size: 17px;

        font-weight: 400;

        line-height: 1.65;

        text-align: right;
    }


    /* =====================================================
       NAVIGATION ROW
    ===================================================== */

    .footer-navigation-row {

        display: grid;

        grid-template-columns: 230px 1fr;

        align-items: center;

        width: 100%;

        min-height: 115px;

        margin: 0;

        padding: 0;

        border-top: 1px solid #DBD4A4;

        box-sizing: border-box;
    }


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

    .footer-section-title {

        display: flex;

        align-items: center;

        width: 100%;

        padding: 0;

        margin: 0;
    }


    .footer-section-title h3 {

        margin: 0;

        padding: 0;

        color: #DBD4A4;

        font-family: "Newsreader", serif;

        font-size: 30px;

        font-weight: 500;

        font-style: italic;

        line-height: 1.15;

        letter-spacing: 0;

        text-transform: uppercase;
    }


    /* =====================================================
       FOOTER LINKS
    ===================================================== */

    .footer-links {

        display: flex;

        flex-wrap: wrap;

        align-items: center;

        justify-content: flex-start;

        width: 100%;

        gap: 18px 42px;

        margin: 0;

        padding: 0;
    }


    .footer-links a {

        display: inline-block;

        margin: 0;

        padding: 0;

        color: #FFFFFF;

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

        font-size: 16px;

        font-weight: 500;

        line-height: 1.5;

        letter-spacing: 0;

        text-decoration: none;

        white-space: nowrap;
    }


    /* =====================================================
       SOCIAL MEDIA
    ===================================================== */

    .footer-social {

        display: flex;

        align-items: center;

        justify-content: center;

        width: 100%;

        gap: 42px;

        margin: 0;

        padding: 42px 0 0 0;

        border-top: 1px solid #DBD4A4;

        box-sizing: border-box;
    }


    .social-icon {

        display: flex;

        align-items: center;

        justify-content: center;

        width: 24px;

        height: 24px;

        margin: 0;

        padding: 0;

        color: #FFFFFF;

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

        font-size: 20px;

        font-weight: 400;

        line-height: 1;

        text-decoration: none;
    }


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

    .premium-realestate-footer a:hover,
    .premium-realestate-footer a:focus,
    .premium-realestate-footer a:active {

        color: #FFFFFF !important;

        background: transparent !important;

        text-decoration: none !important;

        transform: none !important;

        opacity: 1 !important;

        filter: none !important;

        box-shadow: none !important;
    }


    .premium-realestate-footer img:hover {

        transform: none !important;

        opacity: 1 !important;

        filter: none !important;

        box-shadow: none !important;
    }


    .premium-realestate-footer .social-icon:hover {

        color: #FFFFFF !important;

        transform: none !important;

        opacity: 1 !important;
    }


    /* =====================================================
       ELEMENTOR / ROYAL ADDONS HOVER OVERRIDE
    ===================================================== */

    .premium-realestate-footer
    .elementor-element:hover {

        transform: none !important;

        transition: none !important;
    }


    .premium-realestate-footer
    .elementor-widget:hover {

        transform: none !important;

        transition: none !important;
    }


    .premium-realestate-footer
    .elementor-button:hover {

        transform: none !important;

        transition: none !important;

        box-shadow: none !important;
    }


    /* =====================================================
       REMOVE UNNECESSARY TRANSITIONS
    ===================================================== */

    .premium-realestate-footer * {

        transition: none !important;

        animation: none !important;
    }

}


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

@media (min-width: 1440px) {

    .realestate-footer-container {

        max-width: 1440px;

        padding: 80px 50px 50px 50px;
    }


    .footer-intro {

        grid-template-columns: 40% 60%;

        column-gap: 60px;

        padding-bottom: 80px;
    }


    .footer-logo {

        width: 205px;
    }


    .footer-description {

        max-width: 440px;

        font-size: 17px;

        margin-top: 30px;
    }


    .footer-statement h2 {

        max-width: 820px;

        font-size: 68px;

        letter-spacing: -2px;
    }


    .footer-statement p {

        max-width: 570px;

        font-size: 17px;

        margin-top: 26px;
    }


    .footer-navigation-row {

        grid-template-columns: 240px 1fr;

        min-height: 120px;
    }


    .footer-section-title h3 {

        font-size: 31px;
    }


    .footer-links {

        gap: 20px 44px;
    }


    .footer-links a {

        font-size: 16px;
    }


    .footer-social {

        gap: 44px;

        padding-top: 44px;
    }

}
/* =========================================================
   PREMIUM REAL ESTATE FOOTER
   RESPONSIVE SYSTEM
   1440px DESKTOP
   1200px LARGE DESKTOP
   768px TABLET
   767px MOBILE
========================================================= */


/* =========================================================
   DESIGN VARIABLES
========================================================= */

.premium-realestate-footer {

    --footer-primary: #7F011F;
    --footer-accent: #DBD4A4;
    --footer-white: #FFFFFF;

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

    width: 100%;

    margin: 0;
    padding: 0;

    background: var(--footer-primary);

    color: var(--footer-white);

    overflow: hidden;
}


/* =========================================================
   RESET
========================================================= */

.premium-realestate-footer *,
.premium-realestate-footer *::before,
.premium-realestate-footer *::after {

    box-sizing: border-box;

}


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

.realestate-footer-container {

    width: 100%;

    max-width: 1440px;

    margin: 0 auto;

    padding: 80px 50px 50px 50px;

}


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

.footer-intro {

    display: grid;

    grid-template-columns: 40% 60%;

    align-items: center;

    column-gap: 60px;

    padding-bottom: 80px;

}


/* =========================================================
   BRAND
========================================================= */

.footer-brand {

    width: 100%;

    display: flex;

    flex-direction: column;

    align-items: flex-start;

}


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

.footer-logo-link {

    display: inline-flex;

    align-items: center;

    justify-content: flex-start;

    margin: 0;

    padding: 0;

    text-decoration: none;

}


.footer-logo {

    display: block;

    width: 205px;

    height: auto;

    max-width: 100%;

    margin: 0;

    padding: 0;

    object-fit: contain;

}


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

.footer-description {

    width: 100%;

    max-width: 440px;

    margin: 30px 0 0 0;

    padding: 0;

    color: var(--footer-white);

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

    font-size: 17px;

    font-weight: 400;

    line-height: 1.65;

}


/* =========================================================
   STATEMENT
========================================================= */

.footer-statement {

    width: 100%;

    display: flex;

    flex-direction: column;

    align-items: flex-end;

    justify-content: center;

    text-align: right;

}


.footer-statement h2 {

    width: 100%;

    max-width: 820px;

    margin: 0;

    padding: 0;

    color: var(--footer-white);

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

    font-size: 68px;

    font-weight: 500;

    font-style: italic;

    line-height: 1.02;

    letter-spacing: -2px;

    text-align: right;

}


.footer-statement p {

    width: 100%;

    max-width: 570px;

    margin: 26px 0 0 0;

    padding: 0;

    color: var(--footer-white);

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

    font-size: 17px;

    font-weight: 400;

    line-height: 1.65;

    text-align: right;

}


/* =========================================================
   NAVIGATION ROW
========================================================= */

.footer-navigation-row {

    display: grid;

    grid-template-columns: 240px 1fr;

    align-items: center;

    width: 100%;

    min-height: 120px;

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

}


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

.footer-section-title {

    display: flex;

    align-items: center;

    width: 100%;

}


.footer-section-title h3 {

    margin: 0;

    padding: 0;

    color: var(--footer-accent);

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

    font-size: 31px;

    font-weight: 500;

    font-style: italic;

    line-height: 1.15;

    text-transform: uppercase;

}


/* =========================================================
   LINKS
========================================================= */

.footer-links {

    display: flex;

    flex-wrap: wrap;

    align-items: center;

    gap: 18px 44px;

    width: 100%;

}


.footer-links a {

    display: inline-block;

    margin: 0;

    padding: 0;

    color: var(--footer-white);

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

    font-size: 16px;

    font-weight: 500;

    line-height: 1.5;

    text-decoration: none;

}


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

.footer-social {

    display: flex;

    align-items: center;

    justify-content: center;

    gap: 44px;

    width: 100%;

    padding-top: 44px;

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

}


.social-icon {

    display: flex;

    align-items: center;

    justify-content: center;

    width: 26px;

    height: 26px;

    margin: 0;

    padding: 0;

    color: var(--footer-white);

    font-size: 21px;

    line-height: 1;

    text-decoration: none;

}


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

.premium-realestate-footer a,
.premium-realestate-footer img,
.premium-realestate-footer .social-icon {

    transition: none !important;

    animation: none !important;

}


.premium-realestate-footer a:hover,
.premium-realestate-footer a:focus,
.premium-realestate-footer a:active {

    color: var(--footer-white) !important;

    background: transparent !important;

    text-decoration: none !important;

    transform: none !important;

    opacity: 1 !important;

    filter: none !important;

    box-shadow: none !important;

}


.premium-realestate-footer img:hover {

    transform: none !important;

    opacity: 1 !important;

    filter: none !important;

}


.premium-realestate-footer .social-icon:hover {

    color: var(--footer-white) !important;

    transform: none !important;

    opacity: 1 !important;

}


/* =========================================================
   ELEMENTOR / ROYAL ADDONS OVERRIDE
========================================================= */

.premium-realestate-footer
.elementor-element,
.premium-realestate-footer
.elementor-widget,
.premium-realestate-footer
.elementor-button {

    transition: none !important;

    animation: none !important;

}


.premium-realestate-footer
.elementor-element:hover,
.premium-realestate-footer
.elementor-widget:hover,
.premium-realestate-footer
.elementor-button:hover {

    transform: none !important;

    box-shadow: none !important;

}


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

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

    .realestate-footer-container {

        padding: 75px 50px 50px 50px;

    }


    .footer-intro {

        grid-template-columns: 40% 60%;

        column-gap: 50px;

        padding-bottom: 70px;

    }


    .footer-logo {

        width: 195px;

    }


    .footer-description {

        max-width: 410px;

        font-size: 17px;

    }


    .footer-statement h2 {

        font-size: 62px;

        letter-spacing: -1.5px;

    }


    .footer-statement p {

        font-size: 17px;

    }


    .footer-navigation-row {

        grid-template-columns: 220px 1fr;

        min-height: 110px;

    }


    .footer-section-title h3 {

        font-size: 29px;

    }


    .footer-links {

        gap: 18px 36px;

    }

}


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

@media (min-width: 1440px) {

    .realestate-footer-container {

        max-width: 1440px;

        padding: 80px 50px 50px 50px;

    }


    .footer-intro {

        grid-template-columns: 40% 60%;

        column-gap: 60px;

        padding-bottom: 80px;

    }


    .footer-logo {

        width: 205px;

    }


    .footer-description {

        max-width: 440px;

        font-size: 17px;

    }


    .footer-statement h2 {

        font-size: 68px;

        letter-spacing: -2px;

    }


    .footer-statement p {

        font-size: 17px;

    }


    .footer-navigation-row {

        grid-template-columns: 240px 1fr;

        min-height: 120px;

    }


    .footer-section-title h3 {

        font-size: 31px;

    }


    .footer-links {

        gap: 18px 44px;

    }

}


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

   ORDER:
   LOGO
   DESCRIPTION
   HEADING
   STATEMENT
========================================================= */

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

    .realestate-footer-container {

        max-width: 100%;

        padding: 65px 30px 45px 30px;

    }


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

    .footer-intro {

        display: flex;

        flex-direction: column;

        align-items: center;

        text-align: center;

        gap: 0;

        padding-bottom: 60px;

    }


    /* ==============================================
       BRAND
    ============================================== */

    .footer-brand {

        width: 100%;

        align-items: center;

        text-align: center;

    }


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

    .footer-logo-link {

        justify-content: center;

    }


    .footer-logo {

        width: 180px;

        margin: 0 auto;

    }


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

    .footer-description {

        max-width: 620px;

        margin: 25px auto 0 auto;

        font-size: 16px;

        line-height: 1.65;

        text-align: center;

    }


    /* ==============================================
       STATEMENT
    ============================================== */

    .footer-statement {

        width: 100%;

        align-items: center;

        text-align: center;

        padding-top: 55px;

    }


    .footer-statement h2 {

        max-width: 850px;

        font-size: 54px;

        line-height: 1.04;

        letter-spacing: -1px;

        text-align: center;

    }


    .footer-statement p {

        max-width: 600px;

        margin: 22px auto 0 auto;

        font-size: 16px;

        line-height: 1.6;

        text-align: center;

    }


    /* ==============================================
       NAVIGATION
    ============================================== */

    .footer-navigation-row {

        grid-template-columns: 200px 1fr;

        min-height: 105px;

    }


    .footer-section-title h3 {

        font-size: 28px;

    }


    .footer-links {

        gap: 18px 30px;

    }


    .footer-links a {

        font-size: 16px;

    }


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

    .footer-social {

        gap: 40px;

        padding-top: 38px;

    }


    .social-icon {

        width: 24px;

        height: 24px;

        font-size: 20px;

    }

}


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

@media (max-width: 767px) {

    .realestate-footer-container {

        width: 100%;

        max-width: 100%;

        padding: 40px 10px 30px 10px;

    }


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

    .footer-intro {

        display: flex;

        flex-direction: column;

        align-items: center;

        text-align: center;

        gap: 0;

        padding-bottom: 45px;

    }


    /* ==============================================
       BRAND
    ============================================== */

    .footer-brand {

        width: 100%;

        align-items: center;

        text-align: center;

    }


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

    .footer-logo-link {

        justify-content: center;

    }


    .footer-logo {

        width: 160px;

        margin: 0 auto;

    }


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

    .footer-description {

        width: 100%;

        max-width: 500px;

        margin: 22px auto 0 auto;

        font-size: 16px;

        line-height: 1.6;

        text-align: center;

    }


    /* ==============================================
       STATEMENT
    ============================================== */

    .footer-statement {

        width: 100%;

        align-items: center;

        text-align: center;

        padding-top: 45px;

    }


    .footer-statement h2 {

        width: 100%;

        max-width: 500px;

        font-size: 38px;

        line-height: 1.06;

        letter-spacing: -0.5px;

        text-align: center;

    }


    .footer-statement p {

        width: 100%;

        max-width: 450px;

        margin: 18px auto 0 auto;

        font-size: 16px;

        line-height: 1.6;

        text-align: center;

    }


    /* ==============================================
       NAVIGATION ROW
    ============================================== */

    .footer-navigation-row {

        display: flex;

        flex-direction: column;

        align-items: flex-start;

        width: 100%;

        min-height: auto;

        padding: 30px 0;

    }


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

    .footer-section-title {

        width: 100%;

        margin: 0 0 22px 0;

    }


    .footer-section-title h3 {

        font-size: 25px;

        line-height: 1.2;

    }


    /* ==============================================
       LINKS
    ============================================== */

    .footer-links {

        display: grid;

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

        gap: 18px 20px;

        width: 100%;

    }


    .footer-links a {

        font-size: 16px;

        line-height: 1.5;

        white-space: normal;

    }


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

    .footer-social {

        gap: 30px;

        padding-top: 30px;

    }


    .social-icon {

        width: 24px;

        height: 24px;

        font-size: 20px;

    }

}


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

@media (max-width: 399px) {

    .realestate-footer-container {

        padding: 35px 10px 28px 10px;

    }


    .footer-logo {

        width: 150px;

    }


    .footer-description {

        font-size: 16px;

    }


    .footer-statement {

        padding-top: 40px;

    }


    .footer-statement h2 {

        font-size: 34px;

    }


    .footer-statement p {

        font-size: 16px;

    }


    .footer-section-title h3 {

        font-size: 23px;

    }


    .footer-links {

        gap: 16px 14px;

    }


    .footer-links a {

        font-size: 16px;

    }


    .footer-social {

        gap: 25px;

    }

}/* End custom CSS */