:root {
    --primary-color: #1940AD;
    --secondary-color: #0A1A45;

    --bg-color-1: #C6CFEB;
    --bg-color-2: #056A21;
    --bg-color-3: #F4F5FB;

    --font-color-1: #9CADDC;
    --font-color-2: #7089CC;
    --font-color-3: #fff;
    --font-color-gray: #4E4E4E;
    --font-color-lgray: #767676;
    --font-size-primary: 1rem;
}

.border-1 {
    border: 1px solid #DFDFDF;
}

.font-color-lgray {
    color: var(--font-color-lgray);
}

.font-color-secondary {
    color: var(--primary-color) !important;
}

.font-color-primary {
    color: var(--primary-color) !important;
}

.font-color-secondary {
    color: var(--secondary-color ) !important;
}

.font-color-dark {
    color: var(--secondary-color) !important;
}

.font-color-white {
    color: #fff !important;
}

.bg-color-light {
    background-color: var(--bg-color-3);
}

.w-m-50 {
    width: 50%;
}

.bottom-25 {
    bottom: 25px;
}

.bottom-40 {
    bottom: 40px;
}

.bottom-30 {
    bottom: 30px;
}

.bottom-40 {
    bottom: 40px;
}


.bg-secondary {
    background-color: var(--bg-color-3) !important;
}

.bg-primary {
    background-color: var(--primary-color) !important;
}

.form-check-input:checked {
    background-color: var(--primary-color);
    border-color: var(--primary-color);
}

.link-arrow {
    display: inline-block;
    background: url(/sites/barrierfreehome/assets/img/arrow_right.png) no-repeat right center;
    padding-right: 25px;
    text-decoration: none;
    background-position: 100% 2px;
    width: fit-content;
}


.link-arrow-back {
    display: inline-block;
    background: url(/sites/barrierfreehome/assets/img/arrow_back.png) no-repeat right center;
    text-decoration: none;
    background-position: 1px 5px;
    width: fit-content;
    padding-left: 25px;
}


.bottom-25 {
    bottom: 25px;
}

.bottom-40 {
    bottom: 40px;
}

.brdr-lg-1,
.brdr-1 {
    border:1px solid #DFDFDF;
}

.arrow-forward-icon {
    display : inline-block;
    width: 48px;
    height: 24px;
    background-image: url(/sites/barrierfreehome/assets/img/arrow_fwd.png);
    background-repeat: no-repeat;
}

@media (max-width: 768px) {
    .brdr-lg-1 {
        border: 0;
    }

    .border-sm-bottom {
        border-bottom: 1px solid #DFDFDF;
    }
}

.truncate-1 {
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.truncate-4 {
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.container-bg {
    background-color: var(--bg-color-3);
}

a.border-0 {
    border:0 !important;
}

.white-space-nowrap {
    white-space: nowrap;
}

/* */


.mapboxgl-popup-content {
    border-radius: 0.5rem !important;
    padding: 0 !important;
}

/* */

.expert-card .img-wrapper {
    justify-content: center;
    border-radius: 6px;
    overflow: hidden;
    width: fit-content;
    height: fit-content;
    display: flex;
    border:1px solid rgba(0, 0, 0, 0.1);
    background-color: #FFF;
    display: flex;
}

.expert-card .desc {
    font-weight: 400;
    font-size: 12px;
    color: var(--font-color-gray);
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    min-height: 54px;
}

.expert-card .img-wrapper img {
    height: 248px;
    flex-shrink: 0;
    object-fit: contain;
    object-position: center;
    display: block;
    border-radius: 6px;
}


.icon-location {
    background-image: url('data:image/svg+xml,<svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M9 9C8.175 9 7.5 8.325 7.5 7.5C7.5 6.675 8.175 6 9 6C9.825 6 10.5 6.675 10.5 7.5C10.5 8.325 9.825 9 9 9ZM13.5 7.65C13.5 4.9275 11.5125 3 9 3C6.4875 3 4.5 4.9275 4.5 7.65C4.5 9.405 5.9625 11.73 9 14.505C12.0375 11.73 13.5 9.405 13.5 7.65ZM9 1.5C12.15 1.5 15 3.915 15 7.65C15 10.14 12.9975 13.0875 9 16.5C5.0025 13.0875 3 10.14 3 7.65C3 3.915 5.85 1.5 9 1.5Z" fill="%231940AD"/></svg>');
    background-repeat: no-repeat;
    padding-left: 22px;
    background-position: 0px 1px;
}


/*
*/
.barrierfreehome h1.title {
    font-weight: 500;
    font-size: 28px;
    color: var(--primary-color);
}

h3.title,
h2.title {
    color: var(--secondary-color);
}


/* */
nav a,
.nav-link {
    color: var(--primary-color) !important;
    font-size: var(--font-size-primary);
    font-weight: 500;
    text-decoration: none;
}

.navbar-toggler {
    border: 0 !important;
}

.navbar-toggler-icon {
    background-image:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 30"><path stroke="%231940AD" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"/></svg>') !important;
}

.navbar-collapse {
    background: #FFF;
}

/* Buy mega dropdown */
.bfh-buy-dropdown .dropdown-menu.bfh-buy-menu {
    min-width: 640px;
    max-width: 820px;
    /* box-shadow: 0 8px 20px rgba(0, 0, 0, 0.12); */
    z-index: 2000; 
}

.bfh-buy-menu .bfh-buy-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    column-gap: 24px;
    row-gap: 4px;
}

.bfh-buy-menu .dropdown-item {
    font-size: 16px;
    padding: 4px 0;
    white-space: nowrap;
}

.bfh-buy-menu .bfh-advanced-search-link {
    font-weight: 600;
    color: var(--primary-color);
}

.bfh-buy-menu .bfh-advanced-search-link:hover {
    background-color: #F4F5FB;
}

.h-dropdown::after {
    display: none;
}

.h-dropdown {
    background: url("/sites/barrierfreehome/assets/img/arrow_down.png") no-repeat right center;
    background-size: 16px 16px;
    padding-right: 25px;
}

.navbar-w:not(.is-scrolled) .h-dropdown:not(#mobileMenu .h-dropdown) {
    background: url('/sites/barrierfreehome/assets/img/arrow_down_w.png') no-repeat right center;
}

@media (max-width: 768px) {
    .h-dropdown {
        background-position-x: 95%;
    }

}

.nav-bg .navbar {
    background: var(--bg-color-3);
    border-bottom: 0;
}

.nav-bg .navbar:not(.is-scrolled) .d-menu .dropdown-menu{
    background: transparent;
}

.nav-bg .navbar:not(.is-scrolled) .d-menu .dropdown-menu li{
    background: white;
}

.nav-bg .navbar:not(.is-scrolled) .d-menu .dropdown-menu li:last-child{
    border-radius: 0 0 4px 4px;
}


/* */

.barrierfreehome .main-content.home {
    background-image: url(/sites/barrierfreehome/assets/img/home_banner.webp);
    background-size: 100% 55vh;
    /* background-position: center; */
    background-repeat: no-repeat;
}

.barrierfreehome .banner-controls {
    gap: 1.5rem;
}

.barrierfreehome .bfh-browse-state-btn-mobile {
    background-color: #fff;
    color: var(--primary-color) !important;
    border-radius: 8px;
}
@media (max-width: 768px) {
    .barrierfreehome .bfh-browse-state-btn-mobile {
        display: block;
        width: 90%;
        margin-left: auto;
        margin-right: auto;
    }
}

.h-banner {
    /* position: relative; */
    height: 45vh;
    overflow: hidden;
    /* background-image: url(/sites/mountainhomes/assets/img/home.webp);
    background-size: 100% 100%;
    background-position: center;
    background-repeat: no-repeat; */
}

.h-banner h1.title {
    color: #FFF;
    font-size: 56px;
    font-weight: 500;
    padding-top: 6%;
}

.search-on-map {
    border: 1px solid var(--font-color-1);
    outline: none;
    background-color: var(--primary-color);
    color: #fff;
    border-radius: 8px;
    font-size: 16px;
    font-weight: 500;
    width: 180px;
    height: 46px;
    background-image: url(/assets/img/n_categorized.png);
    display: inline-flex;
    align-items: center;
    padding-left: 45px;
    background-repeat: no-repeat;
    background-position: 15px center;
}

.h-banner .input-container {
    background: #fff;
    border:1px solid #fff;
    border-radius: 8px;
    height: 56px;;
}
.h-banner .input-container input {
    width: 500px;
    height: 100%;
    padding: 10px;
    border: 0;
    outline: none;
    font-size: 16px;
    font-weight: 400;
}

.h-banner .input-container select {
    color: var(--secondary-color);
    border: none;
    padding: 10px;
    font-size: 16px;
    font-weight: 500;
    outline: none;
}

.navbar-w {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 10;
    background: transparent;
    border-bottom: 0 !important;
    height: 86px ;
}

.navbar-w.is-scrolled {
    padding-top: 0 !important;
}

.navbar-w.is-scrolled .logo-w{
    display: none !important;
}

.navbar-w.is-scrolled .logo{
    display: block !important;
}

.navbar-h {
    position: unset;
}

.navbar-w:not(.is-scrolled) a:not(a.dropdown-item):not(#mobileMenu a.nav-link) {
    color: #fff !important;
}

.navbar-w:not(.is-scrolled) .h-dropdown:not(#mobileMenu .h-dropdown) {
    background: url(/sites/barrierfreehome/assets/img/arrow_down_w.png) no-repeat right center;
}

.navbar-w .dropdown-menu {
    background: transparent;
    top:10px;
}

.navbar-w .dropdown-menu li {
    background: white;
}

.navbar-w .dropdown-menu li:last-child {
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
}

/* Footer layout tweaks specific to BarrierFreeHome */
.barrierfreehome footer .services .states-col {
    flex: 2;
}

.barrierfreehome footer .services .narrow-col {
    flex: 1;
}

.barrierfreehome footer .join {
    border: none;
}

.barrierfreehome footer .join .bfh-subscribe-link {
    display: inline-block;
    padding: 10px 24px;
    background-color: var(--primary-color);
    color: #fff;
    font-weight: 500;
    font-size: 16px;
    text-align: center;
    text-decoration: none;
    border-radius: 4px;
}

.navbar-w .navbar-toggler-icon{
    background-image: url('data:image/svg+xml,<svg width="24" height="25" viewBox="0 0 24 25" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 18.5H21V16.5H3V18.5ZM3 13.5H21V11.5H3V13.5ZM3 6.5V8.5H21V6.5H3Z" fill="white"/></svg>') !important;
}

.navbar-w.is-scrolled .navbar-toggler-icon{
    background-image: url('data:image/svg+xml,<svg width="24" height="25" viewBox="0 0 24 25" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 18.5H21V16.5H3V18.5ZM3 13.5H21V11.5H3V13.5ZM3 6.5V8.5H21V6.5H3Z" fill="%231940AD"/></svg>') !important;
}

.navbar-w #mobileMenu {
    background: #fff;
    margin-top: 10px;
    padding: 10px;
}

.navbar-w.is-scrolled #mobileMenu {
    margin-top:0 ;
}

.navbar-w .navbar-toggler{
    margin-left: 10px;
    margin-top: 10px;
}


@media (max-width: 768px) {
    .navbar-w.is-scrolled {
        height: 67px;
    }

    .navbar-h {
        position: absolute;
        z-index: 10;
    }

    .navbar-w:not(.is-scrolled) {
        height: unset;
        /* padding-top: 10px !important; */
    }

    .logo-w {
        height: 60px;
    }

    .navbar-w .container-fluid {
        padding-left: 0 !important;
    }

    .h-banner h1.title {
        font-size: 30px;
        padding-top: 25%;
    }

    .h-banner .input-container input {
        width: 100%;
        font-size: 14px;
    }

    .h-banner .input-container select {
        font-size: 14px;
        padding: 5px;
    }

    .search-on-map {
        display: none;
    }

    .h-banner {
        height: 45vh;
    }

    .barrierfreehome .main-content.home {
        background-size: 100% 45vh;
    }

    .input-container {
        width: 90%;
    }
}

/* Home Autocomplete */
.ui-autocomplete .ui-menu-item-wrapper a:hover {
    color:var(--primary-color) !important;
}

.ui-autocomplete .ui-menu-item-wrapper a {
    color:var(--primary-color) !important;
}

.autocomplete-title {
    color:var(--primary-color);
}

.input-with-spinner {
    position: relative;
}

.search-btn {
    position: absolute;
    top: 50%;
    right: 0px;
    transform: translateY(-50%);
    width: 40px;
    height: 40px;
    background: url(/sites/barrierfreehome/assets/img/search.png) no-repeat center center;
    background-size: contain;
    border: none;
    cursor: default !important;
    padding: 0;
}

.home-content .featured .title {
    color: var(--secondary-color);
}

.home-content .featured .c-btn{
    border:1px solid #DFDFDF;
}

.home-content .featured .c-btn:hover{
    background: var(--primary-color);
    color: white;
    border-color: var(--primary-color);
}

.home-content .featured .c-btn:hover svg path {
    fill: white !important;
}

.home-content .title {
    color: var(--secondary-color);
}

.home-content .sec-1 .card-text,
.home-content .sec-top .card-text {
    color: var(--font-color-gray);
}

.home-content .sec-1 .card-link,
.home-content .sec-top .card-link {
    color: var(--primary-color) !important;
}


.top-choice h3 {
    font-size: 24px;
    color: var(--secondary-color);
}

.top-choice h5 {
    font-size: 20px;
    color: var(--secondary-color);
    line-height: 140%;
}

.top-choice p {
    color: var(--secondary-color);
    font-size: 18px;
    font-weight: 500;
    line-height: 140%;
}

.top-choice a {
    color: var(--primary-color) !important;
    font-size: 16px;
    font-weight: 500;
    text-decoration: none;
}

.top-choice .hr-1 {
    width: 100%;
}

@media (max-width: 768px) {
    .top-choice .hr-1 {
        width: 90%;
    }

    .home-content .sec-1 ,
    .featured-experts{
        justify-content: flex-start !important;
        flex-wrap: nowrap !important;
        overflow-x: auto;
        scroll-snap-type: x mandatory;
        -webkit-overflow-scrolling: touch;
        gap: 1rem;
        padding-right: 1rem;
    }

    .home-content .sec-1::-webkit-scrollbar,
    .featured-experts::-webkit-scrollbar {
        display: none;
    }

    .home-content .sec-1 > .col-12,
    .featured-experts .col-12 {
        flex: 0 0 85%;
        scroll-snap-align: start;
    }
}

.visitors p {
    font-size: 28px;
    font-weight: 700;
}

.visitors p.stats {
    color: var(--primary-color);
}

