:root {
    --Primary: rgb(55, 150, 180);
    --Secondary: rgb(25, 70, 90);
    --Text-Primary: rgb(15, 20, 35);
    --Text-Sub: rgb(120, 125, 135);
    --Title: rgb(0, 0, 50);
}

@font-face {
    font-family: 'Inter';
    font-weight: 400;
    src: url('fonts/Inter-Regular.ttf');
}

@font-face {
    font-family: 'Inter';
    font-weight: 500;
    src: url('fonts/Inter-Medium.ttf');
}

@font-face {
    font-family: 'Inter';
    font-weight: 700;
    src: url('fonts/Inter-Bold.ttf');
}

@font-face {
    font-family: 'Inter';
    font-weight: 800;
    src: url('fonts/Inter-Black.ttf');
}

*,
::after,
::before {
    box-sizing: border-box
}

@media (prefers-reduced-motion:no-preference) {
    :root {
        scroll-behavior: smooth
    }
}

body {
    font-family: 'Inter';
    font-size: 1rem;
    font-weight: 500;
    color: rgb(30, 30, 30);
    -webkit-text-size-adjust: 100%;
    -webkit-tap-highlight-color: transparent
}

input,
select,
textarea,
button {
    font-family: 'Inter';
    font-size: 1rem;
}

button {
    cursor: pointer;
}

html,
body {
    height: 100%;
}

ul,
ol {
    margin: 0;
    padding: 0;
}

a {
    transition: all 0.25s ease-in-out;
    text-decoration: none
}

hr {
    margin: 15px 0;
    opacity: .25;
}

p {
    margin-top: 0;
    margin-bottom: 15px
}

figure {
    margin: 0 0 15px;
}

.img-fluid {
    max-width: 100%;
    height: auto
}

.co-switch {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    margin: 0 0 15px
}

.co-switch label {
    width: 50px;
    height: 25px;
    display: block;
    position: relative;
    border-radius: 300px;
    cursor: pointer;
}

.co-switch .co-input {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
}

.co-switch .co-label {
    position: relative;
    display: block;
    height: inherit;
    background: rgb(200, 200, 200);
    border-radius: inherit;
    -webkit-transition: 0.15s ease-out;
    -moz-transition: 0.15s ease-out;
    -o-transition: 0.15s ease-out;
    transition: 0.15s ease-out;
    -webkit-transition-property: opacity background;
    -moz-transition-property: opacity background;
    -o-transition-property: opacity background;
    transition-property: opacity background;
}

.co-switch .co-label:before,
.co-switch .co-label:after {
    position: absolute;
    top: 10px;
    line-height: 0.5;
    -webkit-transition: inherit;
    -moz-transition: inherit;
    -o-transition: inherit;
    transition: inherit;
}

.co-switch .co-input:checked~.co-label {
    background: rgb(0, 50, 75);
}

.co-switch .co-input:checked~.co-label:before {
    opacity: 0;
}

.co-switch .co-input:checked~.co-label:after {
    opacity: 1;
}

.co-switch .co-handle {
    position: absolute;
    top: 5px;
    left: 5px;
    width: 15px;
    height: 15px;
    background: rgb(255, 255, 255);
    border-radius: 50%;
    -webkit-transition: left 0.15s ease-out;
    -moz-transition: left 0.15s ease-out;
    -o-transition: left 0.15s ease-out;
    transition: left 0.15s ease-out;
}

.co-switch .co-input:checked~.co-handle {
    left: 30px;
}

.co-fields-section .co-field {
    width: 100%;
    display: inline-block;
    margin: 0 0 5px;
    position: relative;
}

.co-fields-section .co-field img {
    position: absolute;
    top: 7.5px;
    left: 5px;
}

.co-fields-section .co-field input,
.co-fields-section .co-field select,
.co-fields-section .co-field textarea {
    width: 100%;
    height: 45px;
    padding: 0 0 0 45px;
    background: rgb(255, 255, 255);
    color: rgb(100, 100, 100);
    border: 1px solid rgb(165, 165, 165);
    border-radius: .25rem
}

.co-fields-section .co-field input:placeholder,
.co-fields-section .co-field select:placeholder,
.co-fields-section .co-field textarea:placeholder {
    color: rgb(100, 100, 100)
}

.co-fields-section .co-field textarea {
    height: 200px;
    padding: 15px
}

.co-fields-section .co-field input:focus,
.co-fields-section .co-field select:focus,
.co-fields-section .co-field textarea:focus {
    outline: 0;
    border-color: var(--Primary)
}

.co-fields-section .co-field button,
.co-fields-section .co-field input[type='submit'] {
    width: auto;
    height: 45px;
    padding: 0 60px;
    background: var(--Primary);
    color: rgb(255, 255, 255);
    border: 1px solid var(--Primary);
    cursor: pointer;
}

.co-fields-section .co-field button:hover,
.co-fields-section .co-field input[type='submit']:hover,
.co-fields-section .co-field button:focus,
.co-fields-section .co-field input[type='submit']:focus {
    background: var(--Primary);
    border: 1px solid var(--Primary);
    opacity: .90
}

.co-search-section .co-search {
    max-width: 90%;
    display: flex;
    justify-content: center;
    margin: 0 auto
}

.co-search-section .q-icon i {
    display: none
}

.co-search-section .co-search .co-fields {
    width: 100%;
    display: inline-block;
    margin: 0 0 30px;
    padding: 25px 15px;
    background: var(--Secondary);
    color: rgb(255, 255, 255);
    box-shadow: 0 5px 10px 0 rgba(35, 85, 180, 0.15)
}

.co-search-section .co-search .co-fields .wpl_search_from_box_top {
    display: flex;
    justify-content: center;
    gap: 10px;
}

.co-search-section .co-search .co-fields .wpl_search_from_box_top label {
    display: block;
    padding: 0 0 5px;
    font-size: .90rem;
}

.co-search-section .co-search .co-fields .wpl_search_from_box_top .q-location {
    width: 25%;
}

.co-search-section .co-search .co-fields .wpl_search_from_box_top .q-location input {
    width: 100%;
    height: 45px;
    padding: 0 10px;
    font-size: .90rem;
    font-weight: 500;
    border: 1px solid rgb(215, 210, 220);
    border-radius: .5rem;
}

.co-search-section .co-search .co-fields .wpl_search_from_box_top select,
.co-search-section .co-search .co-fields .wpl_search_from_box_top .q-select select {
    width: 100%;
    height: 45px;
    line-height: 45px;
    display: inline-block;
    padding: 0 5px;
    color: rgb(170, 165, 180);
    border: 1px solid rgb(215, 210, 220);
    border-radius: .5rem;
}

.co-search-section .co-search .co-fields .wpl_search_from_box_top .q-location input::placeholder {
    font-size: .90rem;
    font-weight: 500;
    color: rgb(170, 165, 180);
}

.co-search-section .co-search .co-fields .wpl_search_from_box_top .wpl_search_field_price .wpl_search_slider_container {
    display: flex;
    gap: 5px;
}

.co-search-section .co-search .co-fields .wpl_search_from_box_top .wpl_search_field_price .wpl_search_slider_container.wpl-util-hidden {
    display: none;
}

.co-search-section .co-search .co-fields .wpl_search_field_checkbox {
    display: flex;
    justify-content: flex-end;
    gap: 5px;
    margin: 15px 5px 0
}

