:root{
    --blue:#3D8BEA; /*#0057e7; 009FE3;*/
    --red: #E30613;
    --green: rgb(0, 150, 64);
    --bs-btn-active-color:var(--blue) !important;
    --bs-btn-active-bg:var(--blue) !important;
    --bs-btn-active-border-color:var(--blue) !important;
}
.bg-blue{
    background-color: var(--blue) !important;
}
.blue-border{
    border: 1px solid var(--blue) !important;
}
.platinum-border{
    /* border: 1px solid var(--blue) !important; */
    border: 2px solid #d1a65a !important;

}
.featured-border{
    border: 1px solid var(--blue) !important;
}
.rtl{
    direction:rtl;
}
.ltr{
    direction: ltr;
}
.opacity-02{
    opacity: 0.2;
}
th{
    vertical-align: middle;
}

a, a:focus {outline: none !important;}

@keyframes spin {
    0%   { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

.btn-primary {
    --bs-btn-color: #fff;
    --bs-btn-bg: var(--blue);
    --bs-btn-border-color: var(--blue);
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: var(--blue);
    --bs-btn-hover-border-color: #0a58ca;
    --bs-btn-focus-shadow-rgb: 49,132,253;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: var(--blue);
    --bs-btn-active-border-color: var(--blue);
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #0d6efd;
    --bs-btn-disabled-border-color: #0d6efd;
}
.btn-outline-primary {
    --bs-btn-color: var(--blue);
    --bs-btn-border-color: var(--blue);
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: var(--blue);
    --bs-btn-hover-border-color: var(--blue);
    --bs-btn-focus-shadow-rgb: 13,110,253;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: var(--blue);
    --bs-btn-active-border-color: var(--blue);
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: var(--blue);
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: var(--blue);
    --bs-gradient: none;
}

html, body{
    /* font-family: 'Inter', sans-serif; */
    font-family: 'Open Sans', sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 17px !important;
    line-height: 21px !important;
    height:100%;
}
.static{
    color:rgb(42, 42, 51);
    line-height: 30px;
}
.static h3{
    margin-top:15px;
}
.static h4{
    margin-top:20px;
}
.static h5, .static h6{
    margin-top:15px;
}
/* #app{
    height: 100%;
} */
/* #page_footer{
    font-size:14px;
} */
/* #page_footer a{
    font-size:14px;
    color: rgb(45, 56, 63);
    text-decoration: none;
}
#page_footer a:hover{
    text-decoration: underline !important;
} */
 
.page-footer {
    /* border-top: 1px solid var(--lm-line); */
    background: #fff;
    max-width: 1180px !important;
}

.page-footer h4 {
    font-size: 13px;
    font-weight: 900;
}

.page-footer a,
.page-footer p {
    color: #4d5a70;
    font-size: 12px;
    text-decoration: none;
}

.page-footer .social-icon a {
    color: var(--lm-blue);
    font-size: 16px;
    margin-inline-end: 18px;
}

.grecaptcha-badge{
    bottom:44px !important;
}
/*to avoid outline on google map when focus*/
iframe+div{
    border-width: 0px !important;
}

.fadeOut{
    opacity:0.2;
    transition: 1s;
}

.dropdown-menu li{
    padding:1px;
    line-height: 1.4em;
    font-size:0.95em;
}
.language-switcher{
    position:absolute;
    top:0px;
    z-index:99999;
    /* font-family: 'Inter'; */
    font-style: normal;
    font-weight: 400;
    font-size: 17px !important;
    line-height: 21px !important;
    color: #373737 !important;
}
.language-switcher a{
    color: #B5B4B4 !important;
    text-decoration: none;
}
a.lang-flags{
    background-image: url(../images/flags@2x.png);
    background-repeat: no-repeat;
    background-color:transparent;
    width:40px;
    background-size: 11304px 30px;
}
a.lang-flags.flag_lb{
    height: 28px;
    background-position: -5794px 0px;
}
a.lang-flags.flag_us{
    height: 22px;
    background-position: -10526px 0px;
}

#mainNavBar, #mainNavBar a:not(a.active),
#leftMainNavBar, #leftMainNavBar a:not(a.active){
    color: #373737 !important;
}
#mainNavBar a.active, #leftMainNavBar a.active{
    color: var(--blue) !important;
    background: none; 
    /* var(--blue) !important; */
    font-weight: bold;
    border-radius: 2px;
}
#mainNavBar a.btn-list-property:not(a.active),
#mobileMenu a.btn-list-property{
    /* font-family: 'Inter'; */
    /* font-weight: 700; */
    font-size:0.85rem !important;
    color: white !important;
    background-color: var(--red) !important;
    border-color: var(--red) !important;
    padding: 0.35rem 0.5rem !important;
    margin-top:2.5px;
}

#mainNavBar a.login{
    color: white !important;
    padding: 0.25rem 0.5rem !important;
}

#login_tabs .nav-link{
    position:relative;
    border:0px;
    color:black;
}
#login_tabs .nav-link:hover{
    color:var(--blue);
}
#login_tabs .nav-link.active{
    color:var(--blue);
}
#login_tabs .nav-link.active::before{
    position:absolute;
    bottom:0;
    left:0;
    right:0;
    height:4px;
    border-radius:4px 4px 0 0;
    background-color:var(--blue);
    content:"";
}

/* styles.css */
.password-container {
    position: relative;
}
.form-control.flag-icon{
    padding-left:40px;
    position:relative;
}
.form-control.flag-icon ~ .leb-flag{
    display:inline-block;
    top:0;
    content:'';
    width:20px;
    height:14px;
    background-size: 5652px 15px;
    background-image:url('../images/flags@2x.png');
    background-repeat:no-repeat;
    background-position: -2897px 0px;
    position: absolute;
    top: 19px;
    left: 10px;
}

/****** positioning is handled seperately in ltr and rtl*********/
.eye-icon {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    cursor: pointer;
    font-size: 18px;
    color:#696c70;
}
.form-control.is-invalid ~ .eye-icon, .was-validated .form-control:invalid ~ .eye-icon {
    transform: translateY(-106%);
}

.navbar-brand{
    max-width: min(40%,200px);
}
.logo{
    /* max-width:200px; */
    max-width:100%;
    /* width:250px;
    height:55px; */
}
.footer-logo{
    width: 232px;
    max-width: 48vw;
}
.footer-title {
    color: var(--lm-blue-dark);
    font-size: clamp(20px, 1.6vw, 42px);
    line-height: 1.12;
    letter-spacing: 0;
    font-weight: 900;
}

.footer-title span.buy {
    color: var(--blue);
}
.footer-title span.rent {
    color: var(--green);
}
.footer-title span.sell {
    color: var(--red);
}

#main-logo{
    transform: translateY(-23%);
}
.avatar {
    width: 40px;
    height: 40px;
    border-radius: 50%;         /* Makes it a circle */
    overflow: hidden;           /* Clips the image inside */
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #fff;  /* Optional background */
    border: 2px solid var(--blue);     /* Optional border */
  }
  
  .avatar img {
    width: 100%;
    height: 100%;
    object-fit: contain;
  }
  .avatar::after{
    display:none;
  }

/* .nice-scrollbar */
.nice-scrollbar::-webkit-scrollbar {
    width: 8px;
}

