:root {
    --primary-color: #BC7635;
    --primary-color-700: #FFF5EC;
    --secondary-color: #1F193B;
    --primary-font-color: #070026;
    --secondary-font-color: #E6F2FF;
    --a-hover-color: #BC7635;
    --heading-color: #070026;
    --descprition-color: #73777D;
    --deaf-font-color: #222222;
    --deaf-font-color-600: #8894ad1f;
    --deaf-font-color-400: #8894ad44;
    --label-font-color: #151e42;
    --input-font-color-700: #6d7ca3;
    --input-font-color-500: #484f5f;
    --input-border-color: #d4dcff;
    --faded-font-color: #525c84;
    --primary-disabled: #0075ff22;
    --primary-border-color: #eaeef7;
    --primary-border-color-600: #e5edf966;
    --grid-text-color: #73777D;
    --overlay-color: #000000;
    --stats-bg-color: #F4F5F7;
    --stars-color: #d1e4fa;
    --dashboard-secondary-bg-color: #f5f9fd;
    --black-700: #000000;
    --white-700: #ffffff;
    --white-500: #FFFFFFDE;
    --white-200: #ffffff22;
    --orange-700: #f8b849;
    --purple-700: #4339f2;
    --red-700: #fb295b;
    --green-700: #34b53a;
    --green-500: #00A884;
    --grey-700: #808080;
    --cyan-700: #28F8C0;
    --golden-700: #F8BB18;
    --input-radius: 10px;
    --border-radius-lg: 20px;
    --border-radius: 12px;
    --border-radius-md: 16px;
    --border-radius-xs: 4px;
    --primary-font: 'Urbanist';
    --icons-font: "Font Awesome 6 Free";
    --transition: 300ms;
    --overlay-opacity: 0.6;
    /* Icons Variables */
    --chevron-down-icon-code: "\f078";
    --heart-filled-icon-code: "\f004";
    --star-filled-icon-code: "\f005";
    --square-icon-code: "\f0c8";
    --check-icon-code: "\f00c";
    --circle-icon-code: "\f111";
    --close-icon-code: "\f00d";
    --marker-icon-code: "\f3c5";
    --search-icon-code: "\f002";
    --remove-heart-icon-code: "\e4ff";
    --loading-icon: "\f110";
    --bs-body-font-family: 'Urbanist';
}

label {
    font-size: 14px;
    line-height: 1.5em;
    font-weight: 400;
    font-family: var(--bs-body-font-family);
    color: var(--heading-color);
    margin: 0 0 0 0;
}

a {
    font-size: 14px;
    line-height: 1.5em;
    font-weight: 400;
    font-family: var(--bs-body-font-family);
    color: var(--primary-color);
    margin: 0 0 0 0;
    transition: var(--transition);
    display: inline-block;
}

.post-page-numbers {
    color: var(--primary-color);
}

a:hover,
a:focus {
    color: var(--a-hover-color);
}

img {
    max-width: 100%;
}

.p-sm {
    font-size: 11px;
    line-height: 1.5em;
    font-weight: 400;
    font-family: var(--bs-body-font-family);
    color: var(--grid-text-color);
    margin: 0 0 0 0;
}

.p-md {
    font-size: 12px;
    line-height: 1.5em;
    font-weight: 400;
    font-family: var(--bs-body-font-family);
    color: var(--grid-text-color);
    margin: 0 0 0 0;
}

button.disabled {
    pointer-events: none;
    background: #ddd !important;
    color: #817d7d !important;
    border-color: #fff0 !important;
}

.p-lg {
    font-size: 14px;
    line-height: 1.5em;
    font-weight: 400;
    font-family: var(--bs-body-font-family);
    color: var(--grid-text-color);
    margin: 0 0 0 0;
}

ul,
ol {
    list-style: none;
    padding: 0;
    margin: 0;
}

.realestate-tooltip .tooltip-inner {
    background: var(--red-700);
    box-shadow: 0 0 5px 1px #d6d6d6;
    font-size: 12px;
    padding: 0 12px;
    color: var(--white-700);
    font-weight: 600;
    border-radius: 9px;
    line-height: 1.5em;
    height: 25px;
    display: flex;
    justify-content: center;
    align-items: center;
}


/* START TOOLTIP STYLES */

[tooltip] {
    position: relative;
    cursor: pointer;
    color: var(--primary-color);
}


/* Applies to all tooltips */

[data-tooltip]::before,
[data-tooltip]::after {
    text-transform: none;
    font-size: .9em;
    line-height: 1;
    user-select: none;
    pointer-events: none;
    position: absolute;
    display: none;
    opacity: 0;
}

[data-tooltip] {
    position: relative;
}

