/**
 * Linkers frontend theme — aligned with AdminLTE backend
 * Brand: #0F413B, accent #D4A63A, primary #0d6efd
 */
:root {
    --main-color: #0F413B;
    --main-color-dark: #0a2d29;
    --main-color-light: #dce8e6;
    --second-color: #D4A63A;
    --accent-color: #D4A63A;
    --accent-color-dark: #b8922f;
    --accent-color-light: #f5ecd4;
    --primary-color: #0d6efd;
    --primary-subtle: #cfe2ff;
    --body-muted: #5e646a;
    --surface-soft: #f8f9fa;

    /* Shared hero media height — same on every page/view */
    --linkers-hero-height: 560px;
    --linkers-hero-height-tablet: 420px;
    --linkers-hero-height-mobile: 340px;
}

.loader-wrap {
    background: var(--main-color-light);
}

/*
 * Template hides #main (opacity:0) until jQuery fades it in.
 * If jQuery/plugins fail on a machine, the whole site looks empty.
 * Keep content readable; loader + JS still handle the intended fade.
 */
#main {
    opacity: 1;
}

.main-header {
    background: #fff;
    border-bottom: 1px solid #e6eeeb;
    box-shadow: 0 8px 24px rgba(15, 65, 59, 0.04);
}

/*
 * Desktop header — professional layout
 * Logo (left) | packed text nav (center) | socials + wishlist (right)
 * Equal side columns keep start/end balance.
 */
@media (min-width: 1069px) {
    .main-header .container {
        max-width: 100%;
        width: 100%;
        padding-left: 24px;
        padding-right: 24px;
    }

    .main-header .header-inner {
        display: grid !important;
        grid-template-columns: minmax(160px, 1fr) auto minmax(160px, 1fr);
        align-items: center;
        column-gap: 20px;
        position: relative;
        float: none;
        width: 100%;
        min-height: 72px;
        height: auto !important;
        padding: 0;
        box-sizing: border-box;
    }

    .main-header .logo-holder {
        grid-column: 1;
        justify-self: start;
        align-self: center;
        float: none;
        position: relative;
        z-index: 2;
        margin: 0 !important;
        height: auto;
        max-width: 190px;
    }

    .main-header .logo-holder img {
        display: block;
        max-height: 46px;
        width: auto;
    }

    .main-header .nav-holder,
    .main-header .nav-holder.main-menu {
        grid-column: 2;
        justify-self: center;
        align-self: center;
        position: relative !important;
        left: auto !important;
        top: 0 !important;
        right: auto !important;
        transform: none !important;
        float: none !important;
        margin: 0 !important;
        width: max-content;
        max-width: 100%;
        height: auto !important;
        z-index: 1;
        opacity: 1 !important;
        visibility: visible !important;
        display: flex;
        align-items: center;
    }

    .main-header .nav-holder nav {
        float: none !important;
        position: relative;
        display: flex;
        align-items: center;
        height: auto !important;
    }

    .main-header .nav-holder nav:before,
    .main-header .nav-holder nav:after {
        display: none !important;
    }

    .main-header .nav-holder nav ul {
        display: flex;
        flex-wrap: nowrap;
        align-items: center;
        justify-content: center;
        gap: 6px;
        margin: 0;
        padding: 0;
        list-style: none;
        height: auto !important;
    }

    .main-header .nav-holder nav ul li {
        float: none !important;
        display: flex !important;
        align-items: center;
        margin: 0 !important;
        padding: 0;
        height: auto !important;
        line-height: 1 !important;
    }

    /* Text + icon links */
    .main-header .nav-holder nav ul li a {
        float: none !important;
        display: inline-flex !important;
        align-items: center;
        justify-content: center;
        gap: 6px;
        white-space: nowrap;
        margin: 0;
        padding: 8px 11px !important;
        font-size: 0.76rem !important;
        font-weight: 600 !important;
        letter-spacing: 0.035em !important;
        text-transform: uppercase;
        line-height: 1 !important;
        height: auto !important;
        color: #1a2e2b !important;
        border-radius: 6px;
        transition: color 0.18s ease, background 0.18s ease;
    }

    .main-header .nav-holder nav ul li a i {
        display: inline-flex !important;
        align-items: center;
        justify-content: center;
        margin: 0 !important;
        padding: 0 !important;
        font-size: 0.82em !important;
        line-height: 1 !important;
        color: inherit !important;
        transform: none !important;
        position: static !important;
        top: auto !important;
        right: auto !important;
        float: none !important;
    }

    .main-header .nav-holder nav ul li a:hover,
    .main-header .nav-holder nav ul li a.act-link {
        color: var(--main-color) !important;
        background: rgba(15, 65, 59, 0.06);
    }

    .main-header .nav-holder nav ul li a:hover i,
    .main-header .nav-holder nav ul li a.act-link i {
        color: var(--main-color) !important;
        transform: none !important;
    }

    .main-header .header-right {
        grid-column: 3;
        justify-self: end;
        align-self: center;
        position: relative;
        z-index: 2;
        margin: 0 !important;
        display: flex !important;
        align-items: center;
        gap: 10px;
    }

    .main-header .header-social {
        display: flex !important;
        align-items: center;
        gap: 6px;
        margin: 0;
    }

    .main-header .header-social a {
        width: 32px;
        height: 32px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        border-radius: 50%;
        background: rgba(15, 65, 59, 0.06);
        color: #0F413B !important;
        font-size: 0.78rem;
        line-height: 1;
        transition: background 0.18s ease, color 0.18s ease;
    }

    .main-header .header-social a:hover {
        background: #0F413B;
        color: #fff !important;
    }

    .main-header .header-wishlist-btn {
        width: 40px !important;
        height: 40px !important;
        min-width: 40px;
    }

    /* Sync content offset with compact desktop header height */
    .wrapper {
        margin-top: 72px !important;
    }
}

/* Mid desktop: drop socials, keep nav readable */
@media (min-width: 1069px) and (max-width: 1280px) {
    .main-header .header-social {
        display: none !important;
    }

    .main-header .header-inner {
        column-gap: 14px;
        grid-template-columns: minmax(140px, 1fr) auto minmax(56px, 1fr);
    }

    .main-header .nav-holder nav ul {
        gap: 4px;
    }

    .main-header .nav-holder nav ul li a {
        padding: 8px 9px !important;
        font-size: 0.74rem !important;
        letter-spacing: 0.03em !important;
    }
}

/* Narrow desktop: slightly tighter links */
@media (min-width: 1069px) and (max-width: 1180px) {
    .main-header .nav-holder nav ul {
        gap: 2px;
    }

    .main-header .nav-holder nav ul li a {
        padding: 8px 7px !important;
        font-size: 0.7rem !important;
    }
}

.main-header .nav-holder nav ul {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    gap: 0;
}

.main-header .nav-holder nav ul li a {
    white-space: nowrap;
    font-weight: 600;
    letter-spacing: 0.02em;
}

.main-header .nav-holder nav ul li a i {
    margin-right: 5px;
    font-size: 0.85em;
}

.header-btn,
.commentssubmit.csb_color,
.csb_color {
    background: var(--main-color) !important;
    border-color: var(--main-color) !important;
    color: #fff !important;
}

.header-btn:hover,
.commentssubmit.csb_color:hover,
.csb_color:hover {
    background: var(--main-color-dark) !important;
    border-color: var(--main-color-dark) !important;
    color: #fff !important;
}

/* Default submit buttons */
.commentssubmit,
.commentssubmit_fw {
    background: var(--main-color) !important;
    color: #fff !important;
    border-color: var(--main-color) !important;
}

.commentssubmit:hover,
.commentssubmit_fw:hover {
    background: var(--main-color-dark) !important;
    color: #fff !important;
}

.commentssubmit i,
.commentssubmit_fw i,
.commentssubmit:hover i,
.commentssubmit_fw:hover i {
    color: #fff !important;
}

.csb_color:hover {
    color: #fff !important;
}

.main-header nav ul li a.act-link,
.main-header nav ul li a:hover,
.nav-holder nav li a:hover,
.hero-notifer a,
.breadcrumbs-list a:hover,
.footer-social li a:hover,
.pagination a.current-page,
.geodir-category-location a:hover {
    color: var(--main-color);
}

.list-searh-input-wrap.hero_home_search,
.box_list-searh-input-wrap {
    background: #fff;
    border: 1px solid var(--main-color-light);
    box-shadow: 0 8px 24px rgba(15, 65, 59, 0.08);
}

/* Compact, prominent hero quick search */
.hero-quick-search-compact.list-searh-input-wrap {
    max-width: 350px;
    margin-left: auto;
    padding: 14px 16px 12px;
    border-radius: 16px;
    border: 2px solid var(--main-color);
    box-shadow: 0 10px 28px rgba(15, 65, 59, 0.18);
}

.hero-quick-search-compact .list-searh-input-wrap-title_wrap,
.hero-quick-search-compact.lws_column .list-searh-input-wrap-title_wrap {
    margin-bottom: 10px;
    padding-bottom: 10px;
}

.hero-quick-search-compact .list-searh-input-wrap-title {
    font-size: 0.95rem;
    top: 0;
    font-weight: 700;
    letter-spacing: 0.02em;
}

.hero-quick-search-compact .list-searh-input-wrap-title i {
    margin-right: 8px;
    font-size: 0.9em;
}

.hero-quick-search-compact .lws_column .list-searh-input-radio_wrap,
.hero-quick-search-compact .list-searh-input-radio_wrap {
    position: relative;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    padding-right: 36px;
    margin-top: 6px;
}

.hero-quick-search-compact .header-search-radio .button-label {
    padding: 5px 10px;
    font-size: 10px;
    border-radius: 6px;
}

.hero-quick-search-compact .reset-btn {
    height: 30px;
    line-height: 30px;
    width: 30px;
    border-radius: 6px;
}

.hero-quick-search-compact .cs-intputwrap {
    margin-bottom: 8px;
}

.hero-quick-search-compact .custom-form input[type="text"],
.hero-quick-search-compact .custom-form select,
.hero-quick-search-compact .chosen-container-single .chosen-single {
    height: 40px !important;
    min-height: 40px;
    padding: 8px 12px 8px 34px !important;
    font-size: 11px;
    border-radius: 8px;
}

.hero-quick-search-compact .cs-intputwrap i {
    left: 12px;
    font-size: 0.95em;
}

.hero-quick-search-compact .price-range-wrap label {
    font-size: 10px;
    margin-bottom: 2px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    color: var(--body-muted);
}

.hero-quick-search-compact .price-range-wrap {
    padding-top: 2px;
}

.hero-quick-search-compact .list-searh-input-wrap .listsearch-input-item .price-rage-item,
.hero-quick-search-compact .price-rage-item {
    padding-left: 0;
}

.hero-quick-search-compact .irs {
    margin-top: -4px;
}

.hero-quick-search-compact .commentssubmit_fw {
    height: 38px;
    line-height: 38px;
    padding: 0 14px;
    font-size: 11px;
    font-weight: 700;
    margin-top: 4px;
    border-radius: 8px;
    letter-spacing: 0.03em;
    text-transform: uppercase;
}

.hero-quick-search-compact .lsiw_dec {
    box-shadow: 0 10px 28px rgba(15, 65, 59, 0.18);
}

.hero-quick-search-compact.hero_home_search {
    padding-bottom: 14px;
}

@media (max-width: 991px) {
    .hero-quick-search-compact.list-searh-input-wrap {
        max-width: 100%;
        margin-left: 0;
    }
}

/* =========================================
   HERO QUICK SEARCH — mobile / tablet
========================================= */