.explore>div {
    border: 1px solid #DFDFDF;
}

.explore a {
    color: var(--primary-color);
    background: white ;
    border: 1px solid var(--primary-color);
    font-size: 16px;
    font-weight: 500;
    outline: none;
    height: 48px;
    width: 520px;
    padding-top: 10px;
}

.explore a:focus {
    background: white ;
}

@media (max-width: 768px) {
    .explore a {
        width: 100%;
    }
}

.showcase p {
    color: var(--secondary-color);
}

.showcase button,
.showcase a {
    background-color: var(--primary-color);
}



/* footer */
footer {
    background: var(--secondary-color);
}

footer .copyright{
    color: var(--font-color-1);
}

footer .separator {
    border-top: 1px solid var(--font-color-2);
}

footer .copyright a{
    color: var(--font-color-1) !important;
    text-decoration-color: var(--font-color-1);
}

footer .services a {
    color: var(--font-color-3) !important;
}

footer .services .title {
    color: var(--font-color-2) !important;
}

footer .join {
    border: 1px solid #14338A;
}

footer .join input {
    background: #14338A;
    color: var(--font-color-3);
}

footer .join button {
    background: #7089CC;
    color: #061109;
}

footer .join input::placeholder {
    color: var(--font-color-3);
    opacity: 1;
}

/* contact us */

.contact-us .contact-form button,
.contact-us .contact-form button:focus {
    background: var(--primary-color);
}

/* accordion */

.help .accordion-button {
    background : #fff;
}

.accordion-button {
    background : #F4F7F5;
}

.accordion-item {
    border: 0 !important;
    border-bottom: 1px solid #DFDFDF !important;
}

.accordion-button::after {
    display: none;
}

.accordion-button {
    font-size: 20px;
    font-weight: 500;
    color: var(--secondary-color) !important;
}

.accordion-button span {
    font-weight: bold;
    font-size: 28px;
    transition: transform 0.3s ease;
}

.help .accordion-button:not(.collapsed) {
    color: var(--secondary-color) !important;
    background-color: #fff !important;
    box-shadow: none !important;
}

.accordion-button:not(.collapsed) {
    color: var(--secondary-color) !important;
    background-color: #F4F7F5 !important;
    box-shadow: none !important;
}

.accordion-button:focus {
    box-shadow: none !important;
    border: none !important;
}

.help .accordion-body {
    background-color: #fff !important;
}

.accordion-body {
    background-color: #F4F7F5 !important;
}

.accordion-body ul li::marker{
    color: var(--primary-color);
}

.accordion-body ul li {
    margin-top:3px;
    margin-bottom: 3px;
}

/* page navbar */

.page-navbar {
    position: sticky;
    top: 81px;
    z-index: 999;
    background: white !important;
}

.page-navbar li a {
    color: #444 !important;
    font-size: 16px;
    font-weight: 500;
}

.page-navbar .nav-link {
  border-bottom: 2px solid transparent;
  transition: border-color 0.3s ease, color 0.3s ease;
}

.page-navbar .nav-link.active {
  color: var(--primary-color) !important;
  border-bottom: 2px solid var(--primary-color);
}

.page-navbar.container-fluid {
    padding-left: 2.5rem !important;
}

@media (max-width: 768px) {
    .page-navbar li a {
        font-size: 14px;
    }
    .page-navbar {
        top: 67px;
    }
}

/* testimonials */
#featuredCarousel .d-flex.overflow-auto::-webkit-scrollbar,
#featuredRentCarousel .d-flex.overflow-auto::-webkit-scrollbar,
#bfhCarousel .d-flex.overflow-auto::-webkit-scrollbar,
#testimonialCarousel .d-flex.overflow-auto::-webkit-scrollbar,
.customer-feedback .carousel .d-flex.overflow-auto::-webkit-scrollbar,
#featuredItems .d-flex.overflow-auto::-webkit-scrollbar{
    display: none;
}

#featuredCarousel .ad-card,
#featuredRentCarousel .ad-card,
#bfhCarousel .ad-card,
#testimonialCarousel .card-container,
.customer-feedback .carousel .t-card,
#featuredItems .card-container {
    scroll-snap-align: start;
}

#featuredCarousel .d-flex.overflow-auto,
#featuredRentCarousel .d-flex.overflow-auto,
#bfhCarousel .d-flex.overflow-auto,
#testimonialCarousel .d-flex.overflow-auto,
.customer-feedback .carousel .d-flex.overflow-auto,
#featuredItems .d-flex.overflow-auto{
    scroll-snap-type: x mandatory;
}


.testimonial h3 {
    font-size: 32px;
    font-weight: 500;
    color: var(--secondary-color);
}

.testimonial .card {
    height: 450px;
    background: var(--bg-color-3);
    border:1px solid var(--bg-color-3);
}

.testimonial img {
    width: 80px;
    height: 102px;
    border-radius: 5px;
    object-fit: cover;
}

.testimonial .card-body p {
    font-size: 16px;
    font-weight: 400;
    color: var(--secondary-color);
}

.testimonial .user-info {
    border-top: 1px solid #DFDFDF;
    padding-top: 15px;
    /* padding-bottom: 24px; */
    min-height: 121px;
}

.testimonial .user-info h6 {
    font-size: 16px;
    font-weight: 700;
    color: #000;
}