.nice-scrollbar::-webkit-scrollbar-track {
    border-radius: 8px;
    background-color: #e7e7e7;
    border: 1px solid #cacaca;
}

.nice-scrollbar::-webkit-scrollbar-thumb {
    border-radius: 8px;
    background-color: #cacaca;
}

.dataTables_wrapper .dataTables_scrollBody .dataTable{
    min-height:280px;
}
.dataTables_wrapper .dataTables_scrollBody .dataTable tbody td:not(:last-child){
    cursor:pointer;
}


/**********search bar on main page ***********/
.search-panel {
    position: absolute;
    bottom: calc(50% - 40px);
    left: 0;
    right: 0;
    z-index: 999;
}
.slogan h1{
    font-size:2.2rem;
    font-family: 'Open Sans', sans-serif;
    font-weight: bold;
    color:white;
    text-decoration: none;
    padding-bottom:10px;
    /* text-transform: uppercase !important; */
}
.search-form{
    display: flex;
    border: 1px solid #f8f9fa;
    border: none;
}
.search-form #main_search{
    border: none;
    margin: 0;
    border: 1px solid transparent;
    /* padding: 15px 40px 15px 4px; */
    font-size: 20px;
    
    /* background: rgba(255,255,255,1)  url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' style='color:blue;' stroke-width='2'  class='bi bi-search' viewBox='0 0 16 16'%3E%3Cpath d='M11.742 10.344a6.5 6.5 0 1 0-1.397 1.398h-.001c.03.04.062.078.098.115l3.85 3.85a1 1 0 0 0 1.415-1.414l-3.85-3.85a1.007 1.007 0 0 0-.115-.1zM12 6.5a5.5 5.5 0 1 1-11 0 5.5 5.5 0 0 1 11 0z'%3E%3C/path%3E%3C/svg%3E") no-repeat right center; */
}

.hide-placeholder::-webkit-input-placeholder {
    visibility: hidden;
}
.hide-placeholder:-moz-placeholder {
    visibility: hidden;
}
.hide-placeholder::-moz-placeholder {
    visibility: hidden;
}
.hide-placeholder:-ms-input-placeholder {
    visibility: hidden;
}

/****************************************/

#search-wrapper{
    height: calc(100% - 73px);
    /* background-color: black; */
    overflow:hidden;
}
#listing{
    height:100%;
    z-index:1;
    box-shadow: -2px 2px 5px 0 rgb(0 0 0 / 40%);
    overflow-y: auto;
    overflow-x: hidden;
}


/******************Search bar********************/

#search_form .dropdown-menu,
#search_form .form-control{
    /* font-family: 'Inter' !important; */
    font-style: normal !important;
    font-weight: 400 !important;
    font-size: 13px !important;
    line-height: 16px !important;
    color: #6E6D75 !important;
}

.highlight{
    background: #f8f9fa;
}

#search_form #location{
    /* font-family: 'Inter'; */
    font-weight: 700 !important;
    font-size: 15px !important;
    color: rgb(42,42,51) !important;
}
.ui-menu-item-wrapper{
    padding:10px 1em 10px .4em !important;
}

.dropdown-toggle{
    background-color:transparent !important;
    /* border: 1px solid #B5B4B4; */
}
.dropdown-toggle.hidden-arrow::after {
    display: none;
}
.dropdown-menu{
    z-index:9999;
    padding:5px;
}
.action-section-title{
    text-transform: uppercase;
    font-size: clamp(13px, 1.6vw, 14px);
}

@media (max-width: 767.98px) {
    #mainNavBar .account-dropdown-menu {
        display: block;
        max-height: 0;
        margin-top: 0;
        padding-top: 0;
        padding-bottom: 0;
        overflow: hidden;
        visibility: hidden;
        pointer-events: none;
        border-width: 0;
        transition: max-height 0.35s linear, margin 0.35s linear, padding 0.35s linear, border-width 0.35s linear, visibility 0s linear 0.35s;
    }

    #mainNavBar .account-dropdown-menu.show {
        max-height: calc(100vh - 150px);
        margin-top: 0.125rem;
        padding-top: 5px;
        padding-bottom: 5px;
        overflow-y: auto;
        visibility: visible;
        pointer-events: auto;
        border-width: 1px;
        transition-delay: 0s;
    }
}

#selectedStatusDesc.red, #selectedStatusDesc.red + i{
    color: var(--red);
}
#selectedStatusDesc.blue, #selectedStatusDesc.blue + i{
    color:var(--blue);
}
#selectedStatusDesc.green, #selectedStatusDesc.green + i{
    color:#009640;
}
#dd_types.dropdown>.dropdown-menu{
    width:380px;
}
#dd_prices.dropdown>.dropdown-menu{
    width:380px;
}
#dd_baths.dropdown>.dropdown-menu,
#dd_beds.dropdown>.dropdown-menu{
    width:380px;
}
#dd_more.dropdown>.dropdown-menu{
    width:380px;
}
#dd_more .more_status .fields{
    display: flex;
}
#dd_more .more_status .fields a{
    text-align: center;
    border-radius:20px;
    border:1px solid #6E6D75;
    margin:5px;
}
.dropdown-menu {
    /*viewport height - menu height - list/map switcher when mobile view*/
    /*but substract additional 60px due to a bottom bar in iphones*/
    /* 100vh - 130px - 60px */
    max-height: calc(100vh - 60px); 
    /* height: calc(100vh - 190px);  */
    overflow-y: auto;
}

svg.icon path:not(.check){
    stroke: #6E6D75;
    stroke-width: 1.0365;
}
svg.icon path.check-circle{
   display: none;
   stroke: var(--blue);
   stroke-width: 1.0365;
}
svg.icon path.check{
    display:none;
}
svg.icon.active-option path:not(.check){
    stroke: var(--blue);
}
svg.icon.active-option ~ span{
    color: var(--blue);    
}
a.active-option{
    color:var(--blue);
}

svg.icon.active-option path.check-circle{
    display: inline;
    stroke: var(--blue);
    stroke-width: 1.0365;
}
svg.icon.active-option path.check{
    display: inline;
    stroke-width: 1.0365 !important;
    stroke:white;
}

.dropdown>.dropdown-menu .btn-bottom{
    /* font-family: 'Inter'; */
    font-style: normal;
    font-weight: 700;
    font-size: 13px;
    line-height: 16px;
}
#dd_types.dropdown>.dropdown-menu .dropdown-item{
    display:inline;
    width:50%;
}
.search-criteria{
    /* border: 1px solid #B5B4B4; */
    padding-left:15px;
    padding-right:15px;
    font-weight: 700;
}
.search-button{
    /* font-family: 'Inter'; */
    font-weight: 700;
    font-size:16px;
    color: rgb(42,42,51);
}
.search-button-selected{
    border: 2px solid var(--blue);
    color: var(--blue);
}
.dropdown.btn-group{
    position:relative;
}
.dropdown.btn-group .clear-filter-icon:before{
    color:#6E6D75;
    background-color:white;
    font-size:18px;
}