@media only screen and (max-width: 1068px) {
    .home-hero-section .hero-section-container {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        overflow: visible;
    }

    .home-hero-section .hero-section-container > .row {
        display: flex !important;
        flex-direction: column !important;
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        --bs-gutter-x: 0;
    }

    .home-hero-section .hero-section-container > .row > [class*="col-"] {
        width: 100% !important;
        max-width: 100% !important;
        flex: 1 1 auto !important;
        min-width: 0 !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    .home-hero-section .home-hero-search-col {
        display: block !important;
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        margin-top: 10px;
        padding: 0 !important;
        position: relative;
        z-index: 8;
    }

    .home-hero-section #hero-quick-search,
    .home-hero-section .hero-quick-search-compact,
    .home-hero-section .list-searh-input-wrap.hero_home_search,
    .home-hero-section .hero-quick-search-compact.lsiw_dec {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        margin: 0 !important;
        padding: 12px 12px 12px !important;
        border-radius: 16px !important;
        box-sizing: border-box !important;
        overflow: visible;
        background: #fff !important;
        border: 1px solid #dce8e6 !important;
        box-shadow: 0 12px 28px rgba(15, 65, 59, 0.12) !important;
    }

    .hero-quick-search-compact.lws_column .list-searh-input-wrap-title:before,
    .hero-quick-search-compact.lws_column .list-searh-input-wrap-title:after {
        display: none !important;
        content: none !important;
    }

    .hero-quick-search-compact .list-searh-input-wrap-title_wrap,
    .hero-quick-search-compact.lws_column .list-searh-input-wrap-title_wrap {
        display: flex !important;
        flex-direction: column !important;
        align-items: stretch !important;
        gap: 8px;
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        margin: 0 0 10px !important;
        padding: 0 0 10px !important;
        border-bottom: 1px solid #eef2f1;
    }

    .hero-quick-search-compact .list-searh-input-wrap-title {
        position: relative !important;
        top: auto !important;
        width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
        font-size: 0.92rem !important;
    }

    .hero-quick-search-compact .list-searh-input-radio_wrap,
    .hero-quick-search-compact.lws_column .list-searh-input-radio_wrap,
    .hero-quick-search-compact .lws_column .list-searh-input-radio_wrap {
        position: relative !important;
        top: auto !important;
        left: auto !important;
        right: auto !important;
        display: flex !important;
        align-items: center;
        gap: 8px;
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    .hero-quick-search-compact .header-search-radio {
        position: relative !important;
        display: flex !important;
        flex: 1 1 auto !important;
        width: auto !important;
        max-width: 100% !important;
        min-width: 0 !important;
        overflow: hidden !important;
        border-radius: 10px !important;
        background: #f4f7f6;
    }

    .hero-quick-search-compact .header-search-radio .button-label {
        float: none !important;
        flex: 1 1 0 !important;
        width: auto !important;
        max-width: none !important;
        min-width: 0 !important;
        height: 38px !important;
        line-height: 38px !important;
        padding: 0 8px !important;
        text-align: center;
        font-size: 11px !important;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .hero-quick-search-compact .reset-btn {
        position: relative !important;
        top: auto !important;
        right: auto !important;
        flex: 0 0 38px;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        width: 38px !important;
        height: 38px !important;
        line-height: 1 !important;
        margin: 0 !important;
        border-radius: 10px !important;
        background: #0F413B !important;
        border: 0 !important;
        color: #fff !important;
    }

    .hero-quick-search-compact .reset-btn i {
        color: #fff !important;
        margin: 0 !important;
        line-height: 1 !important;
    }

    .hero-quick-search-compact .custom-form,
    .hero-quick-search-compact .custom-form > .row {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        margin: 0 !important;
        display: block !important;
    }

    .hero-quick-search-compact .custom-form > .row > [class*="col-"] {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        flex: none !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
        float: none !important;
        margin: 0 !important;
    }

    .hero-quick-search-compact .cs-intputwrap {
        margin-bottom: 8px !important;
    }

    .hero-quick-search-compact .cs-intputwrap,
    .hero-quick-search-compact .price-range-wrap,
    .hero-quick-search-compact .price-rage-item,
    .hero-quick-search-compact .irs,
    .hero-quick-search-compact .irs-bar,
    .hero-quick-search-compact .nice-select,
    .hero-quick-search-compact .chosen-container,
    .hero-quick-search-compact .custom-form input[type="text"],
    .hero-quick-search-compact .custom-form select {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        box-sizing: border-box !important;
    }

    .hero-quick-search-compact .cs-intputwrap i {
        left: 12px !important;
        font-size: 0.95rem !important;
    }

    .hero-quick-search-compact .nice-select,
    .hero-quick-search-compact .chosen-container-single .chosen-single {
        height: 42px !important;
        min-height: 42px !important;
        line-height: 42px !important;
        padding-left: 38px !important;
        padding-right: 28px !important;
        font-size: 14px !important;
        border-radius: 10px !important;
    }

    .hero-quick-search-compact .chosen-container {
        height: 42px !important;
    }

    .hero-quick-search-compact .nice-select .list {
        width: 100% !important;
        max-width: 100% !important;
        left: 0 !important;
        right: 0 !important;
    }

    .hero-quick-search-compact .nice-select .option {
        white-space: normal;
        line-height: 1.35;
        min-height: 38px;
        padding-top: 8px;
        padding-bottom: 8px;
    }

    .hero-quick-search-compact .custom-form input[type="text"] {
        height: 42px !important;
        min-height: 42px !important;
        font-size: 16px !important;
        padding: 8px 12px 8px 38px !important;
        border-radius: 10px !important;
    }

    .hero-quick-search-compact .custom-form .price-range-wrap,
    .hero-quick-search-compact .price-range-wrap {
        position: relative !important;
        margin: 2px 0 8px !important;
        padding: 10px 12px 8px !important;
        overflow: visible !important;
        background: #f7faf9 !important;
        border: 1px solid #e4ebe8 !important;
        border-radius: 12px !important;
    }

    .hero-quick-search-compact .price-range-wrap label {
        position: static !important;
        top: auto !important;
        left: auto !important;
        display: block !important;
        margin: 0 0 4px !important;
        font-size: 0.72rem !important;
        letter-spacing: 0.06em;
        text-transform: uppercase;
        color: #5c6763 !important;
    }

    .hero-quick-search-compact .price-rage-item {
        padding: 0 !important;
        overflow: visible !important;
    }

    .hero-quick-search-compact .irs {
        margin-top: 16px !important;
        max-width: 100% !important;
        height: 48px !important;
    }

    .hero-quick-search-compact .irs-from,
    .hero-quick-search-compact .irs-to,
    .hero-quick-search-compact .irs-single {
        max-width: none !important;
        overflow: visible !important;
        text-overflow: unset !important;
        white-space: nowrap !important;
        font-size: 10px !important;
        font-weight: 700 !important;
        line-height: 1.2 !important;
        padding: 3px 7px !important;
        border-radius: 6px !important;
        background: #0F413B !important;
        color: #fff !important;
        transform: none !important;
    }

    .hero-quick-search-compact .irs-from {
        left: 0 !important;
        margin-left: 0 !important;
    }

    .hero-quick-search-compact .irs-to {
        right: 0 !important;
        left: auto !important;
        margin-right: 0 !important;
    }

    .hero-quick-search-compact .commentssubmit_fw {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        width: 100% !important;
        max-width: 100% !important;
        min-height: 44px !important;
        height: 44px !important;
        line-height: 1 !important;
        margin: 2px 0 0 !important;
        padding: 0 14px !important;
        font-size: 0.82rem !important;
        border-radius: 10px !important;
        box-shadow: none !important;
        overflow: hidden;
    }

    .hero-quick-search-compact .commentssubmit_fw:before,
    .hero-quick-search-compact .commentssubmit_fw:after {
        display: none !important;
        content: none !important;
    }
}

@media only screen and (max-width: 767.98px) {
    .home-hero-section .home-hero-search-col {
        margin-top: 8px;
        padding: 0 !important;
    }

    .home-hero-section #hero-quick-search,
    .home-hero-section .hero-quick-search-compact {
        padding: 10px 10px 12px !important;
        border-radius: 14px !important;
    }

    .home-hero-section .hero-slide-content {
        padding-bottom: 20px !important;
    }

    .home-hero-section .hero-slide-cta {
        margin-top: 14px !important;
    }

    .home-hero-section .hero-slide-cta .commentssubmit {
        min-height: 40px;
        padding: 0 16px !important;
        font-size: 0.78rem !important;
    }
}

@media only screen and (min-width: 480px) and (max-width: 767.98px) {
    .hero-quick-search-compact .custom-form > .row {
        display: grid !important;
        grid-template-columns: 1fr 1fr;
        gap: 8px;
    }

    .hero-quick-search-compact .custom-form > .row > [class*="col-"]:first-child,
    .hero-quick-search-compact .custom-form > .row > [class*="col-"]:nth-last-child(2),
    .hero-quick-search-compact .custom-form > .row > [class*="col-"]:last-child {
        grid-column: 1 / -1;
    }

    .hero-quick-search-compact .cs-intputwrap {
        margin-bottom: 0 !important;
    }
}

.list-searh-input-wrap-title {
    color: var(--main-color-dark);
}

.list-searh-input-wrap-title i {
    color: var(--main-color);
}

.header-search-radio .button-label:hover,
.header-search-radio input:checked + .button-label {
    background: var(--accent-color-light);
    color: #8a6d1f;
}

.dark-bg,
.half-carousel-container.dark-bg {
    background: linear-gradient(135deg, #0a2d29 0%, #0F413B 55%, #1a5c54 100%) !important;
}

/* Projects strip — shared card height for title panel + slides */
:root {
    --linkers-projects-card-height: 400px;
}

@media (min-width: 1069px) {
    .city-carousel-wrap {
        position: relative;
        overflow: hidden;
        padding: 20px 20px 20px 400px !important;
    }

    .city-carousel-item {
        height: var(--linkers-projects-card-height) !important;
        min-height: var(--linkers-projects-card-height) !important;
        max-height: var(--linkers-projects-card-height) !important;
        border-radius: 16px !important;
    }

    .city-carousel .swiper-container,
    .city-carousel .swiper-wrapper,
    .city-carousel .swiper-slide {
        height: var(--linkers-projects-card-height) !important;
    }

    .half-carousel-title-wrap {
        position: absolute !important;
        top: 20px !important;
        left: 20px !important;
        bottom: auto !important;
        width: 360px !important;
        height: var(--linkers-projects-card-height) !important;
        min-height: var(--linkers-projects-card-height) !important;
        max-height: var(--linkers-projects-card-height) !important;
        margin: 0 !important;
        padding: 0 !important;
        display: flex !important;
        align-items: center;
        background: #1a2e2b !important;
        border-radius: 16px;
        overflow: hidden;
        z-index: 20;
        box-sizing: border-box;
    }

    .half-carousel-title {
        position: relative !important;
        top: auto !important;
        transform: none !important;
        width: 100%;
        padding: 28px 26px !important;
        background: transparent !important;
        border-left: 4px solid var(--second-color);
        box-sizing: border-box;
    }

    .half-carousel-title h2 {
        font-size: 1.55rem !important;
        line-height: 1.25 !important;
        padding-bottom: 12px !important;
    }

    .half-carousel-title p {
        font-size: 0.9rem !important;
        line-height: 1.5 !important;
    }

    .half-carousel-title-wrap .abs_bg {
        display: none;
    }

    .city-carousel-content {
        padding: 0 24px !important;
        bottom: 36px !important;
    }

    .city-carousel-content h3 {
        font-size: 1.35rem !important;
        line-height: 1.25 !important;
        padding-bottom: 6px !important;
        padding-right: 8px;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        line-clamp: 2;
        overflow: hidden;
        word-break: normal;
        overflow-wrap: break-word;
    }

    .city-carousel-content p {
        font-size: 0.88rem !important;
        line-height: 1.45 !important;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
        word-break: normal;
        overflow-wrap: break-word;
        hyphens: none;
    }

    .hc-counter {
        left: 24px !important;
        top: -48px !important;
        padding: 8px 16px !important;
        font-size: 0.78rem !important;
    }
}

.half-carousel-title h2 {
    color: #fff;
}

.hs-slider-button:hover,
.city-carousel-item:hover .city-carousel-content,
.testimonilas-carousel-wrap .testi-item:hover {
    border-color: var(--main-color);
}

.sc-controls .swiper-pagination-bullet-active,
.slideshow-container-pag-init .swiper-pagination-bullet-active {
    background: var(--main-color) !important;
}

/* Hero / dark surfaces: light pagination accents */
.hero-section .swiper-pagination-bullet-active,
.hero-carousel_item .swiper-pagination-bullet-active,
.dark-bg .swiper-pagination-bullet-active {
    background: #f3f3f3 !important;
    border-color: #f3f3f3 !important;
}

.hero-section .scroller {
    background: #f3f3f3;
}

.section-title h2:before,
.section-title h4:before {
    background: var(--main-color);
}

.footer-widget-title {
    color: #f3f3f3;
}

/* On dark surfaces, replace brand-green accents with light gray for contrast */
.main-footer .footer-widget-title,
.main-footer .footer-list li:before,
.main-footer .footer-widget-content-link,
.main-footer .footer-widget-content-link i,
.main-footer .footer-home_link,
.main-footer .copyright,
.main-footer .footer-contacts span {
    color: #f3f3f3 !important;
}

.main-footer .footer-widget-title:before {
    background: #f3f3f3 !important;
}

.main-footer .footer-list li a,
.main-footer .footer-contacts a {
    color: rgba(243, 243, 243, 0.82) !important;
}

.main-footer .footer-list li a:hover,
.main-footer .footer-contacts a:hover,
.main-footer .footer-widget-content-link:hover {
    color: #fff !important;
}

.main-footer .footer-social-wrap a {
    background: #f3f3f3 !important;
    color: #111827 !important;
}

.main-footer .footer-social-wrap a:hover {
    background: #fff !important;
    color: #111827 !important;
}

/* Hero / dark section CTAs that used brand green */
.hero-carousel_item .commentssubmit.csb_color,
.hero-section .commentssubmit.csb_color,
.dark-bg .commentssubmit.csb_color,
.csb_color.csb_on_dark {
    background: #f3f3f3 !important;
    border-color: #f3f3f3 !important;
    color: #111827 !important;
}

.hero-carousel_item .commentssubmit.csb_color:hover,
.hero-section .commentssubmit.csb_color:hover,
.dark-bg .commentssubmit.csb_color:hover,
.csb_color.csb_on_dark:hover {
    background: #fff !important;
    border-color: #fff !important;
    color: #111827 !important;
}

.dark-bg .section-title h2,
.dark-bg .section-title h4,
.dark-bg h2,
.dark-bg h3,
.dark-bg h4,
.dark-bg h5,
.dark-bg p,
.dark-bg a:not(.commentssubmit),
.hero-section_sin .hero-section-title h2,
.hero-section_sin .hero-section-title h5 {
    color: #f3f3f3;
}

.hero-section_sin .bg-parallax-wrap-gradien:before {
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0.55) 0%, rgba(0, 0, 0, 0.45) 45%, rgba(0, 0, 0, 0.75) 100%);
}

.dark-bg .section-title h2:before,
.dark-bg .section-title h4:before,
.hero-section_sin .hero-section-title:before {
    background: #f3f3f3 !important;
}

.geodir-category-price,
.listing-item-price,
.price-item {
    color: var(--main-color);
}

.tag-sp,
.card-tags span,
.lsd-btn {
    background: var(--main-color-light);
    color: var(--main-color-dark);
}

.scroller {
    background: var(--main-color);
}

.listing-item:hover,
.geodir-category-listing:hover {
    box-shadow: 0 12px 30px rgba(15, 65, 59, 0.12);
}

/* Wishlist heart button */
.geodir_save-btn.is-active {
    background: var(--main-color);
    box-shadow: 0 0 0 8px rgba(15, 65, 59, 0.12);
}

.geodir_save-btn.is-active i {
    color: #fff !important;
    font-weight: 900 !important;
}

.header-wishlist-btn {
    position: relative;
    width: 40px;
    height: 40px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: rgba(15, 65, 59, 0.08);
    color: var(--main-color);
    font-size: 16px;
    text-decoration: none;
    flex-shrink: 0;
    transition: 0.2s ease;
}

.header-right .header-wishlist-btn {
    margin-left: 0;
}

.header-right {
    margin-left: auto;
    display: flex;
    align-items: center;
    gap: 12px;
    flex-shrink: 0;
}

@media (max-width: 1068px) {
    .header-right .nav-button-wrap {
        margin-left: 0 !important;
        float: none !important;
        border-left: none;
        width: auto;
    }
}

.header-wishlist-btn:hover {
    background: var(--main-color);
    color: #fff;
}

.wishlist-count-badge {
    position: absolute;
    top: -4px;
    right: -4px;
    min-width: 18px;
    height: 18px;
    padding: 0 5px;
    border-radius: 999px;
    background: var(--accent-color);
    color: #fff;
    font-size: 10px;
    font-weight: 700;
    line-height: 18px;
    text-align: center;
    display: none;
}

.wish-list-empty {
    padding: 28px 20px;
    text-align: center;
    color: var(--body-muted);
    font-size: 14px;
}

.hero-section-opt .geodir_save-btn,
.hero-opt-btnns .geodir_save-btn {
    position: static;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 0;
}

.linkers-page-hero {
    background: linear-gradient(135deg, var(--main-color-light), #fff);
    padding: 48px 0 32px;
    border-bottom: 1px solid rgba(15, 65, 59, 0.15);
}

.linkers-page-hero h1 {
    color: var(--main-color-dark);
    font-size: 2rem;
    margin-bottom: 0.5rem;
}

.linkers-detail-card {
    background: #fff;
    border: 1px solid var(--main-color-light);
    border-radius: 12px;
    padding: 24px;
    box-shadow: 0 8px 24px rgba(15, 65, 59, 0.06);
    text-align: left;
}

.linkers-topbar {
    background: #fff;
    border-bottom: 3px solid var(--main-color-light);
    padding: 14px 0;
}

.linkers-topbar .brand img {
    max-height: 42px;
}

.linkers-btn {
    display: inline-block;
    background: var(--accent-color);
    color: #fff !important;
    padding: 10px 20px;
    border-radius: 8px;
    text-decoration: none;
    font-weight: 600;
}

.linkers-btn:hover {
    background: var(--accent-color-dark);
}

.linkers-btn-outline {
    background: transparent;
    color: var(--main-color-dark) !important;
    border: 1px solid var(--main-color);
}

.linkers-meta {
    color: var(--body-muted);
    font-size: 0.95rem;
}

.color-bg,
.progress-bar.color-bg {
    background: var(--main-color) !important;
}

/* Promotion section CTA buttons */
.api-text-links {
    display: flex !important;
    flex-wrap: wrap;
    align-items: center;
    gap: 14px;
    margin-top: 28px !important;
    overflow: visible !important;
}

.api-text-links a {
    position: relative !important;
    float: none !important;
    display: inline-flex !important;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    margin: 0 !important;
    padding: 0 10px 0 22px !important;
    min-width: 210px;
    height: 52px !important;
    line-height: 1 !important;
    box-sizing: border-box;
    background: #0F413B !important;
    color: #fff !important;
    border-radius: 999px !important;
    text-transform: uppercase;
    font-weight: 600;
    text-decoration: none;
}

.api-text-links a span {
    color: #fff !important;
    line-height: 1.2;
    white-space: nowrap;
}

.api-text-links a i {
    position: relative !important;
    top: auto !important;
    right: auto !important;
    left: auto !important;
    transform: none !important;
    float: none !important;
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    flex: 0 0 40px;
    width: 40px !important;
    height: 40px !important;
    margin: 0 !important;
    line-height: 1 !important;
    border-radius: 50% !important;
    background: rgba(255, 255, 255, 0.18) !important;
    color: #fff !important;
    font-size: 0.95rem !important;
    transition: background 0.2s ease, color 0.2s ease, transform 0.2s ease;
}

.api-text-links a:hover {
    background: #0a2d29 !important;
    color: #fff !important;
}

.api-text-links a:hover span {
    color: #fff !important;
}

.api-text-links a:hover i {
    transform: scale(0.94) !important;
    background: #fff !important;
    color: #0F413B !important;
}

@media (max-width: 767.98px) {
    .api-text-links {
        flex-direction: column;
        align-items: stretch;
        gap: 12px;
    }

    .api-text-links a {
        width: 100%;
        min-width: 0;
    }
}

/* Other CTA patterns in template */
.lsd-btn,
.add-listing-btn,
.header-search_btn,
.search-btn,
.facts-filter_btn {
    background: var(--main-color) !important;
    color: #fff !important;
}

.lsd-btn i,
.add-listing-btn i,
.header-search_btn i,
.search-btn i,
.facts-filter_btn i {
    color: #fff !important;
}

/* Remove the menu icon flip/reverse animation on hover in the main header. */
.nav-holder nav li a:hover i,
.main-header nav li a:hover i {
    transform: none !important;
}

/* Icons placed on the dark-green brand background were rendering dark/black,
   making them hard to see. Force them to white so they stay legible. */
.color-bg,
.color-bg i,
.search-submit,
.search-submit i,
.breadcrumbs-list_dec,
.breadcrumbs-list_dec i,
.to-top_btn i {
    color: #fff !important;
}

/* Keep those icons white on hover instead of flipping back to dark. */
.search-submit:hover,
.search-submit:hover i,
.to-top_btn:hover i,
.breadcrumbs-list_dec:hover i {
    color: #fff !important;
}

/* =========================================
   GLOBAL TYPOGRAPHY & ALIGNMENT
========================================= */

/* Keep header / menu / body on one identical type system */
body {
    font-size: 15px;
    line-height: 1.6;
    font-family: var(--main-font);
    color: #3f4650;
}

.main-header,
.nav-holder,
.nav-holder nav,
.nav-holder nav li,
.nav-holder nav li a,
.nav-holder nav li ul a,
.menusb,
.menusb a,
.main-menu a,
.header-btn,
.header-wishlist-btn,
.header-social a,
.breadcrumbs-list,
.breadcrumbs-list a,
.breadcrumbs-list span,
.gallery-filters a,
.footer-list li a,
.footer-widget-title,
.footer-brand-content p,
.copyright {
    font-family: var(--main-font) !important;
}

.nav-holder nav li a {
    font-size: 0.8rem !important;
    font-weight: 600 !important;
    letter-spacing: 0.02em !important;
    text-transform: uppercase;
    line-height: 1.35 !important;
}

.nav-holder nav li ul a {
    font-size: 0.78rem !important;
    font-weight: 500 !important;
    letter-spacing: 0.01em !important;
    text-transform: none;
    line-height: 1.45 !important;
}

.menusb a {
    font-size: 0.85rem !important;
    font-weight: 600 !important;
    letter-spacing: 0.02em !important;
    text-transform: uppercase;
    line-height: 1.45 !important;
    font-family: var(--main-font) !important;
}

.header-btn {
    font-size: 0.78rem !important;
    font-weight: 600 !important;
    letter-spacing: 0.02em !important;
    text-transform: uppercase;
}

.breadcrumbs-list a,
.breadcrumbs-list span {
    font-size: 0.74rem !important;
    font-weight: 600 !important;
    letter-spacing: 0.04em !important;
    text-transform: uppercase;
}

.gallery-filters a {
    font-size: 0.8rem !important;
    font-weight: 600 !important;
    letter-spacing: 0.02em !important;
}

.footer-list li a,
.footer-contacts a,
.footer-contacts span,
.copyright,
.footer-home_link {
    font-size: 0.8rem !important;
    font-weight: 600 !important;
    letter-spacing: 0.02em !important;
}

.footer-widget-title {
    font-size: 0.9rem !important;
    font-weight: 700 !important;
    letter-spacing: 0.04em !important;
}

.hero-section_sin .hero-section-title h2,
.hsc_flat .hero-section-title h2 {
    font-size: clamp(1.85rem, 3.2vw, 2.6rem) !important;
    line-height: 1.25 !important;
    letter-spacing: -0.02em;
    text-align: left;
    font-family: var(--main-font) !important;
}

.hero-section_sin .hero-section-title h5,
.hsc_flat .hero-section-title h4,
.hsc_flat .hero-section-title h5 {
    font-size: clamp(0.95rem, 1.4vw, 1.1rem) !important;
    line-height: 1.55 !important;
    font-weight: 400 !important;
    max-width: 42rem;
    text-align: left;
}

.hero-section_sin .hero-section-title,
.about-hero-title,
.career-hero-title {
    text-align: left;
}

.boxed-content-title h3,
.list-main-wrap-title h2,
.fw_car_title h3,
.section-title h2 {
    font-size: clamp(1.25rem, 2vw, 1.65rem) !important;
    line-height: 1.3 !important;
    text-align: left;
}

.section-title h4,
.fw_car_title p,
.list-main-wrap-title span {
    font-size: 0.98rem !important;
    line-height: 1.55 !important;
}

/* Testimonials: title + subtitle stacked professionally */
.testimonials-section-title {
    text-align: left !important;
    margin-bottom: 28px !important;
    max-width: 640px;
}

.testimonials-section-title h2 {
    text-align: left !important;
    margin: 0 0 10px !important;
    padding-bottom: 0 !important;
}

.testimonials-section-title h2:before,
.testimonials-section-title h2:after {
    display: none !important;
}

.testimonials-section-title h4 {
    display: block !important;
    position: relative !important;
    margin: 0 !important;
    padding: 0 0 0 14px !important;
    text-align: left !important;
    text-transform: none !important;
    font-size: 1rem !important;
    font-weight: 500 !important;
    letter-spacing: 0.01em !important;
    line-height: 1.5 !important;
    color: #5e646a !important;
    border-left: 3px solid var(--main-color);
}

.testimonials-section-title h4:before,
.testimonials-section-title h4:after {
    display: none !important;
}

.boxed-content-item,
.boxed-content-item p,
.blog-content,
.blog-content p,
.about-copy,
.about-copy p,
.career-description,
.career-description p {
    font-size: 1rem !important;
    line-height: 1.7 !important;
    text-align: left;
    color: #3f4650;
}

.blog-content h2,
.blog-content h3,
.blog-content h4,
.career-description h2,
.career-description h3,
.career-description h4,
.about-copy h2,
.about-copy h3,
.about-copy h4 {
    text-align: left;
    color: #1f2933;
    line-height: 1.35;
    margin: 1.25rem 0 0.65rem;
}

.blog-content ul,
.career-description ul,
.about-copy ul {
    padding-left: 1.2rem;
    margin: 0.75rem 0 1rem;
    text-align: left;
}

.blog-content li,
.career-description li,
.about-copy li {
    margin-bottom: 0.45rem;
    line-height: 1.6;
}

.post-item_content h3,
.geodir-category-content h3,
.listing-item h3 {
    font-size: 1.15rem !important;
    line-height: 1.35 !important;
    text-align: left;
}

.post-item_content p,
.geodir-category-content p {
    font-size: 0.95rem !important;
    line-height: 1.55 !important;
    text-align: left;
}

.about-title h2 {
    font-size: clamp(1.5rem, 2.4vw, 2rem) !important;
    text-align: left !important;
}

.about-title h4 {
    font-size: 1.05rem !important;
    line-height: 1.5 !important;
    text-align: left !important;
    margin-bottom: 1rem;
}

.inline-facts h6 {
    font-size: 0.92rem !important;
    line-height: 1.4 !important;
}

.inline-facts .num {
    font-size: clamp(1.8rem, 3vw, 2.6rem) !important;
}

/* =========================================
   ABOUT PAGE
========================================= */
.about-page .about-copy,
.about-page .about-section-heading,
.about-page .about-title,
.about-page .about-team-heading,
.about-page .fw_car_title,
.about-page .agent-bg-section .fw_car_title h3,
.about-page .agent-bg-section .fw_car_title p {
    text-align: left !important;
}

.about-page .about-copy p,
.about-page .about-section-heading p,
.about-page .about-value-card p,
.about-page .about-timeline-item p,
.about-page .about-team-heading p,
.about-page .about-copy li {
    text-align: justify !important;
    text-justify: inter-word;
    hyphens: auto;
}

.about-page .about-copy h2,
.about-page .about-copy h3,
.about-page .about-copy h4,
.about-page .about-section-heading h2,
.about-page .about-title h2,
.about-page .about-title h4,
.about-page .about-value-card h4,
.about-page .about-timeline-item h4,
.about-page .about-team-heading h2,
.about-page .about-team-card__meta h3,
.about-page .about-team-card__meta p,
.about-page .about-stat-card h6 {
    text-align: left !important;
}

.about-section-heading {
    margin-bottom: 1.5rem;
}

.about-section-heading h2 {
    font-size: clamp(1.4rem, 2.2vw, 1.85rem);
    margin-bottom: 0.5rem;
    color: #12263a;
    text-align: left;
}

.about-section-heading p {
    margin: 0;
    max-width: 46rem;
    color: #5e646a;
}

.about-section-block {
    margin-top: 28px;
}

.about-cta-btn {
    margin-top: 28px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

/* Story / CEO — portrait left, copy right, moderated image height */
.about-story-section {
    position: relative;
}

.about-story-row {
    align-items: center !important;
}

.about-story-copy {
    display: flex;
    flex-direction: column;
    justify-content: center;
    min-width: 0;
    padding-left: 0.25rem;
}

.about-story-copy .about-title.ab-hero2 h2 {
    margin-bottom: 0.35rem !important;
    letter-spacing: -0.01em;
}

.about-story-copy .about-title.ab-hero2 h4 {
    margin-bottom: 1.35rem !important;
    padding-bottom: 0.35rem;
    font-weight: 500 !important;
    color: #5c6763 !important;
}

.about-story-copy .about-title.ab-hero2 h4:before,
.about-story-copy .about-title.ab-hero2 h4:after {
    bottom: -12px !important;
}

.about-story-copy .about-copy p {
    margin-bottom: 0.95rem;
    line-height: 1.75;
    color: #2f3b38;
}

.about-story-copy .about-cta-btn {
    align-self: flex-start;
    margin-top: 8px;
    min-width: 220px;
}

.about-story-media {
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 0;
}

.about-story-image.about-img,
.about-story-image.ab_i2 {
    position: relative;
    flex: 0 1 auto;
    width: 100%;
    max-width: 420px;
    height: auto;
    aspect-ratio: 4 / 5;
    max-height: 420px;
    min-height: 0;
    padding-left: 0 !important;
    margin: 0 auto;
    overflow: hidden;
    border-radius: 18px;
    background: #e8eeec;
    box-shadow: 0 14px 36px rgba(15, 65, 59, 0.12);
}

.about-story-image img {
    position: absolute;
    inset: 0;
    width: 100% !important;
    height: 100% !important;
    max-height: none !important;
    object-fit: cover;
    object-position: center top;
    border-radius: 18px !important;
    z-index: 1;
}

.about-story-image .ab_img_wideo_wrap {
    z-index: 3;
    width: auto;
    max-width: calc(100% - 24px);
    right: 12px;
    bottom: 12px;
    left: auto;
    padding: 10px 16px;
    border-radius: 12px;
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.2);
}

.about-story-image .video-link {
    display: inline-flex !important;
    align-items: center !important;
    gap: 10px;
    height: auto !important;
    min-height: 42px;
    line-height: 1.2 !important;
    padding: 0 4px 0 0 !important;
}

.about-story-image .video-link i {
    position: static !important;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    margin: 0 !important;
    border-radius: 50%;
    background: #0F413B;
    color: #fff !important;
    line-height: 1 !important;
}

.about-story-image .video-link span {
    color: #fff;
    white-space: nowrap;
}

@media (min-width: 992px) {
    .about-story-media {
        padding-right: 0.75rem;
        justify-content: flex-start;
    }

    .about-story-image.about-img,
    .about-story-image.ab_i2 {
        margin: 0;
        max-width: 100%;
        max-height: 400px;
        aspect-ratio: 4 / 5;
    }

    .about-story-copy {
        padding-left: 0.75rem;
    }
}

@media (max-width: 991.98px) {
    .about-story-media {
        order: -1;
    }

    .about-story-image.about-img,
    .about-story-image.ab_i2 {
        max-width: 320px;
        max-height: 360px;
        aspect-ratio: 4 / 5;
        margin: 0 auto 0.5rem;
    }

    .about-story-copy .about-cta-btn {
        width: 100%;
        max-width: 320px;
    }
}

@media (max-width: 575.98px) {
    .about-story-image.about-img,
    .about-story-image.ab_i2 {
        max-width: 280px;
        max-height: 320px;
    }
}

/* Stats — icon left, text left, no absolute overlap */
.about-stats-row {
    margin-top: 18px;
}

.about-page .about-stat-card.inline-facts,
.about-page .inline-facts.about-stat-card {
    display: flex !important;
    align-items: flex-start;
    gap: 14px;
    margin-top: 12px;
    padding: 20px 18px !important;
    text-align: left !important;
    overflow: visible;
}

.about-page .about-stat-card.inline-facts:before,
.about-page .inline-facts.about-stat-card:before {
    display: none !important;
    content: none !important;
}

.about-page .about-stat-card > i,
.about-page .about-stat-card.inline-facts > i {
    display: none !important;
}

.about-stat-card__icon {
    flex: 0 0 auto;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 48px;
    height: 48px;
    border-radius: 12px;
    background: #eef5f3;
    border: 1px solid #dce8e4;
    color: #0F413B;
}

.about-stat-card__icon i {
    position: static !important;
    top: auto !important;
    right: auto !important;
    left: auto !important;
    transform: none !important;
    margin: 0 !important;
    font-size: 1.15rem !important;
    line-height: 1 !important;
    color: #0F413B !important;
}

.about-stat-card__body {
    flex: 1 1 auto;
    min-width: 0;
    text-align: left;
}

.about-stat-card__body .num {
    font-size: clamp(1.55rem, 2.4vw, 2.1rem) !important;
    line-height: 1.15 !important;
    color: #0F413B;
}

.about-stat-card__body h6 {
    margin: 0.35rem 0 0 !important;
    padding: 0 !important;
    font-size: 0.88rem !important;
    line-height: 1.4 !important;
    font-weight: 500;
    color: #5c6763;
    text-align: left !important;
}

.about-stat-card__body h6:before {
    display: none !important;
}

.about-timeline {
    display: grid;
    gap: 1.15rem;
}

.about-timeline-item {
    display: grid;
    grid-template-columns: 88px 1fr;
    gap: 1rem;
    align-items: start;
    padding: 1rem 1.15rem;
    background: #f8faf9;
    border-left: 3px solid var(--main-color);
    border-radius: 10px;
}

.about-timeline-year {
    font-weight: 700;
    color: var(--main-color);
    font-size: 0.95rem;
    text-align: left;
}

.about-timeline-item h4 {
    margin: 0 0 0.35rem;
    font-size: 1.05rem;
    text-align: left;
}

.about-timeline-item p {
    margin: 0;
}

.about-values-grid {
    margin-top: 0.5rem;
}

.about-value-card {
    height: 100%;
    padding: 1.25rem 1.35rem;
    background: #fff;
    border: 1px solid #e8eceb;
    border-radius: 12px;
    margin-bottom: 1rem;
    text-align: left;
}

.about-value-card h4 {
    margin: 0 0 0.5rem;
    font-size: 1.08rem;
    color: var(--main-color-dark);
    text-align: left;
}

.about-value-card p {
    margin: 0;
}

.about-projects-section .about-section-heading {
    margin-bottom: 1.25rem;
}

.about-projects-carousel {
    position: relative;
    margin: 0.25rem 0 0.5rem !important;
    padding-bottom: 8px !important;
}

.about-projects-carousel .single-carousel-wrap {
    overflow: hidden;
}

.about-projects-carousel .swiper-slide {
    height: auto;
}

.about-projects-carousel .listing-item,
.about-projects-carousel .geodir-category-listing {
    display: flex;
    flex-direction: column;
    height: 100%;
    width: 100%;
    float: none !important;
    background: #fff;
    border: 1px solid #e6ece9;
    border-radius: 16px;
    overflow: hidden;
    box-shadow: 0 10px 28px rgba(15, 65, 59, 0.06);
}

.about-projects-carousel .geodir-category-img {
    float: none !important;
    width: 100% !important;
    height: 200px !important;
    min-height: 200px !important;
    max-height: 200px !important;
    margin: 0 !important;
    position: relative;
}

.about-projects-carousel .geodir-category-img_item,
.about-projects-carousel .geodir-category-img .bg {
    height: 100% !important;
    min-height: 200px !important;
}

.about-projects-carousel .geodir-category-content {
    float: none !important;
    width: 100% !important;
    flex: 1 1 auto;
    display: flex;
    flex-direction: column;
    min-width: 0;
    padding: 14px 14px 8px !important;
}

.about-projects-carousel .geodir-category-content h3 {
    margin: 0 0 6px !important;
    font-size: 1.05rem !important;
    line-height: 1.3 !important;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.about-projects-carousel .geodir-category-content_price {
    margin-bottom: 8px !important;
    font-size: 0.82rem !important;
    font-weight: 600;
    color: #5c6763 !important;
}

.about-projects-carousel .geodir-category-content p {
    flex: 0 0 auto;
    margin: 0 0 12px !important;
    font-size: 0.86rem !important;
    line-height: 1.45 !important;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.about-projects-carousel .geodir-category-content p:after {
    content: none !important;
}

.about-projects-carousel .geodir-category-content-details {
    margin-top: auto;
    margin-bottom: 4px;
}

.about-projects-carousel .geodir-category-content-details ul {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin: 0;
    padding: 0;
    list-style: none;
}

.about-projects-carousel .geodir-category-content-details li {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    margin: 0 !important;
    padding: 6px 10px;
    border-radius: 999px;
    background: #f2f6f4;
    color: #3d4a46;
    font-size: 0.78rem;
    font-weight: 600;
}

.about-projects-carousel .geodir-category-footer {
    float: none !important;
    width: 100% !important;
    margin-top: auto !important;
}

.about-projects-carousel .ss-carousel-button-wrap {
    z-index: 3;
}

.about-section-actions {
    margin-top: 1.5rem;
    text-align: left;
}

@media (max-width: 991.98px) {
    .about-projects-carousel .geodir-category-img,
    .about-projects-carousel .geodir-category-img_item,
    .about-projects-carousel .geodir-category-img .bg {
        height: 180px !important;
        min-height: 180px !important;
        max-height: 180px !important;
    }
}

@media (max-width: 575.98px) {
    .about-projects-carousel .geodir-category-img,
    .about-projects-carousel .geodir-category-img_item,
    .about-projects-carousel .geodir-category-img .bg {
        height: 170px !important;
        min-height: 170px !important;
        max-height: 170px !important;
    }
}

/* Heads of Departments — left aligned */
.about-team-section .boxed-content-item {
    padding-top: 1.5rem;
    padding-bottom: 1.75rem;
}

.about-team-heading {
    text-align: left !important;
    max-width: 46rem;
    margin: 0 0 1.75rem;
}

.about-team-eyebrow {
    display: inline-block;
    margin-bottom: 0.65rem;
    color: var(--second-color, #D4A63A);
    font-size: 0.78rem;
    font-weight: 700;
    letter-spacing: 0.14em;
    text-transform: uppercase;
    text-align: left;
}

.about-team-heading h2 {
    margin: 0 0 0.85rem;
    color: #0F413B;
    font-family: Georgia, "Times New Roman", serif;
    font-size: clamp(1.75rem, 3vw, 2.45rem);
    font-weight: 700;
    line-height: 1.2;
    text-align: left !important;
}

.about-team-heading p {
    margin: 0;
    max-width: 40rem;
    color: #6b7280;
    font-size: 1rem;
    line-height: 1.7;
}

.about-team-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 1.35rem;
    align-items: start;
}

.about-team-card {
    text-align: left;
}

.about-team-card__photo {
    overflow: hidden;
    border-radius: 8px;
    background: #eceff1;
    aspect-ratio: 3 / 4;
}

.about-team-card__photo img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center top;
}

.about-team-card__meta {
    margin-top: 0.9rem;
    text-align: left;
}

.about-team-card__meta h3 {
    margin: 0 0 0.25rem;
    color: #0F413B;
    font-size: 1.05rem;
    font-weight: 700;
    line-height: 1.3;
    text-align: left !important;
}

.about-team-card__meta p {
    margin: 0;
    color: #6b7280;
    font-size: 0.9rem;
    line-height: 1.4;
    text-align: left !important;
}

.about-page .fw_car_title-wrap,
.about-page .fw_car_title {
    text-align: left !important;
}

@media (max-width: 991.98px) {
    .about-team-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 767.98px) {
    .about-timeline-item {
        grid-template-columns: 72px 1fr;
        gap: 0.75rem;
        padding: 0.85rem 0.9rem;
    }
}

@media (max-width: 575.98px) {
    .about-team-grid {
        grid-template-columns: 1fr;
        max-width: 320px;
        margin: 0;
    }
}

/* =========================================
   CAREER DETAIL
========================================= */
.career-hero-badges {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    margin-bottom: 0.85rem;
}

.career-hero-badges span {
    display: inline-flex;
    align-items: center;
    padding: 0.35rem 0.75rem;
    border-radius: 999px;
    background: rgba(243, 243, 243, 0.16);
    border: 1px solid rgba(243, 243, 243, 0.35);
    color: #f3f3f3;
    font-size: 0.78rem;
    font-weight: 600;
    letter-spacing: 0.03em;
    text-transform: uppercase;
}

.career-hero-sep {
    display: block;
    margin-top: 0.45rem;
    opacity: 0.92;
}

.career-facts.ps-facts-wrapper {
    margin-bottom: 1.25rem !important;
}

.career-offer-list {
    list-style: none;
    padding: 0;
    margin: 0;
}

.career-offer-list li {
    position: relative;
    padding-left: 1.4rem;
    margin-bottom: 0.7rem;
    text-align: left;
}

.career-offer-list li:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0.55rem;
    width: 0.5rem;
    height: 0.5rem;
    border-radius: 50%;
    background: var(--main-color);
}

.career-related-list {
    display: grid;
    gap: 0.75rem;
}

.career-related-item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: 0.95rem 1.05rem;
    border: 1px solid #e7eceb;
    border-radius: 12px;
    text-decoration: none;
    color: inherit;
    transition: 0.2s ease;
}

.career-related-item:hover {
    border-color: var(--main-color-light);
    background: #f8faf9;
}

.career-related-item strong {
    display: block;
    font-size: 1rem;
    margin-bottom: 0.2rem;
    color: #12263a;
}

.career-related-item span {
    font-size: 0.88rem;
    color: #65707a;
}

.career-apply-intro {
    margin-bottom: 1rem !important;
    color: #5e646a !important;
}

.career-alert {
    padding: 12px 16px;
    border-radius: 8px;
    margin-bottom: 16px;
    text-align: left;
}

.career-alert-success {
    background: #dce8e6;
    color: #0F413B;
}

.career-alert-danger {
    background: #f8d7da;
    color: #842029;
}

.career-alert ul {
    margin: 0;
    padding-left: 18px;
}

/* Career apply form: number/url/date must match text/email field chrome */
.career-apply-card .custom-form input[type="number"],
.career-apply-card .custom-form input[type="url"],
.career-apply-card .custom-form input[type="tel"],
.career-apply-card .custom-form input[type="date"] {
    border: 1px solid #eee;
    background: #f9f9f9;
    box-shadow: none;
    height: 56px;
    width: 100%;
    padding: 17px 20px 17px 50px;
    border-radius: 4px;
    color: #222;
    font-size: 12px;
    -webkit-appearance: none;
    appearance: none;
    outline: none;
    overflow: hidden;
    font-family: var(--main-font);
    font-weight: 500;
}

.career-apply-card .custom-form input[type="number"]:focus,
.career-apply-card .custom-form input[type="url"]:focus,
.career-apply-card .custom-form input[type="tel"]:focus,
.career-apply-card .custom-form input[type="date"]:focus {
    background: #fff;
    box-shadow: 0 10px 14px 0 rgba(12, 0, 46, 0.04);
}

.career-apply-card .custom-form input[type="number"]::-webkit-input-placeholder,
.career-apply-card .custom-form input[type="url"]::-webkit-input-placeholder,
.career-apply-card .custom-form input[type="tel"]::-webkit-input-placeholder {
    color: #666;
    font-size: 0.95em;
    font-family: var(--main-font);
}

.career-apply-card .custom-form .row {
    --bs-gutter-x: 0.75rem;
    margin-left: calc(var(--bs-gutter-x) * -0.5);
    margin-right: calc(var(--bs-gutter-x) * -0.5);
}

.career-apply-card .custom-form .row > [class*="col-"] {
    padding-left: calc(var(--bs-gutter-x) * 0.5);
    padding-right: calc(var(--bs-gutter-x) * 0.5);
}

.career-apply-card .cs-intputwrap i {
    pointer-events: none;
}

.career-apply-card .commentssubmit {
    background: #0F413B !important;
    color: #fff !important;
    border: none !important;
}

.career-apply-card .commentssubmit:hover {
    background: #0a2d29 !important;
    color: #fff !important;
}

/* =========================================
   BLOG DETAIL
========================================= */
.blog-detail-image {
    width: 100%;
    border-radius: 14px;
    margin-bottom: 1.25rem;
}

.blog-meta-bar {
    display: flex;
    flex-wrap: wrap;
    gap: 0.85rem 1.25rem;
    margin-bottom: 1.25rem;
    padding-bottom: 1rem;
    border-bottom: 1px solid #eceff1;
    color: #65707a;
    font-size: 0.92rem;
    text-align: left;
}

.blog-meta-bar i {
    margin-right: 0.35rem;
    color: var(--main-color);
}

.blog-like-wrap {
    margin-top: 1.75rem;
    padding-top: 1.25rem;
    border-top: 1px solid #eceff1;
}

.blog-like-btn {
    display: inline-flex !important;
    align-items: center;
    gap: 0.55rem;
    width: auto !important;
    min-width: 160px;
}

.blog-like-btn.is-liked {
    background: var(--main-color) !important;
    border-color: var(--main-color) !important;
}

.blog-comments-section {
    margin-top: 24px;
}

.blog-no-comments {
    margin-bottom: 1.25rem !important;
}

.blog-comment-form {
    margin-top: 1.75rem;
    padding-top: 1.25rem;
    border-top: 1px solid #eceff1;
}

.blog-comment-form h4 {
    margin-bottom: 1rem;
    font-size: 1.15rem;
    text-align: left;
}

.comments-item-footer p {
    margin: 0 0 0.65rem;
    text-align: left;
}

.comments-date {
    font-size: 0.82rem;
    color: #7a8490;
}

@media (max-width: 767px) {
    .about-timeline-item {
        grid-template-columns: 1fr;
        gap: 0.35rem;
    }

    .hero-section_sin .hero-section-title h2,
    .hsc_flat .hero-section-title h2 {
        font-size: 1.7rem !important;
    }

    .career-related-item {
        align-items: flex-start;
    }
}

/* =========================================
   LISTING GALLERY — professional controls
========================================= */

.listing-gallery.fw-carousel-container {
    margin-bottom: 10px;
}

/* Professional full-bleed listing media hero */
.listing-gallery {
    position: relative;
    width: 100%;
    margin: 0 0 28px;
    background: #0a2d29;
}

.listing-gallery__stage {
    position: relative;
    width: 100%;
    overflow: hidden;
}

.listing-gallery .fw-carousel-wrap {
    background: transparent;
    border: 0;
    border-radius: 0;
    padding: 0;
    margin: 0;
}

.listing-gallery .fw-carousel {
    border-radius: 0;
    background: #0a2d29;
    height: var(--linkers-hero-height);
}

.listing-gallery .fw-carousel .swiper-container,
.listing-gallery .fw-carousel .swiper-wrapper,
.listing-gallery .fw-carousel .swiper-slide {
    height: 100%;
}

.listing-gallery .fw-carousel .swiper-slide {
    width: 100% !important;
    margin: 0 !important;
    border-radius: 0;
    overflow: hidden;
}

.listing-gallery .fw-carousel .swiper-slide img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover;
    object-position: center;
    display: block;
}

.listing-gallery .slider-button {
    display: flex !important;
    align-items: center;
    justify-content: center;
    width: 48px;
    height: 48px;
    line-height: 1;
    margin-top: -24px;
    border: 0;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.92) !important;
    color: #0F413B !important;
    box-shadow: 0 10px 28px rgba(0, 0, 0, 0.28);
    cursor: pointer;
    z-index: 5;
}