[data-tooltip]::before {
    content: '';
    border: 5px solid transparent;
    z-index: 1001;
}

[data-tooltip]::after {
    content: attr(data-tooltip);
    overflow: hidden;
    text-overflow: ellipsis;
    box-shadow: 0 1em 2em -0.5em rgba(0, 0, 0, 0.35);
    color: #fff;
    z-index: 1000;
    background-color: var(--primary-color) !important;
    opacity: 1 !important;
    padding: 8px;
    text-align: left;
    line-height: 17px;
    font-family: 'inter';
    min-width: 100px;
    border-radius: 5px;
}

/* Make the data-tooltips respond to hover */

[data-tooltip]:hover::before,
[data-tooltip]:hover::after {
    display: block;
}


/* don't show empty data-tooltips */

[data-tooltip='']::before,
[data-tooltip='']::after {
    display: none !important;
}


/* FLOW: UP */

[data-tooltip]:not([data-flow])::before,
[data-tooltip][data-flow^="up"]::before {
    bottom: 100%;
    border-bottom-width: 0;
    border-top-color: var(--primary-color) !important;
}

[data-tooltip]:not([data-flow])::after,
[data-tooltip][data-flow^="up"]::after {
    bottom: calc(100% + 5px);
}

[data-tooltip]:not([data-flow])::before,
[data-tooltip]:not([data-flow])::after,
[data-tooltip][data-flow^="up"]::before,
[data-tooltip][data-flow^="up"]::after {
    left: 50%;
    transform: translate(-50%, -.5em);
}


/* data-flow: DOWN */

[data-tooltip][data-flow^="down"]::before {
    top: 100%;
    border-top-width: 0;
    border-bottom-color: var(--primary-color) !important;
}

[data-tooltip][data-flow^="down"]::after {
    top: calc(100% + 5px);
}

[data-tooltip][data-flow^="down"]::before,
[data-tooltip][data-flow^="down"]::after {
    left: 50%;
    transform: translate(-50%, .5em);
}


/* data-flow: LEFT */

[data-tooltip][data-flow^="left"]::before {
    top: 50%;
    border-right-width: 0;
    border-left-color: var(--primary-color) !important;
    left: calc(0em - 5px);
    transform: translate(-.5em, -50%);
}

[data-tooltip][data-flow^="left"]::after {
    top: 50%;
    right: calc(100% + 5px);
    transform: translate(-.5em, -50%);
}


/* data-flow: RIGHT */

[data-tooltip][data-flow^="right"]::before {
    top: 50%;
    border-left-width: 0;
    border-right-color: var(--primary-color) !important;
    right: calc(0em - 5px);
    transform: translate(.5em, -50%);
}

[data-tooltip][data-flow^="right"]::after {
    top: 50%;
    left: calc(100% + 5px);
    transform: translate(.5em, -50%);
}


/* KEYFRAMES */

@keyframes data-tooltips-vert {
    to {
        opacity: .9;
        transform: translate(-50%, 0);
    }
}

@keyframes data-tooltips-horz {
    to {
        opacity: .9;
        transform: translate(0, -50%);
    }
}


/* FX All The Things */

[data-tooltip]:not([data-flow]):hover::before,
[data-tooltip]:not([data-flow]):hover::after,
[data-tooltip][data-flow^="up"]:hover::before,
[data-tooltip][data-flow^="up"]:hover::after,
[data-tooltip][data-flow^="down"]:hover::before,
[data-tooltip][data-flow^="down"]:hover::after {
    animation: data-tooltips-vert 300ms ease-out forwards;
}

[data-tooltip][data-flow^="left"]:hover::before,
[data-tooltip][data-flow^="left"]:hover::after,
[data-tooltip][data-flow^="right"]:hover::before,
[data-tooltip][data-flow^="right"]:hover::after {
    animation: data-tooltips-horz 300ms ease-out forwards;
}

a,
.realestate-navigation-nav li a {
    text-decoration: none;
    position: relative;
}
 .realestate-navigation-nav ul a::after {
    content: '';
    width: 100%;
    height: 20px;
    background: #ddd0;
    position: absolute;
    bottom: -9px;
    right: 0;
    left: 0;
}
.realestate-header.home-brokerage2 .realestate-navigation-nav li a {
    background-color: #fff0;
    color: #FFFFFF;
    border-bottom: 1px solid #fff0;
    border-radius: 0;
}

.realestate-header.home-brokerage2 .realestate-navigation-nav li a:hover {
    background-color: #fff0;
    color: #FFFFFF;
    border-color: #fff;
    border-radius: 0;
}