.search-button:hover,
.search-button:visited,
.search-button:active,
.search-button:focus,
.search-button.show{
    color: rgb(42,42,51) !important;
}
.search-button.search-button-selected:hover,
.search-button.search-button-selected:visited,
.search-button.search-button-selected:active,
.search-button.search-button-selected:focus,
.search-button.search-button-selected.show{
    color: var(--blue) !important;
}
.search-option {
    /* font-family: 'Inter'; */
    font-style: normal;
    font-weight: 400;
    font-size: 13px;
    line-height: 16px;
    color: #6E6D75;
    text-decoration: none;
}
#search_form a.circle-option{
    display:inline-block;
    margin:5px;
    border:1px solid #6E6D75;
    color:#6E6D75;
    border-radius: 50%;
    width:40px;
    /* height:40px; */
    line-height: 35px;
    padding-left:4px;
    padding-right:4px;
    text-align: center;
}
#search_form a.circle-option.active-option,
#search_form a.circle-option:hover
{
    color:var(--blue);
    border: 1px solid var(--blue);
    font-weight:bold;
    background-color: rgba(255,225,255,0.8);
}
#search_form .bold-label{
    font-weight:bold;
    color:#373737;
}
#sub_admin_menu a.nav-link{
    font-size:.8em;
}
.pac-container{
    z-index:99999;
}
#googleAddress{
    width:50%;
    margin:20px;
}
 .ui-autocomplete{
    z-index:9999999;
    max-height: 200px;
    overflow-y: scroll;
    overflow-x: hidden;
}
.autocomplete-highlight{
    overflow-x: hidden;
    overflow-y: scroll;
}
.autocomplete-highlight *{
    /* font-family: 'Inter'; */
    font-style: normal;
    font-weight: 400;
    font-size: 13px;
    line-height: 16px;
    color: #6E6D75;
    text-decoration: none;
}

/* #search_form autocomplete-highlight h5, 
#search_form autocomplete-highlight h5.ui-state-active{
    margin:0px !important;
    padding: 10px !important;
} */

.map-container{
    width:50%;
    max-width: calc(100% - 300px);
    height:100%;
    display: flex;
}
#listing{
    flex: 1 0 0%;
}
#map .gm-style .gm-style-mtc {
    text-align:right !important;
}
#map .gm-style .gm-style-mtc>button {
    margin-right: 10px !important;
    display:inline-block !important;
}
#map ul[role=menu]{
    background: var(--red);
    bottom: 100% !important;
    top:auto !important;
}

.ad-icon{
    font-size:12px;
    font-weight: bold;
    padding:5px;
    line-height: 12px;
    z-index:999;
}
.ad-sponsored{
    font-size:10px;
    font-weight: bold;
    padding:4px;
    line-height: 12px;
    z-index:999;
}
#vbanner .position-relative>div:not(.ad-icon):not(.ad-sponsored){
    position:sticky !important;
    top:66px;
    /* height:500px !important; */
}
#vbanner a{
    background-size: contain !important;
    background-position: top;
    /* height:auto !important; */
}
  /***********************************************/

  /*************************************/
  /*******map markers*********************/
  #map .property {
    /* align-items: center;
    color: white;
    display: flex;
    font-size: 11px;
    font-weight:bold;
    justify-content: center;
    padding: 2px 7px; */
    position: relative;
    outline:none;
    /* gap: 15px; */
    /* height: 30px; */
    /* transition: all 0.3s ease-out; */
    /* width: 40px; */
  }
  #map div, 
  #map div:focus, 
  #map *,
  #map *:focus,
  #map .property:focus{
    outline:none !important;
  }

  #map .btn-remove-filter{
    border:0;
    box-shadow: inset 0 0 0 0.125rem var(--blue);
    background-color: #f2faff;
    display: inline-flex;
    justify-content: center;
    color: #2a2a33;
    border-radius: 0.25rem;
    padding: 5px 1rem;
    font-size: 0.875rem;
    font-family: open sans, sans-serif;
    font-weight: 700;
    line-height: 1.9rem;
  }
  #map .property .icon{
    border-radius: 10px;
  }
  #map .property .icon::after {
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    content: "";
    height: 0;
    left: 50%;
    position: absolute;
    top: 90%;
    transform: translate(-50%, 0);
    transition: all 0.3s ease-out;
    width: 0;
    z-index: 1;
  }
  #map .property.forsale .icon{
    background-color: var(--red);
  }
  #map .property.forsale .icon::after {
    border-top: 5px solid var(--red);
  }  
  #map .property.forrent .icon{
    /* background-color: #009640; */
    background-color: var(--red);
  }
  #map .property.forrent .icon::after {
    /* border-top: 5px solid #009640; */
    border-top: 5px solid var(--red);
  }  
  #map .property.forsold .icon{
    background-color: var(--red);
  }
  #map .property.forsold::after {
    border-top: 5px solid var(--red);
  }  
  
  #map  .property .icon {
    align-items: center;
    display: flex;
    justify-content: center;
    color: white;
    padding:2px 7px;
  }
  
  #map  .property .icon svg {
    height: 20px;
    width: auto;
  }

  #map .custom-popup {
    position: absolute;
    background-color: white;
    border-radius:15px;
    box-shadow:0 4px 12px rgba(0,0,0,0.3);
  }
  
  #map  .details {
    display: flex;
    flex-direction: column;
    flex: 1;
    color:black;
    background-color:white;
    border-radius:15px;
    width:250px;
    max-width: 100%;
    max-height:400px;
    /* height:250px; */
  }
  #map .details .marker-details-img{
    width:100%;
    height:200px;
    overflow:hidden;
  }
  #map .details .marker-details-img a{
    display:block;
    width:100%;
    height:100%;
  }
  #map .details .marker-details-img img{
    height:100%;
    width:100%;
    object-fit: cover;
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
  }
  #map .details .marker-details-data{
    display:flex;
    flex:1;
    padding:12px;
  }
  #map .details .price{
    font-weight: bold;
    font-size: 16px;
    padding-bottom: 6px;
  }
  #map .details .title{
    font-weight: 700;
    font-size: 14px;
    line-height: 16px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  #map .details .address{
    text-transform: capitalize;
    font-size: 13px;
    line-height: .5rem;
    padding-top:7px;
  }
  #map .details .val{
    font-weight: 700;
  }

  #map  .marker-highlight {
    z-index: 99999 !important;
  }
  #map  .marker-highlight .forsale .icon {
    transform: scale(1.2);
    /* background-color:var(--red) !important; */
    background-color: var(--blue) !important;
  }
  #map  .marker-highlight .forrent .icon {
    transform: scale(1.2);
    /* background-color:var(--red) !important; */
    background-color: var(--green) !important;
  }
  #map .marker-highlight .real-pin{
    transform: scale(1.2);
    /* background-color: var(--red) !important; */
  }
  #map .marker-highlight.forsale .real-pin path{
    fill: var(--blue) !important;
  }
  #map .marker-highlight.forrent .real-pin path{
    fill: var(--green) !important;
  }
  #map .marker-highlight .property.forsale .icon::after {
    border-top: 5px solid var(--blue) !important;
  }  
  #map .marker-highlight .property.forrent .icon::after {
    border-top: 5px solid var(--green) !important;
  }

  #map .marker-highlight-rent, #map .marker-highlight-sale {
    z-index: 99999 !important;
  }
  #map  .marker-highlight-rent .forrent .icon,
  #map  .marker-highlight-sale .forsale .icon {
    transform: scale(1.2);
    background-color: var(--red) !important;
  }
  #map .marker-highlight-rent .real-pin, 
  #map .marker-highlight-sale .real-pin{
    transform: scale(1.2);
  }
  #map .marker-highlight-rent.forrent .real-pin path,
  #map .marker-highlight-sale.forsale .real-pin path{
    fill: var(--red) !important;
  }
  #map .marker-highlight-rent .property.forrent .icon::after,
  #map .marker-highlight-sale .property.forsale .icon::after {
    border-top: 5px solid var(--red) !important;
  }

  /****************pin marker**********************/
  .real-pin {
    /* transform: translate(-50%, -100%); */
    cursor: pointer;
    }

  /*************************************/


  #count_and_sort{
    /* font-family: 'Inter'; */
    font-style: normal;
    font-weight: 400;
    font-size: 15px;
    line-height: 21px;
    color: #373737;
  }

  /*****************************************/
  /*************pagination*****************/
  div.pagination-bar, div.others-pagination-bar{
    height:70px;
    padding:15px;
}
div.page-number{
    display:flex;
    justify-content:center;
    line-height:40px;
    margin-right:2px;
    margin-left:2px;
}
/* div.page-number.ellipsis{
    font-weight:bold;
    font-size:18px;
    letter-spacing:3px;
} */
div.page-number>a{
    border-radius:50%;
    width:40px;
    height:40px;
    display: flex;
    align-items: center;
    justify-content: center;
    /* margin:5px; */
    /* box-shadow: 2px 2px 5px rgba(0,0,0,.3); */
    /* line-height:40px; */
    text-align:center;
    font-weight: bold;
    font-size:15px;
    text-decoration: none;
    color: black;
    transition: 0.2s;
    border: 1px solid rgba(0,0,0,0);
}
div.page-number.active > a{
    border: var(--blue) 1px solid;
    color: var(--blue);
}
div.page-number:not(.active) > a:hover{
    background-color: rgba(0, 0, 0, 0.10);
    border: rgba(0, 0, 0, 0.2) 1px solid;
}

  /*******************property tile::post blade component*******************/
  .search-result-tile{
    position: relative;
    transition: 0.1s ease;
    background-size:50px auto;
    background-repeat: no-repeat;
  }
  .search-result-tile.sideway{
    background-size:auto 65px;
  }
  .search-result-tile:not(.sideway) .carousel{
    aspect-ratio: 7/5;
    overflow: hidden;
  }
  .search-result-tile:not(.sideway) .carousel .carousel-inner,
  .search-result-tile:not(.sideway) .carousel .carousel-item,
  .search-result-tile:not(.sideway) .carousel .carousel-item img {
    height: 100%;
    width: 100%;
    object-fit: cover;
    overflow: hidden;
    }
  .search-result-tile a{
        text-decoration: none;
        color: #373737;
    }
    .search-result-tile > a:hover {
        box-shadow: 5px 5px 10px rgb(90 90 90 / 50%);
        transform: scale(1.005);
        transition-delay: 0.02;
        transition-duration: 0.3s;
    }
    .search-result-tile > a > .card{
        background-color: transparent !important;
    }
  .search-result-tile .badges{
    position:absolute;
    left:15px;
    top:5px;
    right: 15px;
    z-index:99;
  }
  .search-result-tile .badges .badge{
    /* background-color: #6E6D75; */
    text-align:start !important; /*overrride the center property in bs badge class*/
    /* min-width: 120px; */
    /* font-family: 'Inter'; */
    font-style: normal;
    font-weight: 700;
    /* font-size: 10.3885px; */
    line-height: 13px;
  }
  .search-result-tile .badges .badge-rent{
    color: #FFFFFF;
    background-color: var(--green);
  }
  .search-result-tile .badges .badge-sale{
    color: #FFFFFF;
    background-color: var(--blue);
  }
  .search-result-tile .photos-count{
    background-color: var(--blue);
  }
  .search-result-tile .price{
    /* font-family: 'Inter'; */
    font-style: normal;
    font-weight: 700;
    font-size:24px;
    line-height: 22px;
    /* letter-spacing: -0.03em; */
    color: #373737;
    margin-bottom:1px;
  }
  .search-result-tile .desc{
    font-size:14px;
    line-height: 19px;
    color: #373737;
  }
  .search-result-tile .title{
    display:block;
    overflow: hidden;
    white-space:nowrap;
    text-overflow: ellipsis;
    padding-top:0;
    padding-bottom:5px;
    font-weight:bold;
  }