.listing-gallery .slider-button i,
.listing-gallery .slider-button .fa-solid {
    color: #0F413B !important;
    font-size: 0.95rem;
    line-height: 1;
}

.listing-gallery .slider-button:hover {
    background: #fff !important;
    color: #0a2d29 !important;
}

.listing-gallery .fwc-controls_wrap {
    bottom: 92px;
    z-index: 5;
}

.listing-gallery .box-media-zoom {
    display: flex !important;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    line-height: 1;
    top: 18px;
    right: 18px;
    border-radius: 50%;
    background: rgba(15, 65, 59, 0.82) !important;
    color: #fff !important;
    border: 1px solid rgba(255, 255, 255, 0.35);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.25);
    opacity: 0.92;
    transform: scale(1);
    backdrop-filter: blur(4px);
}

.listing-gallery .box-media-zoom i {
    color: #fff !important;
    font-size: 0.9rem;
}

.listing-gallery .hov_zoom:hover .box-media-zoom {
    background: #0F413B !important;
    opacity: 1;
    transform: scale(1.04);
}

.listing-gallery__caption {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 4;
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 16px;
    padding: 28px clamp(16px, 4vw, 48px) 22px;
    background: linear-gradient(180deg, rgba(10, 45, 41, 0) 0%, rgba(10, 45, 41, 0.78) 55%, rgba(10, 45, 41, 0.92) 100%);
    color: #fff;
    pointer-events: none;
}

.listing-gallery__caption-inner {
    min-width: 0;
    max-width: min(720px, 100%);
}

.listing-gallery__title {
    margin: 0 0 6px;
    color: #fff !important;
    font-size: clamp(1.35rem, 2.4vw, 2rem);
    font-weight: 700;
    line-height: 1.2;
    letter-spacing: -0.01em;
}

.listing-gallery__text {
    margin: 0;
    color: rgba(255, 255, 255, 0.88) !important;
    font-size: 0.95rem;
    line-height: 1.5;
    max-width: 54ch;
}

.listing-gallery__meta {
    margin-top: 10px;
    color: #D4A63A;
    font-size: 0.88rem;
    font-weight: 700;
    letter-spacing: 0.02em;
}

.listing-gallery__count {
    flex: 0 0 auto;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 8px 12px;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.12);
    border: 1px solid rgba(255, 255, 255, 0.2);
    color: #fff;
    font-size: 0.8rem;
    font-weight: 600;
    backdrop-filter: blur(4px);
    margin-bottom: 4px;
}

.listing-gallery.is-single-gallery .fw-carousel {
    height: var(--linkers-hero-height);
}

.listing-gallery.is-single-gallery .fw-carousel-button-prev,
.listing-gallery.is-single-gallery .fw-carousel-button-next,
.listing-gallery.is-single-gallery .fwc-controls_wrap {
    display: none !important;
}

@media (max-width: 767px) {
    .listing-gallery {
        margin-bottom: 18px;
    }

    .listing-gallery .fw-carousel,
    .listing-gallery.is-single-gallery .fw-carousel {
        height: var(--linkers-hero-height-mobile);
    }

    .listing-gallery__caption {
        flex-direction: column;
        align-items: flex-start;
        padding: 48px 16px 16px;
        gap: 10px;
    }

    .listing-gallery__title {
        font-size: 1.25rem;
    }

    .listing-gallery__text {
        font-size: 0.88rem;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
    }

    .listing-gallery .fwc-controls_wrap {
        bottom: 118px;
    }

    .listing-gallery .box-media-zoom {
        top: 12px;
        right: 12px;
        width: 40px;
        height: 40px;
    }

    .listing-gallery .slider-button {
        width: 40px;
        height: 40px;
        margin-top: -20px;
    }

    .listing-gallery .fw-carousel-button-prev {
        left: 12px;
    }

    .listing-gallery .fw-carousel-button-next {
        right: 12px;
    }
}

/* =========================================
   MEET OUR AGENTS — professional carousel
========================================= */

.agent-bg-section {
    position: relative;
    padding: 24px 24px 0 !important;
    background: transparent !important;
    overflow: visible !important;
}

.agent-bg-section .agnet-carousel-wrap {
    position: relative;
    padding: 24px 24px 24px 420px !important;
    border-radius: 20px !important;
    background: #f4f7f6 !important;
    border: 1px solid #e4ebe8 !important;
    overflow: hidden;
}

.agent-bg-section .fw_car_title-wrap {
    position: absolute !important;
    top: 48px !important;
    left: 48px !important;
    bottom: 48px !important;
    width: 360px !important;
    z-index: 12;
    display: flex !important;
    flex-direction: column !important;
    justify-content: space-between !important;
    padding: 36px 32px 28px !important;
    background: #fff !important;
    border: 1px solid #e4ebe8 !important;
    border-radius: 18px !important;
    box-shadow: 0 16px 40px rgba(15, 65, 59, 0.08);
}

.agent-bg-section .fw_car_title {
    position: static !important;
    top: auto !important;
    transform: none !important;
    text-align: left !important;
}

.agent-bg-section .fw_car_title h3 {
    position: relative;
    margin: 0 0 14px !important;
    padding-top: 18px;
    font-size: clamp(1.65rem, 2.4vw, 2.15rem) !important;
    font-weight: 700 !important;
    line-height: 1.2 !important;
    letter-spacing: -0.02em;
    color: #132925 !important;
}

.agent-bg-section .fw_car_title h3:before {
    content: '';
    position: absolute;
    top: 0 !important;
    left: 0;
    width: 40px;
    height: 2px;
    background: #0F413B !important;
}

.agent-bg-section .fw_car_title p {
    margin: 0 !important;
    max-width: 18rem;
    font-size: 0.95rem !important;
    line-height: 1.65 !important;
    color: #5c6763 !important;
}

.agent-bg-section .agent-carousel_controls {
    position: static !important;
    left: auto !important;
    bottom: auto !important;
    height: auto !important;
    margin: 28px 0 0 !important;
    padding: 0 !important;
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    display: flex !important;
    align-items: center;
    gap: 10px;
    float: none !important;
}

.agent-bg-section .ac-button {
    float: none !important;
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    width: 44px !important;
    height: 44px !important;
    margin: 0 !important;
    border-radius: 50% !important;
    background: #0F413B !important;
    color: #fff !important;
    border: 0 !important;
    box-shadow: 0 8px 18px rgba(15, 65, 59, 0.22);
    cursor: pointer;
}

.agent-bg-section .ac-button i {
    color: #fff !important;
    font-size: 0.85rem;
}

.agent-bg-section .ac-button:hover {
    background: #0a2d29 !important;
    color: #fff !important;
}

.agent-bg-section .agnet-carousel .swiper-wrapper {
    align-items: stretch;
}

.agent-bg-section .agnet-carousel .swiper-slide {
    height: auto;
    display: flex;
}

.agent-bg-section .agent-card-item {
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 100%;
    overflow: hidden;
    background: #fff;
    border: 1px solid #e4ebe8;
    border-radius: 18px;
    box-shadow: 0 10px 28px rgba(15, 65, 59, 0.06);
    transition: box-shadow 0.25s ease, transform 0.25s ease;
}

.agent-bg-section .agent-card-item:hover {
    box-shadow: 0 16px 36px rgba(15, 65, 59, 0.1);
    transform: translateY(-2px);
}

.agent-bg-section .agent-card-item_top {
    display: flex;
    align-items: stretch;
    gap: 14px;
    flex: 1 1 auto;
    min-height: 0;
    padding: 14px 14px 0;
}

.agent-bg-section .agent-card-item_media {
    display: block;
    flex: 0 0 42%;
    max-width: 148px;
    padding: 0 !important;
    text-decoration: none;
}

.agent-bg-section .agent-card-item_media-wrap {
    position: relative;
    overflow: hidden;
    border-radius: 14px;
    aspect-ratio: 4 / 5;
    width: 100%;
    max-height: 180px;
    height: auto;
    box-shadow: none !important;
    background: #dfe8e5;
}

.agent-bg-section .agent-card-item_media-wrap img {
    position: absolute;
    inset: 0;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover;
    object-position: center top;
    display: block;
    transition: transform 0.35s ease;
}

.agent-bg-section .agent-card-item:hover .agent-card-item_media-wrap img {
    transform: scale(1.04);
}

.agent-bg-section .agent-card-item_text {
    flex: 1 1 auto;
    min-width: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 4px 4px 4px 0 !important;
    text-align: left;
}

.agent-bg-section .agent-card-item_text h4 {
    margin: 0 0 6px !important;
    padding: 0 !important;
    border: 0 !important;
    font-size: 1.08rem !important;
    font-weight: 700 !important;
    line-height: 1.3 !important;
    color: #132925 !important;
}

.agent-bg-section .agent-card-item_text h4:before {
    display: none !important;
}

.agent-bg-section .agent-card-item_text h4 a {
    color: inherit !important;
    text-decoration: none;
}

.agent-bg-section .agent-card-item_text h4 a:hover {
    color: #0F413B !important;
}

.agent-bg-section .agent-card-role {
    margin: 0 0 12px !important;
    font-size: 0.86rem !important;
    line-height: 1.4 !important;
    color: #6a7370 !important;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.agent-bg-section .agent-card-meta {
    display: inline-flex;
    align-items: center;
    align-self: flex-start;
    gap: 7px;
    margin-top: auto;
    padding: 6px 11px;
    border-radius: 999px;
    background: #eef4f2;
    color: #2f433f;
    font-size: 0.76rem;
    font-weight: 600;
    line-height: 1.2;
}

.agent-bg-section .agent-card-meta i {
    color: #0F413B;
    font-size: 0.8rem;
}

.agent-bg-section .agent-card-item_footer {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 10px;
    margin-top: auto;
    padding: 14px 14px 14px !important;
    position: relative !important;
    z-index: 2;
}

.agent-bg-section .agent-card-item_footer:before {
    display: none !important;
}

.agent-bg-section .agent-card-item_footer .post-card_link {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    gap: 0.4rem;
    min-height: 40px;
    padding: 0 16px !important;
    margin: 0 !important;
    border-radius: 10px !important;
    background: #0F413B !important;
    border: 1px solid #0F413B !important;
    color: #fff !important;
    font-size: 0.72rem !important;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    text-decoration: none;
    box-shadow: none !important;
}

.agent-bg-section .agent-card-item_footer .post-card_link i {
    color: #fff !important;
    margin: 0 !important;
}

.agent-bg-section .agent-card-item_footer .post-card_link:hover {
    background: #0a2d29 !important;
    border-color: #0a2d29 !important;
    color: #fff !important;
}

.agent-bg-section .agent-card-item_footer .pcl_btn {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    float: none !important;
    position: static !important;
    width: 40px !important;
    height: 40px !important;
    margin: 0 !important;
    line-height: 1 !important;
    border-radius: 50% !important;
    border: 1px solid #d5e0dc !important;
    background: #fff !important;
    box-shadow: none !important;
    text-decoration: none;
}

.agent-bg-section .agent-card-item_footer .pcl_btn i {
    line-height: 1 !important;
    margin: 0 !important;
    color: #0F413B !important;
    font-size: 0.9rem !important;
}

.agent-bg-section .agent-card-item_footer .pcl_btn:hover {
    border-color: #0F413B !important;
    background: #eef4f2 !important;
}

@media (max-width: 1199.98px) {
    .agent-bg-section .agnet-carousel-wrap {
        padding: 20px 20px 20px 340px !important;
    }

    .agent-bg-section .fw_car_title-wrap {
        width: 300px !important;
        left: 40px !important;
        top: 40px !important;
        bottom: 40px !important;
        padding: 28px 24px 22px !important;
    }

    .agent-bg-section .agent-card-item_media {
        max-width: 132px;
    }

    .agent-bg-section .agent-card-item_media-wrap {
        max-height: 160px;
    }
}

@media (max-width: 991.98px) {
    .agent-bg-section {
        padding: 16px 16px 0 !important;
    }

    .agent-bg-section .agnet-carousel-wrap {
        padding: 16px !important;
    }

    .agent-bg-section .fw_car_title-wrap {
        position: relative !important;
        top: auto !important;
        left: auto !important;
        bottom: auto !important;
        width: 100% !important;
        margin: 0 0 16px !important;
        padding: 24px 22px 20px !important;
        min-height: 0;
    }

    .agent-bg-section .agent-carousel_controls {
        margin-top: 18px !important;
    }

    .agent-bg-section .agent-card-item_media {
        max-width: 140px;
        flex-basis: 40%;
    }

    .agent-bg-section .agent-card-item_media-wrap {
        max-height: 170px;
        aspect-ratio: 4 / 5;
    }
}

@media (max-width: 575.98px) {
    .agent-bg-section {
        padding: 12px 12px 0 !important;
    }

    .agent-bg-section .agent-card-item_top {
        padding: 12px 12px 0;
        gap: 12px;
    }

    .agent-bg-section .agent-card-item_media {
        max-width: 112px;
    }

    .agent-bg-section .agent-card-item_media-wrap {
        max-height: 140px;
    }

    .agent-bg-section .agent-card-item_text h4 {
        font-size: 0.98rem !important;
    }

    .agent-bg-section .agent-card-item_footer {
        padding: 12px !important;
    }
}

/* =========================================
   SITEWIDE QA POLISH
========================================= */

.to-top_btn i {
    background: #0F413B !important;
    color: #fff !important;
}

.to-top_btn:hover i {
    background: #0a2d29 !important;
    color: #fff !important;
}

.csc-button,
.tc-button,
.ac-button {
    display: flex !important;
    align-items: center;
    justify-content: center;
    background: #0F413B !important;
    color: #fff !important;
}

.csc-button i,
.tc-button i,
.ac-button i {
    color: #fff !important;
}

.csc-button:hover,
.tc-button:hover,
.ac-button:hover {
    background: #0a2d29 !important;
    color: #fff !important;
}

.city-carousel_controls {
    background: #0F413B !important;
}

.map-modal #modalMap,
.map-modal #listingMap {
    width: 100%;
    height: 100%;
}

.commentssubmit,
.commentssubmit_fw,
.lsd-btn {
    background: #0F413B !important;
    color: #fff !important;
    border-radius: 8px !important;
}

.commentssubmit i,
.commentssubmit_fw i,
.lsd-btn i {
    color: #fff !important;
}

.commentssubmit:hover,
.commentssubmit_fw:hover,
.lsd-btn:hover {
    background: #0a2d29 !important;
    color: #fff !important;
    border-radius: 8px !important;
}

.custom-form input[type="number"],
.custom-form input[type="url"],
.custom-form input[type="tel"],
.custom-form input[type="date"],
.custom-form select {
    border: 1px solid #eee;
    background: #f9f9f9;
    box-shadow: none;
    height: 56px;
    width: 100%;
    padding: 17px 20px 17px 50px;
    border-radius: 4px;
    color: #222;
    font-size: 12px;
    -webkit-appearance: none;
    appearance: none;
    outline: none;
    font-family: var(--main-font);
    font-weight: 500;
}