.realestate-header.home-brokerage2 .realestate-navigation-nav li .sub-menu a {
    color: #000;
    border-bottom: 1px solid #ddd;
}
.realestate-header.home-brokerage2 .realestate-navigation-nav li .sub-menu li:last-child a {
 
    border-bottom: 1px solid #fff0;
}

.realestate-content-container {
    min-height: 70vh;
}

#realestate-header nav {
    padding: 20px 0;
}


/**
 * Default CSS End
 */

.realestate-navigation-nav-menus .sub-menu li {
    position: relative;
}

.realestate-section-bg-color-light {
    background-color: var(--stats-bg-color);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.realestate-section-bg-color-dark {
    background-color: var(--primary-font-color);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.realestate-section-bg-color-dark h2 {
    color: var(--white-700) !important;
}

html,
body {
    scroll-behavior: smooth;
}

* {
    box-sizing: border-box;
    box-sizing: border-box;
    outline: none;
}

button:focus-visible,
select:focus-visible {
    outline: none;
}

button {
    transition: var(--transition);
}

.modal-content {
    padding: 30px;
    position: relative;
}

.modal-content .modal-header {
    border: unset;
    padding: 0;
    margin-bottom: 30px;
}

.modal-content .modal-header h5 {
    text-align: center;
    width: 100%;
}

.modal-content .modal-header button {
    border: unset;
    color: var(--primary-color);
    font-family: var(--bs-body-font-family);
    font-weight: 400;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 13px;
    border-radius: 4px;
    position: absolute;
    right: 4px;
    top: 7px;
    font-size: 22px;
    z-index: 9999;
    background: var(--white-700)
}

.realestate-input {
    border-color: #B2BAC0;
    height: 38px;
    font-size: 14px;
}

.modal-body {
    padding: 0;
}

.modal-body .realestate-login-btn {
    width: 100%;
    margin-top: 10px;
    background-color: var(--primary-color);
    color: var(--white-700);
    border: unset;
    font-size: 16px;
    padding: 6px 0;
}

.select2-selection.select2-selection--single.select2-selection--clearable {
    border: 1px solid #B2BAC0;
    min-width: 150px;
}


/* realestate login modal  */

.realestate-login-modal {
    padding: 30px 80px;
    position: relative;
}

.realestate-login-modal .realestate-login-form-image {
    position: fixed;
    bottom: 0;
    left: 0;
    max-width: 633px;
    z-index: -1;
}

#realestate-login-modal {
    background-color: #070026;
    z-index: 9999999999999;
}

.realestate-login-form-content-title {
    background: #070026;
    padding-right: 50px;
}

.realestate-login-form-content-title img {
    max-width: 210px;
}

.realestate-login-form-content-title h2 {
    font-size: 40px;
    color: #FFFFFF;
    font-family: 'Poppins';
    margin-top: 24px;
}

.realestate-login-form-content-title p {
    font-size: 14px;
    color: #fff;
    font-family: 'Poppins';
    margin-top: 12px;
}

.realestate-login-form {
    background: #FFFFFF;
    position: relative;
    max-width: 582px;
    border-radius: 25px;
    margin-bottom: 50px;
    font-weight: 500;
    padding: 60px 70px;
}

.realestate-login-form h3 {
    font-size: 36px;
    font-family: 'Poppins';
    color: #202020;
    text-align: center;
}

.realestate-login-form .signup-tabs {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 35px;
}

.realestate-login-form .signup-tabs li {
    font-size: 16px;
    font-family: 'Inter';
    padding-bottom: 8px;
    margin: 0 20px;
    border-bottom: 1px solid #fff0;
    color: #000000;
    font-weight: 600;
    cursor: pointer;
}

.realestate-login-form .signup-tabs .active {
    color: var(--primary-color);
    border-color: var(--primary-color);
}

.realestate-login-modal .modal-content {
    background-color: #fff0;
    position: unset;
    padding: 0;
}

.realestate-user-logins .realestate-user-logins-group label {
    font-size: 12px;
    display: block;
    margin-bottom: 10px;
    font-weight: 600;
}

.realestate-user-logins .realestate-user-logins-group {
    margin-bottom: 20px;
    position: relative;
}

.realestate-user-logins {
    margin-top: 35px;
}

.realestate-user-logins .realestate-user-logins-group input {
    border: 1px solid #EEF0F5;
    width: 100%;
    background-color: #F8F9FC;
    border-radius: 4px;
    height: 42px;
    padding: 5px 15px;
}

.realestate-user-logins .realestate-user-logins-group .forget-option {
    text-align: end;
}

.realestate-user-logins .realestate-user-logins-group .forget-option p {
    color: #47464A;
    font-size: 12px;
    font-family: 'poppins';
    cursor: pointer;
    margin-top: 5px;
}

.realestate-user-logins-group-checkbox {
    display: flex;
    margin-bottom: 21px;
    align-items: start;
    gap: 8px;
}

.realestate-user-logins-group-checkbox input {
    display: none;
}

.realestate-user-logins-group-checkbox label {
    position: relative;
    font-size: 12px;
    color: #424242;
    font-family: 'Poppins';
    padding-left: 25px;
    cursor: pointer;
}

.realestate-user-logins-group-checkbox label a {
    font-size: 12px;
    color: #424242;
    font-weight: 500;
}

.realestate-user-logins-group-checkbox label a:hover {
    color: var(--primary-color);
}

.realestate-user-logins-group-checkbox label::after {
    content: '';
    width: 16px;
    height: 16px;
    position: absolute;
    top: 3px;
    left: 1px;
    background: var(--white-700);
    border: 1px solid #C2C2C2;
    border-radius: 4px;
    transition: var(--transition);
    display: flex;
    justify-content: center;
    align-items: center;
    font-family: var(--icons-font);
    color: var(--primary-color);
    font-size: 9px;
    font-weight: 600;
}

.realestate-user-logins-group-checkbox input:checked+label::after {
    content: var(--check-icon-code) !important;
    background: var(--primary-color) !important;
    color: var(--white-700) !important;
    border-color: #fff0 !important;
}

.realestate-user-logins input[type="submit"] {
    font-size: 14px;
    border: unset;
    width: 100%;
    color: #fff;
    background-color: var(--primary-color);
    font-family: 'Poppins';
    padding: 15px 8px;
    line-height: 18px;
    border-radius: 4px;
    transition: var(--transition);
    border: 1px solid var(--primary-color);
}

.realestate-user-logins input[type="submit"]:hover {
    background-color: var(--primary-color-700);
    border: 1px solid var(--primary-color);
    color: var(--primary-color);
}

.realestate-login-form-signup .form-saprater {
    display: flex;
    align-items: center;
    border-bottom: 1px solid #DCDBDD;
    position: relative;
    margin: 15px 0 15px 0;
    justify-content: center;
}

.realestate-login-form-signup .form-saprater p {
    color: #84818A;
    font-size: 14px;
    background: #fff;
    margin-bottom: -9px;
    padding: 0 10px;
}

.realestate-user-social-logins a {
    padding: 13px 0;
    width: 100%;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #070026;
    font-family: 'Poppins';
    font-weight: 500;
    font-size: 14px;
    gap: 11px;
    border: 1px solid #DCDBDD;
    transition: var(--transition);
    border-radius: 12px;
}

.realestate-user-social-logins {
    padding-top: 10px;
}

.realestate-user-social-logins a:hover {
    background-color: var(--primary-color);
    color: var(--white-700);
}

.realestate-user-logins .realestate-user-logins-group i {
    position: absolute;
    right: 12px;
    top: 44%;
    color: #0000009e;
    cursor: pointer;
}

.login-user-form-show {
    color: #47464A;
    font-size: 12px;
    font-family: 'poppins';
    margin-top: 5px;
}

.login-user-form-show span {
    color: var(--primary-color);
    cursor: pointer;
}

.realestate-user-logins .realestate-user-logins-group .forget-option p:hover,
.login-user-form-show span:hover {
    opacity: 0.5;
}

.realestate-close-login-modal {
    position: absolute;
    right: 30px;
    top: 24px;
    display: flex;
    align-items: center;
    font-size: 14px;
    color: #070026;
    gap: 10px;
    cursor: pointer;
}


/* realestate general spaces css  */

.mb-10 {
    margin-bottom: 10px !important;
}

.mb-20 {
    margin-bottom: 20px;
}
.mb-15 {
    margin-bottom: 15px;
}
.mb-30 {
    margin-bottom: 30px;
}

.mb-40 {
    margin-bottom: 40px;
}

.mb-50 {
    margin-bottom: 50px;
}

.mb-60 {
    margin-bottom: 60px;
}

.mb-70 {
    margin-bottom: 70px;
}

.mb-80 {
    margin-bottom: 80px;
}

.mb-90 {
    margin-bottom: 90px;
}

.mb-100 {
    margin-bottom: 100px;
}

.mt-10 {
    margin-top: 10px;
}

.mt-20 {
    margin-top: 20px;
}

.mt-30 {
    margin-top: 30px;
}

.mt-40 {
    margin-top: 40px;
}

.mt-50 {
    margin-top: 50px;
}

.mt-60 {
    margin-top: 60px;
}

.mt-70 {
    margin-top: 70px;
}

.mt-80 {
    margin-top: 80px;
}

.mt-90 {
    margin-top: 90px;
}

.mt-100 {
    margin-top: 100px;
}

.ml-10 {
    margin-left: 10px;
}

.ml-20 {
    margin-left: 20px;
}

.ml-30 {
    margin-left: 30px;
}

.ml-40 {
    margin-left: 40px;
}

.ml-50 {
    margin-left: 50px;
}

.ml-60 {
    margin-left: 60px;
}

.ml-70 {
    margin-left: 70px;
}

.ml-80 {
    margin-left: 80px;
}

.ml-90 {
    margin-left: 90px;
}

.ml-100 {
    margin-left: 100px;
}

.mr-10 {
    margin-right: 10px;
}

.mr-20 {
    margin-right: 20px;
}

.mr-30 {
    margin-right: 30px;
}

.mr-40 {
    margin-right: 40px;
}

.mr-50 {
    margin-right: 50px;
}

.mr-60 {
    margin-right: 60px;
}

.mr-70 {
    margin-right: 70px;
}

.mr-80 {
    margin-right: 80px;
}

.mr-90 {
    margin-right: 90px;
}

.mr-100 {
    margin-right: 100px;
}

.pb-10 {
    padding-bottom: 10px;
}

.pb-20 {
    padding-bottom: 20px;
}

.pb-30 {
    padding-bottom: 30px;
}

.pb-40 {
    padding-bottom: 40px;
}

.pb-50 {
    padding-bottom: 50px;
}

.pb-60 {
    padding-bottom: 60px;
}

.pb-70 {
    padding-bottom: 70px;
}

.pb-80 {
    padding-bottom: 80px;
}

.pt-85 {
    padding-top: 85px;
}

.pb-90 {
    padding-bottom: 90px;
}

.pb-100 {
    padding-bottom: 100px;
}

.pt-10 {
    padding-top: 10px;
}

.pt-20 {
    padding-top: 20px;
}

.pt-30 {
    padding-top: 30px;
}

.pt-40 {
    padding-top: 40px;
}

.pt-50 {
    padding-top: 50px;
}

.pt-60 {
    padding-top: 60px;
}

.pt-70 {
    padding-top: 70px;
}

.pt-80 {
    padding-top: 80px;
}

.pt-90 {
    padding-top: 90px;
}

.pt-100 {
    padding-top: 100px;
}

.pl-10 {
    padding-left: 10px;
}

.pl-20 {
    padding-left: 20px;
}

.pl-30 {
    padding-left: 30px;
}

.pl-40 {
    padding-left: 40px;
}

.pl-50 {
    padding-left: 50px;
}

.pl-60 {
    padding-left: 60px;
}

.pl-70 {
    padding-left: 70px;
}

.pl-80 {
    padding-left: 80px;
}

.pl-90 {
    padding-left: 90px;
}

.pl-100 {
    padding-left: 100px;
}

.pr-10 {
    padding-right: 10px;
}

.pr-20 {
    padding-right: 20px;
}

.pr-30 {
    padding-right: 30px;
}

.pr-40 {
    padding-right: 40px;
}

.pr-50 {
    padding-right: 50px;
}

.pr-60 {
    padding-right: 60px;
}

.pr-70 {
    padding-right: 70px;
}

.pr-80 {
    padding-right: 80px;
}

.pr-90 {
    padding-right: 90px;
}

.pr-100 {
    padding-right: 100px;
}

.realestate-hide {
    display: none;
}


/* style select2 dropdoem  */

.select2-container--open .select2-dropdown--above,
span.select2-dropdown.select2-dropdown--below {
    padding: 9px;
    border-color: #ffffff00;
    border-radius: 8px;
    z-index: 9999999999999;
    box-shadow: 9px 16px 57px 0 #00000029;
}

.select2-container--default .select2-search--dropdown .select2-search__field {
    background-color: #F8F9FC;
    border-color: #EEF0F5;
    height: 34px;
    border-radius: 4px;
    font-size: 12px;
    font-weight: 400;
    padding: 0 12px;
    line-height: 29px;
    color: #4E576E !important;
}

.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
    background-color: var(--primary-color);
    color: white;
    padding: 6px;
    border-radius: 5px;
}