.co-search-section .co-search .co-fields .wpl_search_field_checkbox .jquery-checkbox {
    position: relative;
    top: 0.5px;
    font-size: 1rem;
    line-height: 1
}

.co-search-section .co-search .co-fields .wpl_search_field_checkbox .jquery-checkbox-checked .mark:after {
    color: rgb(245, 140, 45);
}

.co-search-section .co-search .co-fields .wpl_search_from_box_top .search_submit_box {
    position: relative;
}

.co-search-section .co-search .co-fields .wpl_search_from_box_top .search_submit_box:before {
    content: '';
    width: 20px;
    height: 20px;
    position: absolute;
    top: 35px;
    right: 10px;
    background: url(../img/icons/search.svg) center no-repeat;
    background-size: contain;
    pointer-events: none;
    z-index: 15;
}

.co-search-section .co-search .co-fields .wpl_search_from_box_top .search_submit_box input {
    height: 45px;
    margin: 20px 0 0;
    padding: 0 35px 0 15px;
    position: relative;
    top: 2.5px;
    background: rgb(245, 140, 45);
    border: 1px solid rgb(245, 140, 45);
    border-radius: .5rem;
    cursor: pointer
}

.co-search-section .co-search .co-fields .wpl_search_reset {
    width: 35px;
    height: 35px;
    display: flex;
    align-items: center;
    margin: 25px 0 0;
    position: relative;
    overflow: hidden;
    cursor: pointer;
    text-indent: -999px
}

.co-search-section .co-search .co-fields .wpl_search_reset:before {
    content: '\F0453';
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: 'Material Design Icons';
    font-size: 1.25rem;
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    text-indent: initial;
    z-index: 15
}

@media (max-width: 1270px) {

    .co-search-section .co-search {
        max-width: 100%;
    }
}

@media (max-width: 1160px) {

    .co-search-section .co-search .co-fields .wpl_search_from_box_top {
        flex-wrap: wrap;
        gap: 0;
    }

    .co-search-section .co-search .co-fields .wpl_search_from_box_top .wpl_search_field_number {
        width: 50%;
        padding: 0 5px;
    }

    .co-search-section .co-search .co-fields .wpl_search_from_box_top .q-location,
    .co-search-section .co-search .co-fields .wpl_search_from_box_top .wpl_search_field_price,
    .co-search-section .co-search .co-fields .wpl_search_from_box_top .wpl_search_field_listings,
    .co-search-section .co-search .co-fields .wpl_search_from_box_top .wpl_search_field_property_types {
        width: 100%;
        padding: 0 5px;
    }

    .co-search-section .co-search .co-fields .wpl_search_from_box_top label {
        padding: 5px 0 0;
    }

    .co-search-section .co-search .co-fields .wpl_search_from_box_top .search_submit_box {
        width: 100%;
        margin: 0 0 5px;
        padding: 0 5px;
    }

    .co-search-section .co-search .co-fields .wpl_search_from_box_top .search_submit_box:before {
        display: none;
    }

    .co-search-section .co-search .co-fields .wpl_search_from_box_top .search_submit_box input {
        width: 100%;
        margin: 0;
    }

    .co-search-section .co-search .co-fields .wpl_search_reset {
        width: 100%;
        margin: 5px 0;
        padding: 0 5px 0 30px;
        text-indent: initial;
    }

    .co-search-section .co-search .co-fields .wpl_search_reset:before {
        width: auto;
        right: auto;
        left: 5px
    }
}

.co-properties-section {
    padding: 30px 0
}

.co-properties-section .co-title {
    margin: 0 0 30px;
    position: relative;
    font-size: 2rem;
    text-align: center;
    color: var(--Secondary);
}

.co-properties-section .co-title:before {
    content: '';
    width: 200px;
    height: 1px;
    margin: 0 auto;
    position: absolute;
    bottom: -10px;
    right: 0;
    left: 0;
    background: var(--Secondary);
}

.co-properties-section .co-property {
    padding: 10px;
}

.co-properties-section .co-prev,
.co-properties-section .co-next {
    width: 35px;
    height: 35px;
    background: var(--Secondary);
    opacity: 1;
}

.co-properties-section .co-prev[disabled],
.co-properties-section .co-next[disabled] {
    background: rgb(140, 165, 175);
}

.co-properties-section .co-prev svg,
.co-properties-section .co-next svg {
    width: .90rem;
    height: .90rem;
    fill: rgb(255, 255, 255);
}

.co-properties-section .co-prev {
    left: -35px;
}

.co-properties-section .co-next {
    right: -35px;
}

@media (max-width: 615px) {

    .co-properties-section .co-prev {
        left: 0
    }

    .co-properties-section .co-next {
        right: 0
    }
}

.co-properties-section .co-property .co-section {
    width: 100%;
    display: inline-block;
    padding: 15px;
    background: rgb(255, 255, 255);
    border-radius: 1rem;
    box-shadow: 0 5px 10px rgba(0, 50, 75, .15)
}

.co-properties-section .co-property .co-section a {
    text-decoration: none
}

.co-properties-section .co-property .co-section .co-content .co-bookmark ul li {
    list-style: none
}

.co-properties-section .co-property .co-section figure img {
    width: 100%;
    height: 245px;
    margin: 0 0 10px;
    border-radius: .5rem;
    box-shadow: 0 5px 15px rgba(0, 50, 75, .10);
    object-fit: cover
}

.co-properties-section .co-property .co-section .co-content {
    position: relative
}

.co-properties-section .co-property .co-section .co-content .co-bookmark {
    position: absolute;
    top: 0;
    right: 0;
    cursor: pointer
}

.co-properties-section .co-property .co-section .co-content .co-price {
    margin: 0 0 5px;
    font-size: 1.25rem;
    color: rgb(10, 5, 5);
}

.co-properties-section .co-property .co-section .co-content .co-address {
    margin: 0 0 15px;
    font-size: .875rem;
    font-weight: 700;
    color: var(--Secondary);
}

.co-properties-section .co-property .co-section .co-content .co-meta {
    font-size: .875rem;
    color: rgb(115, 115, 115);
}

.co-properties-section .co-property .co-section .co-content .co-meta ul {
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
}

.co-properties-section .co-property .co-section .co-content .co-meta ul li {
    display: flex;
    align-items: center;
    gap: 5px;
}

.co-properties-section .co-property .co-section .co-content hr {
    margin: 10px 0;
    color: rgb(200, 200, 200);
}

.co-properties-section .co-property .co-section .co-content .co-office {
    font-size: 0.75rem;
    color: rgb(115, 115, 115);
}

.co-properties-section .co-property .co-section .co-content .co-owner {
    font-size: 0.75rem;
    color: rgb(115, 115, 115);
    text-align: right;
}

.co-properties-section .co-sort-section {
    display: flex;
    align-items: center;
    gap: 5px;
}

.co-properties-section .co-sort-section select {
    max-width: 250px;
    padding: 10px;
    background: rgb(255, 255, 255);
    color: var(--Secondary);
    border: 1px solid var(--Secondary);
    border-radius: .25rem;
    text-transform: capitalize
}

.co-properties-section .co-sort-section select:focus {
    outline: 0;
}

.co-properties-section .co-sort-section option {
    text-transform: capitalize
}

