
    :root {
        --wl-border-radius-regular: 0.25rem
    }

    wl-modal.rate-your-area-modal::part(panel) {
        --wl-modal-panel-width: functions.pxToRem(841)
    }

    wl-modal.rate-your-area-modal {
        --wl-button-width: 100%
    }

    @media only screen and (min-width: 1024px) {
        wl-modal.rate-your-area-modal {
            --wl-button-width: fit-content
        }
    }

    .rate-your-area-form__title {
        margin: 0 0 0.5rem;
        font-size: 1.75rem;
        font-weight: 700;
        line-height: 1.2
    }

    .rate-your-area-form__subtitle {
        margin: 0 0 2rem;
        font-size: 1rem;
        font-weight: 400;
        line-height: 1.4
    }

    .rate-your-area-form__section {
        margin-bottom: 2rem
    }

    .rate-your-area-form__question {
        margin: 0 0 0.75rem;
        font-size: 1rem;
        font-weight: 700
    }

    .rate-your-area-form__stars {
        display: inline-flex;
        align-items: center;
        gap: 0.25rem
    }

    .rate-your-area-form__star {
        font-size: 1.5rem;
        color: #727272;
        -webkit-text-stroke: 0.0625rem #cfcfcf;
        cursor: pointer;
        transition: color .15s ease, -webkit-text-stroke-color .15s ease;
        user-select: none
    }

    .rate-your-area-form__star:hover {
        outline: none
    }

    .rate-your-area-form__star:focus {
        outline: 0.125rem solid #4d4d4d;
        outline-offset: 0.125rem
    }

    .rate-your-area-form__stars[data-value="1"] .rate-your-area-form__star:nth-child(-n+1) {
        color: #4d4d4d;
        -webkit-text-stroke-color: #4d4d4d
    }

    .rate-your-area-form__stars[data-hover-value="1"] .rate-your-area-form__star:nth-child(-n+1) {
        color: #4d4d4d;
        -webkit-text-stroke-color: #4d4d4d
    }

    .rate-your-area-form__stars[data-value="2"] .rate-your-area-form__star:nth-child(-n+2) {
        color: #4d4d4d;
        -webkit-text-stroke-color: #4d4d4d
    }

    .rate-your-area-form__stars[data-hover-value="2"] .rate-your-area-form__star:nth-child(-n+2) {
        color: #4d4d4d;
        -webkit-text-stroke-color: #4d4d4d
    }

    .rate-your-area-form__stars[data-value="3"] .rate-your-area-form__star:nth-child(-n+3) {
        color: #4d4d4d;
        -webkit-text-stroke-color: #4d4d4d
    }

    .rate-your-area-form__stars[data-hover-value="3"] .rate-your-area-form__star:nth-child(-n+3) {
        color: #4d4d4d;
        -webkit-text-stroke-color: #4d4d4d
    }

    .rate-your-area-form__stars[data-value="4"] .rate-your-area-form__star:nth-child(-n+4) {
        color: #4d4d4d;
        -webkit-text-stroke-color: #4d4d4d
    }

    .rate-your-area-form__stars[data-hover-value="4"] .rate-your-area-form__star:nth-child(-n+4) {
        color: #4d4d4d;
        -webkit-text-stroke-color: #4d4d4d
    }

    .rate-your-area-form__stars[data-value="5"] .rate-your-area-form__star:nth-child(-n+5) {
        color: #4d4d4d;
        -webkit-text-stroke-color: #4d4d4d
    }

    .rate-your-area-form__stars[data-hover-value="5"] .rate-your-area-form__star:nth-child(-n+5) {
        color: #4d4d4d;
        -webkit-text-stroke-color: #4d4d4d
    }

    .rate-your-area-form__aspects {
        display: flex;
        flex-direction: column;
        gap: 1rem
    }

    .rate-your-area-form__aspect-row {
        display: flex;
        flex-direction: column;
        gap: 0.5rem
    }

    .rate-your-area-form__aspect-label {
        font-size: 0.875rem;
        font-weight: 400
    }

    .rate-your-area-form__submit {
        margin-top: 2rem;
        padding: 0.75rem 1.5rem;
        font-size: 1rem;
        font-weight: 600;
        border-radius: 0.25rem;
        border: 0.125rem solid #727272;
        background-color: #727272;
        color: #fff;
        cursor: pointer;
        transition: background-color .2s ease, color .2s ease
    }

    .rate-your-area-form__submit:hover {
        background-color: rgba(72, 72, 72, .86);
        border-color: rgba(72, 72, 72, .86);
        color: #fff
    }

    .rate-your-area-form__submit:focus {
        outline: 0.125rem solid #727272;
        outline-offset: 0.125rem
    }

    .rate-your-area {
        display: flex;
        flex-direction: column;
        margin: 3rem 0 2rem 0
    }

    .rate-your-area__title {
        margin: 0 0 0.5rem 0;
        font-size: 1.5rem;
        font-weight: 700
    }

    .rate-your-area__container {
        row-gap: 0.625rem;
        display: grid;
        font-size: 0.875rem;
        column-gap: 1.875rem
    }

    .rate-your-area__summary {
        display: flex;
        align-items: center;
        gap: 0.625rem
    }

    .rate-your-area__stars {
        display: inline-flex;
        align-items: center;
        gap: 0.125rem;
        color: var(--star-filling-color, rgb(77, 77, 77))
    }

    .rate-your-area__star--empty {
        font-weight: 100;
        color: rgba(0, 0, 0, 0);
        -webkit-text-stroke: 0.0625rem var(--star-filling-color, rgb(77, 77, 77))
    }

    .rate-your-area__star--partial {
        background: linear-gradient(90deg, var(--star-filling-color, rgb(77, 77, 77)) 0%, var(--star-filling-color, rgb(77, 77, 77)) 30%, transparent 30%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: rgba(0, 0, 0, 0);
        -webkit-text-stroke: 0.0625rem var(--star-filling-color, rgb(77, 77, 77))
    }

    .rate-your-area__score {
        display: inline-flex;
        align-items: baseline;
        margin-left: 0.25rem;
        font-weight: 700;
        gap: 0.125rem
    }

    .rate-your-area__items-grid {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        column-gap: 3rem;
        row-gap: 0.75rem;
        margin-top: 0.5rem
    }

    @media only screen and (min-width: 760px) {
        .rate-your-area__items-grid {
            grid-template-columns: repeat(4, minmax(0, 1fr))
        }
    }

    .rate-your-area__button {
        --wl-button-width: functions.pxToRem(166);
        margin-top: 1rem
    }

    .rate-your-area .rate-your-area__item-wrapper {
        display: grid;
        grid-template-columns: 1.875rem auto;
        align-items: center;
        column-gap: 1rem
    }

    .rate-your-area .rate-your-area__item-wrapper::before {
        flex-shrink: 0;
        content: "";
        width: 2.5rem;
        height: 2.5rem;
        background-repeat: no-repeat
    }

    .rate-your-area .rate-your-area__item-wrapper .rate-your-area-item__progress-bar {
        display: flex;
        gap: 0.3125rem;
        align-items: center
    }

    .rate-your-area .rate-your-area__item-wrapper .rate-your-area-item__progress-bar__container {
        position: relative;
        width: 100%;
        height: 0.75rem;
        border-radius: 1rem;
        overflow: hidden;
        background-color: #cfcfcf
    }

    .rate-your-area .rate-your-area__item-wrapper .rate-your-area-item__progress-bar__filled {
        position: absolute;
        inset: 0;
        background-color: #727272
    }

    .rate-your-area .rate-your-area__item-wrapper .rate-your-area-item__progress-bar__value {
        text-align: right;
        font-size: 0.75rem
    }

    .area-description__title {
        font-size: 1.5rem;
        font-weight: 700;
        margin: 0 0 1rem 0
    }

    .area-description__text {
        font-size: 0.875rem;
        line-height: 1.7;
        margin: 0
    }

    .nearby-map__content {
        display: flex;
        gap: 1rem
    }

    .nearby-map__tabs .pois {
        background-color: rgba(0, 0, 0, 0);
        padding: 0
    }

    .nearby-map__tabs .pois__tabs {
        color: var(--neutral-N3, black);
        border-color: var(--neutral-N2, black);
        display: flex;
        gap: 0.625rem 0.3125rem;
        flex-wrap: wrap;
        padding: 0
    }

    .nearby-map__tabs .pois__tabs .active {
        color: var(--primary-Brand-Color, blue);
        border-color: var(--primary-Brand-Color, blue)
    }

    .nearby-map__map {
        flex: 1;
        border-radius: 0.625rem;
        overflow: hidden;
        position: relative;
        height: 31.25rem
    }

    .nearby-map__map__sidebar {
        position: absolute;
        margin: 0.625rem;
        width: 18.5rem;
        background-color: #fff;
        border-radius: 0.625rem;
        padding: 1rem;
        box-shadow: 0 0.125rem 8px rgba(0, 0, 0, .08);
        display: flex;
        flex-direction: column;
        max-height: 30rem;
        z-index: 99
    }

    .nearby-map__map .nearby-map__map-canvas {
        position: absolute;
        inset: 0
    }

    .nearby-map__map .maplibregl-canvas-container,
    .nearby-map__map .maplibregl-canvas {
        width: inherit;
        height: 31.25rem
    }

    .nearby-map__map .maplibregl-canvas-container {
        position: absolute
    }

    .nearby-map__map wl-custom-map-marker {
        position: inherit;
        left: 0
    }

    .nearby-map__map img {
        display: block;
        width: 100%;
        height: auto;
        border-radius: 0.625rem
    }

    .nearby-map__pois {
        list-style: none;
        margin: 0;
        padding: 0;
        overflow-y: auto;
        flex: 1
    }

    .nearby-map__pois ::-webkit-scrollbar {
        display: none
    }

    .nearby-map__pois {
        scrollbar-width: none;
        -ms-overflow-style: none
    }

    .nearby-map__poi {
        display: flex;
        align-items: flex-start;
        gap: 1rem;
        padding: 6px 0;
        font-size: 0.875rem;
        cursor: pointer;
        border-bottom: 0.0625rem solid #eee
    }

    .nearby-map__poi-name {
        font-size: 0.875rem;
        font-weight: 700;
        color: var(--neutral-N1, #0A0A0A)
    }

    .nearby-map__poi-name {
        font-size: 0.875rem;
        color: var(--neutral-a80, #333)
    }

    .qs-datepicker-container {
        font-size: 1rem;
        font-family: sans-serif;
        color: #000;
        position: absolute;
        width: 15.625em;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        z-index: 9001;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        border: 1px solid gray;
        border-radius: .263921875em;
        overflow: hidden;
        background: #fff;
        -webkit-box-shadow: 0 1.25em 1.25em -0.9375em rgba(0, 0, 0, .3);
        box-shadow: 0 1.25em 1.25em -0.9375em rgba(0, 0, 0, .3)
    }

    .qs-datepicker-container * {
        -webkit-box-sizing: border-box;
        box-sizing: border-box
    }

    .qs-centered {
        position: fixed;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%)
    }

    .qs-hidden {
        display: none
    }

    .qs-overlay {
        position: absolute;
        top: 0;
        left: 0;
        background: rgba(0, 0, 0, .75);
        color: #fff;
        width: 100%;
        height: 100%;
        padding: .5em;
        z-index: 1;
        opacity: 1;
        -webkit-transition: opacity .3s;
        transition: opacity .3s;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .qs-overlay.qs-hidden {
        opacity: 0;
        z-index: -1
    }

    .qs-overlay .qs-overlay-year {
        background: rgba(0, 0, 0, 0);
        border: none;
        border-bottom: 1px solid #fff;
        border-radius: 0;
        color: #fff;
        font-size: .875em;
        padding: .25em 0;
        width: 80%;
        text-align: center;
        margin: 0 auto;
        display: block
    }

    .qs-overlay .qs-overlay-year::-webkit-inner-spin-button {
        -webkit-appearance: none
    }

    .qs-overlay .qs-close {
        padding: .5em;
        cursor: pointer;
        position: absolute;
        top: 0;
        right: 0
    }

    .qs-overlay .qs-submit {
        border: 1px solid #fff;
        border-radius: .263921875em;
        padding: .5em;
        margin: 0 auto auto;
        cursor: pointer;
        background: hsla(0, 0%, 50.2%, .4)
    }

    .qs-overlay .qs-submit.qs-disabled {
        color: gray;
        border-color: gray;
        cursor: not-allowed
    }

    .qs-overlay .qs-overlay-month-container {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1
    }

    .qs-overlay .qs-overlay-month {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        width: 33.3333333333%;
        cursor: pointer;
        opacity: .5;
        -webkit-transition: opacity .15s;
        transition: opacity .15s
    }

    .qs-overlay .qs-overlay-month.active,
    .qs-overlay .qs-overlay-month:hover {
        opacity: 1
    }

    .qs-controls {
        width: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        background: #d3d3d3;
        -webkit-filter: blur(0);
        filter: blur(0);
        -webkit-transition: -webkit-filter .3s;
        transition: -webkit-filter .3s;
        transition: filter .3s;
        transition: filter .3s, -webkit-filter .3s
    }

    .qs-controls.qs-blur {
        -webkit-filter: blur(5px);
        filter: blur(5px)
    }

    .qs-arrow {
        height: 1.5625em;
        width: 1.5625em;
        position: relative;
        cursor: pointer;
        border-radius: .263921875em;
        -webkit-transition: background .15s;
        transition: background .15s
    }

    .qs-arrow:hover {
        background: rgba(0, 0, 0, .1)
    }

    .qs-arrow:hover.qs-left:after {
        border-right-color: #000
    }

    .qs-arrow:hover.qs-right:after {
        border-left-color: #000
    }

    .qs-arrow:after {
        content: "";
        border: .390625em solid rgba(0, 0, 0, 0);
        position: absolute;
        top: 50%;
        -webkit-transition: border .2s;
        transition: border .2s
    }

    .qs-arrow.qs-left:after {
        border-right-color: gray;
        right: 50%;
        -webkit-transform: translate(25%, -50%);
        -ms-transform: translate(25%, -50%);
        transform: translate(25%, -50%)
    }

    .qs-arrow.qs-right:after {
        border-left-color: gray;
        left: 50%;
        -webkit-transform: translate(-25%, -50%);
        -ms-transform: translate(-25%, -50%);
        transform: translate(-25%, -50%)
    }

    .qs-month-year {
        font-weight: 700;
        -webkit-transition: border .2s;
        transition: border .2s;
        border-bottom: 1px solid rgba(0, 0, 0, 0)
    }

    .qs-month-year:not(.qs-disabled-year-overlay) {
        cursor: pointer
    }

    .qs-month-year:not(.qs-disabled-year-overlay):hover {
        border-bottom: 1px solid gray
    }

    .qs-month-year:active:focus,
    .qs-month-year:focus {
        outline: none
    }

    .qs-month {
        padding-right: .5ex
    }

    .qs-year {
        padding-left: .5ex
    }

    .qs-squares {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        padding: .3125em;
        -webkit-filter: blur(0);
        filter: blur(0);
        -webkit-transition: -webkit-filter .3s;
        transition: -webkit-filter .3s;
        transition: filter .3s;
        transition: filter .3s, -webkit-filter .3s
    }

    .qs-squares.qs-blur {
        -webkit-filter: blur(5px);
        filter: blur(5px)
    }

    .qs-square {
        width: 14.2857142857%;
        height: 1.5625em;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        cursor: pointer;
        -webkit-transition: background .1s;
        transition: background .1s;
        border-radius: .263921875em
    }

    .qs-square:not(.qs-empty):not(.qs-disabled):not(.qs-day):not(.qs-active):hover {
        background: orange
    }

    .qs-current {
        font-weight: 700;
        text-decoration: underline
    }

    .qs-active,
    .qs-range-end,
    .qs-range-start {
        background: #add8e6
    }

    .qs-range-start:not(.qs-range-6) {
        border-top-right-radius: 0;
        border-bottom-right-radius: 0
    }

    .qs-range-middle {
        background: #d4ebf2
    }

    .qs-range-middle:not(.qs-range-0):not(.qs-range-6) {
        border-radius: 0
    }

    .qs-range-middle.qs-range-0 {
        border-top-right-radius: 0;
        border-bottom-right-radius: 0
    }

    .qs-range-end:not(.qs-range-0),
    .qs-range-middle.qs-range-6 {
        border-top-left-radius: 0;
        border-bottom-left-radius: 0
    }

    .qs-disabled,
    .qs-outside-current-month {
        opacity: .2
    }

    .qs-disabled {
        cursor: not-allowed
    }

    .qs-day,
    .qs-empty {
        cursor: default
    }

    .qs-day {
        font-weight: 700;
        color: gray
    }

    .qs-event {
        position: relative
    }

    .qs-event:after {
        content: "";
        position: absolute;
        width: .46875em;
        height: .46875em;
        border-radius: 50%;
        background: #07f;
        bottom: 0;
        right: 0
    }

    @font-face {
        font-family: "swiper-icons";
        src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA");
        font-weight: 400;
        font-style: normal
    }

    :root {
        --swiper-theme-color: #007aff
    }

    .swiper {
        margin-left: auto;
        margin-right: auto;
        position: relative;
        overflow: hidden;
        list-style: none;
        padding: 0;
        z-index: 1
    }

    .swiper-vertical>.swiper-wrapper {
        flex-direction: column
    }

    .swiper-wrapper {
        position: relative;
        width: 100%;
        height: 100%;
        z-index: 1;
        display: flex;
        transition-property: transform;
        box-sizing: content-box
    }

    .swiper-android .swiper-slide,
    .swiper-wrapper {
        transform: translate3d(0px, 0, 0)
    }

    .swiper-pointer-events {
        touch-action: pan-y
    }

    .swiper-pointer-events.swiper-vertical {
        touch-action: pan-x
    }

    .swiper-slide {
        flex-shrink: 0;
        width: 100%;
        height: 100%;
        position: relative;
        transition-property: transform
    }

    .swiper-slide-invisible-blank {
        visibility: hidden
    }

    .swiper-autoheight,
    .swiper-autoheight .swiper-slide {
        height: auto
    }

    .swiper-autoheight .swiper-wrapper {
        align-items: flex-start;
        transition-property: transform, height
    }

    .swiper-backface-hidden .swiper-slide {
        transform: translateZ(0);
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden
    }

    .swiper-3d,
    .swiper-3d.swiper-css-mode .swiper-wrapper {
        perspective: 1200px
    }

    .swiper-3d .swiper-wrapper,
    .swiper-3d .swiper-slide,
    .swiper-3d .swiper-slide-shadow,
    .swiper-3d .swiper-slide-shadow-left,
    .swiper-3d .swiper-slide-shadow-right,
    .swiper-3d .swiper-slide-shadow-top,
    .swiper-3d .swiper-slide-shadow-bottom,
    .swiper-3d .swiper-cube-shadow {
        transform-style: preserve-3d
    }

    .swiper-3d .swiper-slide-shadow,
    .swiper-3d .swiper-slide-shadow-left,
    .swiper-3d .swiper-slide-shadow-right,
    .swiper-3d .swiper-slide-shadow-top,
    .swiper-3d .swiper-slide-shadow-bottom {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        pointer-events: none;
        z-index: 10
    }

    .swiper-3d .swiper-slide-shadow {
        background: rgba(0, 0, 0, .15)
    }

    .swiper-3d .swiper-slide-shadow-left {
        background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0))
    }

    .swiper-3d .swiper-slide-shadow-right {
        background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0))
    }

    .swiper-3d .swiper-slide-shadow-top {
        background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0))
    }

    .swiper-3d .swiper-slide-shadow-bottom {
        background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0))
    }

    .swiper-css-mode>.swiper-wrapper {
        overflow: auto;
        scrollbar-width: none;
        -ms-overflow-style: none
    }

    .swiper-css-mode>.swiper-wrapper::-webkit-scrollbar {
        display: none
    }

    .swiper-css-mode>.swiper-wrapper>.swiper-slide {
        scroll-snap-align: start start
    }

    .swiper-horizontal.swiper-css-mode>.swiper-wrapper {
        scroll-snap-type: x mandatory
    }

    .swiper-vertical.swiper-css-mode>.swiper-wrapper {
        scroll-snap-type: y mandatory
    }

    .swiper-centered>.swiper-wrapper::before {
        content: "";
        flex-shrink: 0;
        order: 9999
    }

    .swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child {
        margin-inline-start: var(--swiper-centered-offset-before)
    }

    .swiper-centered.swiper-horizontal>.swiper-wrapper::before {
        height: 100%;
        min-height: 1px;
        width: var(--swiper-centered-offset-after)
    }

    .swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child {
        margin-block-start: var(--swiper-centered-offset-before)
    }

    .swiper-centered.swiper-vertical>.swiper-wrapper::before {
        width: 100%;
        min-width: 1px;
        height: var(--swiper-centered-offset-after)
    }

    .swiper-centered>.swiper-wrapper>.swiper-slide {
        scroll-snap-align: center center;
        scroll-snap-stop: always
    }

    .swiper-virtual .swiper-slide {
        -webkit-backface-visibility: hidden;
        transform: translateZ(0)
    }

    .swiper-virtual.swiper-css-mode .swiper-wrapper::after {
        content: "";
        position: absolute;
        left: 0;
        top: 0;
        pointer-events: none
    }

    .swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after {
        height: 1px;
        width: var(--swiper-virtual-size)
    }

    .swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after {
        width: 1px;
        height: var(--swiper-virtual-size)
    }

    :root {
        --swiper-navigation-size: 44px
    }

    .swiper-button-prev,
    .swiper-button-next {
        position: absolute;
        top: 50%;
        width: calc(var(--swiper-navigation-size)/44*27);
        height: var(--swiper-navigation-size);
        margin-top: calc(0px - var(--swiper-navigation-size)/2);
        z-index: 10;
        cursor: pointer;
        display: flex;
        align-items: center;
        justify-content: center;
        color: var(--swiper-navigation-color, var(--swiper-theme-color))
    }

    .swiper-button-prev.swiper-button-disabled,
    .swiper-button-next.swiper-button-disabled {
        opacity: .35;
        cursor: auto;
        pointer-events: none
    }

    .swiper-button-prev.swiper-button-hidden,
    .swiper-button-next.swiper-button-hidden {
        opacity: 0;
        cursor: auto;
        pointer-events: none
    }

    .swiper-navigation-disabled .swiper-button-prev,
    .swiper-navigation-disabled .swiper-button-next {
        display: none !important
    }

    .swiper-button-prev:after,
    .swiper-button-next:after {
        font-family: swiper-icons;
        font-size: var(--swiper-navigation-size);
        text-transform: none !important;
        letter-spacing: 0;
        font-variant: initial;
        line-height: 1
    }

    .swiper-button-prev,
    .swiper-rtl .swiper-button-next {
        left: 10px;
        right: auto
    }

    .swiper-button-prev:after,
    .swiper-rtl .swiper-button-next:after {
        content: "prev"
    }

    .swiper-button-next,
    .swiper-rtl .swiper-button-prev {
        right: 10px;
        left: auto
    }

    .swiper-button-next:after,
    .swiper-rtl .swiper-button-prev:after {
        content: "next"
    }

    .swiper-button-lock {
        display: none
    }

    .swiper-pagination {
        position: absolute;
        text-align: center;
        transition: 300ms opacity;
        transform: translate3d(0, 0, 0);
        z-index: 10
    }

    .swiper-pagination.swiper-pagination-hidden {
        opacity: 0
    }

    .swiper-pagination-disabled>.swiper-pagination,
    .swiper-pagination.swiper-pagination-disabled {
        display: none !important
    }

    .swiper-pagination-fraction,
    .swiper-pagination-custom,
    .swiper-horizontal>.swiper-pagination-bullets,
    .swiper-pagination-bullets.swiper-pagination-horizontal {
        bottom: 10px;
        left: 0;
        width: 100%
    }

    .swiper-pagination-bullets-dynamic {
        overflow: hidden;
        font-size: 0
    }

    .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
        transform: scale(0.33);
        position: relative
    }

    .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
        transform: scale(1)
    }

    .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
        transform: scale(1)
    }

    .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
        transform: scale(0.66)
    }

    .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
        transform: scale(0.33)
    }

    .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
        transform: scale(0.66)
    }

    .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
        transform: scale(0.33)
    }

    .swiper-pagination-bullet {
        width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px));
        height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px));
        display: inline-block;
        border-radius: 50%;
        background: var(--swiper-pagination-bullet-inactive-color, #000);
        opacity: var(--swiper-pagination-bullet-inactive-opacity, 0.2)
    }

    button.swiper-pagination-bullet {
        border: none;
        margin: 0;
        padding: 0;
        box-shadow: none;
        -webkit-appearance: none;
        appearance: none
    }

    .swiper-pagination-clickable .swiper-pagination-bullet {
        cursor: pointer
    }

    .swiper-pagination-bullet:only-child {
        display: none !important
    }

    .swiper-pagination-bullet-active {
        opacity: var(--swiper-pagination-bullet-opacity, 1);
        background: var(--swiper-pagination-color, var(--swiper-theme-color))
    }

    .swiper-vertical>.swiper-pagination-bullets,
    .swiper-pagination-vertical.swiper-pagination-bullets {
        right: 10px;
        top: 50%;
        transform: translate3d(0px, -50%, 0)
    }

    .swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet,
    .swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet {
        margin: var(--swiper-pagination-bullet-vertical-gap, 6px) 0;
        display: block
    }

    .swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
    .swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
        top: 50%;
        transform: translateY(-50%);
        width: 8px
    }

    .swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
    .swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
        display: inline-block;
        transition: 200ms transform, 200ms top
    }

    .swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,
    .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
        margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 4px)
    }

    .swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
    .swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
        left: 50%;
        transform: translateX(-50%);
        white-space: nowrap
    }

    .swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
    .swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
        transition: 200ms transform, 200ms left
    }

    .swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
        transition: 200ms transform, 200ms right
    }

    .swiper-pagination-progressbar {
        background: rgba(0, 0, 0, .25);
        position: absolute
    }

    .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
        background: var(--swiper-pagination-color, var(--swiper-theme-color));
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        transform: scale(0);
        transform-origin: left top
    }

    .swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
        transform-origin: right top
    }

    .swiper-horizontal>.swiper-pagination-progressbar,
    .swiper-pagination-progressbar.swiper-pagination-horizontal,
    .swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,
    .swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite {
        width: 100%;
        height: 4px;
        left: 0;
        top: 0
    }

    .swiper-vertical>.swiper-pagination-progressbar,
    .swiper-pagination-progressbar.swiper-pagination-vertical,
    .swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,
    .swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite {
        width: 4px;
        height: 100%;
        left: 0;
        top: 0
    }

    .swiper-pagination-lock {
        display: none
    }

    .swiper-scrollbar {
        border-radius: 10px;
        position: relative;
        -ms-touch-action: none;
        background: rgba(0, 0, 0, .1)
    }

    .swiper-scrollbar-disabled>.swiper-scrollbar,
    .swiper-scrollbar.swiper-scrollbar-disabled {
        display: none !important
    }

    .swiper-horizontal>.swiper-scrollbar,
    .swiper-scrollbar.swiper-scrollbar-horizontal {
        position: absolute;
        left: 1%;
        bottom: 3px;
        z-index: 50;
        height: 5px;
        width: 98%
    }

    .swiper-vertical>.swiper-scrollbar,
    .swiper-scrollbar.swiper-scrollbar-vertical {
        position: absolute;
        right: 3px;
        top: 1%;
        z-index: 50;
        width: 5px;
        height: 98%
    }

    .swiper-scrollbar-drag {
        height: 100%;
        width: 100%;
        position: relative;
        background: rgba(0, 0, 0, .5);
        border-radius: 10px;
        left: 0;
        top: 0
    }

    .swiper-scrollbar-cursor-drag {
        cursor: move
    }

    .swiper-scrollbar-lock {
        display: none
    }

    .swiper-zoom-container {
        width: 100%;
        height: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        text-align: center
    }

    .swiper-zoom-container>img,
    .swiper-zoom-container>svg,
    .swiper-zoom-container>canvas {
        max-width: 100%;
        max-height: 100%;
        object-fit: contain
    }

    .swiper-slide-zoomed {
        cursor: move
    }

    .swiper-lazy-preloader {
        width: 42px;
        height: 42px;
        position: absolute;
        left: 50%;
        top: 50%;
        margin-left: -21px;
        margin-top: -21px;
        z-index: 10;
        transform-origin: 50%;
        box-sizing: border-box;
        border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
        border-radius: 50%;
        border-top-color: rgba(0, 0, 0, 0)
    }

    .swiper:not(.swiper-watch-progress) .swiper-lazy-preloader,
    .swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader {
        animation: swiper-preloader-spin 1s infinite linear
    }

    .swiper-lazy-preloader-white {
        --swiper-preloader-color: #fff
    }

    .swiper-lazy-preloader-black {
        --swiper-preloader-color: #000
    }

    @keyframes swiper-preloader-spin {
        0% {
            transform: rotate(0deg)
        }

        100% {
            transform: rotate(360deg)
        }
    }

    .swiper .swiper-notification {
        position: absolute;
        left: 0;
        top: 0;
        pointer-events: none;
        opacity: 0;
        z-index: -1000
    }

    .swiper-free-mode>.swiper-wrapper {
        transition-timing-function: ease-out;
        margin: 0 auto
    }

    .swiper-grid>.swiper-wrapper {
        flex-wrap: wrap
    }

    .swiper-grid-column>.swiper-wrapper {
        flex-wrap: wrap;
        flex-direction: column
    }

    .swiper-fade.swiper-free-mode .swiper-slide {
        transition-timing-function: ease-out
    }

    .swiper-fade .swiper-slide {
        pointer-events: none;
        transition-property: opacity
    }

    .swiper-fade .swiper-slide .swiper-slide {
        pointer-events: none
    }

    .swiper-fade .swiper-slide-active,
    .swiper-fade .swiper-slide-active .swiper-slide-active {
        pointer-events: auto
    }

    .swiper-cube {
        overflow: visible
    }

    .swiper-cube .swiper-slide {
        pointer-events: none;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        z-index: 1;
        visibility: hidden;
        transform-origin: 0 0;
        width: 100%;
        height: 100%
    }

    .swiper-cube .swiper-slide .swiper-slide {
        pointer-events: none
    }

    .swiper-cube.swiper-rtl .swiper-slide {
        transform-origin: 100% 0
    }

    .swiper-cube .swiper-slide-active,
    .swiper-cube .swiper-slide-active .swiper-slide-active {
        pointer-events: auto
    }

    .swiper-cube .swiper-slide-active,
    .swiper-cube .swiper-slide-next,
    .swiper-cube .swiper-slide-prev,
    .swiper-cube .swiper-slide-next+.swiper-slide {
        pointer-events: auto;
        visibility: visible
    }

    .swiper-cube .swiper-slide-shadow-top,
    .swiper-cube .swiper-slide-shadow-bottom,
    .swiper-cube .swiper-slide-shadow-left,
    .swiper-cube .swiper-slide-shadow-right {
        z-index: 0;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden
    }

    .swiper-cube .swiper-cube-shadow {
        position: absolute;
        left: 0;
        bottom: 0px;
        width: 100%;
        height: 100%;
        opacity: .6;
        z-index: 0
    }

    .swiper-cube .swiper-cube-shadow:before {
        content: "";
        background: #000;
        position: absolute;
        left: 0;
        top: 0;
        bottom: 0;
        right: 0;
        filter: blur(50px)
    }

    .swiper-flip {
        overflow: visible
    }

    .swiper-flip .swiper-slide {
        pointer-events: none;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        z-index: 1
    }

    .swiper-flip .swiper-slide .swiper-slide {
        pointer-events: none
    }

    .swiper-flip .swiper-slide-active,
    .swiper-flip .swiper-slide-active .swiper-slide-active {
        pointer-events: auto
    }

    .swiper-flip .swiper-slide-shadow-top,
    .swiper-flip .swiper-slide-shadow-bottom,
    .swiper-flip .swiper-slide-shadow-left,
    .swiper-flip .swiper-slide-shadow-right {
        z-index: 0;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden
    }

    .swiper-creative .swiper-slide {
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        overflow: hidden;
        transition-property: transform, opacity, height
    }

    .swiper-cards {
        overflow: visible
    }

    .swiper-cards .swiper-slide {
        transform-origin: center bottom;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        overflow: hidden
    }

    .lamudi-button {
        display: flex;
        justify-content: center;
        align-items: center;
        font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
        font-size: 14px;
        font-weight: 700;
        height: 3.5rem;
        width: 100%;
        border-radius: 4px;
        gap: 0.3125rem;
        border: none;
        text-decoration: none;
        text-wrap: nowrap;
        margin: 0;
        padding: 0 1rem
    }

    .lamudi-button wl-icon {
        --wl-icon-width: 1.5rem;
        --wl-icon-height: 1.5rem;
        width: 1.5rem;
        height: 1.5rem
    }

    .lamudi-button:hover {
        cursor: pointer
    }

    .lamudi-button.medium {
        height: 3rem
    }

    .lamudi-button.small {
        height: 2.5rem
    }

    .lamudi-button.filled {
        border: none;
        color: #fff;
        background-color: #36c
    }

    .lamudi-button.filled.disabled {
        border: none;
        color: #fff;
        background-color: #999
    }

    .lamudi-button.outlined {
        border: 1px solid #36c;
        background-color: #fff;
        color: #36c
    }

    .lamudi-button.contact {
        background-color: #ff8700;
        color: #fff
    }

    .lamudi-button.messenger {
        background-color: #fff;
        border: 1px solid #157ef4;
        color: #157ef4
    }

    .lamudi-button.messenger:hover {
        border-color: rgb(8.4632653061, 89.2489795918, 180.0367346939);
        color: rgb(8.4632653061, 89.2489795918, 180.0367346939);
        background-color: #d8d8d8
    }

    .lamudi-button.viber {
        background-color: #fff;
        border: 1px solid #830ca3;
        color: #830ca3
    }

    .lamudi-button.viber:hover {
        border-color: rgb(73.7342857143, 6.7542857143, 91.7457142857);
        color: rgb(73.7342857143, 6.7542857143, 91.7457142857);
        background-color: #d8d8d8
    }

    .lamudi-button.line {
        background-color: #fff;
        border: 1px solid #3ca53a;
        color: #3ca53a
    }

    .lamudi-button.line:hover {
        border-color: rgb(39.4170403587, 108.3968609865, 38.1031390135);
        color: rgb(39.4170403587, 108.3968609865, 38.1031390135);
        background-color: #d8d8d8
    }

    .lamudi-button.whatsapp {
        background-color: #25d366;
        color: #fff
    }

    .lamudi-button.whatsapp:hover {
        background-color: #15a84c
    }

    .lamudi-button.hollow {
        color: #0cf;
        border: 1px solid #0cf;
        background-color: rgba(0, 0, 0, 0)
    }

    .location-map-wrapper {
        width: 100%
    }

    @media screen and (max-width: 760px) {
        .location-map-wrapper {
            max-height: 29.875rem;
            height: fit-content
        }
    }

    .location-map {
        margin-bottom: 1.75rem;
        color: #484848
    }

    @media screen and (max-width: 760px) {
        .location-map {
            padding: 0 1.3125rem;
            margin-bottom: 1.25rem
        }
    }

    .location-map__title-map {
        font-size: 1.125rem;
        font-weight: 700;
        color: #0a0a0a;
        margin-bottom: 0.5rem
    }

    @media screen and (max-width: 760px) {
        .location-map__title-map {
            border: none
        }
    }

    .location-map__location-address {
        display: flex;
        align-items: flex-start;
        font-size: 1rem;
        color: #0a0a0a
    }

    @media screen and (max-width: 760px) {
        .location-map__location-address {
            margin-bottom: 1.125rem
        }
    }

    .location-map__icon {
        background-image: url("images/icon-map-pointer.svg");
        background-repeat: no-repeat;
        flex-shrink: 0;
        width: 17px;
        height: 21px;
        margin-top: 4px;
        margin-right: 8px
    }

    .location-map__location-address-map {
        font-size: 16px;
        margin-bottom: .5rem;
        font-weight: 700;
        color: #0a0a0a
    }

    @media screen and (max-width: 760px) {
        .location-map__location-address-map {
            margin-bottom: 0
        }
    }

    .location-map__info-map {
        display: flex;
        align-items: center;
        font-size: 14px;
        background-color: #eeeef7;
        color: #484848;
        padding: .3rem .75rem
    }

    @media screen and (max-width: 760px) {
        .location-map__info-map {
            background-color: #eeeef7;
            color: #484848;
            padding: .75rem;
            margin-bottom: 0.875rem;
            border-radius: 10px
        }
    }

    .location-map__info-icon {
        font-size: 16px;
        font-weight: bold;
        padding: 0 .4rem 0 0
    }

    .location-map__map-wrapper {
        height: 18.75rem;
        display: flex;
        justify-content: center;
        align-items: center;
        position: relative
    }

    @media screen and (max-width: 760px) {
        .location-map__map-wrapper {
            border-radius: 10px;
            overflow: hidden
        }
    }

    .location-map__map-wrapper .map {
        position: absolute;
        width: 100%;
        height: 100%;
        z-index: 5
    }

    .location-map__view-button {
        display: flex;
        justify-content: center;
        align-items: center;
        position: absolute;
        z-index: 15;
        border-radius: 5px;
        padding: 10px;
        color: #fff;
        background-color: #36c;
        font-weight: 700;
        cursor: pointer
    }

    @media screen and (max-width: 760px) {
        .location-map__view-button {
            width: 9.3125rem;
            height: 3rem;
            border-radius: 4px;
            background-color: #36c;
            border: 0;
            color: #fff;
            font-size: 16px;
            font-weight: 500
        }
    }

    .location-map picture,
    .location-map img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        z-index: 10;
        border-radius: 20px
    }

    .location-map__no-location-wrapper {
        display: flex;
        justify-content: center;
        align-items: center
    }

    .location-map__map-no-location {
        height: 300px
    }

    .location-map__background-no-location {
        position: absolute;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 50%;
        height: 145px;
        background-color: #fff;
        border-radius: 10px;
        z-index: 90
    }

    .location-map__icon-no-location {
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='79' height='50' viewBox='0 0 79 50'%3E%3Cdefs%3E%3Cpath id='0fexskavoa' d='M0 0L31 0 31 19 0 19z'/%3E%3Cpath id='6y389qetpc' d='M0 0L22 0 22 13.484 0 13.484z'/%3E%3Cpath id='aeih3wd9qe' d='M0 0L32 0 32 19.2 0 19.2z'/%3E%3C/defs%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg%3E%3Cg transform='translate(-120.000000, -1588.000000) translate(120.000000, 1588.000000)'%3E%3Cellipse cx='40' cy='48.5' fill='%23FFDCDC' rx='6' ry='1.5'/%3E%3Cpath fill='%23FF5050' fill-rule='nonzero' d='M35.947 34.053c-4.882 0-8.842-3.795-8.842-8.473 0-4.68 3.96-8.475 8.843-8.475 4.882 0 8.841 3.795 8.841 8.475 0 4.678-3.958 8.473-8.842 8.473zM61 25.948L48.86 14.12C45.698 10.962 41.282 9 36.398 9 26.788 9 19 16.588 19 25.948s7.79 16.947 17.398 16.947c4.887 0 9.303-1.963 12.463-5.123L61 25.948z' transform='translate(40.000000, 25.947368) rotate(-270.000000) translate(-40.000000, -25.947368)'/%3E%3Cg%3E%3Cmask id='qc4rojq4rb' fill='%23fff'%3E%3Cuse xlink:href='%230fexskavoa'/%3E%3C/mask%3E%3Cpath fill='%23FF5050' fill-opacity='.2' d='M4.495 8.892c-.043-.372-.094-.723-.123-1.076-.12-1.423.18-2.763.846-4.008C6.151 2.067 7.565.892 9.422.321c1.726-.53 3.43-.404 5.07.38 1.283.613 2.306 1.533 3.041 2.774.082.138.154.14.284.088 2.644-1.035 5.545.036 6.92 2.565.422.776.645 1.618.674 2.508.002.07.008.14.015.252.307 0 .606-.016.902.003 2.507.163 4.438 2.092 4.654 4.64.199 2.346-1.283 4.592-3.504 5.246-.495.145-1.029.211-1.545.212-6.955.014-13.91.008-20.864.011-1.53 0-2.826-.552-3.831-1.727-.97-1.133-1.385-2.472-1.192-3.975.199-1.54.947-2.746 2.212-3.608.593-.404 1.249-.653 1.958-.75.09-.013.177-.03.279-.048' mask='url(%23qc4rojq4rb)'/%3E%3C/g%3E%3Cg transform='translate(12.000000, 26.000000)'%3E%3Cmask id='4yphjz4cod' fill='%23fff'%3E%3Cuse xlink:href='%236y389qetpc'/%3E%3C/mask%3E%3Cpath fill='%23FF5050' fill-opacity='.2' d='M3.19 6.31c-.03-.263-.067-.512-.088-.763-.084-1.01.128-1.96.601-2.844C4.365 1.467 5.37.633 6.687.228c1.225-.376 2.434-.287 3.598.27.91.435 1.636 1.087 2.158 1.968.058.098.109.1.202.063 1.876-.735 3.935.025 4.91 1.82.3.55.458 1.148.478 1.78.002.05.006.099.011.179.218 0 .43-.012.64.002 1.78.116 3.15 1.485 3.303 3.292.141 1.666-.91 3.26-2.487 3.723-.35.104-.73.15-1.096.151-4.935.01-9.871.006-14.807.008-1.085 0-2.005-.392-2.719-1.225-.688-.805-.982-1.755-.845-2.822.14-1.092.672-1.948 1.57-2.56.42-.287.886-.464 1.389-.533.063-.009.126-.021.198-.034' mask='url(%234yphjz4cod)'/%3E%3C/g%3E%3Cg transform='translate(47.000000, 22.000000)'%3E%3Cmask id='qo18h6s5mf' fill='%23fff'%3E%3Cuse xlink:href='%23aeih3wd9qe'/%3E%3C/mask%3E%3Cpath fill='%23FFDCDC' d='M27.36 8.985c.045-.375.097-.73.127-1.086.123-1.439-.185-2.793-.874-4.05-.963-1.76-2.422-2.947-4.339-3.524-1.782-.536-3.541-.409-5.234.384-1.324.619-2.38 1.549-3.139 2.802-.084.14-.158.142-.293.09-2.729-1.046-5.724.036-7.143 2.592-.435.784-.665 1.634-.696 2.534-.002.07-.008.14-.015.255-.317 0-.626-.017-.931.002C2.235 9.15.24 11.1.018 13.674c-.205 2.37 1.325 4.64 3.618 5.3.51.147 1.062.214 1.594.215 7.18.014 14.359.008 21.538.011 1.578 0 2.917-.558 3.954-1.745 1.002-1.145 1.43-2.498 1.23-4.017-.205-1.556-.977-2.775-2.283-3.646-.612-.408-1.29-.66-2.021-.758-.092-.013-.183-.03-.288-.049' mask='url(%23qo18h6s5mf)'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");
        background-repeat: no-repeat;
        width: 79px;
        height: 50px;
        margin-bottom: 0.6875rem
    }

    .location-map__text-no-location {
        font-family: "Open Sans", Helvetica, Arial, sans-serif;
        font-style: normal;
        font-weight: 500;
        width: 50%;
        font-size: 0.875rem;
        color: #484848;
        text-align: center
    }

    .no-hidden {
        display: block
    }

    .hidden {
        display: none !important
    }

    .marker {
        background-image: url("images/map-marker.svg");
        background-repeat: no-repeat;
        width: 2.375rem;
        height: 2.875rem;
        border-radius: 50%;
        cursor: pointer
    }

    .detail-page-traffic .location-map {
        padding: 0
    }

    @font-face {
        font-family: "icomoon";
        src: url("fonts/icomoon_v17.eot");
        src: url("fonts/icomoon_v17.eot#iefix") format("embedded-opentype"), url("fonts/icomoon_v17.woff") format("woff"), url("fonts/icomoon_v17.ttf") format("truetype"), url("images/icomoon_v17.svg#icomoon") format("svg");
        font-display: fallback;
        font-weight: normal;
        font-style: normal
    }

    [class^=icon-],
    [class*=" icon-"] {
        font-family: "icomoon" !important;
        speak: none;
        font-style: normal;
        font-weight: normal;
        font-variant: normal;
        text-transform: none;
        line-height: 1;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale
    }

    * {
        box-sizing: border-box
    }

    html,
    body {
        font-family: "Open Sans", Helvetica, Arial, sans-serif;
        margin: 0;
        padding: 0;
        height: 100%;
        width: 100%
    }

    body,
    :root {
        --wl-tablet-breakpoint: 760px;
        --wl-chip-border-radius: 0.25rem;
        --wl-chip-background-color: #D8D8D8;
        --wl-chip-color: #0A0A0A;
        --wl-chip-height: 1.75rem;
        --wl-chip-padding: 0.3125rem;
        --wl-chip-close-icon-color: white;
        --wl-chip-close-icon-size: 1.125rem;
        --wl-chip-close-icon-background-color: #3366CC;
        --wl-control-separator: #D8D8D8;
        --wl-button-padding: 0.625rem;
        --wl-control-width: 9.375rem;
        --wl-control-content-width: 15.3125rem;
        --wl-dropdown-content-height: calc(100vh - 12.5rem);
        --wl-hover-background: #F7F8FA;
        --wl-hover-color: #0A0A0A;
        --wl-selected-background: #00CCFF;
        --wl-selected-color: #0A0A0A;
        --wl-color: #0A0A0A;
        --wl-control-border-color: #999999;
        --wl-control-height: 2.5rem;
        --wl-control-font-size: 0.875rem;
        --wl-control-opened-border-color: #3366CC;
        --wl-control-content-gap: 0.625rem;
        --wl-header-color: #0A0A0A;
        --wl-primary-button-color: #FFFFFF;
        --wl-primary-button-background: #3366CC;
        --wl-item-height: 2.5rem;
        --wl-item-is-title-color: #4a4a4a;
        --wl-checkbox-border-color: #999999;
        --wl-checkbox-checked-background-color: #3366CC;
        --wl-checkbox-checked-tick-color: white;
        --wl-button-background-color: #3366CC;
        --wl-button-border-color: #3366CC;
        --wl-button-color: white;
        --wl-button-secondary-color: #4a4a4a;
        --wl-button-secondary-background-color: white;
        --wl-radio-button-icon-url: url("images/radio-button-unchecked-24.svg");
        --wl-radio-button-checked-icon-url: url("images/radio-button-checked-24.svg");
        --wl-radio-button-checked-color: #000000;
        --wl-radio-button-checked-font-weight: 100;
        --wl-input-error-color: #F55C66;
        --wl-button-primary-hover-dark: #1E4FB1;
        --wl-button-primary-hover-light: rgba(51, 102, 204, 0.1);
        --wl-button-primary-hover-light-solid: #E8EEF8;
        --wl-button-secondary-hover-dark: #EA7C00;
        --wl-button-secondary-hover-light: rgba(255, 135, 0, 0.1019607843);
        --wl-whatsapp: #25D366;
        --wl-button-whatsapp-hover-dark: #15A84C;
        --wl-button-whatsapp-hover-light: rgba(37, 211, 102, 0.1);
        --wl-whatsapp-oposite: #ffffff;
        --wl-button-variant-filled-border: 1px solid;
        --wl-button-variant-filled-font-weight: 700;
        --wl-button-variant-outlined-border: 1px solid;
        --wl-button-variant-outlined-font-weight: 700;
        --wl-button-variant-flat-border: 1px solid;
        --wl-button-variant-flat-font-weight: 700;
        --wl-button-size-large-padding: 0.875rem 2.75rem;
        --wl-button-size-large-font-size: 0.875rem;
        --wl-button-size-medium-padding: 0.625rem 1.5rem;
        --wl-button-size-medium-font-size: 0.875rem;
        --wl-button-size-small-padding: 0.46875rem 1.5rem;
        --wl-button-size-small-font-size: 0.875rem;
        --wl-button-border-radius: 0.25rem;
        --wl-icon-width: 1.5rem;
        --wl-icon-height: 1.5rem;
        --wl-favorite-height: 2rem;
        --wl-favorite-width: 2rem;
        --wl-favorite-desktop-height: 1.5rem;
        --wl-favorite-desktop-width: 1.6875rem;
        --wl-favorite-background-image: url("images/favorite-icon.svg");
        --wl-favorite-background-image-selected: url("images/favorite-icon-selected.svg");
        --wl-favorite-background-image-hover: url("images/favorite-icon-selected.svg");
        --wl-favorite-background-color-filter: brightness(0) saturate(100%) invert(37%) sepia(36%) saturate(2562%) hue-rotate(197deg) brightness(87%) contrast(82%);
        --wl-favorite-selected-background-color-filter: invert(75%) sepia(63%) saturate(5272%) hue-rotate(359deg) brightness(99%) contrast(102%);
        --wl-favorite-border-radius: 0.25rem;
        --wl-favorite-icon-hover-background-color-filter: brightness(0) saturate(100%) invert(37%) sepia(36%) saturate(2562%) hue-rotate(197deg) brightness(87%) contrast(82%);
        --wl-favorite-label-color: #3366CC;
        --wl-favorite-label-selected-color: #3366CC;
        --wl-share-height: 2rem;
        --wl-share-width: 2rem;
        --wl-share-desktop-height: 1.5rem;
        --wl-share-desktop-width: 1.6875rem;
        --wl-share-background-image: url("images/share-icon-black-filled.svg");
        --wl-share-background-color-filter: brightness(0) saturate(100%) invert(37%) sepia(36%) saturate(2562%) hue-rotate(197deg) brightness(87%) contrast(82%);
        --wl-share-border-radius: 0.25rem;
        --wl-share-label-color: #3366CC;
        --wl-share-hover-background-color: rgba(51, 102, 204, 0.05);
        --wl-range-slider-line-color: #3366CC;
        --wl-range-slider-line-width: 0.5rem;
        --wl-range-slider-point-color: #3366CC;
        --wl-range-slider-point-size: 0.5rem;
        --wl-range-slider-point-border-color: #FFFFFF;
        --wl-range-slider-point-border-size: 0.25rem;
        --wl-range-slider-input-color: #4a4a4a;
        --wl-range-slider-input-border-color: #999999;
        --wl-range-slider-input-width: 5rem;
        --wl-range-slider-input-height: 2.625rem;
        --wl-modal-border-radius: 1.25rem;
        --wl-modal-padding: 1.875rem
    }

    body wl-modal::part(cross),
    :root wl-modal::part(cross) {
        color: #3366CC
    }

    body,
    :root {
        --serp-map-custom-popup-width: auto;
        --wl-map-desktop-snippet-width: 20.5rem;
        --serp-map-custom-popup-top: 50%;
        --serp-map-custom-popup-left: 2rem;
        --serp-map-custom-popup-transform: translateY(-50%);
        --wl-map-point-color: #3366CC;
        --wl-map-project-point-color: #3366CC;
        --wl-map-point-active-color: #00CCFF;
        --wl-map-point-visited-background-color: #1F3D7A;
        --wl-map-point-visited-border-color: #142952;
        --wl-map-marker-accurate-background-image: url("images/map-listing-marker-accurate.svg");
        --wl-map-marker-approximate-background-image: url("images/map-listing-marker-approximate.svg");
        --wl-map-project-new-development-point-color: #FF8700;
        --wl-map-point-approximate-inner-shadow-color: #3366CC33;
        --wl-map-point-approximate-outer-shadow-color: #3366CC33;
        --wl-map-project-point-approximate-shadow-color: #3366CC33;
        --wl-map-project-new-development-point-approximate-shadow-color: #FF870066;
        --wl-map-marker-accurate-border-color: #3366CC;
        --wl-map-search-area-color: #3366CC;
        --wl-map-search-area-icon: url("images/search-icon.svg");
        --wl-map-view-list-icon: url("images/list-icon.svg");
        --wl-map-search-area-font-family: Open Sans;
        --wl-map-sidebar-background-color: #F7F8FA;
        --wl-map-cluster-serp-snippets-header-color: #0A0A0A;
        --wl-map-cluster-serp-snippets-snippet-min-width-mobile: 95%;
        --wl-map-cluster-serp-snippets-header-close-image: url("images/icon-close-m.svg");
        --wl-map-ask-for-user-geolocation-button-image: url("images/icon-geolocate.svg");
        --wl-stepper-form-height: 28.125rem;
        --wl-stepper-form-width: 100%;
        --wl-stepper-form-padding: 0;
        --wl-stepper-form-steps-label-color: #999999;
        --wl-stepper-form-progress-bar-background-color: rgba(51, 102, 204, 0.1);
        --wl-stepper-form-next-button-text-color: white;
        --wl-stepper-form-prev-button-background-color: white;
        --wl-stepper-form-main-color: #3366CC;
        --wl-show-more-label-color: #3366CC;
        --wl-show-more-content-minimum-height: 15.625rem;
        --wl-autocomplete-header-color: #3366CC
    }

    .adform-button {
        display: flex;
        justify-content: center;
        align-items: center;
        font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
        font-size: 16px;
        font-weight: 700;
        height: 40px;
        min-width: 120px;
        width: 100%;
        border-radius: 3px
    }

    .adform-button:hover {
        cursor: pointer
    }

    .adform-button.filled {
        border: none;
        color: #fff;
        background-color: #ff8700
    }

    .adform-button.filled.disabled {
        border: none;
        color: #fff;
        background-color: #999
    }

    .adform-button.hollow {
        color: #0cf;
        border: 1px solid;
        border-color: #0cf;
        background-color: rgba(0, 0, 0, 0)
    }

    input.adform-input {
        display: block;
        width: 100%;
        height: 40px;
        margin-bottom: 16px;
        padding: 0 10px;
        font-size: 15px;
        border: 1px solid #fafafa;
        color: #000
    }

    input.adform-input::placeholder {
        color: #484848
    }

    input.adform-input.invalid {
        border: 1px solid red !important;
        outline: none
    }

    textarea.adform-textarea {
        resize: none;
        width: 100%;
        height: 80px;
        padding: 10px;
        font-size: 15px;
        border: 1px solid #fafafa;
        color: #000
    }

    textarea.adform-textarea::placeholder {
        color: #484848
    }

    :root {
        --wl-border-radius-regular: 0.25rem
    }

    .wl-agency-logo {
        --wl-agency-logo-size: 2.5rem;
        --wl-agency-logo-font-size: 0.875rem;
        display: flex;
        align-items: center;
        justify-content: center;
        width: var(--wl-agency-logo-size);
        height: var(--wl-agency-logo-size);
        border-radius: 50%;
        flex-shrink: 0;
        overflow: hidden
    }

    .wl-agency-logo img {
        width: 100%;
        height: 100%;
        border-radius: 50%;
        object-fit: cover;
        object-position: center
    }

    .wl-agency-logo__initials {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 100%;
        height: 100%;
        border-radius: 50%;
        border: 0.0625rem solid #999;
        color: #999;
        font-size: var(--wl-agency-logo-font-size)
    }

    .fullpage-modal {
        display: none;
        height: 100vh;
        position: fixed;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        z-index: 9999;
        color: #4a4a4a
    }

    .fullpage-modal.displayed {
        display: block
    }

    .fullpage-modal .background {
        display: flex;
        justify-content: center;
        align-items: center;
        width: 100%;
        height: 100%;
        background-color: #fff
    }

    .fullpage-modal .background .modal-view {
        overflow-y: auto;
        width: 100%;
        height: 100%
    }

    .fullpage-modal .background .modal-view .header {
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 29px 24px 0;
        font-weight: bold;
        background: #fff
    }

    .fullpage-modal .background .modal-view .header .title {
        font-size: .9rem
    }

    .fullpage-modal .background .modal-view .header .close {
        padding-right: 4px;
        padding-left: 8px;
        transform: scaleX(1.25)
    }

    .fullpage-modal .background .modal-view .header .close:hover {
        cursor: pointer
    }

    .fullpage-modal .background .modal-view .content {
        background-color: #fff;
        padding: 24px
    }

    .fullpage-modal .background .modal-view .content .form .agency {
        display: flex;
        gap: 1rem;
        width: 100%;
        height: 100%;
        text-align: center;
        align-items: center;
        margin-bottom: 0.625rem
    }

    .fullpage-modal .background .modal-view .content .form .agency__logo {
        position: relative
    }

    .fullpage-modal .background .modal-view .content .form .agency__logo img {
        width: 5.3125rem;
        height: 5.3125rem;
        border-radius: 50%;
        object-fit: cover;
        object-position: center
    }

    .fullpage-modal .background .modal-view .content .form .agency__logo .wl-agency-logo-premium,
    .fullpage-modal .background .modal-view .content .form .agency__logo__premium {
        width: 1.5rem;
        height: 1.5rem;
        background-color: #ff8700;
        border-radius: 50%;
        padding: 0.125rem;
        cursor: pointer
    }

    .fullpage-modal .background .modal-view .content .form .agency__logo .wl-agency-logo-premium .premium-icon,
    .fullpage-modal .background .modal-view .content .form .agency__logo__premium .premium-icon {
        border: none;
        filter: invert(100%) sepia(0%) saturate(0%) hue-rotate(3deg) brightness(105%) contrast(102%);
        width: 1.25rem;
        height: 1.25rem;
        vertical-align: unset
    }

    .fullpage-modal .background .modal-view .content .form .agency__logo__special-logo {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 2.5rem;
        height: 2.5rem;
        border-radius: 50%;
        border: 0.0625rem solid #999;
        flex-shrink: 0;
        color: #999
    }

    .fullpage-modal .background .modal-view .content .form .agency__logo .wl-agency-logo-premium {
        position: absolute;
        top: -0.125rem;
        right: 0
    }

    .fullpage-modal .background .modal-view .content .form .agency__logo__special-logo {
        width: 5.3125rem;
        height: 5.3125rem;
        font-size: 1.5625rem
    }

    .fullpage-modal .background .modal-view .content .form .agency .wl-agency-logo {
        --wl-agency-logo-size: 5.3125rem;
        --wl-agency-logo-font-size: 1.5625rem
    }

    .fullpage-modal .background .modal-view .content .form .adform-input-wrapper {
        box-sizing: border-box;
        margin-bottom: 0.625rem
    }

    .fullpage-modal .background .modal-view .content .form .adform-input-wrapper .adform-input-header {
        display: none
    }

    .fullpage-modal .background .modal-view .content .form .adform-input-wrapper .adform-input {
        height: 3rem;
        margin-bottom: 0
    }

    .fullpage-modal .background .modal-view .content .form .adform-input-wrapper .error-text {
        display: none
    }

    .fullpage-modal .background .modal-view .content .form .adform-input-wrapper .error-text.active {
        display: block;
        color: #f55c66;
        font-size: 0.625rem;
        font-weight: 700;
        line-height: 0.875rem;
        margin-top: 0.375rem
    }

    .fullpage-modal .background .modal-view .content .form .adform-input,
    .fullpage-modal .background .modal-view .content .form .adform-textarea {
        border-radius: 4px;
        border: solid 1px #949494;
        color: #4a4a4a;
        box-sizing: border-box;
        font-family: inherit
    }

    .fullpage-modal .background .modal-view .content .form .adform-input:focus,
    .fullpage-modal .background .modal-view .content .form .adform-textarea:focus {
        outline: none;
        border: solid 1px #ff8700
    }

    .fullpage-modal .background .modal-view .content .form .adform-input.invalid,
    .fullpage-modal .background .modal-view .content .form .adform-textarea.invalid {
        border: 1px solid #f55c66 !important;
        color: #f55c66;
        background-color: rgba(245, 92, 102, .1019607843)
    }

    .fullpage-modal .background .modal-view .content .form .adform-input.invalid::placeholder,
    .fullpage-modal .background .modal-view .content .form .adform-textarea.invalid::placeholder {
        color: #f55c66
    }

    .fullpage-modal .background .modal-view .content .form .adform-input {
        height: 3rem;
        margin-bottom: 10px
    }

    .fullpage-modal .background .modal-view .content .form .adform-textarea {
        height: 6.25rem;
        margin-bottom: 4px
    }

    .fullpage-modal .background .modal-view .content .form .adform-button {
        height: 48px;
        border-radius: 54px;
        font-weight: 700;
        font-size: 0.875rem
    }

    .fullpage-modal .background .modal-view .content .form .adform-button.filled {
        margin-top: 1.25rem;
        background-color: #ff8700
    }

    .fullpage-modal .background .modal-view .content .form .adform-button.filled.whatsapp {
        background-color: #25d366;
        line-height: 1.25rem
    }

    .fullpage-modal .background .modal-view .content .form .adform-button.filled.whatsapp::before {
        width: 1.25rem;
        height: 1.25rem;
        content: "";
        background-image: url("images/whatsapp-icon-white.svg");
        background-size: 1.25rem 1.25rem;
        margin-right: 0.5rem
    }

    .fullpage-modal .background .modal-view .content .form .adform-button.hollow {
        margin-top: 0.625rem;
        border: solid 1px #ff8700;
        color: #ff8700
    }

    .fullpage-modal .background .modal-view .content .form .privacy-and-conditions {
        font-size: 0.75rem
    }

    .fullpage-modal .background .modal-view .content .form .privacy-and-conditions a {
        color: #0a0a0a;
        text-decoration: underline
    }

    .fullpage-modal .background .modal-view .content .form.hidden,
    .fullpage-modal .background .modal-view .content .whatsapp-multi-enquiry-container.hidden {
        display: none
    }

    .fullpage-modal .background .modal-view .content .whatsapp-multi-enquiry-container .on-success {
        font-family: HelveticaNeue-Medium, "Helvetica Neue", Helvetica, Arial, sans-serif;
        color: #484848;
        display: none;
        text-align: left
    }

    .fullpage-modal .background .modal-view .content .whatsapp-multi-enquiry-container .on-success__message {
        display: flex;
        padding: 0.625rem;
        align-items: flex-start;
        gap: 0.625rem;
        align-self: stretch;
        border-radius: 4px;
        background: rgba(26, 138, 122, .1);
        color: #1a8a7a
    }

    .fullpage-modal .background .modal-view .content .whatsapp-multi-enquiry-container .on-success__message__icon {
        background-image: url("images/icon-check-mark.svg");
        background-repeat: no-repeat;
        width: 1.5rem;
        height: 1.5rem;
        background-size: 1.5rem 1.5rem;
        flex-shrink: 0
    }

    .fullpage-modal .background .modal-view .content .whatsapp-multi-enquiry-container .whatsapp-multienquiry {
        border: 0.125rem solid #25d366;
        border-radius: 0.3125rem;
        font-size: 0.875rem;
        font-weight: 700;
        display: flex;
        align-items: center;
        justify-content: center;
        height: 2.5rem;
        background-color: #25d366;
        line-height: 1.25rem;
        color: #fff;
        width: 100%;
        margin-top: 0.5rem
    }

    .fullpage-modal .background .modal-view .content .whatsapp-multi-enquiry-container .whatsapp-multienquiry::before {
        width: 1.25rem;
        height: 1.25rem;
        content: "";
        background-image: url("images/whatsapp-icon-white.svg");
        background-size: 1.25rem 1.25rem;
        margin-right: 0.5rem
    }

    .fullpage-modal .background .modal-view .content .whatsapp-multi-enquiry-container .privacy-and-conditions {
        font-size: 0.75rem
    }

    .fullpage-modal .background .modal-view .content .whatsapp-multi-enquiry-container .privacy-and-conditions a {
        color: #0a0a0a;
        text-decoration: underline
    }

    .fullpage-modal.agency-phone-modal .content {
        text-align: center
    }

    .fullpage-modal.agency-phone-modal .content .agency-name {
        color: #4a4a4a;
        font-size: 1.125rem;
        padding: 0;
        margin-bottom: .25rem
    }

    .fullpage-modal.agency-phone-modal .content .phone-number {
        color: #36c
    }

    .fullpage-modal.agency-phone-modal .content .agency {
        display: flex;
        gap: 1.25rem;
        width: 100%;
        height: 100%;
        text-align: left;
        justify-content: center;
        align-items: center;
        font-style: normal;
        line-height: normal;
        margin-bottom: 0.625rem
    }

    .fullpage-modal.agency-phone-modal .content .agency__logo {
        position: relative
    }

    .fullpage-modal.agency-phone-modal .content .agency__logo img {
        width: 5.3125rem;
        height: 5.3125rem;
        border-radius: 50%;
        object-fit: cover;
        object-position: center
    }

    .fullpage-modal.agency-phone-modal .content .agency__logo .wl-agency-logo-premium,
    .fullpage-modal.agency-phone-modal .content .agency__logo__premium {
        width: 1.5rem;
        height: 1.5rem;
        background-color: #ff8700;
        border-radius: 50%;
        padding: 0.125rem;
        cursor: pointer
    }

    .fullpage-modal.agency-phone-modal .content .agency__logo .wl-agency-logo-premium .premium-icon,
    .fullpage-modal.agency-phone-modal .content .agency__logo__premium .premium-icon {
        border: none;
        filter: invert(100%) sepia(0%) saturate(0%) hue-rotate(3deg) brightness(105%) contrast(102%);
        width: 1.25rem;
        height: 1.25rem;
        vertical-align: unset
    }

    .fullpage-modal.agency-phone-modal .content .agency__logo__special-logo {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 2.5rem;
        height: 2.5rem;
        border-radius: 50%;
        border: 0.0625rem solid #999;
        flex-shrink: 0;
        color: #999
    }

    .fullpage-modal.agency-phone-modal .content .agency__logo .wl-agency-logo-premium {
        position: absolute;
        top: -0.125rem;
        right: 0
    }

    .fullpage-modal.agency-phone-modal .content .agency__logo__special-logo {
        width: 5.3125rem;
        height: 5.3125rem;
        font-size: 1.5625rem
    }

    .fullpage-modal.agency-phone-modal .content .agency .wl-agency-logo {
        --wl-agency-logo-size: 5.3125rem;
        --wl-agency-logo-font-size: 1.5625rem
    }

    .fullpage-modal.agency-phone-modal .content .agency__info {
        width: 100%;
        display: flex;
        flex-direction: column;
        align-items: baseline;
        justify-content: center
    }

    .fullpage-modal.agency-phone-modal .content .agency__name {
        color: #0a0a0a;
        font-size: 1.25rem;
        font-weight: 700
    }

    .fullpage-modal.agency-phone-modal .content .agency__phone {
        display: flex;
        padding: 0.625rem;
        align-items: center;
        gap: 0.625rem;
        border-radius: 0.25rem;
        background: rgba(51, 102, 204, .1);
        color: #1e4fb1;
        font-size: 1rem;
        font-weight: 400;
        text-decoration-line: underline
    }

    .fullpage-modal.agency-phone-modal .content .multienquiry {
        text-align: left
    }

    .fullpage-modal.agency-phone-modal .content .multienquiry .similar-snippet__info {
        padding: 0.625rem 0.5rem 2.125rem 0.5rem
    }

    .fullpage-modal.agency-phone-modal .content .multienquiry .similar-snippet__info__header {
        margin: 0
    }

    .fullpage-modal.agency-phone-modal .content .multienquiry .similar-snippet__info__header .header-title {
        -webkit-line-clamp: 1
    }

    .fullpage-modal.agency-phone-modal .content .multienquiry .similar-snippet__view-phone-check {
        background: none;
        position: absolute;
        bottom: 0;
        right: 0;
        left: 8.1875rem;
        font-size: 0.875rem;
        font-style: normal;
        line-height: normal;
        align-items: center;
        font-weight: 400;
        color: #0a0a0a;
        padding: 0.375rem 0.5rem
    }

    @media only screen and (min-width: 760px) {
        .fullpage-modal.agency-phone-modal .content .multienquiry .similar-snippet__view-phone-check {
            cursor: pointer
        }
    }

    .fullpage-modal.agency-phone-modal .content .multienquiry .similar-snippet__view-phone-check.agency__phone {
        text-decoration-line: none
    }

    .fullpage-modal.agency-phone-modal .content .multienquiry .similar-snippet__view-phone-check:has(input:checked) {
        background: rgba(51, 102, 204, .05);
        border-radius: 0.625rem;
        height: 100%;
        display: flex;
        align-items: flex-end
    }

    .fullpage-modal.agency-phone-modal .content .multienquiry .similar-snippet__view-phone-check:has(input:checked) .view-phone-check__text {
        margin-bottom: 0.125rem
    }

    @media only screen and (min-width: 760px) {
        .fullpage-modal.agency-phone-modal .content .multienquiry .similar-snippet__view-phone-check:has(input:checked) .view-phone-check__text {
            margin-bottom: 0.1875rem
        }
    }

    .fullpage-modal.agency-phone-modal .content .agency__phone:before,
    .fullpage-modal.agency-phone-modal .content .similar-snippet__view-phone-button:before {
        background-image: url("images/icon-phone_primary.svg");
        content: "";
        height: 1.5rem;
        width: 1.5rem;
        background-repeat: no-repeat;
        background-size: contain;
        flex-shrink: 0
    }

    .fullpage-modal.agency-phone-modal__info {
        display: flex;
        flex-direction: column;
        text-align: left
    }

    .fullpage-modal.agency-phone-modal__info .name {
        width: 100%;
        text-align: center;
        color: #0a0a0a;
        font-size: 1.125rem;
        letter-spacing: 0.02rem;
        line-height: 1.2
    }

    .fullpage-modal.agency-phone-modal__info a {
        display: flex;
        color: #0cf;
        font-size: 0.875rem;
        font-weight: 400;
        text-transform: capitalize
    }

    .fullpage-modal.email-inquiry-modal .content .message {
        font-size: 0.9375rem;
        margin-bottom: 12px
    }

    .fullpage-modal.email-inquiry-modal .content .adform-button {
        margin-bottom: .75rem
    }

    .fullpage-modal.email-inquiry-modal .content .privacy-and-conditions {
        font-size: .75rem
    }

    .fullpage-modal.email-inquiry-modal .content .privacy-and-conditions a {
        color: #36c;
        text-decoration: none
    }

    @media only screen and (min-width: 760px) {
        .fullpage-modal .background {
            background-color: rgba(0, 0, 0, .5)
        }

        .fullpage-modal .background .modal-view {
            height: auto;
            width: 447px;
            border-radius: 3px;
            overflow: hidden
        }

        .fullpage-modal .background .modal-view .header {
            background-color: #aaa
        }
    }

    .contact-form__publisher .publisher-name {
        font-size: 14px;
        font-weight: 600;
        color: #4d4d4d;
        margin-bottom: 0.625rem
    }

    .contact-form__publisher .agency-fully-verified,
    .contact-form__publisher .agency-semi-verified {
        display: flex;
        gap: 0.125rem;
        align-items: center
    }

    .contact-form__publisher .agency-fully-verified:after,
    .contact-form__publisher .agency-semi-verified:after {
        display: block;
        width: 0.9375rem;
        height: 0.9375rem;
        background-size: cover;
        content: ""
    }

    .contact-form__publisher .agency-fully-verified:after {
        background-image: url(images/verified-agent-green.webp), url(images/verified-agent-green.svg)
    }

    .contact-form__publisher .agency-semi-verified:after {
        background-image: url(images/verified-agent-black.webp), url(images/verified-agent-black.svg)
    }

    .contact-form__publisher .publisher-image {
        margin-bottom: 1rem;
        width: 7.1875rem;
        height: 2.5rem
    }

    .contact-form__publisher .publisher-image img {
        height: 100%;
        width: 100%;
        object-fit: cover
    }

    .contact-form .on-success {
        font-family: HelveticaNeue-Medium, "Helvetica Neue", Helvetica, Arial, sans-serif;
        color: #484848;
        display: none;
        text-align: left
    }

    .contact-form .on-success img {
        display: block;
        margin: 0 auto 20px auto
    }

    .contact-form .on-success__message {
        display: flex;
        padding: 0.625rem;
        align-items: flex-start;
        gap: 0.625rem;
        align-self: stretch;
        border-radius: 4px;
        background: rgba(26, 138, 122, .1);
        color: #1a8a7a
    }

    .contact-form .on-success__message__icon {
        background-image: url("images/icon-check-mark.svg");
        background-repeat: no-repeat;
        width: 1.5rem;
        height: 1.5rem;
        background-size: 1.5rem 1.5rem;
        flex-shrink: 0
    }

    .contact-form.submitted .form {
        display: none
    }

    .contact-form.submitted .form-mobile {
        display: none
    }

    .contact-form.submitted .on-success {
        display: flex
    }

    .contact-form .phone .feedback {
        display: none;
        margin-bottom: 15px;
        font-size: .8rem;
        color: red
    }

    .contact-form .phone.invalid .adform-input {
        margin-bottom: 4px;
        border-color: red !important
    }

    .contact-form .phone.invalid .feedback {
        display: block
    }

    .contact-form .adform-reference-id {
        font-size: 14px;
        color: #484848;
        padding-top: 4px
    }

    @media screen and (max-width: 760px) {
        .contact-form .adform-reference-id {
            padding-top: 6px
        }
    }

    .fullpage-modal .background .modal-view {
        border-radius: 0.625rem
    }

    .fullpage-modal .background .modal-view .header {
        background-color: #fff
    }

    .fullpage-modal .background .modal-view .header--project {
        background-color: #fff
    }

    .fullpage-modal .background .modal-view .header .title {
        color: #484848;
        font-size: 1.125rem
    }

    .fullpage-modal .background .modal-view .header .title--project {
        color: #484848
    }

    .fullpage-modal .background .modal-view .header .close {
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M23.7359 0.264112C24.088 0.616261 24.088 1.18721 23.7359 1.53936L13.2752 12L23.7359 22.4606L22.4606 23.7359L12 13.2752L1.53936 23.7359C1.18721 24.088 0.616261 24.088 0.264112 23.7359C-0.0880373 23.3837 -0.0880373 22.8128 0.264112 22.4606L10.7248 12L0.264112 1.53936L1.53936 0.264112L12 10.7248L22.4606 0.264112C22.8128 -0.0880373 23.3837 -0.0880373 23.7359 0.264112Z' fill='%23552D73'/%3E%3C/svg%3E");
        width: 1.5rem;
        height: 1.5rem;
        background-repeat: no-repeat;
        transform: scaleX(1);
        filter: invert(21%) sepia(74%) saturate(0%) hue-rotate(145deg) brightness(93%) contrast(108%)
    }

    .fullpage-modal .background .modal-view .header .close--project {
        text-indent: 100%;
        width: 48px;
        height: 48px;
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48' height='48' viewBox='0 0 48 48'%3E%3Cg fill='none' fill-rule='evenodd' stroke-linecap='round'%3E%3Cg stroke='%23552D73' stroke-width='2'%3E%3Cg%3E%3Cg%3E%3Cpath d='M0 0L24 24' transform='translate(-262.000000, -10.000000) translate(262.000000, 10.000000) translate(12.000000, 12.000000)'/%3E%3Cpath d='M0 0L24 24' transform='translate(-262.000000, -10.000000) translate(262.000000, 10.000000) translate(12.000000, 12.000000) translate(12.000000, 12.000000) rotate(-270.000000) translate(-12.000000, -12.000000)'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");
        background-repeat: no-repeat;
        transform: scaleX(1)
    }

    .fullpage-modal .background .modal-view .header .close--small-cross {
        background-image: none
    }

    .fullpage-modal .background .modal-view .content {
        color: #484848;
        border: none
    }

    .listing-tags {
        padding: 0.625rem;
        position: absolute;
        top: 0.3125rem;
        display: flex;
        gap: 0.3125rem;
        z-index: 2;
        width: 100%;
        flex-direction: row;
        flex-wrap: wrap
    }

    .listing-tag {
        padding: 0.3125rem 0.5rem;
        background: #36c;
        color: #fff;
        display: flex;
        gap: 0.3125rem;
        align-items: center;
        min-height: 1.1875rem;
        max-height: 1.1875rem;
        width: fit-content;
        min-width: fit-content;
        border-radius: 2.75rem;
        font-size: 0.5625rem;
        font-weight: 700;
        text-transform: uppercase;
        line-height: normal
    }

    .listing-tag wl-icon {
        --wl-icon-height: 0.875rem;
        --wl-icon-width: 0.875rem;
        width: 0.875rem;
        height: 0.875rem
    }

    .listing-tag.clear {
        background: #fff;
        color: #36c
    }

    .listing-tag.dark {
        background: rgba(0, 0, 0, .4);
        color: #fff
    }

    .listing-tag.square {
        border-radius: 0.25rem
    }

    .listing-tag.right {
        position: absolute;
        right: 0.9375rem;
        top: 0.75rem
    }

    .photos {
        display: flex;
        flex-direction: column;
        margin: 1rem 1rem 0;
        position: relative
    }

    .photos .adform-button {
        font-size: 1rem;
        margin: 1.25rem 0 0;
        width: unset;
        height: 48px;
        border-radius: 54px
    }

    .photos .adform-button.filled {
        background-color: #ff8700
    }

    .photos .adform-button.hollow {
        border: solid 1px #ff8700;
        color: #ff8700
    }

    .photos .swiper-container {
        aspect-ratio: 4/3 auto
    }

    .photos #view-phone-button {
        margin-top: 0
    }

    .photos #open-phone-modal-group-modal {
        margin-top: 0;
        margin-bottom: 12px
    }

    .project-page__wrapper__header .swiper-container {
        aspect-ratio: 4/3 auto
    }

    .swiper-container {
        width: 100%;
        height: 100%;
        overflow: hidden;
        position: relative
    }

    .swiper-container .swiper-pagination-container {
        position: absolute;
        bottom: 0;
        padding: 0 1rem 1rem;
        width: 100%;
        display: flex;
        justify-content: space-between;
        align-items: center;
        box-sizing: border-box;
        gap: 0.375rem
    }

    .swiper-container .swiper-pagination-container-hidden {
        display: none
    }

    .swiper-container .swiper-pagination-container .pagination-icon {
        border-radius: 0.25rem;
        background-color: rgba(0, 0, 0, .6);
        z-index: 3;
        display: flex;
        align-items: center;
        padding: 0.25rem;
        margin-right: auto
    }

    .swiper-container .swiper-pagination-container .pagination-icon img {
        width: 1.125rem;
        height: 1.125rem;
        margin: 0 0.375rem
    }

    .swiper-container .swiper-operation-type {
        display: flex;
        align-items: center;
        align-content: center;
        border-radius: 12px;
        background-color: #36c;
        padding-left: 0.625rem;
        padding-right: 0.625rem;
        height: 24px;
        z-index: 10;
        font-size: 0.875rem;
        font-weight: 500;
        color: #fff
    }

    .swiper-container .swiper-button-adform {
        --swiper-navigation-size: functions.pxToRem(14);
        width: 50px;
        height: 50px;
        color: #fff;
        border-radius: 0.25rem;
        font-weight: bolder;
        background-color: rgba(0, 0, 0, .6)
    }

    .swiper-container .swiper-button-container {
        position: absolute;
        height: 100%;
        top: 0;
        width: calc(var(--swiper-navigation-size)/44*27);
        cursor: pointer;
        z-index: 9999;
        border: none;
        outline: none
    }

    .swiper-container .swiper-button-container-next {
        right: 0
    }

    .swiper-container .swiper-button-container-prev {
        left: 0
    }

    .swiper-container .swiper-button-next {
        right: 1rem
    }

    .swiper-container .swiper-button-prev {
        left: 1rem
    }

    .swiper-container .swiper-pagination-adform {
        position: static;
        color: #fff;
        font-size: 0.875rem;
        height: 27px;
        width: 40px;
        display: flex;
        align-items: center;
        font-weight: bold
    }

    .swiper-container .swiper-pagination-adform--wrapper {
        border-radius: 0.25rem;
        z-index: 99;
        display: flex;
        justify-content: center;
        align-items: center;
        height: 1.375rem;
        padding: 0 0 0 0.4375rem;
        margin-right: .5rem
    }

    .swiper-container .swiper-pagination-adform--no-padding {
        padding: 0
    }

    .swiper-container .swiper-pagination-adform--align-left {
        margin-left: auto
    }

    .swiper-container .swiper-pagination-adform--photos-counter-better-information {
        min-width: auto;
        order: -1;
        margin-right: 0.375rem
    }

    @media screen and (min-width: 760px) {
        .swiper-container .swiper-pagination-adform--photos-counter-better-information {
            margin-right: auto
        }
    }

    .swiper-container .swiper-slide img {
        position: absolute;
        width: 100%;
        height: 100%;
        object-fit: cover;
        border-radius: 1.25rem
    }

    .swiper-container .swiper-slide img.clickable {
        cursor: zoom-in
    }

    .swiper-container .swiper-slide iframe {
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        width: 100%;
        height: 100%
    }

    .swiper-container .swiper-youtube-button-container {
        position: absolute;
        top: 40%;
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        z-index: 5
    }

    .swiper-container .swiper-youtube-button-container img {
        width: 68px
    }

    .swiper-container .swiper-youtube-button-container-hidden {
        display: none
    }

    .swiper-button-video {
        display: flex;
        justify-content: center;
        align-items: center;
        width: 80px;
        height: 35px;
        background-color: #fff;
        border-radius: 0.1875rem;
        z-index: 10;
        cursor: pointer
    }

    .swiper-button-video img {
        color: #36c;
        padding-right: 0.25rem;
        filter: brightness(0) saturate(100%) invert(37%) sepia(36%) saturate(2562%) hue-rotate(197deg) brightness(87%) contrast(82%)
    }

    .swiper-button-video span {
        font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
        font-weight: 500;
        font-size: 0.875rem;
        color: #313037
    }

    .swiper-button-video-selected span {
        color: #fff
    }

    @media screen and (max-width: 760px) {
        .swiper-button-video-selected {
            background-color: rgba(72, 72, 72, .86)
        }
    }

    @media screen and (max-width: 760px) {
        .swiper-button-video-lamudi {
            width: 42px
        }
    }

    .swiper-button-video-lamudi img {
        padding-right: 0;
        width: 28px;
        height: 22px
    }

    .swiper-button-video-lamudi-selected span {
        color: #fff
    }

    .swiper-button-video-lamudi-selected {
        background-color: #36c
    }

    .swiper-button-video-lamudi-selected img {
        filter: brightness(0) saturate(100%) invert(100%) sepia(100%) saturate(0%) hue-rotate(132deg) brightness(103%) contrast(103%)
    }

    .floor-plan-button,
    .virtual-tour-button {
        display: flex;
        justify-content: center;
        align-items: center;
        padding: 0 0.9375rem;
        height: 35px;
        background-color: #fff;
        border-radius: 0.1875rem;
        z-index: 10;
        cursor: pointer
    }

    .floor-plan-button .floor-plan-icon,
    .virtual-tour-button .floor-plan-icon {
        margin-right: 0.25rem
    }

    .floor-plan-button img,
    .virtual-tour-button img {
        padding-right: 0.25rem;
        filter: brightness(0) saturate(100%) invert(37%) sepia(36%) saturate(2562%) hue-rotate(197deg) brightness(87%) contrast(82%)
    }

    @media screen and (max-width: 760px) {

        .floor-plan-button img,
        .virtual-tour-button img {
            padding-right: 0
        }
    }

    .floor-plan-button span,
    .virtual-tour-button span {
        font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
        font-weight: 500;
        font-size: 0.875rem
    }

    .floor-plan-button.selected span,
    .virtual-tour-button.selected span {
        color: #fff
    }

    .floor-plan-button.selected img.floor-plan-icon,
    .virtual-tour-button.selected img.floor-plan-icon {
        filter: brightness(0) saturate(100%) invert(100%) sepia(100%) saturate(0%) hue-rotate(132deg) brightness(103%) contrast(103%)
    }

    .floor-plan-button.selected img,
    .virtual-tour-button.selected img {
        filter: invert(100%) sepia(99%) saturate(20%) hue-rotate(342deg) brightness(105%) contrast(100%)
    }

    .floor-plan-button.selected,
    .virtual-tour-button.selected {
        background-color: #36c
    }

    .virtual-tour-button img {
        filter: brightness(0) saturate(100%) invert(37%) sepia(36%) saturate(2562%) hue-rotate(197deg) brightness(87%) contrast(82%)
    }

    .virtual-tour-button.selected img {
        filter: brightness(0) saturate(100%) invert(100%) sepia(100%) saturate(0%) hue-rotate(132deg) brightness(103%) contrast(103%)
    }

    .shadow-background {
        top: 0;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
        position: absolute;
        z-index: 3;
        background-color: rgba(0, 0, 0, .5);
        height: 100%;
        width: 100%;
        cursor: pointer
    }

    .shadow-background .go-to-form {
        width: 11.3125rem;
        height: 2.375rem;
        margin-top: 0.9375rem;
        border-radius: 0.25rem;
        background-color: #36c;
        justify-content: center;
        align-items: center;
        display: flex
    }

    .shadow-background .go-to-form span {
        color: #fff;
        padding: inherit
    }

    .shadow-background .last-image-text {
        color: #fff
    }

    @media only screen and (min-width: 760px) {
        .photos {
            margin: 30px 0 0;
            max-width: 652px
        }

        .swiper-container {
            width: 652px
        }

        .swiper-container .swiper-pagination-adform--photos-counter-better-information {
            margin-right: 0.375rem
        }
    }

    @media only screen and (min-width: 1024px) {
        .photos {
            max-width: 751px
        }

        .swiper-container {
            width: 751px
        }
    }

    .prices-and-fees {
        display: flex;
        flex-direction: column;
        padding-bottom: 0.5rem
    }

    @media only screen and (min-width: 760px) {
        .prices-and-fees {
            padding: 0
        }
    }

    @media screen and (max-width: 760px) {
        .prices-and-fees {
            font-family: Roboto, HelveticaNeue-Medium, "Helvetica Neue", Helvetica, Arial, sans-serif;
            font-style: normal;
            font-weight: 500;
            margin: 0 1.3125rem;
            border: none
        }
    }

    .prices-and-fees__price {
        font-size: 1.5rem;
        font-weight: 600;
        white-space: nowrap;
        align-items: flex-end;
        color: #36c
    }

    .prices-and-fees__price.multiple.rent {
        color: #999
    }

    @media screen and (max-width: 760px) {
        .prices-and-fees__price {
            font-family: Roboto, HelveticaNeue-Bold, "Helvetica Neue", Helvetica, Arial, sans-serif;
            font-style: normal;
            font-weight: 700;
            font-size: 1.375rem
        }
    }

    .prices-and-fees__month {
        display: inline;
        font-size: 1rem
    }

    .prices-and-fees__price-and-labels {
        display: flex;
        row-gap: 0.25rem;
        column-gap: 0.625rem;
        flex-wrap: wrap
    }

    .prices-and-fees .listing-tag {
        color: #fff;
        background-color: #36c;
        min-width: 3.75rem
    }

    .prices-and-fees .listing-tag.rent.multiple {
        background-color: #999
    }

    .prices-and-fees__price-item {
        display: flex;
        flex-direction: row;
        color: rgba(72, 72, 72, .7);
        align-items: center;
        margin: 0;
        min-width: initial;
        justify-content: initial;
        font-size: 1.5rem;
        font-weight: 700;
        gap: 0.3125rem
    }

    @media only screen and (min-width: 760px) {
        .prices-and-fees__price-item {
            color: #484848;
            min-width: 9.8125rem
        }
    }

    .prices-and-fees__price-item+.prices-and-fees__price-item {
        padding-top: 0
    }

    .prices-and-fees__bank-property {
        display: flex;
        align-items: center;
        justify-content: right;
        gap: 0.25rem;
        color: #36c;
        font-size: 0.875rem;
        font-weight: 400;
        line-height: 1.191875rem;
        flex-wrap: nowrap;
        text-wrap: nowrap
    }

    .prices-and-fees__bank-property::before {
        content: "";
        width: 1.5rem;
        height: 1.5rem;
        background-image: url(images/foreclosuresTag.webp);
        background-repeat: no-repeat;
        background-size: contain;
        position: relative;
        top: -0.0625rem
    }

    .prices-and-fees__suitable-for-credit {
        display: flex;
        flex-direction: row;
        justify-content: flex-end;
        align-items: center;
        color: #01b4a0;
        font-size: 0.8125rem;
        margin-top: 0.3125rem
    }

    @media screen and (max-width: 760px) {
        .prices-and-fees__suitable-for-credit {
            justify-content: flex-start;
            background-color: rgba(1, 180, 160, .1019607843);
            border-radius: 7px;
            font-size: 0.875rem;
            margin-top: 0.5rem;
            padding: 0.3125rem 0.5rem;
            width: fit-content
        }
    }

    .prices-and-fees__suitable-for-credit-icon {
        background-image: url(images/ic-aptocredito.svg);
        background-repeat: no-repeat;
        width: .75rem;
        height: .75rem;
        margin-right: 0.25rem
    }

    .prices-and-fees__community-fees {
        display: grid;
        grid-template-columns: 1fr;
        font-size: 0.875rem;
        color: #36c;
        background-color: #eeeef7;
        padding: .3rem;
        border-radius: 0.25rem;
        gap: 0.25rem
    }

    .prices-and-fees__community-fees__title,
    .prices-and-fees__community-fees__community-price {
        display: flex;
        justify-content: flex-end;
        text-wrap: nowrap
    }

    @media screen and (max-width: 760px) {
        .prices-and-fees__community-fees {
            display: flex;
            justify-content: center;
            align-items: center;
            height: 1.5rem;
            margin-top: 0.3125rem;
            margin-bottom: 0.5rem;
            padding: 0 .75rem;
            border-radius: 0.5rem;
            flex: none
        }
    }

    @media only screen and (min-width: 760px) {
        .prices-and-fees__community-fees {
            margin: 0.25rem 0
        }
    }

    .prices-and-fees__community-price {
        font-family: HelveticaNeue-Medium, "Helvetica Neue", Helvetica, Arial, sans-serif;
        font-weight: 500;
        padding-left: 5px
    }

    .lower-price {
        color: #36c;
        cursor: pointer;
        text-decoration: underline;
        margin: 0.125rem 0
    }

    .lower-price span {
        display: flex;
        flex-direction: row;
        align-items: center;
        gap: 0.25rem;
        width: max-content
    }

    .lower-price span:before {
        content: "";
        background-image: url(images/icon-dollar-outlined.svg);
        width: 0.9375rem;
        height: 0.9375rem
    }

    .modal-lower-price {
        color: #0a0a0a
    }

    .modal-lower-price__container {
        color: #4a4a4a;
        display: flex;
        flex-direction: column;
        gap: 0.625rem
    }

    .modal-lower-price__container .adform-input {
        margin: 0
    }

    .modal-lower-price__container .error-input {
        border: 1px solid #f55c66;
        color: #f55c66;
        background-color: rgba(245, 92, 102, .1019607843)
    }

    .modal-lower-price__container .error-input::placeholder {
        color: #f55c66
    }

    .modal-lower-price__container .error-text {
        display: block;
        color: #f55c66;
        font-weight: 700;
        font-size: 0.75rem;
        line-height: 0.875rem
    }

    .modal-lower-price__legal {
        font-size: 0.75rem
    }

    .modal-lower-price__legal p {
        margin: 0.625rem 0 0 0
    }

    .modal-lower-price__legal p a {
        color: #0a0a0a;
        text-decoration: underline
    }

    .modal-lower-price__close {
        margin-top: 0.625rem
    }

    .modal-lower-price__correct span {
        font-weight: 700
    }

    .right-details .prices-and-fees {
        margin: 0
    }

    .right-details .prices-and-fees__price-item {
        justify-content: end
    }

    .gallery {
        width: 100%;
        height: 100%;
        position: fixed;
        top: 0;
        z-index: 100;
        background-color: #fff;
        display: none
    }

    .gallery__header {
        display: flex;
        justify-content: space-between;
        padding: 0.375rem 0.625rem 0.375rem 0.875rem;
        align-items: center;
        border-bottom: 1px solid #d8d8d8
    }

    .gallery__header .title {
        color: #484848;
        font-family: Roboto, "Helvetica Neue", Helvetica, Arial, sans-serif;
        font-size: 1rem;
        font-weight: bold
    }

    .gallery__header .close img {
        width: 48px;
        height: 48px
    }

    .gallery__photos-counter {
        display: flex;
        padding: 1.25rem 1.125rem 1.3125rem 1.0625rem;
        color: #484848;
        font-family: Roboto, "Helvetica Neue", Helvetica, Arial, sans-serif;
        font-size: 1.125rem;
        font-weight: bold
    }

    .gallery__photos-container {
        display: flex;
        flex-direction: column;
        overflow-y: scroll;
        height: calc(100vh - 184px)
    }

    .gallery__image {
        width: 100%;
        height: 15.4375rem;
        margin-bottom: 0.625rem
    }

    .gallery__image img {
        width: 100%;
        height: 100%;
        object-fit: cover
    }

    .gallery {
        background-color: #0a0a0a;
        position: fixed;
        z-index: 16;
        height: 100%;
        width: 100%;
        top: 0;
        display: none
    }

    .gallery--visible {
        display: flex
    }

    .gallery__back {
        padding: 0.9375rem;
        position: absolute;
        right: 0.9375rem
    }

    .gallery__back::after {
        content: "";
        width: 1.125rem;
        height: 1.125rem;
        display: inline-block;
        margin-left: auto;
        margin-top: 0.625rem;
        background: linear-gradient(45deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 43%, #0A0A0A 45%, #0A0A0A 55%, rgba(0, 0, 0, 0) 57%, rgba(0, 0, 0, 0) 100%), linear-gradient(135deg, transparent 0%, transparent 43%, #0A0A0A 45%, #0A0A0A 55%, transparent 57%, transparent 100%)
    }

    .gallery__photos {
        flex: 1 1 70%;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 0;
        padding: 0 1.25rem
    }

    .gallery__photos-swiper {
        background: #0a0a0a;
        margin-bottom: 1.875rem;
        position: relative
    }

    .gallery__photos-swiper .swiper-slide {
        max-height: 40.625rem;
        width: 100%;
        aspect-ratio: 4/3
    }

    .gallery__photos-slider {
        padding: 1rem 0;
        overflow-x: scroll;
        display: flex;
        width: 100%
    }

    .gallery__photos-slider::-webkit-scrollbar {
        width: 0;
        background: rgba(0, 0, 0, 0)
    }

    .gallery__form {
        flex: 1 1 30%;
        background-color: #fff;
        padding: 0 0.625rem;
        display: flex;
        flex-direction: column
    }

    .gallery__form .contact-form {
        margin-top: auto;
        margin-bottom: auto
    }

    .gallery__form .contact-form .content {
        box-shadow: none
    }

    .gallery__slide {
        width: 7.5rem;
        height: 5.625rem;
        flex-shrink: 0
    }

    .gallery__slide:not(:last-child) {
        margin-right: 0.3125rem
    }

    .gallery__slide img {
        width: 100%;
        height: 100%;
        object-fit: cover
    }

    .gallery__slide--selected {
        border: 2px solid #36c
    }

    .gallery__slider-container {
        display: flex
    }

    .gallery .swiper-container {
        max-height: 100%
    }

    .gallery .swiper-container .swiper-slide img {
        object-fit: contain
    }

    @media only screen and (min-width: 1024px) {
        .gallery__back {
            cursor: pointer
        }
    }

    @media only screen and (min-width: 1280px) {
        .gallery .swiper-container {
            width: 51.9375rem;
            height: 33.125rem
        }
    }

    @media only screen and (min-width: 1440px) {
        .gallery .swiper-container {
            width: 56.25rem;
            height: 40.625rem
        }
    }

    @media screen and (min-width: 760px) {
        .detail-page-project {
            height: 18.75rem;
            position: relative;
            display: flex
        }

        .detail-page-project__image {
            height: 100%;
            width: 18.125rem
        }

        .detail-page-project__image img {
            width: 100%;
            height: 100%;
            object-fit: cover
        }

        .detail-page-project__data {
            flex-grow: 1;
            padding-left: 0.625rem;
            display: flex;
            flex-direction: column
        }

        .detail-page-project__units {
            display: flex;
            margin-bottom: 1.3125rem
        }

        .detail-page-project__units .unit {
            background-color: #fff;
            flex-grow: 1;
            height: 5.3125rem;
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
            border-radius: 0.1875rem
        }

        .detail-page-project__units .unit:first-child {
            margin-right: 0.5rem
        }

        .detail-page-project__units .unit:last-child {
            margin-left: 0.5rem
        }

        .detail-page-project__units .unit span:first-child {
            color: #333;
            font-weight: 700
        }

        .detail-page-project__units .unit span:last-child {
            color: #36c;
            font-weight: 300
        }

        .detail-page-project__operation-types {
            display: flex;
            margin-bottom: 1.25rem
        }

        .detail-page-project__operation-types .operation-type {
            padding: 1.25rem 1.875rem;
            background-color: #fff;
            border-radius: 3px;
            flex-grow: 1
        }

        .detail-page-project__operation-types .operation-type:first-child {
            margin-right: 0.9375rem
        }

        .detail-page-project__operation-types .operation-type .operation {
            color: #484848;
            font-weight: bold;
            font-size: 18px
        }

        .detail-page-project__operation-types .operation-type .price {
            color: #484848;
            font-weight: 400;
            font-size: 16px
        }

        .detail-page-project__operation-types .operation-type .units {
            color: #36c;
            font-weight: 400;
            font-size: 16px
        }

        .detail-page-project__operation-types span {
            display: block;
            text-align: center;
            padding-bottom: 5px
        }

        .detail-page-project__characteristics {
            background-color: #fafafa;
            border-radius: 3px;
            flex-grow: 1;
            padding-left: 1.25rem;
            padding-top: 0.3125rem
        }

        .detail-page-project__characteristics .characteristic {
            margin-bottom: 0.1875rem
        }

        .detail-page-project__characteristics .characteristic span:first-child {
            color: #484848;
            font-weight: 500;
            font-family: HelveticaNeue-Medium, "Helvetica Neue", Helvetica, Arial, sans-serif;
            line-height: 1.5
        }

        .detail-page-project__characteristics .characteristic span:last-child {
            color: #484848
        }

        .detail-page-project__link {
            position: absolute;
            bottom: 1.5625rem;
            right: 0.625rem;
            color: #36c
        }

        .detail-page-project__facilities {
            margin-bottom: 1.25rem
        }

        .detail-page-project__facilities .project-facilities {
            display: grid;
            grid-template-columns: auto auto auto;
            padding-left: 1rem
        }

        .detail-page-project__facilities .project-facilities div {
            display: list-item;
            padding-bottom: 0.5rem
        }

        .detail-page-project__facilities .project-facilities__view-more {
            display: block;
            font-size: 1rem;
            color: #36c;
            text-decoration: underline;
            cursor: pointer;
            text-align: center
        }
    }

    @media screen and (max-width: 760px) {
        .detail-page-project {
            font-family: "Open Sans", Helvetica, Arial, sans-serif;
            font-style: normal;
            font-weight: 400;
            padding: 0 1.125rem
        }

        .detail-page-project__image {
            height: 10.625rem;
            border-radius: 10px;
            overflow: hidden
        }

        .detail-page-project__image img {
            height: 100%;
            width: 100%;
            object-fit: cover
        }

        .detail-page-project__name {
            font-weight: 500;
            color: #0a0a0a;
            margin: 0.75rem 0
        }

        .detail-page-project__status {
            color: #fff;
            background-color: #36c;
            border-radius: 12px;
            padding: 0.25rem 0.75rem;
            display: inline-block;
            font-size: 14px;
            font-weight: 500
        }

        .detail-page-project__units {
            display: flex;
            margin-bottom: 1.3125rem;
            margin-top: 1.25rem
        }

        .detail-page-project__units .unit {
            background-color: #f4f4f4;
            flex-grow: 1;
            height: 5.3125rem;
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
            border-radius: 0.625rem
        }

        .detail-page-project__units .unit:first-child {
            margin-right: 0.5rem
        }

        .detail-page-project__units .unit:last-child {
            margin-left: 0.5rem
        }

        .detail-page-project__units .unit span:first-child {
            color: #333;
            font-weight: 700
        }

        .detail-page-project__units .unit span:last-child {
            color: #36c;
            font-weight: 300
        }

        .detail-page-project__operation-types {
            display: flex;
            margin-top: 1.5625rem
        }

        .detail-page-project__operation-types .operation-type {
            padding: 1.75rem 1.875rem;
            background-color: #f2f2f2;
            border-radius: 10px;
            flex-grow: 1
        }

        .detail-page-project__operation-types .operation-type:first-child {
            margin-right: 0.9375rem
        }

        .detail-page-project__operation-types .operation-type .operation {
            color: #484848;
            font-weight: bold;
            font-size: 18px
        }

        .detail-page-project__operation-types .operation-type .price {
            color: #484848;
            font-weight: 200;
            font-size: 16px
        }

        .detail-page-project__operation-types .operation-type .units {
            color: #36c;
            font-weight: 200;
            font-size: 16px;
            font-family: "Open Sans", Helvetica, Arial, sans-serif;
            font-weight: 500
        }

        .detail-page-project__operation-types span {
            display: block;
            text-align: center;
            padding-bottom: 5px
        }

        .detail-page-project__characteristics {
            display: flex;
            flex-wrap: wrap;
            padding-left: 1.125rem;
            margin-bottom: 3.125rem
        }

        .detail-page-project__characteristics .characteristic {
            flex-basis: 50%;
            padding: 0.3125rem 0.3125rem;
            color: #0a0a0a
        }

        .detail-page-project__link {
            color: #36c;
            padding-bottom: 2.1875rem;
            display: flex;
            justify-content: flex-end
        }

        .detail-page-project .section-title {
            margin-top: 0
        }

        .detail-page-project .separator {
            padding: 0 !important
        }
    }

    .contact-form .on-success {
        padding: 1rem 1.25rem;
        flex-direction: column;
        align-items: flex-start;
        gap: 1.25rem
    }

    .contact-form .on-success__multienquiry-wrapper--hidden {
        display: none
    }

    .multienquiry {
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 10px;
        align-self: stretch;
        font-style: normal;
        line-height: normal
    }

    .multienquiry__contact-label {
        color: #0a0a0a;
        font-size: 1rem;
        font-weight: 400
    }

    .multienquiry__message {
        display: none
    }

    .multienquiry__similars-wrapper {
        display: flex;
        flex-direction: column;
        gap: 0.625rem
    }

    .multienquiry__similars-wrapper .similar-snippet {
        position: relative
    }

    .multienquiry__similars-wrapper .similar-snippet-form:has(input:checked) {
        background: rgba(51, 102, 204, .05);
        border-radius: 0.625rem
    }

    .multienquiry__similars-wrapper .similar-snippet a {
        display: flex;
        flex-direction: row;
        gap: 0.625rem;
        color: #0a0a0a;
        font-weight: 700;
        padding: 0;
        text-decoration: none
    }

    .multienquiry__similars-wrapper .similar-snippet a.view-phone-check__phone {
        color: #1e4fb1;
        font-weight: 400;
        font-size: 1rem;
        text-decoration: underline
    }

    .multienquiry__similars-wrapper .similar-snippet a.view-phone-check__phone.hidden {
        display: none
    }

    .multienquiry__similars-wrapper .similar-snippet__image {
        display: flex;
        justify-content: center;
        align-items: center
    }

    .multienquiry__similars-wrapper .similar-snippet__image img {
        width: 7.5625rem;
        height: 7.5625rem;
        border-radius: 0.625rem;
        position: relative;
        object-fit: cover;
        margin: 0
    }

    .multienquiry__similars-wrapper .similar-snippet__info {
        display: flex;
        flex-direction: column;
        gap: 0.375rem;
        width: 100%
    }

    .multienquiry__similars-wrapper .similar-snippet__info__header {
        margin-right: 2.125rem
    }

    .multienquiry__similars-wrapper .similar-snippet__info__header .header-title {
        color: #36c;
        font-size: 0.875rem;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 3;
        overflow: hidden
    }

    .multienquiry__similars-wrapper .similar-snippet__info__location {
        font-size: 0.75rem;
        display: flex;
        align-items: center;
        overflow: hidden;
        gap: 0.125rem
    }

    .multienquiry__similars-wrapper .similar-snippet__info__location .location__icon {
        background-image: url("images/icon-map-pointer.svg");
        background-repeat: no-repeat;
        width: .75rem;
        height: .75rem;
        background-size: .75rem .75rem;
        flex-shrink: 0
    }

    .multienquiry__similars-wrapper .similar-snippet__info__location .location__text {
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 1
    }

    .multienquiry__similars-wrapper .similar-snippet__info__price {
        font-size: 1.125rem
    }

    .multienquiry__similars-wrapper .similar-snippet__info__details {
        font-size: 0.75rem;
        display: flex;
        gap: 0.625rem
    }

    .multienquiry__similars-wrapper .similar-snippet__info__details .details-item {
        display: flex;
        gap: 0.25rem
    }

    .multienquiry__similars-wrapper .similar-snippet__info__details .details-item__icon {
        width: 1rem;
        height: 1rem;
        background-repeat: no-repeat;
        background-size: 1rem 1rem
    }

    .multienquiry__similars-wrapper .similar-snippet__info__details .details-item .bedrooms {
        background-image: url("images/icon-beds.svg")
    }

    .multienquiry__similars-wrapper .similar-snippet__info__details .details-item .bathrooms {
        background-image: url("images/icon-bath.svg")
    }

    .multienquiry__similars-wrapper .similar-snippet__info__details .details-item .area {
        background-image: url("images/icon-area.svg")
    }

    .multienquiry__similars-form {
        display: flex;
        flex-direction: column;
        gap: 0.625rem
    }

    .multienquiry-checkbox {
        width: 1.5rem;
        height: 1.5rem;
        cursor: pointer;
        margin-left: auto
    }

    .multienquiry-checkbox-form {
        position: absolute;
        right: 0.4375rem;
        top: 0.4375rem
    }

    .multienquiry-checkbox:checked {
        accent-color: #36c
    }

    .multienquiry__button--disabled,
    .multienquiry__button.adform-button--disabled {
        border: none;
        cursor: default;
        pointer-events: none;
        opacity: .35
    }

    .multienquiry__privacy-and-conditions {
        font-size: 0.75rem
    }

    .multienquiry__privacy-and-conditions a {
        color: #0a0a0a;
        text-decoration: underline
    }

    .mortgage-calculator {
        --wl-range-item-border-color: #999999;
        --wl-range-item-color: #4a4a4a;
        --wl-range-item-height: 2.625rem;
        margin: 0 0 1.875rem 0;
        display: flex;
        flex-direction: column;
        padding: 0 1.3125rem
    }

    .mortgage-calculator__title {
        font-size: 1.125rem;
        font-weight: 700;
        line-height: 1.5625rem;
        margin-bottom: 0.9375rem
    }

    .mortgage-calculator__content {
        display: flex;
        flex-direction: column;
        gap: 0.625rem;
        width: 100%
    }

    .mortgage-calculator__content .configurator {
        display: flex;
        flex-direction: column;
        padding: 1.25rem;
        gap: 1.25rem;
        border-radius: 0.625rem;
        border: 0.0625rem solid rgba(51, 102, 204, .4);
        width: 100%;
        position: relative
    }

    .mortgage-calculator__content .configurator__subtitle {
        color: #4a4a4a;
        font-size: 1rem;
        font-weight: 400;
        line-height: 1.361875rem
    }

    .mortgage-calculator__content .configurator__footnote {
        margin: 0;
        font-size: 0.625rem;
        font-weight: 400;
        line-height: 0.85125rem
    }

    .mortgage-calculator__content .configurator>* {
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: space-between;
        gap: 0.625rem;
        --wl-range-slider-max-width: 100%;
        width: 100%;
        position: relative
    }

    .mortgage-calculator__content .configurator>* label {
        display: flex;
        align-items: center;
        justify-content: flex-start;
        width: 4.625rem;
        height: 100%;
        color: #0a0a0a;
        font-size: 0.875rem;
        font-weight: 700;
        line-height: 1.191875rem
    }

    .mortgage-calculator__content .configurator>* .post-label {
        margin-left: -0.3125rem;
        width: auto
    }

    .mortgage-calculator__content .configurator>* :not(label) {
        flex: 1 1 0
    }

    .mortgage-calculator__content .configurator__amount {
        flex-direction: row
    }

    .mortgage-calculator__content .configurator__amount label {
        position: static;
        align-items: flex-start
    }

    .mortgage-calculator__content .configurator__amount .post-label {
        padding-top: 0.75rem
    }

    .mortgage-calculator__content .details {
        display: flex;
        flex-direction: column;
        background-color: #f7f8fa;
        padding: 1.25rem;
        gap: 0.625rem;
        border-radius: 0.625rem;
        width: 100%;
        font-size: 0.875rem;
        font-weight: 400;
        line-height: 1.191875rem
    }

    .mortgage-calculator__content .details .monthly-payment,
    .mortgage-calculator__content .details .mortgage-total {
        height: 4.3125rem;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        color: #0a0a0a
    }

    .mortgage-calculator__content .details .monthly-payment__subtitle,
    .mortgage-calculator__content .details .mortgage-total__subtitle {
        font-size: 1.125rem;
        line-height: 1.531875rem
    }

    .mortgage-calculator__content .details .monthly-payment__amount,
    .mortgage-calculator__content .details .mortgage-total__amount {
        font-size: 1.5rem;
        font-weight: 700;
        line-height: 2.0425rem
    }

    .mortgage-calculator__content .details__separator {
        border-bottom: 0.0625rem solid rgba(51, 102, 204, .2)
    }

    .mortgage-calculator__content .details .chart {
        display: flex;
        align-items: center;
        justify-content: center;
        height: 7.5625rem;
        width: 100%;
        color: #0a0a0a;
        gap: 1.25rem;
        margin: 0.625rem 0
    }

    .mortgage-calculator__content .details .chart__canvas {
        height: 7.5625rem;
        width: 7.5625rem
    }

    .mortgage-calculator__content .details .chart__legend {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        justify-content: center;
        list-style-type: none;
        gap: 0.625rem;
        margin: 0;
        padding: 0
    }

    .mortgage-calculator__content .details .chart__legend li {
        display: flex;
        gap: 0.625rem;
        align-items: center;
        justify-content: flex-start
    }

    .mortgage-calculator__content .details .chart__legend li::before {
        display: inline-block;
        content: "";
        width: 0.875rem;
        height: 0.875rem;
        border-radius: 0.21875rem
    }

    .mortgage-calculator__content .details .chart__legend li:nth-child(1)::before {
        background-color: #ea7c00
    }

    .mortgage-calculator__content .details .chart__legend li:nth-child(2)::before {
        background-color: rgba(51, 102, 204, .4)
    }

    .mortgage-calculator__content .details .chart__legend li:nth-child(3)::before {
        background-color: #0cf
    }

    .mortgage-calculator__content .details .chart__legend li:nth-child(4)::before {
        background-color: #1e4fb1
    }

    .mortgage-calculator__content .details .mortgage-plan {
        display: flex;
        flex-direction: column;
        gap: 0.625rem;
        align-items: center;
        justify-content: center
    }

    .mortgage-calculator__content .details .mortgage-plan .mortgage-plan__button {
        --wl-button-size-medium-padding: 0.625rem 0.625rem
    }

    .mortgage-calculator__content .details .mortgage-plan__description {
        margin: 0;
        text-align: center
    }

    .mortgage-calculator__content .details .mortgage-plan__description .bold {
        font-weight: 700
    }

    .mortgage-calculator__modal .mortgage-modal {
        --wl-modal-padding: 1.5625rem;
        --wl-modal-header-padding-top: 0.3125rem;
        --wl-modal-header-padding-bottom: 0rem;
        --wl-modal-body-top-padding: 0rem;
        --wl-button-width: 100%;
        --wl-modal-header-font-size: 1.0625rem;
        --wl-modal-footer-bottom-padding: 0.625rem
    }

    .mortgage-calculator__modal .mortgage-modal .invalid {
        border: 0.0625rem solid red !important;
        outline: none
    }

    .mortgage-calculator__modal .mortgage-modal-content {
        display: flex;
        flex-direction: column;
        gap: 0.625rem;
        font-size: 0.875rem
    }

    .mortgage-calculator__modal .mortgage-modal-content__text {
        color: #4a4a4a;
        font-weight: 400
    }

    .mortgage-calculator__modal .mortgage-modal-content__form input:focus {
        outline: none;
        border-color: #36c
    }

    .mortgage-calculator__modal .mortgage-modal-content__form .timeToBuy {
        --wl-control-width: 100%;
        --wl-control-content-width: 100%
    }

    .mortgage-calculator__modal .mortgage-modal-content__form__checkbox {
        font-size: 0.875rem;
        display: flex;
        --wl-checkbox-align-items: flex-start
    }

    .mortgage-calculator__modal .mortgage-modal-content input {
        width: 100%;
        height: 2.625rem;
        border: 0.0625rem solid #999;
        border-radius: 0.25rem;
        padding: 0.625rem;
        gap: 0.625rem
    }

    .mortgage-calculator__modal .mortgage-modal .modal-footer .mortgage-modal-footer {
        display: flex;
        flex-direction: column;
        gap: 0.3125rem;
        justify-content: flex-start;
        width: 100%
    }

    .mortgage-calculator__modal .mortgage-modal .modal-footer .mortgage-modal-footer__legal a {
        color: #0a0a0a;
        text-decoration: underline
    }

    .mortgage-calculator__modal .mortgage-modal .modal-footer .mortgage-modal-footer__legal a:focus {
        outline: none
    }

    .mortgage-calculator__modal .mortgage-modal .modal-footer .mortgage-modal-footer__legal {
        font-size: 0.625rem
    }

    .mortgage-calculator__modal .mortgage-modal .modal-footer .mortgage-modal-close {
        display: flex;
        justify-content: flex-start;
        width: 100%
    }

    .mortgage-calculator__modal .mortgage-modal .hidden {
        display: none !important
    }

    @media only screen and (min-width: 375px) {
        .mortgage-calculator__modal .mortgage-modal {
            --wl-modal-header-padding-top: 0.625rem;
            --wl-modal-header-padding-bottom: 0.625rem;
            --wl-modal-padding: 1.875rem;
            --wl-modal-header-font-size: 1.25rem;
            --wl-modal-footer-bottom-padding: 1.875rem
        }

        .mortgage-calculator__modal .mortgage-modal-content {
            font-size: 1rem
        }

        .mortgage-calculator__modal .mortgage-modal .modal-footer .mortgage-modal-footer__legal {
            font-size: 0.75rem
        }
    }

    @media only screen and (min-width: 600px) {
        .mortgage-calculator__content {
            display: grid;
            grid-template-columns: 1fr 1fr
        }

        .mortgage-calculator__content .configurator>* {
            gap: 1.25rem
        }

        .mortgage-calculator__content .configurator .post-label {
            margin-left: -0.9375rem
        }

        .mortgage-calculator__content .details .chart {
            margin: 1.75rem 0
        }

        .mortgage-calculator__content .details .button-separator {
            display: none
        }

        .mortgage-calculator__content .details .mortgage-plan {
            border-radius: 0.625rem;
            padding: 1.25rem;
            border: 0.0625rem solid rgba(51, 102, 204, .4)
        }
    }

    @media only screen and (min-width: 760px) {
        .mortgage-calculator {
            padding: 0
        }
    }

    @media only screen and (min-width: 1024px) {
        .mortgage-calculator__content .details .mortgage-plan .mortgage-plan__button {
            --wl-button-size-medium-padding: 0.625rem 1rem
        }
    }

    @media only screen and (min-width: 1280px) {
        .mortgage-calculator__content .details .mortgage-plan .mortgage-plan__button {
            --wl-button-size-medium-padding: 0.625rem 1.5rem
        }
    }

    .short-term {
        padding: 0 1.3125rem 1.3125rem 1.3125rem
    }

    @media only screen and (min-width: 760px) {
        .short-term {
            padding-left: 0;
            padding-right: 0
        }
    }

    .short-term-container {
        padding: 1rem;
        width: 100%;
        display: flex;
        flex-direction: column;
        gap: 16px;
        background: rgba(51, 102, 204, .1);
        font-size: 0.875rem;
        border-radius: 0.25rem
    }

    @media only screen and (min-width: 760px) {
        .short-term-container {
            flex-direction: row
        }
    }

    .short-term p {
        margin: 0
    }

    .short-term-texts {
        display: flex;
        flex-direction: column
    }

    .short-term-title {
        font-size: 0.75rem;
        font-weight: 700
    }

    .section-title {
        font-family: "Open Sans", Helvetica, Arial, sans-serif;
        font-weight: bold;
        font-size: 1.125rem;
        color: #0a0a0a;
        margin: 1.5625rem 0
    }

    @media screen and (max-width: 760px) {
        .section-title {
            font-family: "Open Sans", Helvetica, Arial, sans-serif;
            font-style: normal;
            font-weight: 700
        }
    }

    .section-title--no-margin-top {
        margin-top: 0
    }

    .section-title--no-margin-bottom {
        margin-bottom: 0
    }

    .breadcrumb-custom {
        display: flex;
        flex-direction: row;
        align-items: center;
        flex-wrap: wrap;
        padding: 0;
        gap: 0.25rem;
        margin: 0
    }

    .breadcrumb-custom .breadcrumb-custom-item {
        display: flex;
        align-items: center;
        font-weight: 700;
        font-size: 0.75rem
    }

    .breadcrumb-custom .breadcrumb-custom-item a {
        color: #36c;
        text-decoration: none
    }

    .breadcrumb-custom .breadcrumb-custom-item::after {
        content: url("images/icon-arrowright_m_primary.svg");
        height: 24px;
        width: 24px;
        margin: 0 0 0 0.25rem
    }

    .breadcrumb-custom .breadcrumb-custom-item.breadcrumb-custom-item-last::after {
        content: none
    }

    @media only screen and (min-width: 760px) {
        .breadcrumb-custom .breadcrumb-custom-item {
            font-size: 1.125rem;
            line-height: 1.5625rem
        }
    }

    @media only screen and (min-width: 1280px) {
        .breadcrumb-custom {
            margin: 0
        }
    }

    .breadcrumb-custom {
        margin: 1.75rem 1rem 0
    }

    @media only screen and (min-width: 760px) {
        .breadcrumb-custom {
            margin: 0
        }
    }

    .adform button {
        background: none;
        border: none;
        font-size: 1rem;
        padding: 0
    }

    .adform {
        font-family: "Open Sans", Helvetica, Arial, sans-serif;
        display: flex;
        justify-content: center;
        padding: 40px 20px
    }

    @media screen and (max-width: 760px) {
        .adform {
            font-family: "Open Sans", Helvetica, Arial, sans-serif;
            font-style: normal;
            font-weight: 400;
            padding: unset
        }
    }

    .adform .swiper-container {
        position: relative;
        overflow: hidden
    }

    .adform__transparent-div {
        background-color: rgba(0, 0, 0, 0);
        width: 0;
        height: 250px;
        position: absolute;
        top: 0;
        z-index: -1
    }

    .adform .page__container {
        display: flex;
        width: 100%;
        max-width: 1240px
    }

    @media screen and (max-width: 760px) {
        .adform .page__container {
            flex-direction: column
        }
    }

    .adform .page__container .share-favorite-container {
        position: sticky;
        top: 0;
        z-index: 100;
        height: 3.25rem;
        display: flex;
        align-items: center;
        justify-content: flex-end;
        background-color: #fff;
        box-shadow: 0 0.125rem 0.125rem rgba(33, 37, 41, .07)
    }

    .adform .page__container .share-favorite-container .favorite-icon {
        margin-right: 1rem
    }

    .adform .page__container .photos {
        margin-top: 0
    }

    .adform .page__container .adform__detail {
        display: flex;
        flex-direction: column;
        margin-right: 1.5rem;
        max-width: 751px
    }

    @media screen and (max-width: 760px) {
        .adform .page__container .adform__detail {
            margin: unset
        }
    }

    .adform .page__container .adform__detail .u-listing-photo {
        display: flex;
        margin: 1rem 1rem 0;
        height: 4.75rem;
        background: rgba(51, 102, 204, .1019607843);
        border-radius: 1.25rem;
        align-items: center;
        justify-content: center;
        gap: 0.625rem
    }

    .adform .page__container .adform__detail .u-listing-photo__icon {
        width: 3rem;
        height: 3rem
    }

    .adform .page__container .adform__detail .u-listing-photo__text {
        height: pxToRem(19)
    }

    @media screen and (min-width: 760px) {
        .adform .page__container .adform__detail .u-listing-photo {
            margin: 1.875rem 0 0 0;
            height: 8.75rem;
            flex-direction: column;
            gap: 0
        }

        .adform .page__container .adform__detail .u-listing-photo_icon {
            width: 3.5rem;
            height: 3.5rem
        }
    }

    .adform .page__container .adform__detail .row-details {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        margin-top: 1.875rem
    }

    @media screen and (max-width: 760px) {
        .adform .page__container .adform__detail .row-details {
            margin-top: 1.25rem
        }
    }

    .adform .page__container .adform__detail .row-details .left-details {
        display: flex;
        flex-direction: column;
        flex-wrap: wrap
    }

    @media screen and (max-width: 760px) {
        .adform .page__container .adform__detail .row-details .left-details {
            width: 100%
        }
    }

    .adform .page__container .adform__detail .row-details .left-details .main-title {
        font-size: 2rem;
        color: #0a0a0a;
        padding-right: 1rem
    }

    .adform .page__container .adform__detail .row-details .left-details .main-title h1 {
        font-weight: 700;
        font-size: 1.5rem;
        line-height: 2.02375rem;
        margin-top: 0
    }

    @media screen and (max-width: 760px) {
        .adform .page__container .adform__detail .row-details .left-details .main-title h1 {
            margin: 0
        }

        .adform .page__container .adform__detail .row-details .left-details .main-title {
            font-family: "Open Sans", Helvetica, Arial, sans-serif;
            font-style: normal;
            font-weight: 700;
            font-size: 1.5rem;
            color: #0a0a0a;
            margin-bottom: 0.625rem;
            padding: 0 1.3125rem
        }
    }

    @media screen and (max-width: 760px) {
        .adform .page__container .adform__detail .row-details .left-details .title-and-phone-icon-wrapper {
            display: flex;
            align-items: start;
            flex-direction: row;
            justify-content: space-between;
            flex-wrap: nowrap;
            margin: 0.625rem 0 1.0625rem 0
        }

        .adform .page__container .adform__detail .row-details .left-details .title-and-phone-icon-wrapper .main-title {
            margin-bottom: 0;
            align-self: center
        }

        .adform .page__container .adform__detail .row-details .left-details .title-and-phone-icon-wrapper .phone-icon-button {
            display: flex;
            align-items: center;
            justify-content: center;
            border-radius: 10px;
            text-decoration: none;
            height: 3rem;
            width: 3rem;
            min-width: 3rem;
            background-color: #fff;
            border: solid 1px #dedede;
            margin-right: 1.0625rem
        }

        .adform .page__container .adform__detail .row-details .left-details .title-and-phone-icon-wrapper .phone-icon-button .icon {
            width: 1.25rem;
            height: 1.25rem
        }
    }

    .adform .page__container .adform__detail .row-details .left-details .project-unit {
        display: flex;
        margin-bottom: 0.5rem
    }

    @media screen and (max-width: 760px) {
        .adform .page__container .adform__detail .row-details .left-details .project-unit {
            padding: 0 1.3125rem;
            margin-bottom: 0.8125rem
        }
    }

    .adform .page__container .adform__detail .row-details .left-details .project-unit__icon {
        background-image: url("data:image/svg+xml,%3Csvg width='16' height='21' viewBox='0 0 16 21' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.08 0a2 2 0 0 1 2 2v17a2 2 0 0 1-2 2H6.72v-2.36a1 1 0 0 0-.883-.993l-.117-.007H4.36a1 1 0 0 0-.993.883l-.007.117V21H2a2 2 0 0 1-2-2V2a2 2 0 0 1 2-2h6.08zm2.84 19a2 2 0 0 0 1.523 1.943l.156.031.001.026a1.68 1.68 0 0 1-1.68-1.68V19zm3.04-11.44a2 2 0 0 1 2 2V19a2 2 0 0 1-2 2h-1.04c-.11 0-.216-.009-.32-.026V19.48a1 1 0 0 0-.883-.993l-.117-.007h-.68v-.84h1.52a1 1 0 0 0 .993-.883l.007-.117v-1.6a1 1 0 0 0-.883-.993l-.117-.007h-1.52v-1.2h1.52a1 1 0 0 0 .993-.883l.007-.117v-1.6a1 1 0 0 0-.883-.993l-.117-.007h-1.52V7.56h3.04zM3.2 12.6h-.52a1 1 0 0 0-.993.883l-.007.117v2.2a1 1 0 0 0 .883.993l.117.007h.52a1 1 0 0 0 .993-.883L4.2 15.8v-2.2a1 1 0 0 0-1-1zm4.2 0h-.52a1 1 0 0 0-.993.883l-.007.117v2.2a1 1 0 0 0 .883.993l.117.007h.52a1 1 0 0 0 .993-.883L8.4 15.8v-2.2a1 1 0 0 0-1-1zM3.2 7.56h-.52a1 1 0 0 0-.993.883l-.007.117v2.2a1 1 0 0 0 .883.993l.117.007h.52a1 1 0 0 0 .993-.883l.007-.117v-2.2a1 1 0 0 0-1-1zm4.2 0h-.52a1 1 0 0 0-.993.883l-.007.117v2.2a1 1 0 0 0 .883.993l.117.007h.52a1 1 0 0 0 .993-.883l.007-.117v-2.2a1 1 0 0 0-1-1zM3.2 2.52h-.52a1 1 0 0 0-.993.883l-.007.117v2.2a1 1 0 0 0 .883.993l.117.007h.52a1 1 0 0 0 .993-.883L4.2 5.72v-2.2a1 1 0 0 0-1-1zm4.2 0h-.52a1 1 0 0 0-.993.883l-.007.117v2.2a1 1 0 0 0 .883.993l.117.007h.52a1 1 0 0 0 .993-.883L8.4 5.72v-2.2a1 1 0 0 0-1-1z' fill='%23000' fill-rule='evenodd'/%3E%3C/svg%3E%0A");
        background-repeat: no-repeat;
        width: 16px;
        height: 20px;
        margin-right: 0.625rem
    }

    .adform .page__container .adform__detail .row-details .left-details .project-unit__title {
        font-family: "Open Sans", Helvetica, Arial, sans-serif;
        color: #484848;
        font-weight: 500
    }

    @media screen and (max-width: 760px) {
        .adform .page__container .adform__detail .row-details .left-details .project-unit__title {
            font-family: "Open Sans", Helvetica, Arial, sans-serif;
            font-style: normal;
            font-weight: 400
        }
    }

    .adform .page__container .adform__detail .row-details .left-details .project-unit__title .link {
        color: #36c;
        text-decoration: underline;
        cursor: pointer
    }

    @media screen and (max-width: 760px) {
        .adform .page__container .adform__detail .row-details .left-details .project-unit__title .link {
            color: #484848
        }
    }

    .adform .page__container .adform__detail .row-details .left-details .location {
        font-family: "Open Sans", Helvetica, Arial, sans-serif;
        font-size: 1rem;
        color: #484848;
        margin-bottom: .5rem;
        font-weight: 500
    }

    @media screen and (max-width: 760px) {
        .adform .page__container .adform__detail .row-details .left-details .location {
            padding: 0 1.3125rem
        }
    }

    .adform .page__container .adform__detail .row-details .left-details .view-map {
        display: flex;
        align-items: flex-start;
        font-size: 1rem;
        color: #0a0a0a;
        font-weight: 700;
        line-height: 1.375rem;
        margin-bottom: 0.625rem
    }

    @media screen and (max-width: 760px) {
        .adform .page__container .adform__detail .row-details .left-details .view-map {
            padding: 0 1.3125rem
        }
    }

    .adform .page__container .adform__detail .row-details .left-details .view-map__icon {
        background-image: url("images/icon-map-pointer.svg");
        background-repeat: no-repeat;
        flex-shrink: 0;
        width: 17px;
        height: 21px;
        margin-right: 8px;
        margin-top: 4px
    }

    .adform .page__container .adform__detail .row-details .left-details .place-details {
        display: flex;
        flex-wrap: wrap;
        font-family: "Open Sans", Helvetica, Arial, sans-serif;
        font-size: 16px;
        color: #484848;
        margin-bottom: 0.5625rem
    }

    @media screen and (max-width: 760px) {
        .adform .page__container .adform__detail .row-details .left-details .place-details--all-elements-showing {
            justify-content: space-between
        }
    }

    @media screen and (max-width: 760px) {
        .adform .page__container .adform__detail .row-details .left-details .place-details {
            font-family: "Open Sans", Helvetica, Arial, sans-serif;
            font-style: normal;
            font-weight: 400;
            font-size: 16px;
            padding: 0 1.3125rem
        }
    }

    .adform .page__container .adform__detail .row-details .left-details .place-details .details-item {
        display: flex;
        align-items: center;
        margin-right: .5rem
    }

    @media screen and (max-width: 760px) {
        .adform .page__container .adform__detail .row-details .left-details .place-details .details-item {
            margin-bottom: 0.8125rem
        }
    }

    .adform .page__container .adform__detail .row-details .left-details .place-details .details-item--some-elements-showing {
        margin-right: 1.6rem
    }

    @media screen and (max-width: 760px) {
        .adform .page__container .adform__detail .row-details .left-details .place-details .details-item--all-elements-showing {
            flex-basis: 45%
        }
    }

    .adform .page__container .adform__detail .row-details .left-details .place-details .details-item-icon {
        display: flex;
        padding-right: .5rem
    }

    .adform .page__container .adform__detail .row-details .left-details .place-details .details-item-value {
        overflow: auto;
        text-transform: lowercase;
        font-weight: 400;
        font-size: 1pxrem;
        line-height: 1.375pxrem;
        color: #0a0a0a
    }

    .adform .page__container .adform__detail .row-details .left-details .place-details .details-item__icon-bed {
        background-image: url("images/icon-beds.svg");
        background-repeat: no-repeat;
        width: 20px;
        height: 14px
    }

    .adform .page__container .adform__detail .row-details .left-details .place-details .details-item__icon-bath {
        background-image: url("images/icon-bath.svg");
        background-repeat: no-repeat;
        width: 14px;
        height: 18px
    }

    .adform .page__container .adform__detail .row-details .left-details .place-details .details-item__icon-area {
        background-image: url("images/icon-area.svg");
        background-repeat: no-repeat;
        width: 18px;
        height: 18px
    }

    .adform .page__container .adform__detail .row-details .left-details .place-details .details-item__icon-halfBathroom {
        background-image: url("images/icon-bath.svg");
        background-repeat: no-repeat;
        width: 16px;
        height: 20px
    }

    @media screen and (max-width: 760px) {
        .adform .page__container .adform__detail .row-details .left-details .place-details .details-item__icon-halfBathroom {
            width: 18px;
            height: 23px
        }
    }

    .adform .page__container .adform__detail .row-details .left-details .place-features {
        font-family: "Open Sans", Helvetica, Arial, sans-serif;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        color: #0a0a0a;
        height: auto;
        font-size: 1rem;
        font-weight: 700;
        line-height: 1.375rem
    }

    @media screen and (max-width: 760px) {
        .adform .page__container .adform__detail .row-details .left-details .place-features {
            padding: 0 1.3125rem
        }

        .adform .page__container .adform__detail .row-details .left-details .place-features .flex-basics-th {
            flex-basis: 50%
        }

        .adform .page__container .adform__detail .row-details .left-details .place-features .flex-basics-th div {
            height: 25px
        }

        .adform .page__container .adform__detail .row-details .left-details .place-features .values-th div {
            height: 25px
        }
    }

    @media screen and (max-width: 375px) {
        .adform .page__container .adform__detail .row-details .left-details .place-features .flex-basics-th {
            flex-basis: 55%
        }

        .adform .page__container .adform__detail .row-details .left-details .place-features .flex-basics-th div {
            height: 25px
        }

        .adform .page__container .adform__detail .row-details .left-details .place-features .values-th div {
            height: 25px
        }
    }

    @media screen and (max-width: 320px) {
        .adform .page__container .adform__detail .row-details .left-details .place-features .flex-basics-th {
            flex-basis: 100%
        }

        .adform .page__container .adform__detail .row-details .left-details .place-features .flex-basics-th div {
            height: 25px
        }

        .adform .page__container .adform__detail .row-details .left-details .place-features .values-th div {
            height: 25px
        }
    }

    .adform .page__container .adform__detail .row-details .left-details .place-features__values {
        flex-grow: 1;
        font-weight: normal;
        margin-left: 2px
    }

    @media screen and (max-width: 760px) {
        .adform .page__container .adform__detail .row-details .left-details .place-features__values div {
            display: flex;
            align-items: center
        }

        .adform .page__container .adform__detail .row-details .left-details .place-features__values .plot-area-basics {
            align-items: flex-start
        }
    }

    .adform .page__container .adform__detail .row-details .left-details .place-features .spec {
        flex-basis: 49%;
        margin-bottom: 0.1875rem
    }

    .adform .page__container .adform__detail .row-details .left-details .place-features .spec--large {
        flex-basis: 100%;
        order: 99
    }

    .adform .page__container .adform__detail .row-details .left-details .date {
        font-family: "Open Sans", Helvetica, Arial, sans-serif;
        font-size: 0.75rem;
        font-weight: 500;
        margin-bottom: 1.875rem;
        color: #616067
    }

    @media screen and (max-width: 760px) {
        .adform .page__container .adform__detail .row-details .left-details .date {
            padding: 0 1.3125rem;
            margin-bottom: 1.25rem
        }
    }

    .adform .page__container .adform__detail .row-details .right-details {
        display: flex;
        flex-direction: column;
        align-items: flex-end;
        padding: 0 1.3125rem
    }

    @media only screen and (min-width: 1024px) {
        .adform .page__container .adform__detail .row-details .right-details {
            padding: 0
        }
    }

    .adform .page__container .adform__detail .description {
        color: #0a0a0a
    }

    @media screen and (max-width: 760px) {
        .adform .page__container .adform__detail .description {
            padding: 0 1.3125rem
        }
    }

    .adform .page__container .adform__detail .description__contact {
        color: #333133;
        text-decoration: underline;
        cursor: pointer;
        background: none;
        border: none;
        font-size: 1rem;
        padding: 0
    }

    .adform .page__container .adform__detail .description__contact:hover {
        color: #0cf
    }

    .adform .page__container .adform__detail .description .title {
        font-size: 1.125rem;
        font-weight: bold;
        margin-bottom: 0.5rem;
        line-height: 1.5625rem
    }

    .adform .page__container .adform__detail .description .content {
        font-size: 1rem;
        line-height: 1.375rem;
        margin-bottom: 1.875rem;
        white-space: pre-line
    }

    @media screen and (max-width: 760px) {
        .adform .page__container .adform__detail .description .content {
            border: unset;
            margin-bottom: 1.25rem
        }

        .adform .page__container .adform__detail .description .content.expanded {
            max-height: unset
        }
    }

    .adform .page__container .adform__detail .description .view-more,
    .adform .page__container .adform__detail .description .view-less {
        align-items: center;
        display: flex;
        justify-content: center;
        margin-top: 0.5rem;
        font-size: 1rem;
        color: #36c;
        text-decoration: underline;
        cursor: pointer
    }

    @media screen and (max-width: 760px) {

        .adform .page__container .adform__detail .description .view-more,
        .adform .page__container .adform__detail .description .view-less {
            justify-content: start
        }
    }

    .adform .page__container .adform__detail .description .view-more.hidden,
    .adform .page__container .adform__detail .description .view-less.hidden {
        display: none
    }

    .adform .page__container .adform__detail .nearby-locations {
        display: flex;
        flex-wrap: wrap;
        margin-bottom: 1.75rem;
        color: #0a0a0a
    }

    .adform .page__container .adform__detail .nearby-locations ul {
        margin: 0;
        columns: 2;
        width: 100%;
        column-gap: 1.375rem;
        padding-left: 18px;
        line-height: 1.5rem
    }

    @media screen and (max-width: 760px) {
        .adform .page__container .adform__detail .nearby-locations ul {
            line-height: 1.56
        }
    }

    .adform .page__container .adform__detail .nearby-locations__title {
        font-family: "Open Sans", Helvetica, Arial, sans-serif;
        font-size: 1rem;
        font-weight: 500;
        width: 100%;
        margin-bottom: 1rem;
        color: #0a0a0a;
        border-bottom: 1px solid #0a0a0a
    }

    @media screen and (max-width: 760px) {
        .adform .page__container .adform__detail .nearby-locations__title {
            font-family: "Open Sans", Helvetica, Arial, sans-serif;
            font-style: normal;
            font-weight: 400;
            font-weight: normal;
            margin-bottom: 0.625rem
        }
    }

    @media screen and (max-width: 760px) {
        .adform .page__container .adform__detail .nearby-locations {
            display: block;
            padding: 0 1.3125rem
        }
    }

    .adform .page__container .adform__detail .separator {
        padding: 0 20px 32px
    }

    .adform .page__container .adform__detail .separator__line {
        height: 1px;
        background-color: #d8d8d8
    }

    .adform .page__container .adform__contact {
        width: 100%;
        margin: auto
    }

    .adform .page__container .adform__contact:not(:has(.margin-when-similars-exist)) .breadcrumb-custom {
        margin-bottom: 1.75rem
    }

    @media only screen and (min-width: 760px) {
        .adform .page__container .adform__contact {
            padding: unset
        }
    }

    .adform {
        --wl-ideal-calculator-padding: 0 1.3125rem
    }

    .adform .geohub-link {
        margin: 0 1rem 1rem
    }

    .adform .rate-your-area {
        padding: 0 1rem 1rem;
        margin: unset;
        margin-bottom: 0.25rem
    }

    @media only screen and (min-width: 1024px) {
        .adform .rate-your-area {
            padding: unset
        }
    }

    .contact-form.highlighted-form {
        -webkit-box-shadow: 0 0 14px 4px #36c;
        -moz-box-shadow: 0 0 14px 4px #36c;
        box-shadow: 0 0 14px 4px #36c
    }

    .contact-form .content {
        padding: 18px;
        box-shadow: 0 1px 6px 4px rgba(33, 37, 41, .1);
        border-radius: 4px
    }

    .contact-form .content .form-header {
        display: flex;
        flex-direction: column;
        align-items: center
    }

    .contact-form .content .form-header .agency {
        display: flex;
        gap: 1.25rem;
        width: 100%;
        height: 100%;
        text-align: center;
        justify-content: center;
        align-items: center
    }

    .contact-form .content .form-header .agency__logo {
        position: relative
    }

    .contact-form .content .form-header .agency__logo img {
        width: 5.3125rem;
        height: 5.3125rem;
        border-radius: 50%;
        object-fit: cover;
        object-position: center
    }

    .contact-form .content .form-header .agency__logo .wl-agency-logo-premium,
    .contact-form .content .form-header .agency__logo__premium {
        width: 1.5rem;
        height: 1.5rem;
        background-color: #ff8700;
        border-radius: 50%;
        padding: 0.125rem;
        cursor: pointer
    }

    .contact-form .content .form-header .agency__logo .wl-agency-logo-premium .premium-icon,
    .contact-form .content .form-header .agency__logo__premium .premium-icon {
        border: none;
        filter: invert(100%) sepia(0%) saturate(0%) hue-rotate(3deg) brightness(105%) contrast(102%);
        width: 1.25rem;
        height: 1.25rem;
        vertical-align: unset
    }

    .contact-form .content .form-header .agency__logo__special-logo {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 2.5rem;
        height: 2.5rem;
        border-radius: 50%;
        border: 0.0625rem solid #999;
        flex-shrink: 0;
        color: #999
    }

    .contact-form .content .form-header .agency__logo .wl-agency-logo-premium {
        position: absolute;
        top: -0.125rem;
        right: 0
    }

    .contact-form .content .form-header .agency__logo__special-logo {
        width: 5.3125rem;
        height: 5.3125rem;
        font-size: 1.5625rem
    }

    .contact-form .content .form-header .agency .wl-agency-logo {
        --wl-agency-logo-size: 5.3125rem;
        --wl-agency-logo-font-size: 1.5625rem
    }

    .contact-form .content .form-header .agency__info {
        display: flex;
        flex-direction: column;
        text-align: left
    }

    .contact-form .content .form-header .agency__info .name {
        width: 100%;
        color: #0a0a0a;
        font-size: 1.125rem;
        letter-spacing: 0.02rem;
        line-height: 1.2
    }

    .contact-form .content .form-header .agency__info .verified-icon-fully {
        margin-bottom: 0.125rem
    }

    .contact-form .content .form-header .agency__info a {
        display: flex;
        color: #0cf;
        font-size: 0.875rem;
        font-weight: 400;
        text-transform: capitalize
    }

    .contact-form .content .form-header a {
        text-decoration: underline;
        cursor: pointer;
        color: #36c;
        width: 80%;
        text-align: center;
        line-height: 1.375rem
    }

    .contact-form .content .form {
        margin-top: 2.1875rem
    }

    .contact-form .content .form .adform-input,
    .contact-form .content .form .adform-textarea {
        border-radius: 4px;
        border: solid 1px #e0e0e0
    }

    .contact-form .content .form .adform-input:focus,
    .contact-form .content .form .adform-textarea:focus {
        outline: none;
        border: 1px solid #8a8a8a;
        background-color: #fefefe;
        box-shadow: 0 0 5px #cacaca;
        transition: box-shadow .5s, border-color .25s ease-in-out
    }

    .contact-form .content .form .adform-input.invalid,
    .contact-form .content .form .adform-textarea.invalid {
        border: 1px solid #f55c66 !important;
        color: #f55c66;
        background-color: rgba(245, 92, 102, .1019607843)
    }

    .contact-form .content .form .adform-input.invalid::placeholder,
    .contact-form .content .form .adform-textarea.invalid::placeholder {
        color: #f55c66
    }

    .contact-form .content .form .adform-textarea {
        display: none;
        font-size: 14px;
        padding: 5px 10px;
        height: 3.75rem;
        color: #4a4a4a
    }

    .contact-form .content .form .adform-input-wrapper {
        margin-bottom: 0.625rem
    }

    .contact-form .content .form .adform-input-wrapper .adform-input {
        height: 3rem;
        margin-bottom: 0
    }

    .contact-form .content .form .adform-input-wrapper .error-text {
        display: none
    }

    .contact-form .content .form .adform-input-wrapper .error-text.active {
        display: block;
        color: #f55c66;
        font-size: 0.625rem;
        font-weight: 700;
        line-height: 0.875rem;
        margin-top: 0.375rem
    }

    .contact-form .content .privacy-and-conditions {
        margin: 0.625rem 0;
        line-height: 1rem;
        font-size: 0.6875rem;
        color: #999;
        text-align: center
    }

    .contact-form .content .privacy-and-conditions a {
        color: #0a0a0a;
        text-decoration: underline
    }

    .contact-form .content .adform-button,
    .contact-form .content .chat-button {
        height: 48px;
        border-radius: 54px;
        font-weight: 700;
        font-size: 0.875rem
    }

    .contact-form .content .adform-button::before {
        content: "";
        background-image: url("images/icon-phone-call.svg");
        background-size: 1.25rem 1.25rem;
        width: 1.25rem;
        height: 1.25rem;
        margin-right: 0.5rem
    }

    .contact-form .content .adform-button.filled {
        margin-top: 1.25rem;
        background-color: #ff8700
    }

    .contact-form .content .adform-button.hollow {
        margin-top: 0.625rem;
        border: solid 1px #ff8700;
        color: #ff8700
    }

    .contact-form .content .see-phone-button {
        display: flex;
        cursor: pointer;
        justify-content: space-around;
        align-items: center;
        width: 100%;
        padding: 0 0.625rem;
        font-size: 0.9375rem;
        color: #000;
        border-radius: 0.25rem;
        border: solid 0.0625rem #e0e0e0;
        height: 3rem;
        margin-top: 1.5rem;
        background-color: #fff
    }

    .contact-form .content .see-phone-button__number {
        color: #0a0a0a;
        font-size: 1.625rem;
        font-weight: 600;
        letter-spacing: 0;
        background: linear-gradient(90deg, #000, #999 50%, #fff);
        -webkit-background-clip: text;
        background-clip: text;
        -webkit-text-fill-color: rgba(0, 0, 0, 0)
    }

    .contact-form .content .see-phone-button__text {
        color: #ff8700;
        font-size: 0.9375rem;
        font-weight: 700
    }

    @media only screen and (min-width: 760px) {
        .adform .page__container {
            position: relative
        }

        .adform .page__container .share-favorite-container {
            position: absolute;
            top: 0;
            right: 3.5rem;
            box-shadow: none;
            height: auto;
            z-index: 1
        }

        .adform .page__container .share-favorite-container .favorite-icon {
            margin-right: 0rem
        }

        .adform .page__container #anchor-form {
            margin-top: 3.375rem
        }

        .adform .page__container .photos {
            margin-top: 1.875rem
        }

        .contact-form {
            position: sticky;
            top: 32px
        }

        .contact-form .form .agency {
            display: flex;
            gap: 1rem;
            width: 100%;
            height: 100%;
            text-align: center;
            align-items: center
        }

        .contact-form .form .agency__logo {
            position: relative
        }

        .contact-form .form .agency__logo img {
            width: 5.3125rem;
            height: 5.3125rem;
            border-radius: 50%;
            object-fit: cover;
            object-position: center
        }

        .contact-form .form .agency__logo .wl-agency-logo-premium,
        .contact-form .form .agency__logo__premium {
            width: 1.5rem;
            height: 1.5rem;
            background-color: #ff8700;
            border-radius: 50%;
            padding: 0.125rem;
            cursor: pointer
        }

        .contact-form .form .agency__logo .wl-agency-logo-premium .premium-icon,
        .contact-form .form .agency__logo__premium .premium-icon {
            border: none;
            filter: invert(100%) sepia(0%) saturate(0%) hue-rotate(3deg) brightness(105%) contrast(102%);
            width: 1.25rem;
            height: 1.25rem;
            vertical-align: unset
        }

        .contact-form .form .agency__logo__special-logo {
            display: flex;
            align-items: center;
            justify-content: center;
            width: 2.5rem;
            height: 2.5rem;
            border-radius: 50%;
            border: 0.0625rem solid #999;
            flex-shrink: 0;
            color: #999
        }

        .contact-form .form .agency__logo .wl-agency-logo-premium {
            position: absolute;
            top: -0.125rem;
            right: 0
        }

        .contact-form .form .agency__logo__special-logo {
            width: 5.3125rem;
            height: 5.3125rem;
            font-size: 1.5625rem
        }

        .contact-form .form .agency .wl-agency-logo {
            --wl-agency-logo-size: 5.3125rem;
            --wl-agency-logo-font-size: 1.5625rem
        }

        .contact-form .form .agency__info {
            display: flex;
            flex-direction: column;
            text-align: left
        }

        .contact-form .form .agency__info .name {
            width: 100%;
            text-align: center;
            color: #0a0a0a;
            font-size: 1.125rem;
            letter-spacing: 0.02rem;
            line-height: 1.2
        }

        .contact-form .form .agency__info a {
            display: flex;
            color: #0cf;
            font-size: 0.875rem;
            font-weight: 400;
            text-transform: capitalize
        }

        .contact-form .content {
            padding: 16px
        }

        .contact-form .content .form-header a {
            width: 100%
        }

        .contact-form .content .form.old .adform-input-wrapper-name-phone {
            display: flex;
            gap: 0 6px
        }

        .contact-form .content .form.old .adform-input-wrapper-name-phone .adform-input-wrapper:first-child {
            width: 80%
        }

        .contact-form .content .form.old .adform-input-wrapper .adform-input-header {
            display: none
        }

        .contact-form .content .contact-button,
        .contact-form .content .chat-options-buttons {
            display: flex
        }

        .contact-form .content .chat-options-buttons {
            margin-top: 12px
        }

        .contact-form .content .adform-button.filled {
            margin-top: 0.5rem
        }

        .contact-form .content .contact-buttons-container {
            display: flex;
            gap: 0 6px
        }

        .contact-form .content .privacy-and-conditions {
            line-height: 1.125rem
        }
    }

    .modal-agency-premium {
        color: #4a4a4a
    }

    .modal-agency-premium__container {
        display: flex;
        align-items: flex-start;
        gap: 0.625rem
    }

    .modal-agency-premium__container__content {
        max-width: 21.875rem
    }

    .modal-agency-premium__container__content .bold {
        font-weight: 700
    }

    .modal-agency-premium__container__content .js-hide-year {
        display: none
    }

    .modal-agency-premium__container__content .js-show-year {
        display: inline
    }

    .modal-agency-premium__container__icon {
        background-color: #ff8700;
        border-radius: 50%;
        padding: 0.75rem;
        transform: translateY(5px);
        display: flex;
        justify-content: center;
        align-items: center;
        min-width: auto
    }

    @media only screen and (min-width: 600px) {
        .modal-agency-premium__container__icon {
            min-width: auto
        }
    }

    .modal-agency-premium__container__icon wl-icon {
        transform: scale(1.5)
    }

    @media only screen and (min-width: 760px) {
        .adform .page__container .adform__contact {
            width: 25.5625rem;
            margin: unset
        }
    }

    .phone-modal-desktop__phone {
        display: flex;
        align-items: center;
        border: solid 2px rgba(51, 102, 204, .2);
        padding: 0.5rem;
        margin-bottom: 1rem
    }

    .phone-modal-desktop__phone--icon {
        background-image: url("data:image/svg+xml;charset=utf8,%3Csvg width='16' height='17' viewBox='0 0 16 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14.4324 11.4109L12.17 11.1526C11.6267 11.0903 11.0923 11.2773 10.7093 11.6603L9.07046 13.2992C6.54982 12.0166 4.48342 9.95909 3.20084 7.42954L4.84861 5.78177C5.2316 5.39878 5.41864 4.86436 5.3563 4.32104L5.098 2.07652C4.99112 1.17692 4.23403 0.5 3.32553 0.5H1.78464C0.778169 0.5 -0.0590761 1.33725 0.00327192 2.34372C0.475336 9.95018 6.55872 16.0247 14.1563 16.4967C15.1628 16.5591 16 15.7218 16 14.7154V13.1745C16.0089 12.2749 15.332 11.5178 14.4324 11.4109Z' fill='%23552D73'/%3E%3C/svg%3E");
        background-repeat: no-repeat;
        background-position: center;
        border-radius: 50%;
        border: 2px solid #36c;
        margin-right: 0.5rem
    }

    .phone-modal-desktop__phone--icon .icon {
        width: 24px;
        height: 24px;
        margin: 4px
    }

    .phone-modal-desktop__phone--text {
        font-family: Helvetica;
        font-style: normal;
        font-weight: normal;
        font-size: 16px;
        line-height: 20px;
        margin-bottom: 0.375rem
    }

    .phone-modal-desktop__phone--number {
        font-family: Helvetica;
        font-style: normal;
        font-weight: bold;
        font-size: 22px;
        line-height: 25px;
        display: flex
    }

    .phone-modal-desktop__extension {
        background: rgba(9, 16, 29, .05);
        padding: 0.5rem 0.625rem 0.5rem 0.625rem
    }

    .phone-modal-desktop__extension--number {
        font-family: Helvetica;
        font-style: normal;
        font-weight: bold;
        font-size: 18px;
        line-height: 21px
    }

    .phone-modal-desktop__extension--message {
        display: flex;
        margin-top: 0.625rem
    }

    .phone-modal-desktop__extension--message .icon {
        width: 3rem;
        height: 1rem;
        margin-right: 0.625rem;
        background-image: url("data:image/svg+xml;charset=utf8,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.2 4H8.8V5.6H7.2V4ZM7.2 7.2H8.8V12H7.2V7.2ZM8 0C3.584 0 0 3.584 0 8C0 12.416 3.584 16 8 16C12.416 16 16 12.416 16 8C16 3.584 12.416 0 8 0ZM8 14.4C4.472 14.4 1.6 11.528 1.6 8C1.6 4.472 4.472 1.6 8 1.6C11.528 1.6 14.4 4.472 14.4 8C14.4 11.528 11.528 14.4 8 14.4Z' fill='%23552D73'/%3E%3C/svg%3E");
        background-repeat: no-repeat
    }

    .phone-modal-desktop__extension--message .text {
        color: #484848;
        font-family: Helvetica;
        font-style: normal;
        font-weight: normal;
        font-size: 14px;
        line-height: 20px
    }

    .send-message-label {
        display: block;
        font-size: 1rem;
        line-height: 1.5em;
        margin-top: 0.9375rem;
        margin-bottom: 0.625rem;
        color: #0a0a0a;
        font-weight: 500;
        text-align: center
    }

    .chat-options-buttons {
        display: flex;
        gap: 10px
    }

    .toolbar {
        display: flex;
        justify-content: center;
        align-items: center;
        position: fixed;
        bottom: 0;
        right: 0;
        left: 0;
        box-shadow: 0 -2px 4px rgba(0, 0, 0, .1);
        background-color: #fff;
        z-index: 100;
        height: 60px;
        padding: 0 6px;
        gap: 0.3125rem
    }

    .toolbar .contact {
        font-size: 16px;
        font-family: "Open Sans", Helvetica, Arial, sans-serif;
        min-width: 120px
    }

    .toolbar+.footer-mobile {
        margin-bottom: 60px
    }

    @media only screen and (min-width: 760px) {
        .toolbar {
            display: none
        }
    }

    .facilities {
        color: #0a0a0a;
        margin-bottom: 1.875rem
    }

    @media screen and (max-width: 760px) {
        .facilities {
            padding: 0 1.3125rem;
            margin-bottom: 1.25rem
        }
    }

    .facilities__item {
        padding: 0 1px 2px 0;
        flex: 0 0 50%;
        line-height: 1.375rem
    }

    .facilities__title {
        font-size: 1.125rem;
        font-weight: 700;
        margin-bottom: 0.5rem;
        line-height: 1.5625rem
    }

    .facilities__options,
    .facilities__options-building {
        overflow: hidden;
        display: flex;
        justify-content: space-between;
        line-height: 1.5rem
    }

    .facilities__options ul,
    .facilities__options-building ul {
        margin: 0;
        columns: 1;
        padding-left: 18px;
        width: 50%
    }

    @media screen and (max-width: 760px) {

        .facilities__options ul,
        .facilities__options-building ul {
            line-height: 1.56
        }
    }

    .facilities__options ul.one-facility-list,
    .facilities__options-building ul.one-facility-list {
        width: 100%
    }

    .facilities__options ul.left-list,
    .facilities__options-building ul.left-list {
        margin-right: 0.625rem
    }

    .facilities__options ul.left-listli::marker,
    .facilities__options-building ul.left-listli::marker {
        font-size: .7em
    }

    .facilities__options.expanded,
    .facilities__options-building.expanded {
        max-height: unset
    }

    .facilities__options .facilities__item,
    .facilities__options-building .facilities__item {
        display: none
    }

    .facilities__options .facilities__item:nth-child(1),
    .facilities__options .facilities__item:nth-child(2),
    .facilities__options .facilities__item:nth-child(3),
    .facilities__options-building .facilities__item:nth-child(1),
    .facilities__options-building .facilities__item:nth-child(2),
    .facilities__options-building .facilities__item:nth-child(3) {
        display: block
    }

    @media screen and (max-width: 760px) {

        .facilities__options .facilities__item:nth-child(3),
        .facilities__options .facilities__item:nth-child(4),
        .facilities__options-building .facilities__item:nth-child(3),
        .facilities__options-building .facilities__item:nth-child(4) {
            display: none
        }
    }

    .facilities__options.all-visible .facilities__item,
    .facilities__options-building.all-visible .facilities__item {
        display: block
    }

    .facilities__view-more-facilites {
        display: flex;
        justify-content: start;
        margin-top: 0.5rem
    }

    .facilities__view-more,
    .facilities__view-less {
        display: flex;
        font-size: 1rem;
        color: #36c;
        text-decoration: underline;
        cursor: pointer;
        line-height: 1.375rem
    }

    .facilities__view-more.hidden,
    .facilities__view-less.hidden {
        display: none
    }

    .payment-methods {
        color: #0a0a0a;
        margin-bottom: 1.875rem
    }

    @media screen and (max-width: 760px) {
        .payment-methods {
            padding: 0 1.3125rem;
            margin-bottom: 1.25rem
        }
    }

    .payment-methods__title {
        font-size: 1.125rem;
        font-weight: 700;
        margin-bottom: 0.75rem;
        line-height: 1.5625rem
    }

    .payment-methods__label {
        background-color: rgba(255, 135, 0, .1);
        border-radius: 0.5rem;
        padding: 0.75rem 1rem;
        margin-bottom: 0.5rem;
        font-weight: 700;
        font-size: 0.875rem;
        line-height: 1.25rem
    }

    .payment-methods__description {
        background-color: rgba(51, 102, 204, .05);
        border-radius: 0.5rem;
        padding: 0.75rem 1rem;
        font-size: 0.875rem;
        line-height: 1.25rem
    }

    #lamudi-similar-listings-container .similar-ads-title {
        font-weight: bold;
        border: none;
        margin-bottom: 1rem;
        color: #484848;
        font-size: 18px;
        font-family: "Helvetica Neue", Helvetica, Arial, sans-serif
    }

    @media screen and (max-width: 760px) {
        #lamudi-similar-listings-container .similar-ads-title {
            padding: 0 .75rem
        }
    }

    #lamudi-similar-listings-container .similar-ads-content-container {
        display: flex;
        overflow-x: scroll;
        font-family: LucidaGrande, "Helvetica Neue", Helvetica, Arial, sans-serif
    }

    @media screen and (max-width: 760px) {
        #lamudi-similar-listings-container .similar-ads-content-container {
            padding: 0 .75rem
        }
    }

    #lamudi-similar-listings-container .similar-ads-content-container a {
        text-decoration: none
    }

    #lamudi-similar-listings-container .similar-ads-content-container::-webkit-scrollbar {
        display: none;
        -ms-overflow-style: none;
        scrollbar-width: none
    }

    #lamudi-similar-listings-container .similar-ads-content-container .similar-ad-description {
        display: flex;
        flex-direction: column;
        padding-right: .625rem
    }

    #lamudi-similar-listings-container .similar-ads-content-container .similar-ad-description .similar-ad-image {
        width: 150px;
        height: 150px;
        padding-bottom: 5px;
        border-radius: 10px
    }

    @media screen and (max-width: 760px) {
        #lamudi-similar-listings-container .similar-ads-content-container .similar-ad-description .similar-ad-image {
            width: 165px
        }
    }

    #lamudi-similar-listings-container .similar-ads-content-container .similar-ad-description .similar-ad-image img {
        width: 100%;
        height: 100%;
        border-radius: 10px
    }

    #lamudi-similar-listings-container .similar-ads-content-container .similar-ad-description .property-type {
        color: #36c;
        font-size: 12px;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
        max-width: 155px;
        font-weight: 700
    }

    #lamudi-similar-listings-container .similar-ads-content-container .similar-ad-description .similar-ads-location-container {
        display: flex;
        align-items: center
    }

    #lamudi-similar-listings-container .similar-ads-content-container .similar-ad-description .similar-ads-location-container img {
        height: 12px;
        width: 10px;
        margin-right: 4px;
        object-fit: unset
    }

    #lamudi-similar-listings-container .similar-ads-content-container .similar-ad-description .similar-ads-location-container .similar-ads-location {
        color: #0a0a0a;
        font-size: 12px;
        padding-top: 2px;
        max-width: 155px;
        text-overflow: ellipsis;
        overflow: hidden;
        display: -webkit-box;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical
    }

    #lamudi-similar-listings-container .similar-ads-content-container .similar-ad-description .similar-ads-price {
        font-size: 18px;
        font-weight: bold;
        color: #0a0a0a;
        padding-top: 2px;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
        max-width: 155px;
        font-family: "Helvetica Neue", Helvetica, Arial, sans-serif
    }

    #lamudi-similar-listings-container .similar-ads-content-container .similar-ad-description .display-none {
        display: none !important
    }

    #lamudi-similar-listings-container .similar-ads-content-container .similar-ad-description .similar-ads-place-details {
        display: flex;
        flex-direction: row;
        padding-top: 2px;
        overflow: hidden;
        white-space: nowrap;
        max-width: 155px
    }

    #lamudi-similar-listings-container .similar-ads-content-container .similar-ad-description .similar-ads-place-details .details-item {
        display: flex;
        justify-content: center;
        align-items: center;
        margin-right: 10px;
        color: #0a0a0a
    }

    #lamudi-similar-listings-container .similar-ads-content-container .similar-ad-description .similar-ads-place-details .details-item .details-item-value {
        display: flex;
        font-size: 12px
    }

    #lamudi-similar-listings-container .similar-ads-content-container .similar-ad-description .similar-ads-place-details .details-item .details-item-icon {
        display: flex;
        padding-right: 2px
    }

    #lamudi-similar-listings-container .similar-ads-content-container .similar-ad-description .similar-ads-place-details .details-item .details-item-icon img {
        width: 15px;
        height: 15px;
        object-fit: unset;
        border-radius: 0
    }

    #lamudi-similar-listings-container .similar-ads-content-container .similar-ad-description .view-property-button {
        font-family: "Open Sans", Helvetica, Arial, sans-serif;
        font-style: normal;
        font-weight: 400;
        font-size: 0.875rem;
        display: flex;
        align-items: center;
        justify-content: center;
        height: 38px;
        margin: -5px 14px 16px 14px;
        padding: 11px;
        border-radius: 10px;
        border: solid 1px #0cf;
        background-color: #0cf;
        color: #fff
    }

    #lamudi-similar-listings-container .similar-ads-swiper {
        width: 100%;
        height: 100%;
        margin-bottom: 10px
    }

    #lamudi-similar-listings-container .similar-ads-swiper .swiper-button-adform {
        --swiper-navigation-size: 14px;
        width: 23px;
        height: 39px;
        color: #fff;
        border-radius: 4px;
        font-weight: bolder;
        background-color: rgba(0, 0, 0, .7)
    }

    #lamudi-similar-listings-container .similar-ads-swiper .swiper-button-container {
        position: absolute;
        height: 100%;
        top: 0;
        width: calc(var(--swiper-navigation-size)/44*27);
        cursor: pointer;
        z-index: 1;
        border: none;
        outline: none
    }

    #lamudi-similar-listings-container .similar-ads-swiper .swiper-button-container-next {
        right: 0
    }

    #lamudi-similar-listings-container .similar-ads-swiper .swiper-button-container-prev {
        left: 0
    }

    #lamudi-similar-listings-container .similar-ads-swiper .swiper-button-next {
        top: 52px
    }

    #lamudi-similar-listings-container .similar-ads-swiper .swiper-button-prev {
        left: 0;
        top: 52px
    }

    #lamudi-similar-listings-container .similar-ads-swiper .swiper-pagination-adform {
        display: none
    }

    #lamudi-similar-listings-container .similar-ads-swiper .swiper-slide {
        height: 100%;
        width: auto !important
    }

    #lamudi-similar-listings-container .similar-ads-swiper .swiper-slide img {
        position: relative
    }

    #lamudi-similar-listings-container .similar-ads-swiper .hidden {
        display: none
    }

    #lamudi-similar-listings-container .similar-ads-buttons {
        margin-top: 1.25rem
    }

    .margin-when-similars-exist {
        margin-bottom: 1.75rem;
        margin-top: 1.75rem
    }

    @media screen and (min-width: 760px) {
        .adform__contact #lamudi-similar-listings-container .similar-ads-content-container .swiper-wrapper {
            flex-wrap: wrap;
            justify-content: flex-start;
            gap: 0 0.875rem
        }

        .adform__contact #lamudi-similar-listings-container .similar-ads-content-container .swiper-wrapper .similar-ad-description {
            padding-right: 0
        }

        .adform__contact #lamudi-similar-listings-container .similar-ads-content-container .swiper-wrapper .similar-ad-description .similar-ad-image {
            width: 179px
        }

        .adform__contact #lamudi-similar-listings-container .similar-ads-content-container .swiper-wrapper .similar-ad-description .similar-ads-place-details {
            margin-bottom: 0.9375rem
        }

        .adform__contact #lamudi-similar-listings-container .similar-ads-content-container .swiper-button-container {
            display: none
        }
    }

    @media screen and (max-width: 760px) {
        #lamudi-similar-listings-container {
            padding: 0 18px
        }

        #lamudi-similar-listings-container .similar-ads-title {
            padding: 0;
            font-size: 1.125rem;
            color: #0a0a0a;
            font-family: "Open Sans", Helvetica, Arial, sans-serif;
            font-style: normal;
            font-weight: 700
        }

        #lamudi-similar-listings-container .similar-ads-content-container {
            padding: 0;
            display: flex;
            flex-direction: column
        }

        #lamudi-similar-listings-container .similar-ads-content-container .swiper-wrapper {
            display: flex;
            flex-wrap: wrap;
            justify-content: flex-start;
            gap: 0px 14px
        }

        #lamudi-similar-listings-container .similar-ads-content-container .swiper-wrapper .swiper-slide {
            border-radius: 10px;
            flex-basis: calc(calc(100% / 2) - (14px - 14px/2))
        }

        #lamudi-similar-listings-container .similar-ads-content-container .swiper-wrapper .swiper-slide .similar-ad-description {
            padding-right: 0;
            color: #0a0a0a;
            font-family: "Open Sans", Helvetica, Arial, sans-serif;
            font-style: normal;
            font-weight: 700;
            font-size: 0.75rem
        }

        #lamudi-similar-listings-container .similar-ads-content-container .swiper-wrapper .swiper-slide .similar-ad-description .similar-ad-image {
            width: 100%;
            height: 9.375rem;
            border-radius: 10px 10px 0 0;
            padding: 0
        }

        #lamudi-similar-listings-container .similar-ads-content-container .swiper-wrapper .swiper-slide .similar-ad-description .similar-ad-image img {
            border-radius: 10px
        }

        #lamudi-similar-listings-container .similar-ads-content-container .swiper-wrapper .swiper-slide .similar-ad-description .property-type {
            margin-top: 0.625rem;
            color: #36c
        }

        #lamudi-similar-listings-container .similar-ads-content-container .swiper-wrapper .swiper-slide .similar-ad-description .similar-ads-price {
            color: #0a0a0a;
            font-size: 1.125rem
        }

        #lamudi-similar-listings-container .similar-ads-content-container .swiper-wrapper .swiper-slide .similar-ad-description .similar-ads-location-container {
            display: flex;
            align-items: center
        }

        #lamudi-similar-listings-container .similar-ads-content-container .swiper-wrapper .swiper-slide .similar-ad-description .similar-ads-location-container img {
            height: 12px;
            width: 10px;
            margin-right: 4px
        }

        #lamudi-similar-listings-container .similar-ads-content-container .swiper-wrapper .swiper-slide .similar-ad-description .similar-ads-location-container .similar-ads-location {
            color: #0a0a0a;
            -webkit-line-clamp: 1
        }

        #lamudi-similar-listings-container .similar-ads-content-container .swiper-wrapper .swiper-slide .similar-ad-description .similar-ads-place-details {
            width: 100%;
            max-width: none;
            margin-bottom: 0.9375rem
        }

        #lamudi-similar-listings-container .similar-ads-content-container .swiper-wrapper .swiper-slide .similar-ad-description .similar-ads-place-details .details-item {
            color: #0a0a0a;
            margin-right: 12px
        }

        #lamudi-similar-listings-container .similar-ads-content-container .swiper-wrapper .swiper-slide .similar-ad-description .similar-ads-place-details .details-item .details-item-icon img {
            height: 14px;
            width: auto;
            border-radius: 0
        }

        #lamudi-similar-listings-container .similar-ads-content-container .swiper-wrapper .swiper-slide .similar-ad-description .details-item-value span {
            font-family: "Open Sans", Helvetica, Arial, sans-serif
        }

        #lamudi-similar-listings-container .similar-ads-content-container .swiper-wrapper .swiper-slide__left {
            margin-left: 12px;
            margin-right: 4px
        }

        #lamudi-similar-listings-container .similar-ads-content-container .swiper-wrapper .swiper-slide__right {
            margin-right: 12px;
            margin-left: 4px
        }

        #lamudi-similar-listings-container .similar-ads-content-container .swiper-button-container {
            display: none
        }

        #lamudi-similar-listings-container .similar-ads-content-container .similar-ads-buttons {
            font-size: 16px;
            color: #484848;
            text-decoration: underline;
            margin-left: 0.75rem
        }

        #lamudi-similar-listings-container .similar-ads-content-container .visible {
            display: block
        }
    }

    body {
        font-family: "Open Sans", Helvetica, Arial, sans-serif;
        display: flex;
        flex-direction: column;
        height: 100vh;
        margin: 0
    }

    body p {
        margin-top: 0;
        margin-bottom: 1rem
    }

    .report-problem {
        background-color: #f7f8fa;
        color: #0a0a0a;
        border-radius: 0.625rem;
        font-size: 1rem;
        padding: 14px;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        gap: 1.25rem;
        margin-bottom: 0.9375rem
    }

    @media only screen and (min-width: 760px) {
        .report-problem {
            flex-direction: row;
            --wl-button-width: 250px
        }
    }

    .report-problem-icon {
        width: 1.25rem;
        height: 1.25rem
    }

    .report-problem-title {
        font-weight: 700;
        font-size: 1.25rem
    }

    .report-problem-message {
        margin: 0
    }

    .report-problem-open-button {
        --wl-modal-footer-padding: 0
    }

    .navbar {
        flex-direction: row;
        color: #999;
        background-color: #406650;
        position: relative;
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: space-between;
        padding: 0.5rem 0;
        text-decoration: none
    }

    @media only screen and (min-width: 320px)and (max-width: 375px) {
        .navbar .container-fluid.header {
            gap: 0.625rem;
            padding: 0 0.5rem;
            width: 100%
        }

        .navbar .container-fluid.header .numero-1 {
            width: 8.125rem
        }
    }

    .navbar .container-fluid {
        max-width: 1320px;
        display: flex;
        flex-direction: column;
        padding: 0 1rem
    }

    @media only screen and (min-width: 1320px) {
        .navbar .container-fluid {
            width: 1320px;
            padding: 0;
            margin: 0 auto
        }
    }

    .navbar .container-fluid {
        flex-direction: row;
        gap: 0.9375rem;
        padding: 0 0.9375rem;
        width: 100%
    }

    .navbar .container-fluid .navbar-nav {
        display: none;
        font-style: normal;
        font-weight: 700;
        font-size: 0.75rem;
        line-height: 1rem;
        list-style: none;
        padding: 0
    }

    @media screen and (min-width: 1145px) {
        .navbar .container-fluid .navbar-nav {
            display: flex;
            flex-direction: row;
            margin: 0;
            align-items: center;
            justify-content: center
        }
    }

    .navbar .container-fluid .navbar-brand {
        display: flex;
        flex-direction: row;
        align-items: center;
        padding: 0;
        margin: 0;
        width: 6.25rem;
        padding-left: 15px;
    }

    .navbar .container-fluid .navbar-brand img {
        width: 70px;
        height: auto
    }

    .navbar .container-fluid .numero-1 {
        display: flex;
        flex-direction: row;
        align-items: center;
        gap: 0.3125rem;
        width: 10rem;
        height: auto;
        color: #fff;
        opacity: 100%
    }

    .navbar .container-fluid .numero-1__text {
        font-size: 12px;
        font-weight: 700;
        line-height: 0.875rem;
        letter-spacing: 0;
        text-align: left;
    }

    .navbar .container-fluid .publish-button {
        color: #fff;
        font-weight: 700;
        font-size: 0.875rem;
        padding: 0.5rem 1.25rem;
        line-height: 1.1875rem;
        background-color: #0cf;
        margin-left: auto;
        display: inline-block;
        text-align: center;
        text-decoration: none;
        vertical-align: middle;
        cursor: pointer;
        user-select: none;
        border: 0.0625rem solid rgba(0, 0, 0, 0);
        border-radius: 0.25rem;
        transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out
    }

    @media only screen and (min-width: 1280px) {
        .navbar .container-fluid .publish-button {
            margin-left: 0.5rem
        }
    }

    .navbar .container-fluid .header-menu-mobile {
        display: flex;
        margin-left: auto;
        height: 1.5rem
    }

    @media screen and (min-width: 1145px) {
        .navbar .container-fluid .header-menu-mobile {
            display: none
        }
    }

    .navbar .container-fluid .header-menu-mobile:has(.mobile-favorites) .mobile-favorites {
        position: relative;
        display: flex;
        align-items: flex-end
    }

    .navbar .container-fluid .header-menu-mobile:has(.mobile-favorites) .mobile-favorites .mobile-favorites-button {
        background-image: url("images/favorite-icon-selected.svg");
        background-repeat: no-repeat;
        filter: invert(95%) sepia(0%) saturate(7476%) hue-rotate(111deg) brightness(106%) contrast(100%);
        width: 1.25rem;
        height: 1.25rem;
        margin-right: 0.625rem
    }

    .navbar .container-fluid .header-menu-mobile:has(.mobile-favorites) .mobile-favorites .favorites-marker {
        position: absolute;
        background-color: #ff8700;
        width: 0.5rem;
        height: 0.5rem;
        top: 0.25rem;
        right: 0.5rem;
        border-radius: 100%
    }

    .navbar .container-fluid .header-menu-mobile:has(.mobile-favorites) .mobile-favorites .favorites-marker.hidden {
        display: none
    }

    .navbar .container-fluid .header-menu-mobile .dropdown-menu {
        position: absolute;
        z-index: 1000;
        display: none;
        min-width: 10rem;
        font-size: 1rem;
        color: #212529;
        text-align: left;
        list-style: none;
        background-color: #fff;
        background-clip: padding-box;
        border: 0.0625rem solid #999;
        border-radius: 0.375rem
    }

    .navbar .container-fluid .header-menu-mobile .dropdown-menu.showing,
    .navbar .container-fluid .header-menu-mobile .dropdown-menu.show {
        display: flex;
        flex-direction: column;
        justify-content: left
    }

    .navbar .container-fluid .header-menu-mobile #header-menu-mobile-dropdown {
        display: none;
        width: 17.5rem;
        border-radius: 0;
        padding: 0;
        margin: 0;
        top: 2.75rem;
        flex-direction: column;
        justify-content: left;
        right: 0
    }

    .navbar .container-fluid .header-menu-mobile #header-menu-mobile-dropdown .accordion {
        display: flex;
        flex-direction: column;
        border-top: 1px solid #999
    }

    .navbar .container-fluid .header-menu-mobile #header-menu-mobile-dropdown .accordion .accordion-item {
        color: #4f4f4f;
        background: #fff;
        border: none;
        text-align: left
    }

    .navbar .container-fluid .header-menu-mobile #header-menu-mobile-dropdown .accordion .accordion-item.accordion-item-proppit {
        border-top: 1px solid #999
    }

    .navbar .container-fluid .header-menu-mobile #header-menu-mobile-dropdown .accordion .accordion-item .collapse.show {
        display: flex
    }

    .navbar .container-fluid .header-menu-mobile #header-menu-mobile-dropdown .accordion .accordion-item .accordion-header {
        margin: 1rem
    }

    .navbar .container-fluid .header-menu-mobile #header-menu-mobile-dropdown .accordion .accordion-item .accordion-header .accordion-button {
        display: flex;
        font-size: 0.875rem;
        font-weight: 700;
        line-height: 1.1875rem;
        letter-spacing: 0;
        padding: 0;
        color: #4f4f4f;
        background-color: #fff;
        position: relative;
        align-items: center;
        width: 100%;
        text-align: left;
        border: 0;
        border-radius: 0;
        overflow-anchor: none;
        transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out, border-radius .15s ease
    }

    .navbar .container-fluid .header-menu-mobile #header-menu-mobile-dropdown .accordion .accordion-item .accordion-header .accordion-button::after {
        background-image: url("images/icon-arrowdown_s.svg");
        flex-shrink: 0;
        width: 1.25rem;
        height: 1.25rem;
        margin-left: auto;
        content: "";
        background-repeat: no-repeat;
        background-size: 1.25rem;
        transition: transform .2s ease-in-out
    }

    .navbar .container-fluid .header-menu-mobile #header-menu-mobile-dropdown .accordion .accordion-item .accordion-header .accordion-button:not(.collapsed)::after {
        transform: rotate(-180deg)
    }

    .navbar .container-fluid .header-menu-mobile #header-menu-mobile-dropdown .accordion .accordion-item .accordion-header .accordion-button:focus {
        border: none;
        box-shadow: none
    }

    .navbar .container-fluid .header-menu-mobile #header-menu-mobile-dropdown .accordion .accordion-item .accordion-header a.accordion-button {
        text-decoration: none;
        box-shadow: none
    }

    .navbar .container-fluid .header-menu-mobile #header-menu-mobile-dropdown .accordion .accordion-item .accordion-header a.accordion-button::after {
        display: none
    }

    .navbar .container-fluid .header-menu-mobile #header-menu-mobile-dropdown .accordion .accordion-item .accordion-collapse {
        display: flex
    }

    .navbar .container-fluid .header-menu-mobile #header-menu-mobile-dropdown .accordion .accordion-item .accordion-collapse.show .accordion-body {
        height: fit-content
    }

    .navbar .container-fluid .header-menu-mobile #header-menu-mobile-dropdown .accordion .accordion-item .accordion-body {
        padding: 0;
        font-size: 0.875rem;
        font-weight: 400;
        line-height: 1.1875rem;
        height: 0;
        overflow: hidden;
        transition: height .35s ease
    }

    .navbar .container-fluid .header-menu-mobile #header-menu-mobile-dropdown .accordion .accordion-item .accordion-body ul {
        padding: 0 1rem;
        margin-top: 0;
        list-style: none
    }

    .navbar .container-fluid .header-menu-mobile #header-menu-mobile-dropdown .accordion .accordion-item .accordion-body ul li {
        margin: 0.5rem;
        padding: 0.5rem
    }

    .navbar .container-fluid .header-menu-mobile #header-menu-mobile-dropdown .accordion .accordion-item .accordion-body ul li:focus {
        background-color: #f7f8fa
    }

    .navbar .container-fluid .header-menu-mobile #header-menu-mobile-dropdown .accordion .accordion-item .accordion-body ul li a {
        color: #4f4f4f;
        text-decoration: none;
        font-weight: 400
    }

    .navbar .container-fluid .header-menu-mobile #header-menu-mobile-dropdown .accordion .accordion-item .accordion-body ul li a:focus {
        color: #36c
    }

    .navbar .container-fluid .header-menu-mobile #header-menu-mobile-dropdown .publish-button {
        box-sizing: border-box;
        max-width: 100%;
        margin: 1.25rem 1rem;
        padding-left: 0;
        padding-right: 0;
        display: inline-block;
        text-align: center;
        text-decoration: none;
        cursor: pointer;
        user-select: none;
        border: 0.0625rem solid rgba(0, 0, 0, 0);
        border-radius: 0.25rem;
        background-color: #0cf;
        transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out
    }

    .navbar .container-fluid .header-menu-desktop {
        display: flex;
        flex-direction: row;
        align-content: center;
        flex-grow: 1;
        align-items: center
    }

    @media screen and (max-width: 1145px) {
        .navbar .container-fluid .header-menu-desktop {
            display: none
        }
    }

    .navbar .container-fluid .header-menu-desktop:has(.desktop-favorites__button) .desktop-favorites__button {
        margin-left: auto;
        color: #fff;
        text-decoration: none;
        font-style: normal;
        font-weight: 700;
        font-size: .75rem;
        line-height: 1rem;
        display: flex;
        align-items: center;
        margin-right: 10px
    }

    .navbar .container-fluid .header-menu-desktop:has(.desktop-favorites__button) .desktop-favorites__button .desktop-favorites__icon {
        background-image: url("images/favorite-icon-selected.svg");
        background-repeat: no-repeat;
        filter: invert(95%) sepia(0%) saturate(7476%) hue-rotate(111deg) brightness(106%) contrast(100%);
        width: 1.25rem;
        height: 1.25rem
    }

    .navbar .container-fluid .header-menu-desktop:has(.desktop-favorites__button) .desktop-favorites__button .desktop-favorites__text {
        margin-left: 0.375rem
    }

    .navbar .container-fluid .header-menu-desktop:has(.desktop-favorites__button) .desktop-favorites__button .desktop-favorites__number:not(:empty) {
        margin-left: 0.375rem;
        border-radius: 100%;
        background-color: #ff8700;
        width: 1.25rem;
        height: 1.25rem;
        display: flex;
        justify-content: center;
        align-items: center
    }

    .navbar .container-fluid .header-menu-desktop:has(.desktop-favorites__button) .nav-item.nav-favorites {
        font-style: normal;
        font-weight: 700;
        font-size: .75rem;
        line-height: 1rem;
        margin-left: auto;
        margin-right: 10px
    }

    .navbar .container-fluid .header-menu-desktop:has(.desktop-favorites__button) .nav-item.nav-login-proppit {
        margin: 0 0.375rem 0 0.375rem;
        border: #fff solid 0.0625rem;
        border-radius: 0.25rem
    }

    .navbar .container-fluid .header-menu-desktop:has(.desktop-favorites__button) .nav-item.nav-login-proppit .nav-link {
        width: 11.25rem;
        background-color: #36c;
        color: #fff;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 0.875rem;
        height: 2.1875rem;
        margin: 0;
        padding: 0
    }

    .navbar .container-fluid .header-menu-desktop:has(.desktop-favorites__button) .nav-item.nav-login-proppit .nav-link:hover {
        background-color: #36c;
        color: #fff
    }

    .navbar .container-fluid .header-menu-desktop .nav-item {
        background: rgba(0, 0, 0, 0)
    }

    .navbar .container-fluid .header-menu-desktop .nav-item.nav-login-proppit {
        font-style: normal;
        font-weight: 700;
        font-size: .75rem;
        line-height: 1rem;
        margin-left: auto
    }

    .navbar .container-fluid .header-menu-desktop .nav-item .nav-link {
        color: #fff;
        background: rgba(0, 0, 0, 0);
        border: none;
        border-radius: 0.25rem;
        margin: 0 0.25rem;
        padding: 0.25rem 0.125rem;
        text-decoration: none;
        font-weight: 700;
        font-size: 0.75rem;
        line-height: 1rem;
        list-style: none;
        display: flex;
        gap: 5px;
        align-items: center
    }

    .navbar .container-fluid .header-menu-desktop .nav-item .nav-link .icon {
        --wl-icon-width: 1.25rem;
        --wl-icon-height: 1.25rem
    }

    .navbar .container-fluid .header-menu-desktop .nav-item .nav-link:hover {
        background-color: #0cf;
        color: #fff;
        display: flex
    }

    .navbar .container-fluid .header-menu-desktop .nav-item .dropdown-menu {
        background: rgba(0, 0, 0, 0);
        padding: 0.75rem 0;
        border: none;
        position: absolute;
        z-index: 1000;
        display: none;
        min-width: 10rem;
        margin: 0;
        font-size: 1rem;
        color: #212529;
        text-align: left;
        list-style: none;
        background-clip: padding-box;
        border-radius: 0.25rem
    }

    .navbar .container-fluid .header-menu-desktop .nav-item .dropdown-menu__content {
        border-radius: 0.25rem;
        background: #fff;
        padding: 0.75rem 0;
        border: none;
        box-shadow: 0 0.0625rem 0.375rem 0.25rem rgba(33, 37, 41, .1)
    }

    .navbar .container-fluid .header-menu-desktop .nav-item .dropdown-menu__content:before {
        position: absolute;
        top: 3px;
        left: 1.25rem;
        display: inline-block;
        border-right: 0.5625rem solid rgba(0, 0, 0, 0);
        border-bottom: 0.5625rem solid #fff;
        border-left: 0.5625rem solid rgba(0, 0, 0, 0);
        content: ""
    }

    .navbar .container-fluid .header-menu-desktop .nav-item .dropdown-menu__content li {
        display: flex;
        flex-direction: row;
        align-items: center;
        gap: 0.625rem;
        border-bottom: 0.0625rem solid #999;
        font-weight: 400;
        font-size: 0.875rem;
        line-height: 1.1875rem
    }

    .navbar .container-fluid .header-menu-desktop .nav-item .dropdown-menu__content li a {
        padding: 0.875rem 1.25rem;
        color: #4f4f4f;
        text-decoration: none;
        margin: 0;
        display: block;
        width: 100%;
        height: 100%
    }

    .navbar .container-fluid .header-menu-desktop .nav-item .dropdown-menu__content li:last-child {
        border: none
    }

    .navbar .container-fluid .header-menu-desktop .nav-item .dropdown-menu__content li:hover {
        color: #36c;
        background-color: #f7f8fa;
        border-left: 0.25rem solid #36c
    }

    .navbar .container-fluid .header-menu-desktop .nav-item .dropdown-menu__content li:hover a {
        padding-left: 1rem
    }

    .navbar .container-fluid .header-menu-desktop .nav-item .dropdown-menu__content li:hover ul:before {
        width: 0;
        height: 0;
        border-left: 50px solid rgba(0, 0, 0, 0);
        border-right: 50px solid rgba(0, 0, 0, 0);
        border-bottom: 100px solid #fff
    }

    .navbar .container-fluid .header-menu-desktop .nav-item:hover .dropdown-menu {
        display: flex;
        flex-direction: column
    }

    .navbar .container-fluid .dropdown-toggle {
        margin-left: auto;
        margin-top: auto;
        background: none;
        border: none;
        box-shadow: none;
        padding: 0;
        height: 1.3125rem
    }

    .navbar .container-fluid .dropdown-toggle::after {
        display: none
    }

    @media screen and (min-width: 1145px) {
        .navbar {
            flex-wrap: wrap;
            justify-content: center
        }

        .navbar .navbar-brand {
            margin-right: 1rem
        }

        .navbar .container-fluid {
            padding: 0;
            margin: 0 0.9375rem;
            flex-wrap: nowrap
        }
    }

    .footer {
        background-color: #f7f8fa;
        padding-top: 1.25rem;
        margin-top: auto;
        font-style: normal
    }

    .footer .container {
        max-width: 1320px;
        display: flex;
        flex-direction: column;
        padding: 0 1rem
    }

    @media only screen and (min-width: 1320px) {
        .footer .container {
            width: 1320px;
            padding: 0;
            margin: 0 auto
        }
    }

    .footer .container {
        padding-top: 1.25rem;
        padding-bottom: 1.25rem
    }

    .footer .container ul.block {
        list-style-type: none;
        padding: 0
    }

    .footer .container ul.block li {
        margin-bottom: 0.625rem;
        line-height: 1.5rem
    }

    .footer .container h5 {
        color: #000;
        margin: 0 0 0.9375rem;
        font-weight: 700;
        font-size: 1rem;
        line-height: 1.375rem
    }

    .footer .container a {
        text-decoration: none;
        color: #4a4a4a;
        font-weight: 400;
        font-size: 0.875rem;
        line-height: 1.1875rem
    }

    .footer .container a:hover {
        color: #ff8700
    }

    .footer .container .logos {
        display: flex;
        flex-direction: column;
        margin-bottom: 0.625rem;
        margin-left: auto
    }

    @media screen and (min-width: 760px) {
        .footer .container .logos {
            align-items: flex-end
        }
    }

    .footer .container .logos__social-logo {
        display: flex;
        margin-left: 0.25rem
    }

    .footer .container .logos__social-logo a {
        margin-right: 0.625rem
    }

    .footer .container .logos__brand-logo {
        margin-bottom: 1.25rem
    }

    .footer .container .row {
        display: flex;
        flex-direction: column
    }

    .footer .container .row .col-sm {
        flex: 1 0 0;
        width: 100%;
        max-width: 100%
    }

    .footer .copyright {
        background: #36c;
        max-width: 100%
    }

    .footer .copyright .container {
        max-width: 82.5rem;
        font-weight: 400;
        font-size: 0.75rem;
        line-height: 0.875rem;
        color: #fff;
        display: flex;
        flex-direction: column;
        gap: 1.25rem
    }

    @media screen and (min-width: 760px) {
        .footer .copyright .container {
            flex-direction: row;
            align-items: center
        }
    }

    .footer .copyright .container .logo-lc {
        display: flex;
        flex-direction: column
    }

    @media screen and (min-width: 760px) {
        .footer .copyright .container .logo-lc {
            margin-left: auto
        }
    }

    .footer__bottom-fixed {
        position: fixed;
        bottom: 0;
        width: 100%
    }

    @media screen and (max-width: 760px) {
        .footer__bottom-fixed {
            position: relative
        }
    }

    @media only screen and (min-width: 760px) {
        .footer .container .row {
            flex-direction: row
        }

        .footer .copyright {
            padding: 1.25rem 0
        }

        .footer .copyright .container {
            padding-top: 0;
            padding-bottom: 0
        }
    }

    .beach::before {
        background-image: url(images/ic-beach.svg)
    }

    .healthcare::before {
        background-image: url(images/ic-healthcare.svg)
    }

    .nursery_school::before {
        background-image: url(images/ic-nursery-school.svg)
    }

    .park::before,
    .nature_and_outdoor::before,
    .nature::before {
        background-image: url(images/ic-park.svg)
    }

    .school::before,
    .education::before {
        background-image: url(images/ic-school.svg)
    }

    .train_station::before,
    .transportation::before,
    .transport::before {
        background-image: url(images/ic-transport.svg)
    }

    .services_and_commerce::before,
    .grocery::before {
        background-image: url(images/ic-services-and-commerces.svg)
    }

    .leisure_and_attractions::before,
    .leisure::before {
        background-image: url(images/ic-leisure-and-attraction.svg)
    }

    .shopping::before {
        background-image: url(images/ic-shopping.svg)
    }

    .parking::before {
        background-image: url(images/ic-parking.svg)
    }

    .rate-your-area-form__star {
        color: rgba(0, 0, 0, .15);
        -webkit-text-stroke: 1px rgba(51, 102, 204, .1)
    }

    .rate-your-area-form__star:focus {
        outline: 2px solid #36c
    }

    .rate-your-area-form__stars[data-value="1"] .rate-your-area-form__star:nth-child(-n+1) {
        color: #ff8700;
        -webkit-text-stroke-color: #ff8700
    }

    .rate-your-area-form__stars[data-hover-value="1"] .rate-your-area-form__star:nth-child(-n+1) {
        color: #ff8700;
        -webkit-text-stroke-color: #ff8700
    }

    .rate-your-area-form__stars[data-value="2"] .rate-your-area-form__star:nth-child(-n+2) {
        color: #ff8700;
        -webkit-text-stroke-color: #ff8700
    }

    .rate-your-area-form__stars[data-hover-value="2"] .rate-your-area-form__star:nth-child(-n+2) {
        color: #ff8700;
        -webkit-text-stroke-color: #ff8700
    }

    .rate-your-area-form__stars[data-value="3"] .rate-your-area-form__star:nth-child(-n+3) {
        color: #ff8700;
        -webkit-text-stroke-color: #ff8700
    }

    .rate-your-area-form__stars[data-hover-value="3"] .rate-your-area-form__star:nth-child(-n+3) {
        color: #ff8700;
        -webkit-text-stroke-color: #ff8700
    }

    .rate-your-area-form__stars[data-value="4"] .rate-your-area-form__star:nth-child(-n+4) {
        color: #ff8700;
        -webkit-text-stroke-color: #ff8700
    }

    .rate-your-area-form__stars[data-hover-value="4"] .rate-your-area-form__star:nth-child(-n+4) {
        color: #ff8700;
        -webkit-text-stroke-color: #ff8700
    }

    .rate-your-area-form__stars[data-value="5"] .rate-your-area-form__star:nth-child(-n+5) {
        color: #ff8700;
        -webkit-text-stroke-color: #ff8700
    }

    .rate-your-area-form__stars[data-hover-value="5"] .rate-your-area-form__star:nth-child(-n+5) {
        color: #ff8700;
        -webkit-text-stroke-color: #ff8700
    }

    .rate-your-area-form__submit {
        border-color: #36c;
        background-color: #36c;
        color: #fff
    }

    .rate-your-area-form__submit:hover {
        background-color: rgba(51, 102, 204, .1);
        border-color: rgba(51, 102, 204, .1);
        color: #fff
    }

    .rate-your-area-form__submit:focus {
        outline: 2px solid #36c
    }

    .rate-your-area {
        --star-filling-color: #FF8700
    }

    .rate-your-area .rate-your-area__item-wrapper .rate-your-area-item__progress-bar__container {
        background-color: rgba(51, 102, 204, .1)
    }

    .rate-your-area .rate-your-area__item-wrapper .rate-your-area-item__progress-bar__filled {
        background-color: #36c
    }

    .area-description__title {
        color: #0a0a0a
    }

    .area-description__text {
        color: #4a4a4a
    }

    .nearby-map,
    .nearby-map__map {
        --neutral-N1: #0A0A0A;
        --neutral-N2: #333333;
        --neutral-N3: #4a4a4a;
        --primary-Brand-Color: #3366CC
    }

    .nearby-map wl-custom-map-marker[category=education],
    .nearby-map__map wl-custom-map-marker[category=education] {
        --wl-marker-color: #00CCFF
    }

    .nearby-map wl-custom-map-marker[category=education][type=school],
    .nearby-map__map wl-custom-map-marker[category=education][type=school] {
        --wl-marker-icon-url: url(images/ic-school-raw-white.svg)
    }

    .nearby-map wl-custom-map-marker[category=education][type=nursery_school],
    .nearby-map__map wl-custom-map-marker[category=education][type=nursery_school] {
        --wl-marker-icon-url: url(images/ic-nursery_school-raw-white.svg)
    }

    .nearby-map wl-custom-map-marker[category=education][type=university],
    .nearby-map__map wl-custom-map-marker[category=education][type=university] {
        --wl-marker-icon-url: url(images/ic-university-raw-white.svg)
    }

    .nearby-map wl-custom-map-marker[category=transport],
    .nearby-map__map wl-custom-map-marker[category=transport] {
        --wl-marker-color: #4a4a4a
    }

    .nearby-map wl-custom-map-marker[category=transport][type=subway_station],
    .nearby-map__map wl-custom-map-marker[category=transport][type=subway_station] {
        --wl-marker-icon-url: url(images/ic-subway_station-raw-white.svg)
    }

    .nearby-map wl-custom-map-marker[category=transport][type=train_station],
    .nearby-map__map wl-custom-map-marker[category=transport][type=train_station] {
        --wl-marker-icon-url: url(images/ic-train_station-raw-white.svg)
    }

    .nearby-map wl-custom-map-marker[category=transport][type=brt_station],
    .nearby-map__map wl-custom-map-marker[category=transport][type=brt_station] {
        --wl-marker-icon-url: url(images/ic-brt_station-raw-white.svg)
    }

    .nearby-map wl-custom-map-marker[category=transport][type=cable_car_station],
    .nearby-map__map wl-custom-map-marker[category=transport][type=cable_car_station] {
        --wl-marker-icon-url: url(images/ic-cable_car_station-raw-white.svg)
    }

    .nearby-map wl-custom-map-marker[category=transport][type=bus_stop],
    .nearby-map__map wl-custom-map-marker[category=transport][type=bus_stop] {
        --wl-marker-icon-url: url(images/ic-bus_stop-raw-white.svg)
    }

    .nearby-map wl-custom-map-marker[category=transport][type=lrt_station],
    .nearby-map__map wl-custom-map-marker[category=transport][type=lrt_station] {
        --wl-marker-icon-url: url(images/ic-lrt_station-raw-white.svg)
    }

    .nearby-map wl-custom-map-marker[category=transport][type=trolley_bus_station],
    .nearby-map__map wl-custom-map-marker[category=transport][type=trolley_bus_station] {
        --wl-marker-icon-url: url(images/ic-trolley_bus_station-raw-white.svg)
    }

    .nearby-map wl-custom-map-marker[category=transport][type=airport],
    .nearby-map__map wl-custom-map-marker[category=transport][type=airport] {
        --wl-marker-icon-url: url(images/ic-airport-raw-white.svg)
    }

    .nearby-map wl-custom-map-marker[category=services],
    .nearby-map__map wl-custom-map-marker[category=services] {
        --wl-marker-color: #FF8700
    }

    .nearby-map wl-custom-map-marker[category=services][type=market],
    .nearby-map__map wl-custom-map-marker[category=services][type=market] {
        --wl-marker-icon-url: url(images/ic-market-raw-white.svg)
    }

    .nearby-map wl-custom-map-marker[category=services][type=government_office],
    .nearby-map__map wl-custom-map-marker[category=services][type=government_office] {
        --wl-marker-icon-url: url(images/ic-government_office-raw-white.svg)
    }

    .nearby-map wl-custom-map-marker[category=healthcare],
    .nearby-map__map wl-custom-map-marker[category=healthcare] {
        --wl-marker-color: #F55C66
    }

    .nearby-map wl-custom-map-marker[category=healthcare][type=healthcare],
    .nearby-map__map wl-custom-map-marker[category=healthcare][type=healthcare] {
        --wl-marker-icon-url: url(images/ic-healthcare-raw-white.svg)
    }

    .nearby-map wl-custom-map-marker[category=healthcare][type=hospital],
    .nearby-map__map wl-custom-map-marker[category=healthcare][type=hospital] {
        --wl-marker-icon-url: url(images/ic-hospital-raw-white.svg)
    }

    .nearby-map wl-custom-map-marker[category=leisure],
    .nearby-map__map wl-custom-map-marker[category=leisure] {
        --wl-marker-color: #3366CC
    }

    .nearby-map wl-custom-map-marker[category=leisure][type=mall],
    .nearby-map__map wl-custom-map-marker[category=leisure][type=mall] {
        --wl-marker-icon-url: url(images/ic-mall-raw-white.svg)
    }

    .nearby-map wl-custom-map-marker[category=leisure][type=government_office],
    .nearby-map__map wl-custom-map-marker[category=leisure][type=government_office] {
        --wl-marker-icon-url: url(images/ic-government_office-raw-white.svg)
    }

    .nearby-map wl-custom-map-marker[category=leisure][type=market],
    .nearby-map__map wl-custom-map-marker[category=leisure][type=market] {
        --wl-marker-icon-url: url(images/ic-market-raw-white.svg)
    }

    .nearby-map wl-custom-map-marker[category=leisure][type=tourist_spot],
    .nearby-map__map wl-custom-map-marker[category=leisure][type=tourist_spot] {
        --wl-marker-icon-url: url(images/ic-tourist_spot-raw-white.svg)
    }

    .nearby-map wl-custom-map-marker[category=leisure][type=park],
    .nearby-map__map wl-custom-map-marker[category=leisure][type=park] {
        --wl-marker-color: #1A8A7A;
        --wl-marker-icon-url: url(images/ic-park-raw-white.svg)
    }

    .nearby-map wl-custom-map-marker[category=leisure][type=beach],
    .nearby-map__map wl-custom-map-marker[category=leisure][type=beach] {
        --wl-marker-color: #1A8A7A;
        --wl-marker-icon-url: url(images/ic-beach-raw-white.svg)
    }