.select2-container--default .select2-results__option--selected {
    border-radius: 6px;
}


/* close realestate general spaces css  */


/* breadcrumbs menus  */

.realestate-breadcrumb {
    margin-bottom: 15px;
}

.realestate-breadcrumb ul {
    display: flex;
    align-items: center;
    gap: 6px;
}

.realestate-breadcrumb ul a {
    position: relative;
    color: #73777D;
    font-size: 12px;
    text-transform: capitalize;
    font-weight: 400;
}

.realestate-breadcrumb ul a::after {
    content: '/';
    margin-left: 6px;
}

.realestate-breadcrumb ul span {
    position: relative;
    color: #070026;
    font-size: 12px;
    text-transform: capitalize;
    font-weight: 500;
}


/* realestate  offcanvas  */

.realestate-sidebar-body {
    background-color: #ffffff;
    height: 100%;
    overflow: auto;
}

.realestate-sidebar-body .realestate-navigation-nav-menus a {
    width: 100%;
    padding: 15px 14px;
    border-bottom: 1px solid #ddd;
}

.realestate-sidebar-body .realestate-navigation-nav-menus .sub-menu {
    position: unset ! IMPORTANT;
}

.realestate-sidebar-body .realestate-navigation-nav-menus .sub-menu {
    position: unset ! IMPORTANT;
    visibility: visible;
    opacity: 1;
    transform: unset !important;
    margin-left: 43px;
    background: #fff0;
    box-shadow: unset;
    border-radius: unset;
    border-bottom: 1px solid #ddd;
}