.co-properties-section .co-sort-section span {
    white-space: nowrap;
}

.co-properties-section .co-save-search-section {
    display: flex;
    justify-content: flex-end
}

.co-properties-section .co-save-search-section span {
    padding: 10px 20px;
    font-size: .90rem;
    background: var(--Secondary);
    color: rgb(255, 255, 255);
    box-shadow: 0 5px 10px 0 rgba(35, 85, 180, 0.15);
    border-radius: 300px;
    cursor: pointer
}

.co-properties-section .co-save-search-section span:hover {
    opacity: .90
}

.co-properties-section ul.pagination {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    text-transform: capitalize;
}

.co-properties-section ul.pagination li {
    display: inline-block;
}

.co-properties-section ul.pagination li a {
    width: auto;
    height: auto;
    display: inline-block;
    padding: 5px 10px;
    background: rgb(255, 255, 255);
    font-size: .875rem;
    font-weight: 600;
    color: var(--Text-Primary);
    border-radius: .25rem;
}

.co-properties-section ul.pagination li.active a {
    background: var(--Secondary);
    color: rgb(255, 255, 255);
    border-radius: .25rem;
}

.co-properties-section .co-nav {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.co-properties-section .co-nav .co-number {
    padding: 0 2.5px 0 0;
    font-size: .90rem
}

.co-properties-section .co-nav select {
    padding: 0 5px
}

.co-map-section {
    width: 100%;
    position: relative;
    border-radius: 1rem;
    overflow: hidden;
    box-shadow: 0 5px 15px 0 rgba(0, 0, 0, .05);
}

.co-map-section button[aria-label='Show street map'],
.co-map-section button[aria-label='Show satellite imagery'] {
    font-size: 1rem !important;
    font-weight: 500;
    border-radius: 300px !important;
}

.co-map-section button[aria-label='Draw a shape'],
.co-map-section button[aria-label='Stop drawing'],
.co-map-section button[aria-label='Draw a circle'] {
    height: 30px;
    width: 30px;
    display: flex !important;
    align-items: center;
    justify-content: center;
    padding: 0 !important;
    border-radius: 50% !important;
}

.co-map-section button[aria-label='Show satellite imagery'] {
    margin: 0 0 0 5px !important;
}

.co-map-section .wpl_map_size,
.co-map-section button[aria-label='Zoom in'],
.co-map-section button[aria-label='Zoom out'] {
    border-radius: 50% !important;
}

.co-map-section .wpl_map_size:after {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1rem;
    line-height: 1;
}

.co-map-section button[aria-label='Map camera controls'],
.co-map-section [title='Open this area in Google Maps (opens a new window)'],
.co-map-section [style='display: inline-flex; position: absolute; right: 0px; bottom: 0px;'] {
    display: none !important
}

.co-map-section .co-center {
    display: table;
    margin: 0 auto;
}

.co-map-section .co-spinner {
    width: 30px;
    height: 30px;
    border: 2px solid rgb(200, 200, 200);
    border-top: 2px solid rgb(25, 70, 90);
    border-radius: 100%;
    animation: spin 1s infinite linear;
}

@keyframes spin {

    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(360deg);
    }
}

.co-marker {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.co-marker span {
    width: 100%;
    padding: 5px 0;
    font-size: .75rem;
    text-align: center;
    background: var(--Secondary);
    color: rgb(255, 255, 255);
    border-radius: 300px;
    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.25)
}

.co-marker.co-office span {
    background: rgb(245, 140, 45)
}

.co-marker img[alt='map marker'] {
    max-width: 25px;
}

.co-preview-section {
    width: 100%;
    display: inline-block;
    padding: 10px;
    font-size: 0.9rem;
}

.co-preview-section .co-thumbnail img {
    width: 100%;
    height: 150px;
    display: block;
    object-fit: cover;
    border-radius: 0.5rem;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
}

.co-preview-section .co-text a {
    display: block;
    color: rgb(55, 55, 55);
}

.co-preview-section .co-text .co-address {
    width: 100%;
    display: inline-block;
    margin: 0 0 5px;
    padding: 15px 0 5px;
    font-family: var(--Primary-Font-Family);
    font-size: 1rem;
    line-height: 1.25;
}

.co-preview-section .co-text .co-address span {
    display: block;
    margin: 5px 0;
    font-size: 0.9rem;
    opacity: 0.75;
}

.co-preview-section .co-text .co-address div {
    font-weight: 500;
}

.co-preview-section .co-text .co-features {
    display: flex;
    flex-wrap: wrap;
    gap: 5px;
}

.co-preview-section .co-text .co-features span {
    display: inline-block;
    padding: 0 0 0 2.5px;
}

.co-preview-section .co-text .co-features .co-price {
    width: 100%;
    font-family: var(--Primary-Font-Family);
    font-size: 1.25rem;
    font-weight: 700;
    color: var(--Property-Details-Price-Color);
}

.co-map-section button[aria-label='Close'],
.co-property-section button[aria-label='Close'] {
    width: 30px !important;
    height: 30px !important;
    position: absolute !important;
    top: -15px;
    left: -15px;
    background: var(--Secondary) !important;
    border-radius: 50%;
    opacity: 1;
}

.gm-style {
    font-family: var(--Primary-Font-Family);
}

.gm-style-iw>div:first-child,
.gm-style-iw[style]>div:first-child {
    padding: 0;
}

.gm-style-iw>div.gm-style-iw-chr:first-child,
.gm-style-iw[style]>div.gm-style-iw-chr:first-child,
.gm-style-iw[style]:after,
.gm-style-iw .gm-style-iw-tc::after {
    list-style: none;
    overflow: visible !important;
}

.gm-style-iw>div.gm-style-iw-chr .gm-style-iw-ch,
.gm-style-iw[style]>div.gm-style-iw-chr .gm-style-iw-ch {
    display: none;
}

.gm-style-iw[style],
.gm-style-iw-c[style] {
    border-radius: 0.75rem !important;
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.25);
}

.gm-style-iw>button.gm-ui-hover-effect,
.gm-style-iw[style]>button.gm-ui-hover-effect {
    background: rgb(125, 140, 140) !important;
    color: rgb(255, 255, 255);
    top: -10px !important;
    right: -10px !important;
    border: 0 !important;
}

.gm-ui-hover-effect>span {
    margin: 0 auto !important;
    background: rgb(255, 255, 255);
}

.co-properties-section .co-result {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 15px;
    font-size: .90rem;
    text-transform: capitalize;
}

.co-properties-section .co-page span strong {
    padding: 0 5px 0 0;
}

.co-share .co-share-section {
    max-width: 250px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 5px;
    padding: 10px
}

.co-share .co-share-section li {
    width: 100%;
    display: inline-block
}

.co-share .co-share-section li a,
.co-share .co-share-section li div {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 10px 15px;
    position: relative;
    font-size: .95rem;
    background: var(--Primary);
    color: rgb(255, 255, 255);
    border-radius: 300px;
    cursor: pointer
}

.co-share .co-share-section li:first-child a {
    background: rgb(20, 25, 25)
}

.co-share .co-share-section li:nth-child(2) a {
    background: rgb(0, 210, 70)
}

.co-share .co-share-section li:nth-child(3) a {
    background: rgb(130, 130, 130)
}

