.d-none { display: none !important; }
.d-flex { display: flex !important; }
.d-inline-block { display: inline-block !important; }
.d-grid { display: grid !important; }
.d-grid-tc2 { grid-template-columns: 1fr 1fr; }
.d-grid-g10 { grid-gap: 10px; }
.p-10 { padding: 10px !important; }
.pt-6 { padding-top: 6px !important; }
.pt-9 { padding-top: 9px !important; }
.pt-10 { padding-top: 10px !important; }
.pt-11 { padding-top: 11px !important; }
.pt-12 { padding-top: 12px !important; }
.pt-13 { padding-top: 13px !important; }
.pt-15 { padding-top: 15px !important; }
.pr-8 { padding-right: 8px !important; }
.pr-10 { padding-right: 10px !important; }
.pr-12 { padding-right: 12px !important; }
.pr-20 { padding-right: 20px !important; }
.pr-22 { padding-right: 22px !important; }
.pb-0 { padding-bottom: 0 !important; }
.pb-2 { padding-bottom: 2px !important; }
.pb-6 { padding-bottom: 6px !important; }
.pb-9 { padding-bottom: 9px !important; }
.pb-10 { padding-bottom: 10px !important; }
.ps-3 { padding-left: 3px !important; }
.ps-8 { padding-left: 8px !important; }
.ps-12 { padding-left: 12px !important; }
.ps-20 { padding-left: 20px !important; }
.pf-1 { padding: 5px 15px; }
.pf-2 { padding: 7px 15px; }
.mt-3 { margin-top: 3px; }
.mt-8 { margin-top: 8px; }
.mt-15 { margin-top: 15px; }
.mt-20 { margin-top: 20px; }
.ms-10 { margin-left: 10px; }
.mr-5 { margin-right: 5px; }
.mr-8 { margin-right: 8px; }
.mr-10 { margin-right: 10px; }
.mb-0 { margin-bottom: 0; }
.mb-8 { margin-bottom: 8px; }
.mb-15 { margin-bottom: 15px !important; }
.bdr-unset { border: unset; }
.bdr-1 { border: 1px solid #96989A; }
.bdr-2 { border: 1px solid #D2D4D6; }
.bdr-3 { border: 1px solid #ABAEB0; }
.bdr-4 { border: 1px solid #6D7680; }
.bdr-5 { border: 1px solid #1EB785; }
.bdr-6 { border: 1px solid #F2F4F5; }
.bdr-s-0 { border-left: 0px; }
.bdr-e-0 { border-right: 0px; }
.br-6 { border-radius: 6px; }
.br-8 { border-radius: 8px; }
.br-10 { border-radius: 10px; }
.br-32 { border-radius: 32px; }
.br-h8 { border-radius: 8px 8px 0px 0px; }
.br-s-10 {
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
}
.br-e-10 {
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
}
.bg-white { background-color: #FFFFFF; }
.bg-light-gray { background-color: #F3F3F3; }
.bg-gray { background-color: #F2F4F5; }
.bg-green { background-color: #1EB785; }
.text-white { color: #FFFFFF; }
.text-gray { color: #626568; }
.text-gray2 { color: #3C4855; }
.text-gray3 { color: #6D7680; }
.text-black { color: #2D3236; }
.text-light-green { color: #1EB785; }
.td-underline { text-decoration: underline; }
.ta-center { text-align: center; }
.ta-left { text-align: left; }
.ta-right { text-align: right; }
.fs-6 { font-size: 14px; }
.fs-6-7 { font-size: 14.753px; }
.fs-7 { font-size: 12px; }
.fs-7-6 { font-size: 12.645px; }
.fs-7-8 { font-size: 12.813px; }
.fs-8 { font-size: 10px; }
.fw-semibold { font-weight: 500; }
.fw-bold { font-weight: 600; }
.fw-bolder { font-weight: 700; }
.lh-17 { line-height: 17px; }
.lh-18 { line-height: 18px; }
.lh-19 { line-height: 19px; }
.lh-21 { line-height: 21px; }
.lh-22 { line-height: 22px; }
.lh-22-1 { line-height: 22.129px; }
.w-100 { width: 100%; }
.align-self-center { align-self: center !important; }
.cursor-pointer { cursor: pointer; }

/************************ SRP Result Card Update ****************************/
.search-result {
    position: relative;
    width: 100% !important;
}
.search-result li {
    clear: both;
}
.search-result li:first-child {
    padding-top: 15px;
}
.search-result li:first-child .listing-main-wraper {
    margin-top: 0px;
}
.search-result ul.yiiPager li:first-child {
    padding-top: 0px;
}
.search-result .listing-main-wraper {
    transition: all 0.2s;
    background: #FFFFFF;
    padding: 8px;
    margin: 20px 10px 0 10px;
    border: 1px solid #D2D4D6;
    border-radius: 6px;
}
.search-result .listing-main-wraper:hover {
    border-color: #1EB785;
    cursor: pointer;
}
.search-result .listing-main-wraper.recommended-listing {
    border-color: #FECE4D;
}
.search-result .listing-main-wraper.recommended-listing:hover {
    border-color: #fec939;
}
.search-result .listing-wraper {
    display: grid;
    grid-template-columns: 85px 1fr;
    grid-gap: 0;
    box-shadow: 0px 0px 0px rgba(0,0,0,0.2);
}
.search-result .listing-wraper.active {
    border: 1px solid #27B688;
}
.search-result .listing-wraper .listing-img {
    width: 85px;
    height: 85px;
    overflow: hidden;
    color: white;
    position: relative;
    border-radius: 5px 0 0 5px !important;
}
.search-result .listing-wraper .listing-img img {
    cursor: pointer;
    border-radius: 5px;
    height: 100%;
    width: 100%;
}
.search-result .listing-wraper .listing-img .tag-recommended {
    position: absolute;
    z-index: 1;
    top: 5px;
    left: 0; /* Flush with left edge of image */
    font-family: Inter, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
    font-weight: 700;
    font-size: 8px;
    font-style: normal;
    line-height: 100%; /* 8px */
    text-transform: uppercase;
    letter-spacing: 0;
    color: #3C4855; /* var(--Parkhound-Navy) */
    text-align: left;
    padding: 3px 8px 3px 4px; /* Adjust padding: top right bottom left */
    background: var(--Parkhound-Yellow, #FECE4D);
    border: 1px solid var(--Parkhound-Navy_tint_10, #EBEDEE);
    border-radius: 0 32px 32px 0;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1); /* Subtle shadow for lift effect */
}
.search-result .listing-wraper .listing-img .tag-instant-listing {
    position: absolute;
    z-index: 1;
    top: 5px;
    left: 0;
    /* font-family: 'Raleway'; */
    font-family: Inter;
    font-weight: 700;
    font-size: 8px;
    line-height: 12px;
    color: #FDC24E;
    text-align: left;
    width: 40px;
    padding: 3px 5px 3px 20px;
    background: url(/images/svg/icon-instant-listing.svg) no-repeat center left;
    background-position-x: 5px;
    background-color: #2D3236B2;
    border-radius: 0 10px 10px 0;
    border: 1px solid #FFFFFF;
    border-left-width: 0px;
}
.search-result .listing-wraper .listing-img .tag-instant-listing.search-js-rendered{
    width: 65px;
}
.search-result .listing-wraper .listing-img .ev-charging {
    position: absolute;
    width: 19px;
    bottom: 3px;
    left: 3px;
    border-radius: 5px;
    z-index: 1;
    /* font-family: 'Raleway'; */
    font-family: Inter;
    font-weight: 600;
    font-size: 10px;
    line-height: 12px;
    text-align: left;
    padding: 5px 11px 5px 7px;
    color: #FFFFFF;
    background-image: url(/images/svg/icon-ev-charging-up.svg);
    background-position-x: 19px;
    background-position-y: center;
    background-size: 14px;
    background-repeat: no-repeat;
    background-color: #7166F9;
}
.search-result .listing-wraper .listing-img .ev-charging.search-js-rendered{
    width: 36px;
}
.search-result .listing-content {
    position: relative;
    height: 85px;
    padding: 0 0 0 15px;
    text-align: left;
    color: rgb(51, 51, 51);
}
.search-result .listing-content .main-content {
    width: calc(100% - 55px)
}
.search-result .listing-content h3 {
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    width: -webkit-fill-available;
    width: -moz-available;
    /* font-family: 'Raleway'; */
    font-family: Inter;
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    line-height: 20px;
    color: #3C4855;
}
.search-result .listing-content .listing-details-bottom {
    font-size: 13px;
    color: #3C4855;
    margin-top: 1.5px;
}
.search-result .listing-content .listing-distance-walk {
    position: absolute;
    bottom: 0;
    left: 15px;
    font-feature-settings: 'pnum' on, 'lnum' on;
}
.search-result .listing-content .listing-distance-walk span {
    margin-left: 15px;
    font-weight: 400;
    font-size: 13px;
    line-height: 14px;
    color: #3C4855;
}
.search-result .listing-content .listing-distance-walk span:first-child {
    margin-left: 0;
}
.search-result .listing-content .listing-distance-walk span.logo-distance {
    padding-left: 14px;
    background: url(/images/svg/icon-location-dark.svg) no-repeat center left;
    background-size: 11px 15px;
}
.search-result .listing-content .listing-distance-walk span.logo-walk {
    padding-left: 14px;
    background: url(/images/svg/icon-walk-dark.svg) no-repeat center left;
    background-size: 11px 13px;
}
.search-result .listing-content .listing-distance-walk span.logo-available {
    background: url(/images/svg/icon-available-24-7-light.svg) no-repeat center left;
    background-position-x: 5px;
    background-size: 12px;
    background-color: #505A66;
    color: #FFFFFF;
    border-radius: 10px;
    padding: 4px 7px 4px 21px;
    font-size: 9px;
    cursor: pointer;
}
.search-result .listing-content .listing-distance-walk .popover-inner .popover-title {
    display: none;
}
.search-result .listing-content .listing-distance-walk .popover-inner .popover-content p {
    color: #1EB785;
    font-variant-numeric: lining-nums proportional-nums;
    font-size: 12px;
    font-weight: 700;
    line-height: 18px;
}
.search-result .listing-content .listing-distance-walk .popover-inner .popover-content hr {
    margin: 5px 0;
}
.search-result .listing-content .listing-distance-walk .popover-inner .popover-content span {
    color: #212529;
    font-size: 10px;
    font-weight: 500;
    line-height: 15px;
    letter-spacing: -0.1px;
    margin-left: unset;
}
.search-result .listing-content .listing-price {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    text-align: right;
    /* font-family: 'Raleway'; */
    font-family: Inter;
    font-feature-settings: 'pnum' on, 'lnum' on;
}
.search-result .listing-content .listing-price .total-price {
    display: block;
    /* font-family: 'Raleway' !important; */
    font-family: Inter !important;
    font-weight: 700;
    font-size: 18px;
    color: #505A66;
    line-height: 20px;
    margin-bottom: -3px;
}
.search-result .listing-content .listing-price .total-price sup {
    font-size: 12px;
    top: -4px;
    margin-right: 1px;
}
.search-result .listing-content .listing-price .label-quantity {
    /* font-family: 'Raleway' !important; */
    font-family: Inter !important;
    font-weight: 400 !important;
    font-size: 11px;
    color: #3C4855;
}
.search-result .listing-content .listing-price .book_listing {
    position: absolute;
    bottom: 0px;
    right: 0px;
    padding: 5px 7px;
    background: #18B586;
    color: #FFFFFF;
    border: none;
    /* font-family: 'Raleway'; */
    font-family: Inter;
    font-style: normal;
    font-weight: 600;
    font-size: 12px;
    letter-spacing: .1px;
    text-align: center;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    text-decoration: none;
    width: 85px;
}
.search-result .listing-content .listing-price .book_listing.search-js-rendered{
    max-width: 100px;
    width: 99px !important;
}
#modalListingAlwaysAvailable .modal-dialog {
    position: fixed;
    right: 0;
    left: 0;
    bottom: 0;
    background-color: #FFFFFF;
    box-shadow: 0px -1px 4px 0px rgba(0, 0, 0, 0.12);
    border-top: 1px solid #D2D4D6;
}
#modalListingAlwaysAvailable .modal-header {
    border-bottom: unset;
    padding: 15px 15px 0px 15px;
}
#modalListingAlwaysAvailable .modal-header .modal-title {
    color: #3C4855;
    font-variant-numeric: lining-nums proportional-nums;
    font-size: 12px;
    font-weight: 700;
    line-height: 15.6px;
}
#modalListingAlwaysAvailable .modal-header .modal-subtitle {
    color: #1EB785;
    font-variant-numeric: lining-nums proportional-nums;
    font-size: 12px;
    font-weight: 700;
    line-height: 18px;
    margin-top: 3px;
}
#modalListingAlwaysAvailable .modal-body {
    padding: 5px 15px 10px 15px;
}
#modalListingAlwaysAvailable .modal-body p {
    color: #212529;
    font-size: 10px;
    font-weight: 500;
    line-height: 15px;
    letter-spacing: -0.1px;
}
#modalListingAlwaysAvailable .modal-body hr {
    margin: 0 0 5px 0;
}
#modalListingAlwaysAvailable .modal-footer {
    border-top: unset;
    background-color: unset;
    padding: 0 15px 15px 15px;
}
#modalListingAlwaysAvailable .modal-footer button {
    width: -webkit-fill-available;
    width: -moz-available;
    border: none;
    border-radius: 6px;
    background: #18B586;
    color: #FFFFFF;
    padding: 7px 8px;
    font-variant-numeric: lining-nums proportional-nums;
    /* font-family: Raleway; */
    font-family: Inter;
    font-size: 11px;
    font-weight: 700;
    line-height: 15px;
}
#modalListingAlwaysAvailable.modal.fade.in {
    top: unset !important;
}
.mapboxgl-popup-anchor-bottom .mapboxgl-popup-tip {
    border-top-color: #27b688 !important;
}
.mapboxgl-popup-anchor-bottom .mapboxgl-popup-tip-recommended-listing {
    border-top-color: #FECE4D !important;
}
.mapboxgl-popup-content .search-result {
    width: 400px !important;
}
.mapboxgl-popup-content .search-result a {
    text-decoration: none;
}
.mapboxgl-popup-content .search-result .listing-wraper {
    padding: 8px;
    border: 2px solid #27b688;
    border-radius: 6px;
    background: #FFFFFF;
}

.mapboxgl-popup-content .search-result .recommended-listing-wrapper {
    border: 2px solid #FECE4D !important;
}

.mapboxgl-popup-content .search-result .listing-content {
    padding: 0 0 0 10px;
}
.mapboxgl-popup-content .search-result .listing-content .listing-address {
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    width: -webkit-fill-available;
    width: -moz-available;
    /* font-family: 'Raleway'; */
    font-family: Inter;
    font-style: normal;
    font-weight: 700;
    font-size: 14px;
    font-feature-settings: 'pnum' on , 'lnum' on;
    line-height: 20px;
    color: #3C4855;
}
.mapboxgl-popup-content .search-result .listing-content .listing-type {
    font-size: 12px;
    /* font-family: Raleway, sans-serif; */
    font-family: Inter, sans-serif;
    font-feature-settings: 'pnum' on , 'lnum' on;
    color: #3C4855;
    margin-top: 1.5px;
}
.mapboxgl-popup-content .search-result .listing-content .listing-distance-walk {
    left: 10px;
}
.mapboxgl-popup-content .search-result .listing-content .listing-distance-walk span {
    margin-left: 5px;
    font-size: 12px;
    /* font-family: Raleway, sans-serif; */
    font-family: Inter, sans-serif;
    font-feature-settings: 'pnum' on , 'lnum' on;
    color: #3C4855;
}
.mapboxgl-popup-content .search-result .listing-content .listing-distance-walk span:first-child {
    margin-left: 0;
}
.mapboxgl-popup-content .search-result .listing-content .listing-distance-walk span.logo-available {
    font-size: 10px;
    color: #FFFFFF;
}
.mapboxgl-popup-content .search-result .listing-content .listing-distance-walk span.logo-walk .txt-walk {
    display: none;
}
.mapboxgl-popup-content .search-result .listing-content .listing-price .price-list {
    display: block;
    /* font-family: 'Raleway' !important; */
    font-family: Inter !important;
    font-weight: 700;
    font-size: 18px;
    color: #505A66;
    line-height: 20px;
    margin-bottom: -3px;
}
.mapboxgl-popup-content .search-result .listing-content .listing-price .price-list sup {
    font-size: 12px;
    top: -4px;
    margin-right: 1px;
}
.mapboxgl-popup-content .search-result .listing-content .listing-price .price-list .desc-price-only-month,
.mapboxgl-popup-content .search-result .listing-content .listing-price .price-list .desc-price {
    display: block;
    /* font-family: 'Raleway' !important; */
    font-family: Inter !important;
    font-weight: 400 !important;
    font-size: 11px;
    color: #3C4855;
}

.search .left-side .search-result .listing-main-wraper.active {
    border: 1px solid #18B586;
}

.search .left-side .search-result .listing-main-wraper.waitinglist,
.search .left-side .search-result .listing-main-wraper.waitinglist .listing-wraper {
    background: #FFFFFF;
}
.search .left-side .search-result .listing-main-wraper.waitinglist .listing-content .listing-distance-walk span.logo-distance, 
.infoBox .search-result a .listing-main-wraper.unvailable .listing-content .listing-distance-walk span.logo-distance {
    background: url(/images/svg/icon-location-disabled.svg) no-repeat center left;
}
.search .left-side .search-result .listing-main-wraper.waitinglist .listing-content .listing-distance-walk span.logo-walk, 
.infoBox .search-result a .listing-main-wraper.unvailable .listing-content .listing-distance-walk span.logo-walk {
    background: url(/images/svg/icon-walk-disabled.svg) no-repeat center left;
}
.search .left-side .search-result .listing-main-wraper.waitinglist .listing-content .listing-distance-walk span.logo-clock, 
.infoBox .search-result a .listing-main-wraper.unvailable .listing-content .listing-distance-walk span.logo-clock  {
    background: url(/images/svg/icon-clock-disabled.svg) no-repeat center left;
}
.search .left-side .search-result .listing-main-wraper.waitinglist .listing-content .listing-price .total-price,
.infoBox .search-result a .listing-main-wraper.unvailable .listing-content .listing-price .total-price {
    color: #505A66;
}
/* Notify me button: same width as View Details, outline style. */
.search .left-side .search-result .listing-main-wraper.waitinglist .listing-content .listing-price .book_listing.notify-me-btn {
    background: #FFFFFF;
    color: #333333;
    border: 1px solid #C8D0D8;
    padding: 5px 7px;
    border-radius: 6px;
    font-weight: 600;
    width: 99px;
}
.search .left-side .search-result .listing-main-wraper.waitinglist .listing-content .listing-price .book_listing.notify-me-btn.search-js-rendered {
    max-width: 100px;
    width: 99px !important;
}
.infoBox .search-result a .listing-main-wraper .listing-content .listing-price .book_listing {
    padding: 4px 19px;
    font-size: 11px;
    line-height: 15px;
    bottom: 15px;
    width: unset;
}
.infoBox .search-result a .listing-main-wraper.unvailable .listing-content .listing-price .book_listing {
    background: #ABAEB0;
    padding: 6px 5px;
    width: 65px;
    font-size: 10px;
    line-height: 15px;
    bottom: 14px;
}

.search-result .just-added {
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
    z-index: 9;
    /* font-family: 'Raleway'; */
    font-family: Inter;
    font-weight: 700;
    font-size: 10px;
    line-height: 12px;
    text-align: center;
    padding: 5px 0;
    color: #FFFFFF;
    background-color: #18B586;
    border-radius: 5px 0px 0px 0px;
}


.search-result .special-offer,
.search-result .event-listing {
    width: 95px;
    text-align: center;
    padding: 2px 2px 1px 8px;;
}

#overlay_details {
    background-color: #FFFFFF;
}

.card_item_notifyme {
    list-style-type: none;
    margin: 20px 10px;
}
.card-notify-me {
    background: #36414D;
    border: 1px solid #D2D4D6;
    border-radius: 6px;
    /* font-family: 'Raleway'; */
    font-family: Inter;
    padding: 20px;
}
.card-notify-me form {
    margin: 0px;
}
.card-notify-me label {
    font-weight: 600;
    font-size: 16px;
    line-height: 21px;
    color: #FFFFFF;
    margin: 0px 0px 6px 0px;
    cursor: unset;
}
.card-notify-me p {
    font-weight: 400;
    font-size: 12px;
    line-height: 16px;
    color: #FFFFFF;
    margin: 0px 0px 10px 0px;
}
.card-notify-me .email_request {
    display: inline-block;
    width: calc(100% - 160px);
    height: 36px;
    /* font-family: 'Raleway'; */
    font-family: Inter;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    color: #2D3236;
    margin-bottom: 0px;
    padding: 0 10px;
}
.card-notify-me .email_request.search-js-rendered {
    width: calc(100% - 135px) !important;
}
.card-notify-me .btn_submit_notify_me {
    display: inline-block;
    width: 125px;
    height: 38px;
    margin: 0 0 0 10px;
    background: #1EB785;
    border-radius: 8px;
    border: unset;
    /* font-family: 'Raleway'; */
    font-family: Inter;
    font-weight: 700;
    font-size: 12px;
    line-height: 20px;
    color: #FFFFFF;
}
.card-notify-me .message_error {
    display: none;
    color: #f15b61;
    margin-top: 7px;
    background: url("/images/svg/icon-error.svg") left 5px center no-repeat;
}
.card-notify-me .message_error i {
    margin: 0 5px 0 10px;
    padding: 0 5px 0 10px;
}

.card-notify-me.success label {
    background: url("/images/svg/icon-success.svg") 1px no-repeat;
    padding-left: 30px;
}
.card-notify-me.success p {
    margin-bottom: 5px;
}
.card-notify-me.success .form_request {
    display: none;
}

.space-booked-card-container {
    padding: 0px 0px !important;
    width: 100% !important;
}

.space-booked-card {
    border: 1px solid #E2E6EA;
    border-radius: 8px;
    background: #FFF;
    padding: 0;
    margin-top: 16px;
    overflow: hidden;
}
.space-booked-header {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 14px 16px 12px;
    background: #FFF;
    border-bottom: 1px solid #E2E6EA;
}
.space-booked-dot {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #DF4958;
    box-shadow: 0 0 0 4px rgba(223, 73, 88, 0.15);
    flex-shrink: 0;
}
.space-booked-title {
    font-family: Inter;
    font-size: 14px;
    font-weight: 700;
    color: #2D3236;
    margin: 0;
}
.space-booked-copy {
    margin: 0;
    padding: 16px 16px 0;
    font-family: Inter;
    font-size: 14px;
    line-height: 20px;
    color: #454E5C;
}
.space-booked-form {
    padding: 12px 16px 18px;
}
.space-booked-email {
    width: 100% !important;
    height: 40px !important;
    border-radius: 4px;
    border: 1px solid #C8D0D8;
    padding: 0 12px !important;
    font-family: Inter;
    font-size: 14px !important;
    line-height: 20px;
    margin-bottom: 8px !important;
    box-sizing: border-box;
}
.space-booked-email:focus {
    outline: none;
    border-color: #00A562;
    box-shadow: 0 0 0 3px rgba(0, 165, 98, 0.15);
}
.space-booked-submit {
    width: 100%;
    border-radius: 5px;
    border: none;
    background: #1EB785;
    color: #FFFFFF;
    font-family: Inter;
    font-size: 14px;
    font-weight: 600;
    line-height: 20px;
    padding: 10px 16px;
    cursor: pointer;
}
.space-booked-error {
    margin-top: 6px;
    color: #EF4926;
    font-size: 13px;
}
.space-booked-success {
    margin-top: 10px;
    color: #00A562;
    font-size: 13px;
    line-height: 18px;
    display: none;
}
.space-booked-success::before {
    content: "";
    display: inline-block;
    width: 16px;
    height: 16px;
    margin-right: 6px;
    margin-top: 1px;
    background: url("/images/svg/icon-success.svg") no-repeat center;
    background-size: 16px 16px;
}

/************************ start - SRP filters ****************************/
#form_search_standalone {
    position: sticky;
    top: -70px;
    z-index: 3;
}
#form_search_standalone.filter-open {
    position: relative;
    top: unset;
    z-index: unset;
}
.search-panel {
    padding: 5px 0;
}
.search-panel .search-type-input {
    display: grid;
    grid-template-columns: 35px 1fr;
    margin: 16.86px 10px;
}
.search-panel .search-type-input .mapboxgl-ctrl-geocoder.mapboxgl-ctrl {
    box-shadow: none;
    border-radius: 10px;
}
.search-panel .search-type-input .search-type-dropdown {
    width: auto;
}
.search-panel .search-type-input .search-input-box {
    width: 100%;
}
.search-panel .search-type-input .search-input-box input {
    width: 100%;
    height: 45px;
    background-color: #FFF;
    box-sizing: border-box !important;
    border-radius: 0 10px 10px 0;
    /* font-family: 'Raleway'; */
    font-family: Inter;
    font-weight: 500;
    font-size: 15px;
}

#autocomplete-google-api.search-input-box input {
    padding: 0 45px 0 15px;
    border: none;
    outline: none;
}

#autocomplete-google-api.search-input-box input::placeholder{
    color: #2D3236;
    opacity: 1;
}

#autocomplete-google-api.search-input-box #autocomplete-suggestions { 
    display: none; 
    position: absolute !important; 
    background: white !important;
    border: 1px solid #ccc !important; 
    max-height: 200px !important; 
    overflow-y: auto !important; 
    width: 114% !important; 
    z-index: 1000 !important; 
    border-radius: 4px !important; 
    box-shadow: 0 2px 8px rgba(0,0,0,0.1) !important; 
    top: 100% !important; 
    left: 0 !important;
}

#autocomplete-google-api.search-input-box .clear-button {
    position: absolute; 
    left: 74.5%;
    top: 27%;
    font-size: 16px; 
    cursor: pointer; 
    width: 20px; 
    height: 20px; 
    text-align: center; 
    line-height: 20px;
}
.search-panel .search-type-input .search-input-box .mapboxgl-ctrl-geocoder--pin-right button {
    display: block;
    top: 14px;
    right: 105px;
    height: 15px;
    width: 15px;
    background: url('/images/svg/v3/icon_clear_search_address_field.svg') no-repeat right;
    background-size: 15px;
}
.search-panel .search-type-input .search-input-box .mapboxgl-ctrl-geocoder--pin-right button svg {
    display: none;
}
#autocomplete-js-api-ajax .search-box-container {
    border: none;
    box-shadow: none;
}
#autocomplete-js-api-ajax .search-js-input {
    border: none;
    padding-left: 7px;
}
#autocomplete-js-api-ajax .search-js-search-icon {
    display: none !important;
}
#autocomplete-js-api-ajax .search-box-container {
    background-color: transparent;
}

