:root {
    --tot-color-accent: #7064ef;
    --tot-color-accent-foreground: #fff;
    --tot-color-heading: #333;
    --tot-color-heading-foreground: #fff;
    --tot-color-border: #eee;
    --tot-owl-nav-width: 50px;
    --tot-owl-nav-height: 50px;
    --tot-owl-nav-bg-color: #f6f6f6;
    --tot-owl-nav-color: #222;
    --tot-owl-nav-icon-font-size: 31px;
    --tot-owl-nav-icon-font-weight: 400;
    --tot-owl-nav-icon-font-family: "FontAwesome";
    --tot-owl-nav-inline-spacing: 20px;
    --tot-owl-dot-bg-color: #EBEBEB;
    --tot-owl-dot-width: 10px;
    --tot-owl-dot-height: 10px;
    --tot-owl-dot-spacing: 3px;
    --tot-owl-dot-radius: 50%;
    --tot-property-search-form-bg-color: transparent;
    --tot-property-search-form-text-color: #8f8f8f;
    --tot-property-search-form-border-color: #ddd;
    --tot-property-search-form-light-bg-color: #2C2C2C;
    --tot-property-search-form-light-text-color: #bababa;
    --tot-property-search-form-light-border-color: #ddd;
    --tot-loop-property-badge-color: var(--tot-color-accent-foreground);
    --tot-loop-property-badge-bg-color: var(--tot-color-accent);
    --tot-loop-list-two-columns-property-except-max-height: 3em;
    --tot-loop-zigzac-property-except-max-height: 4em;
    --tot-property-list-image-width: 330px;
    --tot-property-list-image-spacing: 30px;
    --tot-loop-list-property-except-max-height: 2em;
    --tot-sc-property-carousel-navigation-width: 20%;
    --tot-archiver-action-height: 42px;
    --tot-search-status-tab-bg-color: #2c2c2c;
    --tot-search-status-tab-text-color: #bababa;
    --tot-property-mini-search-form-width: 100%;
    --tot-property-mini-search-form-height: 60px;
    --tot-property-mini-search-form-bg-color: #fff;
    --tot-sc-property-slider-property-info-bg-color: rgba(255, 255, 255, 0.9);
    --tot-sc-property-slider-property-info-text-color: var(--tot-color-heading);
    --tot-loop-property-info-spacing: 15px;
    --tot-sc-property-slider-property-bg-color: rgba(34, 34, 34, 0.9);
    --tot-sc-property-slider-property-text-color: #fff;
    --tot-loop-property-status-color: var(--tot-color-accent-foreground);
    --tot-loop-property-status-bg-color: #434343;
    --tot-sc-property-featured-layout-property-single-carousel-image-width: 48%;
    --tot-sc-property-featured-layout-property-single-carousel-image-spacing: 30px;
    --tot-sc-property-featured-layout-property-single-carousel-property-except-max-height: 3em;
    --tot-color-light-text-color: #bababa;
    --tot-color-light-heading-color: #fff;
    --tot-agent-list-image-width: 270px;
    --tot-agent-list-image-spacing: 30px;
    --tot-agent-social-wide: 35px;
    --err-agent-social-font-size: 14px;
    --tot-developer-list-image-width: 270px;
    --tot-developer-list-image-spacing: 30px;
    --tot-developer-social-wide: 35px;
    --err-developer-social-font-size: 14px;
    --tot-loop-list-agent-except-max-height: 5em;
    --tot-loop-list-developer-except-max-height: 5em;
    --tot-rating-color: var(--tot-color-accent);
    --tot-map-height: 260px;
    --tot-tabs-bg: #222;
    --tot-tabs-text-color: #8f8f8f;
    --tot-tabs-card-header-bg-color: #f8f8f8;
    --tot-tabs-card-header-text-color: #222;
    --tot-tabs-card-header-font-size: 16px;
    --tot-agency-image-width: 270px;
    --tot-agency-image-spacing: 30px;
    --tot-body-line-height: 1.6;
    --tot-loop-agency-desc-max-height: 2em;
    --tot-btn-step-height: 34px;
    --tot-btn-step-bg-color: #222;
    --tot-btn-step-text-color: #fff;
    --tot-btn-step-active-bg-color: var(--tot-color-accent);
    --tot-btn-step-active-text-color: var(--tot-color-accent-foreground);
    --main-box-color: #f7f6fc;
    --main-box-radius: var(--sd-brd-radius);
    --main-box-padding: 16px
}
::-webkit-scrollbar-thumb {
    background-color: #7064ef;
    border-radius: 10px;
}
::-webkit-scrollbar{
    background-color: #f7f6fc;
    width: 10px;
}
.tot-property-wrap .container {
    max-width: 1170px;
    padding-left: 15px !important;
    padding-right: 15px !important
}

.tot-item-wrap {
    width: 100%;
    float: left;
    padding-left: 15px;
    padding-right: 15px
}

.property-carousel .tot-item-wrap {
    float: none;
    padding-left: 0;
    padding-right: 0
}

:is(.agent-slider,.developer-slider) .tot-item-wrap {
    float: none;
    padding-left: 0;
    padding-right: 0
}

#container {
    width: 100%
}

@media (min-width: 1360px) {
    .columns-2 > .tot-item-wrap {
        width: 50%
    }

    .columns-2 > .tot-item-wrap:nth-child(2n+1) {
        clear: both
    }

    .columns-3 > .tot-item-wrap {
        width: 33.33333333%
    }

    .columns-3 > .tot-item-wrap:nth-child(3n+1) {
        clear: both
    }

    .columns-4 > .tot-item-wrap {
        width: 25%
    }

    .columns-4 > .tot-item-wrap:nth-child(4n+1) {
        clear: both
    }

    .columns-5 > .tot-item-wrap {
        width: 20%
    }

    .columns-5 > .tot-item-wrap:nth-child(5n+1) {
        clear: both
    }

    .columns-6 > .tot-item-wrap {
        width: 16.6666666667%
    }

    .columns-6 > .tot-item-wrap:nth-child(6n+1) {
        clear: both
    }
}

@media (min-width: 992px) and (max-width: 1359px) {
    .columns-md-2 > .tot-item-wrap {
        width: 50%
    }

    .columns-md-2 > .tot-item-wrap:nth-child(2n+1) {
        clear: both
    }

    .columns-md-3 > .tot-item-wrap {
        width: 33.33333333%
    }

    .columns-md-3 > .tot-item-wrap:nth-child(3n+1) {
        clear: both
    }

    .columns-md-4 > .tot-item-wrap {
        width: 25%
    }

    .columns-md-4 > .tot-item-wrap:nth-child(4n+1) {
        clear: both
    }

    .columns-md-5 > .tot-item-wrap {
        width: 20%
    }

    .columns-md-5 > .tot-item-wrap:nth-child(5n+1) {
        clear: both
    }

    .columns-md-6 > .tot-item-wrap {
        width: 16.6666666667%
    }

    .columns-md-6 > .tot-item-wrap:nth-child(6n+1) {
        clear: both
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .columns-sm-2 > .tot-item-wrap {
        width: 50%
    }

    .columns-sm-2 > .tot-item-wrap:nth-child(2n+1) {
        clear: both
    }

    .columns-sm-3 > .tot-item-wrap {
        width: 33.33333333%
    }

    .columns-sm-3 > .tot-item-wrap:nth-child(3n+1) {
        clear: both
    }

    .columns-sm-4 > .tot-item-wrap {
        width: 25%
    }

    .columns-sm-4 > .tot-item-wrap:nth-child(4n+1) {
        clear: both
    }

    .columns-sm-5 > .tot-item-wrap {
        width: 20%
    }

    .columns-sm-5 > .tot-item-wrap:nth-child(5n+1) {
        clear: both
    }

    .columns-sm-6 > .tot-item-wrap {
        width: 16.6666666667%
    }

    .columns-sm-6 > .tot-item-wrap:nth-child(6n+1) {
        clear: both
    }
}

@media (min-width: 481px) and (max-width: 767px) {
    .columns-xs-2 > .tot-item-wrap {
        width: 50%
    }

    .columns-xs-2 > .tot-item-wrap:nth-child(2n+1) {
        clear: both
    }

    .columns-xs-3 > .tot-item-wrap {
        width: 33.33333333%
    }

    .columns-xs-3 > .tot-item-wrap:nth-child(3n+1) {
        clear: both
    }

    .columns-xs-4 > .tot-item-wrap {
        width: 25%
    }

    .columns-xs-4 > .tot-item-wrap:nth-child(4n+1) {
        clear: both
    }

    .columns-xs-5 > .tot-item-wrap {
        width: 20%
    }

    .columns-xs-5 > .tot-item-wrap:nth-child(5n+1) {
        clear: both
    }

    .columns-xs-6 > .tot-item-wrap {
        width: 16.6666666667%
    }

    .columns-xs-6 > .tot-item-wrap:nth-child(6n+1) {
        clear: both
    }
}

@media (max-width: 480px) {
    .columns-mb-2 > .tot-item-wrap {
        width: 50%
    }

    .columns-mb-2 > .tot-item-wrap:nth-child(2n+1) {
        clear: both
    }

    .columns-mb-3 > .tot-item-wrap {
        width: 33.33333333%
    }

    .columns-mb-3 > .tot-item-wrap:nth-child(3n+1) {
        clear: both
    }

    .columns-mb-4 > .tot-item-wrap {
        width: 25%
    }

    .columns-mb-4 > .tot-item-wrap:nth-child(4n+1) {
        clear: both
    }

    .columns-mb-5 > .tot-item-wrap {
        width: 20%
    }

    .columns-mb-5 > .tot-item-wrap:nth-child(5n+1) {
        clear: both
    }

    .columns-mb-6 > .tot-item-wrap {
        width: 16.6666666667%
    }

    .columns-mb-6 > .tot-item-wrap:nth-child(6n+1) {
        clear: both
    }
}
:focus-visible {
    outline: none;
}
.form-label {
    position: absolute;
    left: 12px;
    font-size: 15px;
    color: #5E6366;
    top: 0px;
}

.block-center {
    height: 100%;
    width: 100%;
    text-align: center;
    font-size: 0
}

.block-center:before {
    content: "";
    height: 100%;
    vertical-align: middle;
    display: inline-block
}
#handoverDrop.dropdown-menu.show{
    display: flex;
    padding: 10px 5px !important;
    gap: 10px;
}
#handoverDrop.dropdown-menu > div{
    flex: 0 1 100%
}
:is(#handoverDrop,#priceDrop).dropdown-menu :is(input,select){
    padding: 0 5px !important;
    height: 40px !important;
    color: #555 !important;
    font-size: 14px;
}
#handoverDropdown,#priceDropdown{
    padding-right: 30px;
    background-image: var(--sd-form-chevron);
    background-position: right 8px top 50%;
    background-size: auto 18px;
    background-repeat: no-repeat;
    cursor: pointer;
}
:is(#handoverDrop,#priceDrop).dropdown-menu :is(input,select)::placeholder{
    color: #888 !important;
}
.block-center-inner {
    display: inline-block;
    margin: 0 auto;
    position: relative;
    vertical-align: middle;
    max-width: 100%;
    font-size: initial
}

.block-center-inner > * {
    margin: auto
}

.owl-nav .owl-prev, .owl-nav .owl-next {
    position: absolute;
    width: 40px;
    height: 40px;
    top: -30%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-25%);
    background-color: #f6f5fb;
    color: #7064ef;
    text-align: center;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    cursor: pointer;
    border-radius: 50px
}

.owl-nav .owl-prev i, .owl-nav .owl-next i {
    font-size: 22px;
    font-weight: var(--tot-owl-nav-icon-font-weight);
    font-family: var(--tot-owl-nav-icon-font-family)
}

.owl-nav .owl-prev:hover, .owl-nav .owl-next:hover {
    background-color: #7064ef;
    color: #f6f5fb
}

.owl-nav .owl-prev {
    right: 45px
}

.owl-nav .owl-next {
    right: 0
}

.tot__single-property-gallery .owl-nav .owl-prev {
    right: 0
}

@media (min-width: 1200px) {
    .owl-nav {
        --tot-owl-nav-width: 50px;
        --tot-owl-nav-height: 50px;
        --tot-owl-nav-icon-font-size: 32px
    }
}

.owl-dots {
    text-align: center;
    margin-top: 10px
}

.owl-dots .owl-dot {
    display: inline-block
}

.owl-dots .owl-dot span {
    width: var(--tot-owl-dot-width);
    height: var(--tot-owl-dot-height);
    border-radius: var(--tot-owl-dot-radius);
    margin: var(--tot-owl-dot-spacing);
    display: block;
    background-color: var(--tot-owl-dot-bg-color)
}

.owl-dots .owl-dot.active span {
    background-color: var(--tot-color-accent)
}

.color-light {
    --tot-owl-dot-bg-color: #fff
}

.owl-nav-top-right {
    position: relative
}

.owl-nav-top-right > .owl-nav {
    position: absolute;
    top: -80px;
    right: 0
}

.owl-nav-bottom-center > .owl-nav {
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: 30px
}

.owl-nav-size-sm .owl-nav {
    --tot-owl-nav-width: 28px;
    --tot-owl-nav-height: 28px;
    --tot-owl-nav-icon-font-size: 18px;
    --tot-owl-nav-inline-spacing: 15px
}

.owl-nav-inline > .owl-nav, .owl-nav-bottom-center > .owl-nav, .owl-nav-top-right > .owl-nav {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

.owl-nav-inline > .owl-nav .owl-prev, .owl-nav-inline > .owl-nav .owl-next, .owl-nav-bottom-center > .owl-nav .owl-prev, .owl-nav-bottom-center > .owl-nav .owl-next, .owl-nav-top-right > .owl-nav .owl-prev, .owl-nav-top-right > .owl-nav .owl-next {
    position: relative;
    top: auto;
    -webkit-transform: translateY(0);
    transform: translateY(0)
}

.owl-nav-inline > .owl-nav .owl-prev, .owl-nav-bottom-center > .owl-nav .owl-prev, .owl-nav-top-right > .owl-nav .owl-prev {
    left: auto !important;
    margin-right: var(--tot-owl-nav-inline-spacing)
}

.owl-nav-inline > .owl-nav .owl-next, .owl-nav-bottom-center > .owl-nav .owl-next, .owl-nav-top-right > .owl-nav .owl-next {
    right: auto !important;
    --tot-owl-nav-bg-color: var(--tot-color-accent);
    --tot-owl-nav-color: var(--tot-color-accent-foreground)
}

.owl-nav-inline > .owl-nav .view-all-link, .owl-nav-bottom-center > .owl-nav .view-all-link, .owl-nav-top-right > .owl-nav .view-all-link {
    margin-left: 10px
}

.heading-contain-owl-nav {
    position: relative
}

.heading-contain-owl-nav .owl-nav {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    right: 0
}

.modal-login .modal-content {
    padding: 15px
}

.modal-login .tot-reset-password-wrap, .modal-login .tot-login-wrap, .modal-login .tot-register-wrap {
    border: 0;
    padding: 0
}

.modal-login .tot-register-wrap form, .modal-login .tot-login-wrap form {
    padding-bottom: 25px
}

.modal-login .tot-login-wrap button:last-child {
    margin-bottom: 30px
}

@media (min-width: 768px) {
    .modal-login .modal-content {
        padding: 15px
    }

    .modal-login .modal-dialog {
        width: 500px
    }
}

.modal-login .modal-header .nav-tabs {
    border: none
}

.modal-login .modal-header .nav-tabs > li > a {
    padding: 0
}

.modal-login .modal-header .nav-tabs > li > a.active, .modal-login .modal-header .nav-tabs > li > a:hover, .modal-login .modal-header .nav-tabs > li > a:focus {
    color: var(--tot-color-accent)
}

.select2-dropdown {
    z-index: 20;
    min-width: 150px;
    /*top: 100%;*/
    border-color: #dfddf6;
}

.content-popup i {
    margin-right: 10px
}

.ui-dialog-titlebar-close:before {
    content: "\f00d";
    font-family: FontAwesome;
    color: #fff;
    cursor: pointer
}

.modal {
    text-align: center
}

@media screen and (min-width: 768px) {
    .modal:before {
        display: inline-block;
        vertical-align: middle;
        content: " ";
        height: 100%
    }
}

.modal-dialog {
    display: inline-block;
    text-align: left;
    vertical-align: middle
}

.modal-header .close:hover {
    background-color: transparent !important
}

.tot-heading {
    margin-bottom: 15px
}

.tot-heading h2 {
    margin-bottom: 0;
    font-weight: 600;
    line-height: 1;
    font-size: 24px;
    display: flex;
    text-transform: uppercase;
    gap: 5px;
    color: #0f0a54
}

.tot-heading p {
    display: block;
    color: #909090;
    font-size: 16px;
    font-weight: 400;
    line-height: 1;
    margin-bottom: 14px;
    text-transform: uppercase
}

.tot-heading span {
    position: relative;
    height: 4px;
    width: 20px;
    display: block;
    margin-bottom: 23px;
    line-height: 1
}

.tot-heading.text-center:after, .tot-heading.text-center span {
    margin-left: auto;
    margin-right: auto
}

.tot-heading.text-right span, .tot-heading.text-right:after {
    margin-left: auto
}

.tot-heading.color-light h2, .tot-heading.color-light p {
    color: #fff
}

.tot-heading-style2 i {
    color: #7064ef;
    background-color: #f7f6fc;
    font-size: 22px;
    width: 40px;
    display: inline-block;
    height: 40px;
    border-radius: 8px;
    text-align: center;
    padding: 8px
}

.tot-heading-style2 h2 {
    margin-bottom: 0;
    font-weight: 600;
    line-height: 1;
    font-size: 18px;
    color: #0f0a54;
    position: relative;
    display: inline-block;
    padding-right: 15px
}

.tot-heading-style2 h2:after {
    content: '';
    position: absolute;
    width: max(100%, 50vw);
    background-color: #dfddf6;
    height: 2px;
    top: 54%;
    left: 100%;
    transform: translateY(-50%)
}

.tot-heading sub {
    font-size: 55%;
    bottom: 0px
}

@media (max-width: 480px) {
    .tot-heading h2 {
        font-size: 20px
    }

    .tot-heading span {
        font-size: 12px
    }
}

.tot-heading h2 {
    margin-bottom: 10px !important
}

@media screen and (max-width: 768px) {
    .tot-heading {
        margin-bottom: 25px
    }
}

.tot-heading-style2 {
    margin-bottom: 15px;
    display: flex;
    align-items: center;
    gap: 10px
}

.tot-processing {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgb(0 0 0 / .5);
    z-index: 99999;
    -webkit-transition: all 0.5s;
    transition: all 0.5s
}

.tot-processing .loading {
    display: inline-block;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translateY(-50%) translateX(-50%);
    transform: translateY(-50%) translateX(-50%);
    color: #fff;
    font-size: 16px;
    padding: 10px;
    background: #343434
}

.tot-processing .loading i {
    margin-right: 10px
}

.tot-loading-ajax-wrap {
    position: relative
}

.tot-loading-ajax-wrap .tot-loading {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    width: 44px;
    height: 44px;
    margin: auto;
    text-align: center;
    z-index: 9999999;
    line-height: 44px
}

.user-dropdown {
    display: inline-block;
    position: relative
}

.user-dropdown .user-dropdown-menu {
    text-align: left;
    position: absolute;
    top: 100%;
    left: 0;
    padding: 0;
    margin: 0;
    list-style-type: none;
    border: 1px solid #eee;
    border-radius: 3px;
    opacity: 0;
    visibility: hidden;
    height: 0;
    z-index: -1;
    background-color: #fff;
    color: #222;
    min-width: 250px
}

.user-dropdown .user-dropdown-menu i {
    width: 20px
}

.user-dropdown .user-dropdown-menu a {
    display: block
}

.user-dropdown .user-dropdown-menu:hover {
    opacity: 1;
    visibility: visible;
    height: auto;
    z-index: 99999
}

.user-dropdown .user-display-name {
    display: inline-block;
    position: relative;
    padding-right: 15px
}

.user-dropdown .user-display-name:after {
    content: "\f107";
    display: block;
    font-family: FontAwesome;
    position: absolute;
    right: 0;
    top: 0
}

.user-dropdown .user-display-name i {
    margin-right: 10px
}

.user-dropdown .user-display-name:hover + .user-dropdown-menu {
    opacity: 1;
    visibility: visible;
    height: auto;
    z-index: 99999
}

.user-dropdown:hover .user-display-name {
    color: var(--tot-color-accent)
}

.user-dropdown:hover .user-display-name:after {
    content: "\f106"
}

.other-features-list h4 {
    margin-bottom: 0 !important;
    margin-top: 20px;
    font-weight: 700
}

.other-features-list .checkbox {
    margin-bottom: 0 !important
}

.property-fields-wrap .property-feature {
    margin-bottom: 50px
}

.select2-container--default.error .select2-selection, .form-control.error, .form-control.error:focus, .form-control.error:active {
    border: 1px solid red !important
}

.form-group.error .checkbox-inline, .form-group.error .radio-inline, .form-group.error .custom-control {
    color: red !important
}

.form-group.error .custom-control div.error {
    display: none !important
}

.select2-container .select2-selection--single {
    display: block;
    width: 100%;
    font-size: 15px;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ddd;
    border-radius: var(--sd-brd-radius);
    height: 42px
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 40px
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    position: absolute;
    top: 50%;
    right: 7px;
    width: auto;
    transform: translateY(-50%);
    height: auto
}

.select2-container--default .select2-selection--single .select2-selection__arrow b {
    border: none;
    position: relative;
    top: 0;
    right: 0;
    margin: 0;
    left: 0
}

.select2-container--default .select2-selection--single .select2-selection__arrow b:after {
    content: "\e92c";
    font-weight: 600;
    font-family: 'iconsax';
    color: #aaa;
    font-size: 12px
}

.tot-tabs .nav-tabs {
    border-bottom: none;
    background-color: var(--tot-tabs-bg);
    margin: 0 0 30px 0
}

.tot-tabs .nav-tabs .nav-link {
    margin: 0;
    border-radius: 0;
    border: none;
    color: var(--tot-tabs-text-color);
    padding: 19px 30px;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    font-weight: 500
}

.tot-tabs .nav-tabs .nav-link.active, .tot-tabs .nav-tabs .nav-link:hover {
    background-color: var(--tot-color-accent);
    color: var(--tot-color-accent-foreground)
}

.tot-tabs .tab-content table {
    width: 100%;
    border: none
}

.tot-tabs .tab-content table td {
    width: 50%
}

.tot-tabs .tab-content table tr:nth-child(2n-1) th, .tot-tabs .tab-content table tr:nth-child(2n-1) td {
    background-color: #f8f8f8
}

.tot-tabs .tab-content table th, .tot-tabs .tab-content table td {
    padding: 8.5px 18px;
    border: none
}

.tot-tabs .tab-content table th {
    font-weight: 500;
    color: #222
}

.tot-tabs .tab-content table td {
    font-weight: 400;
    color: #8f8f8f
}

.tot-tabs .card {
    margin-bottom: 20px;
    border: 1px solid rgb(0 0 0 / .125);
    border-radius: 0;
    -webkit-box-shadow: 0 1px 1px rgb(0 0 0 / .05);
    box-shadow: 0 1px 1px rgb(0 0 0 / .05)
}

.tot-tabs .card .nav-link {
    padding: 0;
    color: inherit
}

.tot-tabs .card:last-child {
    margin-bottom: 0
}

.tot-tabs .card-header {
    color: var(--tot-tabs-card-header-text-color);
    background-color: var(--tot-tabs-card-header-bg-color);
    padding: 15px
}

.tot-tabs .card-header .card-title {
    font-size: var(--tot-tabs-card-header-font-size);
    color: inherit
}

.tot-tabs .tot__single-property-element {
    margin-bottom: 0
}

.tot-tabs .tot__single-property-element > .tot-heading-style2 {
    display: none
}

.tot__loop-property-status {
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 10px
}

.tot__loop-property-status-item {
    color: #7064ef;
    background-color: #dfddf6;
    padding: 2px 15px;
    line-height: 20px;
    border-radius: 4px;
    display: inline-block;
    margin-right: 5px;
    margin-bottom: 5px
}

.tot__start-rating {
    position: absolute;
    top: -10000em;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0
}

.rating-container {
    line-height: 1
}

.rating-container .empty-stars {
    color: var(--tot-rating-color);
    display: inline-block
}

.rating-container .filled-stars {
    color: #7064ef;
    margin-left: -1.3px;
}

.rating-container .filled-stars i::before {
    font-family: 'iconsaxbold' !important
}

.rating-container .rating-stars:focus {
    outline: none
}

.tot__reviews .aggregate-rating {
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 30px
}

.tot__reviews .ratings-summary {
    background-color: #fff;
    color: #222;
    border-radius: var(--sd-brd-radius);
    width: 200px;
    margin-right: 30px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center
}

.tot__reviews .ratings-summary .rating-container {
    margin: 5px 0;
    font-size: 18px
}

.tot__reviews .ratings-average {
    font-size: 40px;
    font-weight: 700;
    line-height: 1
}

.tot__reviews .overall-rating {
    width: 280px
}

.tot__reviews .overall-rating ul.reviews-box {
    list-style: none;
    padding: 0;
    margin: 0
}

.tot__reviews .overall-rating ul.reviews-box li {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    line-height: 1.2;
    margin-bottom: 10px
}

.tot__reviews .overall-rating ul.reviews-box li:last-child {
    margin-bottom: 0
}

.tot__reviews .overall-rating ul.reviews-box li .item-list {
    -ms-flex-positive: 1;
    flex-grow: 1;
    height: 10px;
    background-color: #e6e9ee;
    margin: 0 10px;
    position: relative
}

.tot__reviews .overall-rating ul.reviews-box li .item-list span {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    background-color: #7064ef;
    border-radius: 3px
}

.tot__reviews .overall-rating ul.reviews-box li .label {
    font-size: 12px;
    color: var(--tot-color-heading);
    width: 10px
}

.tot__reviews .overall-rating ul.reviews-box li .percent {
    width: 30px
}

@media (max-width: 575px) {
    .tot__reviews .aggregate-rating {
        -ms-flex-direction: column;
        flex-direction: column
    }

    .tot__reviews .ratings-summary {
        margin-right: 0;
        margin-bottom: 20px;
        width: 280px;
        padding: 5px 0
    }
}

.tot__reviews ul.reviews-list {
    padding: 0;
    margin: 0 0 30px 0;
    list-style: none
}

.tot__reviews ul.reviews-list li {
    background-color: #fff;
    padding: 12px;
    border-radius: var(--sd-brd-radius);
}

.tot__reviews ul.reviews-list .media-left {
    margin-right: 20px
}

.tot__reviews ul.reviews-list .media-left figure {
    border: 1px solid #dbdfe2;
    border-radius: 50%;
    width: 80px;
    height: 80px;
    overflow: hidden;
    margin: 0
}

.tot__reviews ul.reviews-list .review-date-rating {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 20px
}

.tot__reviews ul.reviews-list .review-date {
    font-size: 12px
}

.tot__reviews ul.reviews-list .review-date i {
    margin-right: 5px;
    color: var(--tot-color-accent)
}

.tot__reviews ul.reviews-list .rating-container {
    font-size: 14px
}

.tot__reviews ul.reviews-list .review-content {
    margin: 0
}

.btn.tot__btn-submit-rating {
    background-color: #7064ef;
    border-radius: var(--sd-brd-radius);
    color: #dfddf6;
}

.tot__reviews .login-for-review {
    text-decoration: underline;
    color: var(--tot-color-accent)
}

.tot__reviews .waiting-for-approval {
    color: var(--tot-color-accent)
}
.tot__pin-wrap img{
    width: 30px !important;
}
.tot__map-canvas, .tot-google-map-direction {
    min-height: var(--tot-map-height);
    border-radius: var(--sd-brd-radius)
}

.tot__map-canvas .gm-svpc img {
    max-width: unset
}

.tot__map-popup {
    background: #fff;
    -webkit-box-shadow: 0 0 8px rgb(0 0 0 / .53);
    box-shadow: 0 0 8px rgb(0 0 0 / .53);
    display: -ms-flexbox;
    display: flex;
    padding: 15px
}

.tot__map-popup-thumb {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    max-width: 100px;
    -ms-flex-item-align: start;
    align-self: flex-start;
    margin-right: 15px
}

.tot__map-popup-thumb img {
    max-width: 100%
}

.tot__map-popup-content {
    -ms-flex-positive: 1;
    flex-grow: 1;
    width: 1px
}

.tot__map-popup-content .tot__single-property-price {
    font-size: 14px;
    margin-bottom: 5px;
    font-weight: 500
}

.tot__map-popup-title {
    font-size: 14px;
    text-transform: none;
    margin-bottom: 5px;
    font-weight: 500
}

.tot__map-popup-title a {
    color: inherit
}

.tot__map-popup-address {
    font-size: 12px;
    color: #8f8f8f
}

.tot__map-popup-address i {
    color: var(--tot-color-accent);
    margin-right: 5px
}

.tot__contact-form label {
    display: none
}

.tot__contact-form textarea {
    min-height: 100px;
    border-radius: var(--main-box-radius);
}

.tot__contact-form .invalid-feedback {
    font-size: 90%
}

.tot__contact-form .tot__message {
    text-align: center;
    font-weight: 500;
    text-transform: uppercase;
    color: #fb6a19;
    margin-top: 14px
}

.position-inline {
    display: inline-block
}

.list-1-column .tot-item-wrap {
    width: 100% !important
}

.btn-save-search {
    border-bottom-left-radius: 2em !important;
    border-bottom-right-radius: 2em !important;
    border-top-left-radius: 0 !important;
    border-top-right-radius: 0 !important
}

#tot_save_search i {
    padding-left: 5px
}