.testimonial .user-info .text-muted {
    font-size: 16px;
    font-weight: 400;
    color: #4E4E4E !important;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* Ensure the text column inside user-info can shrink so ellipses work */
.testimonial .user-info > .d-flex {
    min-width: 0;
}

.testimonial .user-info .type {
    background: var(--bg-color-3);
    color: var(--primary-color) !important;
    width: 90px;
    display: flex;
    align-items: flex-start;
    border-radius: 4px;
    align-items: center;
    justify-content: start;
    font-size: 14px;
    font-weight: 500;
    line-height: 140%;
    letter-spacing: -0.28px;
}

@media (max-width: 768px) {
    .testimonial h3 {
        font-size: 22px;
    }

    .testimonial button {
        width: 32px;
        padding: 0 !important;
        padding-top: 2px !important;
        padding-bottom: 2px !important;
    }
}


/* carousel */
.carousel-btns .c-btn {
    height: 32px;
    width: 38px;
    background-repeat: no-repeat;
    background-position: 50%;
}

.carousel-btns .c-btn.next {
    background-image: url('data:image/svg+xml, <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M7.05732 4.19184C6.99925 4.13377 6.95319 4.06483 6.92176 3.98896C6.89034 3.91309 6.87416 3.83177 6.87416 3.74965C6.87416 3.66753 6.89034 3.58621 6.92176 3.51034C6.95319 3.43447 6.99925 3.36553 7.05732 3.30746C7.11539 3.2494 7.18433 3.20333 7.2602 3.17191C7.33607 3.14048 7.41739 3.1243 7.49951 3.1243C7.58163 3.1243 7.66295 3.14048 7.73882 3.17191C7.81469 3.20333 7.88363 3.2494 7.9417 3.30746L14.1917 9.55747C14.2498 9.61551 14.2959 9.68444 14.3274 9.76032C14.3588 9.83619 14.375 9.91752 14.375 9.99965C14.375 10.0818 14.3588 10.1631 14.3274 10.239C14.2959 10.3149 14.2498 10.3838 14.1917 10.4418L7.9417 16.6918C7.82442 16.8091 7.66536 16.875 7.49951 16.875C7.33366 16.875 7.1746 16.8091 7.05732 16.6918C6.94004 16.5746 6.87416 16.4155 6.87416 16.2497C6.87416 16.0838 6.94004 15.9247 7.05732 15.8075L12.8659 9.99965L7.05732 4.19184Z" fill="%23444444"/></svg>');
}

.carousel-btns .c-btn.prev {
    background-image: url('data:image/svg+xml, <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12.9427 15.0178C13.0007 15.0729 13.0468 15.1384 13.0782 15.2105C13.1097 15.2826 13.1258 15.3598 13.1258 15.4378C13.1258 15.5158 13.1097 15.5931 13.0782 15.6652C13.0468 15.7373 13.0007 15.8027 12.9427 15.8579C12.8846 15.9131 12.8157 15.9568 12.7398 15.9867C12.6639 16.0165 12.5826 16.0319 12.5005 16.0319C12.4184 16.0319 12.3371 16.0165 12.2612 15.9867C12.1853 15.9568 12.1164 15.9131 12.0583 15.8579L5.8083 9.92041C5.75019 9.86526 5.70409 9.79978 5.67264 9.7277C5.64119 9.65562 5.625 9.57836 5.625 9.50033C5.625 9.4223 5.64119 9.34504 5.67264 9.27296C5.70409 9.20088 5.75019 9.13539 5.8083 9.08025L12.0583 3.14275C12.1756 3.03134 12.3346 2.96875 12.5005 2.96875C12.6663 2.96875 12.8254 3.03134 12.9427 3.14275C13.06 3.25416 13.1258 3.40527 13.1258 3.56283C13.1258 3.72039 13.06 3.8715 12.9427 3.98291L7.13409 9.50033L12.9427 15.0178Z" fill="%23444444"/></svg>');
}

.carousel-btns .c-btn:hover,
.carousel-btns .c-btn:focus,
.carousel-btns .c-btn.focused{
    background-color: var(--primary-color);
    color: white;
    border-color: var(--primary-color);
}


.carousel-btns .c-btn.prev:hover,
.carousel-btns .c-btn.prev:focus,
.carousel-btns .c-btn.prev.focused {
   background-repeat: no-repeat;
   background-position: 50%;
   background-image: url('data:image/svg+xml, <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12.9427 15.0178C13.0007 15.0729 13.0468 15.1384 13.0782 15.2105C13.1097 15.2826 13.1258 15.3598 13.1258 15.4378C13.1258 15.5158 13.1097 15.5931 13.0782 15.6652C13.0468 15.7373 13.0007 15.8027 12.9427 15.8579C12.8846 15.9131 12.8157 15.9568 12.7398 15.9867C12.6639 16.0165 12.5826 16.0319 12.5005 16.0319C12.4184 16.0319 12.3371 16.0165 12.2612 15.9867C12.1853 15.9568 12.1164 15.9131 12.0583 15.8579L5.8083 9.92041C5.75019 9.86526 5.70409 9.79978 5.67264 9.7277C5.64119 9.65562 5.625 9.57836 5.625 9.50033C5.625 9.4223 5.64119 9.34504 5.67264 9.27296C5.70409 9.20088 5.75019 9.13539 5.8083 9.08025L12.0583 3.14275C12.1756 3.03134 12.3346 2.96875 12.5005 2.96875C12.6663 2.96875 12.8254 3.03134 12.9427 3.14275C13.06 3.25416 13.1258 3.40527 13.1258 3.56283C13.1258 3.72039 13.06 3.8715 12.9427 3.98291L7.13409 9.50033L12.9427 15.0178Z" fill="%23ffffff"/></svg>');
}

.carousel-btns .c-btn.next:hover,
.carousel-btns .c-btn.next:focus,
.carousel-btns .c-btn.next.focused{
    background-repeat: no-repeat;
    background-position: 50%;
    background-image: url('data:image/svg+xml, <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M7.05732 4.19184C6.99925 4.13377 6.95319 4.06483 6.92176 3.98896C6.89034 3.91309 6.87416 3.83177 6.87416 3.74965C6.87416 3.66753 6.89034 3.58621 6.92176 3.51034C6.95319 3.43447 6.99925 3.36553 7.05732 3.30746C7.11539 3.2494 7.18433 3.20333 7.2602 3.17191C7.33607 3.14048 7.41739 3.1243 7.49951 3.1243C7.58163 3.1243 7.66295 3.14048 7.73882 3.17191C7.81469 3.20333 7.88363 3.2494 7.9417 3.30746L14.1917 9.55747C14.2498 9.61551 14.2959 9.68444 14.3274 9.76032C14.3588 9.83619 14.375 9.91752 14.375 9.99965C14.375 10.0818 14.3588 10.1631 14.3274 10.239C14.2959 10.3149 14.2498 10.3838 14.1917 10.4418L7.9417 16.6918C7.82442 16.8091 7.66536 16.875 7.49951 16.875C7.33366 16.875 7.1746 16.8091 7.05732 16.6918C6.94004 16.5746 6.87416 16.4155 6.87416 16.2497C6.87416 16.0838 6.94004 15.9247 7.05732 15.8075L12.8659 9.99965L7.05732 4.19184Z" fill="%23ffffff"/></svg>');
}

.carousel-control-prev-icon,
.carousel-control-next-icon {
    filter: drop-shadow(0 0 4px rgba(0, 0, 0, 0.9));
}

.ad-highlight {
    color: #000;
    font-weight: 500;
    font-size: 12px;
    position: absolute;
    top: 10px;
    left: 10px;
    background: white;
    border-radius: 6px;
    z-index:1;
}

.card .ad-highlight {
    font-size: 11px;
    width: 60px;
    height: 28px;
    z-index: 1;
}

.ad-card .most-viewed {
    color: #000;
    font-weight: 500;
    font-size: 12px;
    position: absolute;
    top: 10px;
    left: 10px;
    background: white;
    border-radius: 6px;
    z-index: 1;
    background-image: url('data:image/svg+xml,<svg width="16" height="17" viewBox="0 0 16 17" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M7.99996 4.83333C10.5266 4.83333 12.78 6.25333 13.88 8.5C12.78 10.7467 10.5333 12.1667 7.99996 12.1667C5.46663 12.1667 3.21996 10.7467 2.11996 8.5C3.21996 6.25333 5.47329 4.83333 7.99996 4.83333ZM7.99996 3.5C4.66663 3.5 1.81996 5.57333 0.666626 8.5C1.81996 11.4267 4.66663 13.5 7.99996 13.5C11.3333 13.5 14.18 11.4267 15.3333 8.5C14.18 5.57333 11.3333 3.5 7.99996 3.5ZM7.99996 6.83333C8.91996 6.83333 9.66663 7.58 9.66663 8.5C9.66663 9.42 8.91996 10.1667 7.99996 10.1667C7.07996 10.1667 6.33329 9.42 6.33329 8.5C6.33329 7.58 7.07996 6.83333 7.99996 6.83333ZM7.99996 5.5C6.34663 5.5 4.99996 6.84667 4.99996 8.5C4.99996 10.1533 6.34663 11.5 7.99996 11.5C9.65329 11.5 11 10.1533 11 8.5C11 6.84667 9.65329 5.5 7.99996 5.5Z" fill="%231940AD"/></svg>');
    background-repeat: no-repeat;
    background-position: 10% 52%;
    padding-left: 30px;
    padding: 5px;
    padding-left: 30px;
    padding-right: 10px;
}


@keyframes shimmer {
  0% {
    background-position: -200px 0;
  }
  100% {
    background-position: 200px 0;
  }
}

.testimonial .skeleton-wrapper {
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
    padding: 1.5rem 0;
}

.testimonial .skeleton-card {
  flex: 1 1 calc(33.333% - 1rem);
  min-width: 280px;
  background: #fff;
  border-radius: 12px;
  padding: 1.25rem;
  box-shadow: 0 2px 6px rgba(0,0,0,0.05);
  overflow: hidden;
  height:450px;
}

.testimonial .skeleton {
  border-radius: 6px;
  background: linear-gradient(90deg, #e0e0e0 25%, #f5f5f5 50%, #e0e0e0 75%);
  background-size: 400% 100%;
  animation: shimmer 1.6s infinite linear;
  margin-bottom: 10px;
}

.testimonial .skeleton.text-line {
  height: 14px;
}
.testimonial .skeleton.text-line.short { width: 40%; }
.testimonial .skeleton.text-line.medium { width: 70%; }
.testimonial .skeleton.text-line.long { width: 90%; }

.testimonial .skeleton.avatar {
  width: 50px;
  height: 50px;
  margin-top: 10px;
}

@media (max-width: 768px) {
  .testimonial .skeleton-card {
    flex: 1 1 100%;
  }
}

/* advertise */

.campaign ul  li::marker,
.packages ul  li::marker{
    color: var(--primary-color);
}

.campaign-img {
  width: 100%;
  height: auto;
  max-width: 500px;
}

@media (min-width: 768px) {
  .campaign-img {
    width: 500px;
    max-height: 500px;
    object-fit: cover;
  }
}


.member-benefits,
.faq {
    background: var(--color-gray-1);
}

.faq a {
    color: var(--primary-color) !important;
}

.member-benefits p {
    font-size: 16px;
    font-weight: 400;
    color: var(--color-gray-2);
}

.member-benefits .row.d-flex {
    flex-wrap: wrap;
    justify-content: flex-start;
}

.member-benefits .col-12.col-md-3 {
    flex: 0 0 25%;
    max-width: 25%;
    margin-bottom: 2rem !important;
}

@media (max-width: 768px) {
    .member-benefits .col-12.col-md-3 {
        flex: 0 0 100%;
        max-width: 100%;
    }
}

.member-benefits .col-12.col-md-3 .d-flex.flex-column {
    padding: 1rem;
    border: 1px solid #eee;
    border-radius: 8px;
    background: #fff;
}

.advertise {
    color: var(--font-color-gray);
}

.packages .card-body .discount {
    color: var(--primary-color);
    background: var(--bg-color-3);
    font-size: 14px;
    font-weight: 700;
    display: none; /* hidden by default; visible when annual selected */
}
.packages.annual-active .card-body .discount {
    display: inline-block;
}

.packages .card-body .better-badges {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: nowrap;
}

.packages .card-body .popular {
    background-color: var(--primary-color);
    color: white;
    font-size: 14px;
    font-weight: 500;
    background-image: url('/sites/lakehouse/assets/img/popular.png');
    background-repeat: no-repeat;
    background-position: 10px 50%;
    padding-left: 30px !important;
}

@media (max-width: 768px) {
    .packages .card-body .popular {
        display: none;
    }
}

.packages .card-text {
    font-size: 16px;
    font-weight: 400;
    color: #4E4E4E;
}

.packages .btn,
.packages .btn:focus,
.campaign .btn,
.campaign .btn:focus {
    background: var(--primary-color);
    color: white;
    font-size: 16px;
    font-weight: 500;
    border:0;
    outline: 0;
    height: 55px;
    padding-top: 13px;
}

.campaign .btn {
    width: fit-content;
}

.packages ul {
    color: #4E4E4E
}

.packages ul li {
    margin-top:2px;
    margin-bottom:2px;
}

.packages .card-body .card-title {
    height:50px;
}

.packages .card-body .card-text {
    height:70px;
}

.packages .card-body .card-section {
    height:70px;
}


.packages .card-body ul {
    height:370px;
}

.packages .card-body ul li {
    margin-top:10px;
    margin-bottom:10px;
}

/* Override fixed heights for simplified homeowner pricing card */
.homeowner-packages .card-body .card-title,
.homeowner-packages .card-body .card-text,
.homeowner-packages .card-body .card-section,
.homeowner-packages .card-body ul {
    height: auto;
}

.homeowner-packages .card-body ul li {
    margin-top:4px;
    margin-bottom:4px;
}

@media (max-width: 768px) {
    .w-m-50 {
        width: 100%;
    }
}

.packages .charge-toggle .btn-group {
    border:1px solid #DFDFDF;
    background-color: #f9f9f9;
}

.packages .charge-toggle .checked{
    background-color: var(--primary-color) !important;
    color: white !important;
    border-radius: 6px !important;
    transform: scale(1.05);
}

.packages .charge-toggle .btn{
    background-color: #f9f9f9;
    color: var(--primary-color);
    border:none;
    outline: none;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.packages .btn-group .btn {
  transition: all 0.3s ease-in-out;
}

/* Align two-line toggle labels and show "10% Off" under Annual */
.charge-toggle .btn .label-line {
    line-height: 1.1;
}
.charge-toggle .btn .subnote {
    font-size: 12px;
    line-height: 1;
    margin-top: 2px; /* small gap between main label and subnote */
    height: 16px; /* reserve space so both buttons align */
    display: block;
}


@media (max-width: 767.98px) {

    .pricing {
        display: flex;
        flex-wrap: nowrap;
        overflow-x: auto;
        scroll-snap-type: x mandatory;
        -webkit-overflow-scrolling: touch;
        gap: 1rem;
        padding-bottom: 1rem;
    }

    .pricing::-webkit-scrollbar {
        display: none;
    }

    .pricing > .plan {
        flex: 0 0 85%;
        scroll-snap-align: start;
    }

}

/* ad details */

.property-details .beds::before {
    content: '';
    background-image: url('/sites/barrierfreehome/assets/img/bed.png');
    padding-right: 30px;
    background-repeat: no-repeat;
}

.property-details .baths::before {
    content: '';
    background-image: url('/sites/barrierfreehome/assets/img/shower.png');
    padding-right: 30px;
    background-repeat: no-repeat;
}

.property-details .area::before {
    content: '';
    background-image: url('/sites/barrierfreehome/assets/img/square_foot.png');
    padding-right: 30px;
    background-repeat: no-repeat;
}

.property-details .built::before {
    content: '';
    background-image: url('/sites/barrierfreehome/assets/img/hardware.png');
    padding-right: 30px;
    background-repeat: no-repeat;
}

.property-details .lakefront::before {
    content: '';
    background-image: url('/sites/barrierfreehome/assets/img/water.png');
    padding-right: 30px;
    background-repeat: no-repeat;
}

.property-details .lake::before {
    content: '';
    background-image: url('/sites/barrierfreehome/assets/img/place.png');
    padding-right: 30px;
    background-repeat: no-repeat;
}

.property-details .acres::before {
    content: '';
    background-image: url('/sites/barrierfreehome/assets/img/park.png');
    padding-right: 30px;
    background-repeat: no-repeat;
}

.property-details .patio::before {
    content: '';
    background-image: url('/sites/barrierfreehome/assets/img/house.png');
    padding-right: 30px;
    background-repeat: no-repeat;
}


.property-details .bi {
    color: var(--primary-color) !important;
}

.property-details .bi:not(.bi-check-circle)::before {
    font-weight: 700 !important;
    font-size: 18px !important;
    padding-right: 10px;
    padding-left: 0px;
    height: 24px;
    width: 30px;
    content: "";
    background-repeat: no-repeat;
}

.property-details .bi.fireplace::before {
    background-image: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12.01 12.46C11.86 12.88 11.86 13.28 11.93 13.74C12.03 14.29 12.26 14.78 12.13 15.34C12 15.93 11.36 16.72 10.6 16.97C11.88 18.02 13.8 17.34 13.99 15.65C14.16 14.11 12.55 13.67 12.01 12.46Z" fill="%231940AD"/><path d="M2 2V22H22V2H2ZM12 18C10.42 18 9.03 16.12 9 14.94C9 14.89 8.99 14.81 8.99 14.72C8.86 12.99 9.99 11.52 11.46 10.35C11.93 11.36 12.73 12.38 14.03 13.27C14.61 13.69 15 14.13 15 15C15 16.65 13.65 18 12 18ZM20 20H18V18H15.98C16.61 17.16 17 16.13 17 15C17 13.11 15.91 12.15 15.15 11.63C12.2 9.61 13 7 13 7C6.27 10.57 6.98 14.47 7 15C7.03 15.96 7.49 17.07 8.23 18H6V20H4V4H20V20Z" fill="%231940AD"/></svg>');
}

.property-details .bi.hvac::before {
    background-image: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M19 3H5C3.9 3 3 3.9 3 5V19C3 20.1 3.9 21 5 21H19C20.1 21 21 20.1 21 19V5C21 3.9 20.1 3 19 3ZM19 19H5V5H19V19Z" fill="%231940AD"/><path d="M12 18C15.31 18 18 15.31 18 12C18 8.69 15.31 6 12 6C8.69 6 6 8.69 6 12C6 15.31 8.69 18 12 18ZM15.44 10C15.7 10.45 15.88 10.96 15.95 11.5H8.05C8.12 10.96 8.29 10.45 8.56 10H15.44ZM15.95 12.5C15.88 13.04 15.71 13.55 15.44 14H8.56C8.3 13.55 8.12 13.04 8.05 12.5H15.95ZM9.38 15H14.62C13.92 15.61 13.01 16 12 16C10.99 16 10.09 15.61 9.38 15ZM14.62 9H9.38C10.08 8.39 10.99 8 12 8C13.01 8 13.91 8.39 14.62 9Z" fill="%231940AD"/></svg>');
}

.property-details .bi.roofing::before {
    background-image:  url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12.3902 10.9C10.1202 10.31 9.39016 9.7 9.39016 8.75C9.39016 7.66 10.4002 6.9 12.0902 6.9C13.8702 6.9 14.5302 7.75 14.5902 9H16.8002C16.7302 7.28 15.6802 5.7 13.5902 5.19V3H10.5902V5.16C8.65016 5.58 7.09016 6.84 7.09016 8.77C7.09016 11.08 9.00016 12.23 11.7902 12.9C14.2902 13.5 14.7902 14.38 14.7902 15.31C14.7902 16 14.3002 17.1 12.0902 17.1C10.0302 17.1 9.22016 16.18 9.11016 15H6.91016C7.03016 17.19 8.67016 18.42 10.5902 18.83V21H13.5902V18.85C15.5402 18.48 17.0902 17.35 17.0902 15.3C17.0902 12.46 14.6602 11.49 12.3902 10.9Z" fill="%231940AD"/></svg>');
}

.property-details .bi.property_tax::before {
    background-image: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12.3902 10.9C10.1202 10.31 9.39016 9.7 9.39016 8.75C9.39016 7.66 10.4002 6.9 12.0902 6.9C13.8702 6.9 14.5302 7.75 14.5902 9H16.8002C16.7302 7.28 15.6802 5.7 13.5902 5.19V3H10.5902V5.16C8.65016 5.58 7.09016 6.84 7.09016 8.77C7.09016 11.08 9.00016 12.23 11.7902 12.9C14.2902 13.5 14.7902 14.38 14.7902 15.31C14.7902 16 14.3002 17.1 12.0902 17.1C10.0302 17.1 9.22016 16.18 9.11016 15H6.91016C7.03016 17.19 8.67016 18.42 10.5902 18.83V21H13.5902V18.85C15.5402 18.48 17.0902 17.35 17.0902 15.3C17.0902 12.46 14.6602 11.49 12.3902 10.9Z" fill="%231940AD"/></svg>');
}

.property-details .bi.community::before {
    background-image: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M8 4L2 10V20H14V10L8 4ZM12 18H9V15H7V18H4V10.83L8 6.83L12 10.83V18ZM9 13H7V11H9V13ZM18 20V8.35L13.65 4H10.82L16 9.18V20H18ZM22 20V6.69L19.31 4H16.48L20 7.52V20H22Z" fill="%231940AD"/></svg>');
}

.property-details .bi.county::before {
    background-image: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20.5 3L20.34 3.03L15 5.1L9 3L3.36 4.9C3.15 4.97 3 5.15 3 5.38V20.5C3 20.78 3.22 21 3.5 21L3.66 20.97L9 18.9L15 21L20.64 19.1C20.85 19.03 21 18.85 21 18.62V3.5C21 3.22 20.78 3 20.5 3ZM10 5.47L14 6.87V18.53L10 17.13V5.47ZM5 6.46L8 5.45V17.15L5 18.31V6.46ZM19 17.54L16 18.55V6.86L19 5.7V17.54Z" fill="%231940AD"/></svg>');
}

.property-details .bi.hoa::before {
    background-image: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M21.5 6.5V14H19.5V7.5L14.5 4L9.5 7.5V9H7.5V6.5L14.5 1.5L21.5 6.5ZM16 7H15V8H16V7ZM14 7H13V8H14V7ZM16 9H15V10H16V9ZM14 9H13V10H14V9ZM19.5 16H17.5C17.5 14.8 16.75 13.72 15.63 13.3L9.47 11H1.5V22H7.5V20.56L14.5 22.5L22.5 20V19C22.5 17.34 21.16 16 19.5 16ZM3.5 20V13H5.5V20H3.5ZM14.47 20.41L7.5 18.48V13H9.11L14.93 15.17C15.27 15.3 15.5 15.63 15.5 16C15.5 16 13.51 15.95 13.2 15.85L10.82 15.06L10.19 16.96L12.57 17.75C13.08 17.92 13.61 18.01 14.15 18.01H19.5C19.89 18.01 20.24 18.24 20.4 18.57L14.47 20.41Z" fill="%231940AD"/></svg>');
}

.property-details .bi.parking::before {
    background-image: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(%23clip0_902_137424)"><path d="M3 5C3 4.46957 3.21071 3.96086 3.58579 3.58579C3.96086 3.21071 4.46957 3 5 3H19C19.5304 3 20.0391 3.21071 20.4142 3.58579C20.7893 3.96086 21 4.46957 21 5V19C21 19.5304 20.7893 20.0391 20.4142 20.4142C20.0391 20.7893 19.5304 21 19 21H5C4.46957 21 3.96086 20.7893 3.58579 20.4142C3.21071 20.0391 3 19.5304 3 19V5Z" stroke="%231940AD" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/><path d="M9 16V8H13C13.5304 8 14.0391 8.21071 14.4142 8.58579C14.7893 8.96086 15 9.46957 15 10C15 10.5304 14.7893 11.0391 14.4142 11.4142C14.0391 11.7893 13.5304 12 13 12H9" stroke="%231940AD" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></g><defs><clipPath id="clip0_902_137424"><rect width="24" height="24" fill="white"/></clipPath></defs></svg>');
}

.property-details .bi.siding::before {
    background-image: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(%23clip0_902_131920)"><path d="M4 6C4 5.46957 4.21071 4.96086 4.58579 4.58579C4.96086 4.21071 5.46957 4 6 4H18C18.5304 4 19.0391 4.21071 19.4142 4.58579C19.7893 4.96086 20 5.46957 20 6V18C20 18.5304 19.7893 19.0391 19.4142 19.4142C19.0391 19.7893 18.5304 20 18 20H6C5.46957 20 4.96086 19.7893 4.58579 19.4142C4.21071 19.0391 4 18.5304 4 18V6Z" stroke="%231940AD" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/><path d="M4 8H20" stroke="%231940AD" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/><path d="M20 12H4" stroke="%231940AD" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/><path d="M4 16H20" stroke="%231940AD" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/><path d="M9 4V8" stroke="%231940AD" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/><path d="M14 8V12" stroke="%231940AD" stroke-width="2" stroke-linejoin="round"/><path d="M8 12V16" stroke="%231940AD" stroke-width="2" stroke-linejoin="round"/><path d="M16 12V16" stroke="%231940AD" stroke-width="2" stroke-linejoin="round"/><path d="M11 16V20" stroke="%231940AD" stroke-width="2" stroke-linejoin="round"/></g><defs><clipPath id="clip0_902_131920"><rect width="24" height="24" fill="white"/></clipPath></defs></svg>');
}

@media (max-width: 767.98px) {
    .property-details .row-border {
      border-bottom: 1px solid #00000014;
      width: 100% !important;
      padding-bottom: 1rem;
    }
}

.property-details .bi {
    color: var(--primary-color) !important;
}

.property-details .bi::before {
    font-weight: 700 !important;
    font-size: 18px !important;
    padding-right: 10px;
    padding-left: 0px;
}

@media (max-width: 767.98px) {
    .property-details .row-border {
      border-bottom: 1px solid #00000014;
      width: 100% !important;
      padding-bottom: 1rem;
    }
}

/* ad card */
.ad-card .fixed-img {
    object-fit: cover;
    width: 100%;
    height: 200px;
    border-top-left-radius: 0.5rem;
    border-top-right-radius: 0.5rem;
    pointer-events: none;
}


.ad-card .card {
    border: 1px solid #DFDFDF;
    border-radius: 6px;
}

.ad-card .card-title {
    font-weight: 500;
    font-size: 24px;
    color:#000;
}

.ad-card .card-text{
    font-weight: 500;
    font-size: 16px;
    color: #000;
}

.ad-card .card-text .label {
    font-weight: 400;
    color: var(--font-color-gray);
}

.ad-card .card-text .label-sm {
    font-weight: 700;
    color: #000;
    font-size: 12px;
}

.ad-card .card-text .value-sm {
    font-weight: 400;
    color: var(--font-color-gray);
    font-size: 12px;
}

.ad-card .card-text.address {
    font-weight: 400;
    font-size: 16px;
    color: var(--font-color-lgray);
}


.ad-card .card-text.title {
    font-weight: 400;
    font-size: 12px !important;
    color: var(--font-color-lgray);
    max-height: 50px;
    overflow: hidden;
}

.ad-card .card-text.agent-info {
    font-weight: 400;
    font-size: 10px;
    color: #696969;
    height: 15px;
    overflow: hidden;
}

.ad-card .separator {
    color: #DFDFDF ;
}

.ad-card .favorite-btn {
  pointer-events: auto;
  z-index: 10;
}

.card .featured-ad {
    font-size: 11px;
    width: 60px;
    height: 28px;
    z-index: 1;
}

.ad-card .oh-event {
    font-size: 11px;
    height: 27px;
    z-index: 1;
    background: #fff;
    color: var(--primary-color);
    top: 10px;
    left: 10px;
    position: absolute;
    padding: 5px;
    border-radius: 6px;
    font-weight: 500;
}

.ad-card .left-px {
    left: 80px;
}


.ad-card .favorite-btn {
    pointer-events: auto;
    z-index: 10;
    /* background-image: url('data:image/svg+xml, <svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M12 7.60422L10.5858 6.19C9.0792 4.68341 6.63654 4.68341 5.12994 6.19C3.62335 7.6966 3.62335 10.1393 5.12994 11.6458L12 18.5159L18.8701 11.6458C20.3766 10.1393 20.3766 7.69659 18.8701 6.19C17.3635 4.68341 14.9208 4.68341 13.4142 6.19L12 7.60422ZM12.0014 4.77437C14.2892 2.48814 17.9971 2.48863 20.2843 4.77579C22.5719 7.06343 22.5719 10.7724 20.2843 13.0601L12.6904 20.654C12.3091 21.0352 11.6909 21.0352 11.3096 20.654L3.71573 13.0601C1.4281 10.7724 1.42808 7.06344 3.71573 4.77579C6.00338 2.48814 9.71236 2.48815 12 4.77579C12.0005 4.77532 12.0009 4.77484 12.0014 4.77437Z" fill="white"/></svg>'); */
    background-image: url('data:image/svg+xml,<svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><g filter="url(%23filter0_d_515_259034)"><path fill-rule="evenodd" clip-rule="evenodd" d="M20 15.6067L18.5858 14.1924C17.0792 12.6859 14.6365 12.6858 13.1299 14.1924C11.6233 15.699 11.6234 18.1417 13.1299 19.6483L20 26.5183L26.8701 19.6483C28.3766 18.1417 28.3766 15.699 26.8701 14.1924C25.3635 12.6859 22.9208 12.6858 21.4142 14.1924L20 15.6067ZM20.0014 12.7768C22.2892 10.4906 25.9971 10.4911 28.2843 12.7782C30.5719 15.0659 30.5719 18.7749 28.2843 21.0625L20.6904 28.6564C20.3091 29.0377 19.6909 29.0377 19.3096 28.6564L11.7157 21.0625C9.4281 18.7749 9.42808 15.0659 11.7157 12.7782C14.0034 10.4906 17.7124 10.4906 20 12.7782C20.0005 12.7778 20.0009 12.7773 20.0014 12.7768Z" fill="white"/></g><defs><filter id="filter0_d_515_259034" x="0" y="0" width="40" height="40" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/><feOffset/><feGaussianBlur stdDeviation="4"/><feComposite in2="hardAlpha" operator="out"/><feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.4 0"/><feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_515_259034"/><feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_515_259034" result="shape"/></filter></defs></svg>');
    height: 35px;
    width: 35px;
    background-repeat: no-repeat;
    top: -5px !important;
    right: 15px !important;
}

.ad-card .favorite-btn.filled {
    background-image: url('data:image/svg+xml,<svg width="36" height="35" viewBox="0 0 36 35" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M18.0013 11.0341C20.0603 8.98821 23.3974 8.98865 25.4558 11.0353C27.5147 13.0825 27.5147 16.4015 25.4558 18.4486L18.6213 25.2441C18.2782 25.5853 17.7218 25.5853 17.3787 25.2441L10.5442 18.4486C8.48529 16.4015 8.48528 13.0825 10.5442 11.0353C12.603 8.98821 15.9411 8.98822 18 11.0353L18.0013 11.0341Z" fill="%23BE0000"/><g filter="url(%23filter0_d_515_258988)"><path fill-rule="evenodd" clip-rule="evenodd" d="M18 13.1067L16.5858 11.6924C15.0792 10.1859 12.6365 10.1858 11.1299 11.6924C9.62335 13.199 9.62335 15.6417 11.1299 17.1483L18 24.0183L24.8701 17.1483C26.3766 15.6417 26.3766 13.199 24.8701 11.6924C23.3635 10.1859 20.9208 10.1858 19.4142 11.6924L18 13.1067ZM18.0014 10.2768C20.2892 7.99058 23.9971 7.99107 26.2843 10.2782C28.5719 12.5659 28.5719 16.2749 26.2843 18.5625L18.6904 26.1564C18.3091 26.5377 17.6909 26.5377 17.3096 26.1564L9.71573 18.5625C7.4281 16.2749 7.42808 12.5659 9.71573 10.2782C12.0034 7.99058 15.7124 7.9906 18 10.2782C18.0005 10.2778 18.0009 10.2773 18.0014 10.2768Z" fill="white"/></g><defs><filter id="filter0_d_515_258988" x="-2" y="-2.5" width="40" height="40" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/><feOffset/><feGaussianBlur stdDeviation="4"/><feComposite in2="hardAlpha" operator="out"/><feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.4 0"/><feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_515_258988"/><feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_515_258988" result="shape"/></filter></defs></svg>');
    /* background-image: url('data:image/svg+xml, <svg width="24" height="25" viewBox="0 0 24 25" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M12.0013 6.03407C14.0603 3.98821 17.3974 3.98865 19.4558 6.03534C21.5147 8.08246 21.5147 11.4015 19.4558 13.4486L12.6213 20.2441C12.2782 20.5853 11.7218 20.5853 11.3787 20.2441L4.54416 13.4486C2.48529 11.4015 2.48528 8.08247 4.54416 6.03534C6.60304 3.98821 9.94113 3.98822 12 6.03534L12.0013 6.03407Z" fill="%23BE0000"/><path fill-rule="evenodd" clip-rule="evenodd" d="M12 8.10666L10.5858 6.69244C9.0792 5.18586 6.63654 5.18585 5.12994 6.69244C3.62335 8.19904 3.62335 10.6417 5.12994 12.1483L12 19.0183L18.8701 12.1483C20.3766 10.6417 20.3766 8.19903 18.8701 6.69244C17.3635 5.18586 14.9208 5.18585 13.4142 6.69244L12 8.10666ZM12.0014 5.27681C14.2892 2.99058 17.9971 2.99107 20.2843 5.27823C22.5719 7.56587 22.5719 11.2749 20.2843 13.5625L12.6904 21.1564C12.3091 21.5377 11.6909 21.5377 11.3096 21.1564L3.71573 13.5625C1.4281 11.2749 1.42808 7.56588 3.71573 5.27823C6.00338 2.99058 9.71236 2.9906 12 5.27823C12.0005 5.27776 12.0009 5.27728 12.0014 5.27681Z" fill="white"/></svg>'); */
}

.ad-card .fav-btn-gray {
    background-image: url('data:image/svg+xml, <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M12 7.60666L10.5858 6.19244C9.0792 4.68586 6.63654 4.68585 5.12994 6.19244C3.62335 7.69904 3.62335 10.1417 5.12994 11.6483L12 18.5183L18.8701 11.6483C20.3766 10.1417 20.3766 7.69903 18.8701 6.19244C17.3635 4.68586 14.9208 4.68585 13.4142 6.19244L12 7.60666ZM12.0014 4.77681C14.2892 2.49058 17.9971 2.49107 20.2843 4.77823C22.5719 7.06587 22.5719 10.7749 20.2843 13.0625L12.6904 20.6564C12.3091 21.0377 11.6909 21.0377 11.3096 20.6564L3.71573 13.0625C1.4281 10.7749 1.42808 7.06588 3.71573 4.77823C6.00338 2.49058 9.71236 2.4906 12 4.77823C12.0005 4.77776 12.0009 4.77728 12.0014 4.77681Z" fill="%23858585"/></svg> ');
    right: 0px !important;
    top: 5px !important;
}

.ad-card .fav-btn-gray.filled {
    background-image: url('data:image/svg+xml, <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="%23BE0000"><path d="M12 21.35l-1.45-1.32C5.4 15.36 2 12.28 2 8.5 2 5.42 4.42 3 7.5 3 c1.74 0 3.41 0.81 4.5 2.09 C13.09 3.81 14.76 3 16.5 3 19.58 3 22 5.42 22 8.5 c0 3.78-3.4 6.86-8.55 11.54L12 21.35z"/></svg>');
}

@media (max-width: 768px) {
    .ad-card .fav-btn-gray {
        background-image: url('data:image/svg+xml, <svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M12 7.60422L10.5858 6.19C9.0792 4.68341 6.63654 4.68341 5.12994 6.19C3.62335 7.6966 3.62335 10.1393 5.12994 11.6458L12 18.5159L18.8701 11.6458C20.3766 10.1393 20.3766 7.69659 18.8701 6.19C17.3635 4.68341 14.9208 4.68341 13.4142 6.19L12 7.60422ZM12.0014 4.77437C14.2892 2.48814 17.9971 2.48863 20.2843 4.77579C22.5719 7.06343 22.5719 10.7724 20.2843 13.0601L12.6904 20.654C12.3091 21.0352 11.6909 21.0352 11.3096 20.654L3.71573 13.0601C1.4281 10.7724 1.42808 7.06344 3.71573 4.77579C6.00338 2.48814 9.71236 2.48815 12 4.77579C12.0005 4.77532 12.0009 4.77484 12.0014 4.77437Z" fill="white"/></svg>');
    }

    .ad-card .fav-btn-gray.filled {
        background-image: url('data:image/svg+xml, <svg width="24" height="25" viewBox="0 0 24 25" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M12.0013 6.03407C14.0603 3.98821 17.3974 3.98865 19.4558 6.03534C21.5147 8.08246 21.5147 11.4015 19.4558 13.4486L12.6213 20.2441C12.2782 20.5853 11.7218 20.5853 11.3787 20.2441L4.54416 13.4486C2.48529 11.4015 2.48528 8.08247 4.54416 6.03534C6.60304 3.98821 9.94113 3.98822 12 6.03534L12.0013 6.03407Z" fill="%23BE0000"/><path fill-rule="evenodd" clip-rule="evenodd" d="M12 8.10666L10.5858 6.69244C9.0792 5.18586 6.63654 5.18585 5.12994 6.69244C3.62335 8.19904 3.62335 10.6417 5.12994 12.1483L12 19.0183L18.8701 12.1483C20.3766 10.6417 20.3766 8.19903 18.8701 6.69244C17.3635 5.18586 14.9208 5.18585 13.4142 6.69244L12 8.10666ZM12.0014 5.27681C14.2892 2.99058 17.9971 2.99107 20.2843 5.27823C22.5719 7.56587 22.5719 11.2749 20.2843 13.5625L12.6904 21.1564C12.3091 21.5377 11.6909 21.5377 11.3096 21.1564L3.71573 13.5625C1.4281 11.2749 1.42808 7.56588 3.71573 5.27823C6.00338 2.99058 9.71236 2.9906 12 5.27823C12.0005 5.27776 12.0009 5.27728 12.0014 5.27681Z" fill="white"/></svg>');
    }
}


/* listing card */

.listing-card {
  display: flex;
  flex-direction: row;
  gap: 1rem;
  margin-bottom: 1rem;
  border: 1px solid #E9E9E9;
  border-radius: 8px;
  overflow: hidden;
  background: #fff;
    display: flex;
}

.listing-card .carousel {
  width: 35%;
  flex-shrink: 0;
}

.listing-card .carousel img {
  width: 100%;
  height: 300px;
  max-height: 300px;
  object-fit: cover;
}

.listing-card .card-body {
  flex: 1;
  padding: 1rem;
}


@media (max-width: 768px) {
  .listing-card {
    flex-direction: column;
    gap:0rem;
  }
  .listing-card .carousel {
    width: 100%;
  }
  .listing-card .carousel img {
    height: 240px !important;
  }
}

.listing-card .card-body {
    padding: 0.75rem;
    flex: 1;
}

.listing-card .card-title {
    font-size: 24px;
    font-weight: 500;
    color: #000000;
}

/* ===========================
   LIST VIEW
   =========================== */
.list-view .listing-col {
  flex: 0 0 100%;
  max-width: 100%;
}

.list-view .listing-card {
  display: flex;
  flex-direction: row;
  height: auto; /* let it adapt to content */
}

.list-view .listing-card .carousel,
.list-view .listing-card .carousel-inner,
.list-view .listing-card .carousel-item {
  width: 300px;
  height: 200px;
  flex-shrink: 0;
}

.list-view .listing-card .carousel-item img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.list-view .listing-card .card-body {
  flex: 1;
  display: flex;
  flex-direction: column;
}

.list-view .listing-card .b-hr {
  width: 57%;
}


.carousel-wrapper {
  position: relative;
}

#search-results .favorite-btn {
    top: 5px !important;
}

#search-results .featured-ad {
    z-index: 1;
    font-size: 12px;
    width: 80px;
    height: 24px;
    padding: 2px;
}

.search-filter button[type='submit'],
.search-filter .form-btn {
    background: var(--primary-color) !important;
    color: #fff !important;
    border: 0 !important;
    outline: none !important;;
}

.carousel-control-prev-icon,
.carousel-control-next-icon {
    filter: drop-shadow(0 0 4px rgba(0, 0, 0, 0.9));
}

@media (max-width: 767.98px) {
  .list-view .listing-card {
    flex-direction: column;
  }

  .list-view .listing-card .carousel,
  .list-view .listing-card .carousel-inner,
  .list-view .listing-card .carousel-item {
    width: 100%;
    height: 240px;
  }

  .list-view .listing-card .b-hr {
    width: 100%;
    position: static;
  }

  .listing-card .agent-info {
    position: static;
    margin-top: auto;
  }
}

/* pagination */
.pagination .page-item.active .page-link {
    border-radius: 50%;
    background: var(--primary-color) !important;
    border: none;
    margin-left: 10px;
    margin-right: 10px;
    color: #fff;
}

.pagination .page-item {
    outline: none !important;
}

.pagination .page-item .page-link {
    background: none !important;
    color: var(--primary-color);
    font-weight: 700;
    font-size: 16px;
    border: none !important;
    outline: none !important;

}

/* Agent list */

.a-intro .title,
.a-intro .intro-link {
    color: var(--primary-color);
}

.agent-list .spotlight {
    background: #fff;
    border-radius: 6px;;
    color: #444;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
}

.agent-list .spotlight p {
    color: var(--primary-color);
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
}

.agent-list .spotlight a {
    color: var(--primary-color);
    text-decoration: none;
}

.agent-footer {
    background: var(--bg-color-3);
}

.agent-card .count {
    font-size: 12px;
    color: var(--primary-color);
    font-weight: 400;
    letter-spacing: -0.24px;
}

.agent-card .count span {
    font-weight: 500;
}

.agent-list .dropdown button:not(.list-item) {
    border: 1px solid var(--primary-color);
    color: var(--primary-color);
    background: #fff !important;
}

.dropdown .dropdown-toggle.show::after {
    animation: rotate-bg 30s linear infinite;
    transform-origin: center center;
    background-position: 100% -50px;
    transform: rotate(180deg);
}

.dropdown .dropdown-toggle::after {
    background-image: url('/sites/barrierfreehome/assets/img/expand_more.png');
    background-position: 60% 99px;
    height: 16px;
    width: 16px;
    border:0;
    margin:0;
    vertical-align: unset;
}

.dropdown .list-group-item {
    border: 0;
    color: var(--primary-color);
}

.agent-card .title,
.agent-card a  {
    color: var(--primary-color);
}

.agent-card button,
.agent-card .btn-row a {
    border:1px solid var(--primary-color);
    color: var(--primary-color);
}

.agent-card button:hover ,
.agent-card .btn-row a:hover,
.agent-card button:focus ,
.agent-card .btn-row a:focus{
    background: var(--primary-color) !important;
    color: #fff !important;
    border: 1px solid var(--primary-color) !important;
}


.home-content .agent-card .img-wrapper img { 
    max-height: 140px; 
}

.agent-profile .img-wrapper {
    height: 300px;
}

.agent-profile .banner {
    position: relative;
    height: 300px;
    overflow: hidden;
    background-image: url(/sites/barrierfreehome/assets/img/a_banner.jpg);
    background-size: 100% 100%;
    background-position: center;
    background-repeat: no-repeat;
}

@media (max-width: 768px) {
    .agent-profile .banner {
        height: 150px;
        background-size: cover;
    }

    .agent-profile .img-wrapper {
         height: 150px !important;
    }

    .profile-card h1 {
        font-size: 20px !important;
    }

    .profile-card h2 {
        font-size: 16px !important;
    }

    .profile-card .sm {
        font-size: 12px !important;
    }

    .count-header {
        font-size: 20px !important;
    }

    .agent-list.sticky {
        top: 67px;
    }
}

.agent-profile .count-header {
    color: var(--primary-color);
}

.agent-profile .contact-form button ,
.agent-profile .contact-form button:focus {
    background: var(--primary-color) !important;
    color: white !important;
}

.visit-website-btn{
    border: 1px solid #DFDFDF;
    color: var(--primary-color);
}

 .visit-website-btn:hover {
    background: white;
    color: var(--primary-color);
 }

 .visit-website-btn:focus {
    border: 1px solid var(--primary-color) !important;
    color: var(--primary-color) !important;
    background: white !important;;
}

.agent-profile .contact-form a {
    border: 1px solid #DFDFDF;
    color: var(--primary-color);
    height: 48px;
}

 .agent-profile .contact-form a:not(.border-0):focus,
 .agent-profile .contact-form a:not(.border-0):hover {
    border: 1px solid var(--primary-color) !important;
    color: var(--primary-color) !important;
    background: #fff !important;
    outline: none !important;
}

.agent-profile .form-control:focus {
    border-color: var(--primary-color);
}

.contact {
    border-radius: 6px;
    border: 1px solid #DFDFDF;
}

.contact p {
    font-size: 12px;
    font-weight: 700;
    color: var(--primary-color);
}

.contact button {
    height: 48px;
    border:none;
    outline:none;
    color: var(--primary-color);
    border-radius: 6px;
}

.contact #contact-agent-btn {
    color: #fff;
    background: var(--primary-color);
}