#autocomplete-js-api-ajax .search-js-search-icon-close {
    display: none !important;
}
#autocomplete-js-api-ajax .search-box-action-container {
    z-index: 2;
}
#autocomplete-js-api-ajax .search-js-search-close-button {
    display: block !important;
    position: absolute;
    top: 15%;
    bottom: 0px;
    right: 96px;
    height: 15px;
    width: 15px;
    background: url(/images/svg/icon_clear_search_address_field.svg) no-repeat right;
    background-size: 15px;
}
#autocomplete-js-api-ajax .search-js-search-close-button:hover {
  background: url(/images/svg/icon_clear_search_address_field.svg) no-repeat right !important;
  background-size: 15px !important;
  color: inherit !important;
  box-shadow: none !important;
  height: 15px !important;
  width: 15px !important;
}

.search-panel .search-type-input .search-magnifier {
	padding: 0px;
	cursor: pointer;
    background: #FFF url('/images/svg/v3/icon_search_magnifier_dark.svg') top left no-repeat;
    background-position: right 2px top 50%;
    width: 35px;
    height: 47px;
}
.search-panel .search-panel-sticky {
    grid-template-columns: 1fr 70px 35px;
    margin: 0 10px 10px 10px;
}
.search-panel .search-start-date-input {
    grid-template-columns: 1fr 35px;
    margin: 0 10px 10px 10px;
}
.search-panel .search-start-date-input .sec-labels {

}