.custom-form select {
    cursor: pointer;
    background-image: linear-gradient(45deg, transparent 50%, #0F413B 50%), linear-gradient(135deg, #0F413B 50%, transparent 50%);
    background-position: calc(100% - 22px) calc(1.1em + 2px), calc(100% - 16px) calc(1.1em + 2px);
    background-size: 6px 6px, 6px 6px;
    background-repeat: no-repeat;
}

.custom-form input[type="number"]:focus,
.custom-form input[type="url"]:focus,
.custom-form input[type="tel"]:focus,
.custom-form input[type="date"]:focus,
.custom-form select:focus {
    background-color: #fff;
    box-shadow: 0 10px 14px 0 rgba(12, 0, 46, 0.04);
}

.listing-grid .listing-grid-item {
    display: flex;
    align-items: stretch;
}

.listing-grid .listing-item,
.listing-grid .geodir-category-listing {
    display: flex;
    flex-direction: column;
    height: auto;
    width: 100%;
    box-sizing: border-box;
}

.listing-grid .geodir-category-content {
    flex: 0 0 auto;
    display: flex;
    flex-direction: column;
}

.listing-grid .geodir-category-content h3 {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    overflow: hidden;
    min-height: 0;
}

.listing-grid .geodir-category-content p,
.listing-grid .listing-card__excerpt {
    flex: 0 0 auto;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    line-clamp: 3;
    overflow: hidden;
    min-height: 0;
    max-height: 4.95em;
    margin-bottom: 14px;
    word-break: normal;
    overflow-wrap: break-word;
}

.listing-grid .geodir-category-content p:after,
.listing-grid .listing-card__excerpt:after {
    content: none !important;
    display: none !important;
}

.listing-grid .geodir-category-content-details {
    margin-top: 0;
}

.listing-grid .geodir-category-footer,
.listing-related-carousel .geodir-category-footer,
.geodir-category-footer {
    margin-top: auto;
    flex: 0 0 auto;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 10px;
    position: relative !important;
    float: none !important;
    width: 100% !important;
    padding: 12px 14px !important;
    box-sizing: border-box;
    clear: both;
}

.listing-grid .geodir-category-footer .gcf-company,
.listing-related-carousel .geodir-category-footer .gcf-company,
.geodir-category-footer .gcf-company {
    float: none !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px;
    min-width: 0;
    flex: 1 1 auto;
    max-width: none;
    margin: 0 !important;
    margin-right: auto !important;
    text-decoration: none;
    color: #1a2e2b !important;
    font-weight: 600;
    line-height: 1.25 !important;
    text-align: left !important;
}

.geodir-category-footer .gcf-company img {
    float: none !important;
    flex-shrink: 0;
    width: 36px;
    height: 36px;
    margin: 0 !important;
}

.geodir-category-footer .gcf-company span {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    line-height: 1.25 !important;
}

/* View Details — always flush right */
.listing-grid .geodir-category-footer .gid_link,
.listing-related-carousel .geodir-category-footer .gid_link,
.geodir-category-footer .gid_link,
.gid_link {
    position: static !important;
    bottom: auto !important;
    right: auto !important;
    left: auto !important;
    float: none !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex: 0 0 auto;
    margin: 0 0 0 auto !important;
    gap: 6px;
    min-height: 36px;
    padding: 8px 12px !important;
    line-height: 1.2 !important;
    text-align: center !important;
    text-decoration: none !important;
    text-transform: uppercase;
    font-size: 0.72rem !important;
    font-weight: 700 !important;
    letter-spacing: 0.02em;
    color: #fff !important;
    background: #0F413B !important;
    border: 1px solid #0F413B !important;
    border-radius: 999px !important;
    box-sizing: border-box;
    white-space: nowrap;
}

.geodir-category-footer .gid_link span,
.geodir-category-footer .gid_link i,
.gid_link span,
.gid_link i {
    color: #fff !important;
    line-height: 1 !important;
    position: static !important;
    margin: 0 !important;
}

.geodir-category-footer .gid_link:hover,
.gid_link:hover {
    background: #0a2d29 !important;
    border-color: #0a2d29 !important;
    color: #fff !important;
}

.geodir-category-footer .gid_link:hover span,
.geodir-category-footer .gid_link:hover i,
.gid_link:hover span,
.gid_link:hover i {
    color: #fff !important;
}

/* Listing cards — full description, CTA after text, professional contact */
.listing-card,
.listing-card.geodir-category-listing,
.fw-listing-item .listing-card,
.fw-listing-item .listing-card.geodir-category-listing {
    display: flex !important;
    flex-direction: column;
    float: none !important;
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    min-height: 0;
    overflow: visible !important;
}

.listing-card .geodir-category-img,
.fw-listing-item .listing-card .geodir-category-img {
    float: none !important;
    width: 100% !important;
    max-width: 100% !important;
    border-radius: 20px 20px 0 0 !important;
    overflow: hidden;
}

.listing-card .geodir-category-img_item,
.fw-listing-item2 .listing-card .geodir-category-img_item {
    height: 220px;
}

.listing-card .geodir-category-content,
.fw-listing-item .listing-card .geodir-category-content,
.two-columns-grid.fw-listing-item.fw-listing-item2 .listing-card .geodir-category-content {
    display: flex !important;
    flex-direction: column;
    align-items: flex-start;
    float: none !important;
    width: 100% !important;
    max-width: 100% !important;
    flex: 0 0 auto;
    overflow: visible !important;
    padding: 18px 18px 12px !important;
    border: none !important;
}

.listing-card .geodir-category-content h3 {
    display: -webkit-box !important;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2 !important;
    line-clamp: 2 !important;
    margin: 0 0 6px !important;
    padding-right: 0 !important;
    min-height: 0 !important;
    overflow: hidden !important;
    white-space: normal !important;
    word-break: normal;
    overflow-wrap: break-word;
    hyphens: none;
}

.listing-card .geodir-category-content h3:before {
    display: none !important;
}

.listing-card .geodir-category-content_price {
    margin: 0 0 10px !important;
    font-weight: 700;
    color: #132925 !important;
}

.listing-card .listing-card__excerpt,
.listing-card .geodir-category-content p,
.fw-listing-item .listing-card .listing-card__excerpt,
.listing-related-carousel .listing-card .listing-card__excerpt {
    flex: 0 0 auto !important;
    display: -webkit-box !important;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    line-clamp: 3;
    width: 100%;
    margin: 0 0 14px !important;
    min-height: 0 !important;
    max-height: 4.95em !important;
    overflow: hidden !important;
    white-space: normal !important;
    word-break: normal;
    overflow-wrap: break-word;
    hyphens: none;
    font-size: 0.92rem !important;
    line-height: 1.65 !important;
    color: #53605c !important;
    text-align: left !important;
}

.listing-card .listing-card__excerpt:after,
.listing-card .geodir-category-content p:after {
    content: none !important;
    display: none !important;
}

.listing-card .listing-card__cta.gid_link,
.listing-card .geodir-category-content .gid_link {
    position: static !important;
    float: none !important;
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    align-self: flex-start;
    gap: 6px;
    margin: 0 0 16px 0 !important;
    min-height: 40px;
    padding: 0 16px !important;
    border-radius: 10px !important;
    background: #0F413B !important;
    border: 1px solid #0F413B !important;
    color: #fff !important;
    font-size: 0.72rem !important;
    font-weight: 700 !important;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    text-decoration: none !important;
    white-space: nowrap;
    box-shadow: none !important;
}

.listing-card .listing-card__cta.gid_link span,
.listing-card .listing-card__cta.gid_link i {
    color: #fff !important;
    margin: 0 !important;
    position: static !important;
}

.listing-card .listing-card__cta.gid_link:hover {
    background: #0a2d29 !important;
    border-color: #0a2d29 !important;
    color: #fff !important;
}

.listing-card .geodir-category-content-details,
.listing-card .listing-card__facts {
    float: none !important;
    overflow: visible !important;
    width: 100%;
    margin: 12px 0 2px !important;
}

.listing-card .listing-card__facts ul,
.listing-card .geodir-category-content-details ul {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 8px;
    width: 100%;
    margin: 0 !important;
    padding: 0 !important;
    list-style: none;
    float: none !important;
}

.listing-card .listing-card__facts ul:has(> li:nth-child(2):last-child) {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.listing-card .listing-card__facts ul:has(> li:only-child) {
    grid-template-columns: minmax(0, 1fr);
}

.listing-card .listing-card__facts li,
.listing-card .geodir-category-content-details li {
    float: none !important;
    display: flex !important;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 4px;
    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;
    min-height: 72px;
    margin: 0 !important;
    padding: 8px 6px !important;
    box-sizing: border-box;
    text-align: center;
    background: #f4f7f6 !important;
    border: 1px solid #e4ebe8 !important;
    border-radius: 12px !important;
}

.listing-card .listing-card__facts li i,
.listing-card .geodir-category-content-details li i {
    float: none !important;
    position: static !important;
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    width: 28px !important;
    height: 28px !important;
    margin: 0 !important;
    line-height: 1 !important;
    font-size: 13px !important;
    border-radius: 50%;
    background: #fff !important;
    color: #0F413B !important;
    box-shadow: 0 0 0 1px #e4ebe8;
}

.listing-card .listing-card__facts li span,
.listing-card .listing-card__fact-text,
.listing-card .geodir-category-content-details li span {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 1px;
    min-width: 0;
    max-width: 100%;
    margin: 0 !important;
    line-height: 1.2;
    font-weight: 600;
    color: #132925 !important;
}

.listing-card__fact-text strong {
    display: block;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 0.92rem;
    font-weight: 700;
    color: #132925;
    line-height: 1.2;
}

.listing-card__fact-text em {
    display: block;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-style: normal;
    font-size: 0.68rem;
    font-weight: 600;
    letter-spacing: 0.02em;
    text-transform: uppercase;
    color: #6b7874;
    line-height: 1.2;
}

.listing-card .geodir-category-footer,
.listing-card.geodir-category-listing .geodir-category-footer,
.fw-listing-item .listing-card .geodir-category-footer,
.listing-card__contact {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    float: none !important;
    position: relative !important;
    width: 100% !important;
    max-width: 100% !important;
    gap: 12px;
    margin-top: auto !important;
    padding: 12px 16px !important;
    border-top: 1px solid #edf1f0;
    background: #f7f9f8 !important;
}

.listing-card__agent {
    display: inline-flex !important;
    align-items: center;
    gap: 10px;
    min-width: 0;
    flex: 1 1 auto;
    margin: 0 !important;
    text-decoration: none;
    color: #132925 !important;
}

.listing-card__agent img {
    width: 42px;
    height: 42px;
    border-radius: 50%;
    object-fit: cover;
    flex-shrink: 0;
    margin: 0 !important;
    border: 2px solid #fff;
    box-shadow: 0 0 0 1px #d9e3e0;
}

.listing-card__agent-copy {
    display: flex;
    flex-direction: column;
    min-width: 0;
    line-height: 1.25;
}

.listing-card__agent-copy strong {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 0.88rem;
    font-weight: 700;
    color: #132925;
}

.listing-card__agent-copy em {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-style: normal;
    font-size: 0.75rem;
    font-weight: 500;
    color: #6b7874;
}

.listing-card__agent-actions {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    flex: 0 0 auto;
}

.listing-card__icon-btn {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    background: #0F413B !important;
    color: #fff !important;
    text-decoration: none !important;
    transition: background 0.2s ease;
}

.listing-card__icon-btn i {
    color: #fff !important;
    font-size: 0.78rem;
    margin: 0 !important;
}

.listing-card__icon-btn:hover {
    background: #0a2d29 !important;
    color: #fff !important;
}

.about-projects-carousel .listing-card__excerpt,
.about-projects-carousel .listing-card .geodir-category-content p {
    display: -webkit-box !important;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden !important;
    max-height: 2.9em;
}

.agent-profile-hero {
    display: grid;
    grid-template-columns: minmax(180px, 280px) minmax(0, 1fr);
    gap: 1.5rem;
    align-items: stretch;
    margin: 10px 0 28px;
    padding: 16px;
    border: 1px solid #e7eceb;
    border-radius: 18px;
    background: linear-gradient(135deg, #f7faf9 0%, #ffffff 55%);
    overflow: hidden;
}

.agent-profile-hero__media {
    position: relative;
    overflow: hidden;
    min-width: 0;
    width: 100%;
    max-width: 100%;
    border-radius: 14px;
    aspect-ratio: 3 / 4;
    max-height: 420px;
    height: auto;
    background: #e8eeec;
}

.agent-profile-hero__media img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center top;
    display: block;
}

.agent-profile-hero__copy {
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: left;
    min-width: 0;
    padding: 0.5rem 0.75rem;
}

.agent-profile-hero__eyebrow {
    margin: 0 0 0.35rem;
    color: #0F413B;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    font-size: 0.78rem;
}

.agent-profile-hero__copy h1 {
    margin: 0 0 0.75rem;
    font-size: clamp(1.6rem, 2.4vw, 2.2rem);
    color: #12263a;
}

.agent-profile-hero__copy > p {
    margin: 0 0 1rem;
    color: #5e646a;
    max-width: 42rem;
}

.agent-profile-hero__meta {
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem 1.25rem;
    color: #3f4650;
    font-size: 0.92rem;
}

.agent-profile-hero__meta a {
    color: inherit;
}

.agent-profile-hero__meta i {
    color: #0F413B;
    margin-right: 0.35rem;
}

.hero-section_categories span {
    display: inline-block;
    margin-right: 8px;
    padding: 6px 12px;
    border-radius: 20px;
    background: #e8eeec;
    color: #0F413B;
    font-size: 0.82rem;
    font-weight: 600;
}

@media (max-width: 767px) {
    .agent-profile-hero {
        grid-template-columns: 1fr;
    }

    .agent-profile-hero__media {
        max-height: 360px;
    }
}

/* =========================================
   MOBILE HEADER CONTROLS
========================================= */

.main-header .header-inner {
    display: flex;
    align-items: center;
    gap: 10px;
    min-height: 70px;
}

.main-header .logo-holder {
    flex: 0 1 auto;
    min-width: 0;
}

@media (max-width: 1068px) {
    .main-header .logo-holder {
        max-width: min(46vw, 160px);
    }
}

.main-header .logo-holder img {
    max-width: 100%;
    height: auto;
    max-height: 48px;
    width: auto;
    object-fit: contain;
}

.main-header .header-right {
    margin-left: auto;
    display: flex !important;
    align-items: center;
    justify-content: flex-end;
    gap: 8px;
    flex: 0 0 auto;
}

.main-header .header-wishlist-btn {
    width: 44px !important;
    height: 44px !important;
    min-width: 44px;
    min-height: 44px;
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: rgba(15, 65, 59, 0.08);
    color: #0F413B !important;
    font-size: 1.05rem;
    line-height: 1;
    float: none !important;
    margin: 0 !important;
    z-index: 5;
}

.main-header .header-wishlist-btn i {
    color: inherit !important;
    line-height: 1;
    font-size: 1.1rem;
}

.main-header .header-wishlist-btn:hover {
    background: #0F413B;
    color: #fff !important;
}

.main-header .nav-button-wrap {
    display: none;
    position: relative !important;
    float: none !important;
    width: 44px !important;
    height: 44px !important;
    min-width: 44px;
    margin: 0 !important;
    border: none !important;
    border-radius: 50%;
    background: rgba(15, 65, 59, 0.08);
    cursor: pointer;
    z-index: 5;
}

.main-header .nav-button-wrap:before {
    color: #0F413B;
    font-size: 1.15rem;
}

.main-header .nav-button {
    width: 18px;
    height: 14px;
    margin: 0;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.main-header .nav-button span {
    background: #0F413B !important;
    height: 2px;
    margin-bottom: 3px;
    border-radius: 4px;
}

.main-header .nav-button span:last-child {
    margin-bottom: 0;
}

@media only screen and (max-width: 1068px) {
    .main-header .nav-button-wrap {
        display: block !important;
    }

    .main-header .header-inner {
        min-height: 64px;
        padding: 8px 0;
    }

    .main-header .logo-holder img {
        max-height: 42px;
    }
}

@media only screen and (max-width: 640px) {
    .main-header .header-right {
        gap: 6px;
    }

    .main-header .header-wishlist-btn,
    .main-header .nav-button-wrap {
        width: 42px !important;
        height: 42px !important;
        min-width: 42px;
    }

    .main-header .logo-holder {
        max-width: min(42vw, 140px);
    }
}

/* =========================================
   CENTERED CALL / ACTION ICONS
========================================= */

.pcl_btn,
.hero-opt-btnns a,
.property-contacts-links a,
.geodir_save-btn,
.list-single-opt_header .hero-opt-btnns a {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    float: none !important;
    line-height: 1 !important;
    text-align: center;
}

.pcl_btn i,
.hero-opt-btnns a i,
.property-contacts-links a i,
.geodir_save-btn i,
.list-single-opt_header .hero-opt-btnns a i {
    line-height: 1 !important;
    margin: 0 !important;
    display: block;
    text-align: center;
}

.property-contacts-links {
    display: flex !important;
    align-items: center;
    justify-content: flex-end;
    gap: 6px;
    height: auto;
    margin-top: 0;
    transform: none;
}

.property-contacts-links .pcl_btn {
    margin-left: 0;
}

.contacts-card-item i {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    line-height: 1 !important;
    color: #fff !important;
    text-align: center;
}

.contacts-card-item:hover i {
    background: #0a2d29 !important;
    color: #fff !important;
}

.contacts-card-item a {
    float: none !important;
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    min-height: 40px;
    margin: 10px 0 0 !important;
    padding: 8px 16px !important;
    line-height: 1.35 !important;
    text-align: center;
    color: #0F413B !important;
    background: #f4f7f6 !important;
    border: 1px solid #e2e8e6 !important;
    border-radius: 999px !important;
    box-sizing: border-box;
}

.contacts-card-item a:hover {
    color: #0a2d29 !important;
    background: #eaf1ef !important;
}

/* Contact — working hours pills */
.contacts-opt-wrap {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 12px 16px;
}

.contact-wh_title,
.cs-title {
    float: none !important;
    margin: 0 !important;
    color: #1a2e2b;
    font-weight: 700;
    letter-spacing: 0.04em;
    line-height: 1.2;
}

.contact-wh {
    float: none !important;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 10px;
}

.contact-wh .contact-wh-item,
.contact-wh div {
    float: none !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center;
    gap: 6px;
    min-height: 48px;
    margin: 0 !important;
    padding: 12px 18px !important;
    border-radius: 12px !important;
    background: #fff !important;
    border: 1px solid #e2e8e6 !important;
    box-sizing: border-box;
    font-size: 0.92rem !important;
    font-weight: 600 !important;
    line-height: 1.35 !important;
    color: #1a2e2b !important;
    text-align: center;
}

.contact-wh .contact-wh-item strong,
.contact-wh div strong {
    padding-left: 4px !important;
    color: #0F413B !important;
    font-weight: 700 !important;
}

.contact-social {
    float: none !important;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 12px;
}

.contact-social-container {
    float: none !important;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
}

@media (max-width: 767.98px) {
    .contacts-opt-wrap {
        flex-direction: column;
        align-items: flex-start;
    }

    .contact-wh {
        width: 100%;
    }

    .contact-wh .contact-wh-item,
    .contact-wh div {
        width: 100%;
        justify-content: flex-start;
        text-align: left;
    }
}

/* =========================================
   CONTACT PAGE — professional layout
========================================= */
.contact-page .contacts-cards-wrap {
    margin-bottom: 18px;
}

.contact-page .contacts-card-item {
    display: flex !important;
    align-items: flex-start;
    gap: 14px;
    min-height: 132px;
    height: 100%;
    margin: 0 !important;
    padding: 22px 20px !important;
    overflow: hidden;
    background: #fff !important;
    border: 1px solid #e4ebe8 !important;
    border-radius: 18px !important;
    box-shadow: 0 10px 28px rgba(15, 65, 59, 0.05);
    transition: box-shadow 0.25s ease, transform 0.25s ease;
}

.contact-page .contacts-card-item:hover {
    box-shadow: 0 14px 34px rgba(15, 65, 59, 0.09);
    transform: translateY(-2px);
}

.contact-page .contacts-card-item:before,
.contact-page .contacts-card-item:after,
.contact-page .contacts-card-item__title:before,
.contact-page .contacts-card-item__title:after,
.contact-page .contacts-card-item span:before,
.contact-page .contacts-card-item span:after {
    display: none !important;
    content: none !important;
}

.contact-page .contacts-card-item__icon {
    flex: 0 0 auto;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 52px;
    height: 52px;
    border-radius: 14px;
    background: #0F413B;
    box-shadow: 0 8px 18px rgba(15, 65, 59, 0.2);
}

.contact-page .contacts-card-item__icon i,
.contact-page .contacts-card-item i {
    position: static !important;
    top: auto !important;
    left: auto !important;
    transform: none !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: auto !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    color: #fff !important;
    font-size: 1.2rem !important;
    line-height: 1 !important;
}

.contact-page .contacts-card-item:hover .contacts-card-item__icon {
    background: #0a2d29;
}

.contact-page .contacts-card-item:hover i {
    background: transparent !important;
    border-radius: 0 !important;
    color: #fff !important;
}

.contact-page .contacts-card-item__body {
    flex: 1 1 auto;
    min-width: 0;
    text-align: left;
}

.contact-page .contacts-card-item__title {
    margin: 2px 0 10px !important;
    padding: 0 !important;
    border: 0 !important;
    color: #132925 !important;
    font-size: 1.15rem !important;
    font-weight: 700 !important;
    line-height: 1.3 !important;
    text-align: left !important;
}

.contact-page .contacts-card-item__value,
.contact-page .contacts-card-item a.contacts-card-item__value {
    float: none !important;
    display: block !important;
    width: 100%;
    min-height: 0;
    margin: 0 !important;
    padding: 10px 12px !important;
    border-radius: 12px !important;
    border: 1px solid #e6ece9 !important;
    background: #f6f9f8 !important;
    color: #2f433f !important;
    font-size: 0.92rem !important;
    font-weight: 600 !important;
    line-height: 1.45 !important;
    text-align: left !important;
    text-decoration: none;
    word-break: break-word;
    overflow-wrap: anywhere;
    box-sizing: border-box;
}

.contact-page .contacts-card-item a.contacts-card-item__value:hover {
    background: #eef4f2 !important;
    border-color: #0F413B !important;
    color: #0F413B !important;
}

.contact-page .contacts-card-item__value.is-muted {
    color: #7a8581 !important;
    font-weight: 500 !important;
}

.contact-page .contact-meta-row {
    margin-bottom: 18px;
}

.contact-page .contact-hours-card,
.contact-page .contact-social-card {
    min-height: 88px;
    height: 100%;
    margin: 0;
    padding: 18px 20px;
    background: #fff;
    border: 1px solid #e4ebe8;
    border-radius: 16px;
    box-shadow: 0 8px 22px rgba(15, 65, 59, 0.04);
}

.contact-page .contact-wh_title,
.contact-page .cs-title {
    font-size: 0.78rem !important;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: #5c6763 !important;
}

.contact-page .contact-wh {
    gap: 8px;
}

.contact-page .contact-wh .contact-wh-item {
    justify-content: flex-start !important;
    gap: 8px !important;
    min-height: 42px;
    padding: 10px 14px !important;
    text-align: left !important;
    background: #f6f9f8 !important;
}

.contact-page .contact-wh .contact-wh-item strong {
    margin-left: auto;
    padding-left: 12px !important;
}

.contact-page .contact-social {
    width: 100%;
    justify-content: flex-start;
    gap: 14px;
}

.contact-page .contact-social-container a {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 42px !important;
    height: 42px !important;
    margin: 0 !important;
    border-radius: 12px !important;
    background: #0F413B !important;
    color: #fff !important;
    border: 0 !important;
    box-shadow: none !important;
    line-height: 1 !important;
}

.contact-page .contact-social-container a i {
    color: #fff !important;
    margin: 0 !important;
    line-height: 1 !important;
}

.contact-page .contact-social-container a:hover {
    background: #0a2d29 !important;
}

.contact-page .contacts-form-wrap {
    margin-top: 6px;
}

.contact-page .contact-form-card {
    height: 100%;
    margin-bottom: 0;
}

.contact-page .contact-form-card .boxed-content-title h3 {
    text-align: left !important;
}

.contact-page .contact-form-card .commentssubmit {
    margin-top: 16px !important;
    min-width: 180px;
}

.contact-page .contact-alert {
    margin-bottom: 16px;
    padding: 12px 16px;
    border-radius: 10px;
    text-align: left;
    font-size: 0.92rem;
    line-height: 1.5;
}

.contact-page .contact-alert ul {
    margin: 0;
    padding-left: 18px;
}

.contact-page .contact-alert--success {
    background: #dce8e6;
    color: #0F413B;
}

.contact-page .contact-alert--danger {
    background: #f8d7da;
    color: #842029;
}

.contact-page .contact-map-card {
    min-height: 420px;
    height: 100%;
    overflow: hidden;
    border-radius: 18px;
    border: 1px solid #e4ebe8;
    box-shadow: 0 10px 28px rgba(15, 65, 59, 0.05);
}

.contact-page .contact-map-card .single-map-container {
    min-height: 420px;
}

@media (max-width: 991.98px) {
    .contact-page .contacts-card-item {
        min-height: 0;
    }

    .contact-page .contact-map-card,
    .contact-page .contact-map-card .single-map-container {
        min-height: 320px;
    }
}

@media (max-width: 575.98px) {
    .contact-page .contacts-card-item {
        padding: 18px 16px !important;
    }

    .contact-page .contacts-card-item__icon {
        width: 46px;
        height: 46px;
        border-radius: 12px;
    }

    .contact-page .contact-wh .contact-wh-item {
        width: 100%;
        justify-content: space-between !important;
    }
}

/* =========================================
   GREEN BUTTONS — FORCE LIGHT TEXT/ICONS
========================================= */

.commentssubmit,
.commentssubmit_fw,
.commentssubmit.csb_color,
.csb_color,
.api-text-links a,
.lsd-btn,
.add-listing-btn,
.header-search_btn,
.search-btn,
.facts-filter_btn,
.header-btn,
.gid_link,
.post-card_link,
.search-submit,
.breadcrumbs-list_dec,
.to-top_btn i,
.career-apply-card .commentssubmit,
.slider-button,
.box-media-zoom,
.csc-button,
.tc-button,
.ac-button,
.hs-slider-button {
    color: #fff !important;
}

.commentssubmit *,
.commentssubmit_fw *,
.commentssubmit.csb_color *,
.csb_color *,
.api-text-links a *,
.lsd-btn *,
.add-listing-btn *,
.header-search_btn *,
.search-btn *,
.facts-filter_btn *,
.header-btn *,
.gid_link *,
.post-card_link *,
.search-submit *,
.career-apply-card .commentssubmit *,
.slider-button *,
.box-media-zoom *,
.csc-button *,
.tc-button *,
.ac-button *,
.hs-slider-button * {
    color: #fff !important;
}

/* Keep light CTAs on dark/hero surfaces readable (dark text on light button) */
.hero-carousel_item .commentssubmit.csb_color,
.hero-section .commentssubmit.csb_color,
.dark-bg .commentssubmit.csb_color,
.csb_color.csb_on_dark {
    color: #111827 !important;
}

.hero-carousel_item .commentssubmit.csb_color *,
.hero-section .commentssubmit.csb_color *,
.dark-bg .commentssubmit.csb_color *,
.csb_color.csb_on_dark * {
    color: #111827 !important;
}

/* Card CTA colors come from .geodir-category-footer .gid_link rules */

.gid_link span,
.gid_link i {
    color: inherit !important;
}

/* Agent / card dark buttons — always white label + icon */
.post-card_link,
.agent-card-item_footer .post-card_link,
.footer-widget-content-link {
    background: #0F413B !important;
    border-color: #0F413B !important;
    color: #fff !important;
}

.post-card_link i,
.agent-card-item_footer .post-card_link i,
.footer-widget-content-link i,
.post-card_link *,
.agent-card-item_footer .post-card_link * {
    color: #fff !important;
}

.post-card_link:hover,
.agent-card-item_footer .post-card_link:hover,
.footer-widget-content-link:hover {
    background: #0a2d29 !important;
    border-color: #0a2d29 !important;
    color: #fff !important;
}

.post-card_link:hover i,
.agent-card-item_footer .post-card_link:hover i,
.footer-widget-content-link:hover i {
    color: #fff !important;
}

/* =========================================
   SECTION REVEAL ANIMATIONS
========================================= */

.reveal-on-scroll {
    opacity: 0;
    transform: translate3d(0, 28px, 0);
    transition:
        opacity 0.75s cubic-bezier(0.22, 1, 0.36, 1),
        transform 0.75s cubic-bezier(0.22, 1, 0.36, 1);
    will-change: opacity, transform;
}

.reveal-on-scroll.is-revealed {
    opacity: 1;
    transform: none;
}

.reveal-on-scroll.reveal-delay-1 { transition-delay: 0.08s; }
.reveal-on-scroll.reveal-delay-2 { transition-delay: 0.16s; }
.reveal-on-scroll.reveal-delay-3 { transition-delay: 0.24s; }

@media (prefers-reduced-motion: reduce) {
    .reveal-on-scroll,
    .reveal-on-scroll.reveal-delay-1,
    .reveal-on-scroll.reveal-delay-2,
    .reveal-on-scroll.reveal-delay-3 {
        opacity: 1 !important;
        transform: none !important;
        transition: none !important;
    }
}

/* =========================================
   HOME SERVICES — scrollable list + icon fallback
========================================= */

.home-services-wrap .home-services-row {
    --home-services-media-min: 420px;
}

.home-services-panel {
    display: flex;
    flex-direction: column;
    width: 100%;
    min-height: 0;
    height: 100%;
    max-height: 100%;
}

.home-services-panel .about-title {
    flex: 0 0 auto;
    margin-bottom: 0.75rem;
}

.home-services-scroll {
    flex: 1 1 auto;
    min-height: 0;
    max-height: 300px;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    -webkit-overflow-scrolling: touch;
    overscroll-behavior: contain;
    padding: 2px 10px 8px 2px;
    margin: 0;
    scrollbar-width: thin;
    scrollbar-color: rgba(15, 65, 59, 0.45) rgba(15, 65, 59, 0.08);
}

.home-services-scroll::-webkit-scrollbar {
    width: 8px;
}

.home-services-scroll::-webkit-scrollbar-thumb {
    background: rgba(15, 65, 59, 0.45);
    border-radius: 999px;
}

.home-services-scroll::-webkit-scrollbar-track {
    background: rgba(15, 65, 59, 0.08);
    border-radius: 999px;
}

.home-services-scroll .services-opions {
    overflow: visible !important;
    margin-bottom: 0 !important;
    float: none;
}

.home-services-scroll ul {
    margin: 0;
    padding: 0 0 4px;
    list-style: none;
    overflow: visible;
}

.home-services-wrap .services-opions li {
    float: none !important;
    display: block;
    width: 100%;
    position: relative;
    padding: 14px 18px 14px 88px;
    margin-bottom: 8px;
    border: 1px solid #e7eceb;
    border-radius: 12px;
    background: #fff;
    box-shadow: 0 6px 18px rgba(15, 65, 59, 0.04);
}

.home-services-wrap .services-opions li:last-child {
    margin-bottom: 0;
}

.home-services-wrap .services-opions__icon {
    position: absolute;
    left: 14px;
    top: 50%;
    transform: translateY(-50%);
    width: 58px;
    height: 58px;
    border-radius: 12px;
    border: 1px solid #e7eceb;
    background: #f7faf9;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    box-shadow: 0 8px 14px rgba(15, 65, 59, 0.06);
}

.home-services-wrap .services-opions__icon i {
    position: static !important;
    transform: none !important;
    width: auto !important;
    height: auto !important;
    line-height: 1 !important;
    margin: 0 !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    font-size: 1.55rem;
    color: #0F413B !important;
}

.home-services-wrap .services-opions__icon-img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.home-services-wrap .services-opions__icon-img.is-broken {
    display: none !important;
}

.home-services-wrap .services-opions__icon-fallback {
    display: none;
}

.home-services-wrap .services-opions__icon-fallback.is-visible {
    display: block;
}

.home-services-media {
    position: relative;
    height: 100%;
    min-height: var(--home-services-media-min);
}

.home-services-media > img.respimg {
    width: 100%;
    height: 100%;
    min-height: var(--home-services-media-min);
    object-fit: cover;
    border-radius: 20px;
}

/* Quote overlay: force light text over black panel */
.home-services-wrap .about-img-hotifer,
.home-services-wrap .about-img-hotifer p,
.home-services-wrap .about-img-hotifer h4,
.home-services-wrap .about-img-hotifer h5,
.boxed-content-item .about-img-hotifer,
.boxed-content-item .about-img-hotifer p,
.boxed-content-item .about-img-hotifer h4,
.boxed-content-item .about-img-hotifer h5 {
    color: #fff !important;
}

.home-services-wrap .about-img-hotifer p,
.boxed-content-item .about-img-hotifer p {
    color: rgba(255, 255, 255, 0.95) !important;
    margin-bottom: 10px !important;
}

.home-services-wrap .about-img-hotifer h4,
.home-services-wrap .about-img-hotifer h5,
.boxed-content-item .about-img-hotifer h4,
.boxed-content-item .about-img-hotifer h5 {
    color: #fff !important;
}

@media (min-width: 992px) {
    .home-services-wrap .col-lg-5.d-flex {
        align-items: stretch;
    }

    .home-services-panel {
        max-height: var(--home-services-media-min);
    }

    .home-services-scroll {
        max-height: none;
        height: 100%;
    }
}

@media (max-width: 991.98px) {
    .home-services-panel {
        margin-bottom: 1.25rem;
        max-height: none;
    }

    .home-services-scroll {
        max-height: 280px !important;
    }

    .home-services-media,
    .home-services-media > img.respimg {
        min-height: 280px;
    }

    .home-services-wrap .services-opions li {
        padding: 14px 16px 14px 80px;
    }

    .home-services-wrap .services-opions__icon {
        width: 52px;
        height: 52px;
    }
}

@media (max-width: 575.98px) {
    .home-services-wrap .services-opions li {
        padding: 16px;
    }

    .home-services-wrap .services-opions__icon {
        position: relative;
        left: 0;
        top: 0;
        transform: none;
        margin-bottom: 14px;
    }
}

/* =========================================
   MOBILE SITE POLISH (phones & small tablets)
========================================= */

html {
    -webkit-text-size-adjust: 100%;
    text-size-adjust: 100%;
}

body.filter-drawer-open {
    overflow: hidden;
}

/* —— Tablet / hamburger range —— */
@media only screen and (max-width: 1068px) {
    .wrapper {
        margin-top: 64px !important;
    }

    .main-header {
        box-shadow: 0 8px 24px rgba(15, 65, 59, 0.08);
        z-index: 130 !important; /* above mob overlay + drawer close controls */
    }

    .main-header .header-inner {
        min-height: 64px !important;
        height: auto !important;
        padding: 8px 0 !important;
    }

    /* Brand mobile menu — full-height drawer, keeps page from shifting */
    .main-menu {
        position: fixed !important;
        top: 64px !important;
        right: 0 !important;
        left: auto !important;
        width: min(86vw, 300px) !important;
        max-width: calc(100vw - 48px) !important;
        height: calc(100vh - 64px) !important;
        max-height: calc(100dvh - 64px) !important;
        padding: 16px 12px 32px !important;
        margin: 0 !important;
        background: linear-gradient(180deg, #0F413B 0%, #0a2d29 100%) !important;
        border-radius: 0 0 0 18px !important;
        box-shadow: -16px 0 40px rgba(0, 0, 0, 0.28) !important;
        overflow-x: hidden !important;
        overflow-y: auto !important;
        -webkit-overflow-scrolling: touch;
        z-index: 120 !important;
        transform: translateX(110%);
        opacity: 1 !important;
        visibility: visible !important;
        pointer-events: none;
        transition: transform 0.28s ease !important;
    }

    .main-menu.vismobmenu {
        transform: translateX(0) !important;
        right: 0 !important;
        pointer-events: auto;
    }

    .main-menu .menusb,
    .main-menu .menusb .sliding-menu-wrapper,
    .main-menu .menusb ul {
        width: 100% !important;
        max-width: 100% !important;
        float: none !important;
        overflow: visible !important;
    }

    .menusb li {
        padding: 0 !important;
        margin-bottom: 4px;
        float: none !important;
        overflow: visible !important;
        width: 100% !important;
    }

    .menusb a {
        display: flex !important;
        align-items: center;
        gap: 12px;
        float: none !important;
        width: 100% !important;
        min-height: 48px;
        padding: 12px 14px !important;
        border-radius: 12px;
        font-size: 0.95rem !important;
        font-weight: 600 !important;
        text-transform: none !important;
        letter-spacing: 0.01em;
        line-height: 1.3 !important;
        color: rgba(255, 255, 255, 0.92) !important;
        box-sizing: border-box !important;
    }

    .menusb a:hover,
    .menusb a.act-link {
        background: rgba(255, 255, 255, 0.12) !important;
        color: #fff !important;
    }

    .menusb a.act-link {
        box-shadow: inset 3px 0 0 0 #D4A63A;
    }

    /* Nav link icons sit inline (base theme only chevrons direct-child <i>) */
    .menusb a > i {
        position: static !important;
        top: auto !important;
        right: auto !important;
        left: auto !important;
        transform: none !important;
        float: none !important;
        display: inline-flex !important;
        align-items: center;
        justify-content: center;
        flex: 0 0 22px;
        width: 22px;
        margin: 0 !important;
        font-size: 0.95rem !important;
        line-height: 1 !important;
        color: rgba(255, 255, 255, 0.72) !important;
    }

    .menusb a.back:before {
        content: "\f177";
        font-family: "Font Awesome 6 Pro", "Font Awesome 6 Free", "Font Awesome 5 Free", sans-serif;
        margin-right: 8px;
    }

    .mob-nav-overlay {
        background: rgba(10, 30, 28, 0.55) !important;
        backdrop-filter: blur(2px);
        z-index: 110;
    }

    body.mob-menu-open {
        overflow: hidden !important;
        touch-action: none;
    }

    /* Homepage hero search layout handled in HERO QUICK SEARCH / UNIFIED HERO blocks */
    .home-hero-section .hs-scroll-down-wrap,
    .home-hero-section .svg-corner {
        display: none !important;
    }

    .home-hero-section .hs-slider-controls {
        left: auto !important;
        right: 16px !important;
        bottom: auto !important;
        top: 38% !important;
    }

    /* Filter drawer fits phones */
    .lws_mobile {
        top: 64px !important;
        width: min(100vw, 360px) !important;
        max-width: 100vw !important;
        left: -110% !important;
        z-index: 130 !important;
        background: #fff !important;
        box-shadow: 16px 0 40px rgba(15, 65, 59, 0.18);
        padding: 24px 14px 28px !important;
    }

    .lws_mobile.is-open {
        left: 0 !important;
    }

    .close_mob-filter {
        top: 14px !important;
        right: 14px !important;
        width: 40px !important;
        height: 40px !important;
        display: inline-flex !important;
        align-items: center;
        justify-content: center;
        border-radius: 10px !important;
        background: #f3f6f5 !important;
        border: 1px solid #dce8e6 !important;
    }

    .show-mob-filter {
        display: flex !important;
        align-items: center;
        justify-content: center;
        gap: 8px;
        width: 100%;
        min-height: 48px;
        margin: 0 0 14px !important;
        padding: 12px 16px !important;
        border-radius: 12px !important;
        background: #0F413B !important;
        color: #fff !important;
        font-weight: 700;
        box-shadow: 0 10px 24px rgba(15, 65, 59, 0.18);
    }

    .show-mob-filter i {
        color: #fff !important;
    }

    .list-main-wrap-header {
        flex-direction: column;
        align-items: flex-start !important;
        gap: 12px;
    }

    .list-main-wrap-title h2 {
        font-size: 1.15rem !important;
        line-height: 1.35 !important;
    }

    .list-main-wrap-title h2 strong {
        display: inline-block;
        margin-top: 4px;
    }
}

/* —— Phone / small tablet —— */
@media only screen and (max-width: 767.98px) {
    /* Single-column listing cards */
    .gallery-item,
    .listing-grid-item,
    .gisp .gallery-item,
    .gisp .listing-grid-item {
        width: 100% !important;
        float: none !important;
        padding: 0 0 16px !important;
    }

    .listing-grid,
    .listing-grid.gisp {
        display: flex;
        flex-direction: column;
        gap: 4px;
    }

    /* Keep card CTAs visible */
    .gid_link {
        display: inline-flex !important;
        align-items: center;
        justify-content: center;
        gap: 6px;
        min-height: 38px;
        padding: 8px 12px !important;
        font-weight: 700;
        color: #fff !important;
        background: #0F413B !important;
        border-radius: 999px !important;
    }

    .geodir-category-footer {
        flex-wrap: nowrap;
        padding: 12px 14px !important;
    }

    .geodir-category-footer .gcf-company {
        max-width: calc(100% - 120px);
        flex: 1 1 auto;
        margin-right: auto !important;
    }

    .geodir-category-footer .gid_link {
        margin-left: auto !important;
        flex: 0 0 auto;
    }

    .geodir-category-listing {
        border-radius: 16px;
        overflow: hidden;
        box-shadow: 0 10px 28px rgba(15, 65, 59, 0.08);
        background: #fff;
    }

    .geodir-category-content {
        padding: 16px 16px 8px !important;
    }

    .geodir-category-content h3 {
        font-size: 1.05rem !important;
        line-height: 1.35 !important;
        margin-bottom: 6px !important;
    }

    .geodir-category-content p {
        font-size: 0.88rem !important;
        line-height: 1.55 !important;
        margin-bottom: 10px !important;
    }

    .geodir-category-footer {
        padding: 12px 16px 14px !important;
        gap: 10px;
        flex-wrap: wrap;
    }

    .geodir-category-img {
        border-radius: 16px 16px 0 0;
    }

    .geodir-category-img_item,
    .geodir-category-img .bg {
        min-height: 210px;
    }

    /* Hero titles */
    .hero-section-title h2,
    .home-hero-section .hero-section-title h2 {
        font-size: clamp(1.55rem, 7vw, 2.1rem) !important;
        line-height: 1.2 !important;
    }

    .hero-section-title h5,
    .home-hero-section .hero-section-title h5 {
        font-size: 0.95rem !important;
        line-height: 1.5 !important;
        max-width: 36ch;
    }

    /* page heroes use shared mobile hero height (see UNIFIED HERO block) */

    .breadcrumbs-list {
        padding: 14px 0 !important;
        font-size: 0.85rem;
        flex-wrap: wrap;
        gap: 4px;
    }

    /* Projects carousel — stop dominating the viewport */
    .city-carousel-item {
        height: min(52vh, 360px) !important;
        min-height: 280px !important;
    }

    .city-carousel-item .bg {
        width: 100% !important;
        left: 0 !important;
    }

    .half-carousel-title-wrap {
        width: 100% !important;
        max-width: 100% !important;
        position: relative !important;
        padding: 28px 18px !important;
    }

    .half-carousel-title h2 {
        font-size: clamp(1.4rem, 6vw, 1.85rem) !important;
        line-height: 1.25 !important;
    }

    .half-carousel-title p {
        font-size: 0.92rem !important;
        line-height: 1.55 !important;
    }

    .half-carousel-container {
        overflow: hidden;
    }

    /* Featured filters */
    .listing-grid_heroheader {
        display: flex;
        flex-direction: column;
        align-items: stretch;
        gap: 12px;
        padding: 8px 0 4px !important;
    }

    .listing-grid_heroheader h3 {
        padding: 0 !important;
        font-size: 1.25rem !important;
    }

    .listing-grid_heroheader .gallery-filters {
        display: flex;
        flex-wrap: wrap;
        gap: 8px;
        width: 100%;
    }

    .listing-grid_heroheader .gallery-filters a,
    .gallery-filters a {
        width: auto !important;
        flex: 1 1 calc(50% - 8px);
        min-width: calc(50% - 8px);
        height: 42px !important;
        line-height: 42px !important;
        border: 1px solid #dce8e6 !important;
        border-radius: 10px !important;
        text-align: center;
        font-size: 0.8rem !important;
        font-weight: 600;
        padding: 0 8px !important;
    }

    /* Contact */
    .contacts-card-item {
        margin-bottom: 12px !important;
        padding: 22px 18px !important;
        border-radius: 16px;
        text-align: left;
    }

    .contacts-card-item i {
        display: inline-flex !important;
        align-items: center;
        justify-content: center;
        position: relative !important;
        left: auto !important;
        top: auto !important;
        width: 44px !important;
        height: 44px !important;
        margin: 0 0 12px !important;
        border-radius: 12px;
        background: rgba(15, 65, 59, 0.08);
        color: #0F413B !important;
        font-size: 1.1rem !important;
    }

    .contacts-card-item:before,
    .contacts-card-item:after {
        display: none !important;
    }

    .contacts-card-item a,
    .contacts-card-item p {
        word-break: break-word;
        overflow-wrap: anywhere;
        font-size: 0.95rem;
        line-height: 1.5;
    }

    .mapC_vis3,
    .map-container.mapC_vis3 {
        height: 280px !important;
        min-height: 240px;
        border-radius: 16px;
        overflow: hidden;
        margin-top: 12px;
    }

    .contacts-form-wrap .cs-intputwrap input,
    .contacts-form-wrap textarea,
    .custom-form input[type="text"],
    .custom-form input[type="email"],
    .custom-form input[type="tel"],
    .custom-form input[type="number"],
    .custom-form input[type="url"],
    .custom-form input[type="date"],
    .custom-form select,
    .custom-form textarea {
        font-size: 16px !important; /* prevents iOS zoom */
        border-radius: 12px !important;
    }

    .commentssubmit,
    .commentssubmit_fw,
    button.commentssubmit {
        width: 100%;
        min-height: 48px;
        border-radius: 12px !important;
        display: inline-flex !important;
        align-items: center;
        justify-content: center;
        gap: 8px;
    }

    .list-single-opt_header.hsc_flat_bci {
        padding-right: 0 !important;
    }

    .list-single-opt_header .hero-opt-btnns {
        position: relative !important;
        top: auto !important;
        right: auto !important;
        display: flex;
        flex-wrap: wrap;
        gap: 8px;
        margin: 10px 0 4px;
    }

    .list-single-opt_header .hero-opt-btnns a {
        min-height: 44px;
        padding: 10px 14px !important;
    }

    /* Home services earlier stack */
    .home-services-wrap .services-opions li {
        padding: 16px !important;
    }

    .home-services-wrap .services-opions__icon {
        position: relative !important;
        left: 0 !important;
        top: 0 !important;
        transform: none !important;
        margin-bottom: 12px;
        width: 56px !important;
        height: 56px !important;
    }

    .home-services-scroll {
        max-height: 340px !important;
    }

    .home-services-media,
    .home-services-media > img.respimg {
        min-height: 260px !important;
        border-radius: 16px !important;
    }

    .about-img-hotifer {
        position: relative !important;
        left: auto !important;
        right: auto !important;
        bottom: auto !important;
        margin-top: 12px;
        border-radius: 14px;
        padding: 18px !important;
    }

    /* Agents carousel cards */
    .agents-carousel-item,
    .team-box {
        margin-bottom: 8px;
    }

    /* Process / how we work */
    .process-wrap li {
        width: 100% !important;
        margin-bottom: 12px;
    }

    /* Footer */
    .main-footer {
        padding-top: 36px;
    }

    .footer-widget {
        margin-bottom: 28px !important;
    }

    .footer-logo {
        width: 120px !important;
    }

    .footer-social-wrap a {
        width: 40px;
        height: 40px;
    }

    /* Kill decorative overflow */
    .svg-corner,
    .hs-scroll-down-wrap,
    .to_top-btn-wrap {
        display: none !important;
    }

    .dec-title .svg-corner {
        display: none !important;
    }

    /* Testimonials / promo density */
    .testi-item,
    .promo-inner {
        padding-left: 0;
        padding-right: 0;
    }

    .section {
        overflow-x: clip;
    }

    /* Career apply / forms */
    .career-apply-card {
        padding: 18px 14px !important;
        border-radius: 16px;
    }

    .agent-profile-hero {
        gap: 16px;
    }

    .agent-profile-hero__meta a,
    .agent-profile-hero__meta span {
        word-break: normal;
        overflow-wrap: break-word;
    }

    /* Wishlist drawer — full-bleed on phones */
    .wish-list-wrap {
        width: 100vw !important;
        max-width: 100vw !important;
        right: 0 !important;
        top: 0 !important;
        bottom: 0 !important;
        border-radius: 0 !important;
    }
}

@media only screen and (max-width: 430px) {
    .main-header .logo-holder {
        max-width: min(48vw, 132px);
    }

    .city-carousel-item {
        height: min(48vh, 320px) !important;
        min-height: 250px !important;
    }

    .listing-grid_heroheader .gallery-filters a,
    .gallery-filters a {
        flex: 1 1 100%;
        min-width: 100%;
    }

    .geodir-category-img_item,
    .geodir-category-img .bg {
        min-height: 190px;
    }

    .mapC_vis3,
    .map-container.mapC_vis3 {
        height: 240px !important;
    }

    .contacts-card-item {
        padding: 18px 14px !important;
    }

    .half-carousel-title .commentssubmit,
    .commentssubmit.csb-no-align {
        width: 100%;
    }
}

/* Very small phones */
@media only screen and (max-width: 360px) {
    .main-header .header-wishlist-btn,
    .main-header .nav-button-wrap {
        width: 40px !important;
        height: 40px !important;
        min-width: 40px;
    }

    .menusb a {
        font-size: 0.86rem !important;
    }
}

/* =========================================
   UNIFIED HERO HEIGHT — every page / view
========================================= */

.hero-section {
    margin-top: 0 !important;
}

.hero-section .hero-section-wrap,
.hero-section .hero-section-wrap-item {
    position: relative;
}

/* Page heroes (About, Contact, Properties index, Careers, etc.) */
.hero-section.hero-section_sin .hero-section-wrap-item {
    height: var(--linkers-hero-height) !important;
    min-height: var(--linkers-hero-height) !important;
    max-height: var(--linkers-hero-height) !important;
    display: flex;
    align-items: center;
    overflow: hidden;
}

.hero-section.hero-section_sin .hero-section-container {
    width: 100%;
    padding: 0 !important;
    margin: 0;
}

.hero-section.hero-section_sin .bg-wrap,
.hero-section.hero-section_sin .bg-wrap .bg,
.hero-section.hero-section_sin .bg-parallax-wrap-gradien {
    height: 100% !important;
    top: 0 !important;
}

/* Homepage hero — full-bleed locked-height image slider */
.home-hero-section .hero-section-wrap-item {
    height: var(--linkers-hero-height) !important;
    min-height: var(--linkers-hero-height) !important;
    max-height: none !important;
    overflow: hidden !important;
}

.home-hero-section .hero-slider-wrapper {
    position: absolute !important;
    inset: 0;
    z-index: 1;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    height: 100% !important;
    overflow: hidden !important;
}

.home-hero-section .hero-slider,
.home-hero-section .hero-slider .swiper-container,
.home-hero-section .hero-slider .swiper-wrapper,
.home-hero-section .hero-slider .swiper-slide,
.home-hero-section .hero-carousel_item {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    box-sizing: border-box !important;
}

.home-hero-section .hero-slider .swiper-container {
    overflow: hidden !important;
}

.home-hero-section .hero-carousel_item {
    position: relative;
    display: block;
}

.home-hero-section .hero-slide-media {
    position: absolute;
    inset: 0;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    transform: scale(1.02);
    transition: transform 6s ease;
}

.home-hero-section .swiper-slide-active .hero-slide-media {
    transform: scale(1);
}

.home-hero-section .hero-slide-media::after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(
        90deg,
        rgba(8, 24, 22, 0.72) 0%,
        rgba(8, 24, 22, 0.48) 42%,
        rgba(8, 24, 22, 0.28) 68%,
        rgba(8, 24, 22, 0.35) 100%
    );
    pointer-events: none;
}

.home-hero-section .hero-slide-content {
    position: relative;
    z-index: 2;
    height: 100%;
    display: flex;
    align-items: center;
    padding-top: 0;
    pointer-events: none;
    box-sizing: border-box;
}

.home-hero-section .hero-slide-content .container {
    width: 100%;
    max-width: none;
    margin: 0;
    padding-left: 20px;
    padding-right: 36px;
    min-width: 0;
    box-sizing: border-box;
}

.home-hero-section .hero-slide-content .home-hero-slide-row {
    width: 100%;
    max-width: 100%;
    min-width: 0;
    margin: 0;
    align-items: center;
}

.home-hero-section .hero-slide-content .home-hero-slide-copy {
    min-width: 0;
    padding: 0 !important;
    display: flex;
    align-items: center;
}

.home-hero-section .hero-slide-content .hero-section-title {
    margin-top: 0 !important;
    padding: 0 !important;
    max-width: min(920px, calc(100vw - 480px));
}

/* Keep bold hero headline on one line (desktop) */
.home-hero-section .hero-section-title h2 {
    font-size: clamp(1.85rem, 2.8vw, 2.75rem) !important;
    line-height: 1.15 !important;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 100%;
    letter-spacing: -0.015em;
}

.home-hero-section .hero-slide-content .hero-section-title,
.home-hero-section .hero-slide-content .hero-slide-cta {
    pointer-events: auto;
}

.home-hero-section .hero-slide-cta {
    margin-top: 24px !important;
}

.home-hero-section .hero-section-container {
    position: relative;
    z-index: 5;
    height: 100%;
    min-height: 0 !important;
    padding: 0 !important;
    display: flex;
    align-items: center;
    width: 100%;
    max-width: 100%;
    min-width: 0;
}

.home-hero-section .home-hero-row {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin: 0 !important;
    --bs-gutter-x: 0;
    align-items: center;
}

.home-hero-section .home-hero-row > [class*="col-"] {
    min-width: 0 !important;
    max-width: 100%;
}

.home-hero-section .home-hero-copy-col {
    min-height: 1px;
}

.home-hero-section .home-hero-search-col {
    position: relative;
    z-index: 6;
    padding: 0 0 0 16px;
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

.home-hero-section .home-hero-search-col .hero-quick-search-compact,
.home-hero-section .home-hero-search-col #hero-quick-search {
    width: 100%;
    max-width: 380px;
    margin: 0;
}

/* Full-bleed gutters: left 20px, right 36px — form sits inset professionally */
.home-hero-section .hero-section-wrap-item > .container {
    position: relative;
    z-index: 5;
    height: 100%;
    max-width: none !important;
    width: 100%;
    margin: 0;
    padding: 0 36px 0 20px !important;
    box-sizing: border-box;
    display: flex;
    align-items: center;
}

/* Legacy blur bg no longer used on homepage */
.home-hero-section .bg-wrap {
    display: none !important;
}

@media only screen and (max-width: 1068px) {
    .home-hero-section .hero-section-wrap-item {
        height: auto !important;
        min-height: calc(var(--linkers-hero-height) + 8px) !important;
        max-height: none !important;
    }

    .home-hero-section .hero-slider-wrapper {
        position: relative !important;
        inset: auto;
        height: var(--linkers-hero-height) !important;
        min-height: var(--linkers-hero-height) !important;
    }

    .home-hero-section .hero-section-wrap-item > .container {
        height: auto;
        max-width: none !important;
        padding: 0 12px 10px !important;
        display: block;
        align-items: stretch;
    }

    .home-hero-section .hero-section-container {
        height: auto;
        align-items: flex-start;
        padding: 0 !important;
    }

    .home-hero-section .home-hero-copy-col {
        display: none;
    }

    .home-hero-section .home-hero-search-col {
        width: 100% !important;
        max-width: 100% !important;
        padding: 6px 0 0 !important;
        justify-content: stretch;
        align-items: stretch;
    }

    .home-hero-section .home-hero-search-col .hero-quick-search-compact,
    .home-hero-section .home-hero-search-col #hero-quick-search {
        max-width: 100%;
    }

    .home-hero-section .hero-slide-content {
        align-items: flex-end;
        padding-top: 0;
        padding-bottom: 18px;
    }

    .home-hero-section .hero-slide-content .container {
        padding-left: 14px;
        padding-right: 14px;
        max-width: none;
    }

    .home-hero-section .hero-slide-content .home-hero-slide-copy {
        display: block;
    }

    .home-hero-section .hero-slide-content .hero-section-title {
        max-width: none;
    }

    .home-hero-section .hero-section-title h2 {
        white-space: normal;
        font-size: clamp(1.45rem, 6.5vw, 2rem) !important;
        line-height: 1.2 !important;
        overflow: visible;
        text-overflow: unset;
    }

    .home-hero-section .hero-slide-media::after {
        background: linear-gradient(
            180deg,
            rgba(8, 24, 22, 0.25) 0%,
            rgba(8, 24, 22, 0.55) 55%,
            rgba(8, 24, 22, 0.78) 100%
        );
    }
}

@media only screen and (max-width: 767.98px) {
    .home-hero-section .hero-slider-wrapper {
        height: var(--linkers-hero-height-mobile) !important;
        min-height: var(--linkers-hero-height-mobile) !important;
    }

    .home-hero-section .hero-section-wrap-item {
        min-height: 0 !important;
    }

    .home-hero-section .hero-slide-cta {
        margin-top: 16px !important;
    }
}

/* Listing / project gallery heroes share the same height */
.listing-gallery .fw-carousel,
.listing-gallery.is-single-gallery .fw-carousel {
    height: var(--linkers-hero-height) !important;
    min-height: var(--linkers-hero-height) !important;
    max-height: var(--linkers-hero-height) !important;
}

.agent-profile-hero__media img {
    width: 100%;
    height: 100% !important;
    object-fit: cover;
}

@media only screen and (max-width: 1068px) {
    :root {
        --linkers-hero-height: var(--linkers-hero-height-tablet);
    }
}

@media only screen and (max-width: 767.98px) {
    :root {
        --linkers-hero-height: var(--linkers-hero-height-mobile);
    }

    .hero-section.hero-section_sin .hero-section-wrap-item,
    .listing-gallery .fw-carousel,
    .listing-gallery.is-single-gallery .fw-carousel {
        height: var(--linkers-hero-height-mobile) !important;
        min-height: var(--linkers-hero-height-mobile) !important;
        max-height: var(--linkers-hero-height-mobile) !important;
    }

    .home-hero-section .home-hero-search-col {
        margin-top: 8px;
        position: relative;
        z-index: 6;
    }
}

/* =========================================
   MOBILE FULL-WIDTH CARDS — pleasant layout
========================================= */

@media only screen and (max-width: 767.98px) {
    .content,
    .wrapper,
    .main-content {
        width: 100% !important;
        max-width: 100% !important;
        overflow-x: clip;
    }

    .container,
    .container-fluid {
        width: 100% !important;
        max-width: 100% !important;
        padding-left: 14px !important;
        padding-right: 14px !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
    }

    /* Card shells stretch full content width */
    .boxed-container,
    .boxed-content,
    .contacts-card-item,
    .contacts-opt-wrap,
    .contacts-form-wrap,
    .list-main-wrap-header,
    .list-searh-input-wrap,
    .hero-quick-search-compact,
    .career-apply-card,
    .team-box,
    .testi-item,
    .help-item,
    .process-wrap li,
    .promotion-item,
    .agent-card-item,
    .post-card,
    .blog-card,
    .geodir-category-listing,
    .listing-grid-item,
    .gallery-item,
    .map-container,
    .mapC_vis3,
    .half-carousel-title-wrap,
    .about-wrap,
    .services-opions li,
    .agent-profile-hero,
    .scroll-content-wrap,
    .fixed-form,
    .fixed-form-wrap,
    .listing-grid,
    .listing-grid.gisp {
        width: 100% !important;
        max-width: 100% !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        box-sizing: border-box;
    }

    /* Remove nested inset: one pleasant full-width surface */
    .boxed-container {
        padding: 12px 0 !important;
        border-radius: 0 !important;
        border: 0 !important;
        background: transparent !important;
        box-shadow: none !important;
        margin-bottom: 12px !important;
    }

    .boxed-content {
        width: 100% !important;
        border-radius: 16px !important;
        overflow: hidden;
        background: #fff !important;
        border: 1px solid #e7eceb !important;
        box-shadow: 0 10px 28px rgba(15, 65, 59, 0.06) !important;
    }

    .boxed-content-item {
        padding: 16px 14px !important;
    }

    .boxed-content-title {
        padding: 14px 14px 0 !important;
    }

    /* Listing / content grids become one full-width column */
    .listing-grid,
    .listing-grid.gisp,
    .contacts-cards-wrap .row,
    .services-listing-grid,
    .projects-listing-grid {
        width: 100% !important;
    }

    .contacts-cards-wrap .row,
    .contacts-form-wrap .row,
    .main-content .row,
    .home-services-wrap .row,
    .boxed-container .row {
        margin-left: 0 !important;
        margin-right: 0 !important;
        --bs-gutter-x: 0;
    }

    .contacts-cards-wrap .col-lg-4,
    .contacts-form-wrap .col-lg-6,
    .contacts-form-wrap .col-lg-7,
    .contacts-form-wrap .col-lg-5,
    .contacts-form-wrap .col-sm-6,
    .main-content .col-lg-8,
    .main-content .col-lg-4,
    .home-services-wrap .col-lg-5,
    .home-services-wrap .col-lg-7,
    .boxed-container .col-lg-8,
    .boxed-container .col-lg-4,
    .boxed-container [class*="col-"] {
        width: 100% !important;
        max-width: 100% !important;
        flex: 0 0 100% !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    /* Keep compact form halves where useful */
    .custom-form .col-sm-6 {
        width: 100% !important;
        max-width: 100% !important;
        flex: 0 0 100% !important;
    }

    .geodir-category-listing,
    .contacts-card-item,
    .career-apply-card,
    .agent-card-item,
    .post-card,
    .services-opions li {
        border-radius: 16px !important;
        box-shadow: 0 10px 28px rgba(15, 65, 59, 0.08);
    }

    .geodir-category-img_item,
    .geodir-category-img .bg {
        min-height: 220px !important;
        height: 220px !important;
    }

    .commentssubmit,
    .commentssubmit_fw,
    .commentssubmit.csb-no-align,
    .show-mob-filter {
        width: 100% !important;
        max-width: 100% !important;
    }

    .breadcrumbs-list.bl_flat {
        width: 100%;
        margin: 0 0 10px;
        padding: 12px 0 !important;
    }

    /* Nested content cards stay as the visible card surface */
    .boxed-container > .boxed-content,
    .boxed-container .row .boxed-content {
        width: 100% !important;
    }

    .share-holder {
        width: 100% !important;
    }

    .list-single-opt_header {
        width: 100%;
        padding-right: 0 !important;
    }

    .half-carousel-container,
    .dark-bg.half-carousel-container {
        width: 100vw;
        margin-left: calc(50% - 50vw);
        margin-right: calc(50% - 50vw);
    }

    .city-carousel-item {
        height: var(--linkers-hero-height-mobile) !important;
        min-height: var(--linkers-hero-height-mobile) !important;
    }
}

/* =========================================
   LISTING / CONTACT — ALIGNMENT + VIDEO
========================================= */

/* Contact social icons — center icon in square */
.contact-social-container a,
.social-widget a {
    float: none !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 46px !important;
    height: 46px !important;
    line-height: 1 !important;
    padding: 0 !important;
    color: #fff !important;
    background: #0F413B !important;
    border-radius: 8px !important;
}

.contact-social-container a i,
.social-widget a i {
    display: block;
    line-height: 1 !important;
    color: #fff !important;
    font-size: 1.05rem !important;
    margin: 0 !important;
    position: static !important;
}

.contact-social-container a:hover,
.social-widget a:hover {
    background: #0a2d29 !important;
    color: #fff !important;
}

/* Breadcrumb corner button — keep arrow centered & visible */
.breadcrumbs-list_dec {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    line-height: 1 !important;
    text-align: center !important;
}

.breadcrumbs-list_dec i {
    display: block;
    line-height: 1 !important;
    color: #fff !important;
}

/* Property price badge — stop overlapping the title */
.hero-section-title_container.hsc_flat {
    position: relative;
}

.hero-section-title_container.hsc_flat .hero-section-title {
    padding-right: 0 !important;
}

.hsc_flat .property-single-header-price {
    position: relative !important;
    top: auto !important;
    right: auto !important;
    float: none !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex-wrap: wrap;
    gap: 6px 10px;
    margin: 14px 0 0 !important;
    padding: 12px 22px !important;
    line-height: 1.25 !important;
    text-align: center;
    color: #1a2e2b !important;
    background: var(--second-color, #D4A63A) !important;
    border-radius: 999px !important;
    max-width: 100%;
}

.hsc_flat .property-single-header-price strong {
    position: static !important;
    top: auto !important;
    color: #1a2e2b !important;
    font-weight: 700 !important;
}

.hsc_flat .property-single-header-price .pshp_item {
    color: #0F413B !important;
    font-size: 1.15em !important;
    line-height: 1.2 !important;
}

/* Send Request / full-width CTAs — center label */
.custom-form .commentssubmit,
.custom-form .commentssubmit_fw,
.fixed-form .commentssubmit,
.fixed-form .commentssubmit_fw {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100%;
    min-height: 50px;
    height: auto !important;
    line-height: 1.25 !important;
    padding: 14px 24px !important;
    text-align: center !important;
    box-sizing: border-box;
}

/* Agent chip in request sidebar */
.property-contacts-item {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between;
    gap: 10px;
    min-height: 64px;
    min-width: 0;
    padding: 8px 12px 8px 8px !important;
    overflow: hidden;
}

.property-contacts_profile {
    min-width: 0;
    flex: 1 1 auto;
}

.property-contacts_profile_link {
    display: inline-flex !important;
    align-items: center !important;
    gap: 10px;
    min-width: 0;
    max-width: 100%;
    line-height: 1.25 !important;
    color: #1a2e2b !important;
    font-weight: 600;
    text-decoration: none;
}

.property-contacts_profile_link img {
    top: 0 !important;
    flex-shrink: 0;
}

.property-contacts_profile_text {
    display: flex;
    flex-direction: column;
    min-width: 0;
    gap: 1px;
}

.property-contacts_profile_text em {
    margin: 0 !important;
    font-style: normal;
    font-size: 0.68rem;
    font-weight: 600;
    letter-spacing: 0.03em;
    text-transform: uppercase;
    color: #5b6a66;
    line-height: 1.2;
}

.property-contacts_profile_text strong {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 0.9rem;
    font-weight: 700;
    color: #132925;
    line-height: 1.25;
    text-transform: none;
}

.property-contacts-item .property-contacts-links {
    position: static !important;
    top: auto !important;
    right: auto !important;
    margin-top: 0 !important;
    height: auto !important;
    flex: 0 0 auto;
    display: inline-flex !important;
    align-items: center;
    gap: 6px;
}

/* Amenities pills — icon + text vertically centered */
.pp-single-features ul {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin: 0;
    padding: 0;
    list-style: none;
}

.pp-single-features li {
    float: none !important;
    margin: 0 !important;
}

.pp-single-features li a {
    float: none !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px;
    min-height: 44px;
    padding: 6px 16px 6px 6px !important;
    line-height: 1.25 !important;
    color: #1a2e2b !important;
    background: #f4f7f6 !important;
    border: 1px solid #e2e8e6 !important;
    border-radius: 999px !important;
    text-decoration: none;
}

.pp-single-features li a i {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 36px !important;
    height: 36px !important;
    line-height: 1 !important;
    margin: 0 !important;
    flex-shrink: 0;
    color: #0F413B !important;
}

/* Video presentation banner — clean layout, readable label */
.listing-video-banner {
    display: flex;
    align-items: center;
    min-height: 280px;
    padding: 48px 40px !important;
}

.listing-video-banner .bg-wrap,
.listing-video-banner .bg {
    border-radius: 20px;
}

.listing-video-banner__content {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 18px;
    max-width: 100%;
}

.listing-video-banner .video-box-btn,
.listing-video-play {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 70px !important;
    height: 70px !important;
    line-height: 1 !important;
    text-align: center !important;
    text-decoration: none !important;
    border: 0;
    cursor: pointer;
}

.listing-video-banner .video-box-btn i,
.listing-video-play i {
    margin: 0 !important;
    line-height: 1 !important;
    position: relative;
    left: 2px; /* optical center for play glyph */
}

.listing-video-banner__label {
    margin: 0 !important;
    color: #fff !important;
    font-size: 1.05rem !important;
    font-weight: 700 !important;
    letter-spacing: 0.04em;
    text-shadow: 0 2px 12px rgba(0, 0, 0, 0.35);
}

@media (max-width: 767.98px) {
    .listing-video-banner {
        min-height: 220px;
        padding: 36px 24px !important;
    }

    .hsc_flat .property-single-header-price {
        width: 100%;
        justify-content: flex-start;
    }
}

/* Detail accordion — Overview bar text + circular toggle */
.listing-detail-accordion.accordion a.toggle,
.accordion a.toggle {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between;
    gap: 16px;
    min-height: 64px;
    height: auto !important;
    line-height: 1.3 !important;
    padding: 14px 14px 14px 28px !important;
    margin-bottom: 12px;
    font-size: 0.95rem !important;
    font-weight: 700 !important;
    letter-spacing: 0.01em;
    color: #1a2e2b !important;
    background: #fff !important;
    border: 1px solid #e2e8e6 !important;
    border-radius: 999px !important;
    box-sizing: border-box;
    text-decoration: none !important;
}

.listing-detail-accordion.accordion a.toggle .accordion-toggle-label,
.accordion a.toggle .accordion-toggle-label {
    flex: 1;
    min-width: 0;
    color: inherit !important;
    line-height: 1.3 !important;
}

.listing-detail-accordion.accordion a.toggle i,
.accordion a.toggle i {
    position: relative !important;
    top: auto !important;
    right: auto !important;
    margin: 0 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex-shrink: 0;
    width: 44px !important;
    height: 44px !important;
    line-height: 1 !important;
    border-radius: 50% !important;
    background: #eef3f1 !important;
    color: #0F413B !important;
    font-size: 0.85rem !important;
    transform: none !important;
    transition: transform 0.25s ease, background 0.25s ease, color 0.25s ease;
}

.listing-detail-accordion.accordion a.toggle.act-accordion,
.accordion a.toggle.act-accordion {
    color: #fff !important;
    background: #0F413B !important;
    border-color: #0F413B !important;
}

.listing-detail-accordion.accordion a.toggle.act-accordion .accordion-toggle-label,
.accordion a.toggle.act-accordion .accordion-toggle-label {
    color: #fff !important;
}

.listing-detail-accordion.accordion a.toggle.act-accordion i,
.accordion a.toggle.act-accordion i {
    background: #D4A63A !important;
    color: #1a2e2b !important;
    transform: rotate(180deg) !important;
}

.listing-detail-accordion .accordion-inner,
.accordion .accordion-inner {
    padding: 24px 28px !important;
    color: #3f4650;
    line-height: 1.7;
}

@media (max-width: 767.98px) {
    .listing-detail-accordion.accordion a.toggle,
    .accordion a.toggle {
        padding: 12px 12px 12px 18px !important;
        min-height: 56px;
        font-size: 0.9rem !important;
    }

    .listing-detail-accordion.accordion a.toggle i,
    .accordion a.toggle i {
        width: 36px !important;
        height: 36px !important;
    }

    .listing-detail-accordion .accordion-inner,
    .accordion .accordion-inner {
        padding: 18px 16px !important;
    }
}


/* =========================================
   LISTING RELATED PROPERTIES CAROUSEL
   (col-sm-4 style cards — 3 per row, running slider)
========================================= */
.listing-related-carousel {
    position: relative;
    width: 100%;
    margin-top: 28px;
    padding-bottom: 28px;
    clear: both;
}

.related-listings {
    width: 100%;
    margin-top: 28px;
    clear: both;
}

.related-listings__header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px 24px;
    flex-wrap: wrap;
    margin-bottom: 18px;
}

.related-listings__header .boxed-content-title,
.related-listings__header .boxed-content-title.bcst_ca {
    margin: 0 !important;
    padding: 0 !important;
    flex: 1 1 auto;
    min-width: 0;
}

.related-listings__header .boxed-content-title h3,
.related-listings__header h3[data-related-heading] {
    margin: 0 !important;
    text-align: left !important;
    font-size: 1.35rem !important;
    line-height: 1.3 !important;
    color: #132925;
}

.related-listings__tabs {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 4px;
    border-radius: 999px;
    background: #eef3f1;
    flex: 0 0 auto;
}

.related-listings__tab {
    appearance: none;
    border: 0;
    margin: 0;
    padding: 8px 16px;
    min-height: 36px;
    border-radius: 999px;
    background: transparent;
    color: #5c6763;
    font-size: 0.82rem;
    font-weight: 700;
    letter-spacing: 0.02em;
    line-height: 1;
    cursor: pointer;
    transition: background 0.2s ease, color 0.2s ease;
}

.related-listings__tab:hover {
    color: #0F413B;
}

.related-listings__tab.is-active {
    background: #0F413B;
    color: #fff;
}

.related-listings__panel[hidden] {
    display: none !important;
}

.related-listings .listing-related-carousel {
    margin-top: 0;
}

@media (max-width: 767.98px) {
    .related-listings__header {
        align-items: flex-start;
        flex-direction: column;
        gap: 12px;
        margin-bottom: 14px;
    }

    .related-listings__header .boxed-content-title h3,
    .related-listings__header h3[data-related-heading] {
        font-size: 1.18rem !important;
    }

    .related-listings__tabs {
        width: 100%;
    }

    .related-listings__tab {
        flex: 1 1 0;
        text-align: center;
        padding: 9px 12px;
    }
}

.listing-related-carousel > .boxed-content-title {
    margin-bottom: 18px;
    text-align: left;
}

.listing-related-carousel > .boxed-content-title h3 {
    text-align: left;
    margin: 0;
}

.listing-related-carousel .single-carousel-wrap {
    margin-top: 0 !important;
    padding-bottom: 48px !important;
    width: 100%;
    position: relative;
}

.listing-related-carousel .single-carousel,
.listing-related-carousel .single-carousel .swiper-container {
    width: 100%;
    overflow: hidden;
}

.listing-related-carousel .swiper-wrapper {
    align-items: stretch;
    display: flex;
}

.listing-related-carousel .swiper-slide {
    height: auto;
    /* Let Swiper set width — do NOT force 100% (that makes 1 full-width card) */
    width: auto;
    box-sizing: border-box;
    flex-shrink: 0;
}

/* Prevent listing cards from forcing full-row width inside Swiper slides */
.listing-related-carousel .swiper-slide .listing-item,
.listing-related-carousel .swiper-slide .geodir-category-listing {
    width: 100% !important;
    max-width: 100% !important;
    float: none !important;
    margin: 0 !important;
    height: 100%;
}

.listing-related-carousel .swiper-slide .geodir-category-img,
.listing-related-carousel .swiper-slide .geodir-category-content,
.listing-related-carousel .swiper-slide .geodir-category-footer {
    width: 100% !important;
}

.listing-related-carousel .ss-carousel-pagination_wrap {
    left: 0 !important;
    right: auto;
    bottom: 0 !important;
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
    height: auto !important;
    line-height: 1 !important;
}

.listing-related-carousel .ss-carousel-button-wrap {
    position: absolute;
    right: 0;
    bottom: 0;
    z-index: 12;
    display: flex;
    gap: 8px;
}

.listing-related-carousel .ss-carousel-button {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 42px;
    height: 42px;
    border-radius: 50%;
    background: #0F413B !important;
    color: #fff !important;
    border: none;
    cursor: pointer;
    line-height: 1 !important;
}

.listing-related-carousel .ss-carousel-button:hover {
    background: #0a2d29 !important;
    color: #fff !important;
}

.listing-related-carousel .ss-carousel-button i {
    color: #fff !important;
    line-height: 1 !important;
}

@media (max-width: 767.98px) {
    .listing-related-carousel .ss-carousel-button-wrap {
        position: relative;
        justify-content: flex-end;
        margin-top: 12px;
    }

    .listing-related-carousel .single-carousel-wrap {
        padding-bottom: 12px !important;
    }
}

/* =========================================
   LISTING DETAIL PAGES — MICRO RESPONSIVE
   (property + project single)
========================================= */

/* Shared detail shell */
.main-content .boxed-container {
    width: 100%;
    max-width: 100%;
}

.main-content .scroll-content-wrap {
    min-width: 0;
}

.main-content .sb-container {
    min-width: 0;
}

/* Title block */
.main-content .hsc_flat .hero-section-title h2 {
    word-break: normal;
    overflow-wrap: break-word;
}

.main-content .hsc_flat .hero-section-title h4 {
    display: flex;
    align-items: flex-start;
    gap: 8px;
    flex-wrap: wrap;
    line-height: 1.4;
}

.main-content .hsc_flat .hero-section-opt {
    display: flex;
    flex-wrap: wrap;
    gap: 10px 16px;
    align-items: center;
}

.main-content .property-single-header-date {
    float: none !important;
    margin: 0 !important;
    top: 0 !important;
    display: inline-flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 6px;
    line-height: 1.35;
}

.main-content .author_avatar_ps a {
    display: inline-flex;
    align-items: center;
    gap: 8px;
}

.main-content .author_avatar_ps img {
    flex-shrink: 0;
}

/* Facts strip styles live in “PS FACTS BAR” block below */

/* Amenities wrap cleanly */
.main-content .pp-single-features ul {
    width: 100%;
}

.main-content .pp-single-features li a {
    max-width: 100%;
}

/* Share column — don’t crush content */
.main-content .share-holder.init-fix-column {
    z-index: 5;
}

/* Related carousel cards — equal height feel */
.listing-related-carousel .geodir-category-listing {
    display: flex;
    flex-direction: column;
    height: 100%;
    background: #fff;
    border-radius: 16px;
    overflow: hidden;
}

.listing-related-carousel .geodir-category-content {
    flex: 1 1 auto;
    display: flex;
    flex-direction: column;
    min-width: 0;
    padding: 14px 14px 8px !important;
}

.listing-related-carousel .geodir-category-content h3 {
    font-size: 1.05rem !important;
    line-height: 1.3 !important;
}

.listing-related-carousel .listing-card__facts ul,
.listing-related-carousel .geodir-category-content-details ul {
    gap: 6px;
}

.listing-related-carousel .listing-card__facts li,
.listing-related-carousel .geodir-category-content-details li {
    min-height: 66px;
    padding: 7px 4px !important;
}

.listing-related-carousel .geodir-category-content p,
.listing-related-carousel .listing-card__excerpt {
    font-size: 0.86rem !important;
    line-height: 1.55 !important;
    display: block;
    -webkit-line-clamp: unset;
    line-clamp: unset;
    overflow: visible;
    max-height: none;
}

.listing-related-carousel .geodir-category-footer {
    margin-top: auto !important;
}

/* —— ≤1399px —— */
@media (max-width: 1399.98px) {
    .listing-gallery .fw-carousel,
    .listing-gallery.is-single-gallery .fw-carousel {
        height: min(58vh, 520px);
    }

    .main-content .hsc_flat .hero-section-title h2 {
        font-size: clamp(1.55rem, 2.4vw, 2.1rem) !important;
    }
}

/* —— ≤1199px —— */
@media (max-width: 1199.98px) {
    .listing-gallery .fw-carousel,
    .listing-gallery.is-single-gallery .fw-carousel {
        height: min(52vh, 460px);
    }

    .main-content .boxed-content-item {
        padding-left: 18px !important;
        padding-right: 18px !important;
    }

    .listing-related-carousel .geodir-category-content h3 {
        font-size: 0.98rem !important;
    }

    .listing-related-carousel .gid_link {
        padding: 7px 10px !important;
        font-size: 0.68rem !important;
    }
}

/* —— ≤991px (stack sidebar) —— */
@media (max-width: 991.98px) {
    .main-content .col-lg-8,
    .main-content .col-lg-4 {
        width: 100%;
        max-width: 100%;
        flex: 0 0 100%;
    }

    .main-content .scroll-content-wrap {
        padding-right: 0 !important;
        margin-bottom: 20px;
    }

    .main-content .share-holder.init-fix-column {
        display: none !important;
    }

    .main-content .list-single-opt_header {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: space-between;
        gap: 10px;
        margin-bottom: 12px;
    }

    .main-content .hero-section_categories {
        display: flex;
        flex-wrap: wrap;
        gap: 8px;
    }

    .main-content .hero-opt-btnns {
        display: flex;
        gap: 8px;
        margin-left: auto;
    }

    .main-content .fixed-form,
    .main-content .fixed-form-wrap {
        position: relative !important;
        top: auto !important;
        width: 100% !important;
        transform: none !important;
    }

    .main-content .sb-container {
        margin-top: 8px;
    }

    .listing-gallery {
        margin-bottom: 18px;
    }

    .listing-gallery .fw-carousel,
    .listing-gallery.is-single-gallery .fw-carousel {
        height: min(48vh, 400px);
    }

    .listing-gallery__caption {
        left: 12px;
        right: 12px;
        bottom: 12px;
        padding: 12px 14px;
    }

    .main-content .pp-single-features li {
        margin: 0 !important;
    }

    .listing-related-carousel {
        margin-top: 12px;
    }
}

/* —— ≤767px —— */
@media (max-width: 767.98px) {
    .main-content {
        margin-top: 10px !important;
    }

    .breadcrumbs-list.bl_flat {
        padding: 10px 0 6px !important;
        font-size: 0.8rem;
        gap: 4px;
        flex-wrap: wrap;
    }

    .listing-gallery .fw-carousel,
    .listing-gallery.is-single-gallery .fw-carousel {
        height: min(42vh, 320px);
        min-height: 220px;
    }

    .listing-gallery .slider-button {
        width: 38px !important;
        height: 38px !important;
    }

    .listing-gallery__title {
        font-size: 1.05rem !important;
        line-height: 1.3 !important;
    }

    .listing-gallery__text {
        display: none;
    }

    .listing-gallery__meta,
    .listing-gallery__count {
        font-size: 0.78rem;
    }

    .main-content .hero-section-title_container.hsc_flat {
        padding: 0;
    }

    .main-content .hsc_flat .hero-section-title h2 {
        font-size: clamp(1.35rem, 6vw, 1.75rem) !important;
        line-height: 1.25 !important;
        margin-bottom: 8px !important;
    }

    .main-content .hsc_flat .hero-section-title h4 {
        font-size: 0.9rem !important;
    }

    .main-content .hsc_flat .property-single-header-price {
        width: 100%;
        margin-top: 10px !important;
        padding: 10px 14px !important;
        justify-content: flex-start;
        font-size: 0.9rem;
    }

    .main-content .hsc_flat .property-single-header-price .pshp_item {
        font-size: 1.05em !important;
    }

    .main-content .hsc_flat .hero-section-opt {
        flex-direction: column;
        align-items: flex-start;
        gap: 8px;
        margin-top: 12px !important;
        padding-top: 12px !important;
    }

    .main-content .boxed-content {
        margin-bottom: 14px;
    }

    .main-content .boxed-content-item {
        padding: 16px 14px !important;
    }

    .main-content .boxed-content-title h3 {
        font-size: 1.15rem !important;
    }

    .main-content .pp-single-features ul {
        gap: 8px;
    }

    .main-content .pp-single-features li a {
        min-height: 40px;
        padding: 5px 12px 5px 5px !important;
        font-size: 0.86rem;
    }

    .main-content .pp-single-features li a i {
        width: 32px !important;
        height: 32px !important;
    }

    .listing-detail-accordion.accordion a.toggle,
    .main-content .accordion a.toggle {
        min-height: 52px;
        padding: 10px 10px 10px 16px !important;
        font-size: 0.88rem !important;
    }

    .listing-related-carousel > .boxed-content-title h3 {
        font-size: 1.2rem !important;
    }

    .listing-related-carousel .geodir-category-img .bg,
    .listing-related-carousel .geodir-category-img_item {
        min-height: 180px;
    }

    .listing-related-carousel .geodir-category-content {
        padding: 12px 12px 6px !important;
    }

    .listing-related-carousel .geodir-category-content h3 {
        font-size: 0.95rem !important;
    }

    .listing-related-carousel .geodir-category-footer {
        padding: 10px 10px !important;
        gap: 8px;
    }

    .listing-related-carousel .gcf-company img {
        width: 32px !important;
        height: 32px !important;
    }

    .listing-related-carousel .gcf-company span {
        font-size: 0.78rem;
    }

    .listing-related-carousel .gid_link {
        min-height: 34px;
        padding: 6px 10px !important;
        font-size: 0.65rem !important;
    }

    .listing-related-carousel .ss-carousel-button {
        width: 38px;
        height: 38px;
    }

    .main-content .banner-widget-wrap.listing-video-banner,
    .main-content .listing-video-banner {
        min-height: 200px;
        padding: 28px 18px !important;
    }

    .main-content .tags-widget a {
        float: none !important;
        display: inline-flex;
        margin: 0 6px 6px 0;
        padding: 8px 14px;
    }

    .main-content .property-contacts-item {
        flex-wrap: wrap;
        border-radius: 16px !important;
        min-height: 0;
    }

    .main-content .custom-form .commentssubmit_fw {
        min-height: 48px;
        font-size: 0.85rem;
    }
}

/* —— ≤575px —— */
@media (max-width: 575.98px) {
    .container {
        width: min(100% - 16px, 1700px) !important;
    }

    .listing-gallery .fw-carousel,
    .listing-gallery.is-single-gallery .fw-carousel {
        height: min(38vh, 260px);
        min-height: 200px;
    }

    .listing-gallery__caption {
        left: 8px;
        right: 8px;
        bottom: 8px;
        padding: 10px 12px;
        border-radius: 12px;
    }

    .listing-gallery .fw-carousel-button-prev,
    .listing-gallery .fw-carousel-button-next {
        display: none !important;
    }

    .main-content .hsc_flat .property-single-header-price {
        border-radius: 14px !important;
    }

    .main-content .pp-single-features li {
        width: 100%;
    }

    .main-content .pp-single-features li a {
        width: 100%;
        justify-content: flex-start;
    }

    .listing-related-carousel .geodir-category-footer {
        flex-wrap: nowrap;
    }

    .listing-related-carousel .gcf-company {
        max-width: calc(100% - 108px);
    }

    .main-content .nerby-list li {
        font-size: 0.8rem;
        padding-right: 56px;
    }
}

/* —— ≤400px (small phones) —— */
@media (max-width: 400px) {
    .container {
        width: min(100% - 12px, 1700px) !important;
    }

    .main-content .hsc_flat .hero-section-title h2 {
        font-size: 1.25rem !important;
    }

    .listing-gallery .fw-carousel,
    .listing-gallery.is-single-gallery .fw-carousel {
        height: 200px;
        min-height: 180px;
    }

    .listing-related-carousel .gid_link {
        padding: 6px 8px !important;
        font-size: 0.6rem !important;
    }

    .listing-related-carousel .gcf-company span {
        max-width: 72px;
    }

    .listing-detail-accordion.accordion a.toggle i,
    .main-content .accordion a.toggle i {
        width: 32px !important;
        height: 32px !important;
    }
}

/* —— Landscape phones —— */
@media (max-width: 900px) and (orientation: landscape) {
    .listing-gallery .fw-carousel,
    .listing-gallery.is-single-gallery .fw-carousel {
        height: min(70vh, 280px);
        min-height: 180px;
    }
}

/* =========================================
   PS FACTS BAR — professional + responsive
========================================= */
.ps-facts-wrapper,
.main-content .ps-facts-wrapper {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    align-items: stretch;
    gap: 0;
    margin: 0 0 20px !important;
    padding: 0 !important;
    overflow: hidden;
    background: #fff !important;
    border: 1px solid #e2e8e6 !important;
    border-radius: 16px !important;
    box-shadow: 0 8px 22px rgba(15, 65, 59, 0.04);
}

.ps-facts-item,
.main-content .ps-facts-item {
    position: relative !important;
    float: none !important;
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 12px;
    min-width: 0;
    min-height: 78px;
    margin: 0 !important;
    padding: 14px 16px !important;
    border: 0 !important;
    border-left: 1px solid #e8efec !important;
    box-sizing: border-box;
    overflow: hidden;
    text-align: left !important;
    background: transparent;
}

.ps-facts-wrapper .ps-facts-item:first-child,
.main-content .ps-facts-wrapper .ps-facts-item:first-child {
    border-left: 0 !important;
}

.ps-facts-item i,
.main-content .ps-facts-item i {
    position: static !important;
    top: auto !important;
    right: auto !important;
    left: auto !important;
    transform: none !important;
    order: 0;
    flex: 0 0 42px;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 42px;
    height: 42px;
    margin: 0 !important;
    border-radius: 12px;
    background: #0F413B !important;
    border: 0 !important;
    box-shadow: none !important;
    color: #fff !important;
    font-size: 1.05rem !important;
    line-height: 1 !important;
}

.ps-facts-copy {
    order: 1;
    min-width: 0;
    flex: 1 1 auto;
    text-align: left;
}

.ps-facts-item h4,
.main-content .ps-facts-item h4,
.ps-facts-copy h4 {
    margin: 0 0 3px !important;
    padding: 0 !important;
    font-size: 0.7rem !important;
    font-weight: 600 !important;
    line-height: 1.2 !important;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: #6b7874 !important;
    text-align: left !important;
}

.ps-facts-item h5,
.main-content .ps-facts-item h5,
.ps-facts-copy h5 {
    margin: 0 !important;
    padding: 0 !important;
    font-size: 0.92rem !important;
    font-weight: 700 !important;
    line-height: 1.3 !important;
    color: #132925 !important;
    text-transform: none !important;
    letter-spacing: 0;
    text-align: left !important;
    white-space: normal;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: normal;
    overflow-wrap: break-word;
    hyphens: none;
}

@media (max-width: 1199.98px) {
    .ps-facts-item,
    .main-content .ps-facts-item {
        min-height: 74px;
        padding: 12px 12px !important;
        gap: 10px;
    }

    .ps-facts-item i,
    .main-content .ps-facts-item i {
        flex-basis: 38px;
        width: 38px;
        height: 38px;
        font-size: 0.98rem !important;
    }
}

@media (max-width: 991.98px) {
    .ps-facts-wrapper,
    .main-content .ps-facts-wrapper {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }

    .ps-facts-item,
    .main-content .ps-facts-item {
        border-left: 0 !important;
        border-top: 1px solid #e8efec !important;
    }

    .ps-facts-wrapper .ps-facts-item:nth-child(1),
    .ps-facts-wrapper .ps-facts-item:nth-child(2),
    .main-content .ps-facts-wrapper .ps-facts-item:nth-child(1),
    .main-content .ps-facts-wrapper .ps-facts-item:nth-child(2) {
        border-top: 0 !important;
    }

    .ps-facts-wrapper .ps-facts-item:nth-child(odd),
    .main-content .ps-facts-wrapper .ps-facts-item:nth-child(odd) {
        border-right: 1px solid #e8efec !important;
    }
}

@media (max-width: 575.98px) {
    .ps-facts-wrapper,
    .main-content .ps-facts-wrapper {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        border-radius: 14px !important;
    }

    .ps-facts-item,
    .main-content .ps-facts-item {
        min-height: 68px;
        padding: 12px 10px !important;
        gap: 8px;
        border-right: 0 !important;
        border-top: 1px solid #e8efec !important;
        align-items: flex-start !important;
    }

    .ps-facts-wrapper .ps-facts-item:nth-child(1),
    .ps-facts-wrapper .ps-facts-item:nth-child(2),
    .main-content .ps-facts-wrapper .ps-facts-item:nth-child(1),
    .main-content .ps-facts-wrapper .ps-facts-item:nth-child(2) {
        border-top: 0 !important;
    }

    .ps-facts-wrapper .ps-facts-item:nth-child(odd),
    .main-content .ps-facts-wrapper .ps-facts-item:nth-child(odd) {
        border-right: 1px solid #e8efec !important;
    }

    .ps-facts-item i,
    .main-content .ps-facts-item i {
        flex: 0 0 34px;
        width: 34px;
        height: 34px;
        font-size: 0.9rem !important;
        margin-top: 1px !important;
    }

    .ps-facts-item h5,
    .main-content .ps-facts-item h5,
    .ps-facts-copy h5 {
        font-size: 0.84rem !important;
    }
}

/* Request a Showing — centered Or separator */
.property-contacts-wrap .log-separator.listing-contact-or {
    display: block;
    width: 100%;
    margin: 16px 0 18px;
    text-align: center;
    line-height: 1;
}

.property-contacts-wrap .log-separator.listing-contact-or span {
    display: inline-block;
    width: auto;
    min-width: 0;
    padding: 0 14px;
    margin: 0;
    font-size: 0.95rem;
    font-weight: 600;
    letter-spacing: 0.02em;
    color: #5c6763;
    background: #fff;
    text-align: center;
}

/* =========================================
   FEEDS / NEWS — left-aligned professional posts
========================================= */
.post-container {
    width: 100%;
    text-align: left;
}

.feeds-post-list.post-items,
.post-container .post-items {
    display: flex;
    flex-direction: column;
    gap: 18px;
    width: 100%;
    float: none !important;
    clear: both;
}

.post-container .post-item,
.feeds-post-list .post-item {
    float: none !important;
    width: 100% !important;
    max-width: 100%;
    margin: 0 !important;
    padding: 0 !important;
}

.post-container .post-item_wrap,
.feeds-post-list .post-item_wrap {
    display: grid;
    grid-template-columns: minmax(240px, 32%) 1fr;
    align-items: stretch;
    overflow: hidden;
    background: #fff;
    border: 1px solid #e4ebe8;
    border-radius: 18px;
    box-shadow: 0 8px 24px rgba(15, 65, 59, 0.05);
    transition: box-shadow 0.25s ease, transform 0.25s ease;
}

.feeds-post-list .post-item_wrap:hover {
    box-shadow: 0 16px 36px rgba(15, 65, 59, 0.1);
    transform: translateY(-2px);
}

.post-container .post-item_media,
.feeds-post-list .post-item_media {
    position: relative;
    overflow: hidden;
    border-radius: 0 !important;
    min-height: 220px;
    height: 100%;
    background: #e8eeec;
}

.post-container .post-item_media-link,
.feeds-post-list .post-item_media-link {
    display: block;
    height: 100%;
    min-height: 220px;
}

.post-container .post-item_media img,
.feeds-post-list .post-item_media img {
    width: 100% !important;
    height: 100% !important;
    min-height: 220px;
    object-fit: cover;
    object-position: center;
    display: block;
    transition: transform 0.35s ease, opacity 0.25s ease;
}

.post-container .post-item_media a:hover img,
.feeds-post-list .post-item_media a:hover img {
    opacity: 1;
    transform: scale(1.04);
}

.post-container .post_header_cat,
.feeds-post-list .post_header_cat {
    display: none !important;
}

.feeds-post-list .post-item_badge {
    position: absolute;
    top: 14px;
    left: 14px;
    z-index: 2;
    display: inline-flex;
    align-items: center;
    min-height: 26px;
    padding: 0 10px;
    border-radius: 999px;
    background: #0F413B;
    color: #fff;
    font-size: 0.68rem;
    font-weight: 700;
    letter-spacing: 0.06em;
    text-transform: uppercase;
}

.post-container .post-item_content,
.feeds-post-list .post-item_content {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    gap: 0;
    min-width: 0;
    padding: 22px 26px !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: #fff !important;
    text-align: left !important;
}

.post-container .post-item_date,
.feeds-post-list .post-item_date {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    margin: 0 0 10px;
    color: #6a7370;
    font-size: 0.82rem;
    font-weight: 600;
    line-height: 1.3;
    text-align: left;
}

.post-container .post-item_date i,
.feeds-post-list .post-item_date i {
    color: #0F413B;
}

.post-container .post-item_content h3,
.feeds-post-list .post-item_content h3 {
    margin: 0 0 10px !important;
    padding: 0 !important;
    border: 0 !important;
    font-size: 1.28rem !important;
    font-weight: 700 !important;
    line-height: 1.35 !important;
    color: #132925 !important;
    text-align: left !important;
}

.post-container .post-item_content h3:before,
.feeds-post-list .post-item_content h3:before {
    display: none !important;
}

.post-container .post-item_content h3 a,
.feeds-post-list .post-item_content h3 a {
    color: inherit !important;
    text-decoration: none;
}

.post-container .post-item_content h3 a:hover,
.feeds-post-list .post-item_content h3 a:hover {
    color: #0F413B !important;
}

.post-container .post-item_content p,
.feeds-post-list .post-item_content p {
    margin: 0 0 16px !important;
    max-width: 42rem;
    font-size: 0.95rem !important;
    line-height: 1.65 !important;
    color: #53605c !important;
    text-align: left !important;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.post-container .post-item_content .post-card_link,
.feeds-post-list .post-item_content .post-card_link {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    gap: 0.4rem;
    align-self: flex-start;
    min-height: 40px;
    margin-top: 0 !important;
    padding: 0 16px !important;
    border-radius: 10px !important;
    background: #0F413B !important;
    border: 1px solid #0F413B !important;
    color: #fff !important;
    font-size: 0.72rem !important;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    text-decoration: none;
    box-shadow: none !important;
}

.post-container .post-item_content .post-card_link i,
.feeds-post-list .post-item_content .post-card_link i {
    color: #fff !important;
    margin: 0 !important;
}

.post-container .post-item_content .post-card_link:hover,
.feeds-post-list .post-item_content .post-card_link:hover {
    background: #0a2d29 !important;
    border-color: #0a2d29 !important;
    color: #fff !important;
}

.feeds-empty {
    margin: 0;
    padding: 24px 0;
    text-align: left;
    color: #5c6763;
}

/* Blog detail body — keep firmly left-aligned */
.blog-detail-card,
.blog-detail-card .boxed-content-item,
.blog-content,
.blog-content p,
.blog-content h1,
.blog-content h2,
.blog-content h3,
.blog-content h4,
.blog-content h5,
.blog-content ul,
.blog-content ol,
.blog-content li,
.blog-meta-bar,
.blog-like-wrap,
.recent-post-content,
.recent-post-content h4 {
    text-align: left !important;
}

.blog-content img {
    max-width: 100%;
    height: auto;
    border-radius: 12px;
}

.recent-post-widget li {
    text-align: left;
}

@media (max-width: 991.98px) {
    .post-container .post-item_wrap,
    .feeds-post-list .post-item_wrap {
        grid-template-columns: minmax(180px, 38%) 1fr;
    }

    .post-container .post-item_media,
    .feeds-post-list .post-item_media,
    .post-container .post-item_media-link,
    .feeds-post-list .post-item_media-link,
    .post-container .post-item_media img,
    .feeds-post-list .post-item_media img {
        min-height: 190px;
    }

    .post-container .post-item_content,
    .feeds-post-list .post-item_content {
        padding: 18px 18px !important;
    }

    .post-container .post-item_content h3,
    .feeds-post-list .post-item_content h3 {
        font-size: 1.12rem !important;
    }
}

@media (max-width: 767.98px) {
    .post-container .post-item_wrap,
    .feeds-post-list .post-item_wrap {
        grid-template-columns: 1fr;
    }

    .post-container .post-item_media,
    .feeds-post-list .post-item_media,
    .post-container .post-item_media-link,
    .feeds-post-list .post-item_media-link,
    .post-container .post-item_media img,
    .feeds-post-list .post-item_media img {
        min-height: 200px;
        max-height: 220px;
    }

    .post-container .post-item_content,
    .feeds-post-list .post-item_content {
        padding: 16px 16px 18px !important;
    }
}

/* =========================================
   FEEDS PAGE — search + pagination (no sidebar)
========================================= */
.feeds-page .boxed-container {
    width: 100%;
    max-width: 100%;
}

.feeds-toolbar {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 14px 20px;
    margin: 0 0 22px;
    padding: 16px 18px;
    background: #fff;
    border: 1px solid #e4ebe8;
    border-radius: 16px;
    box-shadow: 0 8px 22px rgba(15, 65, 59, 0.04);
}

.feeds-search {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 10px;
    flex: 1 1 320px;
    min-width: 0;
}

.feeds-search__field {
    position: relative;
    flex: 1 1 240px;
    min-width: 0;
}

.feeds-search__field i {
    position: absolute;
    left: 14px;
    top: 50%;
    transform: translateY(-50%);
    color: #0F413B;
    font-size: 0.95rem;
    pointer-events: none;
}

.feeds-search__field input {
    width: 100%;
    min-height: 46px;
    padding: 0 16px 0 42px;
    border: 1px solid #d7e2de;
    border-radius: 12px;
    background: #f7faf9;
    color: #132925;
    font-size: 0.95rem;
    outline: none;
    transition: border-color 0.2s ease, background 0.2s ease, box-shadow 0.2s ease;
}

.feeds-search__field input:focus {
    background: #fff;
    border-color: #0F413B;
    box-shadow: 0 0 0 3px rgba(15, 65, 59, 0.12);
}

.feeds-search__btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 46px;
    padding: 0 20px;
    border: 0;
    border-radius: 12px;
    background: #0F413B;
    color: #fff;
    font-size: 0.82rem;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    cursor: pointer;
}

.feeds-search__btn:hover {
    background: #0a2d29;
}

.feeds-search__clear {
    display: inline-flex;
    align-items: center;
    min-height: 46px;
    padding: 0 14px;
    border-radius: 12px;
    border: 1px solid #d7e2de;
    color: #3d4a46;
    font-size: 0.85rem;
    font-weight: 600;
    text-decoration: none;
    background: #fff;
}

.feeds-search__clear:hover {
    border-color: #0F413B;
    color: #0F413B;
}

.feeds-toolbar__meta {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-end;
    gap: 10px 14px;
    color: #5c6763;
    font-size: 0.88rem;
    font-weight: 600;
    text-align: left;
}

.feeds-post-container {
    width: 100%;
}

.feeds-pagination {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 28px 0 8px;
    padding: 18px 16px;
    background: #fff;
    border: 1px solid #e4ebe8;
    border-radius: 16px;
    box-shadow: 0 8px 22px rgba(15, 65, 59, 0.04);
}

.feeds-pagination .pagination {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: 8px;
    margin: 0;
    float: none !important;
    width: 100%;
    text-align: center;
}

.feeds-pagination .pagination a,
.feeds-pagination .pagination span {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    float: none !important;
    min-width: 42px;
    height: 42px;
    margin: 0 !important;
    padding: 0 12px;
    border-radius: 10px !important;
    border: 1px solid #d7e2de;
    background: #fff;
    color: #132925 !important;
    font-weight: 600;
    line-height: 1;
    text-decoration: none;
}

.feeds-pagination .pagination a:hover {
    border-color: #0F413B;
    color: #0F413B !important;
}

.feeds-pagination .pagination a.current-page {
    background: #0F413B !important;
    border-color: #0F413B !important;
    color: #fff !important;
}

.feeds-pagination .pagination .disabled {
    opacity: 0.45;
    pointer-events: none;
}

.feeds-page .visually-hidden {
    position: absolute !important;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}

@media (max-width: 767.98px) {
    .feeds-toolbar {
        padding: 14px;
    }

    .feeds-search {
        width: 100%;
    }

    .feeds-search__btn,
    .feeds-search__clear {
        flex: 1 1 auto;
    }

    .feeds-toolbar__meta {
        width: 100%;
        justify-content: flex-start;
    }

    .feeds-pagination {
        margin-top: 20px;
        padding: 14px 10px;
    }
}

/* Feeds detail — full width, no sidebar */
.feeds-detail-page .boxed-container,
.feeds-detail-page .blog-detail-card,
.feeds-detail-page .blog-comments-section {
    width: 100%;
    max-width: 100%;
}

.feeds-detail-page .blog-detail-card .boxed-content-item,
.feeds-detail-page .blog-comments-section .boxed-content-item {
    max-width: 860px;
    margin-left: auto;
    margin-right: auto;
    text-align: left;
}

.feeds-back-link {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin: 0 0 16px;
    color: #0F413B;
    font-size: 0.86rem;
    font-weight: 700;
    text-decoration: none;
}

.feeds-back-link:hover {
    color: #0a2d29;
}

.feeds-detail-page .blog-detail-image {
    width: 100%;
    max-height: 420px;
    object-fit: cover;
    border-radius: 16px;
    margin-bottom: 1.35rem;
}

.feeds-detail-page .blog-meta-bar {
    gap: 8px 10px;
}

.feeds-detail-page .blog-meta-bar span {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 6px 10px;
    border-radius: 999px;
    background: #f4f7f6;
    color: #3d4a46;
    font-size: 0.8rem;
    font-weight: 600;
}

.feeds-detail-page .blog-content {
    font-size: 1.02rem;
    line-height: 1.8;
    color: #2f3b38;
}

.feeds-detail-page .blog-content p {
    margin-bottom: 1rem;
}

.feeds-detail-page .blog-like-btn {
    border-radius: 10px !important;
}

.feeds-detail-page .comments-item {
    display: flex;
    gap: 14px;
    align-items: flex-start;
    margin-bottom: 18px;
    padding-bottom: 16px;
    border-bottom: 1px solid #eef2f1;
    text-align: left;
}

.feeds-detail-page .comments-avatar img {
    width: 48px;
    height: 48px;
    border-radius: 50%;
    object-fit: cover;
}

.feeds-detail-page .comments-header {
    font-weight: 700;
    color: #132925;
    margin-bottom: 4px;
}

.feeds-detail-page .blog-comment-form .commentssubmit {
    min-width: 180px;
    margin-top: 8px;
}

@media (max-width: 767.98px) {
    .feeds-detail-page .blog-detail-image {
        max-height: 240px;
        border-radius: 12px;
    }
}

/* =========================================
   CAREERS — 3 cards per row (not full width)
========================================= */
.careers-jobs-grid.listing-grid {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 20px !important;
    align-items: stretch;
    width: 100%;
    float: none !important;
    clear: both;
}

.careers-jobs-grid .listing-grid-item,
.careers-jobs-grid.gisp .listing-grid-item {
    position: relative !important;
    left: auto !important;
    top: auto !important;
    float: none !important;
    width: auto !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
    display: flex !important;
    height: auto !important;
    min-height: 0 !important;
    transform: none !important;
}

.careers-jobs-grid .listing-item,
.careers-jobs-grid .geodir-category-listing {
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 100%;
    background: #fff;
    border: 1px solid #e4ebe8;
    border-radius: 18px;
    overflow: hidden;
    box-shadow: 0 10px 28px rgba(15, 65, 59, 0.05);
}

.careers-jobs-grid .geodir-category-img {
    float: none !important;
    width: 100% !important;
    height: 200px !important;
    min-height: 200px !important;
    max-height: 200px !important;
    margin: 0 !important;
}

.careers-jobs-grid .geodir-category-img_item,
.careers-jobs-grid .geodir-category-img .bg {
    height: 100% !important;
    min-height: 200px !important;
}

.careers-jobs-grid .geodir-category-content {
    float: none !important;
    width: 100% !important;
    flex: 1 1 auto;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    min-width: 0;
    padding: 18px 18px 20px !important;
    text-align: left;
}

.careers-jobs-grid .geodir-category-content h3 {
    margin: 0 0 10px !important;
    padding: 0 !important;
    min-height: 0 !important;
    display: block !important;
    -webkit-line-clamp: unset !important;
    line-clamp: unset !important;
    overflow: visible !important;
    font-size: 1.12rem !important;
    line-height: 1.35 !important;
    text-align: left !important;
}

.careers-jobs-grid .geodir-category-content h3:before {
    display: none !important;
}

.careers-jobs-grid .geodir-category-content h3 a {
    color: #132925 !important;
    text-decoration: none;
}

.careers-jobs-grid .careers-job-card__excerpt,
.careers-jobs-grid .geodir-category-content p {
    flex: 0 0 auto !important;
    display: block !important;
    margin: 0 0 16px !important;
    min-height: 0 !important;
    max-height: none !important;
    overflow: visible !important;
    -webkit-line-clamp: unset !important;
    line-clamp: unset !important;
    -webkit-box-orient: unset !important;
    white-space: normal !important;
    font-size: 0.92rem !important;
    line-height: 1.65 !important;
    color: #53605c !important;
    text-align: left !important;
}

.careers-jobs-grid .geodir-category-content p:after,
.careers-jobs-grid .careers-job-card__excerpt:after {
    content: none !important;
    display: none !important;
}

.careers-jobs-grid .careers-job-card__cta.gid_link,
.careers-jobs-grid .geodir-category-content .gid_link {
    position: static !important;
    float: none !important;
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    gap: 0.4rem;
    align-self: flex-start;
    margin-top: auto !important;
    min-height: 40px;
    padding: 0 16px !important;
    border-radius: 10px !important;
    background: #0F413B !important;
    border: 1px solid #0F413B !important;
    color: #fff !important;
    font-size: 0.72rem !important;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    text-decoration: none;
    box-shadow: none !important;
}

.careers-jobs-grid .careers-job-card__cta.gid_link span,
.careers-jobs-grid .careers-job-card__cta.gid_link i {
    color: #fff !important;
    margin: 0 !important;
}

.careers-jobs-grid .careers-job-card__cta.gid_link:hover {
    background: #0a2d29 !important;
    border-color: #0a2d29 !important;
    color: #fff !important;
}

.careers-jobs-grid .geodir-category-footer {
    display: none !important;
}

@media (max-width: 991.98px) {
    .careers-jobs-grid.listing-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 16px !important;
    }

    .careers-jobs-grid .geodir-category-img,
    .careers-jobs-grid .geodir-category-img_item,
    .careers-jobs-grid .geodir-category-img .bg {
        height: 180px !important;
        min-height: 180px !important;
        max-height: 180px !important;
    }
}

@media (max-width: 767.98px) {
    .careers-jobs-grid.listing-grid,
    .listing-grid.careers-jobs-grid {
        display: grid !important;
        flex-direction: unset !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }

    .careers-jobs-grid .listing-grid-item,
    .careers-jobs-grid.gisp .listing-grid-item {
        width: auto !important;
        float: none !important;
        padding: 0 !important;
    }
}

@media (max-width: 575.98px) {
    .careers-jobs-grid.listing-grid,
    .listing-grid.careers-jobs-grid {
        grid-template-columns: 1fr !important;
    }
}

/* Testimonials — white icons/text on green controls */
.testimonilas-carousel .tc-button,
.testimonilas-carousel-wrap .tc-button {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: #0F413B !important;
    color: #fff !important;
    border: 0 !important;
}

.testimonilas-carousel .tc-button i,
.testimonilas-carousel-wrap .tc-button i,
.testimonilas-carousel .tc-button *,
.testimonilas-carousel-wrap .tc-button * {
    color: #fff !important;
    line-height: 1 !important;
}

.testimonilas-carousel .tc-button:hover,
.testimonilas-carousel-wrap .tc-button:hover {
    background: #0a2d29 !important;
    color: #fff !important;
}

.testi-number {
    background: #0F413B !important;
    color: #fff !important;
    border-radius: 8px !important;
}

.testi-header:after {
    background: #0F413B !important;
    color: #fff !important;
    border-color: #0F413B !important;
}

.testimonilas-carousel-wrap .fwc-controls_wrap .swiper-pagination-bullet-active,
.testimonilas-carousel-wrap .solid-pagination_btns .swiper-pagination-bullet-active,
.tcs-pagination_init .swiper-pagination-bullet-active {
    background: #0F413B !important;
    border-color: #0F413B !important;
    color: #fff !important;
}

/* Promo CTAs (if reused elsewhere): keep white on green */
.api-text-links a,
.api-text-links a span,
.api-text-links a i {
    color: #fff !important;
}

.api-text-links a:hover,
.api-text-links a:hover span {
    color: #fff !important;
}

.api-text-links a:hover i {
    background: rgba(255, 255, 255, 0.22) !important;
    color: #fff !important;
}

/* =========================================
   HOW WE WORK — dense reverse ladder (04 on top)
========================================= */
.parallax-section-wrap {
    padding: 70px 0 !important;
}

.parallax-section-wrap .parallax-section-content {
    padding-top: 0 !important;
}

.parallax-section-wrap .process-wrap--ladder {
    overflow: hidden;
    padding: 12px !important;
    margin-top: 0;
    background: rgba(8, 20, 18, 0.5);
    border: 1px solid rgba(255, 255, 255, 0.14);
    border-radius: 18px;
    backdrop-filter: blur(6px);
    -webkit-backdrop-filter: blur(6px);
}

.parallax-section-wrap .process-wrap--ladder ul {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
    margin: 0;
    padding: 0;
    list-style: none;
    width: 100%;
}

.parallax-section-wrap .process-wrap--ladder li,
.parallax-section-wrap .process-wrap--ladder .process-step {
    float: none !important;
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
    text-align: left;
}

/* Keep the reverse ladder sequence, but never overlap cards */
.parallax-section-wrap .process-wrap--ladder .process-step--1 { grid-column: 1; }
.parallax-section-wrap .process-wrap--ladder .process-step--2 { grid-column: 2; margin-top: 18px !important; }
.parallax-section-wrap .process-wrap--ladder .process-step--3 { grid-column: 1; }
.parallax-section-wrap .process-wrap--ladder .process-step--4 { grid-column: 2; margin-top: 18px !important; }
.parallax-section-wrap .process-wrap--ladder .process-step--5 { grid-column: 1; }
.parallax-section-wrap .process-wrap--ladder .process-step--6 { grid-column: 2; margin-top: 18px !important; }

.parallax-section-wrap .process-wrap--ladder .process-item {
    position: relative;
    height: 100%;
    min-height: 118px;
    min-width: 0;
    padding: 14px 48px 12px 14px !important;
    border-radius: 14px !important;
    background: rgba(0, 0, 0, 0.84) !important;
    border: 1px solid rgba(255, 255, 255, 0.12) !important;
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.2);
    overflow: hidden;
}

.parallax-section-wrap .process-wrap--ladder .process-count {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    width: 32px !important;
    height: 32px !important;
    margin: 0 0 8px !important;
    padding: 0 !important;
    border-radius: 9px !important;
    background: #0F413B !important;
    border: 1px solid rgba(255, 255, 255, 0.16) !important;
    color: #fff !important;
    font-size: 0.74rem !important;
    font-weight: 700;
    line-height: 1 !important;
}

.parallax-section-wrap .process-wrap--ladder .process-item-icon {
    position: absolute;
    top: 12px;
    right: 12px;
    font-size: 1.15rem !important;
    color: #fff !important;
    width: 32px;
    height: 32px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 9px;
    background: #0F413B;
}

.parallax-section-wrap .process-wrap--ladder .process-item-icon i {
    color: #fff !important;
    line-height: 1;
}

.parallax-section-wrap .process-wrap--ladder .process-item h4 {
    margin: 0 0 5px !important;
    padding: 0 !important;
    color: #fff !important;
    font-size: 0.95rem !important;
    font-weight: 700 !important;
    line-height: 1.3 !important;
}

.parallax-section-wrap .process-wrap--ladder .process-item p {
    margin: 0 !important;
    color: rgba(255, 255, 255, 0.78) !important;
    font-size: 0.8rem !important;
    line-height: 1.45 !important;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    word-break: normal;
    overflow-wrap: break-word;
    hyphens: none;
}

.parallax-section-wrap .process-wrap--ladder .pr-dec {
    display: none !important;
}

.parallax-section-wrap .parallax-section-content h3 {
    font-size: clamp(1.7rem, 2.6vw, 2.2rem) !important;
    line-height: 1.2 !important;
    margin-bottom: 12px !important;
}

.parallax-section-wrap .parallax-section-content p {
    max-width: 26rem;
    margin-bottom: 0 !important;
    font-size: 0.95rem !important;
    line-height: 1.65 !important;
}

.parallax-section-wrap .parallax-section-content .commentssubmit {
    margin-top: 18px !important;
}

@media (max-width: 991.98px) {
    .parallax-section-wrap {
        padding: 52px 0 !important;
    }

    .parallax-section-wrap .process-wrap--ladder {
        margin-top: 20px;
    }

    .parallax-section-wrap .process-wrap--ladder .process-step--2,
    .parallax-section-wrap .process-wrap--ladder .process-step--3,
    .parallax-section-wrap .process-wrap--ladder .process-step--4,
    .parallax-section-wrap .process-wrap--ladder .process-step--5,
    .parallax-section-wrap .process-wrap--ladder .process-step--6 {
        margin-top: 0 !important;
    }
}

@media (max-width: 575.98px) {
    .parallax-section-wrap .process-wrap--ladder {
        padding: 10px !important;
    }

    .parallax-section-wrap .process-wrap--ladder ul {
        grid-template-columns: 1fr;
        gap: 8px;
    }

    .parallax-section-wrap .process-wrap--ladder .process-step--1,
    .parallax-section-wrap .process-wrap--ladder .process-step--2,
    .parallax-section-wrap .process-wrap--ladder .process-step--3,
    .parallax-section-wrap .process-wrap--ladder .process-step--4,
    .parallax-section-wrap .process-wrap--ladder .process-step--5,
    .parallax-section-wrap .process-wrap--ladder .process-step--6 {
        grid-column: 1;
        margin-top: 0 !important;
        margin-left: 0 !important;
    }

    .parallax-section-wrap .process-wrap--ladder .process-step--2 { padding-left: 12px !important; }
    .parallax-section-wrap .process-wrap--ladder .process-step--3 { padding-left: 24px !important; }
    .parallax-section-wrap .process-wrap--ladder .process-step--4 { padding-left: 12px !important; }

    .parallax-section-wrap .process-wrap--ladder .process-item {
        min-height: 0;
        padding: 12px 44px 12px 12px !important;
    }
}

/* Properties / projects listing grids */
.listing-item-container.three-columns-grid,
.listing-item-container.two-columns-grid {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 20px;
    align-items: stretch;
}

.listing-item-container.three-columns-grid .listing-item,
.listing-item-container.two-columns-grid .listing-item,
.fw-listing-item .listing-item {
    width: 100% !important;
    max-width: none;
    padding: 0 !important;
    display: flex;
    float: none !important;
}

.listing-item-container.three-columns-grid .listing-card,
.listing-item-container.two-columns-grid .listing-card {
    width: 100%;
}

@media (max-width: 991.98px) {
    .listing-item-container.three-columns-grid,
    .listing-item-container.two-columns-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 16px;
    }
}