.search-result-tile .val{
    font-weight:700;
}
.search-result-tile .location{
    color: #6E6D75;
}
.search-result-tile .dealer{
    color:#B5B4B4;
    font-size: 10px;
    text-transform: uppercase;
}
.search-result-tile .carousel-inner,.search-result-tile .carousel-item{
    height:245px;
    /* height:195px; */
}
.search-result-tile.sideway .carousel-inner,.search-result-tile.sideway .carousel-item{
    /* height:255px; */
    height:208px;
}
.search-result-tile .carousel-inner .carousel-item img:not(.no-img){
    width:100%;
    height:100%;
    object-fit: cover;
    overflow: hidden;
}
.search-result-tile .carousel-inner .carousel-item img.no-img{
    width:100%;
    height:100%;
    object-fit: contain;
}
.search-result-tile .carousel-indicators {
    margin-right: 15%;
    margin-bottom: 4px;
    margin-left: 15%;
}

.search-result-tile .carousel-indicators [data-bs-target] {
    width: 7px;
    height: 7px;
    border-radius:50%;
    background-color: rgba(255,255,255,1);
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
}

.search-result-tile > a{
    height: 100% !important;
}
.sideway-row{
    flex-direction: row;
}
.sideway-row .carousel-side{
    flex: 0 0 auto;
    width: 35%; /*33.33333333%;*/
}
.bg-logo-dealer{
    background-size: auto 70px;
    background-repeat: no-repeat;

    flex: 0 0 auto;
    width: 65%;
    /* width: 66.66666667%; */
}
.search-result-tile .contact-buttons-bar{
    position: absolute !important;
    margin-left: 33.33333333%;
    width: 66.66666667%;
}

#listings_container .boosted-badge{
    width:120px;
}
/* .search-result-tile  */
.boosted-platinum{
    /* background-color:#919fb0; */
    /* color:#f3f2e9; */
    
    /* color: goldenrod; */
    /* background: linear-gradient(90deg, #f5d684, #d1a65a); */
    background:  #f5d684;
    color:black;

    font-size:0.7rem;
    font-weight: bold;
    /* box-shadow: 1px 1px 3px 2px rgb(0 0 0 / 30%); */
    /* border-style: solid; */
    /* border-width:1px 1px 1px 7px;
    border-color: goldenrod; */
    border-radius: 4px;
    padding: 3px 10px;
    margin-top:-3px !important;
}
/* .search-result-tile  */
.boosted-featured{
    /* background: linear-gradient(90deg, var(--blue), rgb(161, 161, 207)); */
    background-color:var(--blue);
    /* color:rgba(255, 255, 255, 0.704); */
    color:rgba(255, 255, 255,1);
    font-size:0.7rem;
    font-weight: bold;

    /* border-style: solid;
    border-width:1px 1px 1px 7px;
    border-color: var(--blue); */
    border-radius: 4px;
    padding: 3px 10px;
    margin-top:-3px !important;
}