.sec-promo {
    padding: 8px 10px;
    background-color: #36414D;
}
.content-promo {
    display: table;
    width: 100%;
    
}
.content-promo .col-1 {
    display: table-cell;
    width: 95%;
    text-align: center;
    vertical-align: middle;
}
.content-promo .col-1 label {
    margin: 0px;
    line-height: 30px;
}
.content-promo .col-1 label span.msg-promo {
    color: #FFFFFF;
    font-weight: 600;
    font-size: 14px;
    line-height: 21px;
}
.content-promo .col-1 label span.msg-promocode {
    padding: 5px 7px;
    margin-left: 5px;
    border-radius: 15px;
    background-color: #FECE4D;
    color: #2D3236;
    font-weight: 700;
    font-size: 14px;
    line-height: 21px;
}
.content-promo .col-2 {
    display: table-cell;
    width: 5%;
    vertical-align: middle;
    width: 5%;
}

.search-start-date-input #sec-filter-start-date {
    display: none;
    position: relative;
}
.search-start-date-input .body-filter-start-date {
    position: absolute;
    z-index: 10;
    width: 100%;
    max-width: 350px;
    background-color: #FFFFFF;
    border: 1px solid #E3E3E3;
    box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.25);
}
.search-start-date-input #filter-start-date-actions {
    grid-template-columns: 1fr 1fr;
    grid-gap: 15px;
}
.search-start-date-input #search-start-date .datepicker table {
    border-bottom: unset;
}
.search-start-date-input #search-start-date .datepicker thead tr:first-child th {
    color: #494E50;
    font-size: 14px;
    font-weight: 500;
    line-height: 21px;
}
.search-start-date-input #search-start-date .datepicker .table-condensed th {
    color: #424242;
    font-family: Roboto;
    font-size: 14px;
    font-weight: 400;
    line-height: 21px;
    letter-spacing: 0.014px;
}
.search-start-date-input #search-start-date .datepicker .table-condensed td {
    color: #3C4855;
    font-size: 14px;
    line-height: 21px;
}
.search-start-date-input #search-start-date .datepicker .table-condensed td.old,
.search-start-date-input #search-start-date .datepicker .table-condensed td.new {
    color: #A0A5B6;
}
.search-start-date-input #search-start-date .datepicker .table-condensed td.day.active {
    background-image: none;
    background-color: #1EB785;
    color: #FFFFFF;
}
.search-start-date-input #search-start-date .datepicker .table-condensed td.day.disabled {
    color: #DDDDDD;
}
.search-panel .search-filters {
    grid-template-columns: 100px 1fr 130px;
    margin: 0 10px 10px 10px;
}
.sec-dropdown-toggle {
    position: absolute;
    top: 27px;
    right: 10px;
    z-index: 1;
}
.dropdown-toggle.monthly {
    width: 87px;
    height: 37px;
    border: 1px solid #1EB785;
    box-sizing: border-box;
    border-radius: 8px;
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 21px;
    color: #FFFFFF;  
    margin-right: 5px;
    padding-left: 0;
    background: #21B685 url('/images/svg/v3/icon_down_arrow.svg') no-repeat right;
    background-position: right 6px top 50%;
    text-shadow: none;
    box-shadow: unset;
}