.realestate-sidebar-body .realestate-navigation-nav-menus .sub-menu::after {
    display: none;
}

/* home-classic banner start */

.realestate-classic-navigation-icons {
    display: flex;
    gap: 12px;
    margin-right: 30px;
}

.realestate-classic-navigation-icons button {
    background: none;
    border: none;
    color: white;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    position: relative;
}

.realestate-classic-navigation-icons i {
    font-size: 24px;
    text-align: center;
    color: var(--primary-color);
    display: block;
    width: 31px;
    transition: var(--transition);
    height: 31px;
}

.realestate-classic-navigation-icons i:hover {
    opacity: 0.5;
}

.realestate-classic-navigation-icons button::after {
    content: '';
    width: 6px;
    height: 6px;
    background-color: #E20000;
    border-radius: 50%;
    position: absolute;
    top: -6px;
    right: -6px;
}

.realestate-classic-navigation-icons .bell-icon i {
    display: block;
    animation: ring 4s .1s ease-in-out infinite;
    transform-origin: 50% 4px;
    animation: ring 4s .1s ease-in-out infinite;
    transform-origin: 50% 4px;
    animation: ring 4s .1s ease-in-out infinite;
    transform-origin: 50% 4px;
}



@keyframes ring {
    0% {
        transform: rotateZ(0);
    }

    1% {
        transform: rotateZ(30deg);
    }

    3% {
        transform: rotateZ(-28deg);
    }

    5% {
        transform: rotateZ(34deg);
    }

    7% {
        transform: rotateZ(-32deg);
    }

    9% {
        transform: rotateZ(30deg);
    }

    11% {
        transform: rotateZ(-28deg);
    }

    13% {
        transform: rotateZ(26deg);
    }

    15% {
        transform: rotateZ(-24deg);
    }

    17% {
        transform: rotateZ(22deg);
    }

    19% {
        transform: rotateZ(-20deg);
    }

    21% {
        transform: rotateZ(18deg);
    }

    23% {
        transform: rotateZ(-16deg);
    }

    25% {
        transform: rotateZ(14deg);
    }

    27% {
        transform: rotateZ(-12deg);
    }

    29% {
        transform: rotateZ(10deg);
    }

    31% {
        transform: rotateZ(-8deg);
    }

    33% {
        transform: rotateZ(6deg);
    }

    35% {
        transform: rotateZ(-4deg);
    }

    37% {
        transform: rotateZ(2deg);
    }

    39% {
        transform: rotateZ(-1deg);
    }

    41% {
        transform: rotateZ(1deg);
    }

    43% {
        transform: rotateZ(0);
    }

    100% {
        transform: rotateZ(0);
    }
}