.mce-i-fascbutton_add_shortcode:before {
    content: "\f502";
    display: inline-block;
    -webkit-font-smoothing: antialiased;
    font: 400 20px/1 dashicons
}

#geocomplete-error {
    position: absolute
}

.tot-recaptcha-wrap {
    margin-bottom: 15px
}

li.dotted-right {
    float: right
}

li.dotted-left + li.dotted-right:before {
    content: "";
    width: 100%;
    display: block;
    height: 1px;
    border: 1px dotted;
    position: absolute;
    left: 0;
    bottom: 10px;
    color: #ddd
}

li.dotted-left {
    position: relative;
    z-index: 2;
    padding-right: 10px
}

.content-single-property .post-ratings {
    margin-top: 30px;
    text-align: center
}

:is(.tot-agent-single,.tot-developer-single) .post-ratings {
    margin-top: 30px
}

.tot-link-more {
    font-style: italic;
    display: block
}

.tot_payment_stripe button {
    display: none !important
}

.property-info-header .property-price-prefix, .property-info-header .property-price-postfix {
    font-size: 14px
}

.property-type i, .property-location i, .property-type-list i, :is(.property-agent,.property-developer) i, .property-info-header .property-info span.fa, .property-count span, :is(.agent-info,.developer-info) i, .tot-link-more, .user-dropdown i, .address-marker i, .tot-my-saved-search-item i, span.total-properties, .tot-dashboard-logout i, .attachment-file-type, .walk-score-more-detail {
    color: var(--tot-color-accent)
}

.tot-link-more {
    text-align: right
}

.tot-package-price {
    font-size: 50px;
    font-weight: 700
}

.tot-package-title, .tot-package-price, .tot-package-choose {
    text-align: center
}

.tot-profile-avatar, :is(.agent-avatar,.developer-avatar) {
    text-align: center
}
.developer-single-inner {
    position: sticky;
    top: 105px;
}
:is(.agent-description,.developer-description) {
    margin-top: 20px
}

:is(.agent-company-info,.developer-company-info) span, :is(.agent-main-info,.developer-main-info) span, :is(.agent-company-info,.developer-company-info) p, :is(.agent-main-info,.developer-main-info) p {
    font-weight: 700
}
.developer-image-gallery,
.developer-image-gallery .owl-stage-outer{
    max-height: 300px;
    height: 300px
}
.developer-image-gallery.owl-carousel .owl-item img{
    height: 300px;
    object-fit: cover;
}
.developer_video{
    border-radius: var(--sd-brd-radius);
    overflow: hidden;
}
.tot-thankyou-content {
    margin-bottom: 40px
}

.tot-wire-transfer-info {
    display: none
}

.form-search-wrap.form-search-wrap {
    position: relative;
    color: var(--tot-property-search-form-text-color)
}

.form-search-title {
    font-size: 14px;
    margin-bottom: 7px;
    color: #3f3b76;
    font-weight: 600
}

::placeholder, ::-ms-input-placeholder, ::-moz-placeholder {
    color: #888;
    opacity: 1
}

.form-search-wrap.form-search-wrap input, .form-search-wrap.form-search-wrap select, .form-search-wrap.form-search-wrap .select2-container .select2-selection--single {
    border-color: var(--tot-property-search-form-border-color);
    color: #555;
    font-size: 14px
}

.form-search-wrap.form-search-wrap .select2-container {
    width: 100% !important
}


.form-search-wrap.form-search-wrap .btn-other-features {
    cursor: pointer;
    font-weight: 600;
    color: var(--tot-color-heading)
}

.form-search-wrap.form-search-wrap .btn-other-features i {
    background: var(--tot-color-accent);
    color: var(--tot-color-accent-foreground);
    margin-right: 5px;
    padding: 3px
}

.form-search-wrap.form-search-wrap .other-features-list h4 {
    color: var(--tot-color-heading)
}

.form-search-wrap.form-search-wrap .submit-search-form {
    text-align: right;
    margin-left: auto;
    display: flex;
    align-items: center;
    gap: 5px
}

.search-properties-form .form-search {
    background-color: #fff;
    padding: 24px 0;
    border-radius: var(--sd-brd-radius)
}

.tot-search-status-tab-inner {
    border-radius: 8px 8px 0 0;
    width: fit-content;
    overflow: hidden
}

.tot-search-status-tab button {
    vertical-align: top;
    height: 44px;
    line-height: 1;
    border: 0;
    background-color: #fff;
    padding-left: 10px;
    padding-right: 10px;
    color: #333
}

.tot-search-status-tab button:hover, .tot-search-status-tab button.active {
    color: var(--sd-primary-color);
    border-bottom: 3px solid var(--sd-primary-color)
}

#tot-map-loading {
    position: absolute;
    z-index: 0;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgb(255 255 255 / .9)
}

#tot-map-loading i {
    height: 60px;
    width: 60px;
    font-size: 60px;
    color: var(--tot-color-accent)
}

.tot-map-result {
    position: relative;
    height: 550px;
    -webkit-transition: height 0.5s;
    transition: height 0.5s;
    background-color: rgb(0 0 0 / .1)
}

.tot-map-result .map-notfound {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    text-align: center;
    height: 50px;
    max-width: 570px;
    margin: auto;
    font-size: 20px
}

.tot-map-result .cluster img {
    width: 100%
}

.tot-map-result .infoBox {
    overflow: inherit !important;
    max-width: 310px
}

.tot-map-result .infoBox > img {
    z-index: 5;
    padding: 10px 10px 0 0
}

.tot-map-result .infoBox:after {
    border: solid #fff0;
    content: " ";
    height: 0;
    position: absolute;
    top: inherit;
    right: inherit;
    bottom: -36px;
    left: 50%;
    width: 0;
    border-width: 18px;
    border-top-color: rgb(0 0 0 / .05);
    z-index: 0;
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0)
}

.tot-map-result .marker-content {
    position: relative;
    width: 310px
}

.tot-map-result .marker-content:after {
    border: solid #fff0;
    content: " ";
    height: 0;
    position: absolute;
    top: inherit;
    right: inherit;
    bottom: -30px;
    left: 50%;
    z-index: 2;
    width: 0;
    border-width: 15px;
    border-top-color: #fff;
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0)
}

.tot-map-result .marker-content .marker-content-inner {
    background-color: #fff;
    padding: 15px;
    border-radius: 15px
}

.tot-map-result .item-thumb {
    float: left;
    margin-right: 12px;
    overflow: hidden;
    border-radius: 5px;
    max-width: 150px
}

.tot-map-result .item-body {
    overflow: hidden;
    display: grid;
    height: 100%;
    row-gap: 14px
}

.tot-map-result .item-body .title-marker, .tot-map-result .item-body .price-marker {
    font-size: 16px;
    font-weight: 500;
    line-height: 1.4;
    letter-spacing: 0;
    color: #222;
    text-transform: capitalize
}

.tot-map-result .item-body .title-marker {
    -webkit-transition: all 0.3s;
    transition: all 0.3s
}

.tot-map-result .item-body .price-marker {
    font-weight: 600
}

.tot-map-result .item-body .address-marker {
    font-size: 12px;
    color: #8f8f8f
}

.tot-map-result .item-body .address-marker i {
    margin-right: 10px;
    color: var(--tot-color-accent);
    padding-left: 1px
}

.tot-map-result .item-body a:hover {
    color: var(--tot-color-accent)
}

.tot-map-result .search-map-inner {
    position: relative
}

.form-search-wrap.form-search-wrap .ui-slider-horizontal {
    position: relative;
    height: 4px;
    border-radius: 0;
    border: none;
    background: #e5e5e5;
    margin: 15px 4px 10px 8px
}

.form-search-wrap.form-search-wrap .ui-slider-horizontal .ui-slider-handle {
    position: absolute;
    z-index: 4;
    height: 14px;
    width: 14px;
    background: var(--sd-primary-color);
    top: -5px;
    cursor: ew-resize;
    border: none;
    border-radius: 50%
}

.form-search-wrap.form-search-wrap .ui-slider-horizontal .ui-slider-handle:active, .form-search-wrap.form-search-wrap .ui-slider-horizontal .ui-slider-handle:focus {
    outline: none
}

.form-search-wrap.form-search-wrap .ui-slider-horizontal .ui-slider-range {
    position: absolute;
    z-index: 3;
    background: var(--sd-primary-color);
    border-radius: 0;
    border: none
}

.form-search-wrap.form-search-wrap .title-slider-filter span {
    display: inline-block
}

.list-property-result-ajax .title-result {
    margin-bottom: 14px
}

.list-property-result-ajax .title-result h2 {
    font-weight: 600;
    line-height: 1;
    font-size: 26px;
    margin-bottom: 5px
}

.list-property-result-ajax .title-result .text-no-result {
    display: none
}

.list-property-result-ajax .owl-carousel .owl-nav {
    --tot-owl-nav-width: 40px;
    --tot-owl-nav-height: 40px;
    --tot-owl-nav-icon-font-size: 24px;
    --tot-owl-nav-inline-spacing: 15px;
    top: -70px
}

.col-gap-0 .tot-item-wrap {
    padding-left: 0;
    padding-right: 0
}

.col-gap-10 {
    margin-left: -5px;
    margin-right: -5px
}

.col-gap-10 > .item-not-found, .col-gap-10 .tot-item-wrap {
    padding-left: 5px;
    padding-right: 5px
}

.col-gap-20 {
    margin-left: -10px;
    margin-right: -10px
}

.col-gap-20 > .item-not-found, .col-gap-20 .tot-item-wrap {
    padding-left: 10px;
    padding-right: 10px
}

.col-gap-30 {
    margin-left: -15px;
    margin-right: -15px
}

.col-gap-30 > .item-not-found, .col-gap-30 .tot-item-wrap {
    padding-left: 15px;
    padding-right: 15px
}

.tot-property .owl-nav-bottom-center .owl-nav {
    margin-top: 57px
}

.tot-property .property-link {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    z-index: 2
}

.tot__single-property-price span {
    font-size: 14px;
    font-weight: 500;
    color: #555;
    margin-right: 10px;
    flex-shrink: 0
}

.tot__single-property-price p {
    font-size: clamp(13px, 1vw, 18px);
    font-weight: 800;
    color: #7064ef;
    margin-bottom: 0
}

.tot__loop-property-price span {
    font-size: 80%;
    color: #666
}

.tot__loop-property-price p {
    font-size: 150%
}

.tot__loop-property-price .price-per-unit {
    font-size: 11px;
    font-weight: 500;
    padding: 1.5px 5px;
    background-color: var(--tot-color-accent);
    color: var(--tot-color-accent-foreground);
    margin-left: 5px;
    position: relative;
    top: -2px
}

.tot__loop-property-price .property-price-prefix, .tot__loop-property-price .property-price-postfix {
    font-size: 12px;
    color: var(--tot-color-accent)
}

button.tot__loop-property_action-item {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 34px;
    height: 34px;
    max-height: 34px;
    background-color: #dfddf6;
    color: #7064ef;
    border-radius: var(--sd-brd-radius);
    font-size: 16px;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    min-height: 34px;
    padding: 0
}

button.tot__loop-property_action-item:hover {
    color: #dfddf6;
    background-color: #7064ef
}

 .tot__loop-property_action-item {
    margin-left: 10px;
    flex: 0 0 auto;
}

.tot__loop-property-action {
    gap: 3px;
    position: absolute;
    z-index: 3;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    opacity: 0;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    display: -ms-flexbox;
    display: flex
}

.property-inner:hover .tot__loop-property-action, .property-active-hover .tot__loop-property-action {
    opacity: 1
}

.tot-property .property-image {
    position: relative;
    z-index: 1;
    overflow: hidden;
    border-radius: 8px;
    max-height: 180px;
    min-height: 180px
}

.tot-property .property-image img {
    height: auto;
    max-height: inherit;
    min-height: 180px;
    object-fit: cover
}

.tot-property .property-image:before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    opacity: 0;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    background-color: rgb(34 34 34 / .6)
}

.tot-property .property-inner:hover .block-center-inner, .tot-property .property-inner:hover .property-image:before, .tot-property .property-active-hover .block-center-inner, .tot-property .property-active-hover .property-image:before {
    opacity: 1
}