.dropdown-menu {
    background: #FFFFFF;
    border: 1px solid #D7D7D7;
    box-sizing: border-box;
    border-radius: 0px;
    min-width: 89px !important;
    /* font-family: Montserrat; */
    font-family: Inter;
    font-style: normal;
    font-weight: normal;
    font-size: 12px;
    line-height: 21px;
    color: #717171;
    margin-top: 0;
}

.dropdown-menu > li > a {
    background: #FFF;
    /* font-family: Montserrat; */
    font-family: Inter;
    font-style: normal;
    font-weight: normal;
    font-size: 12px;
    line-height: 21px;
    color: #717171;
    padding-left: 12px;
}
.dropdown-menu > li > a:hover {
    background: #D2F1E7 !important;
    color: #4D5154;
}



.search-panel .search-filter {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.search-panel .search-filters .search-filter-sort {
    background: url(/images/svg/v3/icon_arrow_down.svg) right center no-repeat;
    background-size: 12px;
}

.search-panel .search-filter .search-filter-sort span {
    width: 41px;
    height: 17px;
    /* font-family: Raleway; */
    font-family: Inter;
    font-style: normal;
    font-weight: 500;
    font-size: 12px;
    line-height: 140%;
    color: #717171;
}

.sort-dropdown-block span {
    /* font-family: Raleway; */
    font-family: Inter;
    font-style: normal;
    font-weight: 500;
    font-size: 12px;
    line-height: 14px;
    display: block;
    color: #717171;
    padding: 10px 0px 10px 10px;
}

.sort-dropdown-block span:hover {
    background-color: #D2F1E7;
}

.sort-dropdown-block span img {
    margin: 0 4px 0 0;
}

.sort-dropdown-block span.sort-bestmatch {
    background: url(/images/svg/v3/sort/bestmatch_default.svg) right 10px center no-repeat;
}
.sort-dropdown-block span.sort-bestmatch:hover {
    background: #D2F1E7 url(/images/svg/v3/sort/bestmatch_default.svg) right 10px center no-repeat;
}
.sort-dropdown-block span.sort-bestmatch:active {
    color: #1EB785;
    background: #D2F1E7 url(/images/svg/v3/sort/bestmatch_hover.svg) right 10px center no-repeat;
}

.sort-dropdown-block span.sort-newupdated {
    background: url(/images/svg/v3/sort/newupdated_default.svg) right 10px center no-repeat;
}
.sort-dropdown-block span.sort-newupdated:hover {
    background: #D2F1E7 url(/images/svg/v3/sort/newupdated_default.svg) right 10px center no-repeat;
}
.sort-dropdown-block span.sort-newupdated:active {
    color: #1EB785;
    background: #D2F1E7 url(/images/svg/v3/sort/newupdated_hover.svg) right 10px center no-repeat;
}

.sort-dropdown-block span.sort-distance {
    background: url(/images/svg/v3/sort/distance_default.svg) right 10px center no-repeat;
}
.sort-dropdown-block span.sort-distance:hover {
    background: #D2F1E7 url(/images/svg/v3/sort/distance_default.svg) right 10px center no-repeat;
}
.sort-dropdown-block span.sort-distance:active {
    color: #1EB785;
    background: #D2F1E7 url(/images/svg/v3/sort/distance_hover.svg) right 10px center no-repeat;
}

.sort-dropdown-block span.sort-pricelow {
    background: url(/images/svg/v3/sort/pricelow_default.svg) right 10px center no-repeat;
}
.sort-dropdown-block span.sort-pricelow:hover {
    background: #D2F1E7 url(/images/svg/v3/sort/pricelow_default.svg) right 10px center no-repeat;
}
.sort-dropdown-block span.sort-pricelow:active {
    color: #1EB785;
    background: #D2F1E7 url(/images/svg/v3/sort/pricelow_hover.svg) right 10px center no-repeat;
}

.sort-dropdown-block span.sort-pricehigh {
    background: url(/images/svg/v3/sort/pricehigh_default.svg) right 10px center no-repeat;
}
.sort-dropdown-block span.sort-pricehigh:hover {
    background: #D2F1E7 url(/images/svg/v3/sort/pricehigh_default.svg) right 10px center no-repeat;
}
.sort-dropdown-block span.sort-pricehigh:active {
    color: #1EB785;
    background: #D2F1E7 url(/images/svg/v3/sort/pricehigh_hover.svg) right 10px center no-repeat;
}

.search-panel .sec-filters-vehicle .item-filter-vehicle.active {
    border: 1px solid #18B586;
    background: linear-gradient(0deg, rgba(255, 255, 255, 0.90) 0%, rgba(255, 255, 255, 0.90) 100%), #21B685;
}
.search-panel .sec-filters-vehicle .item-filter-vehicle.active label,
.search-panel .sec-filters-vehicle .item-filter-vehicle.active span {
    color: #18B586;
}
.search-panel .sec-filters-vehicle .item-filter-vehicle img.active {
    display: none;
}
.search-panel .sec-filters-vehicle .item-filter-vehicle img.inactive {
    display: block;
}
.search-panel .sec-filters-vehicle .item-filter-vehicle.active img.active {
    display: block;
}
.search-panel .sec-filters-vehicle .item-filter-vehicle.active img.inactive {
    display: none;
}

.search-panel .sec-filters-type .item-filter-type.active {
    border: 1px solid #18B586;
    background: linear-gradient(0deg, rgba(255, 255, 255, 0.90) 0%, rgba(255, 255, 255, 0.90) 100%), #21B685;
    color: #18B586;
}
.search-panel .sec-filters-type .item-filter-type img.active {
    display: none;
}
.search-panel .sec-filters-type .item-filter-type img.inactive {
    display: inline-block;
}
.search-panel .sec-filters-type .item-filter-type.active img.active {
    display: inline-block;
}
.search-panel .sec-filters-type .item-filter-type.active img.inactive {
    display: none;
}

.search-panel .sec-filters-feature .item-filter-feature.active {
    border: 1px solid #18B586;
    background: linear-gradient(0deg, rgba(255, 255, 255, 0.90) 0%, rgba(255, 255, 255, 0.90) 100%), #21B685;
    color: #18B586;
}
.search-panel .sec-filters-feature .item-filter-feature img.active {
    display: none;
}
.search-panel .sec-filters-feature .item-filter-feature img.inactive {
    display: inline-block;
}
.search-panel .sec-filters-feature .item-filter-feature.active img.active {
    display: inline-block;
}
.search-panel .sec-filters-feature .item-filter-feature.active img.inactive {
    display: none;
}

.search-panel .sec-filters-action {
    grid-template-columns: 100px 1fr;
}
.search-panel .filter-button-row {
    padding: 10px;
}
.search-panel .filter-button-row.more {
    margin-top: 10px;
    padding: 10px;
}

.search-panel .filter-button {
    /* font-family: Raleway; */
    font-family: Inter;
    font-style: normal;
    background: #FFF url('/images/svg/v3/icon_filters.svg') top left no-repeat;
    background-position: right 11px top 50%;
    padding: 5px 15px;
}

.search-panel .filter-button.filter-price {
    width: 60px;
}
.search-panel .filter-button.filter-type {
    width: 60px;
}
.search-panel .filter-button.filter-distance {
    width: 79px;
}
.search-panel .filter-button.filter-size {
    width: 52px;
}
.search-panel .filter-button.filter-instant {
    width: 66px;
}
.search-panel .filter-button.filter-evcharging {
    width: 96px;
}
.search-panel .filter-button.filter-disableaccess {
    width: 116px;
}

.search-panel .filter-button:hover, 
.search-panel .filter-button.active {
   color: #147A59;
   border: 1px solid #717171;
}


.modal.filter-modal {
    width: 350px !important;
    height: auto;
    border-radius: 16px;
    background-color: #FFF;
    box-shadow: 0px 4px 4px 2px rgba(0, 0, 0, 0.25);
    /* font-family: Raleway; */
    font-family: Inter;
    font-weight: 400;
    font-size: 12px;
    font-style: normal;
    line-height: 24px;
    color: #2D3236;
}
.modal.filter-modal .modal-header {
    border-bottom: none;
}
.modal.filter-modal .modal-title  {
    font-size: 14px;
    color: #2D3236;
}
.modal.filter-modal .modal-title .boldtext  {
    font-weight: 700;
}
.modal.filter-modal .modal-body.filter-content {
    font-size: 12px;
    color: #717171;
}
.modal.filter-modal .modal-body.filter-content label img {
    margin: 0 20px 5px 10px;
    width: 20px;
}
.modal.filter-modal .modal-body.filter-content label span {
    color: #4D5154;
}
.modal.filter-modal  .modal-footer {
    padding: 14px 15px 15px;
    margin-bottom: 0;
    text-align: right;
    background-color: #FFF;
    border-top: 1px solid #ddd;
    -webkit-border-radius: 0 0 16px 16px;
    -moz-border-radius: 0 0 16px 16px;
    border-radius: 0 0 16px 16px;
    zoom: 1;
}

.modal.filter-modal .filter-reset {
    /* font-family: Raleway; */
    font-family: Inter;
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 24px;
    text-decoration: underline;
    font-feature-settings: 'pnum' on, 'lnum' on;
    color: #B0B0B0;
    padding: 5px;
    float: left;
}
.modal.filter-modal .save-button {
    background: #1EB785;
    width: 70px;
    height: 40px;
    border-radius: 8px;
    /* font-family: Montserrat; */
    font-family: Inter;
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 17px;
    text-align: center;
    color: #FFFFFF;
}
.modal.filter-modal .save-button:hover {
    background: #19986F;
}
.modal.filter-modal .cancel-button {
    position: absolute;
    left: 5.71%;
    bottom: 9.23%;
    /* font-family: Raleway; */
    font-family: Inter;
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 24px;
    text-decoration-line: underline;
    font-feature-settings: 'pnum' on, 'lnum' on;
    color: #B0B0B0;
    border: none;
    background-color: inherit;
    display: none;
}

.modal.filter-modal .-button, 
.modal.filter-modal .reset-button {
    position: absolute;
    left: 5.71%;
    bottom: 9.23%;
    /* font-family: Raleway; */
    font-family: Inter;
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 24px;
    text-decoration-line: underline;
    font-feature-settings: 'pnum' on, 'lnum' on;
    color: #B0B0B0;
    border: none;
    background-color: inherit;
}

.modal-backdrop.in {
    opacity: 0;
}

#price-filter-modal.modal.in {
    top: 242px;
    left:230px;
}
#distance-filter-modal.modal.in {
    top: 242px;
    left:365px;
}
#instant-filter-modal.modal.in {
    top: 303px;
    left:230px;
}
#evcharging-filter-modal.modal.in {
    top: 303px;
    left:310px;
}
#disableaccess-filter-modal.modal.in {
    top: 303px;
    left: 408px;
}