.contact #request-tour-btn {
    border: 1px solid #DFDFDF;
    background: #fff;
}


/* state overview */

.ad-results,
#search-container  {
  transition: opacity 0.3s ease-in-out;
  opacity: 1;
}

.ad-results.fading,
#search-container.fading {
  opacity: 0.3; 
}

.state-overview .search-input {
  border: 1px solid #DFDFDF;
  display: flex;
  height: 48px;
  padding: 0 16px;
  justify-content: space-between;
  align-items: center;
  flex: 1 0 0;
  box-shadow: none;
  background-image: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M15.7549 14.2549H14.9649L14.6849 13.9849C15.6649 12.8449 16.2549 11.3649 16.2549 9.75488C16.2549 6.16488 13.3449 3.25488 9.75488 3.25488C6.16488 3.25488 3.25488 6.16488 3.25488 9.75488C3.25488 13.3449 6.16488 16.2549 9.75488 16.2549C11.3649 16.2549 12.8449 15.6649 13.9849 14.6849L14.2549 14.9649V15.7549L19.2549 20.7449L20.7449 19.2549L15.7549 14.2549ZM9.75488 14.2549C7.26488 14.2549 5.25488 12.2449 5.25488 9.75488C5.25488 7.26488 7.26488 5.25488 9.75488 5.25488C12.2449 5.25488 14.2549 7.26488 14.2549 9.75488C14.2549 12.2449 12.2449 14.2549 9.75488 14.2549Z" fill="%231940AD"/></svg>');
  background-repeat: no-repeat;
  background-position: 98%;
  border-radius: 8px;
}

