@media (max-width: 1024px) {
    .main-header.sticky-header {
        position: fixed;
    }
}
#immobilienanfrage-rsform-wrapper {
    /* utility */
    /* .noscroll {
        position: fixed;
        top: var(--st, 0);
        inline-size: 100%;
        overflow-y: scroll;
    } */

    @media (max-width: 1024px) {
        .split-view {
            flex-flow: column;
        }

        .split-view > .split-view--left-side,
        .split-view > .split-view--right-side {
            width: 100%;
            padding: 20px;
        }

        .split-view > .split-view--left-side > .inner-content {
            padding-inline: 0;
            max-width: none;
        }

        .split-view > .split-view--right-side > .inner-content {
            padding-inline: 0;
            max-width: none;
        }
    }

    @media (min-width: 1025px) {
        .split-view > .split-view--left-side > .inner-content,
        .split-view > .split-view--right-side > .inner-content {
            max-width: 620px;
            margin-top: 40px;
        }

        .split-view > .split-view--left-side,
        .split-view > .split-view--right-side {
            padding: 0px 0px 75px 0px;
        }
    }

    /* HEADER FOR THE LEFT SIDE */
    .header {
        display: flex;
        padding-top: 2px;
        flex-direction: row-reverse;
        align-items: flex-start;
        /* gap: 24px; */
        flex: 1 0 0;
        margin-bottom: 43px;
        position: sticky;
        top: 120px;
    }
    .link-back {
        margin-bottom: 24px;
    }

    /* .header > .logo-link {
        display: block;
        margin-bottom: 47px;
        width: fit-content;
    } */

    .recommendation-other-margin {
        margin-bottom: 40px;
    }

    /* FOR THE BROCHURE FORM */
    .header > .description {
        margin-top: 40px;
        color: rgba(0, 48, 94, 0.85);
        font-feature-settings: "cv06" on, "cv04" on, "cv02" on, "cv01" on,
            "cv03" on, "cv05" on, "case" on;
        max-width: 441px;
        /* Body/400/Body Medium 400 */
        font-family: Inter;
        font-size: 14px;
        font-style: normal;
        font-weight: 400;
        line-height: 22px; /* 157.143% */
        letter-spacing: 0.25px;
    }

    /* IMAGE MOSAIC */
    .image-mosaic {
        position: relative;
        width: 100%;
    }

    .image-mosaic > .image-mosaic--image-compositon {
        aspect-ratio: 300 / 235;
        width: 100%;
        height: auto;
        margin: 0 auto;
        position: relative;
    }

    .image-mosaic
        > .image-mosaic--image-compositon
        > .image-compositon--top-left {
        position: absolute;
        top: 0;
        left: 0;
        width: 39%;
        height: auto;
        background: lightgray;
        object-fit: cover;
        box-shadow: 0px 12px 42px -4px rgba(20, 23, 26, 0.12),
            0px 8px 32px -6px rgba(20, 23, 26, 0.12);
        z-index: 3;
        transform: rotate(-2.259deg);
    }

    .image-mosaic
        > .image-mosaic--image-compositon
        > .image-compositon--bottom-right {
        position: absolute;
        right: 0;
        bottom: 0;
        width: 76%;
        height: auto;
        transform: rotate(5.302deg);
        background: lightgray;
        box-shadow: 0px 12px 42px -4px rgba(20, 23, 26, 0.12),
            0px 8px 32px -6px rgba(20, 23, 26, 0.12);
        object-fit: cover;
        z-index: 2;
    }

    .optional {
        color: #00305e;
        font-weight: 400;
        font-size: 14px;
    }

    /* .header > .logo-link > .logo {
        max-width: 100%;
        height: auto;
        font-style: italic;
    } */

    .header > .header-content {
        display: flow;
        flex-direction: column;
        justify-content: center;
        align-items: flex-start;
        /* margin-bottom: 40px; */
    }

    .header > .header-content .location-title {
        font-family: Inter;
        font-weight: 400;
        font-size: 11px;
        letter-spacing: 1px;
        text-transform: uppercase;
        color: #00305ebf;
        margin-bottom: 8px;
    }
    .header > .header-content .main-title {
        text-align: left;
        color: #00305e;
        font-feature-settings: "cv06" on, "cv04" on, "cv02" on, "cv01" on,
            "cv03" on, "cv05" on, "case" on;
        font-family: Inter;
        font-size: 22px;
        font-style: normal;
        font-weight: 700;
        line-height: 24px;
        letter-spacing: 0.25px;
        margin-bottom: 17px;
    }

    .header > .transition-wrapper > .transition-inner > .woman-image {
        object-fit: cover;
        border-radius: 5px;
        box-shadow: 0px 8px 18px 0px rgba(0, 48, 94, 0.1);
        outline: 1px solid rgba(0, 48, 94, 0.15);
        outline-offset: -1px;
        width: 100%;
        height: 345px;
    }

    .form-selector .form-selector-opt {
        width: 100%;
        height: auto;
        outline: 1px solid rgba(0, 48, 94, 0.15);
        border-radius: 5px;
        padding: 20px 24px 20px 24px;
        margin-bottom: 20px;
        outline-offset: -1px;
    }

    .form-selector .form-selector-opt:hover {
        cursor: pointer;
    }

    .form-selector .form-selector-opt.active {
        outline: 2px solid rgba(78, 115, 245, 1);
        outline-offset: -2px;
    }

    .form-selector .form-selector-opt .basic-radio-input .background {
        border-radius: 15px;
    }

    .form-selector .form-selector-opt .basic-radio-input .radio-label {
        font-weight: 600;
        line-height: 22px;
    }

    .form-selector .form-selector-opt .form-selector-text {
        color: rgba(0, 0, 0, 0.85);
        font-family: Inter;
        font-feature-settings: "cv09" on, "cv06" on, "cv04" on, "cv02" on,
            "cv01" on, "cv03" on, "cv05" on, "case" on;
        font-size: 14px;
        font-weight: 400;
        line-height: 22px;
        letter-spacing: 0.25px;
        text-align: left;
        margin-left: 40px;
        margin-top: 5px;
    }

    .form-selector .form-selector-opt a {
        color: #00305e;
        font-family: Inter;
        font-feature-settings: "cv09" on, "cv06" on, "cv04" on, "cv02" on,
            "cv01" on, "cv03" on, "cv05" on, "case" on;
        font-size: 14px;
        font-weight: 600;
        line-height: 22px;
        letter-spacing: 0.25px;
        text-align: left;
        margin-left: 40px;
    }

    .vp-button.hide-button {
        position: absolute;
        left: 45%;
        border-radius: 50%;
        width: 40px;
        height: 40px;
        transform: rotate(180deg);
    }

    /* END OF HEADER FOR THE LEFT SIDE */

    /* START OF RIGHT SIDE  */

    .split-view--right-side {
        position: relative;
        flex-direction: column;
    }

    .spinner__wrapper {
        align-items: initial;
        overflow: unset;
    }

    .spinner__wrapper-spinner__content {
        position: sticky;
        top: 50%;
        padding-bottom: 100px;
        height: fit-content;
    }

    .subtitle,
    .subtitle-area {
        text-align: left;
        color: #00305e;
        font-feature-settings: "cv06" on, "cv04" on, "cv02" on, "cv01" on,
            "cv03" on, "cv05" on, "case" on;
        /* Heading/Heading 3 */
        font-family: Inter;
        font-size: 22px;
        font-style: normal;
        font-weight: 700;
        line-height: 28px; /* 109.091% */
        letter-spacing: 0.25px;
        /* margin-top: 24px; */
    }

    .text {
        color: rgba(0, 0, 0, 0.85);
        font-family: Inter;
        font-feature-settings: "cv09" on, "cv06" on, "cv04" on, "cv02" on,
            "cv01" on, "cv03" on, "cv05" on, "case" on;
        font-size: 14px;
        font-weight: 400;
        line-height: 22px;
        letter-spacing: 0.25px;
        text-align: left;
        margin-top: 24px;
    }

    .form-section ~ .captcha {
        margin-top: 40px;
    }

    .captcha {
        margin-bottom: 40px;
    }

    .captcha .cf-turnstile {
        margin-bottom: 24px;
    }

    .btn-message {
        margin-bottom: 52px;
        display: flex;
        flex-direction: column;
    }
    .btn-message > .vp-button {
        width: 100%;
        margin-bottom: 40px;
        order: 1;
    }
    .btn-message > .message-wrapper {
        display: flex;
        align-items: center;
        background-color: rgba(62, 160, 13, 0.05);
        border-radius: 5px;
        border: 1px solid rgba(62, 160, 13, 0.15);
        padding: 20px;
        order: 2;
    }
    .btn-message > .message-wrapper > .icon {
        margin-right: 12px;
        width: 17px;
        height: 19px;
        flex-shrink: 0;
    }
    .btn-message > .message-wrapper > .message {
        margin: 0;
        color: #00305e;
        font-feature-settings: "cv06" on, "cv04" on, "cv02" on, "cv01" on,
            "cv03" on, "cv05" on, "case" on;
        /* Body/400/Body Small 400 */
        font-family: Inter;
        font-size: 12px;
        font-style: normal;
        font-weight: 400;
        line-height: 18px; /* 150% */
        letter-spacing: 0.25px;
    }

    .form-section {
        /* margin-top: 30px; */
        /* padding-bottom: 15px; */
    }

    .form-section > .form-section-title {
        color: #00305e;
        font-family: Inter;
        font-feature-settings: "cv09" on, "cv06" on, "cv04" on, "cv02" on,
            "cv01" on, "cv03" on, "cv05" on, "case" on;
        font-size: 16px;
        font-weight: 700;
        line-height: 22px;
        letter-spacing: 0.15000000596046448px;
        text-align: left;
        margin-bottom: 20px;
    }

    .form-section .basic-select-input,
    .form-section .multiple-select-input {
        height: auto;
    }

    .form-section .basic-select-input .vp-button,
    .form-section .multiple-select-input .vp-button {
        height: 48px;
    }

    .form-section .basic-select-input .dropdown-select {
        /* width: 180px; */
        width: 100%;
        top: 89px;
        max-height: 200px;
        overflow: auto;
    }

    .form-section .basic-select-input #salutation-select-dropdown {
        /* width: 180px; */
        width: 100%;
        top: 89px;
        max-height: fit-content;
        overflow: auto;
    }

    .form-section .basic-input,
    .form-section .basic-split-input,
    .form-section .basic-select-input {
        margin-bottom: 24px;
    }

    .form-section.border-bottom.inner-content {
        margin-bottom: 0px;
    }
    .form-section textarea {
        height: 100px;
    }

    .form-section .basic-checkbox-input .checkbox-label,
    .form-section .basic-radio-input .radio-label {
        color: rgba(0, 48, 94, 0.65);
        font-family: Inter;
        font-feature-settings: "cv09" on, "cv06" on, "cv04" on, "cv02" on,
            "cv01" on, "cv03" on, "cv05" on, "case" on;
        font-size: 12px;
        font-weight: 400;
        line-height: 18px;
        letter-spacing: 0.25px;
        text-align: left;
        margin-left: 11px;
    }

    .form-section .basic-checkbox-input .checkbox-label a {
        color: rgba(0, 48, 94, 0.65);
        font-weight: 500;
        text-decoration: underline;

        & .link-icon {
            height: 13px;
            width: 13px;
            vertical-align: middle;
        }
    }

    .form-section .basic-radio-input,
    .form-section .multiple-select-input {
        margin-bottom: 22px;
    }

    .form-section .basic-radio-input > .control > .radio-wrapper > .background {
        border-radius: 15px;
    }

    .contact-way {
        display: flex;
    }

    #basic-checkbox-group-contact-via {
        margin-bottom: 40px;
    }

    .contact-way .basic-checkbox-input {
        height: 48px;
        border: 1px solid rgba(0, 48, 94, 0.15);
        padding: 14px 15px 8px 18px;
        border-radius: 5px;
        margin-right: 20px;
        box-shadow: 0px 1px 2px 0px rgb(0 48 94 / 6%);
    }

    .contact-way .basic-checkbox-input > .control {
        align-items: center;
    }

    .contact-way .basic-checkbox-input > .control > .checkbox-wrapper,
    .contact-way
        .basic-checkbox-input
        > .control
        > .checkbox-wrapper
        > .checkbox {
        width: 16px;
        height: 16px;
    }

    .contact-way .basic-checkbox-input .checkbox-label {
        color: #00305e;
        font-family: Inter;
        font-feature-settings: "cv09" on, "cv06" on, "cv04" on, "cv02" on,
            "cv01" on, "cv03" on, "cv05" on, "case" on;
        font-size: 16px;
        font-weight: 600;
        line-height: 12px;
        letter-spacing: 0.15px;
        text-align: left;
        margin-left: 10px;
    }

    .contact-way
        .basic-checkbox-input
        > .control
        > .checkbox-wrapper
        > .background {
        border-radius: 2px;
        width: 16px;
        height: 16px;
    }
    .contact-way
        .basic-checkbox-input
        > .control
        > .checkbox-wrapper
        > .background
        > .check-icon,
    .contact-way
        .basic-checkbox-input
        > .control
        > .checkbox-wrapper
        > .background
        > .check-icon
        svg {
        width: 10px;
        height: 6px;
    }

    .form-section label,
    .form-section > #contact-way-label,
    .form-section span.label {
        color: #00305e;
        font-family: Inter;
        font-feature-settings: "cv09" on, "cv06" on, "cv04" on, "cv02" on,
            "cv01" on, "cv03" on, "cv05" on, "case" on;
        font-size: 12px;
        font-weight: 600;
        line-height: 22px;
        letter-spacing: 0.25px;
        text-align: left;
    }

    @media (max-width: 1024px) {
        .form-section label{
            font-size: 14px;
        }
    }


    .main-form
        > .right-col
        > .form-section
        .contact-way
        .basic-checkbox-input
        .checkbox-label {
        margin-left: 10px;
    }

    .contact-way .basic-checkbox-input > .control > .checkbox-wrapper {
        /* width: 14px; */
    }

    .contact-way > .contact-checkbox.active > .basic-checkbox-input {
        background-color: #ecf1fd;
        border: 1px solid rgba(78, 115, 244, 1);
    }

    .contact-way
        > .contact-checkbox.active
        > .basic-checkbox-input
        .checkbox-label {
        color: rgba(78, 115, 244, 1);
    }

    #basic-input-location-input .dropdown-input {
        overflow: auto;
        max-height: 200px;
    }

    #basic-checkbox-input-consent-checkbox-2 {
        margin-top: 24px;
    }

    .popup {
        display: none;
        opacity: 0;
        width: 100vw;
        height: 100dvh;
        position: fixed;
        top: 0;
        bottom: 0;
        right: 0;
        left: 0;
        z-index: 2000;
        justify-content: center;
        align-items: center;
    }

    .popup > .popup--background {
        display: block;
        position: absolute;
        inset: 0;
        z-index: 1;
        width: 100%;
        height: 100%;
        background-color: rgba(0, 0, 0, 0.5);
    }

    .popup > .popup--content {
        display: none;
        margin: 0 16px 20px 16px;
        max-width: 432px;
        min-width: 0;
        min-height: 276px;
        z-index: 2;
        width: 100%;
        border-radius: 5px;
        border: 1px solid rgba(0, 48, 94, 0.15);
        background: #fff;
        box-shadow: 0px 10px 64px 0px rgba(0, 0, 0, 0.08);
        overflow: hidden;
        padding: 32px;
    }

    .popup > .popup--content.popup--content-active {
        display: block;
        /* display: flex; */
        padding: 24px;
        align-items: center;
        gap: 10px;
    }
    .popup > .popup--content > .icon-box {
        display: flex;
        justify-content: center;
        align-items: center;
        .icon {
            width: 150px;
            height: 150px;
            aspect-ratio: 1/1;
            margin-bottom: 20px;
        }
    }

    .popup > .popup--content > .title {
        color: #00305e;
        text-align: center;
        font-feature-settings: "case" on, "cv01" on, "cv02" on, "cv03" on,
            "cv04" on, "cv05" on, "cv06" on;
        font-family: Inter;
        font-size: 22px;
        font-style: normal;
        font-weight: 700;
        line-height: 28px; /* 127.273% */
        letter-spacing: 0.25px;
    }

    .popup > .popup--content > .description {
        color: rgba(0, 0, 0, 0.85);
        text-align: center;
        font-feature-settings: "case" on, "cv01" on, "cv02" on, "cv03" on,
            "cv04" on, "cv05" on, "cv06" on;
        /* Body/400/Body Medium 400 */
        font-family: Inter;
        font-size: 14px;
        font-style: normal;
        font-weight: 400;
        line-height: 22px; /* 157.143% */
        letter-spacing: 0.25px;
        margin-bottom: 60px;
    }

    .popup > .popup--content > .vp-button {
        width: 100%;
        margin-bottom: 12px;
    }

    .captcha {
        margin-top: 20px;
    }
    @media (max-width: 1024px) {
        .split-view--right-side {
            flex-direction: row;
        }
        .subtitle,
        .subtitle-area {
            margin-top: 11px;
        }
        .split-view--right-side .border-bottom {
            border: none;
        }
    }
    @media (max-width: 1024px) {
        .header {
            margin-bottom: 0;
        }

        .basic-input input[type="tel"] {
            height: 48px;
            font-size: 16px;
        }

        .transition-wrapper {
            display: grid;
            grid-template-rows: 0fr;
            transition: grid-template-rows 0.5s ease-out;
        }

        .displayed .transition-wrapper,
        .brochure .transition-wrapper {
            grid-template-rows: 1fr;
        }

        .transition-wrapper > .transition-inner:not(.active) {
            overflow: hidden;
        }

        .form-selector .form-selector-opt .form-selector-wrapper {
            display: grid;
            grid-template-rows: 0fr;
            transition: grid-template-rows 0.3s ease-out;
        }

        .form-selector .form-selector-opt.active .form-selector-wrapper {
            grid-template-rows: 1fr;
        }

        .form-selector .form-selector-opt .form-selector-inner {
            overflow: hidden;
        }

        .border-bottom {
            border-bottom: 1px solid rgba(0, 48, 94, 0.15);
        }

        .form-section .basic-split-input .split-wrapper,
        .form-section .basic-input #email-input {
            height: 48px;
        }

        .main-form > .right-col > .vp-button {
            width: 100%;
        }

        .hide-button.collapsed > .fa {
            transform: rotate(-180deg);
        }
    }

    .split-view--left-side {
        position: sticky;
        /* padding: 20px 16px; */
        /* padding-top: 48px; */
    }
    .header {
        flex-direction: column;
        /* position:static; */
    }
    .header > .header-content {
        width: 60%;
        /* height: 100.044px !important; */
    }
    .header > .header-content .location-title {
        color: rgba(0, 48, 94, 0.75);
        font-feature-settings: "case" on, "cv01" on, "cv02" on, "cv03" on,
            "cv04" on, "cv05" on, "cv06" on;

        /* Overline/500/Overline Large */
        font-family: Inter;
        font-size: 11px;
        font-style: normal;
        font-weight: 500;
        line-height: 14px; /* 127.273% */
        letter-spacing: 1px;
        text-transform: uppercase;
    }
    .header > .header-content .main-title {
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        overflow: hidden;
        color: #00305e;
        font-feature-settings: "case" on, "cv01" on, "cv02" on, "cv03" on,
            "cv04" on, "cv05" on, "cv06" on;

        /* Body/500/Body Medium 500 */
        font-family: Inter;
        font-size: 14px;
        font-style: normal;
        font-weight: 500;
        line-height: 22px; /* 157.143% */
        letter-spacing: 0.25px;
    }
    .header > .transition-wrapper {
        width: 40%;
        /* padding-left: 16px; */
    }
    .header > .transition-wrapper .woman-image {
        /* object-position: left; */
        height: 100.044px !important;
    }

    @media (min-width: 1025px) {
        #userPropertyExpose {
            margin-top: 60px;
        }

        .main-form {
            min-height: 100vh;
            display: grid;
        }

        section .subtitle-area {
            font-size: 14px;
            font-weight: 600;
        }

        .hide-button {
            display: none;
        }

        .contact-way .basic-checkbox-input {
            height: 32px;
            padding: 9px 10px 9px 10px;
        }

        .contact-way
            .basic-checkbox-input
            > .control
            > .checkbox-wrapper
            > .background {
            height: 12px;
            width: 12px;
        }

        .contact-way .basic-checkbox-input > .control > .checkbox-wrapper,
        .contact-way
            .basic-checkbox-input
            > .control
            > .checkbox-wrapper
            > .checkbox {
            width: 12px;
            height: 12px;
        }

        .contact-way .basic-checkbox-input .checkbox-label {
            font-size: 12px;
            line-height: 9px;
            letter-spacing: 0.15px;
        }

        .contact-way .basic-checkbox-input:hover {
            background-color: rgba(242, 244, 247, 1);
            cursor: pointer;
        }

        .contact-way .basic-checkbox-input:hover .checkbox ~ .background {
            border: 1px solid rgba(0, 48, 94, 0.2);
            background: #f2f4f7;
            box-shadow: 0px 1px 2px 0px rgba(0, 48, 94, 0.12);
        }

        .contact-way
            .basic-checkbox-input:hover
            .checkbox
            ~ .background
            > .check-icon {
            transition: opacity 0.1s ease-in-out, filter 0.1s ease-in-out;
            opacity: 1;
            color: rgba(0, 48, 94, 0.2);
        }

        .contact-way .basic-checkbox-input:active {
            border-color: rgba(217, 224, 231, 1);
            background-color: rgba(217, 224, 231, 1);
            box-shadow: none;
        }

        .contact-way .basic-checkbox-input:active .checkbox-label {
            color: rgba(0, 48, 94, 0.75);
        }

        .contact-way
            .basic-checkbox-input:active
            > .control
            > .checkbox-wrapper
            > .checkbox
            ~ .background {
            border-color: #b7c6d2;
            background-color: #b7c6d2;
            box-shadow: none;
        }

        .contact-way
            .basic-checkbox-input
            > .control
            > .checkbox-wrapper
            > .checkbox:checked
            ~ .background {
            background-color: #4e73f4;
            border-color: #4e73f4;
            box-shadow: 0px 1px 2px 0px rgba(0, 48, 94, 0.06);
        }

        .contact-way
            .basic-checkbox-input:hover
            > .control
            > .checkbox-wrapper
            > .checkbox:checked
            ~ .background {
            background-color: rgb(70, 104, 220);
            border-color: rgb(70, 104, 220);
            box-shadow: 0px 2px 3px 0px rgba(0, 48, 94, 0.24);
        }

        .contact-way
            .basic-checkbox-input:hover
            > .control
            > .checkbox-wrapper
            > .checkbox:checked
            ~ .background
            > .check-icon {
            transition: opacity 0.1s ease-in-out, color 0.1s ease-in-out;
            opacity: 1;
            color: white;
        }

        .captcha {
            margin-bottom: 40px;
        }

        .btn-message {
            margin-bottom: 52px;
            flex-direction: row;
        }
        .btn-message > .vp-button {
            width: auto;
            margin-bottom: 0px;
            margin-right: 35px;
            flex-shrink: 0;
        }
        .btn-message > .message-wrapper {
            display: flex;
            align-items: center;
            background-color: transparent;
            border-radius: none;
            border: none;
            padding: 0px;
        }
        .btn-message > .message-wrapper > .icon {
            margin-right: 12px;
            width: 17px;
            height: 19px;
            flex-shrink: 0;
        }
        .btn-message > .message-wrapper > .message {
            margin: 0;
            color: #00305e;
            font-feature-settings: "cv06" on, "cv04" on, "cv02" on, "cv01" on,
                "cv03" on, "cv05" on, "case" on;
            /* Body/400/Body Small 400 */
            font-family: Inter;
            font-size: 12px;
            font-style: normal;
            font-weight: 400;
            line-height: 18px; /* 150% */
            letter-spacing: 0.25px;
        }

        #basic-input-location-input .dropdown-input {
            overflow: auto;
            max-height: 200px;
        }

        .form-section .basic-select-input .vp-button,
        .form-section .multiple-select-input .vp-button {
            height: 40px;
        }

        .form-section .basic-select-input .dropdown-select {
            top: 81px;
        }

        .form-section .multiple-select-input .dropdown-select {
            width: 100%;
            top: 81px;
        }
    }

    /* Start info property form */
    .info-property-form-card {
        display: flex;
        flex-direction: column;
    }

    .property-image-wrapper {
        /* flex-shrink: 0; */
        /* background: url(<path-to-image>) lightgray 50% / cover no-repeat; */
    }

    .property-image {
        width: 100%;
        height: 100%;
        object-fit: cover;
        display: block;
        border-radius: 5px;
        aspect-ratio: 519 / 345;
        box-shadow: 0px 8px 18px 0px rgba(0, 48, 94, 0.1);
    }

    .property-content {
        margin-top: 40px;
        display: flex;
        flex-direction: column;
        .price-mobile {
            display: none;
        }
    }

    .property-location {
        color: rgba(0, 48, 94, 0.6);
        font-feature-settings: "case" on, "cv01" on, "cv02" on, "cv03" on,
            "cv04" on, "cv05" on, "cv06" on;
        font-family: Inter;
        font-size: 14px;
        font-style: normal;
        font-weight: 600;
        line-height: 14px; /* 100% */
        letter-spacing: 0.5px;
        text-transform: capitalize;
        margin-bottom: 16px;
    }

    .property-title {
        color: #00305e;
        font-feature-settings: "case" on, "cv01" on, "cv02" on, "cv03" on,
            "cv04" on, "cv05" on, "cv06" on, "cv09" on;
        font-family: "Source Serif 4";
        font-size: 28px;
        font-style: normal;
        font-weight: 600;
        line-height: 32px; /* 114.286% */
        letter-spacing: 0.25px;

        @media (max-width: 1024px) {
            font-family: "Inter";
        }
    }

    .property-features-grid {
        width: 100%;
        margin-top: 40px;
        display: flex;
        flex-direction: column;
    }
    .property-feature:first-child {
        padding-top: 0px;
    }
    .property-feature {
        display: flex;
        padding: 16px 0;
        justify-content: space-between;
        align-items: center;
        color: #00305e;
        border-bottom: 1px solid #00305e26;
        color: #00305e;
        font-feature-settings: "case" on, "cv01" on, "cv02" on, "cv03" on,
            "cv04" on, "cv05" on, "cv06" on;
        font-family: Inter;
        font-size: 14px;
        font-style: normal;
        font-weight: 400;
        line-height: 22px; /* 157.143% */
        letter-spacing: 0.25px;
    }

    .feature-value {
        color: #00305e;
        font-feature-settings: "case" on, "cv01" on, "cv02" on, "cv03" on,
            "cv04" on, "cv05" on, "cv06" on;
        font-family: Inter;
        font-size: 14px;
        font-style: normal;
        font-weight: 500;
        line-height: 22px; /* 157.143% */
        letter-spacing: 0.25px;
    }

    .show-more {
        display: none;
    }

    @media (max-width: 1024px) {
        .agent-card {
            margin-top: 28px;
        }

        .agent-card .info-agent {
            max-width: none;
            justify-content: space-between;
        }
    }

    @media (max-width: 660px) {
        .split-view--left-side {
            padding-top: 20px;
        }
        /* .link-back {
           height: 106px;
        }
        .link-back .icon-back {
            margin-top: 90px;
            height: 16px;
            width: 16px;

    }
    .link-back .text-back {
        display: none;
    }
    */
        .info-property-form-card {
            flex-direction: row;
        }
        .property-image-wrapper {
            margin-right: 16px;
            /* height: 100.044px;
            aspect-ratio: 154.00 / 100.04; */
        }
        .property-content {
            margin-top: 0px;
        }
        .show-more {
            display: flex;
            width: 40px;
            height: 40px;
            padding: 10px;
            justify-content: center;
            align-items: center;
            gap: 10px;
            border-radius: 100px;
            border: 1px solid rgba(0, 48, 94, 0.15);
            background: #fcfcfd;
            box-shadow: 0px 1px 2px 0px rgba(0, 48, 94, 0.06);
            margin-left: 45%;
            margin-top: -40px;
        }
        .property-content .price-mobile {
            display: -webkit-box;
            -webkit-box-orient: vertical;
            -webkit-line-clamp: 1;
            overflow: hidden;
            color: #00305e;
            font-feature-settings: "case" on, "cv01" on, "cv02" on, "cv03" on,
                "cv04" on, "cv05" on, "cv06" on;
            text-overflow: ellipsis;
            font-family: Inter;
            font-size: 14px;
            font-style: normal;
            font-weight: 500;
            line-height: 22px; /* 157.143% */
            letter-spacing: 0.25px;
        }
        .property-content .property-location {
            color: rgba(0, 48, 94, 0.6);
            font-size: 11px;
            margin-bottom: 8px;
            width: 188px;
        }
        .property-content .property-title {
            display: -webkit-box;
            -webkit-line-clamp: 2; /* máximo 2 líneas */
            -webkit-box-orient: vertical;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: normal;
            font-size: 14px;
            font-weight: 500;
            line-height: 22px; /* 157.143% */
            width: 188px;
            margin-bottom: 16px;
            /* height: 37px;
            flex-shrink: 0; */
        }
        .property-features-grid {
            margin-top: 28px;
            display: none;
            .price-feature {
                display: none;
            }
        }
    }

    /*END info property form */

    /* AGENT-CARD */
    .agent-card .info-agent .card-agent-img {
        width: 40%;
    }
    .agent-card .info-agent .details-agent {
        width: 80%;
    }
    .agent-card .buttons-section {
        display: none !important;
    }
    /* END AGENT-CAR*/
    /*START REGISTER-BOX*/
    .account-hint-box {
        margin-top: 24px;
        margin-bottom: 40px;
        padding: 20px;
        border-radius: 5px;
        border: 1px solid rgba(0, 48, 94, 0.1);
        background: linear-gradient(
                0deg,
                rgba(0, 48, 94, 0.05) 0%,
                rgba(0, 48, 94, 0.05) 100%
            ),
            #fff;
        display: flex;
        flex-direction: column;
        gap: 20px;
        max-width: 100%;
        .account-hint-grid {
            display: grid;
            grid-template-columns: auto 1fr;
            align-items: flex-start;
            gap: 24px;
            .account-hint-icon-wrap {
                display: flex;
                align-items: flex-start;
                justify-content: center;
                height: 100%;
                .account-hint-icon {
                    width: 32px;
                    height: 32px;
                    display: block;
                }
            }
            .account-hint-texts {
                display: flex;
                flex-direction: column;
                gap: 20px;
                justify-content: flex-start;
                width: 90%;
                .account-hint-title {
                    color: #00305e;
                    font-family: Inter, sans-serif;
                    font-size: 14px;
                    font-style: normal;
                    font-weight: 600;
                    line-height: 22px;
                    letter-spacing: 0.25px;
                }

                .account-hint-description {
                    color: #00305e;
                    font-family: Inter, sans-serif;
                    font-size: 14px;
                    font-style: normal;
                    font-weight: 400;
                    line-height: 22px;
                    letter-spacing: 0.25px;
                }
            }
        }
        .account-hint-actions {
            display: flex;
            gap: 20px;
            margin-top: 0;
        }
    }

    @media (max-width: 660px) {
        .agent-card {
            display: none;
            margin-top: 28px;
        }

        /* END REGISTER-BOX */
    }
}