.boosted-reset{
    background: rgb(25, 135, 84);
    color:white;
    font-size:0.7rem;
    font-weight: bold;
    border-radius: 4px;
    padding: 3px 10px;
    margin-top:-3px !important;
}
.spinner-reset{
    animation: spin 6s linear infinite;
}

.product-bar{
    display:flex;
    justify-content: space-between;
    padding-top:10px;
    padding-bottom:5px;
    font-weight:bold;
    /* opacity:0.7; */
    font-size: 0.9rem;
}
.product-bar a{
    text-decoration: none;
    color:var(--red);
}
.product-bar a .fas{
    padding-top: 3px;
    font-size: 1.3rem;
}
/* .product-title{
}
.product-view-all{

} */

#recommendations{
    font-weight:bold !important;
    font-size:16px;
    text-align:center;
    margin-bottom:15px;
}
#recommendations div{
    text-align:center;
    display:flex;
    justify-content: center;
    align-items: center;
    white-space: nowrap ;
    padding:5px;
}
#recommendations div::before,#recommendations div::after{
    content:'';
    width:100%;
    border-top:1px solid black;
    align-self: center;
    margin: 0 10px;
    overflow: hidden;
    text-overflow:hidden;
}

/**************************************/

/******single post******/
.single-post .icons-bar{
    height:57px;
    color: #6E6D75;
    fill:#6E6D75;
}

.main-grid{
    padding-top: 47.619047%;
    position:relative;
}
.main-grid-inner{
    display:flex;
    flex-direction: row;
    gap: 6px;
    position:absolute;
    width:100%;
    height:100%;
    top:0;
    left:0;
    right:0;
    bottom:0;
}
.div-main{
    flex:2;
    width: 66.66666667%;
    position:relative;
}
.div-main>a{
    box-sizing: border-box;
    display: block;
    overflow: hidden;
    width: initial;
    height: initial;
    background: none;
    opacity: 1;
    border: 0;
    margin: 0;
    padding: 0;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}
.div-main>a>img{
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    box-sizing: border-box;
    padding: 0;
    border: none;
    margin: auto;
    display: block;
    width: 0;
    height: 0;
    min-width: 100%;
    max-width: 100%;
    min-height: 100%;
    max-height: 100%;
    object-fit: cover;
}
.single-post .div-main img{
    width:100%;
    height: 100%;
    aspect-ratio:7/5;
    object-position: center center;
    border: 1px solid rgba(0,0,0,.2);
}

.aside{
    display:flex;
    flex:1;
    flex-direction: column;
    gap: 6px;
}
.aside1, .aside2{
    position:relative;
    flex:1;
}
.aside1 a, .aside2 a{
    box-sizing: border-box;
    display: block;
    overflow: hidden;
    width: initial;
    height: initial;
    background: none;
    opacity: 1;
    border: 0;
    margin: 0;
    padding: 0;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}
.single-post .aside1 img,.single-post .aside2 img{
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    box-sizing: border-box;
    padding: 0;
    border: none;
    margin: auto;
    display: block;
    width: 0;
    height: 0;
    min-width: 100%;
    max-width: 100%;
    min-height: 100%;
    max-height: 100%;
    object-fit: cover;

    object-position: center center;
    aspect-ratio:7/5;
    border: 1px solid rgba(0,0,0,.2);
}
img.no-image{
    width:100%;
    height: 100%;
    display:block;
    border:1px solid black;
    object-position: center center !important;
    object-fit: contain !important;
}

.single-post .photos-count, .single-post .video-icon{
    background-color: var(--blue);
    font-size:0.9rem;
}
.single-post .photos-count-sale, .single-post .video-icon-sale{
    background-color: var(--blue);
    font-size:0.9rem;
}
.single-post .photos-count-rent, .single-post .video-icon-rent{
    background-color: var(--green);
    font-size:0.9rem;
}
.single-post .badges{
    position:absolute;
    left:10px;
    top:10px;
    right:10px;
    z-index:99;
  }
  .single-post .badges .badge{
    text-align:start !important;
    font-style: normal;
    font-weight: 700;
    line-height: 13px;
  }
  .single-post .badges .badge-rent{
    color: #FFFFFF;
    background-color: var(--green);
  }
  .single-post .badges .badge-sale{
    color: #FFFFFF;
    background-color: var(--blue);
  }

.links-block{
    font-size:11px;
}
.links-block .block-header{
    font-style: normal;
    font-weight: 700;
    font-size: 1.59em;
    line-height: 22px;
    letter-spacing: -0.03em;
    color: #373737;
    margin-bottom: 1px;
}
.links-block .block-body a.link{
    text-decoration: none;
    padding:5px 0px;
    /* color:var(--blue); */
    color:#373737;
    font-size:1.3em;
}
.links-block .block-body a:hover{
    color:var(--blue);
    font-weight: bold;
}
.sitemap{
    font-size:11px;
}
.sitemap .block-header{
    font-style: normal;
    font-weight: 700;
    font-size: 1.59em;
    line-height: 22px;
    letter-spacing: -0.03em;
    color: #373737;
    margin-bottom: 1px;
}
.sitemap a.link{
    text-decoration: none;
    padding:5px 0px;
    color:#373737;
    font-size:1.3em;
}
.sitemap a:hover{
    color:var(--blue);
    text-decoration: underline !important;
}

.single-post .grid-listing-container{
    color: #373737;
}
.single-post .grid-listing-container .title{
    grid-area: title;
    font-weight:bold;
    font-size: 18px;
    line-height: 28px;
    max-width:100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display:block;
}
.single-post .grid-listing-container .big-price{
    grid-area: price;
    font-style: normal;
    font-weight: 700;
    font-size: 40px;
    line-height: 42px;
    letter-spacing: -0.03em;
    align-items: flex-end;
    justify-content: flex-start;
    display:flex;
}
.single-post .grid-listing-container .big-price .price{
    display: inline-block;
}