.state-overview .search-input:focus {
  border: 1px solid #DFDFDF;
  outline: none;
}

.state-overview #map-canvas {
    top: 80px;
    position: sticky !important;
    background: #f4f3f3;
    z-index: 3;
}

.state-overview .map-container,
.state-overview #map-canvas {
    height: calc(100vh - 5rem);
}


.state-overview #map-actual {
    z-index: 5;
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 100%;
}

.state-overview #map-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 100;
    cursor: pointer;
    background: rgb(0 0 0 / 10%);
    margin: auto;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    color: black;
    font-size: 26px;
}

.map-menu {
    position: absolute;
    background: #fff;
    border:1px solid #DFDFDF;
    top: 5px;
    left: 5px;
    z-index: 1059;
}

#d-map-menu {
    z-index: unset;
}

.map-menu button {
    height: 40px;
    padding-bottom: 5px;
}

.map-menu button:first-child {
    border: 0;
    border-right: 1px solid #DFDFDF;
}

.ad-search form .search-dropdown {
    border-color: var(--primary-color);
    color: var(--primary-color);
    outline: none;
    background: #fff;
    max-width: 150px;
    text-overflow: ellipsis;
    padding-bottom: 8px;
    overflow: hidden;
}

#more_filters {
    max-width: 150px;
}

.ad-search form .search-dropdown:focus {
    border-color: var(--primary-color);
    color: var(--primary-color);
    background: #fff;
}

.lprc {
    cursor: pointer;
    padding: 5px;
    color: var(--font-color-lgray);
    font-size: 14px;
}

.search-filter form .form-btn {
    background: var(--primary-color);
    color: #fff !important;
    border: 0 !important;
    outline: none !important;
}

.toggle-btn-grp button {
    border-color: var(--primary-color);
    color: var(--primary-color)
}

.toggle-btn-grp .active{
    background : var(--primary-color);
    color: #FFF;
    border: 1px solid var(--primary-color);
}

.toggle-btn-grp .active i {
    color: #FFF;
}

.toggle-btn-grp button {
    border-color: var(--primary-color);
    color: var(--primary-color);
}

.toggle-btn-grp button i {
    color: var(--primary-color);
}

.toggle-btn-grp button.active:hover,
.toggle-btn-grp button.active:focus{
    background : var(--primary-color);
    border: 1px solid var(--primary-color);
}

.toggle-btn-grp button:not(.active):hover {
    background : var(--primary-color);
    color: #FFF;
    border: 1px solid var(--primary-color);
}

.toggle-btn-grp button:not(.active):hover i{
    color: #FFF;
}

.skeleton-img,
.skeleton-line {
  position: relative;
  overflow: hidden;
  background-color: #e0e0e0;
  border-radius: 6px;
}


.skeleton-img {
  width: 100%;
  height: 180px;
  margin-bottom: 10px;
}


.skeleton-img.list-img {
  width: 250px;
  height: 160px;
  margin-bottom: 0;
  flex-shrink: 0;
}

@media (max-width: 768px) {
  .skeleton-img.list-img { width: 150px; height: 120px; }
}

@media (max-width: 480px) {
  .skeleton-img.list-img { width: 100px; height: 80px; }
}


.skeleton-line {
  height: 12px;
  margin-bottom: 6px;
  border-radius: 6px;
}


.skeleton-img::after,
.skeleton-line::after {
  content: "";
  position: absolute;
  top: 0;
  left: -100%;
  height: 100%;
  width: 100%;
  background: linear-gradient(
    90deg,
    rgba(255,255,255,0) 0%,
    rgba(255,255,255,0.3) 50%,
    rgba(255,255,255,0) 100%
  );
  animation: shimmer 0.8s linear infinite 0s;
}


@keyframes shimmer {
  0% { left: -100%; }
  100% { left: 100%; }
}

/* ===========================
   GRID VIEW
   =========================== */
.grid-view .listing-col {
  flex: 0 0 25%;
  max-width: 25%;
}

.grid-view .skeleton-card {
  flex-direction: column;
}

/* ===========================
   LIST VIEW
   =========================== */
.list-view .listing-col {
  flex: 0 0 100%;
  max-width: 100%;
}

.list-view .skeleton-card {
  flex-direction: row;
  height: 180px; /* match real list view */
}

.list-view .skeleton-img {
  flex: 0 0 250px; /* same as real carousel */
  height: 100%;
}

.list-view .skeleton-body {
  flex: 1;
  padding: 12px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

/* ===========================
   GRID VIEW
   =========================== */

.grid-view .card-section {
    flex-direction: column !important;
}

.grid-view .listing-col {
  display: flex;
}

.grid-view .listing-card {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
}

.grid-view .listing-card .carousel,
.grid-view .listing-card .carousel-inner,
.grid-view .listing-card .carousel-item {
  height: 240px;
  width: 100%;
}

.grid-view .listing-card .carousel-item img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  max-height: 240px;
}


.grid-view .listing-card .card-body {
  flex-grow: 1;
  display: flex;
  flex-direction: column;
}

.grid-view .listing-card {
  gap:0;
}

.listing-card {
  position: relative;
}

.listing-card .agent-info {
  position: absolute;
  bottom: 7px;
}


.listing-card .b-hr {
  position: absolute;
  width: 92%;
  bottom: 20px;

}

@media (max-width: 767.98px) {
  .grid-view .listing-col {
    flex: 0 0 100%;
    max-width: 100%;
  }

  .grid-view .listing-card {
    flex-direction: column; /* stack image above body */
  }

  .grid-view .listing-card .carousel,
  .grid-view .listing-card .carousel-inner,
  .grid-view .listing-card .carousel-item {
    width: 100%;
    height: 200px; /* adjust height for mobile */
  }

  .grid-view .listing-card .b-hr {
    width: 100%;
    position: static;
  }

  .listing-card .agent-info {
    position: static;
    margin-top: auto;
  }
}

/* ===========================
   LIST VIEW
   =========================== */
.list-view .listing-col {
  flex: 0 0 100%;
  max-width: 100%;
}

.list-view .listing-card {
  display: flex;
  flex-direction: row;
  height: auto; /* let it adapt to content */
}