@media (max-width: 767.98px) {
    .listing-item-container.three-columns-grid,
    .listing-item-container.two-columns-grid {
        grid-template-columns: 1fr;
        gap: 14px;
    }

    .listing-card .geodir-category-content {
        padding: 16px 16px 10px !important;
    }

    .listing-card .listing-card__cta.gid_link {
        width: auto !important;
        margin: 0 0 14px 0 !important;
        border-radius: 10px !important;
    }

    .listing-card .listing-card__facts ul,
    .listing-card .geodir-category-content-details ul {
        gap: 6px;
    }

    .listing-card .listing-card__facts li,
    .listing-card .geodir-category-content-details li {
        min-height: 68px;
        padding: 8px 4px !important;
    }

    .listing-card__fact-text strong {
        font-size: 0.86rem;
    }

    .listing-card__fact-text em {
        font-size: 0.62rem;
        letter-spacing: 0.01em;
    }

    .listing-card__contact,
    .listing-card .geodir-category-footer {
        flex-wrap: nowrap !important;
        padding: 12px 14px !important;
    }

    .listing-card__agent img {
        width: 38px;
        height: 38px;
    }

    .listing-card__icon-btn {
        width: 34px;
        height: 34px;
    }
}

/* =========================================
   LISTING DETAIL — mobile icon/text alignment
========================================= */
.main-content .boxed-content-title:before,
.main-content .boxed-content-title:after {
    display: none !important;
}

