span.status-available,span.status-not-available{display:block;top:0;color:#f5f5f5;padding:5px;font-size:12px;margin-bottom:25px}
span.status-not-available{background-color:#df1919}
span.status-available{background-color:#0e9725}
.cookieConsentContainer{z-index:999;width:350px;min-height:20px;padding:30px 30px 30px 30px;overflow:hidden;position:fixed;bottom:30px;right:30px;border-radius:4px;background:#fff;border:1px solid #e4e4e4;box-shadow:-2px 3px 4px 0 rgba(0,0,0,.05);display:none}
.cookieConsentContainer .cookieDesc p{margin:0;padding:0;display:block;margin-top:10px;margin-bottom:10px}
.cookieConsentContainer .cookieButton{line-height:1}
@media (max-width:768px){
    .cookieConsentContainer{bottom:0!important;right:0!important;width:100%!important;border-radius:0!important}
}
.latest-comments li.children-2 {
    margin-right: 80px;
}
#singleListingMap {
    height: 185px;
}
.img-120{max-height: 120px;width: 120px;}
.height250{height: 250px;}
.quick-error {
    color: red;display: none;
}
.card-horizontal img{ height: 100%}
#road_map{position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;}
.infoBox {
    min-width: 17.5rem;
    padding: 0;
    overflow: hidden;
    background: white;
    color: #333;
    box-shadow: 0 3px 14px rgba(0, 0, 0, 0.4);
    text-align: right;
    border-radius: 12px !important;
}

.leaflet-container a.leaflet-popup-close-button {
    position: absolute;
    top: 1rem;
    left: .5rem;
    width: 1.5rem;
    height: 1.5rem;
    padding: 0;
    background-color: #fff;
    border-radius: 50%;
    color: rgba(69, 64, 86, .7);
    font-size: .875rem;
    line-height: 1.5rem;
    text-align: center;
    text-decoration: none;
    box-shadow: 0 .125rem .125rem -0.125rem rgba(31, 27, 45, .08), 0 .25rem .75rem rgba(31, 27, 45, .08);
}
.billing-cycle-radios label { cursor: pointer;}
.billing-cycle-radios{display:block;margin:0 auto;text-align:center}
.billing-cycle-radios.text-align-left{text-align:right}
.billed-yearly-label{display:none}
.billed-yearly .billed-yearly-label{display:block}
.billed-yearly .billed-monthly-label{display:none}
.recommended .pricing-plan-label{color:var(--theme-color-1)}
.recommended .pricing-plan-label span{color:var(--theme-color-1)}
@media (max-width:992px){
    .pricing-plans-container{display:block}
}
.billed-yearly-label, .billed-lifetime-label { display: none }
.billed-yearly .billed-yearly-label, .billed-lifetime .billed-lifetime-label { display: block }
.billed-yearly .billed-monthly-label, .billed-lifetime .billed-monthly-label { display: none }
.otp-inputs {
    display: flex;
    justify-content: space-between;
    margin-bottom: 20px;
}

.otp-inputs input {
    width: 40px;
    height: 40px;
    font-size: 18px;
    text-align: center;
    border: 1px solid #ccc;
    border-radius: 4px;
}

.otp-inputs input:focus {
    border-color: #007bff;
    outline: none;
    box-shadow: 0 0 5px rgba(0, 123, 255, 0.5);
}

#resultMessage {
    margin-top: 15px;
    font-size: 14px;
    color: #ff4c4c;
}

/* Site logo (wide Arabic logo): fixed height, auto width */
.site-logo {
    height: 60px;
    width: auto;
    max-width: none;
}
@media (max-width: 575.98px) {
    .site-logo { height: 46px; }
}
@media (max-width: 360px) {
    .site-logo { height: 40px; }
}

/* Property type boxes (Residential / Commercial tabs): logo colours */
.tab-content .row > .col:nth-child(4n+1) > .icon-box { --exb-color: #CC1F4E; }
.tab-content .row > .col:nth-child(4n+2) > .icon-box { --exb-color: #F5B800; }
.tab-content .row > .col:nth-child(4n+3) > .icon-box { --exb-color: #7DB928; }
.tab-content .row > .col:nth-child(4n+4) > .icon-box { --exb-color: #3BA7DB; }
.tab-content .row > .col > .icon-box {
    border-bottom: 3px solid var(--exb-color) !important;
}
.tab-content .row > .col > .icon-box .icon-lg {
    color: var(--exb-color) !important;
    background-color: color-mix(in srgb, var(--exb-color) 12%, transparent) !important;
}

/* Listing cards: eye icon on hover (opens the listing details) */
.exb-view-icon {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 6;
    width: 56px;
    height: 56px;
    margin: -28px 0 0 -28px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: rgba(255, 255, 255, .95);
    color: #2E2E33 !important;
    font-size: 1.5rem;
    text-decoration: none;
    box-shadow: 0 .5rem 1.25rem rgba(0, 0, 0, .25);
    opacity: 0;
    transform: scale(.6);
    transition: opacity .25s ease, transform .25s ease, color .2s ease;
}
.card:hover .exb-view-icon,
.exb-view-icon:focus {
    opacity: 1;
    transform: scale(1);
}
.exb-view-icon:hover {
    color: #3BA7DB !important;
}
@media (hover: none) {
    .exb-view-icon { display: none; }
}

/* Back to top: smooth animated scroll + scroll progress ring */
.exb-scroll-top {
    overflow: visible;
    background-color: #2E2E33 !important;
    box-shadow: 0 .5rem 1.25rem rgba(0, 0, 0, .2);
}
.exb-scroll-top:hover {
    background-color: #3BA7DB !important;
}
.exb-scroll-top .btn-scroll-top-icon {
    display: inline-block;
    transition: transform .3s ease;
}
.exb-scroll-top:hover .btn-scroll-top-icon {
    animation: exb-arrow-bounce .9s ease-in-out infinite;
}
.exb-scroll-top.is-launching .btn-scroll-top-icon {
    animation: exb-arrow-launch .7s ease-in-out;
}
.exb-scroll-ring {
    position: absolute;
    top: -4px;
    left: -4px;
    width: calc(100% + 8px) !important;
    height: calc(100% + 8px) !important;
    max-width: none !important;
    max-height: none !important;
    transform: rotate(-90deg);
    pointer-events: none;
}
.exb-scroll-ring circle {
    fill: none;
    stroke-width: 3;
}
.exb-scroll-ring-bg {
    stroke: rgba(59, 167, 219, .18);
}
.exb-scroll-ring-bar {
    stroke: #3BA7DB;
    stroke-linecap: round;
    stroke-dasharray: 138.23;
    stroke-dashoffset: 138.23;
    transition: stroke-dashoffset .1s linear;
}
@keyframes exb-arrow-bounce {
    0%, 100% { transform: translateY(0); }
    50% { transform: translateY(-4px); }
}
@keyframes exb-arrow-launch {
    0% { transform: translateY(0); opacity: 1; }
    45% { transform: translateY(-16px); opacity: 0; }
    46% { transform: translateY(16px); opacity: 0; }
    100% { transform: translateY(0); opacity: 1; }
}

/* Map markers: Exboth logo pin */
.leaflet-marker-icon.custom-marker-dot:not(.leaflet-marker-shadow) {
    width: 36px !important;
    height: 45px !important;
    padding-left: 36px !important;
    margin-left: -18px !important;
    margin-top: -45px !important;
    border-radius: 0;
    box-shadow: none !important;
    background: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 48 60%22%3E%3Cpath d=%22M24 58C24 58 3 36.5 3 22.5A21 21 0 0 1 45 22.5C45 36.5 24 58 24 58Z%22 fill=%22%232E2E33%22 stroke=%22%23fff%22 stroke-width=%222%22/%3E%3Ccircle cx=%2224%22 cy=%2222.5%22 r=%2215.5%22 fill=%22%23fff%22/%3E%3Cg transform=%22translate(11.8 10.3) scale(.38)%22 fill=%22none%22 stroke-linecap=%22round%22 stroke-width=%227%22%3E%3Cpath d=%22M9 30 L28.5 13.5%22 stroke=%22%23CC1F4E%22/%3E%3Cpath d=%22M35.5 13.5 L55 30%22 stroke=%22%23F5B800%22/%3E%3Cpath d=%22M16 37 V54%22 stroke=%22%237DB928%22/%3E%3Cpath d=%22M48 37 V54%22 stroke=%22%233BA7DB%22/%3E%3Crect x=%2226%22 y=%2238%22 width=%2212%22 height=%2216%22 rx=%223%22 fill=%22%232E2E33%22 stroke=%22none%22/%3E%3C/g%3E%3C/svg%3E") center / contain no-repeat;
    filter: drop-shadow(0 3px 4px rgba(0, 0, 0, .3));
}
.marker-container {
    width: 36px;
    height: 45px;
    margin: -45px 0 0 -18px;
    border-radius: 0;
    animation: none;
    background: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 48 60%22%3E%3Cpath d=%22M24 58C24 58 3 36.5 3 22.5A21 21 0 0 1 45 22.5C45 36.5 24 58 24 58Z%22 fill=%22%232E2E33%22 stroke=%22%23fff%22 stroke-width=%222%22/%3E%3Ccircle cx=%2224%22 cy=%2222.5%22 r=%2215.5%22 fill=%22%23fff%22/%3E%3Cg transform=%22translate(11.8 10.3) scale(.38)%22 fill=%22none%22 stroke-linecap=%22round%22 stroke-width=%227%22%3E%3Cpath d=%22M9 30 L28.5 13.5%22 stroke=%22%23CC1F4E%22/%3E%3Cpath d=%22M35.5 13.5 L55 30%22 stroke=%22%23F5B800%22/%3E%3Cpath d=%22M16 37 V54%22 stroke=%22%237DB928%22/%3E%3Cpath d=%22M48 37 V54%22 stroke=%22%233BA7DB%22/%3E%3Crect x=%2226%22 y=%2238%22 width=%2212%22 height=%2216%22 rx=%223%22 fill=%22%232E2E33%22 stroke=%22none%22/%3E%3C/g%3E%3C/svg%3E") center / contain no-repeat !important;
    filter: drop-shadow(0 3px 4px rgba(0, 0, 0, .3));
}
.marker-container:before {
    display: none;
}
.leaflet-popup {
    margin-bottom: 24px;
}

/* Home tabs (Buy / Rent / Commercial, Residential / Commercial): clean unified pills */
section .justify-content-between > .nav.nav-tabs {
    gap: 8px;
    padding: 0;
    border: 0;
    background: transparent;
}
section .justify-content-between > .nav.nav-tabs .nav-item {
    margin: 0 !important;
}
section .justify-content-between > .nav.nav-tabs .nav-link {
    margin: 0 !important;
    padding: .5rem 1.4rem;
    border: 1px solid #E3E3E8 !important;
    border-radius: 50rem !important;
    background: #fff !important;
    color: #55555C !important;
    font-size: .95rem !important;
    font-weight: 600;
    transition: background-color .2s ease, color .2s ease, border-color .2s ease, box-shadow .2s ease;
}
section .justify-content-between > .nav.nav-tabs .nav-link:hover {
    border-color: #2E2E33 !important;
    color: #2E2E33 !important;
}
section .justify-content-between > .nav.nav-tabs .nav-link.active {
    border-color: #2E2E33 !important;
    background: #2E2E33 !important;
    color: #fff !important;
    box-shadow: 0 6px 14px -8px rgba(46, 46, 51, .6);
}