.co-share .co-share-section li:last-child div {
    background: rgb(55, 150, 180)
}

.co-share .co-share-section li a:hover {
    opacity: .90
}

.co-share .co-share-section li a i,
.co-share .co-share-section li div i {
    position: absolute;
    top: 7.5px;
    left: 25px;
    font-size: 1.15rem
}

.co-property-section {
    width: 100%;
    display: inline-block;
    padding: 30px 0;
    position: relative
}

.co-property-section .co-back {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    padding: 5px 15px;
    font-size: .95rem;
    color: rgb(115, 115, 115);
    background: rgb(235, 235, 235);
    border-radius: .25rem
}

.co-property-section .co-back img {
    max-width: 20px;
    margin: 0 0 0 -2.5px
}

.co-property-section .co-share {
    display: flex;
    justify-content: flex-end;
    gap: 15px;
    cursor: pointer
}

.co-property-section .co-share .co-flex {
    display: flex;
    align-items: center;
    gap: 5px;
    color: rgb(30, 30, 30)
}

.co-property-section .co-share .co-flex a {
    color: rgb(30, 30, 30)
}

.co-property-section .co-info .co-price {
    margin: 25px 0 5px
}

.co-property-section .co-info .co-price strong {
    font-size: 2.375rem;
}

.co-property-section .co-info .co-state {
    margin: 0 0 15px;
    font-size: 1.25rem
}

.co-property-section .co-info .co-meta {
    display: flex;
    justify-content: flex-end;
    gap: 5px;
    font-size: .875rem
}

.co-property-section .co-info .co-meta .co-type {
    display: inline-block;
    padding: 5px 20px;
    background: rgb(245, 140, 45);
    color: rgb(255, 255, 255);
    border-radius: 300px;
    box-shadow: 0 0 10px rgba(0, 0, 0, .15);
}

.co-property-section .co-info .co-meta .co-status {
    display: inline-block;
    padding: 5px 20px;
    background: var(--Primary);
    color: rgb(255, 255, 255);
    border-radius: 300px;
    box-shadow: 0 0 10px rgba(0, 0, 0, .15);
}

.co-property-section .co-info .co-address {
    display: flex;
    align-items: center;
    gap: 5px;
    color: rgb(115, 115, 115);
}

.co-property-section .co-info .co-feature {
    display: flex;
    justify-content: flex-end;
}

.co-property-section .co-info .co-feature ul {
    display: flex;
    gap: 30px;
}

.co-property-section .co-info .co-feature ul li {
    display: flex;
    gap: 5px;
    color: rgb(115, 115, 115)
}