@keyframes ring {
    0% {
        transform: rotate(0);
    }

    1% {
        transform: rotate(30deg);
    }

    3% {
        transform: rotate(-28deg);
    }

    5% {
        transform: rotate(34deg);
    }

    7% {
        transform: rotate(-32deg);
    }

    9% {
        transform: rotate(30deg);
    }

    11% {
        transform: rotate(-28deg);
    }

    13% {
        transform: rotate(26deg);
    }

    15% {
        transform: rotate(-24deg);
    }

    17% {
        transform: rotate(22deg);
    }

    19% {
        transform: rotate(-20deg);
    }

    21% {
        transform: rotate(18deg);
    }

    23% {
        transform: rotate(-16deg);
    }

    25% {
        transform: rotate(14deg);
    }

    27% {
        transform: rotate(-12deg);
    }

    29% {
        transform: rotate(10deg);
    }

    31% {
        transform: rotate(-8deg);
    }

    33% {
        transform: rotate(6deg);
    }

    35% {
        transform: rotate(-4deg);
    }

    37% {
        transform: rotate(2deg);
    }

    39% {
        transform: rotate(-1deg);
    }

    41% {
        transform: rotate(1deg);
    }

    43% {
        transform: rotate(0);
    }

    100% {
        transform: rotate(0);
    }
}