.main-content .boxed-content-title {
    padding: 18px 18px 14px !important;
}

.hsc_flat .hero-section-title h4 {
    display: flex !important;
    align-items: flex-start;
    gap: 8px;
    max-width: 100% !important;
}

.hsc_flat .hero-section-title h4 i {
    flex: 0 0 auto;
    width: 1em;
    margin-top: 0.22em;
    line-height: 1;
    text-align: center;
}

.hsc_flat .hero-section-title h4 span {
    min-width: 0;
    flex: 1 1 auto;
    word-break: break-word;
}

.main-content .nerby-list li {
    display: flex !important;
    align-items: center;
    gap: 10px;
    width: 100%;
    margin: 0 0 8px !important;
    padding: 10px 12px !important;
    padding-right: 12px !important;
    text-transform: none !important;
    font-size: 0.88rem !important;
    font-weight: 600;
    line-height: 1.35;
    overflow: visible !important;
}

.main-content .nerby-list li i {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    flex: 0 0 34px;
    width: 34px !important;
    height: 34px;
    margin: 0 !important;
    border-radius: 10px;
    background: #f4f7f6;
    color: #0F413B !important;
    font-size: 0.9rem !important;
}

.main-content .nerby-list li span {
    position: static !important;
    top: auto !important;
    right: auto !important;
    bottom: auto !important;
    width: auto !important;
    min-width: 64px;
    margin-left: auto;
    padding: 5px 8px;
    line-height: 1.2 !important;
    white-space: nowrap;
    text-align: center;
}