.modal.filter-modal .modal-body.filter-content .min-max-price {
    display: flex;
    justify-content: space-between;
}

.modal.filter-modal .modal-body.filter-content .min-max-price .currency {
    position: absolute;
    /* font-family: Montserrat; */
    font-family: Inter;
    font-weight: 400;
    font-size: 14px;
    font-style: normal;
    width: 9px;
    line-height: 21px;
    margin: 7px 5px 5px 5px;
}
.modal.filter-modal .modal-body.filter-content .min-max-price input[type=number] {
    width: 75px;
    height: 34px;
    padding-left: 15px;
    background: #FFFFFF;
    border: 1px solid #B0B0B0;
    box-sizing: border-box;
    border-radius: 8px;
}

.modal.filter-modal .modal-body.filter-content .walking-distance {
    display: flex;
    justify-content: space-between;
}
.modal.filter-modal .modal-body.filter-content .walking-distance input[type=text] {
    width: 80px;
    height: 34px;
    padding: 1px 0 0 15px;
    background: #FFFFFF;
    border: 1px solid #B0B0B0;
    box-sizing: border-box;
    border-radius: 8px;
}
.modal.filter-modal .modal-body.filter-content .walking-distance .walking-mins {
    position: absolute;
    /* font-family: Montserrat; */
    font-family: Inter;
    font-weight: 400;
    font-size: 12px;
    font-style: normal;
    width: 30px;
    line-height: 21px;
    margin: 5px 0 0 -40px;
    padding: 2px;
}
.modal.filter-modal .modal-body.filter-content .walking-distance .walking-kms {
    position: absolute;
    /* font-family: Montserrat; */
    font-family: Inter;
    font-weight: 400;
    font-size: 12px;
    font-style: normal;
    width: 30px;
    line-height: 21px;
    margin: 5px 0 0 -30px;
    padding: 2px;
}
.modal.filter-modal .modal-body.filter-content .row.filter-slider {
    margin-top: 20px;
} 