@keyframes ring {
    0% {
        transform: rotate(0);
    }

    1% {
        transform: rotate(30deg);
    }

    3% {
        transform: rotate(-28deg);
    }

    5% {
        transform: rotate(34deg);
    }

    7% {
        transform: rotate(-32deg);
    }

    9% {
        transform: rotate(30deg);
    }

    11% {
        transform: rotate(-28deg);
    }

    13% {
        transform: rotate(26deg);
    }

    15% {
        transform: rotate(-24deg);
    }

    17% {
        transform: rotate(22deg);
    }

    19% {
        transform: rotate(-20deg);
    }

    21% {
        transform: rotate(18deg);
    }

    23% {
        transform: rotate(-16deg);
    }

    25% {
        transform: rotate(14deg);
    }

    27% {
        transform: rotate(-12deg);
    }

    29% {
        transform: rotate(10deg);
    }

    31% {
        transform: rotate(-8deg);
    }

    33% {
        transform: rotate(6deg);
    }

    35% {
        transform: rotate(-4deg);
    }

    37% {
        transform: rotate(2deg);
    }

    39% {
        transform: rotate(-1deg);
    }

    41% {
        transform: rotate(1deg);
    }

    43% {
        transform: rotate(0);
    }

    100% {
        transform: rotate(0);
    }
}

/* banner  realestate main home start  */


/* message box for header  */

.massage-alert-box {
    border: 1px solid #EBEBEB;
    border-radius: 9px;
    min-width: 364px;
    overflow: hidden;
    margin-bottom: 80px;
}

.massage-alert-box-title {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 14px 13px 6px 16px;
    color: #fff0;
    background-color: #F6F6F6;
}

.massage-alert-box-title h2 {
    font-size: 16px;
    font-family: 'inter';
    font-weight: 500;
    color: #000000;
    margin: 0px;
}

.massage-alert-box-title button {
    color: #47B0FC;
    border: none;
    background: none;
    font-size: 12px;
    font-family: 'inter';
    font-weight: 500;
}

