: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: 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: #0700263b;
    z-index: 111111111;
}

.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: 30px 20px;
}

    .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: 14px;
            font-family: 'Inter';
            padding-bottom: 10px;
            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: 15px;
    position: relative;
}

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

   .realestate-user-logins .realestate-user-logins-group input {
        border: 1px solid #05468a78;
        width: 100%;
        background-color: #F8F9FC;
        border-radius: 4px;
        height: 40px;
        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);
}

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

.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;
    margin-top: 10px;
    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: 9px;
    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: var(--primary-color-700);
    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;
    }