@media (max-width: 767.98px) {
    .breadcrumbs-list.bl_flat {
        display: flex !important;
        align-items: center;
        justify-content: space-between;
        gap: 8px;
        min-height: 44px;
        padding: 8px 8px 8px 12px !important;
    }

    .breadcrumbs-list.bl_flat > a,
    .breadcrumbs-list.bl_flat > span {
        line-height: 1.3;
    }

    .breadcrumbs-list_dec {
        flex: 0 0 36px !important;
        width: 36px !important;
        height: 36px !important;
        min-height: 36px !important;
        border-radius: 10px !important;
        align-self: center;
    }

    .main-content .hsc_flat .hero-section-opt {
        width: 100%;
        gap: 10px;
    }

    .main-content .property-single-header-date {
        width: 100%;
        align-items: center;
        gap: 8px;
        font-size: 0.86rem !important;
        line-height: 1.35 !important;
    }

    .main-content .author_avatar_ps {
        align-items: center;
    }

    .main-content .author_avatar_ps img {
        width: 36px;
        height: 36px;
        border-radius: 50%;
        object-fit: cover;
    }

    .main-content .pp-single-features ul {
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 8px;
        width: 100%;
    }

    .main-content .pp-single-features li {
        width: 100% !important;
        margin: 0 !important;
    }

    .main-content .pp-single-features li a {
        width: 100%;
        justify-content: flex-start;
        min-height: 44px;
        padding: 6px 10px 6px 6px !important;
        font-size: 0.82rem !important;
        box-shadow: none !important;
    }

    .main-content .pp-single-features li a i {
        width: 30px !important;
        height: 30px !important;
        font-size: 0.85rem !important;
    }

    .listing-gallery__caption {
        align-items: flex-end;
        gap: 10px;
        padding: 18px 12px 12px !important;
    }

    .listing-gallery__title {
        word-break: break-word;
    }

    .listing-gallery__count {
        display: inline-flex;
        align-items: center;
        gap: 6px;
        flex: 0 0 auto;
        white-space: nowrap;
    }

    .related-listings__header {
        align-items: stretch;
    }

    .related-listings__tabs {
        width: 100%;
    }

    .related-listings__tab {
        flex: 1 1 0;
        text-align: center;
    }

    .listing-card__facts li,
    .listing-related-carousel .listing-card__facts li {
        min-height: 62px;
        padding: 6px 2px !important;
        gap: 2px;
    }

    .property-contacts-item {
        align-items: center !important;
        min-height: 56px;
        padding: 8px !important;
    }

    .property-contacts_profile_link {
        min-width: 0;
        gap: 8px;
    }

    .listing-detail-accordion.accordion a.toggle,
    .main-content .accordion a.toggle {
        display: flex !important;
        align-items: center;
        justify-content: space-between;
        gap: 10px;
        text-align: left;
    }

    .listing-detail-accordion.accordion a.toggle i,
    .main-content .accordion a.toggle i {
        flex: 0 0 32px;
        width: 32px !important;
        height: 32px !important;
        display: inline-flex !important;
        align-items: center;
        justify-content: center;
        margin: 0 !important;
        line-height: 1 !important;
    }
}