.massage-alert-user-data {
    border-top: 1px solid #EBEBEB;
    padding: 11px 20px 12px 12px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.massage-alert-user-data h3 {
    margin: 0px;
    color: #000000;
    font-family: 'inter';
    font-size: 14px;
    font-weight: 500;
}

.massage-alert-user-data h3:hover {
    color: var(--primary-color);
}

.massage-alert-user-data p {
    margin: 0;
    font-size: 14px;
    font-weight: 400;
    font-family: 'inter';
    color: #7F7F7F;
}

.notification-alert-box-title button::after {
    display: none;
}

.massage-alert-data-link {
    border-top: 1px solid #EBEBEB;
    min-width: 364px;
    text-align: center;
    padding: 7px 0px;
    color: #fff0;
    background-color: #F3F7FF;
}

.massage-alert-data-link a {
    text-decoration: none;
    color: #47B0FC;
    font-size: 12px;
    font-family: 'inter';
    font-weight: 600;
}

.notification-alert-box {
    border: 1px solid #EBEBEB;
    border-radius: 9px;
    overflow: hidden;
    min-width: 364px;
}

.notification-alert-box-title {
    display: flex;
    padding: 9px;
    justify-content: space-between;
    align-items: center;
    padding: 14px 13px 6px 16px;
    color: #fff0;
    background-color: #F6F6F6;
}

.realetate-notification-bell.success {
    width: 13px;
    height: 13px;
    background: #08C552;
    border-radius: 50%;
}

.realetate-notification-bell.danger {
    width: 13px;
    height: 13px;
    background: red;
    border-radius: 50%;
}

.notification-alert-box-title h2 {
    font-size: 16px;
    font-family: 'inter';
    font-weight: 500;
    color: #000000;
    margin: 0px;
}

.notification-alert-box-title h2:hover {
    color: var(--primary-color);
}

.notification-alert-box-title button {
    color: var(--primary-color) !important;
    border: none;
    background: none;
    font-size: 12px;
    font-family: 'inter';
    font-weight: 500;
}

.notification-alert-user-data {
    border-top: 1px solid #EBEBEB;
    display: flex;
    align-items: center;
    padding: 12px;
    gap: 12px;
}

.notification-alert-user-data h3 {
    margin: 0px;
    font-family: Inter;
    font-size: 14px;
    font-weight: 700;
    line-height: 16px;
    transition: var(--transition);
    color: #000000;
}

.massage-alert-user-text {
    width: calc(100% - 30px);
}

.notification-alert-user-data h3:hover {
    color: var(--primary-color);
}

.notification-alert-user-data p {
    margin: 0;
    font-family: Inter;
    font-size: 14px;
    font-weight: 400;
    line-height: 16.94px;
    color: #7F7F7F;
}

.notification-alert-data-link {
    border-top: 1px solid #EBEBEB;
    min-width: 364px;
    text-align: center;
    padding: 7px 0px;
    color: #fff0;
    background-color: #F3F7FF;
}

.notification-alert-data-link a {
    text-decoration: none;
    color: var(--primary-color);
    font-size: 12px;
    font-family: 'inter';
    font-weight: 600;
}

.bell-icon,
.message-icon {
    position: relative;
}

.realestate-popuop-notification {
    position: absolute;
    opacity: 0;
    background-color: #fff;
    transition: 0.2s;
    left: -182px;
    visibility: hidden;
    transform: scale(0.8) translate(0px, -32px);
}

.realestate-popuop-notification.active {
    transform: scale(1) translate(0, 0);
    opacity: 1;
    visibility: visible;
}

.massage-alert-user-data img {
    width: 35px;
    height: 35px;
    border-radius: 50%;
    object-fit: cover;
}

.massage-alert-user-data img:last-child {
    width: 47px;
    height: 35px;
    border-radius: 2px;
}


.realestate-navigation-nav-menus .sub-menu::after {
    display: none !important;
}



/* Extra css  */
.rel-classic-blog-post-img a {
    width: 100%;
}

.classic2-home-explore-communities ul.slick-dots {
    display: none !important;
}

.realestate-main-profile .realestate-profile-content img {
    width: 80px;
    height: 80px;
    border-radius: 50%;
    overflow: hidden;
    object-fit: cover;
}

.offcanvas.show {
    transform: none;
    z-index: 999999999;
}



 
.realestate-single-user-listings-loop {
    display: flex;
    position: relative;
    border-bottom: 1px solid #EFEFEF;
    border-radius: 8px;
}

.realestate-single-page-banner img {
    height: 409px;
    object-fit: cover;
    width: 100%;
}

.realestate-parks .parks-thumb img {
    width: 360px;
    height: 220px;
    border: 1px solid #DBDBDB;
    object-fit: cover;
}

.realestate-single-user-listings-loop {
    display: flex;
    position: relative;
    border: 1px solid #EFEFEF;
    border-radius: 8px;
}

.realestate-partnert-logos-list img {
    width: fit-content;
    max-height: 130px;
    object-fit: cover;
}

.popular-properties .popular-properties-images img { 
    width: 800px;
    border-radius: 15px;
    border: 13px solid #fff;
    object-fit: cover;
}

.image-help-to-sell {
    width: 60px;
    height: 60px;
}

.image-help-to-sell img {
    object-fit: cover;
    width: 100%;
    height: 100%;
    border-radius: 50%;
}

.help-to-sell-two .style3 {
    max-width: 358px;
    max-height: 429px;
}

.about-experience-image {
    max-height: 635px;
    margin-left: -81px;
}

.about-experience-image img {
    object-fit: cover;
    width: 100%;
    height: 100%;
}

/* //home-4 */
.eoww-ar {
    height: 66px;
}

.realestate-main-thumbnail-style2 {
    width: 536px;
    height: 579px;
}

.realestate-main-thumbnail-style2 img {
    object-fit: cover;
    width: 100%;
    height: 100%;
}

/* // hiome 9 */
.find-your-dream-bg {
    max-width: 1620px;
    height: 497px;
    margin: auto;
}

.find-your-dream-bg img {
    object-fit: cover;
    width: 100%;
    height: 100%;
}

/* //home-5 */
.real-estate-main-container-style3-thumbnail img {
    position: absolute;
    object-fit: cover;
    width: 100%;
    height: 596px;
    border-radius: 15px;
}

/* // home-6     apartment plan check */
 

.img-fluid {
    max-width: 100%;
    object-fit: contain;
    height: 100%;
}

 

.modern-living-content .image {
    width: 591px;
    margin-left: -62px;
    margin-top: 7px;
    height: auto;
}

.partners-logo img {
    width: fit-content;
    max-height: 60px;
    object-fit: cover;
}

.home11-explore-slider-pic-icon a {
    width: 100%;
    max-height: 343px;
}

.realestate-login-modal.realestate-login-page .realestate-login-form-image {
    position: absolute;
    z-index: 9;
}

.fancybox__container {
    z-index: 99999999999999;
}

.slick-arrow {
    cursor: pointer;
}

.slick-arrow.slick-disabled {
    pointer-events: none;
}