.list-view .listing-card .carousel,
.list-view .listing-card .carousel-inner,
.list-view .listing-card .carousel-item {
  width: 300px;
  height: 200px;
  flex-shrink: 0;
}

.list-view .listing-card .carousel-item img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.list-view .listing-card .card-body {
  flex: 1;
  display: flex;
  flex-direction: column;
}

.list-view .listing-card .b-hr {
  width: 57%;
}


.carousel-wrapper {
  position: relative;
}

.carousel-control-prev-icon,
.carousel-control-next-icon {
    filter: drop-shadow(0 0 4px rgba(0, 0, 0, 0.9));
}

@media (max-width: 767.98px) {
  .list-view .listing-card {
    flex-direction: column;
  }

  .list-view .listing-card .carousel,
  .list-view .listing-card .carousel-inner,
  .list-view .listing-card .carousel-item {
    width: 100%;
    height: 240px;
  }

  .list-view .listing-card .b-hr {
    width: 100%;
    position: static;
  }

  .listing-card .agent-info {
    position: static;
    margin-top: auto;
  }
}


/*
*/

#search-container {
    width: 100%;
    background-color: #ffffff;
}

#listings-pane, #listings-header {
    width: 100%;
}

#map-canvas {
    top: 80px;
    position: sticky !important;
    background: #f4f3f3;
    z-index: 3;
}

.map-container,
#map-canvas {
 height: calc(100vh - 5rem);
}


#map-actual {
    z-index: 5;
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 100%;
}

#map-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 100;
    cursor: pointer;
    background: rgb(0 0 0 / 10%);
    margin: auto;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    color: black;
    font-size: 26px;
}

@media (max-width: 768px) {  
    .map-container,
    #map-canvas {
    height: calc(100vh - 7rem);
    }
}

@media (min-width: 576px) {

    .search-map-listing {
        width: 510px;
        border: 1px solid #dddddd;
        border-radius: 5px;
        background-color: #fbfbfb;
        padding: 0px 0px 0px 0px;
        margin-bottom: 16px;
        position: relative;
    }

    .search-map-photo {
        width: 100%;
        height: 240px;
        object-fit: fill;
        max-width: 100%;
        border-top-left-radius: 5px;
        border-top-right-radius: 5px;
    }

    .search-map-info {
        background-color: #fbfbfb;
        padding: 14px 15px 0px 15px;
        display: block;
        border-bottom-left-radius: 5px;
        border-bottom-right-radius: 5px;
    }

    .search-results-map {
        width: 510px !important;
        margin-left: auto;
        margin-right: auto;
        padding-left: 0px;
        padding-right: 0px;
        background-color: #ffffff;
    }

}

@media (min-width: 768px) {

    .search-map-listing {
        width: 100%;
        border: 1px solid #dddddd;
        border-radius: 5px;
        background-color: #fbfbfb;
        padding: 0px 0px 0px 0px;
        margin-bottom: 16px;
        position: relative;
    }

    .search-map-photo {
        width: 100%;
        height: 240px;
        object-fit: fill;
        max-width: 100%;
        border-top-left-radius: 5px;
        border-top-right-radius: 5px;
    }

    .search-map-info {
        background-color: #fbfbfb;
        padding: 14px 15px 0px 15px;
        display: block;
        border-bottom-left-radius: 5px;
        border-bottom-right-radius: 5px;
    }

    .search-results-map {
        width: 392px !important;
        margin-left: initial;
        margin-right: initial;
    }

    #listings-pane, #listings-header  {
        width: 360px;
        margin-left: auto;
        margin-right: auto;
    }



}

@media (min-width: 992px) {

    #min-price-selector, #max-price-selector, #search-baths-selector {
        -webkit-overflow-scrolling: auto;
    }

}

@media (min-width: 1200px) {

    .search-map-listing {
        width: 350px;
        border: 1px solid #dddddd;
        border-radius: 5px;
        background-color: #fbfbfb;
        padding: 0px 0px 0px 0px;
        margin-left: 16px;
        margin-bottom: 16px;
        position: relative;
    }

    .search-map-photo {
        height: 240px;
        object-fit: fill;
        max-width: 100%;
        border-top-left-radius: 5px;
        border-top-right-radius: 5px;
    }

    .search-map-info {
        background-color: #fbfbfb;
        padding: 14px 15px 0px 15px;
        display: block;
        border-bottom-left-radius: 5px;
        border-bottom-right-radius: 5px;
    }

    .search-results-map {
        width: 748px !important;
    }

    #listings-pane, #listings-header  {
        width: 748px;
    }

}

@media (min-width: 1400px) and (max-width: 1599px) {
    .search-results-map {
        width: 648px !important;
    }

    .list-view .listing-card .carousel, .list-view .listing-card .carousel-inner, .list-view .listing-card .carousel-item {
        width: 250px;
    }
}


/* */
.custom-modal {
    width: 90%;
    height: 100vh;
    max-width: none;
    margin: 0 auto;
}

@media (min-width: 1400px) {
    .custom-modal {
        max-width: 1320px;
    }
}

.custom-modal .modal-content {
    height: 100%;
    border:0;
    border-radius: 0;
}

.custom-modal .modal-body {
    height: calc(100% - 56px);
    overflow-y: auto;
}

@media (max-width: 768px) {
    .custom-modal {
        width: 100%;
        height: 100vh;
        margin: 0;
    }

    .custom-modal .modal-body {
        max-height: 100vh;
        overflow-y: auto;
        overflow-x: hidden;
        -webkit-overflow-scrolling: touch;
    }

}


/* ad details */

.see-more-btn {
    background-image: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M4 8H8V4H4V8ZM10 20H14V16H10V20ZM4 20H8V16H4V20ZM4 14H8V10H4V14ZM10 14H14V10H10V14ZM16 4V8H20V4H16ZM10 8H14V4H10V8ZM16 14H20V10H16V14ZM16 20H20V16H16V20Z" fill="%231940AD"/></svg>');
    background-position: 10px 50%;
    padding-left: 30px;
    background-repeat: no-repeat;
    background-size: 24px 24px;
    padding-bottom: 4px;
}

.inline-gallery-section {
    display: none;
    position: relative;
    overflow-y: visible;
}

#back-to-listing-btn {
    background: transparent;
    border: 0;
    outline: none;
    color: var(--primary-color);
    /* position: sticky;
    top: 100px;
    z-index: 10;   */
}

#back-to-listing-btn::before {
    content: "<";
    margin-right: 6px;
    font-weight: bold;
}

.category-thumbnails img {
    cursor: pointer;
}

.category-thumbnails {
    overflow-x: auto;
    white-space: nowrap;
}

.category-thumbnails::-webkit-scrollbar {
    height: 6px;
}

.category-thumbnails::-webkit-scrollbar-thumb {
    background: rgba(0,0,0,0.2);
    border-radius: 3px;
}

.category-section .col-12 img {
    width: 100%;
    height: 500px;
    object-fit: none;
}

.category-section .row.g-2 img {
    width: 100%;
    height: 500px;
    object-fit: cover;
}

.copy-btn {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" fill="%23ffffff" viewBox="0 0 18 20"><path fill-opacity=".87" d="M18 7v-.4a1 1 0 0 0-.3-.3l-6-6-.2-.2h-.1A.9.9 0 0 0 11 0H7a3 3 0 0 0-3 3v1H3a3 3 0 0 0-3 3v10a3 3 0 0 0 3 3h8a3 3 0 0 0 3-3v-1h1a3 3 0 0 0 3-3zm-6-3.6L14.6 6H13a1 1 0 0 1-1-1zM12 17a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1V7a1 1 0 0 1 1-1h1v7a3 3 0 0 0 3 3h5zm4-4a1 1 0 0 1-1 1H7a1 1 0 0 1-1-1V3a1 1 0 0 1 1-1h3v3a3 3 0 0 0 3 3h3z"/></svg>') !important;
    background-repeat: no-repeat;
    background-size: 16px 16px;
    background-position: 50% 50%;
    background-color: var(--primary-color);
}

.fb-btn {
    background-image: url('/sites/barrierfreehome/assets/img/facebook.png');
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-color: var(--primary-color);
}

.twitter-btn {
    background-image: url('/sites/barrierfreehome/assets/img/twitter.png');
    background-repeat: no-repeat;
    background-size: 24px 24px;
    background-position: 50% 50%;
    background-color: var(--primary-color);
}

.desc_container .more {
    color: var(--primary-color);
    text-decoration: none;
    position: relative;
}

.desc_container .more::after {
    content: '';
    background: url("/sites/barrierfreehome/assets/img/arrow_down.png") no-repeat right center;
    background-size: 16px 16px;
    padding-right: 25px !important;
    position: absolute;
    inset: 0;
    right: -25px;
    top:5px;
}

.desc_container .less::after {
    transform: scaleY(-1);
    right: -25px;
}



.open-map-link a{
    text-decoration: none;
    color: var(--primary-color) !important;
    font-size: 16px;
    font-weight: 500;
}

.open-map-link a::after {
    content: '';
    background-image: url('data:image/svg+xml,<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M6.33333 3V4.33333H10.7267L3 12.06L3.94 13L11.6667 5.27333V9.66667H13V3H6.33333Z" fill="%231940AD"/></svg>');
    padding-right: 25px;
    background-repeat: no-repeat;
    background-position: 50% 90%;
}

.static-map-c {
    height: 500px;
}

.static-map-c img {
    height:500px;
    width:100%;
}

.ad-statistics .label,
.listing-info .label {
    font-weight: 500;
    font-size: 16px;
    color: var(--font-color-gray);
}

.ad-statistics .value,
.listing-info .value {
    font-weight: 400;
    font-size: 16px;
    color: var(--font-color-gray);
}

.disclaimer {
    font-size: 12px;
    font-weight: 400;
    color: var(--font-color-gray);
}

.disclaimer a {
    color: var(--font-color-gray) !important;
}

.ad-details .oh {
    border:1px solid var(--primary-color);
    border-radius: 6px;
    color: var(--primary-color);
    font-size: 11px;
    font-weight: 700;
    height: 33px;
    letter-spacing: -0.22px;
}

.ad-details .advertise {
    border-radius: 6px;
    background: var(--bg-color-1);
}

.ad-details .advertise p {
    color: var(--primary-color);
    font-size: 20px;
    font-weight: 500;
}

.ad-details .advertise button,
.ad-details .advertise a {
    height: 56px;
    border:none;
    outline:none;
    color: var(--primary-color);
    border-radius: 6px;
    text-decoration: none;
}

.ad-details .advertise #claim-btn {
    background: #fff;
}

.ad-details .advertise #sell-home-btn {
    background: transparent;
    border: 1px solid  #BD8265 !important;

}

.contact {
    border-radius: 6px;
    border: 1px solid #DFDFDF;
}

.contact p {
    font-size: 12px;
    font-weight: 700;
    color: var(--primary-color);
}

.contact button {
    height: 48px;
    border:none;
    outline:none;
    color: var(--primary-color);
    border-radius: 6px;
}

.contact #contact-agent-btn {
    color: #fff;
    background: var(--primary-color);
}

.contact #request-tour-btn {
    border: 1px solid #DFDFDF;
    background: #fff;
}

.z-index-modal {
    z-index: 1056;
}

#request-tour-btn {
    color: #fff;
    background: var(--primary-color);
    height: 48px;
    border: none;
    outline: none;
    border-radius: 6px;
    font-weight: 500;
    font-size: 16px;
}

@media (max-width: 768px) {
    #adBody .gallery-header {
        padding-top: 85px;
        border-bottom: 1px solid #DFDFDF;
        padding-bottom: 20px;
    }

    #adBody .gallery-header .logo {
        display: none;
    }


    #adBody .gallery-header .s-links{
        display: flex !important;
        padding-right: 20px;
    }
}


.ad-header #back-to-listing {
    display: none;
}

@media (max-width: 768px) {
    .ad-header {
        margin-bottom: -20px; 
    }

    .ad-header:not(.gallery-header) {
        opacity: 0;
    }

    .ad-header.gallery-header {
        margin-bottom: unset;
    }
}



.share-link {
    display: inline-block;
    text-decoration: none;
    width: fit-content;
    cursor: pointer;
    color: var(--primary-color);
}

.share-link .icon{
    background: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M18 15V18H6V15H4V18C4 19.1 4.9 20 6 20H18C19.1 20 20 19.1 20 18V15H18ZM7 9L8.41 10.41L11 7.83V16H13V7.83L15.59 10.41L17 9L12 4L7 9Z" fill="%231940AD"/></svg>') no-repeat right center;
    padding-left: 30px;
    background-position: 0px -1px;
}

.fav-link .icon {
    background: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M12 7.60422L10.5858 6.19C9.0792 4.68341 6.63654 4.68341 5.12994 6.19C3.62335 7.6966 3.62335 10.1393 5.12994 11.6458L12 18.5159L18.8701 11.6458C20.3766 10.1393 20.3766 7.69659 18.8701 6.19C17.3635 4.68341 14.9208 4.68341 13.4142 6.19L12 7.60422ZM12.0014 4.77437C14.2892 2.48814 17.9971 2.48863 20.2843 4.77579C22.5719 7.06343 22.5719 10.7724 20.2843 13.0601L12.6904 20.654C12.3091 21.0352 11.6909 21.0352 11.3096 20.654L3.71573 13.0601C1.4281 10.7724 1.42808 7.06344 3.71573 4.77579C6.00338 2.48814 9.71236 2.48815 12 4.77579C12.0005 4.77532 12.0009 4.77484 12.0014 4.77437Z" fill="%231940AD"/></svg>') no-repeat right center;
    padding-left: 30px;
    background-position: 0px 0px;
}

.fav-link.filled .icon {
    background: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="%231940AD" xmlns="http://www.w3.org/2000/svg"><path d="M12 21.35l-1.45-1.32C5.4 15.36 2 12.28 2 8.5 2 5.42 4.42 3 7.5 3c1.74 0 3.41.81 4.5 2.09C13.09 3.81 14.76 3 16.5 3 19.58 3 22 5.42 22 8.5c0 3.78-3.4 6.86-8.55 11.54L12 21.35z"/></svg>') no-repeat right center;
    background-position: 0px 0px;
}

.ad-details #photoGallery .col-md-6 .gallery-img {
    height: 350px;
}

.ad-details  #photoGallery .gallery-img {
    object-fit: cover;
    border-radius: 6px;
}

@media (max-width: 768px) {
    .ad-details #photoGallery .gallery-img {
        height: auto;
    }
}

.ad-details #photoGallery {
    display: none;
    transform: scale(0);
    opacity: 0;
    transform-origin: center center;
    transition: transform 0.2s ease-out, opacity 0.2s ease-out;
}