.tot-property .property-title {
    font-size: 24px;
    font-weight: 600;
    margin-bottom: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.tot-property .property-title a {
    color: inherit
}

.tot-property .property-title:hover {
    color: var(--tot-color-accent)
}

.tot__loop-property-location {
    overflow: hidden;
    padding-left: 1px;
    text-overflow: ellipsis;
    flex-wrap: wrap;
    font-size: 12px;
    font-weight: 400;
    display: flex;
    text-wrap: nowrap;
    align-items: center
}

.tot__loop-property-location i {
    font-size: 16px;
    margin-right: 5px;
    color: #7064ef
}
.tot__loop-property-location a{
    display: inline-flex;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    align-items: center
}
.tot__loop-property-location a span{
    color: inherit;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

button.developer-image-property.tot__loop-property_developer_image {
    position: absolute;
    width: 74px;
    height: 54px;
    padding: 6px;
    border-radius: 8px;
    bottom: -4rem;
    right: auto;
    left: calc(100% - 2vw + 3rem);
    transform: translateX(calc(-100% + 2vw + 1.6rem));
}
button.developer-image-property.tot__loop-property_developer_image img{
    min-height: auto;
    width: 44px
}

.tot__loop-property-badge-item {
    display: block
}

.tot__loop-property-badge-item .tot__lpbi-inner {
    position: relative;
    color: #fff;
    background-color: #7064ef;
    font-size: 12px;
    display: inline-block;
    line-height: 20px;
    padding: 0 5px;
    border-radius: 3px;
    margin: 1px
}

.tot__loop-property-badge {
    position: absolute;
    left: 8px;
    top: 8px;
    z-index: 3;
    font-size: 0
}

.tot__loop-property-badge.tot__lpb-status {
    right: 8px;
    left: auto;
    text-align: right
}

.tot__loop-property-badge.tot__lpb-status .tot__loop-property-badge-item .tot__lpbi-inner {
    padding: 0 5px
}

.tot__loop-property-badge .tot__loop-property-badge-item {
    margin-bottom: 5px
}

.tot__loop-property-badge .tot__loop-property-badge-item:last-child {
    margin-bottom: 0
}

.tot__loop-property-info {
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    color: var(--tot-tabs-card-header-text-color);
    border-radius: 15px
}

.tot__loop-property-info .tooltip {
    top: -5px !important
}

.tot__loop-property-info .property-info-inner {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-pack: justify;
    justify-content: space-around;
    line-height: 20px;
    margin-top: 10px;
    padding-top: 10px;
    border-top: 2px solid #7064ef52
}

.tot__loop-property-info .tot__loop-property-info-item {
    display: grid;
    -ms-flex-align: center;
    align-items: center
}

.tot__loop-property-info .tot__loop-property-info-item i {
    margin-right: 5px;
    font-size: 16px;
    color: var(--sd-primary-color)
}

.tot__loop-property-info .tot__loop-property-info-item .tot__lpi-content > span {
    display: block
}

.tot__loop-property-info .tot__loop-property-info-item .tot__lpi-content > span + span {
    margin-top: 5px
}

.tot__loop-property-info .tot__loop-property-info-item > span {
    font-size: 12px;
    text-align: center
}

.tot__loop-property-info.layout-1 .tot__loop-property-info-item .tot__lpi-content {
    font-size: 15px;
    color: #7064ef;
    text-align: center
}

.tot__loop-property-info.layout-2 .tooltip {
    display: none
}

.tot__loop-property-info.layout-2 .tot__loop-property-info-item i {
    font-size: 24px;
    margin-right: 10px
}

.tot__loop-property-info.layout-2 .tot__loop-property-info-item .tot__lpi-content {
    font-size: 16px;
    letter-spacing: .03em;
    line-height: 14px
}

.tot__loop-property-info.layout-2 .tot__loop-property-info-item .tot__lpi-value {
    font-weight: 600;
    color: var(--tot-loop-property-info-value-text-color, inherit)
}

.tot__loop-property-info.layout-2 .tot__loop-property-info-item + .tot__loop-property-info-item {
    margin-left: var(--tot-loop-property-info-spacing)
}

.tot__loop-property-info.tot__single-property-info {
    background-color: transparent !important;
    color: var(--tot-color-heading)
}

.tot__loop-property-info.tot__single-property-info .property-info-inner {
    padding: 0;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.tot__loop-property-info.tot__single-property-info .tot__loop-property-info-item {
    margin-top: 5px;
    margin-bottom: 5px
}

.tot__loop-property-info.tot__single-property-info .tot__loop-property-info-item .tot__lpi-content {
    font-size: 14px
}

.tot__loop-property-info.tot__single-property-info .tot__loop-property-info-item .tot__lpi-content > span + span {
    margin-top: 2px
}

.tot__loop-property-info.tot__single-property-info .tot__loop-property-info-item i {
    color: var(--tot-color-accent)
}

.tot__loop-property-info.tot__single-property-info .tot__loop-property-info-item .tot__lpi-value {
    color: var(--tot-single-property-info-value-text-color, inherit)
}

.tot-property .property-excerpt {
    line-height: var(--tot-body-line-height)
}

.tot-property .property-excerpt p:last-child {
    margin-bottom: 0
}

.property-element-inline {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.tot-property .property-link-detail {
    font-weight: 500;
    margin-top: 6px
}

.tot-property .property-link-detail i {
    color: var(--tot-color-accent);
    margin-left: 5px;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    font-size: 16px
}

.tot-property .property-link-detail a {
    color: var(--tot-color-heading)
}

.tot-property .property-link-detail a:hover {
    color: var(--tot-color-accent)
}

.tot-property .property-link-detail a:hover i {
    margin-left: 10px
}

.tot-property .view-all-link {
    text-align: center
}

.tot-property a {
    -webkit-transition: all 0.3s;
    transition: all 0.3s
}

.tot-property img {
    width: 100%
}

.tot-property .property-developer img{
    height: 34px;
    object-fit: contain;
    width: 34px;
    background-color: #dfddf6;
    border-radius: 8px;
    min-height: auto;
}
.tot-property .property-developer a{
    display: flex;
    align-items: center;
}

.tot-property .block-center-inner {
    z-index: 11
}

.tot-property .property-type-list {
    margin: 2px 0 10px
}

.tot-property .property-type-list a {
    padding: 0;
    border-radius: 5px;
    color: #0f0a54
}

.tot-property .property-type, .tot-property .property-agent, .tot-property .property-developer, .tot-property .property-date, .tot-property .property-type-list {
    font-size: 14px;
    font-weight: 400
}

.tot-property .property-type i, .tot-property .property-agent i, .tot-property .property-developer i, .tot-property .property-date i, .tot-property .property-type-list i {
    font-size: 14px;
    margin-right: 5px;
    margin-left: 2px;
    color: var(--tot-color-accent)
}

@media (max-width: 1199px) {
    .tot-property .hidden-md {
        display: none
    }
}

.property-inner .property-content {
    padding: 5px
}
.tot_property-advanced-search-form-wrap{
    margin-bottom: 8px;
}
.tot-property.property-grid .property-inner {
    overflow: hidden;
    background-color: #fff;
    border-radius: 8px;
    min-height: 412px;
    box-shadow: 0 0 15px 0 rgb(0 0 0 / .1);
    max-height: fit-content;
    padding: 5px;
}

.tot-property.property-grid .property-item-content {
    padding-top: 5px
}

.tot-property.property-grid .property-excerpt {
    display: none
}

.tot-property.property-grid .property-heading {
    margin-bottom: 0
}

.tot-property.property-grid .property-type {
    margin-bottom: 3px
}

.tot-property.property-grid .property-element-inline .property-type-list {
    width: 100%
}

.tot-property.property-list .property-inner {
    padding: 15px;
    background-color: #f8f8f8;
    display: grid;
    grid-template-columns:1fr 2fr;
    grid-template-rows:auto;
    row-gap: 18px;
    align-items: center
}

.tot-property.property-list .property-image {
    max-width: 100%;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-right: var(--tot-property-list-image-spacing);
    -ms-flex-item-align: start;
    align-self: flex-start;
    grid-row: 1 / span 1;
    max-height: 240px
}

.tot-property.property-list .property-item-content {
    -ms-flex: 1 1 auto;
    flex: 1 1 auto
}

.tot-property.property-list .property-title {
    margin-bottom: 5px
}

.tot-property.property-list .property-heading {
    margin-bottom: 5px
}

.tot-property.property-list .property-excerpt {
    margin-top: 5px
}

.tot-property.property-list .property-info {
    margin-top: 15px
}

@media (max-width: 991px) {
    .tot-property.property-list .property-element-inline .property-type-list {
        width: 100%
    }
}

@media (max-width: 767px) {
    .tot-property.property-list .property-inner {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .tot-property.property-list .property-image {
        width: 100% !important;
        max-width: 100%;
        margin-right: 0 !important;
        margin-bottom: 17px
    }
}

@media (min-width: 768px) {
    .tot-property.property-list .property-excerpt {
        max-height: calc(var(--tot-body-line-height) * var(--tot-loop-list-property-except-max-height));
        overflow: hidden
    }
}

@media (min-width: 768px) {
    .tot-property.property-list-two-columns .property-excerpt {
        max-height: calc(var(--tot-body-line-height) * var(--tot-loop-list-two-columns-property-except-max-height));
        overflow: hidden
    }
}

.tot-property.property-carousel .property-inner {
    padding: 15px 15px 0 15px;
    background-color: #f8f8f8;
    min-height: 375px;
    box-shadow: 0 0 10px 5px rgb(0 0 0 / .02)
}

.tot-property.property-carousel .property-item-content {
    padding-top: 8px;
    padding-bottom: 8px
}

.tot-property.property-carousel .property-excerpt {
    display: none
}

.tot-property.property-carousel .property-heading {
    margin-bottom: 0
}

.tot-property.property-carousel .property-type {
    margin-bottom: 3px
}

.tot-property.property-carousel .property-info {
    margin: 0
}

.tot-property.property-carousel .property-element-inline .property-type-list {
    width: 100%
}

.tot-property.property-zigzac .property-inner {
    display: -ms-flexbox;
    display: flex
}

.tot-property.property-zigzac .property-image {
    width: 50%;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.tot-property.property-zigzac .property-item-content {
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    width: 1px;
    background-color: #fff;
    padding: 15px 20px 20px;
    position: relative
}

.tot-property.property-zigzac .tot__loop-property-location {
    margin-top: 3px
}

.tot-property.property-zigzac .property-element-inline .property-type-list {
    width: 100%
}

.tot-property.property-zigzac .property-excerpt {
    margin-top: 11px
}

.tot-property.property-zigzac .property-info {
    margin-top: 13px;
    background-color: transparent !important;
    color: var(--tot-color-heading)
}

.tot-property.property-zigzac .property-info i {
    color: var(--tot-color-accent)
}

.tot-property.property-zigzac .property-info .property-info-inner {
    padding-left: 0;
    padding-right: 0
}

@media (min-width: 768px) {
    .tot-property.property-zigzac .property-excerpt {
        max-height: calc(var(--tot-body-line-height) * var(--tot-loop-zigzac-property-except-max-height));
        overflow: hidden
    }

    .tot-property.property-zigzac .property-image img {
        height: 100%;
        object-fit: cover
    }

    .tot-property.property-zigzac .property-item-content:before {
        content: "";
        display: block;
        position: absolute;
        border-top: 20px solid #fff0;
        border-bottom: 20px solid #fff0;
        border-right: 20px solid #fff;
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        right: 100%;
        z-index: 2
    }

    .tot-property.property-zigzac .property-element-inline {
        display: none
    }
}

@media (min-width: 992px) {
    .tot-property.property-zigzac .tot-item-wrap:nth-child(4n) .property-item-content:before, .tot-property.property-zigzac .tot-item-wrap:nth-child(4n-1) .property-item-content:before {
        left: 100%;
        right: auto;
        border-left: 20px solid #fff;
        border-right: none
    }

    .tot-property.property-zigzac .tot-item-wrap:nth-child(4n) .property-image, .tot-property.property-zigzac .tot-item-wrap:nth-child(4n-1) .property-image {
        order: 1
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .tot-property.property-zigzac .tot-item-wrap:nth-child(2n) .property-item-content:before {
        left: 100%;
        right: auto;
        border-left: 20px solid #fff;
        border-right: none
    }

    .tot-property.property-zigzac .tot-item-wrap:nth-child(2n) .property-image {
        order: 1
    }
}

@media (max-width: 767px) {
    .tot-property.property-zigzac .property-inner {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .tot-property.property-zigzac .property-image {
        width: 100% !important
    }
}

.tot-archive-developer-wrap, .tot-archive-property-wrap {
    padding-inline: 0px
}

.tot-archive-property-wrap .form-search .row [class*='col-'] {
    padding: 0 4px
}

.tot-archive-property-wrap .form-search .row .tot-advanced-search-btn {
    max-height: 42px
}

@media (max-width: 768px) {
    .tot-archive-property-wrap .form-search .row .tot-advanced-search-btn {
        max-height: 32px
    }
}

.tot_widget .tot__loop-property-badge {
    display: none
}

.agent-item-inner, .developer-item-inner {
    background: #f7f6fc;
    padding: 10px;
    border-radius: 10px;
    overflow: hidden;
    display: flex;
    align-items: center
}

.developer-slider .developer-item-inner, .agent-slider .agent-item-inner {
    min-height: 125px
}

.agent-avatar, .developer-avatar {
    width: 80px;
    height: 80px;
    overflow: hidden;
    border-radius: 50px;
    flex: 0 0 auto;
    border: 1px solid #eaeaea
}

.agent-avatar img, .developer-avatar img {
    width: 100%;
    height: 100% !important;
    object-fit: cover
}

.tot-agent .agent-name, .tot-developer .developer-name {
    font-size: 18px;
    font-weight: 500;
    margin-bottom: 0;
    margin-top: 0;
    -webkit-transition: all 0.3s;
    transition: all 0.3s
}

.tot-agent .agent-name a, .tot-developer .developer-name a {
    color: #0f0a54 !important;
    font-size: 16px
}

.tot-agent .agent-name:hover, .tot-developer .developer-name:hover {
    color: var(--tot-color-accent)
}

.tot-agent .agent-avatar-bg, .tot-developer .developer-avatar-bg {
    background-size: cover;
    background-position: top center;
    background-repeat: no-repeat
}

.agent-social, .developer-social {
    width: 100%;
    display: flex;
    gap: 5px;
    flex-wrap: wrap
}

.agent-social.active, .developer-social.active {
    display: block
}

.agent-item-inner, .developer-item-inner {
    position: relative
}

.tot-agent .agent-social a {
    display: inline-block;
    line-height: var(--tot-agent-social-wide);
    width: var(--tot-agent-social-wide);
    height: var(--tot-agent-social-wide);
    text-align: center
}

.tot-developer .developer-social a {
    display: inline-block;
    line-height: var(--tot-developer-social-wide);
    width: var(--tot-developer-social-wide);
    height: var(--tot-developer-social-wide);
    text-align: center
}

.tot-agent .agent-social a i {
    font-size: var(--err-agent-social-font-size);
    line-height: var(--tot-agent-social-wide)
}

.tot-developer .developer-social a i {
    font-size: var(--err-developer-social-font-size);
    line-height: var(--tot-developer-social-wide)
}

.tot__agent-excerpt, .tot__developer-excerpt {
    line-height: var(--tot-body-line-height)
}

.tot-agent.owl-nav-top-right, .tot-developer.owl-nav-top-right {
    --tot-owl-nav-bg-color: #fff
}

:is(.tot-agent.owl-nav-top-right,.tot-developer.owl-nav-top-right) .owl-nav {
    top: -130px
}

.tot-agent.avatar-left .agent-avatar, .tot-developer.avatar-left .developer-avatar {
    margin-inline: 0 auto
}

.tot-agent.avatar-center .agent-avatar, .tot-developer.avatar-center .developer-avatar {
    margin-inline: auto
}

.tot-agent.avatar-right .agent-avatar, .tot-developer.avatar-right .developer-avatar {
    margin-inline: auto 0
}

.tot-agent.agent-grid .agent-content, .tot-developer.developer-grid .developer-content {
    text-align: center;
    width: 100%
}

.agent-info, .developer-info {
    padding: 0;
    color: #8884b3;
    text-align: left;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    margin-inline: 10px
}

.tot-agent.agent-grid .agent-item, .tot-developer.developer-grid .developer-item {
    margin-bottom: 15px
}

.tot-agent.agent-grid .agent-name, .tot-developer.developer-grid .developer-name {
    color: #fff
}

.tot-agent.agent-grid .agent-description, .tot-developer.developer-grid .developer-description {
    display: none
}

.tot-agent.agent-grid .agent-social, .tot-developer.developer-grid .developer-social {
    position: relative;
    top: 10px
}

.tot-agent.agent-grid .agent-social a, .tot-developer.developer-grid .developer-social a {
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    color: #fff
}

.tot-agent.agent-grid .agent-social a:hover, .tot-developer.developer-grid .developer-social a:hover {
    color: #222
}

.tot-agent.agent-slider .agent-content, .tot-developer.developer-slider .developer-content {
    text-align: center
}

.tot-agent.agent-slider .agent-info, .tot-developer.developer-slider .developer-info {
    color: #bababa
}

.tot-agent.agent-slider .agent-name, .tot-developer.developer-slider .developer-name {
    color: #fff
}

.tot-agent.agent-slider .agent-name:hover, .tot-developer.developer-slider .developer-name:hover {
    color: var(--tot-color-accent)
}

.tot-agent.agent-slider .agent-social, .tot-developer.developer-slider .developer-social {
    background: var(--tot-color-accent);
    margin: 0 35px;
    position: relative;
    top: -17.5px
}

.tot-agent.agent-slider .agent-social a, .tot-developer.developer-slider .developer-social a {
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    color: #fff
}

.tot-agent.agent-slider .agent-social a:hover, .tot-developer.developer-slider .developer-social a:hover {
    color: #222
}

.tot-agent.agent-list .agent-item-inner, .tot-developer.developer-list .developer-item-inner {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

.tot-agent.agent-list .agent-item, .tot-developer.developer-list .developer-item {
    margin-bottom: 20px;
    border-bottom: 1px solid var(--tot-color-border)
}

.tot-agent.agent-list .agent-avatar {
    max-width: var(--tot-agent-list-image-width);
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-right: var(--tot-agent-list-image-spacing)
}

.tot-developer.developer-list .developer-avatar {
    max-width: var(--tot-developer-list-image-width);
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-right: var(--tot-developer-list-image-spacing)
}

.tot-agent.agent-list .agent-content, .tot-developer.developer-list .developer-content {
    -ms-flex-positive: 1;
    flex-grow: 1;
    width: 1px;
    margin-bottom: 0
}

.tot-agent.agent-list .agent-info p, .tot-developer.developer-list .developer-info p {
    margin-top: 25px
}

@media (min-width: 600px) {
    .tot-agent.agent-list .agent-social a, .tot-developer.developer-list .developer-social a {
        text-align: left
    }
}

@media (max-width: 767px) {
    .tot-agent.agent-list .agent-item-inner, .tot-developer.developer-list .developer-item-inner {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .tot-agent.agent-list .agent-avatar, .tot-developer.developer-list .developer-avatar {
        width: 100% !important;
        max-width: 100%;
        margin-right: 0 !important
    }

    .tot-agent.agent-list .agent-content, .tot-developer.developer-list .developer-content {
        margin-top: 50px;
        margin-bottom: 50px;
        text-align: center
    }
}

@media (min-width: 768px) {
    .tot-agent.agent-list .tot__agent-excerpt {
        max-height: calc(var(--tot-body-line-height) * var(--tot-loop-list-agent-except-max-height));
        overflow: hidden
    }

    .tot-developer.developer-list .tot__developer-excerpt {
        max-height: calc(var(--tot-body-line-height) * var(--tot-loop-list-developer-except-max-height));
        overflow: hidden
    }
}

.tot__loop-agency-title {
    font-size: 18px
}

.tot__loop-agency-title a {
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    color: inherit
}

.tot__loop-agency-title a:hover, .tot__loop-agency-title a:focus {
    color: var(--tot-color-accent)
}

.tot__loop-agency-desc {
    line-height: var(--tot-body-line-height);
    margin: 20px 0
}

ul.tot__loop-agency-social {
    margin: 0;
    padding: 0 !important;
    list-style: none;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    color: var(--tot-color-heading)
}

ul.tot__loop-agency-social li {
    margin-right: 15px
}

ul.tot__loop-agency-social li a {
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    color: inherit
}

ul.tot__loop-agency-social li a:hover, ul.tot__loop-agency-social li a:focus {
    color: var(--tot-color-accent)
}

ul.tot__loop-agency-social li:last-child {
    margin-right: 0
}

ul.tot__loop-agency-meta {
    list-style: none;
    margin: 0;
    padding: 0 !important
}

ul.tot__loop-agency-meta i {
    width: 20px
}

ul.tot__loop-agency-meta li {
    margin-bottom: 10px
}

ul.tot__loop-agency-meta .tot__label {
    font-weight: 700
}

@media (min-width: 576px) {
    ul.tot__loop-agency-meta {
        columns: 2;
        -webkit-columns: 2;
        -moz-columns: 2
    }
}

@media (min-width: 1200px) {
    ul.tot__loop-agency-meta {
        columns: 3;
        -webkit-columns: 3;
        -moz-columns: 3
    }
}

.tot__loop-agency-avatar {
    background-color: #fafafa;
    border: 1px solid #ededed;
    position: relative;
    min-height: 210px
}

.tot__loop-agency-avatar img {
    max-height: 130px;
    width: auto;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.tot__loop-agency-address {
    font-weight: 500
}

.tot__archive-agency-above {
    margin-bottom: 45px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: end;
    align-items: flex-end;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.tot__archive-agency-above .tot-heading {
    margin-bottom: 15px
}

.tot__loop-agency-item {
    padding-bottom: 15px;
    margin-bottom: 30px;
    border-bottom: 2px solid var(--tot-color-border)
}

.tot__loop-agency-item .tot__loop-agency-title {
    margin-bottom: 0
}

@media (min-width: 992px) {
    .tot__loop-agency-item {
        display: -ms-flexbox;
        display: flex;
        padding-bottom: 60px;
        margin-bottom: 60px
    }

    .tot__loop-agency-avatar {
        width: var(--tot-agency-image-width);
        -ms-flex-negative: 0;
        flex-shrink: 0;
        margin-right: var(--tot-agency-image-spacing)
    }

    .tot__loop-agency-content {
        -ms-flex: 1 1 auto;
        flex: 1 1 auto;
        width: 1px;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

    .tot__loop-agency-desc {
        max-height: calc(var(--tot-body-line-height) * var(--tot-loop-agency-desc-max-height));
        overflow: hidden
    }
}

@media (max-width: 991px) {
    .tot__loop-agency-avatar {
        margin-bottom: 30px
    }
}

@media (min-width: 576px) {
    .tot__loop-agency-heading {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

    .tot__loop-agency-heading .tot__loop-agency-social {
        -ms-flex-negative: 0;
        flex-shrink: 0
    }
}

.tot-property-type .property-type-inner {
    position: relative
}

.tot-property-type img {
    width: 100%
}

.tot-property-type .property-type-info {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: rgb(0 0 0 / .9);
    padding: 25px 20px;
    color: #fff;
    line-height: 1
}

.tot-property-type .property-title {
    font-size: 32px;
    font-weight: 500;
    margin-bottom: 10px;
    -webkit-transition: all 0.3s;
    transition: all 0.3s
}

.tot-property-type .property-title:hover {
    color: var(--tot-color-accent)
}

.tot-property-type .property-title a {
    color: inherit
}

.tot-property.tot-property-slider .property-heading {
    background-color: var(--tot-sc-property-slider-property-bg-color);
    color: var(--tot-sc-property-slider-property-text-color)
}

.tot-property.tot-property-slider .property-image:before {
    display: none
}

.tot-property.tot-property-slider .property-location {
    color: var(--tot-sc-property-slider-property-location-text-color, inherit);
    font-size: 16px
}

.tot-property.tot-property-slider .property-title {
    color: var(--tot-sc-property-slider-property-title-text-color, inherit);
    font-size: 32px
}

.tot-property.tot-property-slider .property-title:hover {
    color: var(--tot-color-accent)
}

.tot-property.tot-property-slider .property-price {
    color: var(--tot-sc-property-slider-property-price-text-color, inherit);
    font-size: 24px
}

.tot-property.tot-property-slider .property-info {
    background-color: transparent !important
}

.tot-property.tot-property-slider .property-info .property-info-inner {
    background-color: var(--tot-sc-property-slider-property-info-bg-color);
    color: var(--tot-sc-property-slider-property-info-text-color);
    padding: 16px 20px
}

.tot-property.tot-property-slider .tot__lpb-status {
    position: static;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex
}

.tot-property.tot-property-slider .tot__lpb-status .tot__loop-property-badge-item {
    margin-right: 5px;
    margin-bottom: 0
}

.tot-property.tot-property-slider .tot__lpb-status .tot__loop-property-badge-item:last-child {
    margin-right: 0
}

.tot-property.tot-property-slider .tot__lpb-status .tot__loop-property-badge-item .tot__lpbi-inner {
    padding: 0 5px;
    font-size: 16px
}

.tot-property.tot-property-slider .tot__lpb-status .tot__loop-property-badge-item .tot__lpbi-inner:after {
    display: none
}

@media (min-width: 768px) {
    .tot-property-slider.navigation-middle .property-item-content {
        position: absolute;
        left: 0;
        right: 0;
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        z-index: 1
    }

    .tot-property-slider.navigation-middle .property-heading {
        display: inline-block;
        max-width: 100%
    }

    .tot-property-slider.navigation-middle .property-item-content-inner {
        padding: 0 15px
    }
}

.tot-property-slider.navigation-middle .property-inner {
    position: relative
}

.tot-property-slider.navigation-middle .tot__lpb-status {
    margin-right: 10px;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.tot-property-slider.navigation-middle .property-location {
    margin-left: auto
}

.tot-property-slider.navigation-middle .property-heading {
    padding: 15px 20px
}

.tot-property-slider.navigation-middle .property-title {
    margin-bottom: 1px
}

.tot-property-slider.navigation-middle .property-price {
    margin-right: 10px;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.tot-property-slider.navigation-middle .property-heading-inner {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

.tot-property-slider.navigation-middle .property-info .property-info-inner {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex
}

.tot-property-slider.navigation-middle .owl-nav-inline {
    --tot-owl-nav-inline-spacing: 10px
}

@media (max-width: 767px) {
    .tot-property-slider.navigation-middle .property-heading-inner {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .tot-property-slider.navigation-middle .property-location {
        margin-left: 0;
        width: 100%;
        margin-top: 2px
    }

    .tot-property-slider.navigation-middle .owl-nav {
        display: none
    }
}

.tot-property-slider.pagination-image {
    --tot-sc-property-slider-property-info-bg-color: rgba(0, 0, 0, .8);
    --tot-sc-property-slider-property-info-text-color: #8f8f8f;
    --tot-sc-property-slider-property-bg-color: rgba(0, 0, 0, .6);
    --tot-sc-property-slider-property-text-color: #bababa;
    --tot-sc-property-slider-property-title-text-color: #fff;
    --tot-loop-property-info-value-text-color: #fff;
    --tot-loop-property-info-spacing: 60px
}

@media (min-width: 768px) {
    .tot-property-slider.pagination-image .property-item-content {
        position: absolute;
        left: 0;
        right: 0;
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        z-index: 1
    }

    .tot-property-slider.pagination-image .property-slider-image-wrap {
        position: absolute;
        bottom: 0;
        left: 50%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
        z-index: 1;
        max-width: 730px
    }

    .tot-property-slider.pagination-image .property-info .property-info-inner {
        padding: 36px 20px
    }

    .tot-property-slider.pagination-image .property-title {
        font-size: 48px
    }

    .tot-property-slider.pagination-image .property-price {
        font-size: 32px
    }
}

.tot-property-slider.pagination-image .property-inner {
    position: relative
}

.tot-property-slider.pagination-image .property-heading {
    text-align: center;
    padding: 35px 15px 23px 15px
}

.tot-property-slider.pagination-image .property-info .property-info-inner {
    -ms-flex-pack: center;
    justify-content: center
}

.tot-property-slider.pagination-image .property-title {
    margin-bottom: 3px
}

.tot-property-slider.pagination-image .property-slider-image-wrap {
    width: 100%;
    background-color: #fff;
    padding: 10px 10px 0 10px
}

.tot-property-slider.pagination-image .property-slider-image-wrap .owl-item {
    cursor: pointer
}

.tot-property-slider.pagination-image .property-slider-image-wrap .owl-item:not(.current):before {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background-color: rgb(0 0 0 / .5);
    content: "";
    display: block;
    z-index: 2
}

.single-property-element.tot__single-property-element.tot__single-property-map {
    border-radius: var(--sd-brd-radius);
    overflow: hidden;
    box-shadow: 0 0 10px 0 rgb(0 0 0 / .02)
}

.tot-search-map-properties.color-light {
    --tot-property-search-form-bg-color: var(--tot-property-search-form-light-bg-color);
    --tot-property-search-form-text-color: var(--tot-property-search-form-light-text-color);
    --tot-property-search-form-border-color: var(--tot-property-search-form-light-border-color)
}

.tot-search-map-properties.color-light .form-search-wrap {
    --tot-color-heading: #fff
}

.tot-search-map-properties.color-light .form-search-wrap.has-status-tab {
    padding-top: 0
}

.tot-search-map-properties .list-property-result-ajax {
    padding-left: 15px;
    padding-right: 15px;
    padding-bottom: 30px
}

.tot-search-map-properties .property-search-map-paging-wrap {
    margin-top: 20px;
    text-align: center
}

.tot-search-map-properties .form-search .row {
    flex-wrap: nowrap
}

.tot-search-map-properties .form-search .row .col-1 {
    max-width: unset;
    flex: 1 0 1vw
}

.tot-search-map-properties .form-search .row .col-2 {
    max-width: unset;
    flex: 1 0 10vw
}

.paging-navigation {
    margin: 0 auto;
    text-align: center
}

.paging-navigation :is(span,a) {
    min-width: 40px;
    height: 40px;
    border-radius: 8px;
    background-color: #dfddf6;
    color: #333;
    font-size: 14px;
    display: inline-block;
    padding: 8px;
    text-align: center
}

.paging-navigation span.current {
    background-color: var(--sd-primary-color);
    color: #fff
}

@media (max-width: 1199px) {
    .tot-search-map-properties .tot-map-search, .tot-search-map-properties .col-scroll-vertical {
        height: inherit !important;
        overflow: inherit !important
    }
}

@media (max-width: 767px) {
    .tot-search-map-properties .tot-map-result {
        height: 400px
    }
}

.tot-search-properties.style-default .tot-search-content {
    position: relative
}

.tot-search-properties.style-default .tot-search-content .search-title {
    position: absolute;
    font-size: 21px;
    text-transform: uppercase;
    left: 0;
    right: 0;
    height: 60px;
    line-height: 60px;
    background-color: #181818;
    top: -120px;
    color: #fff;
    padding-left: 10px;
    font-weight: 600
}

.tot-search-properties.style-default .tot-search-content .search-title i {
    height: 60px;
    width: 60px;
    text-align: center;
    line-height: 60px;
    font-size: 26px;
    margin-right: 15px;
    background-color: var(--tot-color-accent)
}

.tot-search-properties.style-default.color-light {
    --tot-property-search-form-bg-color: var(--tot-property-search-form-light-bg-color);
    --tot-property-search-form-text-color: var(--tot-property-search-form-light-text-color);
    --tot-property-search-form-border-color: var(--tot-property-search-form-light-border-color)
}

.tot-search-properties.style-default.color-light .form-search-wrap {
    --tot-color-heading: #fff
}

@media (max-width: 600px) {
    .tot-search-properties.style-default .tot-search-content .search-title {
        display: none
    }
}

.tot-search-properties.style-default-small.color-light {
    --tot-property-search-form-bg-color: var(--tot-property-search-form-light-bg-color);
    --tot-property-search-form-text-color: var(--tot-property-search-form-light-text-color);
    --tot-property-search-form-border-color: var(--tot-property-search-form-light-border-color)
}

.tot-search-properties.style-default-small.color-light .form-search-wrap {
    --tot-color-heading: #fff
}

.tot-search-properties.style-mini-line {
    --tot-property-search-form-bg-color: var(--tot-property-search-form-light-bg-color);
    --tot-property-search-form-text-color: var(--tot-property-search-form-light-text-color);
    --tot-property-search-form-border-color: var(--tot-property-search-form-light-border-color)
}

@media (max-width: 1199px) {
    .tot-search-properties.style-mini-line {
        padding: 0 20px
    }
}

@media (max-width: 767px) {
    .tot-search-properties.style-mini-line .search-properties-form .submit-search-form {
        clear: both
    }
}

.tot-search-properties.style-absolute {
    position: relative
}

.tot-search-properties.style-absolute .tot-map-result {
    height: 700px
}

.tot-search-properties.style-absolute .tot-search-content.tot-pd-top-85 {
    padding-top: 85px !important
}

.tot-search-properties.style-absolute .form-search-wrap {
    position: absolute;
    top: 48px;
    left: 65%;
    max-width: 370px
}

.tot-search-properties.style-absolute .form-search-wrap .tot-search-content {
    background-color: rgb(255 255 255 / .95);
    padding: 30px
}

@media (max-width: 991px) {
    .tot-search-properties.style-absolute .form-search-wrap {
        left: 58%;
        width: 100%
    }
}

@media (max-width: 900px) {
    .tot-search-properties.style-absolute .form-search-wrap {
        left: 50%
    }
}

@media (max-width: 767px) {
    .tot-search-properties.style-absolute .form-search-wrap {
        position: relative;
        top: inherit;
        left: inherit;
        max-width: 100%;
        width: 100%
    }

    .tot-search-properties.style-absolute .tot-search-content.tot-pd-top-85 {
        padding-top: 35px !important
    }
}

.tot-search-properties.style-vertical {
    --tot-property-search-form-bg-color: var(--tot-property-search-form-light-bg-color);
    --tot-property-search-form-text-color: var(--tot-property-search-form-light-text-color);
    --tot-property-search-form-border-color: var(--tot-property-search-form-light-border-color)
}

.tot-search-properties.style-vertical .tot-search-content {
    padding: 15px;
    position: relative
}

.tot-search-properties.style-vertical .tot-search-content.pd-top-title {
    padding-top: 60px
}

.tot-search-properties.style-vertical .has-status-tab .tot-search-content {
    padding-top: 0
}

.tot-search-properties.style-vertical .search-title {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 40px;
    line-height: 40px;
    color: #fff;
    background-color: #181818;
    padding-left: 60px;
    font-size: 16px;
    font-weight: 400
}

.tot-search-properties.style-vertical .search-title i {
    position: absolute;
    height: 40px;
    width: 40px;
    text-align: center;
    line-height: 40px;
    color: #fff;
    top: 0;
    left: 0;
    background-color: var(--tot-color-accent)
}

.tot-search-properties.style-vertical .property-result-wrap {
    padding: 25px
}

@media (max-width: 991px) {
    .tot-search-properties.style-vertical .tot-map-search, .tot-search-properties.style-vertical .col-scroll-vertical {
        height: inherit !important;
        overflow: inherit !important
    }

    .tot-search-properties.style-vertical .tot-map-result {
        height: 550px !important
    }
}

@media (max-width: 767px) {
    .tot-search-properties.style-vertical .tot-map-result {
        height: 400px !important
    }

    .tot-search-properties.style-vertical .tot-search-content {
        padding-left: 6.2%;
        padding-right: 6.2%;
        padding-bottom: 15px;
        position: relative
    }

    .tot-search-properties.style-vertical .tot-search-content.pd-top-title {
        padding-top: 35px
    }
}

@media (max-width: 600px) {
    .tot-search-properties.style-vertical .title-result span.text-no-result, .tot-search-properties.style-vertical .title-result span.text-result, .tot-search-properties.style-vertical .title-result span.number-result {
        font-size: 14px
    }
}

.tot-search-properties .ui-state-active, .tot-search-properties .ui-widget-content .ui-state-active {
    background-color: transparent !important;
    border-color: transparent !important
}

.bg-img-top-no-repeat {
    background-position: top;
    background-repeat: no-repeat
}

.bg-dark-left {
    position: relative
}

.bg-dark-left:after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 100%;
    right: -999px;
    background-color: #2C2C2C
}

@media (max-width: 767px) {
    .tot-search-properties .search-title {
        display: none !important
    }
}

.tot-search-properties:not(.tot-search-properties-map).tot-show-status-tab .form-search-wrap {
    padding-top: 0 !important
}

.tot-property-wrap .form-search-wrap {
    padding-top: 0 !important
}

.tot-mini-search-properties {
    --tot-property-search-form-border-color: transparent
}

.tot-mini-search-properties .form-search-wrap {
    background-color: var(--tot-property-mini-search-form-bg-color);
    max-width: var(--tot-property-mini-search-form-width);
    margin-left: auto;
    margin-right: auto;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    border: 1px solid #eee;
    border-radius: 15px;
    overflow: hidden
}

.tot-mini-search-properties .form-group {
    margin-bottom: 0;
    padding: 0
}

.tot-mini-search-properties .form-group + .form-group {
    border-left: 1px solid var(--tot-color-border)
}

.tot-mini-search-properties .form-group:last-child {
    border-left: none
}

.tot-mini-search-properties .form-control:focus {
    border: none
}

.tot-mini-search-properties .keyword {
    -ms-flex-positive: 1;
    flex-grow: 1
}

.tot-mini-search-properties .status {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 120px
}

.tot-mini-search-properties .search-field {
    height: var(--tot-property-mini-search-form-height) !important
}

.tot-mini-search-properties .search-field:focus {
    -webkit-box-shadow: none;
    box-shadow: none
}

.tot-mini-search-properties #mini-search-btn {
    height: var(--tot-property-mini-search-form-height);
    width: var(--tot-property-mini-search-form-height);
    font-size: 20px
}

.tot-property-gallery.tot-property-gallery .property-item-content {
    position: absolute;
    left: 0;
    right: 0;
    top: 100%;
    z-index: 3;
    padding: 15px;
    color: #bababa;
    opacity: 0;
    -webkit-transition: all 0.3s;
    transition: all 0.3s
}

.tot-property-gallery.tot-property-gallery .property-inner {
    overflow: hidden
}

.tot-property-gallery.tot-property-gallery .property-image:before {
    opacity: 1;
    background-color: rgb(0 0 0 / .8);
    top: 100%
}

.tot-property-gallery.tot-property-gallery .property-title {
    color: #fff;
    white-space: normal;
    margin-bottom: 3px
}

.tot-property-gallery.tot-property-gallery .property-title:hover {
    color: #bababa
}

.tot-property-gallery.tot-property-gallery .property-price {
    color: #bababa;
    margin-bottom: 5px
}

.tot-property-gallery.tot-property-gallery .property-location {
    white-space: normal
}

.tot-property-gallery.tot-property-gallery .property-inner:hover .property-image:before, .tot-property-gallery.tot-property-gallery .property-active-hover .property-image:before {
    top: 0
}

.tot-property-gallery.tot-property-gallery .property-inner:hover .property-item-content, .tot-property-gallery.tot-property-gallery .property-active-hover .property-item-content {
    opacity: 1;
    top: 0
}

.tot-property-gallery.tot-property-gallery .filter-wrap {
    margin-bottom: 30px
}

.tot-property-gallery.tot-property-gallery .filter-inner {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-align: end;
    align-items: flex-end;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.tot-property-gallery.tot-property-gallery .property-filter-content {
    margin-bottom: 30px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-align: center;
    align-items: center
}

.tot-property-gallery.tot-property-gallery .property-filter-content a {
    font-size: 16px;
    color: #8f8f8f;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    padding: 13px 20px;
    cursor: pointer
}

.tot-property-gallery.tot-property-gallery .property-filter-content a:hover, .tot-property-gallery.tot-property-gallery .property-filter-content a.active-filter {
    background-color: var(--tot-color-accent);
    color: var(--tot-color-accent-foreground)
}

.tot-property-gallery.tot-property-gallery .property-filter-mb {
    width: 100%
}

.tot-property-featured.property-list-two-columns .tot-heading {
    margin-bottom: 60px
}

@media (max-width: 991px) {
    .tot-property-featured.property-list-two-columns .tot-heading {
        margin-bottom: 40px
    }
}

.tot-property-featured.property-single-carousel {
    --tot-owl-dot-bg-color: rgba(0, 0, 0, .1);
    --tot-owl-dot-width: 24px;
    --tot-owl-dot-height: 4px;
    --tot-owl-dot-radius: 0px
}

.tot-property-featured.property-single-carousel .property-inner {
    display: -ms-flexbox;
    display: flex
}

.tot-property-featured.property-single-carousel .property-image {
    max-width: var(--tot-sc-property-featured-layout-property-single-carousel-image-width);
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-right: var(--tot-sc-property-featured-layout-property-single-carousel-image-spacing);
    -ms-flex-item-align: start;
    align-self: flex-start
}

.tot-property-featured.property-single-carousel .property-image:before {
    display: none
}

.tot-property-featured.property-single-carousel .property-item-content {
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    width: 1px
}

.tot-property-featured.property-single-carousel .property-title {
    font-size: 32px;
    margin-bottom: 12px
}

.tot-property-featured.property-single-carousel .property-price {
    font-size: 24px;
    margin-right: 20px
}

.tot-property-featured.property-single-carousel .property-location {
    font-size: 14px;
    margin-bottom: 22px
}

.tot-property-featured.property-single-carousel .property-info {
    margin-top: 30px
}

.tot-property-featured.property-single-carousel .property-heading-inner {
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 3px
}

.tot-property-featured.property-single-carousel .tot-heading {
    margin-bottom: 60px
}

@media (max-width: 1199px) {
    .tot-property-featured.property-single-carousel .property-inner {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .tot-property-featured.property-single-carousel .property-image {
        width: 100% !important;
        max-width: 100%;
        margin-right: 0 !important;
        margin-bottom: 22px
    }

    .tot-property-featured.property-single-carousel .property-title {
        white-space: normal
    }

    .tot-property-featured.property-single-carousel .tot-heading {
        margin-bottom: 40px
    }
}

@media (min-width: 1200px) {
    .tot-property-featured.property-single-carousel .property-excerpt {
        max-height: calc(var(--tot-body-line-height) * var(--tot-sc-property-featured-layout-property-single-carousel-property-except-max-height));
        overflow: hidden
    }

    .tot-property-featured.property-single-carousel .property-item-content {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .tot-property-featured.property-single-carousel .property-info {
        margin-top: auto
    }
}

.tot-property-featured.property-single-carousel .owl-dots {
    padding-top: 55px
}

.tot-property-featured.property-single-carousel.color-light {
    --tot-owl-dot-bg-color: rgba(255, 255, 255, .1);
    --tot-loop-property-info-value-text-color: var(--tot-color-light-heading-color)
}

.tot-property-featured.property-single-carousel.color-light .property-price, .tot-property-featured.property-single-carousel.color-light .property-title {
    color: var(--tot-color-light-heading-color)
}

.tot-property-featured.property-single-carousel.color-light .property-excerpt, .tot-property-featured.property-single-carousel.color-light .property-location {
    color: var(--tot-color-light-text-color)
}

.tot-property-featured.property-single-carousel.color-light .property-info.tot__single-property-info {
    color: var(--tot-color-light-text-color)
}

.tot-property-featured.property-sync-carousel .property-title {
    font-size: 32px;
    margin-bottom: 12px
}

.tot-property-featured.property-sync-carousel .property-heading-inner {
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 5px
}

.tot-property-featured.property-sync-carousel .property-price {
    font-size: 24px;
    margin-right: 20px
}

.tot-property-featured.property-sync-carousel .property-location {
    font-size: 14px;
    margin-bottom: 17px
}

.tot-property-featured.property-sync-carousel .tot-heading {
    margin-bottom: 55px
}

.tot-property-featured.property-sync-carousel .property-excerpt {
    margin-bottom: 20px
}

.tot-property-featured.property-sync-carousel .owl-nav {
    position: absolute;
    left: 20px;
    bottom: 20px
}

.tot-property-featured.property-sync-carousel .property-item {
    overflow: hidden
}

@media (min-width: 1200px) {
    .tot-property-featured.property-sync-carousel .main-content-inner {
        max-width: 560px;
        margin-left: auto;
        padding-top: 60px;
        padding-bottom: 60px
    }

    .tot-property-featured.property-sync-carousel .property-main-content {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center
    }

    .tot-property-featured.property-sync-carousel .property-image-carousel {
        height: 100%
    }

    .tot-property-featured.property-sync-carousel .property-image-carousel .owl-stage-outer, .tot-property-featured.property-sync-carousel .property-image-carousel .owl-stage, .tot-property-featured.property-sync-carousel .property-image-carousel .property-image, .tot-property-featured.property-sync-carousel .property-image-carousel .property-image img, .tot-property-featured.property-sync-carousel .property-image-carousel .owl-item {
        height: 100%
    }

    .tot-property-featured.property-sync-carousel .property-image-carousel .property-image img {
        object-fit: cover
    }
}

@media (max-width: 1199px) {
    .tot-property-featured.property-sync-carousel .property-image-content, .tot-property-featured.property-sync-carousel .main-content-inner {
        max-width: 970px;
        margin-left: auto;
        margin-right: auto;
        padding-left: 15px;
        padding-right: 15px
    }

    .tot-property-featured.property-sync-carousel .main-content-inner {
        padding-bottom: 40px
    }

    .tot-property-featured.property-sync-carousel .property-sync-content-wrap {
        padding-top: 60px;
        padding-bottom: 60px
    }
}

@media (max-width: 991px) {
    .tot-property-featured.property-sync-carousel .property-image-content, .tot-property-featured.property-sync-carousel .main-content-inner {
        max-width: 750px
    }
}

.tot-property-featured.property-sync-carousel.color-light .property-price, .tot-property-featured.property-sync-carousel.color-light .property-title {
    color: var(--tot-color-light-heading-color)
}

.tot-property-featured.property-sync-carousel.color-light .property-excerpt, .tot-property-featured.property-sync-carousel.color-light .property-location {
    color: var(--tot-color-light-text-color)
}

.tot-property-featured.property-sync-carousel.color-light .property-info.tot__single-property-info {
    color: var(--tot-color-light-text-color)
}

.tot-property-featured.property-cities-filter .tot-heading {
    margin-bottom: 60px
}

.tot-property-featured.property-cities-filter .property-content-wrap {
    background-color: #f6f6f6
}

.tot-property-featured.property-cities-filter .filter-wrap {
    border-right: 1px solid #fff
}

.tot-property-featured.property-cities-filter .filter-wrap a {
    display: block;
    font-size: 18px;
    font-weight: 500;
    color: var(--tot-color-heading);
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    border-bottom: 1px solid #fff;
    border-right: 1px solid #fff;
    padding: 11px 30px;
    cursor: pointer;
    line-height: 30px
}

.tot-property-featured.property-cities-filter .filter-wrap a:hover, .tot-property-featured.property-cities-filter .filter-wrap a.active-filter {
    color: var(--tot-color-accent-foreground);
    background-color: var(--tot-color-accent)
}

.tot-property-featured.property-cities-filter .property-content {
    padding: 30px
}

.tot-property-featured.property-cities-filter .property-price, .tot-property-featured.property-cities-filter .property-title {
    font-size: 21px;
    line-height: 1.5;
    margin-bottom: 10px
}

.tot-property-featured.property-cities-filter .property-heading-inner {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: 10px
}

.tot-property-featured.property-cities-filter .property-heading-inner .property-price {
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.tot-property-featured.property-cities-filter .property-heading-inner .property-title {
    -ms-flex-positive: 1;
    flex-grow: 1
}

.tot-property-featured.property-cities-filter .property-item {
    overflow: hidden
}

.tot-property-featured.property-cities-filter .property-info .property-info-inner {
    -ms-flex-pack: justify;
    justify-content: space-between
}

.tot-property-featured.property-cities-filter .property-image {
    margin-bottom: 16px
}

.tot-property-featured.property-cities-filter .property-image:before {
    display: none
}

.tot-property-featured.property-cities-filter .owl-dots {
    margin-top: 45px
}

@media (max-width: 991px) {
    .tot-property-featured.property-cities-filter .property-content-wrap {
        padding: 15px
    }

    .tot-property-featured.property-cities-filter .filter-wrap {
        border: none;
        margin-bottom: 30px
    }

    .tot-property-featured.property-cities-filter .filter-wrap a {
        display: inline-block;
        border: none;
        padding: 5px 10px;
        font-size: 16px
    }

    .tot-property-featured.property-cities-filter .property-content {
        padding: 0
    }
}

.tot-property-carousel {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

.tot-property-carousel .navigation-wrap {
    width: var(--tot-sc-property-carousel-navigation-width);
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding: 0 15px 0 30px
}

.tot-property-carousel .navigation-wrap .owl-nav {
    margin-top: 40px
}

.tot-property-carousel .property-content {
    width: 1px;
    -ms-flex-positive: 1;
    flex-grow: 1
}

.tot-property-carousel.color-light .navigation-wrap .owl-nav div {
    background-color: rgb(255 255 255 / .3)
}

.tot-property-carousel.color-light .navigation-wrap .owl-nav div.owl-prev:after {
    border-top-color: rgb(255 255 255 / .3)
}

.tot-property-carousel.color-light .navigation-wrap .owl-nav div.owl-next:after {
    border-bottom-color: rgb(255 255 255 / .3)
}

.tot-property-carousel.color-light .navigation-wrap .owl-nav div i {
    color: #fff
}

.tot-property-carousel.color-light .navigation-wrap .owl-nav div:hover {
    background-color: var(--tot-color-accent)
}

.tot-property-carousel.color-light .navigation-wrap .owl-nav div:hover.owl-prev:after {
    border-top-color: var(--tot-color-accent)
}

.tot-property-carousel.color-light .navigation-wrap .owl-nav div:hover.owl-next:after {
    border-bottom-color: var(--tot-color-accent)
}

@media (max-width: 1819px) {
    .tot-property-carousel {
        --tot-sc-property-carousel-navigation-width: 25%
    }
}

@media (max-width: 1199px) {
    .tot-property-carousel {
        --tot-sc-property-carousel-navigation-width: 33.3333333%
    }
}

@media (max-width: 767px) {
    .tot-property-carousel {
        --tot-sc-property-carousel-navigation-width: 100%;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .tot-property-carousel .navigation-wrap {
        padding: 60px 15px
    }
}

.tot__apa-status ul {
    list-style: none;
    padding: 0;
    margin: 0;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.tot__apa-status ul li {
    margin-right: 4px
}

.tot__apa-status ul li a {
    display: block;
    text-transform: uppercase;
    color: #7064ef;
    font-weight: 500;
    font-size: 12px;
    padding: 0 14px;
    line-height: var(--tot-archiver-action-height);
    height: var(--tot-archiver-action-height);
    background-color: #dfddf6;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    border-radius: 5px
}

.tot__apa-status ul li:last-child {
    margin-right: 0;
    margin-bottom: var(--li-mb)
}

.tot__apa-status ul li.active a, .tot__apa-status ul li a:hover, .tot__apa-status ul li a:focus {
    background-color: #7064ef;
    color: #dfddf6
}

.tot__apa-orderby {
    min-width: 160px
}

.tot__apa-orderby .dropdown-toggle {
    background-color: #f6f6f6;
    display: block;
    font-weight: 500;
    font-size: 12px;
    padding: 0 13px;
    line-height: var(--tot-archiver-action-height);
    height: var(--tot-archiver-action-height);
    border: 1px solid #dfddf6;
    position: relative;
    color: inherit;
    border-radius: var(--sd-form-brd-radius)
}

.tot__apa-orderby .dropdown-toggle:after {
    position: absolute;
    right: 20px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.tot__apa-orderby .dropdown-menu {
    font-size: 14px
}

.tot__apa-switch-layout span {
    position: relative;
    width: 28px;
    height: var(--tot-archiver-action-height);
    display: inline-block;
    cursor: pointer;
    background-color: #dfddf6;
    text-align: center;
    color: #7064ef;
    -webkit-transition: all 0.3s;
    transition: all 0.3s
}

.tot__apa-switch-layout span:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    -webkit-transition: all 0.3s;
    transition: all 0.3s
}

.tot__apa-switch-layout span i {
    line-height: var(--tot-archiver-action-height)
}

.tot__apa-switch-layout span.view-as-list {
    margin-right: 5px
}

.tot__apa-switch-layout span.view-as-list:before {
    border-bottom: solid 0 #fff0;
    border-top: solid var(--tot-archiver-action-height) #dfddf6;
    border-right: solid 6px #fff0;
    left: 100%
}

.tot__apa-switch-layout span.view-as-grid:before {
    border-bottom: solid var(--tot-archiver-action-height) #dfddf6;
    border-top: solid 0 #fff0;
    border-left: solid 6px #fff0;
    right: 100%
}

.tot__apa-switch-layout span.active, .tot__apa-switch-layout span:hover {
    background-color: #7064ef;
    color: #dfddf6
}

.tot__apa-switch-layout span.active:before, .tot__apa-switch-layout span:hover:before {
    border-top-color: #7064ef;
    border-bottom-color: #7064ef
}

.tot__archive-actions {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-align: center;
    align-items: center
}

.tot__archive-actions .tot__apa-item {
    margin-bottom: 15px;
    margin-right: 5px
}

.tot__apa-item.tot__apa-switch-layout {
    border-radius: 5px;
    overflow: hidden
}

.tot__archive-actions .tot__apa-item:last-child {
    margin-right: 0
}

.tot__archive-actions .tot__apa-item.tot__apa-status {
    margin-right: auto
}

.above-archive-property .tot-heading {
    margin-bottom: 15px
}

.advanced-saved-searches {
    margin-bottom: 30px;
    border-top: 2px solid #dfddf6;
    text-align: center
}

.advanced-saved-searches button {
    background-color: #f6f5fb;
    color: #7064ef
}

.advanced-saved-searches button:hover {
    background-color: #7064ef;
    color: #f6f5fb
}

.tot-advanced-search-wrap .above-archive-property {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.tot-property-wrap {
    position: relative
}

.to-property-side {
    position: sticky !important;
    top: 102px;
    height: max-content;
    z-index: 10;
    margin-bottom: 10%
}

:is(.single-property,.single-developer,.single-agent) .container {
    max-width: 100%;
    width: clamp(150px, 100vw, 1650px)
}

.modal-dialog {
    width: 1200px !important;
    max-width: 94% !important;
    margin: 1.75rem auto;
    font-size: 15px
}

.to-open-modal {
    border-radius: var(--sd-brd-radius) !important;
    position: absolute !important;
    right: 13px;
    top: 13px;
    width: 30px;
    height: 30px;
    background-color: #eaeaea !important;
    font-size: 20px !important
}

.to-open-modal i {
    transform: rotate(-45deg)
}

.to-open-modal:hover {
    color: #fff;
    background-color: #222
}

.btn.tot__btn-submit-contact-form {
    width: 100%;
    background-color: var(--sd-primary-color);
    border-radius: var(--sd-brd-radius);
    color: #fff
}


.tot__form input.form-control {
    height: 35px
}

.tot__single-property-header-developer-link {
    border-radius: var(--sd-brd-radius);
    display: inline-block;
    font-size: 15px;
    padding: 6px 8px;
    background-color: #7064ef;
    color: #fff;
    margin-top: 8px;
    margin-bottom: 14px
}

.tot__single-property-header-developer-link a {
    color: #fff;
    display: flex;
    align-items: center;
    gap: 3px
}

.tot__single-property-header-developer-link a:hover {
    color: #dfddf6
}

.tot__single-property-header-developer-link a span {
    font-size: 13px;
    color: #f6f5fb
}

.tot__single-property-header-developer-link a p {
    text-transform: capitalize
}

.to-property-detail, .to-property-payment {
    display: grid;
    grid-template-columns:1fr;
    overflow: hidden
}

.to-property-detail .tot__single-property-overview {
    grid-row: 2 / span 10
}

.tot__social-share {
    position: relative;
    cursor: pointer
}

.tot__social-share .social-share-list {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: -1;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    padding: 5px 15px;
    line-height: 20px;
    background-color: var(--tot-color-accent);
    color: var(--tot-color-accent-foreground);
    border-radius: 1em;
    margin-top: 20px;
    display: -ms-flexbox;
    display: flex;
    font-size: 14px
}

.tot__social-share .social-share-list a {
    color: inherit
}

.tot__social-share .social-share-list a + a {
    margin-left: 10px
}

.tot__social-share:hover .social-share-list {
    opacity: 1;
    z-index: 2;
    margin-top: 0;
    visibility: visible
}

.tot__single-property-action {
    position: relative
}

.tot__single-property-action .tot__loop-property_action-item {
    width: 34px;
    height: 34px;
    font-size: 18px;
    background-color: #dfddf6;
    color: #7064ef;
    border-radius: var(--sd-brd-radius);
    min-height: 34px;
    padding: 0;
}

.tot__single-property-location .tot-property-element ul.tot__list-3-col {
    flex-wrap: wrap;
    padding: 0;
    column-gap: 5px;
    gap: 0
}

.tot__single-property-location .tot-property-element {
    display: flex;
    justify-content: space-between;
    margin-top: 8px;
    flex-wrap: wrap;
    row-gap: 6px;
    column-gap: 12px
}

.form-search.fullscreen-height > .row {
    overflow: visible !important
}

@media (max-width: 576px) {
    .tot__single-property-location .tot-property-element > :is(div,a,ul) {
        flex: 1 1 100%
    }

    .tot__single-property-location .tot-property-element ul.tot__list-3-col {
        grid-template-columns:1fr
    }

    .tot__single-property-location .tot-property-element ul.tot__list-3-col li {
        margin-bottom: 0
    }
}

.tot__single-property-title {
    font-size: 40px;
    font-weight: 600
}

.tot-light-gallery {
    position: relative;
    border-radius: var(--sd-brd-radius);
    overflow: hidden
}

.tot-light-gallery a.zoomGallery i, .tot-light-gallery a.tot-view-video i {
    font-size: 20px;
    height: 40px;
    width: 40px;
    text-align: center;
    line-height: 40px;
    color: #fff;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto
}

.tot-light-gallery a.tot-view-video, .tot-light-gallery a.zoomGallery {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: rgb(0 0 0 / .2);
    opacity: 1;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    cursor: pointer
}

.tot-light-gallery a.tot-view-video i {
    font-size: 55px
}

.to-property-contact {
    margin-top: 16px
}

.to-property-contact #agent > .single-property-element {
    margin-bottom: 0
}

.to-property-content .nav-item {
    margin-bottom: 0;
    width: 50%;
    text-align: center
}

.to-property-content .nav-item .nav-link {
    padding: 0 10px;
    width: 100%
}

.to-property-contact .tab-content {
    margin-top: 20px
}

.to-property-content .nav-item .nav-link.active {
    background-color: #222;
    color: #eee
}

.to-property-contact .to-property-content {
    background-color: var(--main-box-color);
    border-radius: var(--main-box-radius);
    padding: var(--main-box-padding);
    position: relative;
    overflow: hidden;
    margin-bottom: 25px
}

.tot__single-agent-contact-info, .tot__single-developer-contact-info {
    display: flex;
    align-items: center;
    gap: 6px;
    flex-wrap: wrap;
    flex-direction: row;
    margin: 0
}

.tot__single-agent-contact-info > div, .tot__single-developer-contact-info > div {
    background-color: #fff;
    padding: 2px 8px 0;
    border-radius: 4px
}

.to-agent-info, .to-developer-info {
    flex: 1 0 auto
}

.to-agent-info a.btn, .to-developer-info a.btn {
    background-color: #fff0;
    padding: 0 5px;
    border-bottom: 3px solid #7064ef;
    text-transform: capitalize;
    font-size: 12px;
    min-height: 32px;
    transition: all .2s
}

.to-agent-info a.btn:hover, .to-agent-info a.btn:active, .to-developer-info a.btn:hover, .to-developer-info a.btn:active {
    color: #dfddf6;
    background-color: #7064ef;
    border-radius: var(--sd-brd-radius)
}

.tot__top-contact {
    display: flex;
    align-items: center;
    gap: 20px;
    padding-bottom: 14px;
    border-bottom: 1px solid #e1e1e1
}

.tot__agent-image, .tot__developer-image {
    width: 80px;
    height: 80px;
    border-radius: 60px;
    overflow: hidden;
    flex: 0 0 auto
}

.tot__loop-property-location .tot__single-property-header-info i {
    color: #eee
}

.tot__single-property-header-meta-action {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    position: absolute;
    top: 0;
    right: 0;
    background-color: #f6f5fb;
    padding: 3px 8px;
    border-radius: var(--sd-brd-radius)
}

.tot__single-property-header-meta-action > div {
    margin-top: 5px;
    margin-bottom: 5px
}

.tot__single-property-header-price-location {
    display: -ms-flex;
    display: flex;
    -ms-flex-align: start;
    align-items: start;
    background-color: #f7f6fc;
    padding: 12px;
    border-radius: var(--sd-brd-radius);
    margin-bottom: 16px;
    flex-direction: column
}

.tot__single-property-header-price-location .tot__single-property-price {
    margin-right: 15px;
    color: var(--tot-color-heading-foreground)
}

.tot__single-property-header-price-location .tot__single-property-status {
    margin-right: 15px
}

.tot__single-property-header-info-inner {
    max-width: 100%
}

.tot__single-property-gallery {
    display: flex;
    gap: 5px
}

.tot__single-property-gallery .single-property-image-thumb .owl-stage {
    display: inline;
    flex-direction: column;
    align-items: center;
    max-width: fit-content
}

.tot__single-property-header-info .tot__single-property-title {
    margin-bottom: 0;
    color: #0f0a54;
    margin-top: 0px
}

@media (max-width: 767px) {
    .tot__single-property-header-price-location {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .tot__single-property-header-price-location .tot__loop-property-location {
        width: 100%;
        margin: 0
    }

    .tot__single-property-header-price-location .tot__single-property-status {
        margin-right: 0
    }
}

.tot__single-property-gallery .single-property-image-main {
    margin-bottom: 8px;
    border-radius: 14px;
    overflow: hidden;
    max-height: 575px;
    flex: 1 0 80%;
    width: 100%;
    max-width: clamp(60rem, 80%, 90rem);
}

.single-property-image-thumb {
    flex: 1 0 15%;
    width: 100%;
    max-width: clamp(20rem, 15%, 40rem);
    overflow: hidden;
    overflow-y: auto;
    max-height: 575px;
    -ms-overflow-style: none;
    scrollbar-width: none;
}

.single-property-image-thumb::-webkit-scrollbar {
    display: none
}

.tot__single-property-gallery .single-property-image-main .owl-nav {
    position: absolute;
    bottom: 10px;
    left: 10px
}

.property-gallery-item.tot-light-gallery {
    max-height: 575px
}

.single-property-image-thumb .property-gallery-item {
    max-height: 110px
}

.owl-carousel .owl-item .property-gallery-item img {
    max-height: inherit;
    height: 575px;
    object-fit: cover
}

.tot__single-property-gallery .single-property-image-thumb .owl-item {
    cursor: pointer;
    border-radius: 8px;
    margin-left: 0 !important;
    margin-bottom: 5px;
    overflow: hidden;
    max-height: 110px;
    width: 100% !important
}

.tot__single-property-gallery .single-property-image-thumb .owl-item:before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    -webkit-transition: all 0.3s;
    transition: all 0.3s
}

.tot__single-property-gallery .single-property-image-thumb .current:before {
    background-color: rgb(34 34 34 / .6)
}

.tot__single-property-address {
    position: relative
}

.tot__single-property-address .open-on-google-maps {
    color: var(--tot-color-accent)
}

@media (min-width: 576px) {
    .tot__single-property-address .open-on-google-maps {
        position: absolute;
        top: 0;
        right: 0
    }
}

div#comments {
    border-radius: var(--sd-brd-radius);
    background-color: #f6f5fb;
    padding: 16px
}

.comments-area .comment {
    padding: 16px;
    padding-block: 16px !important;
    background-color: #fff;
    border-radius: var(--sd-brd-radius)
}

.comments-area .comment-author img {
    max-width: 54px !important
}

.comments-area .children {
    margin-top: 16px !important;
    margin-left: 16px !important
}

.comments-area .comment-body {
    padding-left: 65px !important
}

.comment-list > li {
    margin-bottom: 10px
}

.pym-method {
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
    gap: 8px
}

.pym-method i {
    width: 40px;
    height: 40px;
    border-radius: var(--sd-brd-radius);
    background-color: #f6f5fb;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 22px;
    color: #7064ef
}

.pym-method p {
    margin-bottom: 0
}

.payment-method-box {
    display: grid;
    grid-template-columns:repeat(3, auto);
    gap: 15px
}

.tot__property-address-list .address {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%
}

.tot__property-address-list a {
    color: inherit;
    -webkit-transition: all 0.3s;
    transition: all 0.3s
}

.tot__property-address-list a:hover, .tot__property-address-list a:active, .tot__property-address-list a:focus {
    color: var(--tot-color-accent)
}

.tot__property-attachment {
    display: flex;
    align-items: center
}

.tot__property-attachment img {
    width: 20px
}

.tot__property-attachment-download {
    text-decoration: underline
}

.tot__property-attachment-title {
    color: #666;
    font-size: 14px;
    margin-bottom: 10px
}

.tot__property-attachment-title:hover {
    color: #222
}

.tot__single-property-virtual-tour .tot-property-element iframe {
    border-radius: var(--sd-brd-radius)
}

.tot__single-property-map .tot-property-element {
    position: relative
}

.tot__single-property-map-directions {
    display: none
}

.tot__single-property-map-directions .tot__spmd-input {
    background-color: #fff;
    padding-left: 15px;
    padding-right: 15px
}

.tot__single-property-map-directions .tot__spmd-total {
    background-color: #fff;
    padding-left: 15px;
    padding-right: 15px;
    color: var(--tot-color-heading);
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

@media (max-width: 575px) {
    .tot__spmd-total {
        width: 100%
    }
}

.to-property-main > div {
    margin-bottom: 45px;
    overflow: hidden;
    position: relative
}

.single-property-element {
    position: relative;
    overflow: hidden
}

.tot__nearby-place-item-content {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-pack: justify;
    justify-content: space-between;
    font-size: 15px;
    font-weight: 600;
    color: var(--tot-color-heading)
}

.tot__nearby-place-item-content .tot__dot {
    -ms-flex-positive: 1;
    flex-grow: 1;
    border-bottom: 1px solid var(--tot-color-border);
    position: relative;
    top: -10px;
    margin: 0 5px;
    min-width: 50px
}

.popover-header {
    font-size: 0.9rem !important;
    background-color: #7064ef !important;
    color: #fff !important
}

.popover-body {
    padding: 0 !important;
    border-radius: 8px;
    overflow: hidden
}

.popover-plan p {
    display: flex;
    justify-content: space-between;
    margin-bottom: 0;
    padding: 6px 12px
}

.popover-plan p:nth-child(even) {
    background-color: #f6f5fb
}

.popover-plan p span:first-child {
    font-size: 14px;
    text-transform: capitalize;
    font-weight: 500
}

:is(.payment-plan-box,.to-property-units) .toggle-extra-rows {
    border-radius: 50px;
    font-size: 16px;
    padding: 8px;
    min-height: 20px;
    background-color: #fff0;
    box-shadow: none !important
}

:is(.payment-plan-box,.to-property-units) .table th, :is(.payment-plan-box,.to-property-units) .table td {
    border: none !important;
    text-align: left;
    padding: 8px 16px;
    vertical-align: middle;
    text-transform: capitalize
}

:is(.payment-plan-box,.to-property-units) .table th {
    font-weight: 600;
    font-size: 14px
}

:is(.payment-plan-box,.to-property-units) .table th:last-child, :is(.payment-plan-box,.to-property-units) .table tr:not(.extra-row) td:last-child {
    text-align: right
}

:is(.payment-plan-box,.to-property-units) table {
    border-collapse: separate;
    border-spacing: 0 .2em;
    margin-bottom: 0;
    margin-top: -15px
}

:is(.payment-plan-box,.to-property-units) .table tbody tr {
    background-color: #f6f5fb;
    border-radius: var(--sd-brd-radius);
    overflow: hidden;
    clip-path: border-box
}

:is(.payment-plan-box,.to-property-units) .table tbody tr td:first-child {
    border-top-left-radius: 8px;
    border-bottom-left-radius: 8px
}

:is(.payment-plan-box,.to-property-units) .table tbody tr td:last-child {
    border-top-right-radius: 8px;
    border-bottom-right-radius: 8px
}

:is(.payment-plan-box,.to-property-units) .table tbody tr.extra-row {
    border-radius: 0 0 8px 8px;
    position: relative;
    top: -8px
}

:is(.payment-plan-box,.to-property-units) .extra-row td .addition_column {
    margin: 0 -14px
}

:is(.payment-plan-box,.to-property-units) .extra-row td .addition_column > div {
    display: flex;
    flex-direction: column;
    align-items: center
}

:is(.payment-plan-box,.to-property-units) .extra-row td > div p {
    margin-bottom: 0
}

.property-gallery-item.tot-light-gallery.floor-image-gallery {
    width: 70px;
    height: 70px
}

.tot__nearby-place-item-type {
    font-size: 14px;
    color: #8f8f8f
}

.tot__nearby-place-item + .tot__nearby-place-item {
    margin-top: 25px
}

@media (min-width: 768px) {
    .tot__nearby-places .tot__nbp-content {
        position: relative
    }

    .tot__nearby-places .tot__nbp-content-inner {
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        overflow: auto;
        padding: 0 15px
    }
}

@media (max-width: 767px) {
    .tot__nearby-places .tot__nbp-map {
        margin-bottom: 30px
    }

    .tot__nearby-places .tot__nbp-content {
        max-height: 475px;
        overflow: auto
    }
}

.py-items {
    display: grid;
    gap: 15px;
    grid-template-columns:1fr 1fr 1fr 1fr
}

.tot__property-payment-item {
    background-color: #e9e9e9;
    display: grid;
    padding: 14px;
    border-radius: 15px;
    max-height: 129px;
    height: 129px
}

.tot__property-payment-item p {
    color: #333;
    font-weight: 700;
    font-size: 16px
}

.tot__walk-score-item {
    display: -ms-flexbox;
    display: flex
}

.tot__walk-score-item .tot__score {
    width: 35px;
    height: 30px;
    border: 1px solid var(--tot-color-accent);
    color: var(--tot-color-accent);
    background-color: #fff;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-right: 15px;
    position: relative
}

.tot__walk-score-item .tot__score:before {
    content: "";
    position: absolute;
    bottom: -2px;
    left: 50%;
    width: 12px;
    height: 11px;
    -webkit-transform: rotate(-42deg) translateX(-50%);
    transform: rotate(-42deg) translateX(-50%);
    border-bottom: 1px solid var(--tot-color-accent);
    border-left: 1px solid var(--tot-color-accent);
    background-color: #fff
}

.tot__walk-score-item .tot__info {
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.tot__walk-score-item h4.tot__title {
    margin-bottom: 5px
}

.tot__walk-score-item h4.tot__title a {
    color: inherit;
    -webkit-transition: all 0.3s;
    transition: all 0.3s
}

.tot__walk-score-item h4.tot__title a:hover, .tot__walk-score-item h4.tot__title a:focus {
    color: var(--tot-color-accent)
}

.tot__walk-score-item .tot__link {
    -ms-flex-item-align: start;
    align-self: flex-start;
    text-decoration: underline;
    color: var(--tot-color-accent)
}

@media (max-width: 575px) {
    .tot__walk-score-item .tot__link {
        display: none
    }
}

.tot__walk-score-item + .tot__walk-score-item {
    margin-top: 30px
}

.tot__single-property-walk-score .tot-property-element {
    background-color: #f8f8f8;
    padding: 20px;
    position: relative
}

.tot__single-property-walk-score .tot__logo {
    position: absolute;
    right: 0;
    top: -30px
}

.tot__single-property-contact-agent .tot__agent-name, .tot__single-property-contact-developer .tot__developer-name {
    font-size: 21px;
    margin-bottom: 3px
}

.tot__single-property-contact-agent .tot__agent-name a, .tot__single-property-contact-developer .tot__developer-name a {
    color: inherit;
    -webkit-transition: all 0.3s;
    transition: all 0.3s
}

.tot__single-property-contact-agent .tot__agent-name a:hover, .tot__single-property-contact-agent .tot__agent-name a:focus, .tot__single-property-contact-developer .tot__developer-name a:hover, .tot__single-property-contact-developer .tot__developer-name a:focus {
    color: var(--tot-color-accent)
}

.tot__single-property-contact-agent .tot__agent-position, .tot__single-property-contact-developer .tot__developer-position {
    font-weight: 500;
    color: #8f8f8f
}

.tot__single-property-contact-agent :is(.tot__single-agent-social,.tot__single-developer-social) {
    margin-top: 0;
    display: flex;
    flex-wrap: wrap;
    gap: 3px;
    flex: 0 1 auto
}

.tot__single-property-contact-agent .tot__single-agent-contact-info, .tot__single-property-contact-developer .tot__single-developer-contact-info {
    margin: 15px 0
}

.tot__single-property-contact-agent .tot__single-agent-contact-form, .tot__single-property-contact-developer .tot__single-developer-contact-form {
    margin-top: 15px
}

@media (min-width: 576px) {
    .tot__single-property-contact-agent .tot__has-captcha .tot__agent-contact-btn-wrap, .tot__single-property-contact-developer .tot__has-captcha .tot__developer-contact-btn-wrap {
        text-align: right
    }
}

@media (max-width: 767px) {
    .tot__single-property-contact-agent .tot__agent-image, .tot__single-property-contact-developer .tot__developer-image {
        margin-bottom: 15px;
        text-align: center
    }
}

.tot__single-property-info-footer {
    padding-top: 10px;
    border-top: 1px solid var(--tot-color-border);
    text-align: center
}

.tot__single-property-info-footer span i {
    color: var(--tot-color-accent);
    margin: 0 5px
}

.tot__single-property-feature .property-feature-wrap .feature-checked i {
    color: #7064ef
}

.tot__single-property-feature .property-feature-wrap a {
    color: inherit;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    font-size: 16px
}

.tot__single-property-feature .property-feature-wrap a:hover, .tot__single-property-feature .property-feature-wrap a:active, .tot__single-property-feature .property-feature-wrap a:focus {
    color: var(--tot-color-accent)
}

.ui-widget-content {
    background: #fff !important;
    border-radius: 4px !important
}

.ui-menu .ui-menu-item {
    padding: 3px
}

.ui-menu .ui-menu-item .ui-menu-item-wrapper:hover, .ui-menu-item-wrapper.ui-state-active {
    color: #7064ef !important;
    font-weight: 400
}

.ui-widget {
    font-family: inherit !important
}

.ui-menu-item-wrapper {
    outline: none !important;
    border: none !important
}

.tot-property-advanced-search .row {
    margin: 0
}

.tot-property-advanced-search [class*="col-"] {
    padding: 0
}

.tot__apa-search input.form-control {
    height: 38px
}

.tot__apa-search button.btn {
    line-height: 1;
    min-height: 1px;
    background-color: #7064ef;
    padding: 0 15px;
    color: #fff;
    border-radius: 0 5px 5px 0
}

.tot__archive-agent-above, .tot__archive-developer-above {
    margin-bottom: 2px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-align: end;
    align-items: flex-end
}

.tot__archive-agent-above .tot-heading, .tot__archive-developer-above .tot-heading {
    margin-bottom: 15px
}

:is(.tot__archive-agent-above,.tot__archive-developer-above) .tot-heading h2 {
    margin-bottom: 0 !important
}

@media (max-width: 575px) {
    .tot__apa-search {
        width: 100%
    }
}

:is(.tot__single-agent-avatar,.tot__single-developer-avatar) img {
    width: 100%
}

:is(.tot__single-agent-social,.tot__single-developer-social) a {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 35px;
    height: 35px;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    border-radius: 50%;
    background: var(--tot-color-heading);
    color: var(--tot-color-heading-foreground)
}

:is(.tot__single-agent-social,.tot__single-developer-social) a + a {
    margin-left: 0
}

:is(.tot__single-agent-contact-info,.tot__single-developer-contact-info) {
    line-height: 2
}

:is(.tot__single-agent-contact-info,.tot__single-developer-contact-info) i {
    color: var(--tot-color-accent);
    width: 20px;
    font-size: 15px
}

:is(.tot__single-agent-contact-info,.tot__single-developer-contact-info) a {
    color: inherit;
    -webkit-transition: all 0.3s;
    transition: all 0.3s
}

.tot__single-agent-contact-info a:hover, .tot__single-agent-contact-info a:active, .tot__single-agent-contact-info a:focus, .tot__single-developer-contact-info a:hover, .tot__single-developer-contact-info a:active, .tot__single-developer-contact-info a:focus {
    color: var(--tot-color-accent)
}

:is(.tot__single-agent-position,.tot__single-developer-position) {
    display: block
}

:is(.tot__single-agent-number-property,.tot__single-developer-number-property) {
    display: block;
    font-weight: 700
}

:is(.tot__single-agent-agency,.tot_single-developer-development) a {
    text-decoration: underline
}

:is(.tot__single-agent-agency,.tot_single-developer-development) a + a {
    margin-left: 10px
}

:is(.tot__single-agent-description,.tot__single-developer-description) p:last-child {
    margin-bottom: 0;
    font-size: 16px
}

.agent-content-top .tot__single-agent-title, .developer-content-top .tot__single-developer-title {
    margin-bottom: 20px
}

.agent-content-top .tot__single-agent-social, .developer-content-top .tot__single-developer-social {
    margin-bottom: 10px
}

.tot__single-agent-contact-info, .tot__single-developer-contact-info {
    margin-top: 25px
}

.single-agent-element, .single-developer-element {
    margin-bottom: 60px
}

.single-agent-element .tot__single-agent-description, .single-developer-element .tot__single-developer-description {
    margin-top: 0;
    padding-bottom: 10px;
    margin-bottom: 10px;
    border-bottom: 1px solid #e1e1e1
}

.single-developer-element .tot__single-developer-description h5, .tot__single-agent-description.agent-description h5 {
    font-size: 20px
}

@media (max-width: 991px) {
    .tot__single-agent-contact-info, .tot__single-agent-avatar, .tot__single-developer-contact-info, .tot__single-developer-avatar {
        margin-bottom: 0px
    }
}

.tot-developer-single-wrap .developer-property-element, .tot-agent-single-wrap .agent-property-element {
    padding: var(--main-box-padding);
    border-radius: var(--main-box-radius)
}

.developer-single .top-content, .agent-single .top-content {
    display: flex;
    gap: 12px;
    align-items: center;
    border-bottom: 1px solid #e1e1e1;
    padding-bottom: 14px;
    margin-bottom: 14px
}

.developer-single .top-content .tot__single-developer-title {
    margin-bottom: 5px;
    text-transform: capitalize
}

.developer-single-inner, .agent-single-inner {
    background-color: var(--main-box-color);
    padding: var(--main-box-padding);
    border-radius: var(--main-box-radius)
}

.tot__single-developer-contact-info hr, .tot__single-agent-contact-info hr {
    flex: 1 1 auto;
    max-width: 100%;
    width: 100%;
    border-color: #e1e1e1;
    opacity: 1;
    margin: 10px 0
}

.tot__single-developer-other-developer .developer-item, .tot__single-agent-other-agent .agent-item {
    display: grid
}

.tot__single-developer-other-developer .developer-item .developer-item-inner, .tot__single-agent-other-agent .agent-item .agent-item-inner {
    background-color: #f7f6fc;
    padding: 10px;
    display: flex;
    gap: 6px;
    flex-direction: row;
    align-items: center
}

.tot__single-developer-other-developer .developer-item .developer-info, .tot__single-agent-other-agent .agent-item .agent-info {
    flex-direction: column
}

.tot__single-developer-other-developer .developer-item .user-contact, .tot__single-agent-other-agent .agent-item .user-contact {
    color: #333;
    background-color: #fff0;
    border-bottom: 2px solid var(--sd-link-color);
    padding: 5px;
    min-height: 30px
}

h2.tot__single-agency-title {
    font-size: 21px;
    text-transform: uppercase
}

ul.tot__single-agency-meta {
    list-style: none;
    margin: 0;
    padding: 0;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

ul.tot__single-agency-meta li {
    margin-right: 50px
}

ul.tot__single-agency-meta li .tot__label {
    font-weight: 700
}

ul.tot__single-agency-meta li:last-child {
    margin-right: 0
}

ul.tot__single-agency-contact-info {
    margin: 0;
    padding: 0;
    list-style: none
}

ul.tot__single-agency-contact-info li {
    margin-bottom: 20px
}

ul.tot__single-agency-contact-info li i {
    width: 20px
}

ul.tot__single-agency-contact-info li .tot__label {
    font-weight: 700
}

ul.tot__single-agency-contact-info li:last-child {
    margin-bottom: 0
}

ul.tot__single-agency-social {
    margin: 0;
    padding: 0;
    list-style: none;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

ul.tot__single-agency-social li {
    margin: 5px 10px 5px 0
}

ul.tot__single-agency-social li a {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 35px;
    height: 35px;
    border-radius: 50%;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    background-color: var(--tot-color-heading);
    color: var(--tot-color-heading-foreground)
}

ul.tot__single-agency-social li a:hover, ul.tot__single-agency-social li a:focus {
    background-color: var(--tot-color-accent);
    color: var(--tot-color-accent-foreground)
}

ul.tot__single-agency-social li:last-child {
    margin-right: 0
}

.tot__single-agency-avatar {
    border: 1px solid #ededed;
    background-color: #fafafa;
    height: 250px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center
}

.tot__single-agency-desc p:last-child {
    margin-bottom: 0
}

.tot__single-agency-header {
    display: -ms-flexbox;
    display: flex;
    margin: 0 -15px
}

.tot__single-agency-header h2.tot__single-agency-title {
    margin-bottom: 8px
}

.tot__single-agency-header > div {
    position: relative;
    width: 100%;
    padding-right: 15px;
    padding-left: 15px
}

.tot__single-agency-header .tot__single-agency-avatar-wrap {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%
}

.tot__single-agency-header .tot__contact-form {
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%
}

.tot__single-agency-header .tot__summary {
    -ms-flex: 1 1 auto;
    flex: 1 1 auto
}

.tot__single-agency-header ul.tot__single-agency-contact-info, .tot__single-agency-header ul.tot__single-agency-meta {
    margin-top: 25px
}

.tot__single-agency-header ul.tot__single-agency-social {
    margin-top: 15px
}

@media (max-width: 991px) {
    .tot__single-agency-header {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .tot__single-agency-header .tot__single-agency-avatar-wrap {
        -ms-flex: 0 0 45%;
        flex: 0 0 45%;
        max-width: 45%
    }

    .tot__single-agency-header .tot__summary {
        -ms-flex: 0 0 55%;
        flex: 0 0 55%;
        max-width: 55%
    }

    .tot__single-agency-header .tot__contact-form {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
        margin-top: 40px
    }
}

@media (max-width: 575px) {
    .tot__single-agency-header .tot__summary, .tot__single-agency-header .tot__single-agency-avatar-wrap {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }

    .tot__single-agency-header .tot__single-agency-avatar-wrap {
        margin-bottom: 30px
    }
}

.tot__single-agency-element {
    margin-bottom: 60px
}

.tot__single-agency-element:last-child {
    margin-bottom: 0
}

.to-toggle-btn {
    display: inline-flex;
    border-radius: 6px;
    overflow: hidden
}

.to-toggle-btn input {
    display: none
}

.to-toggle-btn label {
    padding: 6px 12px;
    cursor: pointer;
    background: #f6f5fb;
    color: #555;
    transition: 0.3s;
    font-weight: 700;
    text-align: center;
    margin-bottom: 0
}

.to-toggle-btn input:checked + label {
    background: #7064ef;
    color: #fff
}

.tot-dashboard-logout i {
    padding-right: 5px
}

.tot-dashboard-sidebar-content {
    border-radius: var(--sd-brd-radius);
    overflow: hidden;
    border: 2px solid #dfddf6
}

.tot-dashboard-welcome {
    padding: 30px 0;
    text-align: center
}

.tot-dashboard-welcome figure {
    float: none;
    margin: 0 auto;
    width: 150px;
    height: 150px;
    overflow: hidden;
    border: 1px solid #dbdfe2;
    border-radius: 50%
}

.tot-dashboard-welcome figure img {
    width: 100%;
    height: auto;
    border-radius: 50%
}

.tot-dashboard-welcome h4.tot-dashboard-title {
    margin: 10px 0 0 5px
}

.tot-card-account-settings {
    border: 2px solid #dfddf6
}

.tot-dashboard-sidebar .navbar {
    border-radius: 0;
    margin-left: 0;
    background-color: #f8f8f8;
    border: 1px solid #e7e7e7;
    padding: 0
}

.tot-dashboard-sidebar .tot-dashboard-nav {
    margin: 0 !important;
    padding-left: 0 !important
}

.tot-dashboard-sidebar .tot-dashboard-nav .badge {
    float: right
}

.tot-dashboard-sidebar .tot-dashboard-nav li {
    border-bottom: 1px solid #ddd;
    margin-bottom: 0;
    background-color: #f6f5fb
}

.tot-dashboard-sidebar .tot-dashboard-nav li:last-child {
    border-bottom: none
}

.tot-dashboard-sidebar .tot-dashboard-nav li a {
    line-height: 20px;
    position: relative;
    display: block;
    padding: 10px 15px
}

.tot-dashboard-sidebar .tot-dashboard-nav li a i {
    margin-right: 8px;
    color: #7064ef;
    font-size: 16px
}

.tot-dashboard-sidebar .tot-dashboard-nav li a:hover {
    background-color: #fafcfd;
    color: inherit
}

.tot-dashboard-sidebar .tot-dashboard-nav li.active a {
    color: #555;
    background-color: #e7e7e7
}

.tot-dashboard-sidebar .navbar-collapse {
    padding-left: 0;
    padding-right: 0
}

.tot-dashboard-sidebar .navbar-toggle {
    position: relative;
    float: right;
    padding: 9px 10px;
    margin-right: 15px;
    margin-top: 8px;
    margin-bottom: 8px;
    background-color: #fff0;
    background-image: none;
    border: 1px solid #ddd;
    border-radius: 4px
}

.tot-dashboard-sidebar .navbar-toggle .icon-bar {
    background-color: #888;
    display: block;
    width: 22px;
    height: 2px;
    border-radius: 1px
}

.tot-dashboard-sidebar .navbar-toggle .icon-bar + .icon-bar {
    margin-top: 4px
}

.tot-dashboard-sidebar .navbar-brand {
    float: left;
    height: 50px;
    padding: 15px 15px;
    font-size: 18px;
    line-height: 20px
}

@media (min-width: 992px) {
    .tot-dashboard-sidebar .navbar-header {
        display: none
    }

    .tot-dashboard-sidebar .navbar-collapse {
        display: block !important
    }
}

@media (max-width: 991px) {
    .tot-dashboard-sidebar {
        margin-bottom: 30px
    }

    .tot-dashboard-sidebar .navbar-header {
        width: 100%
    }

    .tot-dashboard-sidebar .navbar-collapse.show {
        border-top: 1px solid #ddd
    }
}

.tot__loop-my-property-badge {
    color: #fff;
    background-color: green;
    padding: 0 5px;
    font-size: 12px;
    display: inline-block;
    position: absolute
}

.tot__loop-my-property-badge.tot__status {
    top: 0;
    left: 0
}

.tot__loop-my-property-badge.tot__featured {
    background-color: var(--tot-color-accent);
    bottom: 0;
    right: 0
}

.tot__loop-my-property-badge.tot__status-expired {
    background-color: red
}

.tot__loop-my-property-badge.tot__status-pending {
    background-color: darkorange
}

.tot__loop-my-property-badge.tot__status-hidden {
    background-color: #000
}

.tot__loop-my-property-title {
    margin-bottom: 5px
}

.tot__loop-my-property-title a {
    color: inherit;
    -webkit-transition: all 0.3s;
    transition: all 0.3s
}

.tot__loop-my-property-title a:hover, .tot__loop-my-property-title a:focus {
    color: var(--tot-color-accent)
}

ul.tot__loop-my-property-action {
    list-style: none;
    padding: 0 !important;
    margin: 0;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

ul.tot__loop-my-property-action li {
    margin-right: 5px;
    margin-bottom: 5px
}

ul.tot__loop-my-property-action li:last-child {
    margin-right: 0
}

.tot__my-property-list.tot-property {
    display: grid;
    grid-template-columns:1fr 1fr
}

.tot__btn-dashboard-action {
    text-decoration: none;
    font-size: 12px;
    padding: 4px 8px;
    cursor: pointer;
    border: 1px solid #dfddf6;
    background: #f7f6fc;
    display: inline-block;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    border-radius: 5px;
    color: #7064ef
}

.tot__btn-dashboard-action:hover {
    background-color: #7064ef;
    color: #dfddf6;
    border-color: #7064ef;
    text-decoration: none
}

.tot__loop-my-property-meta-item i {
    color: #7064ef;
    margin-right: 5px
}

.tot__loop-property-meta-expire-date, .tot__loop-property-meta-date {
    display: inline-block
}

.tot__loop-property-meta-date {
    margin-right: 5px
}

.tot__loop-my-property-date-expire {
    min-width: 10px;
    padding: 3px 7px;
    font-size: 12px;
    color: var(--tot-color-accent-foreground);
    background-color: var(--tot-color-accent);
    border-radius: 10px;
    font-weight: 700;
    line-height: 1;
    display: inline-block
}

.tot__loop-my-property-date-expire.tot__expired {
    color: var(--tot-color-heading-foreground);
    background-color: var(--tot-color-heading)
}

ul.tot__my-property-filter {
    list-style: none;
    padding: 0 !important;
    margin: 0;
    text-align: center;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center
}

ul.tot__my-property-filter li {
    margin-right: 20px;
    margin-bottom: 0
}

ul.tot__my-property-filter li:last-child {
    margin-right: 0
}

ul.tot__my-property-filter li a {
    color: inherit
}

ul.tot__my-property-filter li.active {
    font-weight: 700
}

.tot__my-property-search {
    margin-bottom: 15px
}

.tot__my-property-search select {
    width: 100%
}

.tot__my-property-list .tot__property-item {
    margin-bottom: 15px
}

.tot__my-property-list .tot__property-item-inner {
    display: -ms-flexbox;
    display: flex;
    padding: 10px;
    border: 1px solid var(--tot-color-border)
}

.tot__my-property-list .tot__property-image {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -ms-flex-item-align: start;
    align-self: flex-start;
    margin-right: 20px;
    position: relative;
    border-radius: 8px;
    overflow: hidden;
    min-height: 120px;
    max-height: 120px
}

.tot__my-property-list .tot__property-image img {
    width: 120px;
    height: 100%;
    min-height: inherit;
    object-fit: cover
}

.tot__my-property-list .tot__property-content {
    width: 1px;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto
}

.tot__my-property-list .tot__property-content .tot__loop-my-property-title {
    margin-bottom: 10px
}

.tot__my-property-list .tot__property-content .tot__loop-my-property-action {
    margin-top: 10px
}

.tot__my-property-toolbar {
    margin-bottom: 20px
}

.tot__my-property-toolbar .form-group {
    margin-bottom: 0
}

.tot__my-property-toolbar .form-group button {
    width: 100%;
    height: 100%;
    border-radius: var(--sd-brd-radius);
    background-color: #7064ef;
    color: #f6f5fb;
}

.tot-user-dashboard .paging-navigation {
    margin-top: 15px
}

@media (max-width: 575px) {
    .tot__my-property-list .tot__property-item-inner {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .tot__my-property-list .tot__property-image {
        width: 100%;
        margin-right: 0;
        margin-bottom: 10px
    }
}

.jumbotron.tot-account-agent {
    padding: 15px
}

.jumbotron.tot-account-agent p {
    font-size: 16px;
    color: #000
}

.tot-my-invoices .view {
    text-align: center
}

@media (max-width: 768px) {
    .tot-my-invoices table thead {
        display: none
    }

    .tot-my-invoices table tr {
        display: block;
        border-bottom: 1px solid #ddd
    }

    .tot-my-invoices table tr td:not(.view):before {
        content: attr(data-title) ": ";
        font-weight: 700;
        float: left
    }

    .tot-my-invoices table tr td {
        display: block;
        text-align: right !important
    }

    .tot-my-invoices table tbody td, .tot-my-invoices table tbody th {
        padding-left: 10px
    }
}

.tot-my-saved-search-item {
    border-bottom: 1px solid #ddd;
    margin-bottom: 15px;
    padding-bottom: 15px
}

.tot-my-saved-search-item:last-child {
    border-bottom: 0;
    margin-bottom: 0;
    padding-bottom: 0
}

.tot__single-invoice-header {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-align: end;
    align-items: flex-end
}

.tot__single-invoice-header p {
    margin: 0
}

.tot__single-invoice-agent, .tot__single-invoice-developer {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-top: 40px;
    padding-top: 20px;
    border-top: 1px solid #eee;
    margin-bottom: 40px
}

:is(.tot__single-invoice-agent,.tot__single-invoice-developer) span {
    display: inline-block
}

.tot__single-invoice-billing table {
    width: 100%
}

.tot__single-invoice-billing table tr {
    border-bottom: 1px solid #eee
}

.tot__single-invoice-billing table tr:last-of-type {
    border-bottom: none
}

.tot__single-invoice-billing table th, .tot__single-invoice-billing table td {
    padding: 15px 0
}

.tot__single-invoice-action {
    text-align: right;
    margin-top: 40px
}

.tot__single-invoice-action a {
    display: inline-block;
    width: 40px;
    height: 40px;
    background-color: var(--tot-color-heading);
    color: var(--tot-color-heading-foreground);
    border-radius: 50%;
    margin-right: 6px;
    font-size: 18px;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    text-align: center
}

.tot__single-invoice-action a i {
    line-height: 40px
}

.tot__single-invoice-action a:last-of-type {
    margin-right: 0
}

.tot__single-invoice-action a:hover, .tot__single-invoice-action a:focus {
    background-color: var(--tot-color-accent);
    color: var(--tot-color-accent-foreground)
}

.tot-property-multi-step select {
    width: 100%
}

.tot-property-multi-step label {
    font-weight: 600;
    cursor: pointer
}

.tot-property-multi-step .property-fields-wrap {
    margin-bottom: 50px
}

.tot-property-multi-step .select2-container {
    display: block !important;
    width: 100% !important
}

.tot-property-multi-step .select2-container input {
    height: 30px
}

.tot-property-multi-step fieldset {
    display: none
}

.tot-property-multi-step fieldset.visible, .tot-property-multi-step fieldset:first-child {
    display: block
}

.tot-property-multi-step .tot-steps {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: 50px;
    justify-content: center
}

.tot-property-multi-step .tot-steps button.tot-btn-arrow {
    border: 0;
    height: var(--tot-btn-step-height);
    min-height: var(--tot-btn-step-height);
    background: #f7f6fc;
    position: relative;
    text-decoration: none;
    text-transform: none;
    color: #7064ef;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    opacity: 1;
    padding: 0 10px 0 25px;
    margin: 0 5px 5px 0;
    line-height: 1
}

.tot-property-multi-step .tot-steps button.tot-btn-arrow:after {
    content: "";
    border-top: calc(var(--tot-btn-step-height) * 0.5) solid #fff0;
    border-bottom: calc(var(--tot-btn-step-height) * 0.5) solid #fff0;
    border-left: calc(var(--tot-btn-step-height) * 0.5) solid #fff;
    position: absolute;
    right: 0;
    top: 0;
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
    z-index: 1;
    -webkit-transition: all 0.3s;
    transition: all 0.3s
}

.tot-property-multi-step .tot-steps button.tot-btn-arrow:before {
    content: "";
    border-top: calc(var(--tot-btn-step-height) * 0.5) solid #fff0;
    border-bottom: calc(var(--tot-btn-step-height) * 0.5) solid #fff0;
    border-left: calc(var(--tot-btn-step-height) * 0.5) solid #fff;
    position: absolute;
    left: 0;
    top: 0
}

.tot-property-multi-step .tot-steps button.tot-btn-arrow:first-child {
    padding-left: 10px;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px
}

.tot-property-multi-step .tot-steps button.tot-btn-arrow:first-child:before {
    display: none
}

.tot-property-multi-step .tot-steps button.tot-btn-arrow:last-child {
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    margin-right: 0
}

.tot-property-multi-step .tot-steps button.tot-btn-arrow:last-child:after {
    display: none
}

.tot-property-multi-step .tot-steps button.tot-btn-arrow.active, .tot-property-multi-step .tot-steps button.tot-btn-arrow:hover, .tot-property-multi-step .tot-steps button.tot-btn-arrow:active, .tot-property-multi-step .tot-steps button.tot-btn-arrow:focus {
    color: #f7f6fc;
    background: #7064ef
}

.tot-property-multi-step .tot-steps button.tot-btn-arrow.active:after, .tot-property-multi-step .tot-steps button.tot-btn-arrow:hover:after, .tot-property-multi-step .tot-steps button.tot-btn-arrow:active:after, .tot-property-multi-step .tot-steps button.tot-btn-arrow:focus:after {
    border-left-color: #fff
}

.tot-property-multi-step .tot-step-nav {
    border-top: 1px solid var(--tot-color-accent);
    text-align: center;
    padding-top: 15px
}

.tot-property-multi-step .tot-step-nav:after {
    clear: both;
    content: "";
    display: table
}
#submit_property_form input[type="button"]{
    border-radius: var(--sd-brd-radius);
}
.tot-property-multi-step .tot-step-nav .tot-btn-prev {
    float: left;
    border-radius: var(--sd-brd-radius);
    background-color: #dfddf6;
}
button.tot-btn-edit {
    border-radius: var(--sd-brd-radius);
}
.tot-property-multi-step .tot-step-nav .btn-submit-property, .tot-property-multi-step .tot-step-nav .tot-btn-next {
    float: right;
    border-radius: var(--sd-brd-radius);
    background-color: #7064ef;
    color: #f6f5fb;
}

.tot-property-multi-step .tot-step-nav span {
    padding: 0 5px
}

.tot-property-multi-step .property-media .media-thumb {
    text-align: center
}

.tot-property-multi-step .property-media .media-thumb img {
    width: 100%
}

.tot-property-multi-step .property-media .media-item-actions {
    text-align: center;
    font-size: 20px
}

.tot-property-multi-step .property-media .media-item-actions > * {
    margin-right: 5px
}

.tot-property-multi-step .property-media .media-item-actions .icon-featured {
    color: var(--tot-color-accent)
}

.tot-property-multi-step .media-drag-drop {
    background-color: #efefef;
    border: 2px dashed #dfdfdf;
    text-align: center;
    padding: 30px
}

.tot-property-multi-step .remove {
    cursor: pointer
}

.tot-property-multi-step .media-drag-drop, .tot-property-multi-step .property-video-url, .tot-property-multi-step .property-image-360 {
    margin-bottom: 20px
}

.tot-property-multi-step .media-thumb-wrap > span {
    width: 16.666666667%;
    float: left;
    display: block;
    text-align: center;
    font-size: 18px
}

.tot-property-multi-step .tot-property-attachments .media-thumb img {
    width: 34px;
    height: auto
}

.tot-property-multi-step .tot-property-attachments .media-thumb a {
    display: block
}

.tot-property-multi-step .tot-property-attachments .media-drag-drop p {
    margin-bottom: 0;
    padding-top: 10px
}

.tot-property-multi-step #tot_additional_details tr td {
    vertical-align: middle
}

.tot-property-multi-step #tot_additional_details tr td:first-of-type span {
    cursor: all-scroll
}

.tot-property-multi-step #tot_additional_details tr td:last-of-type span {
    cursor: pointer
}

.tot-property-multi-step #tot_additional_details tr td:first-of-type, .tot-property-multi-step #tot_additional_details tr td:last-of-type {
    width: 30px;
    text-align: center
}

.tot-property-multi-step #tot_additional_details tr td:first-of-type span:hover, .tot-property-multi-step #tot_additional_details tr td:last-of-type span:hover {
    color: var(--tot-color-accent)
}

.tot-property-multi-step .tot-column-action {
    width: 30px;
    text-align: center
}

.tot-property-multi-step #tot_floors tr td {
    vertical-align: middle
}

.tot-property-multi-step #tot_floors tr td:first-of-type span {
    cursor: all-scroll
}

.tot-property-multi-step #tot_floors tr td:last-of-type span {
    cursor: pointer
}

.tot-property-multi-step #tot_floors tr td:first-of-type span:hover, .tot-property-multi-step #tot_floors tr td:last-of-type span:hover {
    color: var(--tot-color-accent)
}

.tot-property-multi-step #tot_floors .row-sort, .tot-property-multi-step #tot_floors .row-remove {
    width: 30px;
    text-align: center
}

.tot-property-multi-step .add-sort-table .row-sort {
    width: 30px;
    text-align: center
}

.tot-property-multi-step .file-upload-block {
    position: relative
}

.tot-property-multi-step .file-upload-block input {
    padding-right: 44px
}

.tot-property-multi-step .file-upload-block button {
    top: 0;
    right: 0;
    height: 100%;
    width: 44px;
    padding: 0;
    position: absolute
}

.tot-property-multi-step .file-upload-block button i {
    font-size: 20px
}

.tot-property-multi-step #wp-property_des-wrap .insert-media {
    height: 45px;
    background-color: var(--tot-color-heading);
    border-radius: 0;
    border: none;
    color: var(--tot-color-heading-foreground);
    padding: 0 15px
}

.tot-property-multi-step #wp-property_des-wrap .insert-media:hover {
    background-color: var(--tot-color-accent)
}

.tot-property-multi-step #wp-property_des-wrap .wp-switch-editor {
    height: 45px;
    padding: 0 15px;
    margin: 0
}

.tot-property-multi-step #wp-property_des-wrap .wp-switch-editor:hover, .tot-property-multi-step #wp-property_des-wrap .wp-switch-editor:focus {
    border-color: #e5e5e5
}

.tot-property-multi-step .tmce-active .switch-tmce, .tot-property-multi-step .html-active .switch-html {
    border-bottom: none
}

.tot-property-multi-step #property_des_ifr, .tot-property-multi-step #property_des {
    border: 1px solid #e5e5e5;
    box-sizing: border-box;
    border-top: none
}

.no-js .tot-property-multi-step fieldset, .tot-property-multi-step.edit-form fieldset {
    display: block !important
}

.no-js .tot-property-multi-step .tot-steps, .tot-property-multi-step.edit-form .tot-steps {
    display: none
}

.no-js .tot-property-multi-step .tot-step-nav, .tot-property-multi-step.edit-form .tot-step-nav {
    border-top: 0
}

.no-js .tot-property-multi-step .tot-step-nav .tot-btn-edit, .no-js .tot-property-multi-step .tot-step-nav .tot-btn-next, .no-js .tot-property-multi-step .tot-step-nav .tot-btn-prev, .tot-property-multi-step.edit-form .tot-step-nav .tot-btn-edit, .tot-property-multi-step.edit-form .tot-step-nav .tot-btn-next, .tot-property-multi-step.edit-form .tot-step-nav .tot-btn-prev {
    display: none
}

.compare-listing {
    width: 135px;
    position: fixed;
    right: 0;
    top: 50%;
    background-color: #fff;
    z-index: 1000;
    -webkit-transform: translate3d(100%, 0, 0) translateY(-50%);
    transform: translate3d(100%, 0, 0) translateY(-50%);
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
    border-radius: 8px
}

.compare-listing.listing-open {
    -webkit-transform: translate3d(0, 0, 0) translateY(-50%);
    transform: translate3d(0, 0, 0) translateY(-50%);
    -webkit-box-shadow: 0 0 15px 0 rgb(0 0 0 / .2);
    box-shadow: 0 0 15px 0 rgb(0 0 0 / .2)
}

.compare-listing .listing-btn {
    padding: 0;
    border-radius: 10px 0 0 10px;
    height: 50px;
    width: 34px;
    position: absolute;
    left: -34px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    background-color: #444;
    color: #fff
}

.compare-listing .listing-btn i {
    font-size: 22px;
    position: relative;
    left: -2px;
    top: -1px
}

.compare-listing-header {
    padding: 15px;
    text-align: center;
    border-bottom: 1px solid #e1e1e1
}

.compare-listing-header .title {
    margin: 0;
    line-height: 1
}

.compare-listing-body {
    padding: 10px 0;
    text-align: center
}

.compare-listing-body .compare-properties-button {
    width: 105px;
    border-radius: var(--sd-brd-radius);
    background-color: var(--btn-accented-bgcolor);
    color: var(--btn-bgcolor-hover)
}

.compare-thumb-main {
    margin-left: 0;
    margin-right: 0
}

.compare-thumb-main .compare-thumb {
    position: relative;
    width: 105px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 10px;
    overflow: hidden
}

.compare-thumb-main .thumb-inner-empty {
    height: 56px;
    width: 100%;
    float: left;
    margin-bottom: 10px;
    border: 2px dashed #eee
}

.compare-thumb-main .compare-property-remove {
    position: absolute;
    top: 4px;
    right: 0;
    color: var(--tot-color-accent-foreground);
    background: var(--tot-color-accent);
    border: none;
    padding: 4px;
    border-radius: 20px;
    width: 25px;
    min-height: 20px;
    font-size: 16px
}

.compare-thumb-main .compare-property-remove i {
    position: relative
}

.tot_widget_recent_properties .property-inner, .tot_widget_featured_properties .property-inner {
    padding: 0 !important;
    background-color: transparent !important
}

.tot_widget_recent_properties .property-price, .tot_widget_featured_properties .property-price {
    display: block
}

.tot_widget_search_form .search-properties-form .row .form-group:last-child {
    margin-bottom: 0 !important
}

.tot-list-top-agents-wrap .agent-item, .tot-list-top-developers-wrap .developer-item {
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 40px
}

.tot-list-top-agents-wrap .agent-item:last-child, .tot-list-top-developers-wrap .developer-item:last-child {
    margin-bottom: 0
}

.tot-list-top-agents-wrap .agent-avatar, .tot-list-top-developers-wrap .developer-avatar {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 70px;
    margin-right: 10px
}

.tot-list-top-agents-wrap .agent-info, .tot-list-top-developers-wrap .developer-info {
    -ms-flex-positive: 1;
    flex-grow: 1;
    width: 1px
}

.tot-list-top-agents-wrap .agent-info h4.agent-name, .tot-list-top-developers-wrap .developer-info h4.developer-name {
    font-size: 18px;
    font-weight: 500;
    margin-bottom: 5px;
    -webkit-transition: all 0.3s;
    transition: all 0.3s
}

.tot-list-top-agents-wrap .agent-info h4.agent-name:hover, .tot-list-top-developers-wrap .developer-info h4.developer-name:hover {
    color: var(--tot-color-accent)
}

.tot-list-top-agents-wrap .agent-info h4.agent-name a, .tot-list-top-developers-wrap .developer-info h4.developer-name a {
    color: inherit
}

.tot-list-top-agents-wrap .agent-info .agent-position, .tot-list-top-developers-wrap .developer-info .developer-position {
    font-weight: 400;
    color: #8f8f8f
}

.tot-list-top-agents-wrap .agent-info .total-properties, .tot-list-top-developers-wrap .developer-info .total-properties {
    font-size: 12px;
    font-weight: 400
}

.tot__mc-form label {
    font-weight: 400
}

.tot__mc-form .tot__mc-result {
    color: var(--tot-color-heading)
}

.tot__mc-form .tot__mc-result strong {
    font-weight: 600
}

.tot__mc-form .form-group:last-child {
    margin-bottom: 0
}

ul.tot__property-taxonomy-list {
    list-style: none;
    padding: 0;
    margin: 0
}

ul.tot__property-taxonomy-list li {
    margin-bottom: 6px
}

ul.tot__property-taxonomy-list li a {
    display: block;
    position: relative;
    color: inherit;
    -webkit-transition: all 0.3s;
    transition: all 0.3s
}

ul.tot__property-taxonomy-list li a:hover, ul.tot__property-taxonomy-list li a:active, ul.tot__property-taxonomy-list li a:focus {
    color: var(--tot-color-accent);
    padding-left: 5px
}

ul.tot__property-taxonomy-list li .item-count {
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

ul.tot__property-taxonomy-list li:last-child {
    margin-bottom: 0
}

ul.tot__property-taxonomy-list i {
    color: var(--tot-color-accent)
}

ul.tot__property-taxonomy-list.scheme-light {
    color: var(--tot-color-heading)
}

.tot-package-item.active {
    box-shadow: 0 20px 35px rgb(0 0 0 / .3);
    border-color: var(--tot-color-accent)
}

.tot-package-item.active > .card-header {
    background-color: var(--tot-color-accent);
    color: var(--tot-color-accent-foreground)
}

.tot-package-item.active > .card-header .card-title {
    color: inherit
}

.tot-package-price {
    padding: 20px 0
}

.tot-package-price sup {
    font-size: 60%
}

.tot__compare-table-wrap table.tot__compare-tables {
    border: none
}

.tot__compare-table-wrap table.tot__compare-tables th, .tot__compare-table-wrap table.tot__compare-tables td {
    border: none
}

.tot__compare-table-wrap table.tot__compare-tables thead th {
    background: #fff0;
    padding: 0 15px 15px;
    vertical-align: top
}

.tot__compare-table-wrap table.tot__compare-tables tbody > tr:nth-of-type(even) {
    background-color: #f6f6f6
}

.tot__compare-table-wrap table.tot__compare-tables tbody > tr:nth-of-type(odd) {
    background-color: #fff0
}

.tot__compare-table-wrap table.tot__compare-tables td {
    border: none;
    vertical-align: middle;
    text-align: center;
    font-size: 14px;
    font-weight: 400;
    color: #8f8f8f
}

.tot__compare-table-wrap table.tot__compare-tables tr {
    height: 52px
}

.tot__compare-table-wrap table.tot__compare-tables .title-list-check {
    font-weight: 500;
    padding-left: 21px;
    text-align: left;
    color: var(--tot-color-heading);
    width: 20%
}

.tot__compare-table-wrap table.tot__compare-tables .check-no {
    color: #e33f3f;
    font-size: 20px
}

.tot__compare-table-wrap table.tot__compare-tables .check-yes {
    color: #4ede00;
    font-size: 20px
}

@media (min-width: 1200px) {
    .tot__compare-table-wrap table.tot__compare-tables {
        width: 100%;
        table-layout: fixed
    }
}

@media (max-width: 1199px) {
    .tot__property-compare {
        width: 360px
    }
}

.tot__property-compare {
    max-width: 360px;
    min-height: 330px;
    padding: 10px;
    background-color: #f8f8f8;
    margin-left: auto;
    margin-right: auto;
    position: relative
}
.tot__property-compare .tot-property .property-title{
    font-size: 18px;
}
.tot__property-compare .tot__loop-property-info-item{
    display: flex;
    justify-content: space-between;
    margin-block: 0.4rem;
    font-size: 14px;
}
.tot__property-compare:before {
    content: "";
    display: block;
    width: 25px;
    height: 25px;
    background: #f8f8f8;
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    bottom: -20px;
    -webkit-transform: translateY(-50%) rotate(45deg);
    transform: translateY(-50%) rotate(45deg)
}

.tot__property-compare .property-item-content {
    padding-top: 17px
}

.tot__property-compare .property-title {
    white-space: normal
}

.tot__account-login-wrap {
    max-width: 570px;
    margin: auto;
    border: 10px solid rgb(237 237 237 / .7);
    padding: 35px 30px
}

.tot__account-login-wrap .tot_messages {
    margin-bottom: 1rem
}

.tot__account-login-wrap .tot__show-password {
    cursor: pointer
}

.tot__account-login-wrap .input-group-text {
    background-color: #fff0;
    border-color: var(--tot-color-border);
    border-radius: 0
}

.tot__account-login-wrap input:-webkit-autofill, .tot__account-login-wrap input:-webkit-autofill:hover, .tot__account-login-wrap input:-webkit-autofill:focus, .tot__account-login-wrap input:-webkit-autofill:active {
    transition: background-color 5000s ease-in-out 0s
}

.tot__account-login-wrap .input-group-text {
    color: inherit
}

.tot-reset-password-wrap {
    display: none
}

.tot-reset-password-wrap .tot-back-to-login {
    margin-top: 1rem;
    display: block
}

ul.tot-my-package {
    margin: 0;
    padding: 0
}

.fw-light {
    font-weight: 300 !important
}

.fw-normal {
    font-weight: 400 !important
}

.fw-medium {
    font-weight: 500 !important
}

.fw-semi-bold {
    font-weight: 600 !important
}

.fw-bold {
    font-weight: 700 !important
}

.fw-black {
    font-weight: 900 !important
}

.fs-10 {
    font-size: 10px !important
}

.fs-11 {
    font-size: 11px !important
}

.fs-12 {
    font-size: 12px !important
}

.fs-13 {
    font-size: 13px !important
}

.fs-14 {
    font-size: 14px !important
}

.fs-15 {
    font-size: 15px !important
}

.fs-16 {
    font-size: 16px !important
}

.fs-18 {
    font-size: 18px !important
}

.fs-20 {
    font-size: 20px !important
}

.fs-21 {
    font-size: 21px !important
}

.fs-24 {
    font-size: 24px !important
}

.fs-30 {
    font-size: 30px !important
}

.fs-31 {
    font-size: 31px !important
}

.fs-32 {
    font-size: 33px !important
}

.fs-36 {
    font-size: 36px !important
}

.fs-38 {
    font-size: 38px !important
}

.fs-46 {
    font-size: 46px !important
}

.fs-50 {
    font-size: 50px !important
}

.fs-60 {
    font-size: 60px !important
}

.text-italic {
    font-style: italic !important
}

.uppercase {
    text-transform: uppercase !important
}

.line-small {
    line-height: 1em !important
}

.line-normal {
    line-height: 1.5em !important
}

.line-medium {
    line-height: 1.6em !important
}

.line-large {
    line-height: 1.8em !important
}

.line-2x {
    line-height: 2em !important
}

.line-3x {
    line-height: 3em !important
}

.line-21 {
    line-height: 21px !important
}

.line-24 {
    line-height: 24px !important
}

.line-34 {
    line-height: 34px !important
}

.line-42 {
    line-height: 42px !important
}

.spacing-50 {
    letter-spacing: .05em
}

.spacing-100 {
    letter-spacing: .1em
}

.mg-bottom-0 {
    margin-bottom: 0px !important
}

.mg-bottom-5 {
    margin-bottom: 5px !important
}

.mg-bottom-10 {
    margin-bottom: 10px !important
}

.mg-bottom-15 {
    margin-bottom: 15px !important
}

.mg-bottom-20 {
    margin-bottom: 20px !important
}

.mg-bottom-25 {
    margin-bottom: 25px !important
}

.mg-bottom-30 {
    margin-bottom: 30px !important
}

.mg-bottom-35 {
    margin-bottom: 35px !important
}

.mg-bottom-40 {
    margin-bottom: 40px !important
}

.mg-bottom-45 {
    margin-bottom: 45px !important
}

.mg-bottom-50 {
    margin-bottom: 50px !important
}

.mg-bottom-55 {
    margin-bottom: 55px !important
}

.mg-bottom-60 {
    margin-bottom: 60px !important
}

@media screen and (max-width: 991px) {
    .sm-mg-bottom-0 {
        margin-bottom: 0px !important
    }

    .sm-mg-bottom-5 {
        margin-bottom: 5px !important
    }

    .sm-mg-bottom-10 {
        margin-bottom: 10px !important
    }

    .sm-mg-bottom-15 {
        margin-bottom: 15px !important
    }

    .sm-mg-bottom-20 {
        margin-bottom: 20px !important
    }

    .sm-mg-bottom-25 {
        margin-bottom: 25px !important
    }

    .sm-mg-bottom-30 {
        margin-bottom: 30px !important
    }

    .sm-mg-bottom-35 {
        margin-bottom: 35px !important
    }

    .sm-mg-bottom-40 {
        margin-bottom: 40px !important
    }

    .sm-mg-bottom-45 {
        margin-bottom: 45px !important
    }

    .sm-mg-bottom-50 {
        margin-bottom: 50px !important
    }

    .sm-mg-bottom-55 {
        margin-bottom: 55px !important
    }

    .sm-mg-bottom-60 {
        margin-bottom: 60px !important
    }
}

.accent-color {
    color: var(--tot-color-accent)
}

.bg-accent {
    background-color: var(--tot-color-accent)
}

.heading-color {
    color: var(--tot-color-heading)
}

.hidden {
    display: none !important
}

@media (min-width: 992px) and (max-width: 1199px) {
    .hidden-md {
        display: none !important
    }
}

.visible-xs {
    display: none !important
}

@media (max-width: 767px) {
    .visible-xs {
        display: block !important
    }

    .hidden-xs {
        display: none !important
    }
}

.visible-mb {
    display: none !important
}

@media (max-width: 480px) {
    .visible-mb {
        display: block !important
    }

    .hidden-mb {
        display: none !important
    }
}

.col-xs-12 {
    width: 100%;
    padding-right: 15px;
    padding-left: 15px
}

ul.tot__list-2-col {
    columns: 2;
    -webkit-columns: 2;
    -moz-columns: 2
}

ul.tot__list-2-col li {
    display: block;
    -moz-column-break-inside: avoid;
    -webkit-column-break-inside: avoid;
    column-break-inside: avoid;
    overflow: hidden
}

ul.tot__list-2-col a {
    color: inherit;
    -webkit-transition: all 0.3s;
    transition: all 0.3s
}

ul.tot__list-2-col a:hover, ul.tot__list-2-col a:active, ul.tot__list-2-col a:focus {
    color: var(--tot-color-accent)
}

ul.tot__list-3-col {
    columns: 3;
    -webkit-columns: 3;
    -moz-columns: 3;
    display: grid;
    grid-template-columns:1fr 1fr 1fr;
    gap: 10px;
    justify-content: space-between
}

ul.tot__list-3-col li {
    display: block;
    -moz-column-break-inside: avoid;
    -webkit-column-break-inside: avoid;
    column-break-inside: avoid;
    overflow: hidden
}

ul.tot__list-3-col a {
    color: inherit;
    -webkit-transition: all 0.3s;
    transition: all 0.3s
}

ul.tot__list-3-col a:hover, ul.tot__list-3-col a:active, ul.tot__list-3-col a:focus {
    color: var(--tot-color-accent)
}

@media (max-width: 767px) {
    ul.tot__list-2-col {
        columns: 1;
        -webkit-columns: 1;
        -moz-columns: 1
    }
}

ul.tot__list-bg-gray {
    list-style-type: none;
    padding: 0;
    margin: 0
}

ul.tot__list-bg-gray strong {
    display: inline-block
}

ul.tot__list-bg-gray span {
    display: inline
}

ul.tot__list-bg-gray li {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 0
}

ul.tot__list-bg-gray li i {
    font-size: 22px;
    width: 40px;
    height: 40px;
    border-radius: var(--sd-brd-radius);
    background-color: #f4f3fc;
    padding: 9px;
    flex-shrink: 0;
    color: #7064ef
}

ul.tot__list-bg-gray li div {
    display: grid;
    width: 100%
}

a[title='Facebook'] {
    background: rgb(24 119 242 / .3)
}

a[title='Facebook'] i {
    color: #1877f2
}

a[title='Twitter'] {
    background: rgb(29 161 242 / .3)
}

a[title='Twitter'] i {
    color: #1da1f2
}

a[title='Email'] {
    background: rgb(234 67 53 / .3)
}

a[title='Email'] i {
    color: #ea4335
}

a[title='Skype'] {
    background: rgb(0 175 240 / .3)
}

a[title='Skype'] i {
    color: #00aff0
}

a[title='Linkedin'] {
    background: rgb(10 102 194 / .3)
}

a[title='Linkedin'] i {
    color: #0a66c2
}

a[title='Pinterest'] {
    background: rgb(189 8 28 / .3)
}

a[title='Pinterest'] i {
    color: #bd081c
}

a[title='Instagram'] {
    background: rgb(195 42 163 / .3)
}

a[title='Instagram'] i {
    color: #c32aa3
}

a[title='Youtube'] {
    background: rgb(255 0 0 / .3)
}

a[title='Youtube'] i {
    color: red
}

a[title='Vimeo'] {
    background: rgb(26 183 234 / .3)
}

a[title='Vimeo'] i {
    color: #1ab7ea
}

.group-fields-wrapper {
    position: relative
}

.group-fields-content {
    max-width: 100%;
    background-color: #fff;
    box-shadow: 0 0 3px 2px rgb(0 0 0 / .05);
    min-width: 300px;
    border-radius: var(--sd-brd-radius);
    padding: 14px 4px 7px
}
.tot-search-map-properties .form-search .group-fields-content.row{
    flex-wrap: wrap;
}
.group-fields-content .form-group {
    margin-bottom: .6rem
}

button.group-fields-toggle {
    cursor: pointer;
    border-radius: var(--sd-brd-radius);
    background-color: #dfddf6;
    color: #7064ef;
    padding: 0 !important;
    font-size: 11px;
    height: 42px;
    width: 100%;
    display: flex;
    column-gap: 4px
}

button.group-fields-toggle i {
    font-size: 16px
}

button.group-fields-toggle span {
    font-size: 90%;
    text-wrap-mode: nowrap;
    text-transform: capitalize
}

button.group-fields-toggle:hover {
    color: #dfddf6;
    background-color: #7064ef
}

@media (min-width: 769px) and (max-width: 1200px) {
    .tot__single-property-gallery .single-property-image-main {
        max-height: 455px;
        width: 78%;
        min-width: 78%;
        max-width: 78%
    }

    .property-gallery-item.tot-light-gallery {
        max-height: 455px
    }

    .single-property-image-thumb {
        max-width: 22%;
        width: 22%;
        max-height: 455px;
        overflow-x: hidden
    }
}

@media (max-width: 1200px) {
    .to-property-units .table th {
        display: none
    }

    .to-property-units .table {
        margin: auto;
        min-width: 300px;
        max-width: 100%;
        border-collapse: separate
    }

    .to-property-units .table tbody tr {
        margin-bottom: 5px;
        padding-block: 6px
    }

    .to-property-units .table td {
        display: flex;
        align-items: center;
        justify-content: start;
        padding: 6px 12px;
        gap: 30px
    }

    .to-property-units .table td:before {
        content: attr(data-th) ": ";
        font-weight: 700;
        display: inline-block;
        color: #444;
        min-width: 80px;
        text-align: left
    }

    .to-property-units .table th, .to-property-units .table td {
        text-align: left
    }

    .to-property-units .table-cell {
        display: none
    }

    .to-property-units .single-property-element {
        max-height: max-content;
        height: auto
    }

    .btn.show-more-table {
        min-width: 30px;
        min-height: 30px;
        border-radius: 50px;
        background-color: #e2e2e2;
        width: 30px;
        padding: 5px;
        margin-left: auto
    }

    .single-property-element.tot__single-property-element.tot__single-property-map {
        margin-bottom: 15px
    }

    .to-property-side {
        position: relative !important;
        top: 0;
        margin-bottom: 0
    }

    .group-fields-toggle span {
        display: none
    }
}

@media (max-width: 768px) {
    :root {
        --main-box-padding: 15px;
        --tot-archiver-action-height: 32px
    }

    .tot__single-property-title {
        font-size: 30px
    }

    .tot__single-property-gallery {
        flex-direction: column
    }

    .tot__single-property-gallery .single-property-image-main, .property-gallery-item.tot-light-gallery {
        max-height: 250px
    }

    .tot__single-property-gallery .single-property-image-main {
        width: 100%;
        max-width: 100%
    }

    :is(.property-description,.to-property-features,.to-property-attach) .tot-property-element {
        padding: 0 10px
    }

    .single-property-image-thumb {
        max-width: 100%
    }

    .tot__single-property-gallery .single-property-image-thumb .owl-stage {
        display: flex;
        flex-direction: row
    }

    .tot__single-property-gallery .single-property-image-thumb .owl-item {
        width: 128px !important;
    }

    .tot-advanced-search-wrap.tot-property-wrap {
        padding-inline: 0
    }

    .tot__single-property-header-meta-action {
        writing-mode: vertical-lr;
        top: 40%;
        right: 0;
        padding: 6px;
        position: fixed;
        z-index: 15;
        opacity: .5
    }

    .tot__single-property-header-meta-action:hover {
        opacity: 1
    }

    .to-property-main > div {
        margin-bottom: 20px
    }

    .tot__single-property-action .tot__loop-property_action-item {
        width: 30px;
        height: 30px;
        margin-left: 0;
    }

    button.tot__loop-property_action-item + .tot__loop-property_action-item {
        margin-left: 0
    }

    .to-property-detail, .to-property-payment {
        grid-auto-rows: auto
    }

    ul.tot__list-3-col {
        grid-template-columns:1fr 1fr
    }

    .tot_payment-plan-box {
        grid-template-columns:1fr 1fr
    }

    .payment-method-box {
        grid-template-columns:repeat(2, auto)
    }

    .tot__property-payment-item {
        max-height: max-content;
        height: auto
    }

    .to-property-features .single-property-element, .to-property-video .single-property-element, .to-property-tour .single-property-element {
        height: auto;
        max-height: max-content
    }

    .tot-search-map-properties .list-property-result-ajax {
        padding-left: 0;
        padding-right: 0;
        margin-top: 10px
    }

    .to-open-modal {
        top: 7px;
        right: 7px
    }

    .single-agent-element, .single-developer-element {
        margin-bottom: 20px
    }

    .tot__single-property-price span {
        font-size: 13px
    }

    .tot__single-property-price p {
        font-size: calc(70% + 1vw)
    }

    .tot__top-contact {
        padding-bottom: 0
    }

    .to-property-contact {
        margin-top: 0
    }
}

@media (max-width: 568px) {
    .tot__single-agent-contact-info > div, .tot__single-developer-contact-info > div {
        font-size: 12px
    }

    :is(.tot__single-agent-description,.tot__single-developer-description) p:last-child {
        font-size: 14px
    }

    .tot__apa-item.tot__apa-switch-layout {
        display: none
    }
}

#search-map-mobile .search-properties-form .form-search {
    background-color: #fff0;
    padding: 15px;
    border-radius: var(--sd-brd-radius);
    position: absolute;
    z-index: 10
}

#search-map-mobile .form-search > .row {
    display: flex;
    flex-wrap: nowrap;
    overflow-x: auto;
    overflow-y: visible;
    margin: 0;
    gap: 0;
    position: relative;
    padding-top: 40px;
    justify-content: flex-start;
    width: calc(100vw - 30px)
}

#search-map-mobile .group-fields-content {
    position: absolute;
    flex-wrap: wrap
}

#search-map-mobile .form-search > .row > div:not(.group-fields-wrapper) {
    flex: 0 0 min(120px)
}

#search-map-mobile .form-search > .row > div:nth-child(1) {
    max-width: calc(100vw - 75px);
    margin: 0;
    position: sticky;
    top: 0;
    left: 0;
    width: 100vw;
    flex: 0 1 100%;
    order: -1;
    transform: translateY(-40px);
    padding-inline: 0
}

#search-map-mobile .form-search > .row > div:nth-child(1) input {
    position: absolute;
    width: 100vw;
    min-width: calc(100vw - 79px);
    margin-left: 47px
}

#search-map-mobile .tot-search-map-properties .form-search .row .col-1 {
    flex: 0 0 1px
}

#search-map-mobile .form-search > .row .col-mo {
    max-width: 25%;
    padding: 0
}

#search-map-mobile .form-search > .row .col-mo-half {
    max-width: 25%;
    padding: 0
}

#search-map-mobile .form-search :is(input,select) {
    padding: 0 8px;
    height: 34px;
    font-size: 12px;
    min-height: 34px;
    border-color: #ddd
}

#search-map-mobile .select2-container {
    padding: 0
}

#search-map-mobile .select2-container .select2-selection--single {
    height: 34px
}

#search-map-mobile .select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 33px;
    padding: 0 16px 0 6px;
    font-size: 12px
}

.form-search select {
    background-position: right 4px top 50%;
}

#search-map-mobile .group-fields-toggle span {
    display: none
}