.single-post .grid-listing-container .big-beds { grid-area: beds; display: flex;align-items: flex-end;justify-content:center;font-weight: 700; font-size: 28px;line-height: 34px;letter-spacing: -0.03em;}
.single-post .grid-listing-container .big-beds small{font-size:17px; font-weight: normal;color: #6E6D75;margin-bottom:-4px;}
.single-post .grid-listing-container .big-baths { grid-area: baths; display: flex;align-items: flex-end;justify-content:center;font-weight: 700; font-size: 28px;line-height: 34px;letter-spacing: -0.03em;}
.single-post .grid-listing-container .big-baths small{font-size:17px; font-weight: normal;color: #6E6D75;margin-bottom:-4px;}

.single-post .grid-listing-container .big-sqm { grid-area: sqm; display: flex;align-items: flex-end;justify-content:center;font-weight: 700; font-size: 28px;line-height: 34px;letter-spacing: -0.03em;}
.single-post .grid-listing-container .big-sqm small{font-size:25px; font-weight: 700;color: #6E6D75;margin-bottom:-4px;}

.single-post .big-location{grid-area:location; font-style:normal;font-weight: 400;line-height: 16px;font-size:14px;}
.single-post .big-date{grid-area:ago;display: flex;align-items: flex-end;justify-content:end; font-style:normal;font-weight: 400;line-height: 16px;font-size:14px;}

.single-post .grid-listing-container .listing-map { grid-area: map; display: flex;align-items: flex-end;justify-content:center;height:100px;}
.single-post .grid-listing-container .click-to-enlarge-map{
    text-decoration: none;
    /* color: var(--blue); */
    font-size: 0.6rem;
    line-height: 1.3em;
}
.single-post .grid-listing-container {
  display: grid;
  grid-template-columns:3fr 1fr 1fr 1fr 1fr 1fr;
  grid-template-areas:
    'price beds baths sqm map map'
    'title title title title map map'
    'location location ago ago map map';
  gap: 10px;
  /* padding: 10px; */
}

.single-post .listing-content{
    font-style: normal;
    font-weight: 400;
    font-size: 15px;
    line-height: 20px;
    /* color: #6E6D75; */
    color: #313131;
}

.single-post .listing-content .details:nth-of-type(2n+1) .row {
    background-color: #f2f4f5;
}
.single-post .listing-content .details:nth-of-type(2n) .row {
    background-color: #fff;
}


.single-post .single-post-amenities-badge{
    font-size: 0.9rem;
    padding: 5px 15px;
    margin: 10px 5px 0px 5px;
    font-weight: normal;
    /* background-color: var(--blue); */
    color: var(--blue) !important;
    border: 1px solid var(--blue);
}


.single-post .dealer-section{
    font-style: normal;
    font-weight: 700;
    font-size: 18px;
    line-height: 22px;
    text-align: center;

    background: #FFFFFF;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.15);
    border-radius: 5px;
    border: 1px solid #373737;
}
.single-post .dealer-name{
    color: #373737;
}
.single-post .dealer-phone span, .single-post .dealer-whatsapp span{
    font-weight:bold;
    display:block;
    width:50px;
    height:50px;
    border: 1px solid;
    border-radius:50%;
    box-shadow: 0px 0px 5px rgba(0,0,0,.3);
}
.single-post .dealer-phone i{
    font-size:1.5rem;
}
.single-post .dealer-whatsapp i{
    font-size:1.8rem;
}
.single-post .dealer-phone span{
    color: var(--blue);
    padding:10px;
}
.single-post .dealer-whatsapp span{
    color: #009640;
    padding:8px;
}
.single-post .dealer-phone a, .single-post .dealer-whatsapp a{
    text-decoration: none;
    color: black;
    padding-top:8px;
    display: block;
}
.single-post .seal-badge{
    font-size:11px;
    /* color: white; */
    color: var(--blue);
    width: auto !important;
    /* display: inline-block; */
    position:absolute;
    margin-top:-13px;
}

.single-post .member-since{
    font-size:12px;
    /* color: var(--blue); */
}




.owner-card{
    font-style: normal;
    font-weight: 700;
    font-size: 18px;
    line-height: 22px;
    /* text-align: center; */
    background: #FFFFFF;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.15);
    border-radius: 5px;
    border: 1px solid var(--blue);
    /* border:0; */
}
.owner-card .dealer-name{
    color: var(--blue);
}

.owner-card .dealer-phone a, .owner-card .dealer-whatsapp a{
    text-decoration: none;
    display: block;
    font-size: 0.8rem;
}
.owner-card .dealer-whatsapp a i{
    font-size: 1rem;
}
.owner-card .seal-badge{
    font-size:11px;
    color: var(--blue);
    width: auto !important;
    margin-top:0px;
}


.location_marker_svg{
    width:1.2em;
    height: 1.2em;
    margin-right:0.05em;
}

#photoGalleryModal .big-price{
    grid-area: price;
    font-style: normal;
    font-weight: 700;
    font-size: 30px;
    line-height: 42px;
    letter-spacing: -0.03em;
    align-items: flex-end;
    justify-content: space-around;
    display:flex;
    /* position:absolute; */
    /* left:0;
    right:0;
    top:0;
    bottom:0; */
    z-index:0;
}
/* everything inside .media-tabs only */
.media-tabs .nav-underline .nav-link {
    color: white !important;
    background-color: transparent !important;
}

/* active tab underline */
.media-tabs .nav-underline .nav-link.active {
    border-bottom: 2px solid white !important;
}

/* remove Bootstrap focus background */
.media-tabs .nav-underline .nav-link:focus {
    box-shadow: none !important;
    background: transparent !important;
}

#photoGalleryModal .tab-pane {
    max-height:calc(100% - 110px);
    visibility: hidden;
    height: 0;
    overflow: hidden;
}

#photoGalleryModal .tab-pane.active {
    visibility: visible;
    height: 100%;
    overflow: visible;
}
.video-container {
    width: 100%;
    height: 500px; /* adjust container height as needed */
    max-width: 100%;
    max-height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #000; /* optional, for letterboxing */
    overflow: hidden;
  }

  .video-container iframe {
    width: 100%;
    height: 100%;
    max-width: 100%;
    max-height: 100%;
    aspect-ratio: 16 / 9; /* ensures the video keeps its aspect ratio */
    border: 0;
  }


.social-media-links a span{
    font-size:0.7rem;
}
.social-media-icon{
    height:1.8rem;
    width:1.8rem;
    transform:scale(1);
    margin:0.2rem;
}

.schedule-arrows{
    letter-spacing: 0.1rem;
    padding-left:5px;
    padding-right:5px;
    font-size:1.3rem;
}
#ScheduleTourModal .cal .cal-item{
    background: #FFFFFF;
    /* border-radius: 5px; */
    border: 1px solid #D9D9D9;
    display:flex;
    flex-direction: column;
    /* height:100px; */
    justify-content: space-around;

    font-style: normal;
    font-weight: 400;
    /* font-size: 14.1944px; */
    text-align: center;
    color: #6E6D75;
    text-decoration: none;
}
#ScheduleTourModal .cal .cal-item .day-name{
    text-transform: uppercase;
    font-size: 10px;
    padding-top:8px;
}
#ScheduleTourModal .cal .cal-item .day-number{
    text-transform: uppercase;
    font-size:28px;
    padding:2px;
    margin:0px;
}
#ScheduleTourModal .cal .cal-item .month-name{
    text-transform: capitalize;
    padding-bottom: 8px;
}
.day-item{
    text-decoration:none;
    color:black;
}
.day-item.active{
    box-shadow: 2px 2px 4px rgba(0, 100, 0, 0.15);
    border: 1px solid !important;
    border-color: var(--blue);
    font-weight: bold;
    color:var(--blue);
}
#ScheduleTourModal .time-item{
    text-decoration:none;
    color:black;
}
#ScheduleTourModal .cal .cal-item.active,
#ScheduleTourModal .time-item.active{
    box-shadow: 2px 2px 4px rgba(0, 100, 0, 0.15);
    border: 1px solid !important;
    border-color: var(--blue);
    font-weight: bold;
    color:var(--blue);
    /* opacity: 0.8; */
}
#appointments .empty-cell{
    background-color: rgba(0,0,0,.05);
}
#appointments .day-number{
    font-size:12px;
}
#appointments tbody tr{
    min-height:130px;
    height:130px;
}
#appointments tbody tr td{
    padding:3px;
    width:14.285714%;
}
#appointments tbody .today{
    background-color: rgba(107, 93, 231, 0.1);
}
#appointments tbody tr td a.card{
    font-size:11px;
    font-weight: bold;
}
#appointments tbody tr td .card{
    transition: all 0.25s ease;
}
#appointments tbody tr td .card:hover{
    transform: scale(1.03);
}
#appointments tbody tr td .card-header{
    font-size:11px;
    font-weight: bold;
    padding:2px;
}