.ad-details #photoGallery.opened {
    display: block;
    transform: scale(1);
    opacity: 1;
}

.ad-details #claim-btn {
    background: #fff;
    border: 1px solid var(--primary-color);
    border-radius: 0;
    width: 100%;
    color: var(--primary-color);
    background-image:url('/sites/barrierfreehome/assets/img/arrow_fwd.png');
    background-repeat: no-repeat;
    background-position: 95% 50%;
    font-size: 16px;
    font-weight: 500;
}

.ad-details .advertise #sell-home-btn {
    background: #fff;
    border: 0 !important;
}


.contact-details-block .agent-profile {
    border:1px solid #DFDFDF;
    border-radius: 8px;
}

.property-details .beds::before {
    content: '';
    background-image: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M21 10.78V8C21 6.35 19.65 5 18 5H14C13.23 5 12.53 5.3 12 5.78C11.47 5.3 10.77 5 10 5H6C4.35 5 3 6.35 3 8V10.78C2.39 11.33 2 12.12 2 13V19H4V17H20V19H22V13C22 12.12 21.61 11.33 21 10.78ZM14 7H18C18.55 7 19 7.45 19 8V10H13V8C13 7.45 13.45 7 14 7ZM5 8C5 7.45 5.45 7 6 7H10C10.55 7 11 7.45 11 8V10H5V8ZM4 15V13C4 12.45 4.45 12 5 12H19C19.55 12 20 12.45 20 13V15H4Z" fill="%231940AD"/></svg>');
    padding-right: 30px;
    background-repeat: no-repeat;
}

.property-details .baths::before {
    content: '';
    background-image: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M9 17C9 17.55 8.55 18 8 18C7.45 18 7 17.55 7 17C7 16.45 7.45 16 8 16C8.55 16 9 16.45 9 17ZM12 16C11.45 16 11 16.45 11 17C11 17.55 11.45 18 12 18C12.55 18 13 17.55 13 17C13 16.45 12.55 16 12 16ZM16 16C15.45 16 15 16.45 15 17C15 17.55 15.45 18 16 18C16.55 18 17 17.55 17 17C17 16.45 16.55 16 16 16ZM19 12V14H5V12C5 8.47 7.61 5.57 11 5.08V3H13V5.08C16.39 5.57 19 8.47 19 12ZM17 12C17 9.24 14.76 7 12 7C9.24 7 7 9.24 7 12H17ZM8 19C7.45 19 7 19.45 7 20C7 20.55 7.45 21 8 21C8.55 21 9 20.55 9 20C9 19.45 8.55 19 8 19ZM12 19C11.45 19 11 19.45 11 20C11 20.55 11.45 21 12 21C12.55 21 13 20.55 13 20C13 19.45 12.55 19 12 19ZM16 19C15.45 19 15 19.45 15 20C15 20.55 15.45 21 16 21C16.55 21 17 20.55 17 20C17 19.45 16.55 19 16 19Z" fill="%231940AD"/></svg>');
    padding-right: 30px;
    background-repeat: no-repeat;
}

.property-details .area::before {
    content: '';
    background-image: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M17.66 17.66L16.6 18.72L15.89 18.01L16.95 16.95L15.01 15.01L13.95 16.07L13.24 15.36L14.3 14.3L12.36 12.36L11.3 13.42L10.59 12.71L11.65 11.65L9.7 9.7L8.64 10.76L7.93 10.05L8.99 8.99L7.05 7.05L5.99 8.11L5.28 7.4L6.34 6.34L4 4V18C4 19.1 4.9 20 6 20H20L17.66 17.66ZM7 17V11.24L12.76 17H7Z" fill="%231940AD"/></svg>');
    padding-right: 30px;
    background-repeat: no-repeat;
}

.property-details .built::before {
    content: '';
    background-image: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M18 3L15 6V3H9C6.24 3 4 5.24 4 8H9V20C9 20.55 9.45 21 10 21H14C14.55 21 15 20.55 15 20V8L18 11H20V3H18ZM13 19H11V13H13V19ZM11 11V6H6.77C7.32 5.39 8.11 5 9 5H13V11H11Z" fill="%231940AD"/></svg>');
    padding-right: 30px;
    background-repeat: no-repeat;
}

.property-details .lakefront::before {
    content: '';
    background-image: url('/sites/mountainhomes/assets/img/water.png');
    padding-right: 30px;
    background-repeat: no-repeat;
}

.property-details .lake::before {
    content: '';
    background-image: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12 12C10.9 12 10 11.1 10 10C10 8.9 10.9 8 12 8C13.1 8 14 8.9 14 10C14 11.1 13.1 12 12 12ZM18 10.2C18 6.57 15.35 4 12 4C8.65 4 6 6.57 6 10.2C6 12.54 7.95 15.64 12 19.34C16.05 15.64 18 12.54 18 10.2ZM12 2C16.2 2 20 5.22 20 10.2C20 13.52 17.33 17.45 12 22C6.67 17.45 4 13.52 4 10.2C4 5.22 7.8 2 12 2Z" fill="%231940AD"/></svg>');
    padding-right: 30px;
    background-repeat: no-repeat;
}

.property-details .acres::before {
    content: '';
    background-image: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M16.9498 12H18.9498L11.9498 2L4.9998 12H6.9498L3.0498 18H9.96981V22H13.9198V18H20.9498L16.9498 12ZM6.7398 16L10.6398 10H8.8298L11.9598 5.5L15.1098 10H13.2098L17.2098 16H6.7398Z" fill="%231940AD"/></svg>');
    padding-right: 30px;
    background-repeat: no-repeat;
}

.property-details .patio::before {
    content: '';
    background-image: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M19 12.5H22L12 3.5L2 12.5H5V20.5H7V18.5H17V20.5H19V12.5ZM7.21 10.5H16.79L17 10.69V12.5H7V10.69L7.21 10.5ZM14.57 8.5H9.43L12 6.19L14.57 8.5ZM7 16.5V14.5H17V16.5H7Z" fill="%231940AD"/></svg>');
    padding-right: 30px;
    background-repeat: no-repeat;
}


.property-details .bi {
    color: var(--primary-color) !important;
}

.property-details .bi:not(.bi-check-circle)::before {
    font-weight: 700 !important;
    font-size: 18px !important;
    padding-right: 10px;
    padding-left: 0px;
    height: 24px;
    width: 30px;
    content: "";
    background-repeat: no-repeat;
}

.property-details .bi.fireplace::before {
    background-image: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12.01 12.46C11.86 12.88 11.86 13.28 11.93 13.74C12.03 14.29 12.26 14.78 12.13 15.34C12 15.93 11.36 16.72 10.6 16.97C11.88 18.02 13.8 17.34 13.99 15.65C14.16 14.11 12.55 13.67 12.01 12.46Z" fill="%231940AD"/><path d="M2 2V22H22V2H2ZM12 18C10.42 18 9.03 16.12 9 14.94C9 14.89 8.99 14.81 8.99 14.72C8.86 12.99 9.99 11.52 11.46 10.35C11.93 11.36 12.73 12.38 14.03 13.27C14.61 13.69 15 14.13 15 15C15 16.65 13.65 18 12 18ZM20 20H18V18H15.98C16.61 17.16 17 16.13 17 15C17 13.11 15.91 12.15 15.15 11.63C12.2 9.61 13 7 13 7C6.27 10.57 6.98 14.47 7 15C7.03 15.96 7.49 17.07 8.23 18H6V20H4V4H20V20Z" fill="%231940AD"/></svg>');
}

.property-details .bi.hvac::before {
    background-image: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M19 3H5C3.9 3 3 3.9 3 5V19C3 20.1 3.9 21 5 21H19C20.1 21 21 20.1 21 19V5C21 3.9 20.1 3 19 3ZM19 19H5V5H19V19Z" fill="%231940AD"/><path d="M12 18C15.31 18 18 15.31 18 12C18 8.69 15.31 6 12 6C8.69 6 6 8.69 6 12C6 15.31 8.69 18 12 18ZM15.44 10C15.7 10.45 15.88 10.96 15.95 11.5H8.05C8.12 10.96 8.29 10.45 8.56 10H15.44ZM15.95 12.5C15.88 13.04 15.71 13.55 15.44 14H8.56C8.3 13.55 8.12 13.04 8.05 12.5H15.95ZM9.38 15H14.62C13.92 15.61 13.01 16 12 16C10.99 16 10.09 15.61 9.38 15ZM14.62 9H9.38C10.08 8.39 10.99 8 12 8C13.01 8 13.91 8.39 14.62 9Z" fill="%231940AD"/></svg>');
}

.property-details .bi.roofing::before {
    background-image: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13 18.5H11V16.5H13V18.5ZM15 14.5H9V20.5H15V14.5ZM19 9.8V4.5H16V7.1L12 3.5L2 12.5H5L12 6.19L19 12.5H22L19 9.8Z" fill="%231940AD"/></svg>');
}

.property-details .bi.property_tax::before {
    background-image: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12.3902 10.9C10.1202 10.31 9.39016 9.7 9.39016 8.75C9.39016 7.66 10.4002 6.9 12.0902 6.9C13.8702 6.9 14.5302 7.75 14.5902 9H16.8002C16.7302 7.28 15.6802 5.7 13.5902 5.19V3H10.5902V5.16C8.65016 5.58 7.09016 6.84 7.09016 8.77C7.09016 11.08 9.00016 12.23 11.7902 12.9C14.2902 13.5 14.7902 14.38 14.7902 15.31C14.7902 16 14.3002 17.1 12.0902 17.1C10.0302 17.1 9.22016 16.18 9.11016 15H6.91016C7.03016 17.19 8.67016 18.42 10.5902 18.83V21H13.5902V18.85C15.5402 18.48 17.0902 17.35 17.0902 15.3C17.0902 12.46 14.6602 11.49 12.3902 10.9Z" fill="%231940AD"/></svg>');
}

.property-details .bi.community::before {
    background-image: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M8 4L2 10V20H14V10L8 4ZM12 18H9V15H7V18H4V10.83L8 6.83L12 10.83V18ZM9 13H7V11H9V13ZM18 20V8.35L13.65 4H10.82L16 9.18V20H18ZM22 20V6.69L19.31 4H16.48L20 7.52V20H22Z" fill="%231940AD"/></svg>');
}

.property-details .bi.county::before {
    background-image: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20.5 3L20.34 3.03L15 5.1L9 3L3.36 4.9C3.15 4.97 3 5.15 3 5.38V20.5C3 20.78 3.22 21 3.5 21L3.66 20.97L9 18.9L15 21L20.64 19.1C20.85 19.03 21 18.85 21 18.62V3.5C21 3.22 20.78 3 20.5 3ZM10 5.47L14 6.87V18.53L10 17.13V5.47ZM5 6.46L8 5.45V17.15L5 18.31V6.46ZM19 17.54L16 18.55V6.86L19 5.7V17.54Z" fill="%231940AD"/></svg>');
}

.property-details .bi.hoa::before {
    background-image: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M21.5 6.5V14H19.5V7.5L14.5 4L9.5 7.5V9H7.5V6.5L14.5 1.5L21.5 6.5ZM16 7H15V8H16V7ZM14 7H13V8H14V7ZM16 9H15V10H16V9ZM14 9H13V10H14V9ZM19.5 16H17.5C17.5 14.8 16.75 13.72 15.63 13.3L9.47 11H1.5V22H7.5V20.56L14.5 22.5L22.5 20V19C22.5 17.34 21.16 16 19.5 16ZM3.5 20V13H5.5V20H3.5ZM14.47 20.41L7.5 18.48V13H9.11L14.93 15.17C15.27 15.3 15.5 15.63 15.5 16C15.5 16 13.51 15.95 13.2 15.85L10.82 15.06L10.19 16.96L12.57 17.75C13.08 17.92 13.61 18.01 14.15 18.01H19.5C19.89 18.01 20.24 18.24 20.4 18.57L14.47 20.41Z" fill="%231940AD"/></svg>');
}

.property-details .bi.parking::before {
    background-image: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(%23clip0_902_137424)"><path d="M3 5C3 4.46957 3.21071 3.96086 3.58579 3.58579C3.96086 3.21071 4.46957 3 5 3H19C19.5304 3 20.0391 3.21071 20.4142 3.58579C20.7893 3.96086 21 4.46957 21 5V19C21 19.5304 20.7893 20.0391 20.4142 20.4142C20.0391 20.7893 19.5304 21 19 21H5C4.46957 21 3.96086 20.7893 3.58579 20.4142C3.21071 20.0391 3 19.5304 3 19V5Z" stroke="%231940AD" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/><path d="M9 16V8H13C13.5304 8 14.0391 8.21071 14.4142 8.58579C14.7893 8.96086 15 9.46957 15 10C15 10.5304 14.7893 11.0391 14.4142 11.4142C14.0391 11.7893 13.5304 12 13 12H9" stroke="%231940AD" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></g><defs><clipPath id="clip0_902_137424"><rect width="24" height="24" fill="white"/></clipPath></defs></svg>');
}

.property-details .bi.siding::before {
    background-image: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(%23clip0_902_131920)"><path d="M4 6C4 5.46957 4.21071 4.96086 4.58579 4.58579C4.96086 4.21071 5.46957 4 6 4H18C18.5304 4 19.0391 4.21071 19.4142 4.58579C19.7893 4.96086 20 5.46957 20 6V18C20 18.5304 19.7893 19.0391 19.4142 19.4142C19.0391 19.7893 18.5304 20 18 20H6C5.46957 20 4.96086 19.7893 4.58579 19.4142C4.21071 19.0391 4 18.5304 4 18V6Z" stroke="%231940AD" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/><path d="M4 8H20" stroke="%231940AD" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/><path d="M20 12H4" stroke="%231940AD" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/><path d="M4 16H20" stroke="%231940AD" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/><path d="M9 4V8" stroke="%231940AD" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/><path d="M14 8V12" stroke="%231940AD" stroke-width="2" stroke-linejoin="round"/><path d="M8 12V16" stroke="%231940AD" stroke-width="2" stroke-linejoin="round"/><path d="M16 12V16" stroke="%231940AD" stroke-width="2" stroke-linejoin="round"/><path d="M11 16V20" stroke="%231940AD" stroke-width="2" stroke-linejoin="round"/></g><defs><clipPath id="clip0_902_131920"><rect width="24" height="24" fill="white"/></clipPath></defs></svg>');
}

@media (max-width: 767.98px) {
    .property-details .row-border {
      border-bottom: 1px solid #00000014;
      width: 100% !important;
      padding-bottom: 1rem;
    }
}

.property-details .bi {
    color: var(--primary-color) !important;
}