.modal.filter-modal .modal-body.filter-content .row.filter-slider .rangeslider {
    background: #D7D7D7;
    height: 5px;
    box-shadow: none;
    width: 100%;
} 
.modal.filter-modal .modal-body.filter-content .row.filter-slider .rangeslider__fill {
    background: #1EB785;
    height: 5px;
    box-shadow: none;
    width: 100%;
} 
.modal.filter-modal .modal-body.filter-content .row.filter-slider .rangeslider__handle {
    background: #1EB785;
    width: 20px;
    height: 20px;
    top: -8px;
    border: 0;
}

#slider-filter-distance .rangeslider__fill{
    background: #1EB785;
    height: 5px;
    box-shadow: none;
    width: 100%;
}
#slider-filter-distance .rangeslider__handle{
   background: #1EB785;
    width: 20px;
    height: 20px;
    top: -8px;
    border: 0;
}

.ui-slider .ui-slider-range {
    background-color: #1EB785;
}

.ui-slider-horizontal .ui-slider-handle {
    background-color: #1EB785;
    width: 20px;
    height: 20px;
    border-radius: 10px;
}

.ui-widget-content {
    background-color: green;
}
.ui-slider.ui-corner-all.ui-slider-horizontal.ui-widget.ui-widget-content {
    background-color: #D7D7D7;
    border-radius: 5px;
    height: 5px;
}
.ui-slider-handle.ui-corner-all.ui-state-default {
    background-color: #1EB785;
    width: 20px;
    height: 20px;
    border-radius: 10px;
    margin-top: -5px;
}