.co-property-section .co-responsive {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.co-property-section .co-contact {
    display: none
}

.co-property-section .co-contact div {
    display: block;
    padding: 2.5px 0
}

.co-property-section .co-contact .co-phone {
    display: flex;
    align-items: center;
    gap: 5px
}

.co-property-section .co-contact .co-phone a {
    color: rgb(30, 30, 30)
}

.co-property-section .co-actions ul {
    display: flex;
    justify-content: flex-end;
    gap: 5px;
    position: relative;
    top: -5px
}

.co-property-section .co-actions ul li {
    display: inline-block;
}

.co-property-section .co-actions ul li a {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
    padding: 5px 15px;
    font-size: .875rem;
    color: rgb(255, 255, 255);
    border-radius: 0.375rem;
    box-shadow: 0 0 10px rgba(0, 0, 0, .15);
}

.co-property-section .co-actions ul li a:hover {
    opacity: .90;
}

.co-property-section .co-actions ul li a.co-pdf {
    background: var(--Secondary);
}

.co-property-section .co-actions ul li a.co-tour {
    background: rgb(170, 5, 45);
}

.co-property-section .co-actions ul li a.co-video {
    background: var(--Primary);
}

@media (max-width: 767px) {

    .co-property-section .co-info .co-row {
        flex-direction: column-reverse;
    }

    .co-property-section .co-info .co-meta,
    .co-property-section .co-info .co-feature {
        justify-content: flex-start;
    }

    .co-property-section .co-info .co-meta {
        margin: 10px 0 0;
    }

    .co-property-section .co-info .co-price {
        margin: 5px 0;
    }

    .co-property-section .co-info .co-state {
        margin: 0 0 10px;
    }

    .co-property-section .co-info .co-address {
        margin: 0 0 15px;
    }

    .co-property-section .co-responsive {
        margin: 15px 0 0
    }

    .co-property-section .co-contact {
        display: block
    }

    .co-property-section .co-actions {
        margin: 15px 0 0;
    }

    .co-property-section .co-actions ul {
        flex-wrap: wrap;
    }

    .co-property-section .co-actions ul li span {
        display: none;
    }

    .co-property-section .co-actions ul li a {
        width: 45px;
        height: 45px;
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 0;
        border-radius: 50%;
    }

    .co-property-section {
        padding: 30px 0 0;
    }

    .co-property-section .co-back {
        position: absolute;
        top: 5px;
        left: 15px;
    }

    .co-property-section .co-share {
        position: absolute;
        top: 5px;
        right: 15px;
    }

    .co-property-section .co-share span {
        display: none;
    }
}

.co-gallery-third-section {
    position: relative;
}

.co-gallery-third-section ul {
    width: 100% !important;
    height: auto !important;
    display: flex;
    flex-wrap: wrap;
    transform: none !important;
}

.co-gallery-third-section ul li {
    width: 50% !important;
    margin: 0 !important;
    padding: 0 5px 5px;
}

.co-gallery-second-section ul li img,
.co-gallery-third-section ul li img {
    width: 100%;
    height: auto;
    object-fit: contain;
    border-radius: 10px;
}

.co-gallery-third-section ul li:nth-child(n+5) {
    display: none;
}

.co-property-section .co-gallery-section {
    width: 100%;
    display: inline-block;
    padding: 30px 0;
}

.co-property-section .co-gallery-section .co-slider-section figure {
    margin: 0;
}

.co-property-section .co-gallery-section .co-slider-section figure img {
    width: 100%;
    border-radius: 10px;
}

.co-property-section .co-gallery-section .co-image {
    width: 100%;
    margin: 0 0 -5px;
}

.co-property-section .co-gallery-section .co-image figure {
    margin: 0;
}

.co-property-section .co-gallery-section .co-image figure img {
    width: 100%;
    aspect-ratio: 2.20;
    border-radius: 10px;
}

.co-property-section .co-gallery-section .co-prev,
.co-property-section .co-gallery-section .co-next {
    width: 30px;
    height: 30px;
    background: rgb(255, 255, 255);
    opacity: 1;
    box-shadow: 0 1.5x 5px rgba(0, 0, 0, .5);
}

.co-property-section .co-gallery-section .co-prev[disabled],
.co-property-section .co-gallery-section .co-next[disabled] {
    opacity: .5;
}

.co-property-section .co-gallery-section .co-prev svg,
.co-property-section .co-gallery-section .co-next svg {
    width: .85rem;
    height: .85rem;
    fill: var(--Secondary);
}

@media (min-width: 1920px) {

    .co-property-section .co-gallery-section .co-image figure img {
        height: 200px;
    }

    .co-property-section .co-gallery-section .co-slider-section figure img {
        height: 410px;
    }
}

@media (min-width: 2560px) {

    .co-property-section .co-gallery-section .co-image figure img {
        height: 400px;
    }

    .co-property-section .co-gallery-section .co-slider-section figure img {
        height: 810px;
    }
}

@media (max-width: 1200px) {

    .co-property-section .co-gallery-section {
        padding: 30px 0 0;
    }

    .co-property-section .co-gallery-section .co-image {
        display: none
    }
}

.co-property-section .co-nav-section {
    width: 100%;
    display: inline-block;
    padding: 5px 0;
}

.co-property-section .co-nav-section .co-nav {
    width: 100%;
    display: inline-block;
    position: relative;
    background: rgb(255, 255, 255);
}

.co-property-section .co-nav-section .co-nav:before {
    content: '';
    width: 100%;
    height: 2px;
    position: absolute;
    top: 25px;
    left: 0;
    background: var(--Primary);
}

.co-property-section .co-nav-section .co-nav nav {
    display: table;
    margin: 0 auto;
    position: relative;
    background: rgb(255, 255, 255);
}

.co-property-section .co-nav-section .co-nav nav ul {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    gap: 15px;
}

.co-property-section .co-nav-section .co-nav nav ul li {
    display: inline-block;
    text-align: center;
}

.co-property-section .co-nav-section .co-nav nav ul li a {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 12.5px 20px;
    background: rgb(255, 255, 255);
    color: var(--Primary);
    border: 2px solid var(--Primary);
    border-radius: 300px;
    box-shadow: 0 20px 35px -5px rgba(0, 5, 45, .10);
}

.co-property-section .co-nav-section .co-nav nav ul li a.active,
.co-property-section .co-nav-section .co-nav nav ul li a.active:hover {
    background: var(--Primary);
    color: rgb(255, 255, 255);
    box-shadow: none;
}

.co-property-section .co-nav-section .co-nav nav ul li a:hover {
    background: rgba(55, 150, 180, .05);
}

@media (max-width: 1200px) {

    .co-property-section .co-nav-section {
        margin: 0 0 15px;
        padding: 0;
    }
}

@media (max-width: 767px) {

    .co-property-section .co-nav-section .co-nav nav ul {
        gap: 5px;
    }

    .co-property-section .co-nav-section .co-nav nav ul li {
        width: 45%;
    }

    .co-property-section .co-nav-section .co-nav nav ul li a {
        padding: 10px 15px;
    }
}

@media (max-width: 575px) {

    .co-property-section .co-nav-section .co-nav nav ul li {
        width: 100%;
    }
}

.co-property-section .co-section {
    width: 100%;
    display: inline-block;
    margin: 0 0 25px;
}

.co-property-section .co-section .co-title {
    width: 100%;
    display: inline-block;
    margin: 0 0 15px;
    position: relative;
}

.co-property-section .co-section .co-title:before {
    content: '';
    width: 40px;
    height: 2px;
    position: absolute;
    top: 15px;
    left: 0;
    background: var(--Primary);
}

.co-property-section .co-section .co-title strong {
    display: block;
    padding: 0 0 0 50px;
    font-size: 1.5rem;
    color: var(--Secondary);
}

.co-property-section .co-section .co-content {
    width: 100%;
    display: inline-block;
    padding: 30px;
    position: relative;
    background: rgb(250, 250, 245);
    border: 2px solid rgba(55, 150, 180, .15);
}

.co-property-section .co-section .co-content .co-subtitle {
    display: block;
    margin: 0 0 15px;
}

.co-property-section .co-section .co-content .co-subtitle strong {
    font-size: 1.125rem;
}

.co-property-section .co-section .co-content .co-description {
    text-align: justify;
    font-weight: 400;
    line-height: 1.65;
}

.co-property-section .co-section .co-content .co-description .co-text {
    display: none;
}

.co-property-section .co-section .co-content .co-description.co-active .co-text {
    display: block;
}

.co-property-section .co-section .co-content .co-description .co-more {
    display: inline-block;
    margin: 0 0 15px;
    padding: 0 20px 0 0;
    position: relative;
    color: rgb(245, 140, 45);
    cursor: pointer;
}

.co-property-section .co-section .co-content .co-description .co-more:before {
    content: '\F0140';
    font-family: 'Material Design Icons';
    position: absolute;
    top: 0;
    right: 0;
}

.co-property-section .co-section .co-content .co-description.co-active .co-more:before {
    transform: rotate(180deg);
}

.co-property-section .co-section .co-content .co-data {
    width: 100%;
    display: inline-block;
}

.co-property-section .co-section .co-content .co-data ul {
    display: flex;
    flex-wrap: wrap;
}

.co-property-section .co-section .co-content .co-data ul li {
    width: 50%;
    display: flex;
    justify-content: space-between;
    margin: 5px 0;
    padding: 0 5px;
}

.co-property-section .co-section .co-content .co-data ul li span {
    color: rgb(140, 135, 135)
}

.co-property-section .co-section .co-content .co-data ul li strong {
    color: rgb(10, 5, 5);
    text-align: right;
}

@media (max-width: 767px) {

    .co-property-section .co-section .co-content {
        padding: 30px 15px;
    }
}

.co-property-section .co-section .co-content .co-feature {
    margin: 0 0 15px;
}

.co-property-section .co-section .co-content .co-feature ul {
    display: flex;
    flex-wrap: wrap;
}

.co-property-section .co-section .co-content .co-feature ul li {
    width: 50%;
    display: flex;
    align-items: center;
    gap: 15px;
    margin: 10px 0;
}

.co-property-section .co-section .co-content .co-feature ul li .co-icon {
    width: 10%;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    font-size: 1.5rem;
    color: var(--Primary-Color);
    border-radius: 10px;
    box-shadow: 0 5px 5px 0 rgba(0, 70, 0, 0.15);
}

.co-property-section .co-section .co-content .co-feature ul li .co-icon i:before {
    content: '';
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 0;
    left: 0;
    color: rgb(245, 140, 45);
    font-family: 'Material Design Icons';
    font-style: normal
}

.co-property-section .co-section .co-content .co-feature ul li .co-name {
    width: 80%;
}

.co-property-section .co-section .co-content .co-feature ul li div strong {
    display: block;
    font-size: .95rem;
    font-weight: 500;
    color: rgb(80, 80, 80);
}

.co-property-section .co-section .co-content .co-feature ul li div span {
    display: block;
    font-size: .875rem;
    color: rgb(140, 135, 135);
}

@media (max-width: 767px) {

    .co-property-section .co-section .co-content .co-feature ul li {
        width: 100%;
    }
}

.co-property-section .co-section .co-content button[aria-label='Show street map'],
.co-property-section .co-section .co-content button[aria-label='Show satellite imagery'] {
    font-family: 'Inter' !important;
    font-size: 1rem !important;
    font-weight: 500;
    border-radius: 300px !important;
}

.co-property-section .co-section .co-content button[aria-label='Show satellite imagery'] {
    margin: 0 0 0 5px !important;
}

.co-property-section .co-section .co-content .wpl_map_size,
.co-property-section .co-section .co-content button[aria-label='Zoom in'],
.co-property-section .co-section .co-content button[aria-label='Zoom out'] {
    border-radius: 50% !important;
}

.co-property-section .co-section .co-content .wpl_map_size:after {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1rem;
    line-height: 1;
}

.co-property-section .co-section .co-content button[aria-label='Map camera controls'],
.co-property-section .co-section .co-content [title='Open this area in Google Maps (opens a new window)'],
.co-property-section .co-section .co-content [style='display: inline-flex; position: absolute; right: 0px; bottom: 0px;'] {
    display: none !important
}

@media (max-width: 767px) {

    .co-property-section .co-section .co-content .co-data ul li {
        width: 100%;
    }
}

@media (max-width: 575px) {

    .co-property-section .co-section .co-content .co-feature ul li .co-icon {
        width: 15%;
    }

    .co-property-section .co-section .co-content .co-feature ul li .co-name {
        width: 75%;
    }
}

.co-realtor-section {
    padding: 15px;
    display: none
}

@media (max-width: 990px) {

    .co-realtor {
        display: none
    }

    .co-realtor-section {
        display: block
    }
}

.co-property-section .co-sidebar-section {
    width: 100%;
    display: inline-block;
    margin: 50px 0 0;
}

.co-property-section .co-sidebar-section .co-seller-section {
    width: 100%;
    display: inline-block;
    margin: 0 0 25px;
}

.co-property-section .co-sidebar-section .co-seller-section button {
    width: 100%;
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
    font-size: 1rem;
    border: 0;
    background: rgb(245, 140, 45);
    color: rgb(255, 255, 255);
    border-radius: 0.5rem;
}

.co-property-section .co-sidebar-section .co-seller-section button:hover {
    opacity: .90;
}

.co-seller-section .co-phone-section {
    width: 100%;
    display: none;
    align-items: center;
    justify-content: space-between;
    margin: 10px 0 0;
    padding: 15px 25px;
    background: rgb(255, 255, 255);
    color: rgb(245, 140, 45);
    text-align: center;
    border: 1px solid rgb(245, 140, 45);
    border-radius: 0.5rem;
}

.co-seller-section .co-phone-section ul {
    width: 100%;
}

.co-seller-section .co-phone-section ul li {
    width: 100%;
    display: flex;
    justify-content: space-between;
}

.co-seller-section .co-phone-section a {
    color: rgb(245, 140, 45);
}

.co-seller-section .co-phone-section.co-active {
    display: flex;
}

.co-property-section .co-sidebar-section .co-question-section {
    width: 100%;
    display: inline-block;
    margin: 0 0 15px;
}

.co-property-section .co-sidebar-section .co-question-section a {
    width: 100%;
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
    font-size: 1rem;
    border: 0;
    background: rgb(245, 140, 45);
    color: rgb(255, 255, 255);
    border-radius: 0.5rem;
}

.co-property-section .co-sidebar-section .co-question-section a:hover {
    opacity: .90;
}

.co-property-section .co-sidebar-section .co-schedule-section {
    width: 100%;
    display: inline-block;
    margin: 0 0 15px;
}

.co-property-section .co-sidebar-section .co-schedule-section a {
    width: 100%;
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
    font-size: 1rem;
    border: 0;
    background: var(--Primary);
    color: rgb(255, 255, 255);
    border-radius: 0.5rem;
}

.co-property-section .co-sidebar-section .co-schedule-section a:hover {
    opacity: .90;
}

.co-property-section .co-sidebar-section .co-contact-section {
    width: 100%;
    display: inline-block;
    margin: 0 0 25px;
    padding: 30px;
    background: rgb(0, 50, 75);
    border-radius: 1rem;
}

.co-property-section .co-sidebar-section .co-contact-section .co-title {
    width: 100%;
    display: inline-block;
    margin: 0 0 15px;
    position: relative;
}

.co-property-section .co-sidebar-section .co-contact-section .co-title:before {
    content: '';
    width: 40px;
    height: 2px;
    position: absolute;
    top: 15px;
    left: 0;
    background: var(--Primary);
}

.co-property-section .co-sidebar-section .co-contact-section .co-title strong {
    display: block;
    padding: 0 0 0 50px;
    font-size: 1.5rem;
    color: rgb(255, 255, 255);
}

.co-property-section .co-sidebar-section .co-contact-section .co-field {
    width: 100%;
    display: inline-block;
    margin: 0 0 10px;
    position: relative;
}

.co-property-section .co-sidebar-section .co-contact-section .co-field input,
.co-property-section .co-sidebar-section .co-contact-section .co-field select {
    width: 100%;
    height: 45px;
    padding: 0 0 0 45px;
    background: rgb(255, 255, 255);
    color: rgb(115, 115, 115);
    border: 0;
    border-radius: .5rem;
}

.co-property-section .co-sidebar-section .co-contact-section .co-field img {
    position: absolute;
    top: 7.5px;
    left: 5px;
}

.co-property-section .co-sidebar-section .co-contact-section .co-field textarea {
    width: 100%;
    height: 200px;
    padding: 15px;
    background: rgb(255, 255, 255);
    border: 0;
    border-radius: .5rem;
}

.co-property-section .co-sidebar-section .co-contact-section .co-field input:focus,
.co-property-section .co-sidebar-section .co-contact-section .co-field select:focus,
.co-property-section .co-sidebar-section .co-contact-section .co-field textarea:focus {
    outline: 0;
}

.co-property-section .co-sidebar-section .co-contact-section button {
    width: 100%;
    height: 45px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
    background: var(--Primary);
    color: rgb(255, 255, 255);
    border: 1px solid rgb(255, 255, 255);
    border-radius: 0.625rem;
}

.co-property-section .co-sidebar-section .co-contact-section button:focus {
    outline: 0;
}

.co-property-section .co-sidebar-section .co-calculator-section .co-title {
    width: 100%;
    display: inline-block;
    margin: 0 0 15px;
    position: relative;
}

.co-property-section .co-sidebar-section .co-calculator-section .co-title:before {
    content: '';
    width: 40px;
    height: 2px;
    position: absolute;
    top: 15px;
    left: 0;
    background: var(--Primary);
}

.co-property-section .co-sidebar-section .co-calculator-section .co-title strong {
    display: block;
    padding: 0 0 0 50px;
    font-size: 1.5rem;
    color: var(--Text-Primary);
}

.co-property-section .co-sidebar-section .co-calculator-section .co-section {
    width: 100%;
    display: inline-block;
    padding: 30px;
    color: var(--Text-Primary);
    box-shadow: 0 5px 10px 0 rgba(55, 150, 180, 0.25);
    border-radius: 0.5rem;
}

.co-property-section .co-sidebar-section .co-calculator-section .co-section .co-button {
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 10px 0 30px;
    gap: 5px;
    background: rgb(0, 50, 75);
    color: rgb(255, 255, 255);
    border-radius: .5rem;
}

.co-property-section .co-sidebar-section .co-calculator-section .co-section .co-button:hover {
    opacity: .90;
}

.co-property-section .co-sidebar-section .co-calculator-section .co-section .co-input {
    margin: 0 0 15px;
    position: relative;
}

.co-property-section .co-sidebar-section .co-calculator-section .co-section .co-input label {
    width: 100%;
    display: block;
    margin: 0 0 10px;
    color: var(--Text-Primary);
    font-weight: 600;
}

.co-property-section .co-sidebar-section .co-calculator-section .co-section .co-input input {
    width: 100%;
    height: 35px;
    padding: 0 5px;
    border: 1px solid rgb(115, 115, 115);
    border-radius: 0.375rem;
}

.co-property-section .co-sidebar-section .co-calculator-section .co-section .co-input i {
    position: absolute;
    right: 10px;
    bottom: 10px;
    color: rgba(15, 45, 50, 0.65);
    font-size: .90rem;
    font-style: normal;
    line-height: 1;
    text-transform: capitalize;
}

.co-property-section .co-sidebar-section .co-calculator-section .co-section .co-result {
    font-size: 1.25rem;
}

.co-property-section .co-sidebar-section .co-calculator-section .co-section .co-result strong {
    display: block;
    margin: 0 0 5px;
}

.co-property-section .co-sidebar-section .co-calculator-section .co-section .co-result i {
    font-weight: 700;
    font-style: normal;
}

.co-property-section .co-sidebar-section .co-calculator-section .co-section .co-result input {
    width: 85%;
    padding: 0;
    font-size: 1.25rem;
    font-weight: 700;
    border: 0;
}

@media (max-width: 1200px) {

    .co-property-section .co-sidebar-section {
        margin: 0
    }

    .co-property-section .co-sidebar-section .co-calculator-section .co-section .co-result strong {
        font-size: 1rem;
    }
}

.co-property-section .co-section .co-content .co-feature ul li .co-icon i.q-heating-system:before {
    content: '\F1AAF';
}

.co-property-section .co-section .co-content .co-feature ul li .co-icon i.q-carport-spaces:before {
    content: '\F12D3';
}

.co-property-section .co-section .co-content .co-feature ul li .co-icon i.q-interior-features:before {
    content: '\F05BC';
}

.co-property-section .co-section .co-content .co-feature ul li .co-icon i.q-sewer:before {
    content: '\F0E96';
}

.co-property-section .co-section .co-content .co-feature ul li .co-icon i.q-cooling-system:before {
    content: '\F0717';
}


.co-property-section .co-section .co-content .co-feature ul li .co-icon i.q-flooring:before {
    content: '\F0821';
}

.co-property-section .co-section .co-content .co-feature ul li .co-icon i.q-laundry-features:before {
    content: '\F0917';
}

.co-property-section .co-section .co-content .co-feature ul li .co-icon i.q-window-features:before {
    content: '\F11DB';
}

.co-property-section .co-section .co-content .co-feature ul li .co-icon i.q-fence:before {
    content: '\F179A';
}

.co-property-section .co-section .co-content .co-feature ul li .co-icon i.q-patio:before {
    content: '\F09F1';
}

.co-property-section .co-section .co-content .co-feature ul li .co-icon i.q-parking:before {
    content: '\F12D4';
}

.co-property-section .co-section .co-content .co-feature ul li .co-icon i.q-exterior-features:before {
    content: '\F0FE6';
}

.co-property-section .co-section .co-content .co-feature ul li .co-icon i.q-fireplace:before,
.co-property-section .co-section .co-content .co-feature ul li .co-icon i.q-fireplaces-total:before {
    content: '\F0E2E';
}

.co-property-section .co-section .co-content .co-feature ul li .co-icon i.q-utilities:before {
    content: '\F0493';
}

.co-property-section .co-section .co-content .co-feature ul li .co-icon i.q-architectural-style:before {
    content: '\F02DD';
}

.co-property-section .co-section .co-content .co-feature ul li .co-icon i.q-swimming-pool:before {
    content: '\F0606';
}

.co-property-section .co-section .co-content .co-feature ul li .co-icon i.q-swimming-pool:before {
    content: '\F0606';
}

.co-property-section .co-section .co-content .co-feature ul li .co-icon i.q-basement:before {
    content: '\F05BC';
}

.co-signup-section {
    max-width: 500px;
    margin: 0 auto;
    padding: 60px 0
}

.co-signup-section a {
    color: rgb(0, 50, 75)
}

.co-signup-section .co-input {
    margin: 0 0 15px
}

.co-signup-section .co-input input {
    width: 100%;
    height: 40px;
    padding: 0 10px;
    border: 1px solid rgb(150, 150, 150);
    border-radius: .25rem;
}

.co-signup-section .co-input label {
    display: block;
    padding: 0 0 5px;
    font-size: .95rem;
}

.co-signup-section .co-button {
    height: 40px;
    padding: 0 25px;
    background: rgb(245, 140, 45);
    color: rgb(255, 255, 255);
    border: 1px solid rgb(245, 140, 45)
}

.co-signup-section .co-button:hover,
.co-signup-section .co-button:focus {
    background: rgb(245, 140, 45);
    color: rgb(255, 255, 255);
    border-color: rgb(245, 140, 45);
    opacity: .90
}

.co-signup-section .co-buttons {
    text-align: center
}

.co-signup-section .co-buttons ul {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 15px
}

.co-signup-section .co-buttons a {
    height: 40px;
    display: inline-flex;
    align-items: center;
    padding: 0 25px;
    background: rgb(245, 140, 45);
    color: rgb(255, 255, 255);
    border: 1px solid rgb(245, 140, 45);
    border-radius: 300px
}

.co-signup-section .co-buttons button {
    background: transparent;
    color: var(--Secondary);
    border: 0
}

.zo-profile-section {
    width: 100%;
    display: inline-block;
    padding: 30px 0;
    position: relative;
}

.zo-profile-section .zo-menu {
    width: 100%;
    display: inline-block;
    padding: 15px;
    position: sticky;
    top: 0;
    left: 0;
    background: rgb(255, 255, 255);
    border-radius: 10px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
}

.zo-profile-section .zo-menu ul li {
    width: 100%;
    display: inline-block;
}

.zo-profile-section .zo-menu ul li a {
    display: flex;
    align-items: center;
    gap: 5px;
    padding: 10px;
    font-size: 1rem;
    font-weight: 700;
    color: rgb(55, 55, 55);
    border-radius: .25rem;
}

.zo-profile-section .zo-menu ul li a i {
    font-size: 1.25rem;
}

.zo-profile-section .zo-content {
    width: 100%;
    display: inline-block;
    padding: 30px 15px;
    position: relative;
    background: rgb(255, 255, 255);
    border-radius: 10px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
}

.zo-profile-section .zo-content label {
    display: block;
    padding: 0 0 5px;
    font-size: 0.90rem;
    font-weight: 600;
}

.zo-profile-section .zo-content input[type='text'],
.zo-profile-section .zo-content input[type='email'],
.zo-profile-section .zo-content input[type='password'],
.zo-profile-section .zo-content select,
.zo-profile-section .zo-content textarea {
    width: 100%;
    height: 45px;
    padding: 0 15px;
    font-size: 0.875rem;
    border: 1px solid rgb(225, 225, 225);
    border-radius: 0.31rem;
}

.zo-profile-section .zo-content .zo-form .prow-upload div {
    position: relative;
}

.zo-profile-section .zo-content .zo-form .prow-upload .button-upload {
    width: 100%;
    height: inherit;
    padding: 15px;
    background: rgba(190, 195, 200, 0.15);
    color: rgb(125, 135, 135);
    text-align: center;
    border: 1px dashed rgb(190, 195, 200);
    font-weight: normal;
    border-radius: 0.25rem;
    cursor: pointer;
}

.zo-profile-section .zo-content .zo-form .prow-upload .button-upload span {
    pointer-events: none;
}

.zo-profile-section .zo-content .zo-form .prow-upload .button-upload input {
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    opacity: 0;
}

.zo-profile-section .zo-content .zo-form .prow-upload div {
    position: relative;
}

.zo-profile-section .zo-content .zo-form .prow-upload img {
    max-width: 100px;
    margin: 5px 0;
    border-radius: 0.5rem;
}

.zo-profile-section .zo-content .zo-form .zo-btn {
    display: inline-block;
    padding: 10px 30px;
    font-size: 0.875rem;
    background: var(--Button-Background-Color);
    color: var(--Button-Color);
    overflow: hidden;
    border: 0;
    border-radius: 300px;
    box-shadow: 0 0 10px rgb(0 0 0 / 15%);
}

.co-profile-section {
    width: 100%;
    display: inline-block;
    padding: 30px 0;
    position: relative;
}

.co-profile-section .co-menu {
    width: 100%;
    display: inline-block;
    padding: 15px;
    position: sticky;
    top: 0;
    left: 0;
    background: rgb(255, 255, 255);
    border-radius: 10px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
}

.co-profile-section .co-menu ul li {
    width: 100%;
    display: inline-block;
}

.co-profile-section .co-menu ul li a {
    display: flex;
    align-items: center;
    gap: 5px;
    padding: 10px;
    font-size: 1rem;
    font-weight: 700;
    color: rgb(55, 55, 55);
    border-radius: .25rem;
}

.co-profile-section .co-menu ul li a:hover {
    background: rgb(235, 235, 235, .5);
}

.co-profile-section .co-menu ul li a i {
    font-size: 1.25rem;
}

.co-profile-section .co-content {
    width: 100%;
    display: inline-block;
    padding: 30px 15px;
    position: relative;
    background: rgb(255, 255, 255);
    border-radius: 10px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
}

.co-profile-section .co-content label {
    display: block;
    padding: 0 0 5px;
    font-family: var(--Primary-Font-Family);
    font-size: 0.9rem;
    font-weight: 600;
}

.co-profile-section .co-content .co-favorites ul li {
    display: inline-block;
}

.co-profile-section .co-content .co-favorites ul li .co-property-card-section {
    width: 100%;
    display: inline-block;
    margin: 15px 0 0;
    position: relative;
    background: rgb(255, 255, 255);
    direction: ltr;
    border: 1px solid rgb(235, 235, 235);
    border-radius: .5rem
}

.co-profile-section .co-content .co-favorites ul li .co-property-card-section a {
    color: rgb(0, 0, 0);
}

.co-profile-section .co-content .co-favorites ul li .co-property-card-section figure {
    margin: 0;
    position: relative;
}

.co-profile-section .co-content .co-favorites ul li .co-property-card-section figure img {
    width: 100%;
    height: 220px;
    object-fit: cover
}

.co-profile-section .co-content .co-favorites ul li .co-property-card-section .co-card {
    width: 100%;
    display: inline-block;
    padding: 15px;
}

.co-profile-section .co-content .co-favorites ul li .co-property-card-section .co-close {
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: -10px;
    right: -10px;
    font-size: 1rem;
    background: rgb(125, 125, 125);
    color: rgb(255, 255, 255);
    border: 0;
    border-radius: 50%;
}

.co-profile-section .co-content input[type='text'],
.co-profile-section .co-content input[type='email'],
.co-profile-section .co-content input[type='password'],
.co-profile-section .co-content select,
.co-profile-section .co-content textarea {
    width: 100%;
    height: 45px;
    padding: 0 15px;
    font-size: 0.875rem;
    border: 1px solid rgb(225, 225, 225);
    border-radius: 0.31rem;
}

.co-profile-section .co-content input[type='text']:focus,
.co-profile-section .co-content input[type='email']:focus,
.co-profile-section .co-content input[type='password']:focus,
.co-profile-section .co-content select:focus,
.co-profile-section .co-content textarea:focus {
    border-color: var(--Primary-Color);
    outline: 0;
}

.co-profile-section .co-content textarea {
    height: 125px;
    padding: 10px;
    resize: none;
}

.co-profile-section .co-content .co-form {
    display: flex;
    flex-wrap: wrap;
}

.co-profile-section .co-content .co-form .prow,
.co-profile-section .co-content .co-form .prow-textarea {
    width: 50%;
    margin: 0 0 15px;
    padding: 0 5px;
    position: relative;
}

.co-profile-section .co-content .co-form .prow-locations {
    width: 100%;
}

.co-profile-section .co-content .co-form .prow-locations .location-wp {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -5px;
}

.co-profile-section .co-content .co-form .prow-locations .location-wp .location-part {
    width: 50%;
    padding: 0 5px;
}

.co-profile-section .co-content .co-form.prow-separator {
    width: 100%;
    margin: 0 10px;
    border: 1px solid rgb(235, 235, 235);
}

.co-profile-section .co-content .co-form .prow:first-child,
.co-profile-section .co-content .co-form .prow:nth-child(2) {
    width: 35%;
}

.co-profile-section .co-content .co-form .prow:nth-child(3) {
    width: 30%;
}

.co-profile-section .co-content .co-form .prow-textarea {
    width: 100%;
}

.co-profile-section .co-content .co-form .prow-upload div {
    position: relative;
}

.co-profile-section .co-content .co-form .prow-upload .button-upload {
    width: 100%;
    height: 45px;
    padding: 0 15px;
    background: rgba(190, 195, 200, 0.15);
    color: rgb(125, 135, 135);
    text-align: center;
    border: 1px dashed rgb(190, 195, 200);
    font-weight: normal;
    border-radius: 0.25rem;
    cursor: pointer
}

.co-profile-section .co-content .co-form .prow-upload .button-upload input {
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    opacity: 0
}

.co-profile-section .co-content .co-form .prow-upload .button-upload span {
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: .90rem;
    pointer-events: none
}

.co-profile-section .co-content .co-form .prow-upload img {
    max-width: 100px;
    margin: 5px 0;
    border-radius: 0.5rem;
}

.co-profile-section .co-content .co-button {
    height: 40px;
    padding: 0 25px;
    background: rgb(245, 140, 45);
    color: rgb(255, 255, 255);
    border: 1px solid rgb(245, 140, 45);
    cursor: pointer
}

.co-profile-section .co-content .co-button:hover {
    background: rgb(245, 140, 45);
    color: rgb(255, 255, 255);
    border: 1px solid rgb(245, 140, 45);
    opacity: .90
}

@media (max-width: 767px) {

    .co-profile-section .co-content .co-form .prow,
    .co-profile-section .co-content .co-form .prow:first-child,
    .co-profile-section .co-content .co-form .prow:nth-child(2),
    .co-profile-section .co-content .co-form .prow:nth-child(3) {
        width: 100%;
    }

    .co-profile-section .co-menu {
        margin: 0 0 30px;
    }

    .co-profile-section .co-content .co-favorites ul li .co-property-card-section {
        margin: -15px 0 30px;
    }
}

.co-profile-section .co-left {
    width: 25%;
}

.co-profile-section .co-right {
    width: 75%;
}

@media (max-width: 990px) {

    .co-profile-section .co-left {
        width: 100%;
    }

    .co-profile-section .co-right {
        width: 100%;
    }
}