.property-details .bi::before {
    font-weight: 700 !important;
    font-size: 18px !important;
    padding-right: 10px;
    padding-left: 0px;
}

@media (max-width: 767.98px) {
    .property-details .row-border {
      border-bottom: 1px solid #00000014;
      width: 100% !important;
      padding-bottom: 1rem;
    }
}

.view-more-details {
    border: 1px solid #DFDFDF;
    border-radius: 6px;
    color: var(--primary-color);
    cursor: default;
}

.contact-info {
    border: 1px solid #DFDFDF;
    border-radius: 8px;
}

.contact-info button {
    height: 48px;
    border:none;
    outline:none;
    color: var(--primary-color);
    border-radius: 6px;
    width: 200px;
}

.contact-info #contact-agent-btn2 {
    color: #fff;
    background: var(--primary-color);
}

.contact-info #view-other-listings {
    border: 1px solid var(--primary-color);
    background: #fff;
}


@media (max-width: 991.9px) {
    .contact-info button {
        width: 100%;
    }
}


/* */

.m-calculator {
    margin-top: 2.25rem !important;
}

.m-calculator input,
.m-calculator select,
.calculator-row .value {
    border:1px solid #DFDFDF;
    height: 48px;
    padding: 10px;
    color: var(--font-color-gray);
    font-size: 16px;
    font-weight: 500;
    width: 90%;
    border-radius: 6px;
}

.m-calculator select {
    -webkit-appearance : none;
    appearance: none;
    padding-right: 2rem;
}

.calculate-item svg {
    position: absolute;
    top: 20px;
    right: 10px;
}

.calculator-row .value {
    text-align: right;
    width: 50%;
}

.m-calculator .label {
    font-size: 16px;
    font-weight: 500;
    color: #000000;
}

.calculator-row .est_monthly {
    position: absolute;
    top: 48%;
}

.calculator-row .legend {
    width: 15px;
    height:15px;
    border-radius: 50%;
}

.calculator-row #principalinterest .legend {
    background: var(--primary-color);
}

.calculator-row #propertytax .legend {
    background: var(--font-color-1);
}

.calculator-row #hoa .legend {
    background: #0A1A45;
}

.calculator-row #home_insurance .legend {
    background: var(--secondary-color);
}

.calculator-row #mortgage_insurance .legend {
    background: #054D6A;
}

.interest-rate-column .calculate-item {
    max-width:100px;
}

.down-payment-item {
    max-width: 90px;
}

.calculator-row .ic_info {
    display: inline-block !important;
    width: 0.8125rem !important;
    height: 0.8125rem !important;
    margin: 0 0 0.125rem 0.25rem !important;
    background-size: contain !important;
    vertical-align: middle !important;
    cursor: help;
    opacity: 0.7;
}

.m-calculator .footer {
    font-size: 12px;
    font-weight: 400;
    color: var(--font-color-gray);
}

@media (max-width: 991.9px) {
    .interest-rate-column .calculate-item {
        max-width: unset;
    }
    .down-payment-item {
        max-width: unset;
    }

    .m-calculator input {
        width: 100%;
    }
}


.lake-info .boating::before {
    content: '';
    background-image: url('/sites/barrierfreehome/assets/img/boating.png');
    padding-right: 30px;
    background-repeat: no-repeat;
}


.lake-info .desc {
    font-size: 16px;
    font-weight: 400;
    color: var(--font-color-gray);
}

.lake-info .updated {
    color: var(--primary-color);
    font-size: 12px;
    font-weight: 450;
}

.lake-info .explore {
    border: 1px solid var(--primary-color);
    color: var(--primary-color) !important;
    background: #FFF;
    outline: none;
    height: 48px;
    width: 270px;
    text-align: center;
    border-radius: 6px;
    text-decoration: none;
    padding-top: 10px;
}

.lake-info .boating::before {
    content: '';
    background-image: url('/sites/barrierfreehome/assets/img/sailboat.png');
    padding-right: 30px;
    background-repeat: no-repeat;
}


.lake-info .swimming::before {
    content: '';
    background-image: url('/sites/barrierfreehome/assets/img/swimming.png');
    padding-right: 30px;
    background-repeat: no-repeat;
}

.lake-info .skiing::before {
    content: '';
    background-image: url('/sites/barrierfreehome/assets/img/ski.png');
    padding-right: 30px;
    background-repeat: no-repeat;
}

.lake-info .lake-depth::before {
    content: '';
    background-image: url('/sites/barrierfreehome/assets/img/depth.png');
    padding-right: 30px;
    background-repeat: no-repeat;
}

.lake-info .water-level::before {
    content: '';
    background-image: url('/sites/barrierfreehome/assets/img/waterlevel.png');
    padding-right: 30px;
    background-repeat: no-repeat;
}

@media (max-width: 767.98px) {
    .lake-info .explore {
        width: 100%;
    }
}

/*
*/
.fav-btn {
    background-image: url('/sites/barrierfreehome/assets/img/fav.png');
}

.fav-btn.filled {
    background-image: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="%231940AD" xmlns="http://www.w3.org/2000/svg"><path d="M12 21.35l-1.45-1.32C5.4 15.36 2 12.28 2 8.5 2 5.42 4.42 3 7.5 3c1.74 0 3.41.81 4.5 2.09C13.09 3.81 14.76 3 16.5 3 19.58 3 22 5.42 22 8.5c0 3.78-3.4 6.86-8.55 11.54L12 21.35z"/></svg>');
}

.share-btn {
    background-image: url('/sites/barrierfreehome/assets/img/share.png');
}

/* 
*/
.mobile-toggle {
  position: fixed;
  bottom: 20px; /* slightly above bottom */
  left: 50%;
  transform: translateX(-50%);
  background: #fff;
  border: 1px solid #ddd;
  border-radius: 8px;
  display: flex;
  justify-content: center;
  box-shadow: 0 2px 8px rgba(0,0,0,0.15);
  z-index: 1000;
  overflow: hidden;
}

.mobile-toggle .toggle-btn {
  padding: 8px 10px;
  border: none;
  background: none;
  font-weight: 600;
  color: #4E4E4E;
  cursor: pointer;
  width: 100px;
}

.mobile-toggle .toggle-btn svg path {
    fill: #4E4E4E;
}

#show-listings {
    background: #fff;
    border:none;
    outline: none;
    font-weight: 600;
}

.mobile-toggle .separator {
    color: #DFDFDF;
}

.toggle-btn.active {
    color: var(--primary-color);
}

.mobile-toggle .toggle-btn.active svg path {
    fill: var(--primary-color);
}

.toggle-btn.active svg path{
    fill: var(--primary-color);
}

@media (min-width: 768px) {
  .mobile-toggle {
    display: none; /* Hide on desktop/tablet */
  }
}

/* advanced search */
.noUi-handle::before{
    content: unset !important;
}

.noUi-handle::after {
    content: '' !important;
    width: 8px !important;
    height: 8px !important;
    background: white !important ;
    border-radius: 50%;
    position: absolute !important;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%);
}

#city-search {
    box-shadow: none;
    background-image: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M15.7549 14.2549H14.9649L14.6849 13.9849C15.6649 12.8449 16.2549 11.3649 16.2549 9.75488C16.2549 6.16488 13.3449 3.25488 9.75488 3.25488C6.16488 3.25488 3.25488 6.16488 3.25488 9.75488C3.25488 13.3449 6.16488 16.2549 9.75488 16.2549C11.3649 16.2549 12.8449 15.6649 13.9849 14.6849L14.2549 14.9649V15.7549L19.2549 20.7449L20.7449 19.2549L15.7549 14.2549ZM9.75488 14.2549C7.26488 14.2549 5.25488 12.2449 5.25488 9.75488C5.25488 7.26488 7.26488 5.25488 9.75488 5.25488C12.2449 5.25488 14.2549 7.26488 14.2549 9.75488C14.2549 12.2449 12.2449 14.2549 9.75488 14.2549Z" fill="%231940AD"/></svg>');
    background-repeat: no-repeat;
    background-position: 99%;
    border-radius: 8px;
    border:1px solid #DFDFDF
}

#city-search:focus {
    border:1px solid #DFDFDF;
}

.submit-btn {
    background-color: var(--primary-color);
    color: white;
    font-size: 16px;
    border: 1px solid var(--primary-color);
    outline: none;
    font-weight: 500;
    border-radius: 6px;
    padding: 10px 70px;
}

.submit-btn:focus,
.submit-btn:hover,
.submit-btn:active {
    background-color: var(--primary-color);
    color: white;
    border: 1px solid var(--primary-color);
    outline: none;
}

.noUi-horizontal .noUi-handle {
    border-radius: 50%;
    height: 24px !important;
    width: 24px !important;
    top: -10px !important;
    border: 0 !important;
    background: var(--primary-color);
    box-shadow: none;
    border: 1px solid var(--primary-color);
}

.noUi-horizontal .noUi-handle:hover {
    cursor: pointer;
}

.noUi-connects {
    border: 1px solid var(--primary-color);
}

.noUi-target {
    border: 0;
    background: white;
}


.noUi-connect {
    background: var(--primary-color) !important;
}

.range-input {
    width: 100px;
}

.view-btn {
    color: var(--primary-color);
    border: 1px solid var(--primary-color);
    border-radius: 8px;
    background: white !important;
    width: 100%;
    height: 48px;
    outline: none !important;
}

.view-btn:focus,
.view-btn:hover,
.view-btn:active {
    background: white !important;
    outline: none !important;
    border: 1px solid var(--primary-color);
    color: var(--primary-color);
}

#city-container.fade-slide.show {
    padding-bottom: 80px !important;
}

.check-item .form-check {
    background: #F2F6F8;
    border:1px solid #DFDFDF;
}

.check-item:not(.city-item) .form-check {
    position: relative;
}

.check-item:not(.city-item) .form-check .form-check-label {
    position: absolute;
    bottom: 13px;
}

.check-item .selected-item {
    border:1px solid var(--primary-color);
    background: #f3f6ff !important;
}

.adv-search input[type=checkbox] {
    border: 2px solid #4E4E4E !important;
    border-radius: 2px;
}

.adv-search input[type=radio]:not(.is-invalid) {
    border: 2px solid #4E4E4E !important;
}

.adv-search input[type=checkbox]:checked {
    border-color: var(--primary-color) !important;
}

.adv-search input[type=radio]:checked {
    border-color: var(--primary-color) !important;
}

.fade-slide {
    opacity: 0;
    max-height: 0;
    overflow: hidden;
    transition: all 0.35s ease-in-out;
}

.fade-slide.show {
    opacity: 1;
    max-height: 2000px; /* large enough */
}

.city-skeleton {
    background: #E5EAEE;
    border-radius: 8px;
    height: 55px;
    animation: pulse 1.5s infinite;
}

@keyframes pulse {
    0% { opacity: .6; }
    50% { opacity: 1; }
    100% { opacity: .6; }
}

.is-invalid {
    border-color: #dc3545 !important;
    box-shadow: none;
}

label.is-invalid {
    color: #dc3545;
}

.adv-search .save-search {
    background: #fff;
    border: 1px solid var(--primary-color);
    color: var(--primary-color);
    font-size: 16px;
    font-weight: 500;
    border-radius: 6px;
    padding: 10px 50px;
    outline: none;
}

.adv-search .save-search:focus,
.adv-search .save-search:hover,
.adv-search .save-search:active {
    color: var(--primary-color);
    background: #fff;
    border: 1px solid var(--primary-color);
    outline: none;
}

@media (max-width: 767.98px) {
    .search-footer button {
        width: 100% !important;
    }
}


.search-area-btn {
    position: absolute;
    top: 5px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 9999;
    background-color: #ffffff;
    border-radius: 6px;
    border: none;
    cursor: pointer;
    display: none;
    height: 35px;
    border-radius: 0;
    background-image: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M15.7549 14.2549H14.9649L14.6849 13.9849C15.6649 12.8449 16.2549 11.3649 16.2549 9.75488C16.2549 6.16488 13.3449 3.25488 9.75488 3.25488C6.16488 3.25488 3.25488 6.16488 3.25488 9.75488C3.25488 13.3449 6.16488 16.2549 9.75488 16.2549C11.3649 16.2549 12.8449 15.6649 13.9849 14.6849L14.2549 14.9649V15.7549L19.2549 20.7449L20.7449 19.2549L15.7549 14.2549ZM9.75488 14.2549C7.26488 14.2549 5.25488 12.2449 5.25488 9.75488C5.25488 7.26488 7.26488 5.25488 9.75488 5.25488C12.2449 5.25488 14.2549 7.26488 14.2549 9.75488C14.2549 12.2449 12.2449 14.2549 9.75488 14.2549Z" fill="%231940AD"/></svg>');
    background-repeat: no-repeat;
    background-position: 5% 50%;
    padding-left: 25px !important;
    background-size: 18px 18px;
    border-radius: 6px;
    padding-right: 10px !important;
    padding-bottom: 4px;
    color: var(--primary-color);
    font-weight: 500;
    /* opacity: 0.7; */
    font-size: 14px;
}


#save-search {
    background: var(--primary-color) !important;
    color: #FFF !important;
    border-radius: 8px;
    font-size: 16x;
    font-weight: 400;
    border: none;
    outline: none;
    height: 40px;
    width: 120px;
}

.cluster-marker {
    width: 52px;
    height: 52px;
    border-radius: 50%;
    background: #1940AD;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 400;
    font-size: 14px;
    font-family: "Helvetica Neue", "Arial", "Arial Unicode MS Bold", sans-serif; 
    border: 2px solid #FFF;
    opacity: 0.8;
    padding-bottom: 3px;
    cursor:pointer;
}
.single-marker {
    width: 18px;
    height: 18px;
    background: #1940AD;
    border-radius: 50%;
    border: 2px solid #FFF;
    cursor: pointer;
}
.highlighted-cluster {
    background-color: #ff5252 !important;
    transform: scale(1.2);
    transition: transform 0.2s, background-color 0.2s;
    z-index:1200 !important;
}
.marker-cluster-xl {
    width: 64px;
    height: 64px;
    line-height: 64px; 
}

.marker-cluster-l {
    width: 54px;
    height: 54px;
    line-height: 54px;
}

.marker-cluster-m {
    width: 48px;
    height: 48px;
    line-height: 48px; 
}

.marker-cluster-s {
    width: 42px;
    height: 42px;
    line-height: 42px; 
}


#search-filters #zip-search , 
#search-filters select[name=zip_r] {
    border:1px solid var(--primary-color);
    color: var(--primary-color);
    height: 40px;
}


#search-filters .form-select {
    --bs-form-select-bg-img: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%231940AD' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e") !important;
}

#search-filters #zip-search::placeholder{
    color: var(--primary-color) !important; 
    opacity: 0.8 !important;
}