@media (max-width: 400px) {
    .main-content .pp-single-features ul {
        grid-template-columns: 1fr;
    }

    .ps-facts-item,
    .main-content .ps-facts-item {
        padding: 12px 8px !important;
        gap: 7px;
    }
}

/* =========================================
   WINDOWS / LOW-RES CORRECTNESS
   Keep existing visual sequence. Prevent overflow,
   mid-word breaks, and image overlap on 1280–1366
   CSS pixels (common with Windows 125–150% scaling).
========================================= */
.geodir-category-img .geodir-category-location a {
    text-transform: capitalize;
}

.geodir-category-content h3,
.listing-card .geodir-category-content h3 a {
    word-break: normal;
    overflow-wrap: break-word;
}

.city-carousel-item .bg,
.geodir-category-img_item .bg {
    background-color: #12241f;
    background-size: cover !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
}

.city-carousel-item .overlay {
    background: linear-gradient(180deg, rgba(8, 20, 18, 0.18) 0%, rgba(8, 20, 18, 0.55) 58%, rgba(8, 20, 18, 0.82) 100%) !important;
}

.city-carousel-content {
    max-width: 100%;
    min-width: 0;
}

.city-carousel-content h3,
.city-carousel-content p {
    max-width: 100%;
    word-break: normal;
    overflow-wrap: break-word;
    hyphens: none;
}

.city-carousel-content h3 {
    font-size: clamp(1.15rem, 1.8vw, 1.45rem) !important;
    line-height: 1.3 !important;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    overflow: hidden;
}

.city-carousel-content:before {
    left: 24px !important;
}

.hsc_flat .hero-section-opt,
.main-content .hsc_flat .hero-section-opt {
    overflow: visible !important;
}

.main-content .hsc_flat .hero-section-opt.agent-profile-meta,
.main-content .agent-profile-meta.hero-section-opt {
    display: flex;
    flex-wrap: wrap;
    gap: 10px 18px;
    align-items: center;
}

.main-content .hsc_flat .hero-section-opt.agent-profile-meta .property-single-header-date:not(.author_avatar_ps) {
    flex-direction: column;
    align-items: flex-start;
    gap: 2px;
}

.main-content .property-single-header-date,
.main-content .property-single-header-date a,
.main-content .hsc_flat .property-single-header-date,
.main-content .hsc_flat .property-single-header-date a {
    text-transform: none !important;
    word-break: normal;
    overflow-wrap: break-word;
}

.main-content .property-single-header-date span {
    display: block;
    font-size: 0.68rem;
    font-weight: 600;
    letter-spacing: 0.04em;
    text-transform: uppercase !important;
    color: #6b7874;
    line-height: 1.2;
}

.main-content .author_avatar_ps.property-single-header-date span,
.main-content .author_avatar_ps span {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    min-width: 0;
    font-size: 0.92rem;
    font-weight: 700;
    letter-spacing: 0;
    color: #132925;
    text-transform: none !important;
}

.main-content .author_avatar_ps span strong {
    text-transform: none !important;
    font-weight: 700;
    color: #132925;
}

.agent-bg-section .agent-card-item_media,
.agent-bg-section .agent-card-item_text {
    min-width: 0;
    overflow: hidden;
}

.agent-profile-hero__copy h1,
.agent-profile-hero__copy > p {
    word-break: normal;
    overflow-wrap: break-word;
}

@media (max-width: 1366px) {
    .parallax-section-wrap .process-wrap--ladder ul {
        gap: 12px;
    }

    .parallax-section-wrap .process-wrap--ladder .process-step--2,
    .parallax-section-wrap .process-wrap--ladder .process-step--3,
    .parallax-section-wrap .process-wrap--ladder .process-step--4,
    .parallax-section-wrap .process-wrap--ladder .process-step--5,
    .parallax-section-wrap .process-wrap--ladder .process-step--6 {
        margin-top: 0 !important;
    }

    .ps-facts-wrapper,
    .main-content .ps-facts-wrapper {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }

    .ps-facts-item,
    .main-content .ps-facts-item {
        border-left: 0 !important;
        border-top: 1px solid #e8efec !important;
    }

    .ps-facts-wrapper .ps-facts-item:nth-child(1),
    .ps-facts-wrapper .ps-facts-item:nth-child(2),
    .main-content .ps-facts-wrapper .ps-facts-item:nth-child(1),
    .main-content .ps-facts-wrapper .ps-facts-item:nth-child(2) {
        border-top: 0 !important;
    }

    .ps-facts-wrapper .ps-facts-item:nth-child(odd),
    .main-content .ps-facts-wrapper .ps-facts-item:nth-child(odd) {
        border-right: 1px solid #e8efec !important;
    }

    .agent-profile-hero {
        grid-template-columns: minmax(160px, 220px) minmax(0, 1fr);
        gap: 1rem;
    }

    .agent-profile-hero__media {
        max-height: 320px;
    }

    .city-carousel-content h3 {
        font-size: 1.2rem !important;
    }

    .listing-item-container.three-columns-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .agent-properties-full .listing-item-container.three-columns-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

@media (max-width: 1068px) {
    .agent-profile-hero {
        grid-template-columns: 1fr;
    }

    .agent-profile-hero__media {
        max-height: 360px;
        aspect-ratio: 4 / 3;
        width: 100%;
    }

    .ps-facts-wrapper,
    .main-content .ps-facts-wrapper {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
}

@media (max-width: 767.98px) {
    .agent-profile-hero {
        padding: 12px;
        gap: 12px;
    }

    .agent-profile-hero__copy {
        padding: 0;
    }

    .agent-profile-hero__copy h1 {
        font-size: 1.45rem;
    }

    .listing-card .geodir-category-content h3 {
        font-size: 1.05rem !important;
    }

    .listing-card .listing-card__excerpt,
    .listing-card .geodir-category-content p {
        -webkit-line-clamp: 3;
        line-clamp: 3;
        font-size: 0.88rem !important;
    }

    .property-contacts-item {
        flex-wrap: nowrap;
    }

    .property-contacts_profile_text strong {
        white-space: nowrap;
    }

    .city-carousel-content {
        padding: 0 18px !important;
        bottom: 24px !important;
    }

    .city-carousel-content h3 {
        font-size: 1.15rem !important;
        -webkit-line-clamp: 2;
        line-clamp: 2;
    }

    .parallax-section-wrap .process-wrap--ladder .process-item h4 {
        font-size: 0.92rem !important;
    }

    .parallax-section-wrap .process-wrap--ladder .process-item p {
        -webkit-line-clamp: 4;
        font-size: 0.78rem !important;
    }
}

@media (max-width: 575.98px) {
    .ps-facts-wrapper,
    .main-content .ps-facts-wrapper {
        grid-template-columns: 1fr !important;
    }

    .ps-facts-wrapper .ps-facts-item,
    .main-content .ps-facts-wrapper .ps-facts-item,
    .ps-facts-wrapper .ps-facts-item:nth-child(odd),
    .main-content .ps-facts-wrapper .ps-facts-item:nth-child(odd) {
        border-right: 0 !important;
        border-top: 1px solid #e8efec !important;
    }

    .ps-facts-wrapper .ps-facts-item:first-child,
    .main-content .ps-facts-wrapper .ps-facts-item:first-child {
        border-top: 0 !important;
    }

    .property-contacts-item {
        flex-wrap: wrap;
        border-radius: 18px !important;
    }

    .property-contacts-item .property-contacts-links {
        width: 100%;
        justify-content: flex-start;
    }
}

/* =========================================
   FULL-WIDTH PAGE SHELL
========================================= */
.container,
.container--full {
    width: 100% !important;
    max-width: 100% !important;
    padding-left: 24px;
    padding-right: 24px;
    box-sizing: border-box;
}

.main-content,
.main-content .boxed-container,
.agent-properties-full {
    width: 100%;
    max-width: 100%;
}

.main-content .boxed-container {
    padding: 20px;
}

.agent-properties-full .boxed-content-item {
    width: 100%;
}

.agent-properties-full .listing-item-container.three-columns-grid {
    width: 100%;
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.agent-properties-full .listing-item-container.three-columns-grid .listing-item,
.agent-properties-full .listing-item-container.three-columns-grid .listing-card {
    width: 100%;
    max-width: none;
}

@media (max-width: 1199.98px) {
    .agent-properties-full .listing-item-container.three-columns-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 767.98px) {
    .container,
    .container--full {
        padding-left: 14px !important;
        padding-right: 14px !important;
    }

    .agent-properties-full .listing-item-container.three-columns-grid {
        grid-template-columns: 1fr;
    }
}