#search-map-mobile button.group-fields-toggle {
    width: 32px;
    min-height: 32px;
    height: 32px
}

#search-map-mobile .tot-search-map-properties .tot-map-result, #search-map-mobile .tot-search-map-properties .tot-map-search {
    height: calc(97vh - 26px) !important;
    padding: 0
}

#search-map-mobile .select2-container--open .select2-dropdown {
    left: 0;
    min-width: 130px;
    font-size: 12px
}

#search-map-mobile .select2-container--open .select2-dropdown li {
    margin-bottom: 0
}

#search-map-mobile .col-scroll-vertical .tot-property {
    position: fixed;
    background-color: #fff;
    padding: 4px .5rem;
    top: 100%;
    overflow-y: auto !important;
    z-index: 90;
    height: 100vh !important;
    transition: .3s ease-in-out;
    left: 0;
    width: 100%;
    right: 0;
    margin: 0 auto;
    z-index: 15
}

#search-map-mobile .col-scroll-vertical {
    bottom: -105px;
    background-color: #fff;
    position: fixed;
    left: 0;
    transition: .3s ease-in-out;
    z-index: 80
}

#search-map-mobile .col-scroll-vertical.active .tot-property {
    top: 30%
}

#search-map-mobile .col-scroll-vertical.active {
    bottom: 65%
}