.modal.filter-loading {
    width: 310px !important;
    height: 60px;
    background: #FFF;
    box-shadow: 0px 4px 4px 2px rgba(0, 0, 0, 0.25);
    border-radius: 16px;
    /* font-family: Raleway; */
    font-family: Inter;
    font-style: normal;
    font-weight: normal;
    /* font-size: 14px; */
    font-size: 13px;
    line-height: 24px;
    font-feature-settings: 'pnum' on, 'lnum' on;
    color: #2D3236;
    opacity: 1;
}
.modal.filter-loading img.filter-image-loader {
    width: 30px !important;
}
.modal.filter-loading span.filter-loading-message {
    margin-left: 20px;
}

#filter-loading-modal.modal.fade.in {
    top: calc((100% - 60px) / 2);
    left: calc((100% - 310px) / 2);
    text-align: center;
    margin: unset;
    position: fixed;
}

.modal-backdrop.fade.in {
    opacity: 0.5;
}
/************************ end - SRP filters ****************************/

@media screen and (max-width: 599px) {
    .search ul.slides {
        padding-top: 0;
        background-color: #FFFFFF;
    }

    .search-result .listing-main-wraper {
        margin-top: 8px;
    }
    .card_item_notifyme {
        margin: 8px 10px;
    }

    .search-result .listing-img {
        height: 100%;
        padding: 0px;
        margin: 0;
        border-radius: 6px 0 0 0 !important;
    }
    .search-result .listing-img img {
        width: 80px;
        height: 100%;
    }
    .search-result .listing-content .listing-price .book_listing {
        line-height: 18px;
        font-size: 11px;
        width: 75px;
    }

    .search .left-side .search-result .listing-main-wraper.waitinglist .listing-content .listing-price .book_listing.notify-me-btn {
        width: 89px;
        max-width: 100px;
        line-height: 17px;
        font-size: 11px;
    }
    .search-result .listing-content .listing-price .book_listing.search-js-rendered {
        right: -10px;
        width: 88px !important;
        line-height: 20px;
    }
    .search-result .listing-content {
        width: calc(100% - 15px);
    }
    .search-result .listing-content h3 {
        font-size: 12px;
        margin-bottom: 1px;
        max-width: unset;
        line-height: 18px;
    }
    .search-result .listing-content .listing-details-bottom {
        font-size: 11px;
        display: -webkit-box;
        overflow: hidden;
        text-overflow: ellipsis;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 1;
    }

    .search-result .listing-price .total-price {
        font-weight: 700 !important;
    }
    .search-result .listing-wraper .listing-price .total-price .one_price {
        font-weight: 700 !important;
        font-size: 18px;
    }
    .search-result .listing-wraper .listing-price span {
        font-size: 12px;
    }

    .search-result .listing-content .listing-distance-walk {
        left: 15px;
        padding-right: 5px;
        display: -webkit-box;
        overflow: hidden;
        text-overflow: ellipsis;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 1;
        width: calc(100% - 110px);
    }

    .search-result .listing-content .listing-distance-walk span {
        font-size: 10px;
        line-height: 12px;
        margin-left: 10px;
    }
    .search-result .listing-content .listing-distance-walk span.logo-available {
        background-position-x: 5px;
        background-size: 10px;
        font-size: 9px;
    }

    .search-result .ev-charging {
        width: 15px;
        font-size: 8px;
        padding: 4px 10px 4px 6px;
        background-position-x: 15px;
        background-size: 13px;
    }

    .search-result .special-offer,
    .search-result .event-listing {
        width: 71px;
    }

    .search-result .listing-img .tag-instant-listing {
        background-size: 7px;
        padding: 3px 5px 3px 18px;
    }

    .search-result .listing-wraper .listing-img .un_img_available {
        top: 0px;
        left: 0px;
        width: 80px;
    }

    .card-notify-me {
        padding: 10px;
    }
    .card-notify-me .email_request {
        display: inline-block;
        width: 93%;
    }
    .card-notify-me .email_request.search-js-rendered {
        width: 100% !important;
    }
    .card-notify-me .btn_submit_notify_me {
        width: 100%;
        margin: 5px 0 0 0;
    }
    #map-wrapper .search-result .listing-wraper {
        grid-template-columns: 70px 1fr;
    }
    #map-wrapper .listing-price-week .price-list sup {
        top: -4px !important;
    }
    #map-wrapper .search-result .listing-wraper .listing-price span {
        font-size: 15px;
    }
    #map-wrapper .search-result .listing-wraper .listing-price span.desc-price-only-month,
    #map-wrapper .search-result .listing-wraper .listing-price span.desc-price {
        margin-top: 2px;
        font-size: 12px;
    }
    #map-wrapper .search-result .listing-content .listing-type span {
        line-height: unset;
        padding: 0px 3px;
    }
    #map-wrapper .search-result .listing-content .listing-type span:first-child {
        padding-left: 0px;
    }
    #map-wrapper .search-result .listing-content .listing-distance-walk {
        width: calc(100% - 100px);
    }
    #map-wrapper .mapboxgl-popup-content .search-result .listing-content .listing-distance-walk span {
        margin-left: 2px;
    }
    #map-wrapper .search-result .listing-content .listing-price .book_listing {
        width: 70px;
        bottom: -13px;
        right: -4px;
    }
}
@media screen and (max-width: 430px) {
    .search-result .listing-content .listing-distance-walk {
        width: calc(100% - 110px);
    }
    .search-result .listing-content .listing-distance-walk .txt-walk {
        display: none;
    }
    .search-result .listing-price .book_listing {
        max-width: 75px;
        padding: 6px 0px;
        font-size: 10px;
    }
    #autocomplete-google-api.search-input-box .clear-button {
        left: 69%;
    }
}
@media screen and (max-width: 390px) {
    .search .left-side .search-result .listing-wraper, .site .left-side .search-result .listing-wraper {
        grid-template-columns: 75px 1fr;
    }
    .search-result .listing-content {
        width: calc(100% - 8px);
        padding: 0 0 0 8px;
    }
    .search-result .listing-content .main-content {
        width: calc(100% - 40px);
    }
    .search-result .listing-content .listing-distance-walk {
        left: 8px;
        width: calc(100% - 90px);
    }
    .search-result .listing-wraper .listing-img {
        width: 75px;
    }
    .search-result .listing-wraper .listing-img img {
        width: 75px;
    }
    .search-result .listing-wraper .listing-img .tag-recommended {
        top: 3px;
        left: 0; /* Flush with left edge of image */
        font-family: Inter, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
        font-size: 8px;
        font-style: normal;
        font-weight: 700;
        line-height: 100%; /* 8px */
        text-transform: uppercase;
        letter-spacing: 0;
        color: #3C4855; /* var(--Parkhound-Navy) */
        padding: 3px 8px 3px 4px; /* Adjust padding: top right bottom left */
        background: var(--Parkhound-Yellow, #FECE4D);
        border: 1px solid var(--Parkhound-Navy_tint_10, #EBEDEE);
        border-radius: 0 32px 32px 0;
        box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1); /* Subtle shadow for lift effect */
    }
    .search-result .listing-content .listing-distance-walk span {
        margin-left: 5px;
    }
    .search-result .listing-content .listing-price .book_listing {
        width: 65px;
        font-size: 10px;
    }
    .search .left-side .search-result .listing-main-wraper.waitinglist .listing-content .listing-price .book_listing.notify-me-btn {
        width: 79px;
        font-size: 10px;
    }
}
@media screen and (max-width: 360px) {

}
@media screen and (max-width: 320px) {
    .search-panel .search-type-input .mapboxgl-ctrl-geocoder {
        min-width: 160px !important;
    }
}