.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}/* Start custom CSS for html, class: .elementor-element-85660c1 *//* =========================================
   SATYAM PROPERTY - HEADER
   ========================================= */

.sp-header {
    width: 100%;
    background: #F8F6F1;
    border-bottom: 1px solid #E5E0D7;
    box-sizing: border-box;
}

.sp-header-inner {
    width: 90%;
    max-width: 1200px;
    min-height: 78px;

    margin: auto;

    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 30px;
}


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

.sp-logo {
    display: flex;
    align-items: center;
    flex-shrink: 0;

    text-decoration: none;
}

.sp-logo img {
    width: 150px;
    height: auto;
    display: block;
}


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

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

.sp-navigation {
    display: flex;
    align-items: center;
    gap: 12px; /* space between buttons */
}

.sp-navigation a {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    padding: 9px 14px;

    background: transparent;
    border: 1px solid transparent;
    border-radius: 5px;

    color: #263238;
    text-decoration: none;

    font-family: Arial, sans-serif;
    font-size: 14px;
    font-weight: 600;

    transition: all 0.2s ease;
}


/* HOVER */

.sp-navigation a:hover {
    background: #EEE9DF;
    border-color: #E2DCCF;
    color: #8F6F3F;
}


/* ACTIVE HOME */

.sp-navigation a.sp-nav-active {
    background: #EEE9DF;
    border-color: #E2DCCF;
    color: #8F6F3F;
}


/* HOVER */

.sp-navigation a:hover {
    color: #9A7943;
}


/* ACTIVE PAGE */

.sp-navigation a.sp-nav-active {
    color: #9A7943;
}


/* SMALL LINE UNDER ACTIVE PAGE */

.sp-navigation a.sp-nav-active::after {
    content: "";

    position: absolute;

    left: 0;
    right: 0;
    bottom: 0;

    height: 2px;

    background: #C9A86A;
}


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

.sp-header-right {
    display: flex;
    align-items: center;
    gap: 22px;

    flex-shrink: 0;
}


/* =========================================
   LANGUAGE
   ========================================= */

.sp-language {
    display: flex;
    align-items: center;
    gap: 6px;

    font-family: Arial, sans-serif;
    font-size: 13px;
}

.sp-language a {
    color: #555555;
    text-decoration: none;

    transition: color 0.2s ease;
}

.sp-language a:hover {
    color: #9A7943;
}

.sp-language .sp-language-active {
    color: #9A7943;
    font-weight: 600;
}

.sp-language span {
    color: #C8C2B8;
}


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

.sp-enquire {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    min-height: 40px;
    padding: 0 18px;

    background: #C9A86A;
    border: 1px solid #C9A86A;
    border-radius: 4px;

    color: #263238;
    text-decoration: none;

    font-family: Arial, sans-serif;
    font-size: 13px;
    font-weight: 600;

    white-space: nowrap;

    transition: all 0.2s ease;
}

.sp-enquire:hover {
    background: #A9844D;
    border-color: #A9844D;
    color: #FFFFFF;
}


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

@media (max-width: 1050px) {

    .sp-header-inner {
        width: 94%;
        gap: 20px;
    }

    .sp-navigation {
        gap: 18px;
    }

    .sp-navigation a {
        font-size: 13px;
    }

    .sp-logo img {
        width: 135px;
    }

    .sp-header-right {
        gap: 14px;
    }

}


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

@media (max-width: 760px) {

    .sp-header-inner {
        width: 90%;
        min-height: 68px;
    }

    .sp-logo img {
        width: 125px;
    }

    .sp-navigation {
        display: none;
    }

    .sp-header-right {
        gap: 10px;
    }

    .sp-language {
        font-size: 12px;
    }

    .sp-enquire {
        min-height: 36px;
        padding: 0 12px;
        font-size: 12px;
    }

}


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

@media (max-width: 450px) {

    .sp-logo img {
        width: 110px;
    }

    .sp-language {
        display: none;
    }

}/* End custom CSS */