#appointmentModal  .big-price{
    font-style: normal;
    font-weight: 700;
    font-size: 28px;
    line-height: 30px;
    letter-spacing: -0.03em;
    align-items: flex-end;
    justify-content: flex-start;
}
#appointmentModal .big-beds,#appointmentModal .big-baths, #appointmentModal .big-sqm{
    display: flex;
    align-items: flex-end;
    justify-content: center;
    font-weight: 700;
    font-size: 20px;
    line-height: 30px;
    letter-spacing: -0.03em;
}
#appointmentModal #schedule_date{
    background: var(--blue);
    border: 1px solid #D9D9D9;
    display:flex;
    flex-direction: column;
    justify-content: space-around;
    font-style: normal;
    font-weight: 400;
    text-align: center;
    color: #fff;
    text-decoration: none;
}
#appointmentModal #schedule_date .day-name{
    text-transform: uppercase;
    font-size: 10px;
    padding-top:8px;
}
#appointmentModal #schedule_date .day-number{
    text-transform: uppercase;
    font-size:28px;
    padding:2px;
    margin:0px;
}
#appointmentModal #schedule_date .month-name{
    text-transform: capitalize;
    padding-bottom: 8px;
}
#appointmentModal .time-item{
    text-decoration:none;
    color:var(--blue);
    border-color: var(--blue) !important;
    /* background: var(--green); */
}

.single-post .tour-in-person{
    font-style: normal;
    font-weight: 500;
    font-size: 14.19px;
    line-height: 181.02%;
    text-align: center;
    color: #373737;
}
.single-post .tour-in-person:hover{
    color:white;
}
.single-post .tour-in-person svg{
    fill:#6E6D75;
}
.single-post .tour-in-person:hover svg{
    fill:white;
}
.single-post .headline{
    text-wrap:nowrap;
    text-align: center;
    font-size:1em;
    overflow:hidden;
    text-overflow: ellipsis;
    /* padding:2px 0px 12px 0px; */
}

/***********************/  

/*****slick slider*****/
[type=button].slick-arrow {
    position: absolute;
    z-index: 10;
    width: 40px;
    height: 40px; /* calc(100% - 20px); */
    overflow: hidden;
    text-indent: -9999px;
    background-position: center;
    background-repeat: no-repeat;
    cursor: pointer;
    top: 50%;
    transform: translateY(-50%);
    transition: all 0.25s ease;
}
.slider .slick-arrow{
    border: 1px solid rgb(150,150,150);
    opacity:0.9;
    background-color: white;
    border-radius: 50%;
}
[type=button].slick-arrow:hover {
    opacity: 1;
    /* background-color: rgba(0,0,0,.1); */
}
/* [type=button].slick-next:hover {
    right: -5px;
}
[type=button].slick-prev:hover {
    left: -5px;
} */
.slick-track{
    padding: 10px 0;
    display:flex !important;
}
/* .slick-track .slide{
    height:auto !important;
    display:flex !important;
} */

.modal-slick{
    max-height:calc(100% - 110px);
} 
.modal-slick .slick-list{
    height:100%;
}
.modal-slick .slick-track{
    height:100%;
    /* min-width: 100vw; */
    align-items: center;
}
.modal-slick .slick-track .slide.slide-active{
    height:100%;
    min-width:100%;
}

.modal-slick .slick-track .slide img{
    width:100%;
    height:auto;
    max-height:100%;
    max-width:95%;
    margin-left:auto;
    margin-right:auto;
    object-fit: contain;
}
.modal-slick [type=button].slick-arrow {
    width:40px;
    height:60px;
    border:2px solid rgba(255, 255, 255, .3);
}

.modal-cal-slick [type=button].slick-arrow {
    width:40px;
    height:40px;
    /* border: 1px solid rgb(150,150,150);
    opacity:0.9;
    background-color: white;
    border-radius: 50%; */
}

/**********************/

.favorite-icon svg {
    stroke: white;
    stroke-width: 30px;
    fill:#6E6D75;
  }
  .favorite-icon.active path{
    fill:var(--blue);
  }


*:hover{
    text-decoration:none !important;
}
.text-decoration-underline:hover{
    text-decoration: underline !important;
}

.closebutton-white{
    background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath stroke-width='3' d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3e%3c/svg%3e") center/1em auto no-repeat;
}
.image-container{
    position:relative;
}
.image-container .preview-img{
    width:100%;
    height:100%;
    object-fit:cover;
}
.image-container .preview-img-contain{
    width:100%;
    height:100%;
    object-fit:contain;
}
/* #images_container .image-container:first-child::before, */
#images_container .image-container:nth-child(3)::before,
#images_container .image-container:nth-child(2)::before{
        background-color: var(--bs-blue);
    color:white;
    /* content:'horizontal'; */ /*content is set on rtl and ltr files*/
    position:absolute;
    bottom: 10px;
    left:10px;
    font-size:12px;
    border-radius: 10px;
    width:80%;
    padding:0 5px;
    margin-right:auto;
    text-align:center;
    z-index:100;

}
#images_container .image-container:first-child::after{
    background-color: var(--bs-green);
    color:white;
    content:'Cover Image';
    position:absolute;
    bottom: 10px;
    left:10px;
    font-size:12px;
    border-radius: 10px;
    width:80%;
    padding:2px 7px;
    margin-right:auto;
    text-align:center;
    z-index:100;
}

.two-columns {
    column-count: 2;
    column-gap: 20px; /* Adjust the gap between columns as needed */
}
.two-columns > div {
    break-inside: avoid; /* Prevent individual divs from breaking across columns */
}

#map-container.map-visible{
    width:100%;
    max-width:100%;
    display:flex !important;
    height:100%;
}
#listing.map-visible{
    display:none !important;
}
#map-container.map-hidden{
    display:none;
}
#listing.map-hidden{
    display: block !important;
}

#vbanner{
    display:none;
    margin-top:116px !important;
}

.grid-cell .price{
    font-weight:bold;
    font-size:13px;
    text-transform: capitalize;
    text-wrap: nowrap;
    overflow: hidden;
    opacity: 0.7;
}
.grid-cell .details{
    font-size:12px;
    text-transform: capitalize;
    text-wrap: nowrap;
    overflow: hidden;
    opacity: 0.7;
}
.grid-cell .title{
    font-size:12px;
    text-wrap: nowrap;
    overflow: hidden;
    opacity: 0.7;
    width:160px;
}
.grid-cell .serial{
    font-weight:bold;
    font-size:12px;
    text-transform: capitalize;
    text-wrap: nowrap;
    overflow: hidden;
    opacity: 0.7;
}
#navbarScrollMenu .nav-link{
    padding: 0.7rem;
    height:100% !important;
}
.active-admin-bar-link{
    /* background-color:var(--blue);
    color:white;
    border-radius:8px; */
    color: var(--blue);
    border-bottom: 1px solid var(--blue);
}
.active-sub-admin-bar-link{
    /* background-color:var(--blue) !important; */
    /* color:white !important; */
    border-radius:8px !important;
    padding:5px !important;
    border: 3px solid !important;
    border-color: var(--green) !important;
    color:var(--green) !important;
    font-weight: bold;
    display:flex;
    justify-content: center;
    align-items: center !important;
}