#search-map-mobile .list-property-result-ajax .title-result {
    margin-bottom: 36px
}

#search-map-mobile .paging-navigation {
    margin-bottom: 30px;
    margin-top: -20px
}

#search-map-mobile .list-property-result-ajax .title-result h2 {
    font-size: 18px;
    margin-bottom: 5px;
    text-transform: capitalize !important;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 6px
}

#search-map-mobile .list-property-result-ajax .title-result h2:after {
    font-family: 'iconsax';
    content: "\e93f";
    font-weight: 600;
    color: #555;
    font-size: 19px;
    display: inline-block;
    transition: .2s ease-in-out;
    animation: pulseColor 1s infinite ease-in-out alternate
}

#search-map-mobile .col-scroll-vertical.active .list-property-result-ajax .title-result h2:after {
    transform: rotate(180deg)
}

@keyframes pulseColor {
    0% {
        color: #7064ef;
        text-shadow: 0 0 5px #7064ef
    }
    50% {
        color: #3f3b76;
        text-shadow: 0 0 8px #3f3b76
    }
    100% {
        color: #7064ef;
        text-shadow: 0 0 5px #7064ef
    }
}

.tot__single-property-location {
    font-size: 14px
}

.tot__single-property-price .property-price-postfix, .tot__single-property-price .property-price-prefix {
    font-size: 14px;
    color: #aaa
}

.tot__single-property-action .tot__loop-property_action-item:hover {
    color: #dfddf6;
    background-color: #7064ef
}