@media (min-width: 576px) {

    /********************************/
    /********override bootstrap *****/
    /********************************/
    .modal-sm {
        --bs-modal-width: 450px;
    }
    .modal-sm label{
        font-size:15px !important;
    }
    /********************************/

    /* #map-container.map-visible{
        width:65%;
        max-width: calc(100% - 300px);
        height:100%;
        display:flex !important;
    }
    #listing.map-visible{
        width:34%;
        box-shadow: -2px 2px 5px 0 rgb(0 0 0 / 40%);
        display:block !important;
    }
    #map-container.map-hidden{
        display:none;
    }
    #listing.map-hidden{
        width:100%;
    } */
    #vbanner{
        display:none;
    }
}

/*mobile*/
@media only screen and (max-width: 935px) {
    a.lang-flags{
        background-size: 11304px 25px;
        width:35px;
    }
    a.lang-flags.flag_lb{
        height: 25px;
        background-position: -5796px 1px;
    }
    a.lang-flags.flag_us{
        height: 22px;
        background-position: -10526px 2px;
    }
    #mainNavBar a.login{
        padding: 0.2rem 0.3rem !important;
        font-size:0.9rem;
    }
    #navbarScrollMenu .nav-link{
        padding:0.6rem !important;
    }
    #view_list_mode{
        display: none;
    }
    .dropdown-menu {
        /*viewport height - menu height - list/map switcher when mobile view*/
        /*but substract additional 60px due to a bottom bar in iphones*/
        /* 100vh - 130px - 60px */
        max-height: calc(100vh - 150px); 
        overflow-y: auto;
    }
    
    /* Portrait orientation */
    @media only screen and (orientation: portrait) {
        #carouselMainPage .carousel-item {
            height: 15rem;
            object-fit: cover;
        }
        #carouselMainPage .carousel-item img{
        object-fit:cover;
        height:100%;
        width:100%;
        }
        .result{
            padding-right: .25rem !important;
            padding-left: .25rem !important;
        }
        .search-result-tile{
            /* border:1px solid black; */
            border: 1px solid rgba(0, 0, 0, 0.175);
            background-size: 40px auto;
            background-repeat: no-repeat;
        }
        .search-result-tile.sideway{
            background-size:auto 40px;
          }
        .search-result-tile > a{
            height: auto !important;
        }
        .search-result-tile > a > .card{
            border:0;
        }
        .sideway-row{
            flex-direction: column;
        }
        .sideway-row .carousel-side{
            flex: 0 0 auto;
            width: 100%;
        }
        .bg-logo-dealer{
            /* background-size: auto 40px;
            background-repeat: no-repeat; */
        
            flex: 0 0 auto;
            width: 100%;
        }
        .search-result-tile .contact-buttons-bar{
            position: static !important;
            margin-left: 0 !important;
            width: 100% !important;
            display:none;
        }
        .search-result-tile .title{
            margin-top:0 !important;
        }
        .search-result-tile .badge-container{
            padding-left:0 !important;
            padding-right: 0 !important;
        }
        .search-result-tile .boosted-platinum{
            margin-left:0 !important;
            margin-right:0 !important;
        }
        .search-result-tile .boosted-featured{
            margin-left:0 !important;
            margin-right:0 !important;
        }

    }
  
    /* Landscape orientation */
    @media only screen and (orientation: landscape) {
        /* #app{
            height:auto !important;
            min-height: 100vh;
        }
        #search-wrapper{
            display:block;
            overflow: auto;
            height:auto;
            min-height:calc(100vh - 73px);
        } */
        #photoGalleryModal .modal-details{
            display:none;
        }
        .modal-slick{
            height: calc(100% - 2.2em) !important;
            max-height:100%;
        }

    }
  }
@media (min-width: 768px){
    .img-left-panel div{
        height:49.9%;
    }

    /* #map-container.map-visible{
        width:65%;
        max-width: calc(100% - 300px);
        display:flex !important;
    }
    #listing.map-visible{
        width:34%;
        box-shadow: -2px 2px 5px 0 rgb(0 0 0 / 40%);
        display:block !important;
    }
    #map-container.map-hidden{
        display:none;
    }
    #listing.map-hidden{
        display:block !important;
    } */
    #vbanner{
        display:block;
    }
    .single-post .listing-content .details:nth-of-type(4n+1) .row, 
    .single-post .listing-content .details:nth-of-type(4n+2) .row {
        background-color: #f2f4f5;
    }
    .single-post .listing-content .details:nth-of-type(4n+3) .row, 
    .single-post .listing-content .details:nth-of-type(4n+4) .row {
        background-color: #fff;
    }
    
}
@media (min-width:992px){
    #map-container.map-visible{
        width:48%;
        max-width: calc(100% - 300px);
        height:100%;
        display:flex !important;
    }
    #listing.map-visible{
        width:52%;
        box-shadow: -2px 2px 5px 0 rgb(0 0 0 / 40%);
        display:block !important;
    }
    #map-container.map-hidden{
        display:none;
    }
    #listing.map-hidden{
        width:100%;
    }   
    #vbanner{
        display:block;
    }
 
}


@media(max-width:992px){
    .single-post .grid-listing-container {
        display: grid;
        grid-template-columns:1fr 1fr 2fr 1fr;
        grid-template-areas:
          'price price nothing map'
          'beds baths sqm map'
          'title title title title'
          'location location location ago';
        gap: 10px;
    }
    .single-post .grid-listing-container .big-beds,
    .single-post .grid-listing-container .big-baths,
    .single-post .grid-listing-container .big-sqm,
    .single-post .grid-listing-container .big-location{
        display:block; 
        font-size:22px;  
    }
    .single-post .grid-listing-container .big-location{
        font-size:14px;
    }

    .slogan h1{
        font-size:1.3rem;
    }

}

@media (max-width: 767px) {
    .search-form #main_search{
        padding: 5px 20px 5px 4px;
        font-size: 17px;
    }
    .img-left-panel{
        height:150px !important;
        display:flex;
        justify-content: space-between;
    }  
    .img-left-panel div{
        width:49.5%;
        padding-left:0 !important;
        padding-right:0 !important;
    }
    .slogan h1{
        font-size:1.1rem;
    }
    
}
@media (max-width:576px){
    #map_switcher{
        position: fixed;
        bottom:37px;
        z-index:9999999999;
        background-color:white;
        padding:0 !important;
        left:calc(50% - 40px);
    }
    #map_switcher label{
        /* border-radius:6.375px; */
        /* padding-top:7px;
        padding-bottom:7px; */
        padding:11px 15px;
        height:43.5px;
        line-height:20px;
        border-radius: 0;
    }
    #map_switcher input:checked+label{
        display:none;
    }

    .main-grid{
        padding-top: 107.1428571%;
    }
    .main-grid-inner{
        flex-direction: column;
    }
    .div-main{
        width: 100%;
    }
    .aside{
        flex-direction: row;
    }
    .btn-smaller {
        font-size: 0.7rem;
        padding: 0.15rem 0.3rem;
    }

}