@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Ubuntu:ital,wght@0,300;0,400;0,500;0,700;1,300;1,400;1,500;1,700&display=swap');
@import url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css');

/*****waves-effect******/
.waves-effect {
    position: relative;
    cursor: pointer;
    display: inline-block;
    overflow: hidden;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-tap-highlight-color: transparent;
}

.waves-effect .waves-ripple {
    position: absolute;
    border-radius: 50%;
    width: 100px;
    height: 100px;
    margin-top: -50px;
    margin-left: -50px;
    opacity: 0;
    background: rgba(0, 0, 0, .2);
    background: radial-gradient(rgba(0, 0, 0, .2) 0, rgba(0, 0, 0, .3) 40%, rgba(0, 0, 0, .4) 50%, rgba(0, 0, 0, .5) 60%, rgba(255, 255, 255, 0) 70%);
    -webkit-transition: all .5s ease-out;
    transition: all .5s ease-out;
    -webkit-transition-property: -webkit-transform, opacity;
    -webkit-transition-property: opacity, -webkit-transform;
    transition-property: opacity, -webkit-transform;
    transition-property: transform, opacity;
    transition-property: transform, opacity, -webkit-transform;
    -webkit-transform: scale(0) translate(0, 0);
    transform: scale(0) translate(0, 0);
    pointer-events: none
}

body {
    font-family: 'Inter', sans-serif !important;
}

#page-topbar {
    width: 100%;
    position: fixed;
    top: 0;
    right: 0;
    z-index: 1002;
    background-color: #fff;
    -webkit-box-shadow: 0 2px 4px rgba(15, 34, 58, .12);
    box-shadow: 0 2px 4px rgba(15, 34, 58, .12);
}

.navbar-header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    -webkit-box-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 0 auto;
    height: 52px;
}


.navbar-brand-box {
    padding: 0 1.5rem;
    width: 190px;
    z-index: 1;
    display: flex !important;
    align-items: center;
}

.navbar-brand-box .logo {
    display: flex;
}

.navbar-brand-box .logo img {
    width: 140px;
    height: auto;
}

.navbar-brand-box .m-logo {
    display: none;
}

.header-item {
    height: 52px;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    color: #555b6d;
    border: 0;
    border-radius: 0;
}

.m-hambergur-menu {
    display: none;
}

.form-select {
    border-radius: 8px;
    border: 1px solid #e7e9eb;
    color: #344054;
    font-size: 14px;
    padding-top: 5.5px;
    padding-bottom: 5.5px;
    background: url(../../images/header-chevron.png) no-repeat;
    background-position: right 0.75rem center;
}

.top-select .form-select {
    font-size: 13px;
    color: #788385;
    font-weight: 400;
    border: 0;
}

.top-select .form-select:focus {
    box-shadow: none;
}

.top-select ul {
    width: 248px !important;
    height: 382px;
    border-radius: 10px !important;
    filter: drop-shadow(0px 3px 3px #c3c8c8);
    background-color: #ffffff !important;
    left: 0 !important;
    margin-top: 10px !important;
    overflow-y: auto !important;
    padding: 10px 29px 10px 10px !important;
}

.top-select ul li {
    font-size: 13px !important;
    color: #5d6573 !important;
    font-weight: 400 !important;
    padding: 7px 5px !important;
    border-bottom: 1px solid #f0f1f2;
    position: relative;
}

.top-select ul li:last-child {
    border-bottom: 0;
}

.top-select ul li:hover,
.top-select ul li.focus,
.top-select ul li.selected.focus {
    background-color: transparent !important;
    color: #5b6ff2 !important;
}

.top-select ul li:hover::after {
    font-family: 'FontAwesome';
    content: "\f105";
    right: 0;
    color: #5b6ff2;
    position: absolute;
}

.top-select ul::-webkit-scrollbar {
    width: 10px;
    background-color: #dedee1;
    border-radius: 10px;
}

.top-select ul::-webkit-scrollbar-track {
    background-color: #F5F5F5;
    border-radius: 10px;
}

.top-select ul::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background-color: #dedee1;
}

.top-links {
    width: auto;
    margin-right: 10px;
}

.top-links a {
    font-size: 13px;
    color: #788385;
    font-weight: 400;
    border: 0;
    /* padding-right: 0.7rem; */
    display: inline-block;
    padding: 0.47rem 0.25rem;
    margin-left: 15px;
}

.top-links a:hover {
    color: #7d8df2;
}

.more-ser-dt {
    display: block;
}

.more-ser-dev {
    display: none;

}


#dropdownMenuButton {
    font-size: 13px;
    color: #788385;
    font-weight: 400;
    border: 0;
    background: url(../../images/header-chevron.png) no-repeat;
    background-position: right 0.75rem center;
    padding-right: 1.75rem;
}

#dropdownMenuButton:hover,
#dropdownMenuButton.show {
    color: #7d8df2;
}

.navbar-header .dropdown-menu {
    margin-top: 8px !important;
    width: 270px;
    /* height: 513px; */
    max-height: 513px;
    border-radius: 10px;
    filter: drop-shadow(0px 3px 3px #c3c8c8);
    background-color: #ffffff;
    padding: 5px 0;
}

#dropdownMenuButton:focus {
    box-shadow: none;
}

.navbar-header .services-dropdown .dropdown-item {
    font-size: 13px;
    color: #5d6573;
    font-weight: 400;
    display: flex;
    align-items: center;
    padding: 7.5px 20px;
    border-bottom: 1px solid #f0f1f2;
}

.navbar-header .services-dropdown .dropdown-item:hover {
    background-color: transparent;
    color: #5b6ff2;
}

.navbar-header .services-dropdown .dropdown-item .icon {
    width: 26px;
    height: 26px;
    background-color: #dedee1;
    margin-right: 15px;
}

.navbar-header .services-dropdown li:last-child .dropdown-item {
    border-bottom: 0;
}

.list-your-property-padding {
    padding: 0 12px;
}

.list-your-property-btn {
    width: 122px;
    height: 30px;
    border-radius: 15px;
    background-color: #5b6ff2;
    font-size: 12px;
    color: #ffffff;
    font-weight: 500;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
}

.list-your-property-btn span {
    margin: 0 2px;
}

.list-your-property-btn:hover {
    color: #fff;
    background-color: #495ac8;
}

.header-profile-user {
    height: 35px !important;
    width: 35px !important;
    background-color: #f6f6f6;
    padding: 3px;
    margin-right: -2px;
}

.rounded-circle {
    border-radius: 50% !important;
}

.form-control {
    border-radius: 8px !important;
    border: 1px solid #e7e9eb !important;
    color: #344054;
    padding-top: 5.5px;
    padding-bottom: 5.5px;
    font-size: 14px;
}

.form-check,
.form-check-input,
.form-check-label {
    cursor: pointer;
    margin-bottom: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.form-check {
    position: relative;
    text-align: left
}

.form-check-input {
    width: 20px;
    height: 20px;
    border-radius: 6px !important;
}

.form-check-input:checked {
    background-color: #f9f5ff !important;
    border-color: #7f56d9;
}

.form-check-input:checked[type=checkbox] {
    background: url(../../images/check.png) no-repeat center center;
    background-size: 70%;
}

.hambergur-menu {
    width: 360px;
    background-color: #e7e7ff;
    position: fixed;
    right: -100%;
    top: 52px;
    height: calc(100% - 52px);
    overflow-y: auto;
    transition: all 0.3s;
    z-index: 9999;
}

.hambergur-menu.active {
    right: 0;
}

/* width */
.hambergur-menu::-webkit-scrollbar {
    width: 6px;
}

/* Track */
.hambergur-menu::-webkit-scrollbar-track {
    background: #f9fafb;
    border-radius: 5px;
}

/* Handle */
.hambergur-menu::-webkit-scrollbar-thumb {
    background: #9680d5;
    border-radius: 5px;
}

/* Handle on hover */
.hambergur-menu ::-webkit-scrollbar-thumb:hover {
    background: #9680d5;
}

.hambergur-menu .login-reg {
    background-color: #e7e7ff;
    height: 50px;
    padding: 13px 30px;
}

.hambergur-menu .login-reg ul li a:first-child {
    margin-left: 0;
    position: relative;
}

.hambergur-menu .login-reg ul li:first-child a::after {
    content: '/';
    position: absolute;
    right: -13px;
}

.hambergur-menu .login-reg ul li {
    margin: 0 10px;
}

.hambergur-menu .login-reg ul li a {
    font-size: 16px;
    color: #5d6573;
    font-weight: 400;
}

.hambergur-menu .login-reg ul li a:hover {
    color: #7f56d9;
}

.hambergur-menu .list-your-property {
    padding: 9px 30px;
    border-bottom: 1px solid #f5f6f7;
    background-color: #5b6ff2;
}

.hambergur-menu .list-your-property a {
    position: relative;
}

.hambergur-menu .list-your-property a::after {
    content: url(../../images/arrow-white.png);
    position: absolute;
    right: 0;
    top: 50%;
    transform: translatey(-50%);
}

.hambergur-menu .list-your-property .title {
    font-size: 16px;
    color: #ffffff;
    font-weight: 500;
}

.hambergur-menu .list-your-property p {
    font-size: 12px;
    color: #ffffff;
    font-weight: 400;
    margin-bottom: 0;
}

.hambergur-menu .explore-our-services {
    border-bottom: 1px solid #f5f6f7;
}

.hambergur-menu .explore-our-services .title {
    font-size: 16px;
    color: #5d6573;
    font-weight: 400;
}

.hambergur-menu .explore-our-services ul li:first-child a {
    border-top: 0;
}

.hambergur-menu .explore-our-services ul li a {
    font-size: 14px;
    line-height: 28px;
    color: #666666;
    font-weight: 400;
    padding: 8px 30px;
    display: block;
    border-top: 1px solid #f3f5f5;
    position: relative;
    background-color: #fff;
}

.hambergur-menu .explore-our-services ul li a::after {
    content: url('../../images/blue-arrow.png');
    position: absolute;
    right: 30px;
    top: 50%;
    transform: translateY(-50%);
}

.hambergur-menu .explore-our-services ul li a:hover {
    color: #5b6ff2;
    background-color: #e7e7ff;
}

.hambergur-menu .connect-with-us {
    padding: 15px 30px;
    position: relative;
}

.hambergur-menu .connect-with-us::after {
    content: '';
    height: 1px;
    background-color: #d0d0db;
    position: absolute;
    width: 300px;
    bottom: 0;
}

.hambergur-menu .connect-with-us ul {
    margin: 8px 0 8px !important;
}

.hambergur-menu .connect-with-us ul li {
    margin: 0 5px;
}

.hambergur-menu .connect-with-us ul li:first-child {
    margin-left: 0;
}

.hambergur-menu .connect-with-us ul li a {
    font-size: 13px;
    line-height: 25px;
    color: #646767;
    font-weight: 400;
}

.hambergur-menu .connect-with-us ul li a:hover {
    color: #5b6ff2;
}

.hambergur-menu .connect-with-us .title {
    font-size: 16px;
    color: #5d6573;
    font-weight: 400;
}

.hambergur-menu .connect-with-us ul li a img {
    /* height: 23px; */
    width: auto;
}

.hambergur-menu .privacy {
    padding: 15px 30px;
    background-color: #e7e7ff;
}

.hambergur-menu .privacy ul li {
    margin: 0 5px;
}

.hambergur-menu .privacy ul li:first-child {
    margin-left: 0;
}

.hambergur-menu .privacy ul li a {
    font-size: 13px;
    line-height: 25px;
    color: #646767;
    font-weight: 400;
}

.hambergur-menu .privacy ul li a:hover {
    color: #5b6ff2;
}

.hambergur-menu .privacy p {
    font-size: 12px;
    line-height: 25px;
    color: #919ea0;
    font-weight: 400;
    margin-bottom: 0;
}

#close-hambergur {
    position: absolute;
    top: 13px;
    right: 18px;
    width: 15px;
    height: auto;
}

#close-hambergur img {
    width: 100%;
}

.m-hambergur-menu {
    display: none;
}

.vertical-menu {
    width: 250px;
    /* z-index: 9999; */
    z-index: 9;
    background: #fff;
    bottom: 0;
    margin-top: 0;
    position: fixed;
    top: 75px;
    -webkit-box-shadow: 0 2px 4px rgba(15, 34, 58, .12);
    box-shadow: 0 2px 4px rgba(15, 34, 58, .12);
    border-radius: 12px;
}


[data-simplebar] {
    position: relative;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-line-pack: start;
    align-content: flex-start;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

.simplebar-wrapper {
    overflow: hidden;
    width: inherit;
    height: inherit;
    max-width: inherit;
    max-height: inherit
}

.simplebar-mask {
    direction: inherit;
    position: absolute;
    overflow: hidden;
    padding: 0;
    margin: 0;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    width: auto !important;
    height: auto !important;
    z-index: 0
}

.simplebar-offset {
    direction: inherit !important;
    -webkit-box-sizing: inherit !important;
    box-sizing: inherit !important;
    resize: none !important;
    position: absolute;
    top: 0;
    left: 0 !important;
    bottom: 0;
    right: 0 !important;
    padding: 0;
    margin: 0;
    -webkit-overflow-scrolling: touch
}

.simplebar-content-wrapper {
    direction: inherit;
    -webkit-box-sizing: border-box !important;
    box-sizing: border-box !important;
    position: relative;
    display: block;
    height: 100%;
    width: auto;
    visibility: visible;
    overflow: auto;
    max-width: 100%;
    max-height: 100%;
    scrollbar-width: none;
    padding: 0 !important
}

.simplebar-content-wrapper::-webkit-scrollbar,
.simplebar-hide-scrollbar::-webkit-scrollbar {
    display: none
}

.simplebar-content:after,
.simplebar-content:before {
    content: ' ';
    display: table
}

.simplebar-placeholder {
    max-height: 100%;
    max-width: 100%;
    width: 100%;
    pointer-events: none
}

.simplebar-height-auto-observer-wrapper {
    -webkit-box-sizing: inherit !important;
    box-sizing: inherit !important;
    height: 100%;
    width: 100%;
    max-width: 1px;
    position: relative;
    float: left;
    max-height: 1px;
    overflow: hidden;
    z-index: -1;
    padding: 0;
    margin: 0;
    pointer-events: none;
    -webkit-box-flex: inherit;
    -ms-flex-positive: inherit;
    flex-grow: inherit;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -ms-flex-preferred-size: 0;
    flex-basis: 0
}

.simplebar-height-auto-observer {
    -webkit-box-sizing: inherit;
    box-sizing: inherit;
    display: block;
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    height: 1000%;
    width: 1000%;
    min-height: 1px;
    min-width: 1px;
    overflow: hidden;
    pointer-events: none;
    z-index: -1
}

.simplebar-track {
    z-index: 1;
    position: absolute;
    right: 0;
    bottom: 0;
    pointer-events: none;
    overflow: hidden
}

[data-simplebar].simplebar-dragging .simplebar-content {
    pointer-events: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-user-select: none
}

[data-simplebar].simplebar-dragging .simplebar-track {
    pointer-events: all
}

.simplebar-scrollbar {
    position: absolute;
    right: 2px;
    width: 6px;
    min-height: 10px
}

.simplebar-scrollbar:before {
    position: absolute;
    content: '';
    background: #a2adb7;
    border-radius: 7px;
    left: 0;
    right: 0;
    opacity: 0;
    -webkit-transition: opacity .2s linear;
    transition: opacity .2s linear
}

.simplebar-scrollbar.simplebar-visible:before {
    opacity: .5;
    -webkit-transition: opacity 0s linear;
    transition: opacity 0s linear
}

.simplebar-track.simplebar-vertical {
    top: 0;
    width: 11px
}

.simplebar-track.simplebar-vertical .simplebar-scrollbar:before {
    top: 2px;
    bottom: 2px
}

.simplebar-track.simplebar-horizontal {
    left: 0;
    height: 11px
}

.simplebar-track.simplebar-horizontal .simplebar-scrollbar:before {
    height: 100%;
    left: 2px;
    right: 2px
}

.simplebar-track.simplebar-horizontal .simplebar-scrollbar {
    right: auto;
    left: 0;
    top: 2px;
    height: 7px;
    min-height: 0;
    min-width: 10px;
    width: auto
}

[data-simplebar-direction=rtl] .simplebar-track.simplebar-vertical {
    right: auto;
    left: 0
}

.hs-dummy-scrollbar-size {
    direction: rtl;
    position: fixed;
    opacity: 0;
    visibility: hidden;
    height: 500px;
    width: 500px;
    overflow-y: hidden;
    overflow-x: scroll
}

.simplebar-hide-scrollbar {
    position: fixed;
    left: 0;
    visibility: hidden;
    overflow-y: scroll;
    scrollbar-width: none
}

.custom-scroll {
    height: 100%
}

.user-vertical-menu {
    border-radius: 0;
    right: -100%;
    top: 52px;
    transition: all 0.3s;
}

.user-vertical-menu.active {
    right: 0;
}

.user-vertical-menu .metismenu li:first-child a {
    border-radius: 0 !important;
}

.vertical-menu .login-reg {
    background-color: #fff;
    height: 60px;
    padding: 20px 30px;
}

.vertical-menu .login-reg ul li:first-child {
    margin-left: 0;
    position: relative;
}

.vertical-menu .login-reg ul li {
    margin: 0 10px;
}

.vertical-menu .login-reg ul li a {
    font-size: 16px;
    color: #5d6573;
    font-weight: 400;
}

/* .vertical-menu .login-reg ul li:first-child::after {
    content: '/';
    position: absolute;
    right: -13px;
    color: #5d6573;
} */

.vertical-menu .login-reg ul li a:hover {
    color: #7f56d9;
}

#sidebar-menu {
    padding: 0px 0 0 0;
}

.metismenu {
    margin: 0;
}

.metismenu li {
    display: block;
    width: 100%
}

.metismenu .mm-collapse {
    display: none
}

.metismenu .mm-collapse:not(.mm-show) {
    display: none
}

.metismenu .mm-collapse.mm-show {
    display: block
}

.metismenu .mm-collapsing {
    position: relative;
    height: 0;
    overflow: hidden;
    -webkit-transition-timing-function: ease;
    transition-timing-function: ease;
    -webkit-transition-duration: .35s;
    transition-duration: .35s;
    -webkit-transition-property: height, visibility;
    transition-property: height, visibility
}

.metismenu li:last-child a {
    height: auto !important;
    color: #808899 !important;
}

.sidebar-menu-scroll {
    height: 100%
}

#sidebar-menu .has-arrow:after {
    content: "" !important;
    display: block;
    background: url(../../images/arrow-right.png) no-repeat;
    width: 8px;
    height: 14px;
    top: 15px;
    position: absolute;
    right: -20px;
}

#sidebar-menu .has-arrow:hover:after {
    background: url(../../images/arrow-right-hover.png) no-repeat;
}

#sidebar-menu .mm-active>.has-arrow:after {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    background: url(../../images/arrow-right-hover.png) no-repeat;
}

#sidebar-menu .has-arrow:after {
    content: "\F0142";
    font-family: 'Material Design Icons';
    display: block;
    float: right;
    -webkit-transition: -webkit-transform .2s;
    transition: -webkit-transform .2s;
    transition: transform .2s;
    transition: transform .2s, -webkit-transform .2s;
    font-size: 1.4rem;
    position: absolute;
    right: 20px;
}

#sidebar-menu ul li a {
    display: block;
    padding: .6rem 1.1rem;
    color: #5d6573;
    position: relative;
    font-size: 14px;
    font-weight: 500;
    -webkit-transition: all .4s;
    transition: all .4s;
    margin: 0;
    border-radius: 0;
    border-bottom: 1px solid #f1f3f5;
    height: 44px;
    display: flex;
    align-items: center;
}

#sidebar-menu ul li a .badge {
    font-size: 14px;
    position: absolute;
    right: 90px;
    font-weight: 500;
    margin-top: 2px !important;
    background-color: #7f56d9 !important;
}

#sidebar-menu ul li a img {
    width: 22px;
    height: auto;
    margin-right: 10px;
}

#sidebar-menu ul li a:hover {
    color: #7f56d9;
    background-color: #e7e7ff;
}


#sidebar-menu ul li ul.sub-menu {
    padding: 0
}

#sidebar-menu ul li ul.sub-menu li a {
    padding: .4rem 1.5rem .4rem 3rem;
    font-weight: 500;
    color: #5d6573;
    margin: 0;
    background-color: transparent;
    font-size: 14px;
    height: 44px !important;
}

#sidebar-menu ul li ul.sub-menu li a img {
    width: 10px;
    height: 10px;
}

#sidebar-menu ul li ul.sub-menu li a .badge {
    font-size: 14px;
    position: absolute;
    right: -40px;
    font-weight: 500;
    margin-top: 2px !important;
    background-color: #7f56d9 !important;
}

#sidebar-menu ul li ul.sub-menu li a:hover {
    color: #7f56d9
}

.mm-active>a {
    background-color: #e7e7ff;
    color: #7f56d9 !important;
}

.forgot-password-message {
    display: none;
    width: 350px;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    margin: 0 auto;
    padding: 25px;
    background-color: #ffffff;
    height: 475px;
    -webkit-box-shadow: 0 2px 4px rgba(15, 34, 58, .12);
    box-shadow: 0 2px 4px rgba(15, 34, 58, .12);
    z-index: 99999;
}

.forgot-password-message p {
    font-size: 15px;
    color: #999999;
    font-weight: 400;
}

.forgot-password-message img {
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
}

.close-forgot-password {
    position: absolute;
    top: 20px;
    right: 20px;
    width: 20px;
    height: 20px;
}

.close-forgot-password img {
    width: 100%;
}

.forgot-password {
    display: none;
    width: 350px;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    margin: 0 auto;
    padding: 25px;
    background-color: #ffffff;
    height: 475px;
    -webkit-box-shadow: 0 2px 4px rgba(15, 34, 58, .12);
    box-shadow: 0 2px 4px rgba(15, 34, 58, .12);
    z-index: 99999;
}

.forgot-password p {
    font-size: 15px;
    color: #666666;
    font-weight: 300;
    margin-right: 30px;
    margin-bottom: 0
}

.forgot-password button {
    width: 100%;
    height: 50px;
    border-radius: 8px;
    background-color: #5b6ff2;
    font-size: 16px;
    color: #ffffff;
    font-weight: 600;
}

.forgot-password button:hover {
    color: #ffffff;
    background-color: #495ac8;
}

.forgot-password .line {
    height: 2px;
    background-color: #9680d5;
    width: 100%;
    margin: 15px 0;
}

.forgot-password .custom-field {
    position: relative;
    width: 100%;
}

.forgot-password .form-control {
    height: 50px;
    font-size: 15px;
    color: #999999;
    font-weight: 400;
    padding-top: 18px;
    position: relative;
}

.forgot-password .custom-field .text-placeholder {
    position: absolute;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    line-height: 100%;
    transition: top 0.3s ease, color 0.3s ease, font-size 0.3s ease;
    left: 12px;
    color: #c8cdd1;
    font-weight: 400;
    bottom: 17px;
}

.forgot-password .form-control:focus+span {
    font-size: 11px;
    color: #cccccc;
    font-weight: 300;
    bottom: 32px;
}

.forgot-password .form-control:valid+span {
    font-size: 11px;
    color: #cccccc;
    font-weight: 300;
    bottom: 32px;

}

.forgot-password img {
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
}

.login-register {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    margin: 0 auto;
    -webkit-box-shadow: 0 2px 4px rgba(15, 34, 58, .12);
    box-shadow: 0 2px 4px rgba(15, 34, 58, .12);
    display: flex;
    display: none;
    z-index: 99999;
}

.login-register.open {
    display: flex;
}



.login-register .box {
    height: 100%;
    padding: 15px 25px;
    background-color: #ffffff;
    width: 350px;
    /* height: 475px; */
    height: 515px;
    position: relative;
}

.login-register .box .tab {
    display: flex;
}

.login-register .box .tab .tab-btn {
    flex-grow: 1;
    outline: none;
    border: none;
    cursor: pointer;
    transition: .2s;
    font-size: 16px;
    color: #666666;
    font-weight: 400;
    background-color: transparent;
    padding-bottom: 10px;
}

.login-register .box .tab .tab-btn.active {
    border-bottom: 2px solid #9680d5;
    color: #9680d5;
    font-weight: 600;
}

.login-register .box .form-controler {
    padding: 20px 0;
}

.login-register .box .form-controler .custom-field {
    width: 100%;
    position: relative;
    margin-bottom: 2px;
}

.login-register .box .form-controler .form-control {
    height: 50px;
    font-size: 15px;
    color: #999999;
    font-weight: 400;
    padding-top: 18px;
    position: relative;
}

.login-register .box .form-controler .custom-field .text-placeholder {
    position: absolute;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    line-height: 100%;
    transition: top 0.3s ease, color 0.3s ease, font-size 0.3s ease;
    left: 12px;
    color: #c8cdd1;
    font-weight: 400;
    bottom: 17px;
}

.login-register .box .form-controler .form-control:focus+span {
    font-size: 11px;
    color: #cccccc;
    font-weight: 300;
    bottom: 32px;
}

.login-register .box .form-controler .form-control:valid+span {
    font-size: 11px;
    color: #cccccc;
    font-weight: 300;
    bottom: 32px;
}

.login-register .box .form-controler #login-btn {
    width: 100%;
    height: 50px;
    border-radius: 8px;
    background-color: #5b6ff2;
    font-size: 16px;
    color: #ffffff;
    font-weight: 600;
}

.login-register .box .form-controler #login-btn:hover {
    background-color: #495ac8;
}

.login-register .box .form-controler .forget-password-link {
    font-size: 12px;
    color: #3333cc;
    font-weight: 300;
    display: table;
    margin: 0 auto;
}

.login-register .box .form-controler img {
    width: 100%;
    position: absolute;
    left: 0;
    bottom: 0;
}

.login-register .box #register {
    display: none
}

.login-register .box .form-controler .agree {
    display: flex;
    align-items: start;
}

.login-register .box .form-controler .agree label {
    font-size: 12px;
    color: #999999;
    font-weight: 300;
    margin-left: 5px;
    line-height: normal;
}

.login-register .box .form-controler p {
    font-size: 11px;
    color: #666666;
    font-weight: 300;
}

.login-register .box .input-eye {
    height: 100%;
    position: absolute;
    right: 12px;
    top: 0;
    display: flex;
    align-items: center;
    color: #999999;
    font-size: 17px;
}

.login-register .code-phonenum {
    display: flex;
    justify-content: space-between;
}

.login-register .code-phonenum .country-code {
    width: 35%;
    margin-right: 5px;
}

.login-register .code-phonenum .country-code .select {
    height: 50px;
    display: flex;
    align-items: center;
    color: #999999;
    font-weight: 400;
}

.login-register .reg-box {
    margin: 0 auto;
    padding: 15px 25px;
    background-color: #9680d5;
    width: 350px;
    /* height: 475px; */
    height: 515px;
    -webkit-box-shadow: 0 2px 4px rgba(15, 34, 58, .12);
    box-shadow: 0 2px 4px rgba(15, 34, 58, .12);
    position: relative;
    display: none;
}

.login-register .reg-box h3 {
    font-size: 24px;
    letter-spacing: 0px;
    color: #ffffff;
    font-weight: 500;
}

.login-register .reg-box p {
    font-size: 14px;
    color: #ffffff;
    font-weight: 600;
}

.login-register .reg-box ul li {
    font-size: 13px;
    letter-spacing: 0px;
    color: #ffffff;
    font-weight: 400;
    margin-bottom: 10px;
}

.login-register .reg-box ul li img {
    position: static;
    width: auto;
}

.login-register .reg-box img {
    left: 0;
    bottom: 0;
    width: 100%;
    position: absolute;
}

.login-register .close-login-register {
    position: absolute;
    top: 15px;
    right: 15px;
    width: 20px;
    height: 20px;
}

.login-register .close-login-register img {
    width: 100%;
}

body.Overlay {
    overflow-y: hidden;
}

body.Overlay::after {
    position: fixed;
    content: "";
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: rgba(0, 0, 0, 0.5);
    z-index: 9999;
}

.listing-details .container {
    /* max-width: 1060px; */
    max-width: 1130px;
}

.listing-details .listing-details-top {
    background-color: #fcfcfc;
    padding-top: 60px;
    padding-bottom: 50px;
}

.listing-details .listing-details-bottom {
    background-color: #f6f8f9;
    margin-top: -5px;
    margin-bottom: 50px;
}

.listing-details .breadcrumb {
    align-items: center;
    margin-bottom: 10px;
}

.listing-details .breadcrumb li a {
    font-size: 12px;
    line-height: 17px;
    color: #333333;
    font-weight: 300;
}

.listing-details .breadcrumb li.active {
    font-size: 12px;
    line-height: 17px;
    color: #333333;
    font-weight: 300;
}

.listing-details .breadcrumb li::before {
    font-size: 15px;
}



.listing-details .details-slider {
    max-width: 590px;
    /* height: 290px; */
    border-radius: 10px;
    overflow: hidden;
}

.listing-details .details-slider .slick-prev,
.listing-details .details-slider .slick-next {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    z-index: 999;
    background: rgba(0, 0, 0, 0.4);
}

.listing-details .details-slider .slick-prev:before {
    content: url(../../images/list-details/slick-prev.png);
    margin-left: 15px;
}

.listing-details .details-slider .slick-next:before {
    content: url(../../images/list-details/slick-next.png);
    margin-right: 15px;
}

.listing-details .details-slider img {
    height: 100%;
    object-fit: cover;
    object-position: center;
    width: 100%;
}

.listing-details .images-thumb {
    margin-left: 10px;
}

.listing-details .images-thumb li {
    margin-bottom: 10px;
}

.listing-details .images-thumb li a {
    width: 125px;
    height: 80px;
    border-radius: 10px;
    background-color: #e7e7ff;
    display: block;
    overflow: hidden;
    position: relative;
}

.listing-details .images-thumb li a img {
    height: 100%;
    object-position: center;
    object-fit: cover;
    width: 100%;
}

.listing-details .images-thumb li a .full-images {
    width: 104px;
    height: 47px;
    border-radius: 8px;
    background: rgba(0, 0, 0, 0.6);
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    padding: 5px;
}

.listing-details .images-thumb li a .full-images img {
    width: 18px;
    height: 16px;
}

.listing-details .images-thumb li a .full-images p {
    font-size: 14px;
    color: #ffffff;
    font-weight: 400;
    margin-bottom: 0;
}

.listing-details .images-thumb li a .full-images span {
    font-size: 10px;
    color: #ffffff;
    font-weight: 400;
    text-align: center;
    display: block;
}

.listing-details .top-left-details {
    margin-left: 45px;
}

.listing-details .top-left-details .title {
    font-size: 20px;
    line-height: 26px;
    color: #666666;
    font-weight: 600;
    margin-bottom: 5px;
}

.listing-details .top-left-details .listing-id {
    font-size: 13px;
    line-height: 24px;
    color: #acb6b7;
    font-weight: 400;
    margin-bottom: 15px;
    font-style: italic;
}

.listing-details .top-left-details .price {
    font-size: 27px;
    line-height: 28px;
    color: #5b6ff2;
    font-weight: 600;
}

.listing-details .top-left-details .Deposit {
    margin-left: 15px;
    font-size: 13px;
    line-height: 24px;
    color: #666666;
    font-weight: 400;
}

.listing-details .top-left-details .Deposit span {
    font-size: 16px;
    line-height: 24px;
    color: #666666;
    font-weight: 600;
}

.listing-details .top-left-details .price-on-request {
    font-size: 26px;
    color: #5b6ff2;
    font-weight: 500;
    display: none;
}

.listing-details .top-left-details .request-call-btn {
    width: 100%;
    height: 50px;
    border-radius: 10px;
    background-color: #15bf76;
    font-size: 14px;
    line-height: 24px;
    color: #ffffff;
    font-weight: 400;
}

.listing-details .top-left-details .loan-btn {
    font-size: 12px;
    color: #5b6ff2;
    font-weight: 400;
    width: 100%;
    height: 50px;
    border-radius: 10px;
    background-color: #faf8ff;
    border: 1px solid #5b6ff2;
    margin-bottom: 10px;
}

.social-share {
    display: flex;
    flex-direction: column;
}

.social-share .share-btn {
    height: 47px;
    width: 47px;
    border-radius: 23px;
    box-shadow: 4px 2px 10px 1px rgba(0, 0, 0, 0.2);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 18px;
    color: #999;
    cursor: pointer;
    position: absolute;
    background: #ebebeb;
    border: 1px solid #0072bc;
    top: 10px;
    left: 10px;
}

.social-share .share-btn .fa-share-alt {
    margin-right: 2px;
}


.social-share .social {
    box-shadow: 4px 2px 10px 1px rgba(0, 0, 0, 0.2);
    position: absolute;
    top: 0;
    right: -130px;
    display: none;
    justify-content: space-between;
    background-color: white;
    width: 125px;
    height: 150px;
    border-radius: 10px;
    background-color: #ebebeb;
    flex-direction: column;
}

.social-share .toggle input[type="checkbox"]:checked+.share-btn .social {
    animation: fadeIn 1s;
    display: flex;
}

.social-share .toggle input[type="checkbox"]:not(:checked)+.share-btn .social {
    animation: fadeOut 1s;
}


.social-share .social a {
    padding: 0 12px;
    font-size: 14px;
    color: #333333;
    font-weight: 500;
    height: 37.5px;
    display: flex;
    align-items: center;
}

.social-share .social a i {
    font-size: 20px;
    margin-right: 7px;
}

.social-share .social a:first-child {
    border-top-right-radius: 10px;
    border-top-left-radius: 10px;
}

.social-share .social a:last-child {
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
}

.social-share .social a:hover {
    background-color: #acacac;
}

.social-share input[type="checkbox"] {
    display: none;
}

#overview {
    /* max-width: 655px; */
    max-width: 725px;
    border-radius: 10px;
    background-color: #ffffff;
    margin-bottom: 15px;
}

#overview .card-title {
    font-size: 14px;
    line-height: 24px;
    color: #5b6ff2;
    font-weight: 600;
    padding: 10px 20px;
    border-bottom: 1px solid #f0f5f8;
    margin-bottom: 0;
}

#overview .card-body {
    padding: 20px;
}

#overview .card-body p {
    font-size: 14px;
    line-height: 24px;
    color: #5a5e7d;
    font-weight: 400;
}

#overview .card-body p:last-child {
    margin-bottom: 0;
}

#property-info {
    /* max-width: 655px; */
    max-width: 725px;
    border-radius: 10px;
    background-color: #ffffff;
    margin-bottom: 15px;
}

#property-info ul {
    padding: 15px 20px;
    border-bottom: 1px solid #f0f5f8;
}

#property-info ul li {
    padding: 0 15px;
    border-right: 1px solid #c9d4d6;
}

#property-info ul li:first-child {
    padding-left: 0;
}

#property-info ul li:last-child {
    border-right: 0;
}

#property-info ul li>div {
    font-size: 14px;
    line-height: 24px;
    color: #1e223c;
    font-weight: 400;
    margin-left: 5px;
}

#property-info ul li>div span {
    font-weight: 600;
    margin-right: 5px;
}

#property-info .card-title {
    font-size: 14px;
    line-height: 24px;
    color: #5b6ff2;
    font-weight: 600;
    padding: 10px 20px;
    border-bottom: 1px solid #f0f5f8;
    margin-bottom: 0;
}

#property-info .card-body {
    padding: 20px 0;
}

#property-info .card-body .Property-item {
    width: 25%;
    padding: 10px;
    border-bottom: 1px solid #eff7f8;
    margin: 0 15px;
}

#property-info .card-body .Property-item:nth-last-child(-n+3) {
    border-bottom: 0;
}

#property-info .card-body .Property-item .list-title {
    font-size: 12px;
    color: #5e6b92;
    font-weight: 300;
}

#property-info .card-body .Property-item .list-name {
    font-size: 14px;
    color: #1e223c;
    font-weight: 600;
}

#amenities {
    /* max-width: 655px; */
    max-width: 725px;
    border-radius: 10px;
    background-color: #ffffff;
    margin-bottom: 15px;
}

#amenities .card-title {
    font-size: 14px;
    line-height: 24px;
    color: #5b6ff2;
    font-weight: 600;
    padding: 10px 20px;
    border-bottom: 1px solid #f0f5f8;
    margin-bottom: 0;
}

#amenities .card-body {
    padding: 10px 20px;
}

#amenities .card-body .amenities-list {
    display: flex;
    flex-wrap: wrap;
}

#amenities .card-body .amenities-list .amenities-item {
    display: flex;
    align-items: center;
    width: 33%;
    padding: 10px;
}

#amenities .card-body .amenities-list .amenities-item img {
    width: 22px;
    height: 22px;
    margin-right: 7px;
}

#amenities .card-body .amenities-list .amenities-item .amenities-title {
    font-size: 13px;
    line-height: 24px;
    color: #2a2d2e;
    font-weight: 400;
}

#map {
    /* max-width: 655px; */
    max-width: 725px;
    border-radius: 10px;
    background-color: #ffffff;
    margin-bottom: 15px;
}

#map .card-title {
    font-size: 14px;
    line-height: 24px;
    color: #5b6ff2;
    font-weight: 600;
    padding: 10px 20px;
    border-bottom: 1px solid #f0f5f8;
    margin-bottom: 0;
}

#map .card-body {
    padding: 0;
}

.signup-right {
    margin-left: 35px;
    max-width: 343px;
    width: 100%;
}

.signup-right.affix {
    position: sticky;
    top: 110px;
    max-width: 343px;
    width: 100%;
    height: 425px;
}

.signup {
    max-width: 343px;
    height: 425px;
    border-radius: 10px;
    filter: drop-shadow(0px -2px 5px rgba(93, 98, 101, 0.09));
    background-color: #ffffff;
    /* border: 1px solid #a5adb1; */
    padding: 20px;
    position: relative;
}

#loanModal .modal-dialog {
    max-width: 343px;
    margin: 0 auto;
}

#loanModal .modal-dialog .close-modal {
    width: 20px;
    height: 20px;
    position: absolute;
    right: 10px;
    top: 10px;
}

#loanModal .modal-dialog .close-modal img {
    width: 100%;
}

#RequestModal .modal-dialog {
    max-width: 343px;
    margin: 0 auto;
}

#RequestModal .modal-dialog .close-modal {
    width: 20px;
    height: 20px;
    position: absolute;
    right: 10px;
    top: 10px;
}

#RequestModal .modal-dialog .close-modal img {
    width: 100%;
}

.signup .form-title {
    font-size: 16px;
    color: #666666;
    font-weight: 600;
    margin-bottom: 20px;
}

.signup .form-title img {
    margin-right: 5px;
}

.signup .custom-field {
    width: 100%;
    position: relative;
    margin-bottom: 2px;
}

.signup .form-control {
    height: 50px;
    font-size: 15px;
    color: #999999;
    font-weight: 400;
    padding-top: 18px;
    position: relative;
}

.signup .text-placeholder {
    position: absolute;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    line-height: 100%;
    transition: top 0.3s ease, color 0.3s ease, font-size 0.3s ease;
    left: 12px;
    color: #c8cdd1;
    font-weight: 400;
    bottom: 17px;
}

.signup .form-control:focus+span {
    font-size: 11px;
    color: #cccccc;
    font-weight: 300;
    bottom: 32px;
}

.signup .form-control:valid+span {
    font-size: 11px;
    color: #cccccc;
    font-weight: 300;
    bottom: 32px;
}

.signup .code-phonenum {
    display: flex;
    justify-content: space-between;
}

.signup .code-phonenum .country-code {
    width: 35%;
    margin-right: 5px;
}

.signup .code-phonenum .country-code .select {
    height: 50px;
    display: flex;
    align-items: center;
    color: #999999;
    font-weight: 400;
}

.signup .code-phonenum .phone-number {
    width: 65%;
}

.signup textarea {
    height: 100px;
    border-radius: 8px;
    background-color: #ffffff;
    border: 1px solid #f1f5f5;
    width: 100%;
    resize: none;
    padding: 15px;
    font-size: 15px;
    color: #999999;
    font-weight: 400;
}

.signup textarea::placeholder {
    font-size: 15px;
    color: #cccccc;
    font-weight: 400;
}

.signup button {
    height: 47px;
    border-radius: 8px;
    background-color: #15bf76;
    width: 100%;
    font-size: 15px;
    color: #ffffff;
    font-weight: 400;
}

.signup button:hover {
    color: #ffffff;
}

.affix-nav-sticky {
    position: relative;
    top: -32px;
}

.affix-nav-sticky.sticky {
    position: sticky;
    top: 52px;
    background-color: #fcfcfc;
    height: 44px;
    -webkit-box-shadow: 0 2px 4px rgba(15, 34, 58, .12);
    box-shadow: 0 2px 4px rgba(15, 34, 58, .12);
    display: flex;
    align-items: center;
    z-index: 1;
}

.affix-nav li {
    margin: 0 15px;
}

.affix-nav li:first-child {
    margin-left: 0;
}

.affix-nav li a {
    font-size: 14px;
    line-height: 24px;
    color: #333333;
    font-weight: 500;
    position: relative;
    padding: 12px 0;
}

.affix-nav li a::before {
    content: "";
    width: 100%;
    height: 2px;
    position: absolute;
    left: 0;
    bottom: -2px;
    background: #176eaa;
    transition: 0.5s transform ease;
    transform: scale3d(0, 1, 1);
    transform-origin: 100% 50%;
}

.affix-nav li a:hover::before {
    transform: scale3d(1, 1, 1);
    transform-origin: 0 50%;
}

.affix-nav li a.active {
    border-bottom: 2px solid #176eaa;
    color: #5b6ff2;
}

.affix-nav li a:hover {
    color: #5b6ff2;
}

.image-gallery {
    position: relative;
    background-color: #ffffff;
    padding-bottom: 70px;
}

.image-gallery .image-gallery-sticky {
    position: fixed;
    top: 0;
    z-index: 9;
    width: 100%;
    background-color: #fff;
}

.image-gallery .image-gallery-details {
    padding-top: 90px;
}

.image-gallery .container {
    max-width: 840px;
    margin: 0 auto;
}

.image-gallery .image-gallery-top {
    font-size: 18px;
    line-height: 26px;
    color: #666666;
    font-weight: 400;
    text-align: center;
    -webkit-box-shadow: 0 2px 4px rgba(15, 34, 58, .12);
    box-shadow: 0 2px 4px rgba(15, 34, 58, .12);
    padding: 12px 0;
    margin-bottom: 10px;
    position: relative;
}

.image-gallery .image-gallery-top .image-gallery-close {
    position: absolute;
    width: 18px;
    height: auto;
    right: 20px;
}

.image-gallery .image-gallery-top .image-gallery-close img {
    width: 100%;
}

.image-gallery .image-gallery-list {
    margin-bottom: 10px;
}

.image-gallery .image-gallery-list li {
    margin: 0 10px;
}

.image-gallery .image-gallery-list li:first-child {
    margin-left: 0;
}

.image-gallery .image-gallery-list li a {
    font-size: 13px;
    color: #999999;
    font-weight: 400;
}

.image-gallery .image-gallery-list li a.active {
    color: #5b6ff2;
}

.image-gallery .image-gallery-list li a:hover {
    color: #5b6ff2;
}

.image-gallery .image-item {
    position: relative;
}

.image-gallery .image-item span {
    position: absolute;
    top: 10px;
    left: 10px;
    font-size: 13px;
    color: #333333;
    font-weight: 400;
    padding: 0 10px;
    height: 20px;
    border-radius: 4px;
    background-color: #ffffff;
    border: 1px solid #0072bc;
    text-align: center;
    display: flex;
    align-items: center;
}

.image-gallery button {
    position: fixed;
    width: 290px;
    height: 47px;
    border-radius: 10px;
    background-color: #15bf76;
    font-size: 15px;
    color: #ffffff;
    font-weight: 500;
    bottom: 0;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
}

.image-gallery button:hover {
    color: #ffffff;
}

#contactus-property .modal-dialog {
    max-width: 343px;
    margin: 0 auto;
}

#contactus-property .modal-dialog .close-modal {
    width: 20px;
    height: 20px;
    position: absolute;
    right: 10px;
    top: 10px;
}

.image-gallery #kitchen {
    margin-bottom: 20px;
}

.image-gallery #living-room {
    max-width: 600px;
    margin: 0 auto;
    margin-bottom: 20px;
}

.listing {
    padding-top: 52px;
}

.listing .filtering {
    padding: 5px 0;
    background-color: #fff;
    position: fixed;
    width: 100%;
    z-index: 9;
    display: flex;
    align-items: center;
}

.listing .filtering .filter-bar {
    margin: 0 20px;
    display: flex;
    gap: 5px;
    flex-wrap: wrap;
}

.select-dropdown__button::focus {
    outline: none;
}

.select-dropdown.buy {
    position: relative;
    display: inline-block;
    max-width: 100%;
}

.select-dropdown.buy .select-dropdown__button {
    padding: 0.47rem 1.75rem 0.47rem 0.75rem;
    width: 80px;
    height: 40px;
    border-radius: 8px;
    background-color: #ffffff;
    border: 1px solid #eaeded;
    font-size: 14px;
    color: #495a6a;
    font-weight: 500;
    display: flex;
    align-items: center;
}


.select-dropdown.buy .select-dropdown__button img {
    position: absolute;
    right: 10px;
    top: 18px;
}

.select-dropdown.buy .select-dropdown__list {
    position: absolute;
    display: block;
    left: 0;
    right: 0;
    margin: 0;
    padding: 0;
    list-style-type: none;
    display: none;
    pointer-events: none;
    transform-origin: top left;
    transition: all ease-in-out 0.3s;
    z-index: 2;
    width: 97px;
    height: 80px;
    border-radius: 10px;
    background-color: #ffffff;
    border: 1px solid #eaeded;
    margin-top: 5px;
    padding: 5px;
}

.select-dropdown.buy .select-dropdown__list.active {
    display: block;
    pointer-events: auto;
}

.select-dropdown.buy .select-dropdown__list-item {
    display: block;
    list-style-type: none;
    padding: 6.5px 10px;
    font-size: 14px;
    color: #495a6a;
    font-weight: 300;
    cursor: pointer;
    transition: all ease-in-out 0.3s;
}


.select-dropdown.residential {
    position: relative;
    display: inline-block;
    max-width: 100%;
}

.select-dropdown.residential .select-dropdown__button {
    padding: 0.47rem 1.75rem 0.47rem 0.75rem;
    width: 121px;
    height: 40px;
    border-radius: 8px;
    background-color: #ffffff;
    border: 1px solid #eaeded;
    font-size: 14px;
    color: #495a6a;
    font-weight: 400;
    display: flex;
    align-items: center;
}


.select-dropdown.residential .select-dropdown__button img {
    position: absolute;
    right: 10px;
    top: 18px;
}

.select-dropdown.residential .select-dropdown__list {
    position: absolute;
    display: block;
    left: 0;
    right: 0;
    margin: 0;
    padding: 0;
    list-style-type: none;
    display: none;
    pointer-events: none;
    transform-origin: top left;
    transition: all ease-in-out 0.3s;
    z-index: 2;
    width: 140px;
    height: 119px;
    border-radius: 10px;
    background-color: #ffffff;
    border: 1px solid #eaeded;
    margin-top: 5px;
    padding: 5px;
}

.select-dropdown.residential .select-dropdown__list.active {
    display: block;
    pointer-events: auto;
}

.select-dropdown.residential .select-dropdown__list-item {
    display: block;
    list-style-type: none;
    padding: 7px 10px;
    font-size: 14px;
    color: #495a6a;
    font-weight: 300;
    cursor: pointer;
    transition: all ease-in-out 0.3s;
}

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

.property-type .dropdown .dropbtn {
    padding: 0.47rem 1.75rem 0.47rem 0.75rem;
    width: 150px;
    height: 40px;
    border-radius: 8px;
    background-color: #ffffff;
    border: 1px solid #eaeded;
    font-size: 13px;
    color: #495a6a;
    font-weight: 400;
    text-align: left;
    display: flex;
    align-items: center;
}

.filter-selected {
    background-color: #bfe2fa !important;
}

.filter-selected::after {
    width: 5px;
    height: 5px;
    border-radius: 100%;
    display: block;
    position: absolute;
    right: 4px;
    top: 4px;
    content: '';
    background: #208cd6;
}

.property-type .dropdown .dropbtn::before {
    content: url(../../images/list-details/filter-arrow.png);
    position: absolute;
    right: 10px;
}

.property-type .dropdown-content {
    display: none;
    position: absolute;
    background-color: #f9f9f9;
    width: 213px;
    height: 284px;
    border-radius: 10px;
    background-color: #ffffff;
    border: 1px solid #eaeded;
    padding: 12px;
    z-index: 9;
}

.property-type .dropdown-content ul li {
    margin-bottom: 7px;
}

.property-type .dropdown-content ul li a {
    padding: 5px 10px;
    width: fit-content;
    height: 30px;
    border-radius: 8px;
    background-color: #ffffff;
    border: 1px solid #eaeded;
    display: flex;
    align-items: center;
    font-size: 13px;
    color: #495a6a;
    font-weight: 400;
}

.property-type .dropdown-content ul li a.active {
    background-color: #c0e2f9;
    color: #495a6a;
    border: 1px solid #c0e2f9;

}

.property-type .dropdown-content ul li a.active:hover {
    background-color: #c0e2f9;
}

.property-type .dropdown-content ul li a:hover {
    background-color: #eaeded;
}

.add-locality {
    position: relative;
    display: flex;
}

.add-locality .form-control {
    font-size: 13px;
    color: #8d9797;
    font-weight: 400;
    width: 215px;
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
    border-right: 0 !important;
    position: relative;
    background: url(../../images/list-details/search.png) no-repeat center center;
    background-position-x: 95%;
}

.add-locality .bootstrap-select {
    width: 330px !important;
}

.add-locality .bootstrap-select>.dropdown-toggle {
    width: 330px;
    height: 40px;
    border-radius: 8px;
    background-color: #ffffff;
    border: 1px solid #eaeded;
    font-size: 13px;
    color: #8d9797;
    font-weight: 400;
    /* border-top-left-radius: 0;
    border-bottom-left-radius: 0; */

}

.add-locality .bootstrap-select>.dropdown-toggle:focus {
    outline: 0 !important;
    box-shadow: none;
}

.add-locality .bootstrap-select .dropdown-toggle .filter-option {
    line-height: 22px;
}

.add-locality .bootstrap-select>.dropdown-menu {
    width: 258px;
    height: 450px;
    border-radius: 10px;
    filter: drop-shadow(0px 3px 3px #c3c8c8);
    background-color: #ffffff;
    right: 0 !important;
    left: auto !important;
}

.add-locality .bootstrap-select>.dropdown-menu .bs-searchbox .form-control {
    width: 100% !important;
    height: 42px;
    border-radius: 10px;
    background-color: #ffffff;
    border: 1px solid #eaeded !important;
    border-radius: 8px !important;
    font-size: 14px;
    line-height: 43px;
    color: #a5a9b1;
    font-weight: 400;
    position: relative;
    background: url(../../images/list-details/search.png) no-repeat center center;
    background-position-x: 95%;
}

.add-locality .bootstrap-select>.dropdown-menu .bs-searchbox .form-control::-webkit-search-cancel-button {
    display: none;
}

.add-locality .bootstrap-select .dropdown-menu li {
    padding: 0 10px;
}

.add-locality .bootstrap-select .dropdown-menu li a {
    padding: 5px;
    font-size: 13px;
    line-height: 25px;
    color: #5d6573;
    font-weight: 400;
    border-bottom: 1px solid #f0f1f2;
}

.add-locality .bootstrap-select .dropdown-menu li:last-child a {
    border-bottom: 0;
}

.add-locality .bootstrap-select .dropdown-menu li a:hover {
    color: #5b6ff2;
    background-color: transparent;
}

.add-locality .bootstrap-select .dropdown-menu li a.selected {
    color: #5b6ff2;
}

.add-locality .bootstrap-select>.dropdown-menu.inner {
    padding-right: 25px;
}

.add-locality .bootstrap-select .dropdown-menu .inner::-webkit-scrollbar {
    width: 10px;
    background-color: #dedee1;
    border-radius: 10px;
}

.add-locality .bootstrap-select .dropdown-menu .inner::-webkit-scrollbar-track {
    background-color: #F5F5F5;
    border-radius: 10px;
}

.add-locality .bootstrap-select .dropdown-menu .inner::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background-color: #dedee1;
}

.add-locality .bootstrap-select .bs-ok-default:after {
    content: url('../../images/list-details/check.svg');
    border-width: 0;
    transform: scale(.8);
    width: 20px;
    height: 20px;
}

.add-locality .add-locality-box {
    width: 80px;
    font-size: 12px;
    color: #647b91;
    font-weight: 400;
    line-height: normal;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    border-left: 1px solid #eaeded;
    position: absolute;
    right: 0;
    top: 0;
    height: 40px;
}

.add-locality .add-locality-box a {
    font-size: 12px;
    color: #647b91;
    font-weight: 400;
}

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

.room-type .dropdown .dropbtn1 {
    padding: 0.47rem 1.75rem 0.47rem 0.75rem;
    width: 90px;
    height: 40px;
    border-radius: 8px;
    background-color: #ffffff;
    border: 1px solid #eaeded;
    font-size: 13px;
    color: #495a6a;
    font-weight: 400;
    text-align: left;
}

.room-type .dropdown .dropbtn1::before {
    content: url(../../images/list-details/filter-arrow.png);
    position: absolute;
    right: 10px;
}

.room-type .dropdown-content1 {
    display: none;
    position: absolute;
    background-color: #f9f9f9;
    width: 110px;
    height: auto;
    border-radius: 10px;
    background-color: #ffffff;
    border: 1px solid #eaeded;
    padding: 12px;
}

.room-type .dropdown-content1 ul {
    margin-bottom: 0;
}

.room-type .dropdown-content1 ul li {
    margin-bottom: 7px;
}

.room-type .dropdown-content1 ul li a {
    padding: 5px 10px;
    width: fit-content;
    height: 30px;
    border-radius: 8px;
    background-color: #ffffff;
    border: 1px solid #eaeded;
    display: flex;
    align-items: center;
    font-size: 13px;
    color: #495a6a;
    font-weight: 400;
}

.room-type .dropdown-content1 ul li a.active {
    background-color: #c0e2f9;
    color: #495a6a;
}

.room-type .dropdown-content1 ul li a.active:hover {
    background-color: #c0e2f9;
    border: 1px solid #c0e2f9;
}

.room-type .dropdown-content1 ul li a:hover {
    background-color: #eaeded;
}

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

.budget .dropdown .dropbtn2 {
    padding: 0.47rem 1.75rem 0.47rem 0.75rem;
    width: 90px;
    height: 40px;
    border-radius: 8px;
    background-color: #ffffff;
    border: 1px solid #eaeded;
    font-size: 13px;
    color: #495a6a;
    font-weight: 400;
    text-align: left;
}

.budget .dropdown .dropbtn2::before {
    content: url(../../images/list-details/filter-arrow.png);
    position: absolute;
    right: 10px;
}

.budget .dropdown-content2 {
    display: none;
    position: absolute;
    width: 300px;
    height: 290px;
    border-radius: 10px;
    filter: drop-shadow(0 0 1.5px #e7e8e8);
    background-color: #ffffff;
}

.budget .dropdown-content2 .dropdown-content2-top {
    height: 54px;
    border-radius: 10px;
    filter: drop-shadow(0 0 1.5px #e7e8e8);
    background-color: #ffffff;
    align-items: center;
    padding: 0 12px;
}

.budget .dropdown-content2 .dropdown-content2-bottom {
    overflow-y: auto;
    height: 230px;
    padding: 0 20px;
    margin: 5px 0;
}

.budget .dropdown-content2 .dropdown-content2-bottom::-webkit-scrollbar {
    width: 10px;
    background-color: #dedee1;
    border-radius: 10px;
}

.budget .dropdown-content2 .dropdown-content2-bottom::-webkit-scrollbar-track {
    background-color: #F5F5F5;
    border-radius: 10px;
}

.budget .dropdown-content2 .dropdown-content2-bottom::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background-color: #dedee1;
}

.budget .dropdown-content2 .min-box,
.budget .dropdown-content2 .max-box {
    width: 48%;
    position: relative;
}

.budget .dropdown-content2 .min-box .form-control,
.budget .dropdown-content2 .max-box .form-control {
    width: 100%;
    height: 34px;
    border-radius: 8px;
    background-color: #f4f5f7;
    border: 1px solid #f3f5f7;
    font-size: 14px;
    color: #495a6a;
    font-weight: 400;
}

.budget .dropdown-content2 .min-box .fa-angle-down,
.budget .dropdown-content2 .max-box .fa-angle-down {
    position: absolute;
    right: 10px;
    top: 12px;
    color: #778385;
}

.budget .dropdown-content2 .min-box ul,
.budget .dropdown-content2 .max-box ul {
    padding: 5px 12px;
    margin: 0;
}

.budget .dropdown-content2 .min-box ul li,
.budget .dropdown-content2 .max-box ul li {
    padding: 4px 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: pointer;
    font-size: 13px;
    line-height: 25px;
    color: #737777;
    font-weight: 400;
}

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

.size-filter .dropdown .dropbtn3 {
    padding: 0.47rem 1.75rem 0.47rem 0.75rem;
    width: 90px;
    height: 40px;
    border-radius: 8px;
    background-color: #ffffff;
    border: 1px solid #eaeded;
    font-size: 13px;
    color: #495a6a;
    font-weight: 400;
    text-align: left;
}

.size-filter .dropdown .dropbtn3::before {
    content: url(../../images/list-details/filter-arrow.png);
    position: absolute;
    right: 10px;
}

.size-filter .dropdown-content3 {
    display: none;
    position: absolute;
    width: 300px;
    height: 290px;
    border-radius: 10px;
    filter: drop-shadow(0 0 1.5px #e7e8e8);
    background-color: #ffffff;
}

.size-filter .dropdown-content3 .dropdown-content3-top {
    height: 54px;
    border-radius: 10px;
    filter: drop-shadow(0 0 1.5px #e7e8e8);
    background-color: #ffffff;
    align-items: center;
    padding: 0 12px;
}

.size-filter .dropdown-content3 .min-box,
.size-filter .dropdown-content3 .max-box {
    width: 48%;
    position: relative;
}

.size-filter .dropdown-content3 .min-box .form-control,
.size-filter .dropdown-content3 .max-box .form-control {
    width: 100%;
    height: 34px;
    border-radius: 8px;
    background-color: #f4f5f7;
    border: 1px solid #f3f5f7;
    font-size: 14px;
    color: #495a6a;
    font-weight: 400;
}

.size-filter .dropdown-content3 .min-box .fa-angle-down,
.size-filter .dropdown-content3 .max-box .fa-angle-down {
    position: absolute;
    right: 10px;
    top: 12px;
    color: #778385;
}

.size-filter .dropdown-content3 .dropdown-content3-bottom {
    overflow-y: auto;
    height: 230px;
    padding: 0 20px;
    margin: 5px 0;
}

.size-filter .dropdown-content3 .dropdown-content3-bottom::-webkit-scrollbar {
    width: 10px;
    background-color: #dedee1;
    border-radius: 10px;
}

.size-filter .dropdown-content3 .dropdown-content3-bottom::-webkit-scrollbar-track {
    background-color: #F5F5F5;
    border-radius: 10px;
}

.size-filter .dropdown-content3 .dropdown-content3-bottom::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background-color: #dedee1;
}

.size-filter .dropdown-content3 .min-box ul,
.size-filter .dropdown-content3 .max-box ul {
    padding: 5px 12px;
    margin: 0;
}

.size-filter .dropdown-content3 .min-box ul li,
.size-filter .dropdown-content3 .max-box ul li {
    padding: 4px 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: pointer;
    font-size: 13px;
    line-height: 25px;
    color: #737777;
    font-weight: 400;
}

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

.ameneties-filter .dropdown .dropbtn4 {
    padding: 0.47rem 1.75rem 0.47rem 0.75rem;
    width: 120px;
    height: 40px;
    border-radius: 8px;
    background-color: #ffffff;
    border: 1px solid #eaeded;
    font-size: 13px;
    color: #495a6a;
    font-weight: 400;
    text-align: left;
}

.ameneties-filter .dropdown .dropbtn4::before {
    content: url(../../images/list-details/filter-arrow.png);
    position: absolute;
    right: 10px;
}

.ameneties-filter .dropdown-content4 {
    display: none;
    position: absolute;
    background-color: #f9f9f9;
    width: 180px;
    height: auto;
    border-radius: 10px;
    background-color: #ffffff;
    border: 1px solid #eaeded;
    padding: 12px;
}

.ameneties-filter .dropdown-content4 ul {
    margin-bottom: 0;
}

.ameneties-filter .dropdown-content4 ul li {
    margin-bottom: 7px;
}

.ameneties-filter .dropdown-content4 ul li a {
    padding: 5px 10px;
    width: fit-content;
    height: 30px;
    border-radius: 8px;
    background-color: #ffffff;
    border: 1px solid #eaeded;
    display: flex;
    align-items: center;
    font-size: 13px;
    color: #495a6a;
    font-weight: 400;
}

.ameneties-filter .dropdown-content4 ul li a.active {
    background-color: #c0e2f9;
    color: #495a6a;
}

.ameneties-filter .dropdown-content4 ul li a.active:hover {
    background-color: #c0e2f9;
    border: 1px solid #c0e2f9;
}

.ameneties-filter .dropdown-content4 ul li a:hover {
    background-color: #eaeded;
}


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

.more-filter .dropdown .dropbtn5 {
    padding: 0.47rem 1.75rem 0.47rem 0.75rem;
    width: 130px;
    height: 40px;
    border-radius: 8px;
    background-color: #ffffff;
    border: 1px solid #eaeded;
    font-size: 13px;
    color: #495a6a;
    font-weight: 400;
    text-align: left;
}

.more-filter .dropdown .dropbtn5::before {
    content: url(../../images/list-details/filter-arrow.png);
    position: absolute;
    right: 10px;
}

.more-filter .dropdown-content5 {
    display: none;
    position: absolute;
    background-color: #f9f9f9;
    width: 328px;
    height: auto;
    border-radius: 10px;
    background-color: #ffffff;
    border: 1px solid #eaeded;
    padding: 12px;
    right: 0;
}

.more-filter .dropdown-content5 label {
    font-size: 13px;
    color: #495a6a;
    font-weight: 600;
}

.more-filter .dropdown-content5 ul {
    margin-bottom: 0;
    display: flex;
    flex-wrap: wrap;
    gap: 7px;
    margin-bottom: 12px
}

.more-filter .dropdown-content5 ul li {
    margin-bottom: 0
}

.more-filter .dropdown-content5 ul li a {
    padding: 5px 10px;
    width: fit-content;
    height: 30px;
    border-radius: 8px;
    background-color: #ffffff;
    border: 1px solid #eaeded;
    display: flex;
    align-items: center;
    font-size: 13px;
    color: #495a6a;
    font-weight: 400;
}

.more-filter .dropdown-content5 ul li a.active {
    background-color: #c0e2f9;
    color: #495a6a;
}

.more-filter .dropdown-content5 ul li a.active:hover {
    background-color: #c0e2f9;
    border: 1px solid #c0e2f9;
}

.more-filter .dropdown-content5 ul li a:hover {
    background-color: #eaeded;
}

.clear-filter {
    display: flex;
    align-items: center;
}

.clear-filter a {
    font-size: 12px;
    color: #495a6a;
    font-weight: 400;
}



.listing .container {
    max-width: 1110px;
    margin-top: 70px;
}

.listing .listing-breadcrumb {
    display: flex;
    align-items: center;
    justify-content: space-between;
    max-width: 700px;
    width: 100%;
    margin-bottom: 17px;
}

.listing .breadcrumb {
    align-items: center;
    margin-bottom: 0;
}

.listing .breadcrumb li a {
    font-size: 12px;
    color: #000000;
    font-weight: 400;
}

.listing .breadcrumb li.active {
    font-size: 12px;
    color: #000000;
    font-weight: 400;
    line-height: 17px;
}

.listing .breadcrumb li::before {
    font-size: 15px;
}

.listing .listing-breadcrumb #sort-by {
    width: 100px;
    height: 34px;
    border-radius: 12px;
    background-color: #ffffff;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #eaeaec;
    font-size: 14px;
    color: #909292;
    font-weight: 400;
}

.listing .listing-breadcrumb #sort-by .fa-angle-down {
    line-height: normal;
    font-size: 14px;
    margin-left: 8px;
    margin-top: 3px;
}

.listing .listing-breadcrumb #sort-by:focus {
    box-shadow: none;
}

.listing .listing-breadcrumb .sort-by .dropdown-menu {
    width: 160px;
    height: 120px;
    border-radius: 12px;
    filter: drop-shadow(0px 3px 1px #dfe4e5);
    background-color: #ffffff;
    padding: 0;
    right: 0 !important;
}

.listing .listing-breadcrumb .sort-by .dropdown-menu li:first-child a {
    border-top-left-radius: 12px;
    border-top-right-radius: 12px;
}

.listing .listing-breadcrumb .sort-by .dropdown-menu li:last-child a {
    border-bottom-left-radius: 12px;
    border-bottom-right-radius: 12px;
}

.listing .listing-breadcrumb .sort-by .dropdown-menu .dropdown-item {
    padding-right: 30px;
    padding-left: 10px;
    height: 30px;
    font-size: 13px;
    color: #909292;
    font-weight: 400;
}

.listing .listing-breadcrumb .sort-by .dropdown-menu .dropdown-item:hover {
    background-color: #f2f4f5;
}

.listing .listing-breadcrumb .sort-by .dropdown-menu .dropdown-item.active {
    background-color: #f2f4f5;
    font-size: 13px;
    color: #666666;
    font-weight: 600;
}

.listing .listing-breadcrumb .sort-by .dropdown-menu .dropdown-item.active .fa-check {
    display: inline;
}

.listing .listing-breadcrumb .sort-by .dropdown-menu .dropdown-item .fa-check {
    display: none;
    color: #7f56d9;
    margin-left: 5px;
}

.listing .listing-main {
    display: flex;
}

.listing .listing-main .listing-left {
    max-width: 700px;
    margin-right: 40px;
    width: 100%;
}

.listing .listing-main .listing-left .block {
    display: flex;
    height: 185px;
    border-radius: 10px;
    filter: drop-shadow(0px 3px 2.5px rgba(196, 203, 207, 0.34));
    background-color: #ffffff;
    margin-bottom: 20px;
}

.listing .listing-main .listing-left .block .block-left {
    position: relative;
    width: 332px;
    background-color: #cccccc;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
}

.listing .listing-main .listing-left .block .listing-slider {
    height: 185px;
    max-width: 332px;
    width: 100%;
    overflow: hidden;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
}

.listing .listing-main .listing-left .block .listing-slider img {
    height: 100%;
    object-fit: cover;
    object-position: center;
    width: 100%;
}

.listing .listing-main .listing-left .block .listing-slider .slick-prev {
    left: 10px;
}

.listing .listing-main .listing-left .block .listing-slider .slick-next {
    right: 10px;
}

.listing .listing-main .listing-left .block .listing-slider .slick-prev,
.listing .listing-main .listing-left .block .listing-slider .slick-next {
    width: 26px;
    height: 26px;
    border-radius: 13px;
    background: rgba(0, 0, 0, 0.4);
    z-index: 99;
}

.listing .listing-main .listing-left .block .listing-slider .slick-prev:before {
    content: url(../../images/listing/slick-prev.png);
    opacity: 1;
    font-size: unset;
    margin-left: -2px;
}

.listing .listing-main .listing-left .block .listing-slider .slick-next:before {
    content: url(../../images/listing/slick-next.png);
    opacity: 1;
    font-size: unset;
    margin-right: -2px;
}

.listing .listing-main .listing-left .block .block-left .gallery-count {
    position: absolute;
    bottom: 10px;
    left: 10px;
}

.listing .listing-main .listing-left .block .block-left .gallery-count a {
    width: 90px;
    height: 25px;
    border-radius: 8px;
    background: rgba(0, 0, 0, 0.6);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 12px;
    line-height: normal;
    color: #ffffff;
    font-weight: 400;
}

.listing .listing-main .listing-left .block .block-left .gallery-count a span {
    margin-left: 5px;
}

.listing .listing-main .listing-left .block .block-right {
    padding: 8px 15px;
    width: calc(100% - 332px);
    max-width: 100%;
    position: relative;
}

.listing .listing-main .listing-left .block .block-right a {
    text-decoration: none;
}

.listing .listing-main .listing-left .block .block-right a:hover {
    text-decoration: none;
}

.listing .listing-main .listing-left .block .block-right .title {
    font-size: 14px;
    color: #666666;
    font-weight: 600;
    width: calc(100% - 75px);
}

.listing .listing-main .listing-left .block .block-right .listing-id {
    font-size: 14px;
    color: #909292;
    font-weight: 400;
    font-style: italic;
    margin-bottom: 5px;
}

.listing .listing-main .listing-left .block .block-right .price {
    font-size: 20px;
    color: #5b6ff2;
    font-weight: 600;
    margin-bottom: 3px;
}

.listing .listing-main .listing-left .block .block-right .Deposit {
    font-size: 14px;
    color: #5b6ff2;
    font-weight: 400;
    margin-left: 10px;
}

.listing .listing-main .listing-left .block .block-right .price-on-request {
    font-size: 20px;
    line-height: 28px;
    color: #5b6ff2;
    font-weight: 500;
    display: none;
    margin-bottom: 5px;
}

.listing .listing-main .listing-left .block .block-right ul li {
    margin: 0 8px;
    font-size: 13px;
    line-height: 24px;
    text-decoration: underline;
    color: #909292;
    font-weight: 500;
    font-style: italic;
}

.listing .listing-main .listing-left .block .block-right ul li.sqft {
    color: #1e223c;
    font-weight: 600;
}

.listing .listing-main .listing-left .block .block-right ul li span {
    color: #1e223c;
    font-weight: 600;
}

.listing .listing-main .listing-left .block .block-right ul li:first-child {
    margin-left: 0;
}

.listing .listing-main .listing-left .block .block-right .apartment-details {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.listing .listing-main .listing-left .block .block-right .apartment-details p {
    font-size: 12px;
    line-height: 15px;
    color: #666666;
    font-weight: 400;
    margin-top: 10px;
    margin-bottom: 0;
    width: 75%;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    height: 30px;
}

.listing .listing-main .listing-left .block .block-right .details-btn {
    display: flex;
    width: 80px;
    height: 28px;
    border-radius: 14px;
    background-color: #456bf3;
    font-size: 13px;
    line-height: 17px;
    color: #ffffff;
    font-weight: 400;
    padding: 6px;
    justify-content: center;
    align-items: center;
    position: absolute;
    right: 15px;
    bottom: 10px;
}

.listing .listing-main .listing-left .block .block-right .details-btn:hover {
    background-color: #798eda;
}

.listing .listing-main .listing-left .block .block-left .share-btn {
    position: absolute;
    top: 10px;
    left: 10px;
}

.listing .listing-main .listing-left .block .block-left .share-btn button {
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: none;
    font-size: 12px;
    width: 30px;
    height: 30px;
    border-radius: 15px;
    background-color: #e3ecf0;
    border: 0;
    color: #aba9aa;
}

.listing .listing-main .listing-left .block .block-left .share-btn .dropdown-menu {
    min-width: 125px;
    height: 150px;
    border-radius: 10px;
    background-color: #ebebeb;
    flex-direction: column;
    box-shadow: 4px 2px 10px 1px rgba(0, 0, 0, 0.2);
    padding: 0;
    right: -50px !important;
    left: auto !important;
}

.listing .listing-main .listing-left .block .block-left .share-btn .dropdown-menu li {
    text-decoration: none;
    width: 100%;
    margin: 0;
}

.listing .listing-main .listing-left .block .block-left .share-btn .dropdown-menu .dropdown-item {
    padding: 0 12px;
    font-size: 14px;
    color: #333333;
    font-weight: 500;
    height: 37.5px;
    display: flex;
    align-items: center;
    font-style: initial;
}

.listing .listing-main .listing-left .block .block-left .share-btn .dropdown-menu li:first-child a {
    border-top-right-radius: 10px;
    border-top-left-radius: 10px;
}

.listing .listing-main .listing-left .block .block-left .share-btn .dropdown-menu li:last-child a {
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
}

.listing .listing-main .listing-left .block .block-left .share-btn .dropdown-menu .dropdown-item i {
    font-size: 20px;
    margin-right: 7px;
}

.listing .listing-main .listing-left .block .block-left .share-btn .dropdown-menu .dropdown-item:hover {
    background-color: #acacac;
}

.listing .listing-main .listing-left .block .block-right .bookmark-btn {
    position: absolute;
    right: 15px;
    top: 10px;
}

.listing .listing-main .listing-left .block .block-right .bookmark-btn a {
    width: 30px;
    height: 30px;
    border-radius: 15px;
    background-color: #e3ecf0;
    display: block;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #909292;
}

.listing .listing-main .listing-left .block .block-right .bookmark-btn a .fa-bookmark {
    margin-top: 2px;
}

.listing .listing-main .listing-left .block .block-right .bookmark-btn a:hover {
    background-color: #456bf3;
    color: #fff;
}

.listing .listing-main .listing-left .block .block-right .bookmark-btn a.active {
    background-color: #456bf3;
    color: #fff;
}

.listing .listing-main .listing-right {
    max-width: calc(100% - 740px);
    width: 100%;
}

.listing .listing-main .listing-right .right-box {
    /* height: 539px;
    border-radius: 10px;
    background-color: #ffffff; */
    /* margin-bottom: 20px; */
}

/* label container */
.radio-button-container {
    display: block;
    position: relative;
    padding-left: 25px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    margin-bottom: 0;
}

/* Hide the browser's default radio button */
.radio-button-container input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
}

/* Create a custom radio button */
.checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 20px;
    width: 20px;
    background-color: rgba(0, 0, 0, 0);
    border-radius: 50%;
    border: 2px solid rgba(0, 0, 0, 0.25);
    transition: all 0.3s;
}

/* On mouse-over, add a grey background color */
.radio-button-container:hover input~.checkmark {
    border-color: rgba(0, 0, 0, 0.5);
}

/* When the radio button is checked */
.radio-button-container input:checked~.checkmark {
    background-color: rgba(0, 0, 0, 0);
    border-color: #456bf3;
}


/* Create the indicator (the dot/circle - hidden when not checked) */
.checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

/* Show the indicator (dot/circle) when checked */
.radio-button-container input:checked~.checkmark:after {
    display: block;
}

/* Style the indicator (dot/circle) */
.radio-button-container .checkmark:after {
    top: 3px;
    left: 3px;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: #456bf3;
}

.mobile-serech-input {
    display: none;
}

.mobile-filter {
    position: fixed;
    width: 100%;
    z-index: 99;
    background-color: #f3f5f8;
    overflow-y: auto;
    height: 100%;
    padding-bottom: 110px;
    left: -100%;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    transition: all .5s ease;
}

.home-page {
    background-color: #f5f6f6;
    min-height: 800px;
}

.home-page .home-banner img {
    width: 100%;
}

.home-page .home-banner {
    position: relative;
    margin-top: 52px;
}

.home-page .home-banner::after {
    content: '';
    position: absolute;
    background-color: rgba(0, 0, 0, 0.2);
    width: 100%;
    height: 100%;
    left: 0;
}

.home-page .home-banner .banner-content {
    position: absolute;
    top: 40%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 9;
}

.home-page .home-banner .banner-content h1 {
    font-size: 38px;
    line-height: 43px;
    color: #333333;
    font-weight: 600;
    text-align: center;
    font-family: 'Ubuntu', sans-serif;
    /* background-color: #9ed33a; */
    margin-bottom: 3px;
}

.home-page .home-banner .banner-content p {
    font-size: 18px;
    color: #ffffff;
    font-weight: 400;
    font-family: 'Ubuntu', sans-serif;
    text-align: center;
    /* background-color: #9ed33a; */
    max-width: 445px;
    width: 100%;
    margin: 0 auto;
}

.home-page .home-filter {
    filter: drop-shadow(0px 3px 2.5px rgba(196, 203, 207, 0.34));
    /* max-width: 800px; */
    width: 100%;
    border-radius: 12px;
    background-color: #fff;
    border: 1px solid #f4f4f6;
    padding: 20px;
    margin: 0 auto;
    margin-top: 7px;
    position: absolute;
    top: 105px;
    left: 0;
    right: 0;
    -webkit-transition: opacity 0.5s ease-in-out;
    -moz-transition: opacity 0.5s ease-in-out;
    -ms-transition: opacity 0.5s ease-in-out;
    -o-transition: opacity 0.5s ease-in-out;
    transition: opacity 0.5s ease-in-out;
    display: none;
}

.home-page .home-filter.show {
    display: block;
    -webkit-transition: opacity 0.5s ease-in-out;
    -moz-transition: opacity 0.5s ease-in-out;
    -ms-transition: opacity 0.5s ease-in-out;
    -o-transition: opacity 0.5s ease-in-out;
    transition: opacity 0.5s ease-in-out;
}

.home-page .home-filter .residential {
    display: flex;
    margin-bottom: 15px;
}

.home-page .home-filter .residential .radio-button-container {
    margin-right: 12px;
    font-size: 14px;
    color: #495a6a;
    font-weight: 300;
}

.home-page .home-filter .residential .radio-button-container.active {
    font-weight: 600;
}

.home-page .home-filter .home-filter-box {
    display: flex;
    justify-content: space-between;
}

.home-page .home-filter .home-filter-box .home-filter-left {
    width: 45%;
}

.home-page .home-filter .home-filter-box .home-filter-right {
    width: 45%;
}

.home-page .home-filter .building-type {
    margin-bottom: 15px
}

.home-page .home-filter .building-type label {
    font-size: 13px;
    color: #000;
    font-weight: 600;
}

.home-page .home-filter .building-type ul {
    display: flex;
    flex-wrap: wrap;
    gap: 7px;
    margin-bottom: 0;
}

.home-page .home-filter .building-type ul li a {
    height: 30px;
    border-radius: 8px;
    background-color: #ffffff;
    border: 1px solid #eaeded;
    display: flex;
    align-items: center;
    font-size: 12px;
    color: #495a6a;
    font-weight: 400;
    padding: 8px;
}

.home-page .home-filter .building-type ul li a:hover {
    background-color: #eaeded;
}

.home-page .home-filter .building-type ul li a.active {
    background-color: #c0e2f9;
    color: #495a6a;
    border: 1px solid #c0e2f9;
}

.home-page .home-filter .building-type ul li a.active:hover {
    background-color: #c0e2f9;
}

.home-page .home-filter .bedrooms {
    margin-bottom: 15px;
}

.home-page .home-filter .bedrooms label {
    font-size: 13px;
    color: #000;
    font-weight: 600;
}

.home-page .home-filter .bedrooms ul {
    display: flex;
    flex-wrap: wrap;
    gap: 7px;
    margin-bottom: 0;
}

.home-page .home-filter .bedrooms ul li a {
    height: 30px;
    border-radius: 8px;
    background-color: #ffffff;
    border: 1px solid #eaeded;
    display: flex;
    align-items: center;
    font-size: 12px;
    color: #495a6a;
    font-weight: 400;
    padding: 8px;
}

.home-page .home-filter .bedrooms ul li a:hover {
    background-color: #eaeded;
}

.home-page .home-filter .bedrooms ul li a.active {
    background-color: #c0e2f9;
    color: #495a6a;
    border: 1px solid #c0e2f9;
}

.home-page .home-filter .bedrooms ul li a.active:hover {
    background-color: #c0e2f9;
}

.home-page .home-filter .furnishing-status {
    margin-bottom: 15px;
}

.home-page .home-filter .furnishing-status label {
    font-size: 13px;
    color: #000;
    font-weight: 600;
}

.home-page .home-filter .furnishing-status ul {
    display: flex;
    flex-wrap: wrap;
    gap: 7px;
    margin-bottom: 0;
}

.home-page .home-filter .furnishing-status ul li a {
    height: 30px;
    border-radius: 8px;
    background-color: #ffffff;
    border: 1px solid #eaeded;
    display: flex;
    align-items: center;
    font-size: 12px;
    color: #495a6a;
    font-weight: 400;
    padding: 8px;
}

.home-page .home-filter .furnishing-status ul li a:hover {
    background-color: #eaeded;
}

.home-page .home-filter .furnishing-status ul li a.active {
    background-color: #c0e2f9;
    color: #495a6a;
    border: 1px solid #c0e2f9;
}

.home-page .home-filter .furnishing-status ul li a.active:hover {
    background-color: #c0e2f9;
}

.home-page .home-filter .possession-status {
    margin-bottom: 15px;
}

.home-page .home-filter .possession-status label {
    font-size: 13px;
    color: #000;
    font-weight: 600;
}

.home-page .home-filter .possession-status ul {
    display: flex;
    flex-wrap: wrap;
    gap: 7px;
    margin-bottom: 0;
}

.home-page .home-filter .possession-status ul li a {
    height: 30px;
    border-radius: 8px;
    background-color: #ffffff;
    border: 1px solid #eaeded;
    display: flex;
    align-items: center;
    font-size: 12px;
    color: #495a6a;
    font-weight: 400;
    padding: 8px;
}

.home-page .home-filter .possession-status ul li a:hover {
    background-color: #eaeded;
}

.home-page .home-filter .possession-status ul li a.active {
    background-color: #c0e2f9;
    color: #495a6a;
    border: 1px solid #c0e2f9;
}

.home-page .home-filter .possession-status ul li a.active:hover {
    background-color: #c0e2f9;
}

.home-page .home-filter .ameneties {
    margin-bottom: 15px;
}

.home-page .home-filter .ameneties label {
    font-size: 13px;
    color: #000;
    font-weight: 600;
}

.home-page .home-filter .ameneties ul {
    display: flex;
    flex-wrap: wrap;
    gap: 7px;
    margin-bottom: 0;
}

.home-page .home-filter .ameneties ul li a {
    height: 30px;
    border-radius: 8px;
    background-color: #ffffff;
    border: 1px solid #eaeded;
    display: flex;
    align-items: center;
    font-size: 12px;
    color: #495a6a;
    font-weight: 400;
    padding: 8px;
}

.home-page .home-filter .ameneties ul li a:hover {
    background-color: #eaeded;
}

.home-page .home-filter .ameneties ul li a.active {
    background-color: #c0e2f9;
    color: #495a6a;
    border: 1px solid #c0e2f9;
}

.home-page .home-filter .ameneties ul li a.active:hover {
    background-color: #c0e2f9;
}

.home-page .home-filter .others {
    margin-bottom: 0;
}

.home-page .home-filter .others label {
    font-size: 13px;
    color: #000;
    font-weight: 600;
}

.home-page .home-filter .others ul {
    display: flex;
    flex-wrap: wrap;
    gap: 7px;
    margin-bottom: 0;
}

.home-page .home-filter .others ul li a {
    height: 30px;
    border-radius: 8px;
    background-color: #ffffff;
    border: 1px solid #eaeded;
    display: flex;
    align-items: center;
    font-size: 12px;
    color: #495a6a;
    font-weight: 400;
    padding: 8px;
}

.home-page .home-filter .others ul li a:hover {
    background-color: #eaeded;
}

.home-page .home-filter .others ul li a.active {
    background-color: #c0e2f9;
    color: #495a6a;
    border: 1px solid #c0e2f9;
}

.home-page .home-filter .others ul li a.active:hover {
    background-color: #c0e2f9;
}

.home-page .home-filter .budget {
    margin-bottom: 15px;
}

.home-page .home-filter .budget label {
    font-size: 13px;
    color: #000;
    font-weight: 600;
}

.home-page .home-filter .budget .min-max-budget {
    width: 100%;
    height: 54px;
    border-radius: 10px;
    border: 1px solid #e7e8e8;
    background-color: #ffffff;
    display: flex;
    padding: 10px;
    gap: 10px;
    position: relative;
}

.home-page .home-filter .budget .min-max-budget .min-box,
.home-page .home-filter .budget .min-max-budget .max-box {
    width: 50%;
    position: relative;
}

.home-page .home-filter .budget .min-max-budget .min-box .fa-angle-down,
.home-page .home-filter .budget .min-max-budget .max-box .fa-angle-down {
    position: absolute;
    right: 10px;
    top: 12px;
    color: #778385;
}

.home-page .home-filter .budget .min-max-budget .form-control {
    height: 34px;
    border-radius: 8px;
    background-color: #f4f5f7;
    border: 1px solid #f3f5f7;
    font-size: 14px;
    color: #495a6a;
    font-weight: 400;
    width: 100%;
    cursor: pointer;
}

.home-page .home-filter .mobilebudgetdropdown {
    position: absolute;
    display: none;
    width: 90%;
    height: 290px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    filter: drop-shadow(0 0 1.5px #e7e8e8);
    background-color: #ffffff;
    padding: 20px;
    margin: 0 auto;
    left: 0;
    right: 0;
    top: 54px;
    z-index: 1;
}

.home-page .home-filter .mobilebudgetdropdown ul {
    width: 40%;
}

.home-page .home-filter .mobilebudgetdropdown ul li {
    font-size: 13px;
    line-height: 25px;
    color: #737777;
    font-weight: 400;
    cursor: pointer;
}

.home-page .home-filter .size {
    margin-bottom: 15px;
}

.home-page .home-filter .size label {
    font-size: 13px;
    color: #000;
    font-weight: 600;
}

.home-page .home-filter .size .min-max-size {
    width: 100%;
    height: 54px;
    border-radius: 10px;
    border: 1px solid #e7e8e8;
    background-color: #ffffff;
    display: flex;
    padding: 10px;
    gap: 10px;
    position: relative;
}

.home-page .home-filter .size .min-max-size.z-index {
    z-index: -1;
}

.home-page .home-filter .size .min-max-size .min-box,
.home-page .home-filter .size .min-max-size .max-box {
    width: 50%;
    position: relative;
}

.home-page .home-filter .size .min-max-size .min-box .fa-angle-down,
.home-page .home-filter .size .min-max-size .max-box .fa-angle-down {
    position: absolute;
    right: 10px;
    top: 12px;
    color: #778385;
}

.home-page .home-filter .size .min-max-size .form-control {
    height: 34px;
    border-radius: 8px;
    background-color: #f4f5f7;
    border: 1px solid #f3f5f7;
    font-size: 14px;
    color: #495a6a;
    font-weight: 400;
    width: 100%;
    cursor: pointer;
}

.home-page .home-filter .mobilesizedropdown {
    position: absolute;
    display: none;
    width: 90%;
    height: 290px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    filter: drop-shadow(0 0 1.5px #e7e8e8);
    background-color: #ffffff;
    padding: 20px;
    margin: 0 auto;
    left: 0;
    right: 0;
    top: 54px;
    z-index: 1;
}

.home-page .home-filter .mobilesizedropdown ul {
    width: 40%;
}

.home-page .home-filter .mobilesizedropdown ul li {
    font-size: 13px;
    line-height: 25px;
    color: #737777;
    font-weight: 400;
    cursor: pointer;
}

.home-search-bar {
    max-width: 900px;
    width: 100%;
    margin: 0 auto;
    margin-top: -75px;
    /* z-index: 999; */
    z-index: 9;
    position: relative;
}

.home-search-bar .city-name {
    max-width: 330px;
    width: 100%;
    margin: 0 auto;
    display: flex;
    background-color: #fff;
    height: 50px;
    border-top-left-radius: 12px;
    border-top-right-radius: 12px;
    border: 1px solid #eaeded;

}

.home-search-bar .city-name .location {
    padding: 10px 10px 10px 8px;
    max-width: 165px;
    width: 100%;
}

.home-search-bar .city-name .location .select2-container--default .select2-selection--single .select2-selection__arrow {
    background: url(../../images/home/blue-down.png) no-repeat center;
}

.home-search-bar .city-name .form-select {
    border: 0;
    border-radius: 0;
}

.home-search-bar .city-name .location .select2-container {
    width: 105px !important;
}

.home-search-bar .city-name .form-select:focus {
    box-shadow: none;
}

.home-search-bar .city-name .city-dropdown ul {
    width: 248px !important;
    height: 382px;
    border-radius: 10px !important;
    filter: drop-shadow(0px 3px 3px #c3c8c8);
    background-color: #ffffff !important;
    left: 0 !important;
    overflow-y: auto !important;
    padding: 10px 29px 10px 10px !important;
    left: -35px !important;
}

.home-search-bar .city-name .city-dropdown ul li {
    font-size: 13px !important;
    color: #5d6573 !important;
    font-weight: 400 !important;
    padding: 7px 5px !important;
    border-bottom: 1px solid #f0f1f2;
    position: relative;
}

.home-search-bar .city-name .city-dropdown ul li:hover,
.home-search-bar .city-name .city-dropdown ul li.focus,
.home-search-bar .city-name .city-dropdown ul li.selected.focus {
    background-color: transparent !important;
    color: #5b6ff2 !important;
}

.home-search-bar .city-name .city-dropdown ul li:hover::after {
    font-family: 'FontAwesome';
    content: "\f105";
    right: 0;
    color: #5b6ff2;
    position: absolute;
}

.home-search-bar .city-name .city-dropdown ul::-webkit-scrollbar {
    width: 10px;
    background-color: #dedee1;
    border-radius: 10px;
}

.home-search-bar .city-name .city-dropdown ul::-webkit-scrollbar-track {
    background-color: #F5F5F5;
    border-radius: 10px;
}

.home-search-bar .city-name .city-dropdown ul::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background-color: #dedee1;
}

.home-search-bar .search-locality img {
    margin-right: 10px;
}

.home-search-bar .search-locality .room-type {
    max-width: 165px;
    width: 100%;
    height: 50px;
    border-left: 1px solid #eaeded;
    display: flex;
    align-items: center;
    justify-content: center;
}

.home-search-bar .search-locality .room-type ul {
    display: flex;
    align-items: center;
    margin-bottom: 0;
}

.home-search-bar .search-locality .room-type ul li {
    margin: 0 10px;
}

.home-search-bar .search-locality .room-type ul li a {
    font-size: 14px;
    color: #495a6a;
    font-weight: 500;
    padding: 3px;
}

.home-search-bar .search-locality .room-type ul li a.active {
    font-size: 14px;
    color: #5e53fe;
    font-weight: 500;
    border-bottom: 3px solid #5e53fe;
}

.home-search-bar .add-locality-searchbox {
    height: 55px;
    background-color: #ffffff;
    border-bottom-left-radius: 12px;
    border-bottom-right-radius: 12px;
    border-top-left-radius: 12px;
    border-top-right-radius: 12px;
    /* border: 1px solid #eaeded; */
    filter: drop-shadow(0px 3px 2.5px rgba(196, 203, 207, 0.34));
}

.home-search-bar .add-locality-searchbox .residenti-select {
    padding: 10px 20px;
    display: flex;
    align-items: center;
    height: 55px;
    border-right: 1px solid #eaeded;
    max-width: 150px;
    width: 100%;
}

.home-search-bar .add-locality-searchbox .residenti-select button {
    display: flex;
    align-items: center;
    border: 0;
    background-color: transparent;
}

.home-search-bar .add-locality-searchbox .residenti-select img {
    margin-right: 0;
    margin-left: 5px;
}

.home-search-bar .add-locality-searchbox .form-control {
    border: 0 !important;
    border-radius: 0 !important;
    height: 53px;
    font-size: 13px;
    color: #8d9797;
    font-weight: 400;
    max-width: 420px;
    width: 100%;
}

.home-search-bar .add-locality-searchbox .form-control::placeholder {
    color: #cacaca;
}

.home-search-bar .add-locality-searchbox .bootstrap-select {
    width: 120px !important;
}

.home-search-bar .add-locality-searchbox .bootstrap-select>.dropdown-toggle {
    height: 55px;
    background-color: transparent;
    border: 0;
    border-left: 1px solid #eaeded !important;
}

.home-search-bar .add-locality-searchbox .bootstrap-select>.dropdown-toggle:focus {
    outline: none !important;
    box-shadow: none !important;
}

.home-search-bar .add-locality-searchbox .bootstrap-select .dropdown-toggle .filter-option {
    display: flex;
    align-items: center;
    font-size: 12px;
    color: #000000;
    font-weight: 400;
    font-family: "Inter"
}

.home-search-bar .add-locality-searchbox .more-filter .dropdown .dropbtn5 {
    border: 0 !important;
    border-radius: 0 !important;
    height: 53px;
    border-left: 1px solid #eaeded !important;
    width: 100px;
    padding: 0.47rem 0.75rem 0.47rem 0.75rem;
    text-align: center;
    color: #000000;
}

.home-search-bar .add-locality-searchbox .more-filter .dropdown .dropbtn5::before {
    content: url(../../images/home/blue-down.png);
    position: absolute;
    right: 0;
    left: 0;
    margin: 0 auto;
    text-align: center;
    bottom: 4px;
}

.home-search-bar .add-locality-searchbox .more-filter .dropdown .dropbtn5 img {
    margin-right: 0;
}

.home-search-bar .add-locality-searchbox .search-btn .btn {
    width: 120px;
    height: 55px;
    background-color: #5e53fe;
    font-size: 15px;
    color: #ffffff;
    font-weight: 400;
    border-radius: 0;
    border-bottom-right-radius: 12px;
    border-top-right-radius: 12px;
}

.home-search-bar .add-locality-searchbox .search-btn .btn:focus {
    box-shadow: none;
}

.home-search-bar .bootstrap-select>.dropdown-menu {
    width: 258px;
    height: 450px;
    border-radius: 10px;
    filter: drop-shadow(0px 3px 3px #c3c8c8);
    background-color: #ffffff;
    right: 0 !important;
    left: auto !important;
}

.home-search-bar .bootstrap-select>.dropdown-menu .bs-searchbox .form-control {
    width: 100% !important;
    height: 42px;
    border-radius: 10px;
    background-color: #ffffff;
    border: 1px solid #eaeded !important;
    border-radius: 8px !important;
    font-size: 14px;
    line-height: 43px;
    color: #a5a9b1;
    font-weight: 400;
    position: relative;
    background: url(../../images/list-details/search.png) no-repeat center center;
    background-position-x: 95%;
}

.home-search-bar .bootstrap-select>.dropdown-menu .bs-searchbox .form-control::-webkit-search-cancel-button {
    display: none;
}

.home-search-bar .bootstrap-select .dropdown-menu li {
    padding: 0 10px;
}

.home-search-bar .bootstrap-select .dropdown-menu li a {
    padding: 5px;
    font-size: 13px;
    line-height: 25px;
    color: #5d6573;
    font-weight: 400;
    border-bottom: 1px solid #f0f1f2;
}

.home-search-bar .bootstrap-select .dropdown-menu li:last-child a {
    border-bottom: 0;
}

.home-search-bar .bootstrap-select .dropdown-menu li a:hover {
    color: #5b6ff2;
    background-color: transparent;
}

.home-search-bar .bootstrap-select .dropdown-menu li a.selected {
    color: #5b6ff2;
}

.home-search-bar .bootstrap-select>.dropdown-menu.inner {
    padding-right: 25px;
}

.home-search-bar .bootstrap-select .dropdown-menu .inner::-webkit-scrollbar {
    width: 10px;
    background-color: #dedee1;
    border-radius: 10px;
}

.home-search-bar .bootstrap-select .dropdown-menu .inner::-webkit-scrollbar-track {
    background-color: #F5F5F5;
    border-radius: 10px;
}

.home-search-bar.bootstrap-select .dropdown-menu .inner::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background-color: #dedee1;
}

.home-search-bar .bootstrap-select .bs-ok-default:after {
    content: url('../../images/list-details/check.svg');
    border-width: 0;
    transform: scale(.8);
    width: 20px;
    height: 20px;
}

.select2-container--default .select2-selection--single {
    border: 0;
    font-size: 13px;
    font-weight: 400;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #495a6a;
}

.select2-container--default .select2-selection--single .select2-selection__arrow b {
    display: none;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    background: url(../../images/header-chevron.png) no-repeat;
    background-position: center;
    right: -5px;
}

.select2-container--default .select2-results>.select2-results__options {
    max-height: 350px;
    padding-right: 20px;
    margin-right: -10px;
}

.select2-dropdown {
    top: 11px;
    width: 258px !important;
    border-radius: 10px !important;
    filter: drop-shadow(0px 3px 3px #c3c8c8);
    background-color: #ffffff !important;
    overflow-y: auto !important;
    padding: 10px 10px 10px 10px !important;
    border: 0;
}

.select2-container--default .select2-results>.select2-results__options::-webkit-scrollbar {
    width: 10px;
    background-color: #dedee1;
    border-radius: 10px;
}

.select2-container--default .select2-results>.select2-results__options::-webkit-scrollbar-track {
    background-color: #F5F5F5;
    border-radius: 10px;
}

.select2-container--default .select2-results>.select2-results__options::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background-color: #dedee1;
}

.select2-dropdown ul li {
    font-size: 13px !important;
    color: #5d6573 !important;
    font-weight: 400 !important;
    padding: 7px 5px !important;
    border-bottom: 1px solid #f0f1f2;
    position: relative;
    background-color: transparent !important;
}

.select2-dropdown ul li:hover,
.select2-dropdown ul li.focus,
.select2-dropdown ul li.selected.focus {
    background-color: transparent !important;
    color: #5b6ff2 !important;
}

.select2-dropdown ul li:hover::after {
    font-family: 'FontAwesome';
    content: "\f105";
    right: 0;
    color: #5b6ff2;
    position: absolute;
}

.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
    background-color: transparent !important;
    color: #5b6ff2 !important;
}

.mobile-search-box {
    display: none;
}

.selected-list {
    display: none;
}

.customised-services {
    margin-top: 40px;
}

.customised-services .customised-services-inner {
    max-width: 1277px;
    width: 100%;
    margin: 0 auto;
    padding: 0 15px;
}

.customised-services .customised-services-inner h3 {
    font-size: 17px;
    color: #000000;
    font-weight: 500;
    border-bottom: 1px solid #35dcd3;
    padding-bottom: 7px;
    max-width: 257px;
    width: 100%;
    margin: 0 auto;
    position: relative;
    margin-bottom: 20px;
}

.customised-services .customised-services-inner h3::after {
    content: '';
    width: 100px;
    height: 3px;
    background-color: #35dcd3;
    position: absolute;
    left: 0;
    right: 0;
    bottom: -2px;
    margin: 0 auto;
}


.customised-services-list .slick-list {
    margin: 0 -9px;
}

.customised-services-list .slick-prev:before,
.customised-services-list .slick-next:before {
    content: none;
}

.customised-services-list .slick-arrow {
    width: 50px;
    height: 50px;
    border-radius: 25px;
    filter: drop-shadow(0px 2px 3.5px #e7e8e8);
    /* z-index: 9; */
    z-index: 1;
}

.customised-services-list .slick-arrow:hover {
    background-color: #e1eaea;
}

.customised-services-list .slick-next {
    background: url('../../images/home/right_arrow.png') no-repeat center center #fff;
}

.customised-services-list .slick-prev {
    background: url('../../images/home/left_arrow.png') no-repeat center center #fff;
}

.customised-services-list .slick-arrow.slick-disabled {
    display: none !important;
}

.customised-services-block {
    /* width: 200px; */
    /* height: 250px; */
    border-radius: 10px;
    padding: 20px 20px 0 20px;
    position: relative;
    margin: 0 9px;
}

.customised-services-block::after {
    content: url(../../images/home/curve_line.png);
    position: absolute;
    top: 0;
    right: 0;

}

.customised-services-block a {
    display: block;
}

.customised-services-block img {
    width: 60px;
    height: auto;
    margin-bottom: 20px;

}

.customised-services-block h4 {
    font-size: 14px;
    color: #000000;
    font-weight: 500;
    margin-bottom: 5px;
}

.customised-services-block .mobi-h4 {
    display: none;
}

.customised-services-block p {
    font-size: 13px;
    line-height: 18px;
    color: #5f5e5e;
    font-weight: 400;
    margin-bottom: 20px;
}

.customised-services-block .learn-more {
    display: flex;
    align-items: center;
    height: 40px;
    margin: 0 -20px;
    padding: 0 20px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}

.customised-services-block .learn-more span {
    font-size: 15px;
    font-weight: 500;
}

.customised-services-block .learn-more img {
    width: 15px;
    height: auto;
    margin-bottom: 0;
    margin-left: 15px;
    transition: 0.3s ease-in;
}

.customised-services-block a:hover .learn-more img {
    margin-left: 20px;
    transform: translateX(30%);
}

.property_manag {
    background-color: #dff2cd;
}

.property_manag .learn-more {
    background-color: #ccf0a9;
}

.property_manag .learn-more span {
    color: #436127;
}

.construction {
    background-color: #ffdbce;
}

.construction .learn-more {
    background-color: #ffcab7;
}

.construction .learn-more span {
    color: #af593a;
}

.leagal {
    background-color: #a4f9f4;
}

.leagal .learn-more {
    background-color: #8fece7;
}

.leagal .learn-more span {
    color: #0b736d;
}

.buy_sell {
    background-color: #ffedc3;
}

.buy_sell .learn-more {
    background-color: #ffe6ad;
}

.buy_sell .learn-more span {
    color: #9d6d00;
}

.interior_design {
    background-color: #fee4db;
}

.interior_design .learn-more {
    background-color: #fdd4c5;
}

.interior_design .learn-more span {
    color: #b35f41;
}

.home_loan {
    background-color: #f9f1b2;
}

.home_loan .learn-more {
    background-color: #f5e989;
}

.home_loan .learn-more span {
    color: #978918;
}

.furnishing {
    background-color: #c5f4e5;
}

.furnishing .learn-more {
    background-color: #a6f2d9;
}

.furnishing .learn-more span {
    color: #008157;
}

.repairns_renovation {
    background-color: #f9f1b2;
}

.repairns_renovation .learn-more {
    background-color: #f5e989;
}

.repairns_renovation .learn-more span {
    color: #978918;
}

.investment_advise {
    background-color: #dff2cd;
}

.investment_advise .learn-more {
    background-color: #ccf0a9;
}

.investment_advise .learn-more span {
    color: #436127;
}

.featured-properties {
    margin-top: 50px;
    padding: 40px 0;
}

.featured-properties .featured-properties-inner {
    max-width: 1277px;
    width: 100%;
    margin: 0 auto;
    padding: 0 15px;
}

.featured-properties .featured-properties-inner h3 {
    font-size: 17px;
    color: #000000;
    font-weight: 500;
    border-bottom: 1px solid #5b6ff2;
    padding-bottom: 7px;
    max-width: 165px;
    width: 100%;
    margin: 0 auto;
    position: relative;
    margin-bottom: 20px;
    text-align: center;
}

.featured-properties .featured-properties-inner h3::after {
    content: '';
    width: 100px;
    height: 3px;
    background-color: #5b6ff2;
    position: absolute;
    left: 0;
    right: 0;
    bottom: -2px;
    margin: 0 auto;
}

.featured-properties-list .slick-list {
    margin: 0 -7.5px;
}

.featured-properties-list .slick-prev:before,
.featured-properties-list .slick-next:before {
    content: none;
}

.featured-properties-list .slick-arrow {
    width: 50px;
    height: 50px;
    border-radius: 25px;
    filter: drop-shadow(0px 2px 3.5px #e7e8e8);
    /* z-index: 9; */
    z-index: 1;
}

.featured-properties-list .slick-arrow:hover {
    background-color: #e1eaea;
}

.featured-properties-list .slick-next {
    background: url('../../images/home/right_arrow.png') no-repeat center center #fff;
}

.featured-properties-list .slick-prev {
    background: url('../../images/home/left_arrow.png') no-repeat center center #fff;
}

.featured-properties-list .slick-arrow.slick-disabled {
    display: none !important;
}

.featured-properties .featured-properties-inner .featured-properties-block {
    width: 300px;
    /* height: 320px; */
    height: 340px;
    border-radius: 10px;
    filter: drop-shadow(0px 3px 2.5px rgba(196, 203, 207, 0.34));
    background-color: #ffffff;
    margin: 0 7.5px;
    border-bottom: 1px solid rgba(196, 203, 207, 0.34);
}

.featured-properties .featured-properties-inner .featured-properties-block a {
    display: block;
}

.featured-properties .featured-properties-inner .featured-properties-block .featured-properties-img {
    height: 168px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    overflow: hidden;
}

.featured-properties .featured-properties-inner .featured-properties-block .featured-properties-img img {
    width: 100%;
    height: 100%;
    object-position: center;
    object-fit: cover;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    transition: transform .5s ease;
}

.featured-properties .featured-properties-inner .featured-properties-block a:hover .featured-properties-img img {
    transform: scale(1.3);
}

.featured-properties .featured-properties-inner .featured-properties-block .featured-properties-content {
    padding: 10px 15px;
}

.featured-properties .featured-properties-inner .featured-properties-block .properties-name {
    font-size: 14px;
    /* line-height: 24px; */
    line-height: normal;
    color: #666666;
    font-weight: 600;
    /* margin-bottom: 8px; */
}

/* .featured-properties .featured-properties-inner .featured-properties-block .properties-name span {
    font-size: 14px;
    color: #909292;
    font-weight: 400;
    font-style: italic;
    margin-left: 20px;
} */
.featured-properties .featured-properties-inner .featured-properties-block .featured-property-type {
    font-size: 14px;
    color: #909292;
    font-weight: 400;
    font-style: italic;
    margin-bottom: 10px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    width: 100%;

}

.featured-properties .featured-properties-inner .featured-properties-block .price {
    font-size: 20px;
    line-height: 28px;
    color: #5b6ff2;
    font-weight: 500;
    margin-right: 20px
}

.featured-properties .featured-properties-inner .featured-properties-block .sqft {
    font-size: 14px;
    line-height: 24px;
    text-decoration: underline;
    color: #1e223c;
    font-weight: 500;
    font-style: italic;
}

.featured-properties .featured-properties-inner .featured-properties-block ul li:first-child {
    margin-left: 0;
}

.featured-properties .featured-properties-inner .featured-properties-block ul li {
    margin: 0 8px;
    font-size: 13px;
    line-height: 24px;
    text-decoration: underline;
    color: #909292;
    font-weight: 500;
    font-style: italic;
}

.featured-properties .featured-properties-inner .featured-properties-block ul li span {
    color: #1e223c;
    font-weight: 600;
    font-size: 14px;
}

.featured-properties .featured-properties-inner .featured-properties-block .apartment-details p {
    font-size: 12px;
    line-height: 15px;
    color: #666666;
    font-weight: 400;
    margin-bottom: 0;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

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

.top-selling .top-selling-inner {
    max-width: 1277px;
    width: 100%;
    margin: 0 auto;
    padding: 0 15px;
}

.top-selling .top-selling-inner h3 {
    font-size: 17px;
    color: #000000;
    font-weight: 500;
    border-bottom: 1px solid #f3a833;
    padding-bottom: 7px;
    max-width: 325px;
    width: 100%;
    margin: 0 auto;
    position: relative;
    margin-bottom: 20px;
    text-align: center;
}

.top-selling .top-selling-inner h3::after {
    content: '';
    width: 100px;
    height: 3px;
    background-color: #f3a833;
    position: absolute;
    left: 0;
    right: 0;
    bottom: -2px;
    margin: 0 auto;
}

.top-selling .top-selling-inner .top-selling-block {
    height: 340px;
    /* width: 301px; */
    border-radius: 10px;
    filter: drop-shadow(0px 3px 2.5px rgba(196, 203, 207, 0.34));
    background-color: #ffffff;
    margin: 0 7.5px;
}

.top-selling .top-selling-inner .top-selling-block a {
    display: block;
}

.top-selling .top-selling-inner .top-selling-block .top-selling-img {
    height: 165px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    overflow: hidden;
}

.top-selling .top-selling-inner .top-selling-block .top-selling-img img {
    width: 100%;
    height: 100%;
    object-position: center;
    object-fit: cover;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    transition: transform .5s ease;
}

.top-selling .top-selling-inner .top-selling-block a:hover .top-selling-img img {
    transform: scale(1.3);
}

.top-selling .top-selling-inner .top-selling-block .top-selling-content {
    padding: 10px 15px;
}

.top-selling .top-selling-inner .top-selling-block .top-selling-content .top-selling-name {
    font-size: 15px;
    line-height: 19px;
    color: #333333;
    font-weight: 600;
    margin-bottom: 20px;
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

/* .top-selling .top-selling-inner .top-selling-block .top-selling-content .top-selling-name span {
    font-size: 12px;
    margin-left: 10px;
    color: #666666;
    font-weight: 400;
} */
.top-selling .top-selling-inner .top-selling-block .top-selling-content .top-selling-cityname {
    font-size: 12px;
    color: #666666;
    font-weight: 400;
}

.top-selling .top-selling-inner .top-selling-block .top-selling-content .second-row {
    display: flex;
    /* gap: 40px; */
    margin-bottom: 20px;
}

.top-selling .top-selling-inner .top-selling-block .top-selling-content .plot-area span {
    font-size: 12px;
    line-height: 15px;
    color: #666666;
    font-weight: 400;
    display: block;
}

.top-selling .top-selling-inner .top-selling-block .top-selling-content .plot-area {
    font-size: 14px;
    line-height: 15px;
    color: #000000;
    font-weight: 400;
    width: calc(100% - 120px);
}

.top-selling .top-selling-inner .top-selling-block .top-selling-content .thrid-row {
    display: flex;
    gap: 30px;
    align-items: center;
    justify-content: space-between;
}

.top-selling .top-selling-inner .top-selling-block .top-selling-content .possession span {
    font-size: 12px;
    line-height: 15px;
    color: #666666;
    font-weight: 400;
    display: block;
}

.top-selling .top-selling-inner .top-selling-block .top-selling-content .possession {
    font-size: 13px;
    line-height: 15px;
    color: #000000;
    font-weight: 400;
}

.top-selling .top-selling-inner .top-selling-block .top-selling-content .price-per-sqft span {
    font-size: 12px;
    line-height: 15px;
    color: #666666;
    font-weight: 400;
    display: block;
}

.top-selling .top-selling-inner .top-selling-block .top-selling-content .price-per-sqft {
    font-size: 16px;
    line-height: 28px;
    color: #5b6ff2;
    font-weight: 500;
}

.top-selling .top-selling-inner .top-selling-block .top-selling-content .details-btn .btn {
    font-size: 15px;
    color: #ffffff;
    font-weight: 400;
    width: 120px;
    height: 36px;
    border-radius: 8px;
    background-color: #7d8df2;
    display: flex;
    align-items: center;
    justify-content: center;
}

.top-selling .top-selling-inner .top-selling-block .top-selling-content .details-btn .btn:hover {
    color: #fff;
    background-color: #3333ff;
}

.top-selling .slick-list {
    margin: 0 -7.5px;
}

.top-selling .slick-prev:before,
.top-selling .slick-next:before {
    content: none;
}

.top-selling .slick-arrow {
    width: 50px;
    height: 50px;
    border-radius: 25px;
    filter: drop-shadow(0px 2px 3.5px #e7e8e8);
    /* z-index: 9; */
    z-index: 1;
}

.top-selling .slick-arrow:hover {
    background-color: #e1eaea;
}

.top-selling .slick-next {
    background: url('../../images/home/right_arrow.png') no-repeat center center #fff;
}

.top-selling .slick-prev {
    background: url('../../images/home/left_arrow.png') no-repeat center center #fff;
}

.top-selling .slick-arrow.slick-disabled {
    display: none !important;
}

.our-interior {
    margin-top: 50px;
    margin-bottom: 50px;
    padding: 40px 0;
}

.our-interior .our-interior-inner {
    max-width: 1277px;
    width: 100%;
    margin: 0 auto;
    padding: 0 15px;
}

.our-interior .our-interior-inner h3 {
    font-size: 17px;
    color: #000000;
    font-weight: 500;
    border-bottom: 1px solid #f3a833;
    padding-bottom: 7px;
    max-width: 225px;
    width: 100%;
    margin: 0 auto;
    position: relative;
    margin-bottom: 20px;
    text-align: center;
}

.our-interior .our-interior-inner h3::after {
    content: '';
    width: 100px;
    height: 3px;
    background-color: #f3a833;
    position: absolute;
    left: 0;
    right: 0;
    bottom: -2px;
    margin: 0 auto;
}

.our-interior .our-interior-block {
    /* width: 300px; */
    /* height: 263px; */
    height: 315px;
    border-radius: 10px;
    filter: drop-shadow(0px 3px 2.5px rgba(196, 203, 207, 0.34));
    background-color: #ffffff;
    margin: 0 7.5px;
    border-bottom: 1px solid rgba(196, 203, 207, 0.34);
}

.our-interior .our-interior-block a {
    display: block;
}

.our-interior .our-interior-block .our-interior-img {
    height: 170px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    overflow: hidden;
}

.our-interior .our-interior-block .our-interior-img img {
    width: 100%;
    height: 100%;
    object-position: center;
    object-fit: cover;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    transition: transform .5s ease;
}

.our-interior .our-interior-block a:hover .our-interior-img img {
    transform: scale(1.3);
}

.our-interior .our-interior-block .our-interior-content {
    padding: 10px 15px;
}

.our-interior .our-interior-block .our-interior-content h4 {
    font-size: 20px;
    line-height: 27px;
    color: #333333;
    font-weight: 600;
    text-align: center;
}

.our-interior .our-interior-block .our-interior-content p {
    font-size: 15px;
    line-height: 20px;
    color: #878484;
    font-weight: 400;
    margin-bottom: 10px;
    text-align: center;
}

/* .our-interior .our-interior-block .our-interior-content span {
    font-size: 14px;
    line-height: 24px;
    color: #f3a833;
    font-weight: 600;
    display: block;
    font-style: italic;
} */
.our-interior .our-interior-block .our-interior-content button {
    /* font-family: 'Ubuntu', sans-serif; */
    width: 35px;
    height: 35px;
    border-radius: 100%;
    background-color: #e1eaea;
    /* font-size: 22px; */
    line-height: 10px;
    color: #000;
    font-weight: 500;
    display: block;
    margin: 0 auto;
}

.our-interior .our-interior-block .our-interior-content button:hover {
    color: #fff;
    background-color: #3333ff;
}

.our-interior .slick-list {
    margin: 0 -7.5px;
}

.our-interior .slick-prev:before,
.our-interior .slick-next:before {
    content: none;
}

.our-interior .slick-arrow {
    width: 50px;
    height: 50px;
    border-radius: 25px;
    filter: drop-shadow(0px 2px 3.5px #e7e8e8);
    /* z-index: 9; */
    z-index: 1;
}

.our-interior .slick-arrow:hover {
    background-color: #e1eaea;
}

.our-interior .slick-next {
    background: url('../../images/home/right_arrow.png') no-repeat center center #fff;
}

.our-interior .slick-prev {
    background: url('../../images/home/left_arrow.png') no-repeat center center #fff;
}

.our-interior .slick-arrow.slick-disabled {
    display: none !important;
}

.our-app {
    background-color: #eaebec;
    padding: 50px 0;
}

.our-app .our-app-inner {
    max-width: 1277px;
    width: 100%;
    margin: 0 auto;
    padding: 0 15px;
}

.our-app .our-app-inner h3 {
    font-size: 32px;
    color: #000000;
    font-weight: 700;
    font-family: 'Ubuntu', sans-serif;
    margin-bottom: 0;
}

.our-app .our-app-inner p {
    font-size: 17px;
    color: #666666;
    font-weight: 400;
    font-family: 'Ubuntu', sans-serif;
}

.our-app .our-app-inner {
    display: flex;
}

.our-app .our-app-inner .our-app-left {
    width: 50%;
}

.our-app .our-app-inner .our-app-left .mobile-app-qrcode {
    display: flex;
}

.our-app .our-app-inner .our-app-left .mobile-app-qrcode .android {
    margin-right: 45px;
    max-width: 240px;
    width: 100%;
    display: flex;
    align-items: flex-end;
}

.our-app .our-app-inner .our-app-left .mobile-app-qrcode .android .android-app-icon {
    margin-right: 8px;
}

.our-app .our-app-inner .our-app-left .mobile-app-qrcode .android p {
    font-size: 12px;
    color: #666666;
    font-weight: 400;
    font-family: 'Ubuntu', sans-serif;
    line-height: normal;
    margin-bottom: 7px;
    display: flex;
}

.our-app .our-app-inner .our-app-left .mobile-app-qrcode .android p span {
    color: #0066ff;
}

.our-app .our-app-inner .our-app-left .mobile-app-qrcode .iphone .iphone-app-code {
    margin-right: 8px;
}

.our-app .our-app-inner .our-app-left .mobile-app-qrcode .iphone {
    max-width: 240px;
    width: 100%;
    display: flex;
    align-items: flex-end;
}

.our-app .our-app-inner .our-app-left .mobile-app-qrcode .iphone p {
    font-size: 12px;
    color: #666666;
    font-weight: 400;
    font-family: 'Ubuntu', sans-serif;
    line-height: normal;
    margin-bottom: 7px;
    display: flex;
}

.our-app .our-app-inner .our-app-left .mobile-app-qrcode .iphone p span {
    color: #0066ff;
}

.our-app .our-app-inner .our-app-right {
    width: 50%;
    display: flex;
    justify-content: flex-end;
    margin: -50px 0;
}

.footer {
    background-color: #183153;
    padding: 40px 0;
}

.footer .footer-inner {
    max-width: 1277px;
    width: 100%;
    margin: 0 auto;
    padding: 0 15px;
    display: flex;
    justify-content: space-between;
}

.footer .footer-inner .footer-indo {
    width: 35%;
}

.footer .footer-inner .footer-indo h5 {
    font-size: 28px;
    letter-spacing: -1px;
    color: #f3f4f5;
    font-weight: 500;
    font-family: 'Ubuntu', sans-serif;
    margin-bottom: 15px;
}

.footer .footer-inner .footer-indo h5 span {
    color: #0066ff;
}

.footer .footer-inner .footer-indo p {
    font-size: 14px;
    line-height: 23px;
    color: #afafaf;
    font-weight: 400;
    margin-bottom: 0;
}

.footer .footer-inner .footer-services {
    width: 15%;
}

.footer .footer-inner .footer-services h6 {
    font-size: 15px;
    color: #f7f4f4;
    font-weight: 500;
    margin-bottom: 15px
}

.footer .footer-inner .footer-services ul {
    margin-bottom: 0;
}

.footer .footer-inner .footer-services ul li a {
    font-size: 14px;
    line-height: 26px;
    color: #afafaf;
    font-weight: 400;
    font-family: 'Ubuntu', sans-serif;
}

.footer .footer-inner .footer-services ul li a:hover {
    color: #0066ff;
}

.footer .footer-inner .footer-company {
    width: 15%;
}

.footer .footer-inner .footer-company h6 {
    font-size: 15px;
    color: #f7f4f4;
    font-weight: 500;
    margin-bottom: 15px;
}

.footer .footer-inner .footer-company .line {
    width: 123px;
    height: 1px;
    background-color: #d1cfcf;
    margin: 20px 0;
}

.footer .footer-inner .footer-company ul {
    margin-bottom: 0;
}

.footer .footer-inner .footer-company ul li a {
    font-size: 14px;
    line-height: 26px;
    color: #afafaf;
    font-weight: 400;
    font-family: 'Ubuntu', sans-serif;
}

.footer .footer-inner .footer-company ul li a:hover {
    color: #0066ff;
}

.footer .footer-inner .footer-download {
    width: 17%;
}

.footer .footer-inner .footer-download h6 {
    font-size: 15px;
    color: #f7f4f4;
    font-weight: 500;
    margin-bottom: 15px;
}

.footer .footer-inner .footer-download .footer-app-img {
    margin-bottom: 25px;
}

.footer .footer-inner .footer-download .footer-app-img a {
    width: 50%;
}

.footer .footer-inner .footer-download .footer-app-img a img {
    width: 100%;
}

.footer .footer-inner .footer-download .footer-app-img a:first-child {
    margin-right: 12px;
}

.footer .footer-inner .footer-download ul {
    display: flex;
    gap: 15px;
    align-items: baseline;
    margin-bottom: 20px;
}

.footer .footer-inner .footer-download ul li a {
    display: inline-block;
}

.footer .footer-inner .footer-download ul li a.yt {
    background: url(../../images/home/footer-youtube.png) no-repeat center center;
    width: 30px;
    height: 22px;
}

.footer .footer-inner .footer-download ul li a.yt:hover {
    background: url(../../images/home/footer-youtube-h.png) no-repeat center center;
}

.footer .footer-inner .footer-download ul li a.fb {
    background: url(../../images/home/footer-facebook.png) no-repeat center center;
    width: 22px;
    height: 22px;
}

.footer .footer-inner .footer-download ul li a.fb:hover {
    background: url(../../images/home/footer-facebook-h.png) no-repeat center center;
}

.footer .footer-inner .footer-download ul li a.tw {
    background: url(../../images/home/footer-twitter.png) no-repeat center center;
    width: 27px;
    height: 22px;
}

.footer .footer-inner .footer-download ul li a.tw:hover {
    background: url(../../images/home/footer-twitter-h.png) no-repeat center center;
}

.footer .footer-inner .footer-download ul li a.ln {
    background: url(../../images/home/footer-linkedin.png) no-repeat center center;
    width: 22px;
    height: 22px;
}

.footer .footer-inner .footer-download ul li a.ln:hover {
    background: url(../../images/home/footer-linkedin-h.png) no-repeat center center;
}

.footer .footer-inner .footer-download .write {
    margin-bottom: 15px;
}

.footer .footer-inner .footer-download .write p {
    font-size: 14px;
    color: #afafaf;
    line-height: normal;
    font-weight: 400;
    font-family: 'Ubuntu', sans-serif;
    margin-bottom: 0;
}

.footer .footer-inner .footer-download .write a {
    font-size: 14px;
    color: #f7f4f4;
    font-weight: 400;
    line-height: normal;
    font-family: 'Ubuntu', sans-serif;
    white-space: pre-wrap;
    word-wrap: break-word;
    word-break: break-all;
    white-space: normal;
    display: block;
}

.footer-bottom {
    background-color: #364253;
}

.footer-bottom .footer-bottom-inner {
    max-width: 1277px;
    width: 100%;
    margin: 0 auto;
    padding: 0 15px;
    display: flex;
    justify-content: center;
    font-size: 14px;
    line-height: 26px;
    color: #afafaf;
    font-weight: 400;
    font-family: 'Ubuntu', sans-serif;
    padding: 20px 0;
}

.service-page {
    background-color: #f5f5f5;
}

.service-page .service-banner {
    position: relative;
    background-color: #dff2cd;
    padding-bottom: 40px;
}

.service-page .service-banner .service-banner-flex {
    display: flex;
    max-width: 1300px;
    margin: 0 auto;
    margin-top: 50px;
    padding: 0 50px;
}

.service-page .service-banner .we-offer {
    max-width: 550px;
    width: 100%;
    padding-top: 40px;
}

.service-page .service-banner .we-offer h1 {
    font-size: 34px;
    line-height: 42px;
    color: #181b30;
    font-weight: 500;
    font-family: 'Ubuntu', sans-serif;
    margin-bottom: 27px;
}

.service-page .service-banner .we-offer p {
    font-size: 15px;
    line-height: 22px;
    color: #666666;
    font-weight: 400;
    margin-bottom: 30px;
}
.service-page .service-banner .we-offer a{
    display: inline-block;
    width: auto;
}
.service-page .service-banner .we-offer .input-group-text {
    height: 50px;
    border-radius: 10px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    background-color: #fefefe;
    border: 1px solid #f1f1f1;
    font-size: 16px;
    line-height: 26px;
    color: #000000;
    font-weight: 600;
    width: 100%;
}

.service-page .service-banner .we-offer .become-btn {
    height: 50px;
    border-radius: 10px;
    background-color: #3369e9;
    font-size: 18px;
    line-height: 26px;
    color: #ffffff;
    font-weight: 500;
    padding: 0.47rem 0.75rem;
    display: flex;
    align-items: center;
    justify-content: center;
}

.service-page .service-banner .we-offer .become-btn:hover {
    background-color: #495ac8;
}

.service-page .service-banner .banner-img {
    position: absolute;
    right: 0;
    width: 40%;
    height: 100%;
}

.service-page .service-banner .banner-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.service-page .financial-decision {
    width: 100%;
    border-radius: 20px;
    background-color: #fefefe;
    margin-bottom: 25px;
    padding: 25px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.service-page .financial-decision p {
    font-size: 16px;
    line-height: 26px;
    color: #666666;
    font-weight: 400;
    max-width: 330px;
    margin-bottom: 0;
}

.service-page .financial-decision .decision-btns {
    display: flex;
    justify-content: center;
    gap: 15px;
    width: calc(100% - 480px);
}

.service-page .financial-decision .more-btn {
    max-width: 330px;
    width: 100%;
    height: 50px;
    border-radius: 10px;
    background-color: #66cc66;
    font-size: 18px;
    color: #ffffff;
    font-weight: 400;
}

.service-page .financial-decision .more-btn:hover {
    background-color: #388338;
}

.service-page .financial-decision .input-group-text {
    height: 50px;
    border-radius: 10px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    background-color: #fefefe;
    border: 1px solid #f1f1f1;
    font-size: 16px;
    line-height: 26px;
    color: #000000;
    font-weight: 600;
}

.service-page .financial-decision .become-btn {
    height: 50px;
    border-radius: 10px;
    background-color: #3369e9;
    font-size: 18px;
    line-height: 26px;
    color: #ffffff;
    font-weight: 500;
    padding: 0.47rem 0.75rem;
    display: flex;
    align-items: center;
    justify-content: center;
}

.service-page .financial-decision .become-btn:hover {
    background-color: #495ac8;
}

.service-page .membership-benefits {
    width: 100%;
    border-radius: 25px;
    background-color: #e0f1ff;
    margin: 0 auto;
    margin-bottom: 35px;
    padding: 30px 35px;
    position: relative;
    overflow: hidden;
}

.service-page .membership-benefits h3 {
    font-size: 24px;
    line-height: 26px;
    color: #333333;
    font-weight: 600;
    display: inline-block;
    margin-bottom: 20px;
}

.service-page .membership-benefits p {
    font-size: 16px;
    line-height: 26px;
    color: #666666;
    font-weight: 400;
    max-width: 590px;
}

.service-page .membership-benefits p a {
    color: #666666;
    text-decoration: underline !important;
}

.service-page .membership-benefits .benefits-list {
    display: flex;
    gap: 30px;
}

.service-page .membership-benefits ul {
    margin-bottom: 20px;
}

.service-page .membership-benefits ul li {
    font-size: 15px;
    line-height: 30px;
    color: #000000;
    font-weight: 400;
    display: flex;
}

.service-page .membership-benefits ul li span {
    margin-right: 10px;
}
.service-page .membership-benefits .become-anocher{
    display: inline-block;
    width: auto;
}
.service-page .membership-benefits .input-group-text {
    background-color: #fefefe;
    height: 50px;
    border-radius: 10px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    font-size: 16px;
    line-height: 26px;
    color: #000000;
    font-weight: 600;
    width: 100%;
}

.service-page .membership-benefits .become-btn {
    height: 50px;
    border-radius: 10px;
    background-color: #2744f0;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    font-size: 18px;
    line-height: 26px;
    color: #ffffff;
    font-weight: 500;
    padding: 0.47rem 0.75rem;
    display: flex;
    align-items: center;
    justify-content: center;
}

.service-page .membership-benefits .become-btn:hover {
    background-color: #495ac8;
}

.service-page .membership-benefits .benefits-bg {
    position: absolute;
    right: 40px;
    bottom: 0;
    max-width: 275px;
    width: 100%;
}


.service-page .services-list {
    padding: 30px 0;
    max-width: 1200px;
    margin: 0 auto;
}

.services-wrap {
    display: flex;
    flex-wrap: wrap;
    gap: 45px;
    margin-bottom: 35px;
}

.services-wrap .services-box {
    max-width: 370px;
    width: 100%;
    height: auto;
    border-radius: 30px;
    padding: 0 34px;
    padding-bottom: 35px;
    position: relative;
    overflow: hidden;
    z-index: 9;
}

.services-wrap .services-box::after {
    content: '';
    width: 450px;
    height: 100%;
    display: block;
    position: absolute;
    left: 50%;
    bottom: 50px;
    background-color: #fff;
    border-radius: 35%;
    z-index: -1;
    transform: translateX(-50%)
}

.services-wrap .services-box .top-ic {
    width: 90px;
    height: auto;
    margin: 0 auto;
    display: block;
}

.services-wrap .services-box .box-title {
    margin-top: 10px;
    font-size: 16px;
    line-height: 24px;
    text-decoration: underline;
    color: #000000;
    font-weight: 600;
    text-align: center;
}

.services-wrap .services-box p {
    font-size: 14px;
    line-height: 19px;
    color: #666666;
    font-weight: 400;
    text-align: center;
    margin: 7px 0 12px 0;
}

.services-wrap .services-box ul {
    margin-bottom: 20px;
}

.services-wrap .services-box ul li {
    font-size: 14px;
    line-height: 26px;
    color: #333333;
    font-weight: 500;
    padding-left: 20px;
}

.services-wrap .services-box ul li {
    background: url('../../images/service/list-dot.png') no-repeat left center;
}

.services-wrap .services-box .btn {
    font-size: 18px;
    line-height: 26px;
    color: #333333;
    font-weight: 500;
    width: 180px;
    height: 50px;
    border-radius: 10px;
    background-color: #fefefe;
    display: block;
    margin: 0 auto;
}

.services-wrap .property-box {
    background-color: #dff8eb;
}

.services-wrap .property-box .btn {
    border: 1px solid #99e8bf;
}

.services-wrap .repair-box {
    background-color: #e0f1ff;
}

.services-wrap .repair-box .btn {
    border: 1px solid #b7deff;
}

.services-wrap .legal-box {
    background-color: #d0eab8;
}

.services-wrap .legal-box .btn {
    border: 1px solid #d0eab8;
}

.services-wrap .construction-box {
    background-color: #e3def7;
}

.services-wrap .construction-box .btn {
    border: 1px solid #c8bcfc;
}

.services-wrap .interior-box {
    background-color: #ffedef;
}

.services-wrap .interior-box .btn {
    border: 1px solid #ffa2ab;
}

.services-wrap .furnish-box {
    background-color: #f9eecf;
}

.services-wrap .furnish-box .btn {
    border: 1px solid #fcde88;
}

.services-wrap .home-box {
    background-color: #e5fff8;
}

.services-wrap .home-box .btn {
    border: 1px solid #7febce;
}

.services-wrap .buying-box {
    background-color: #d0eab8;
}

.services-wrap .buying-box .btn {
    border: 1px solid #aed786;
}

.services-wrap .investment-box {
    background-color: #fbdef3;
}

.services-wrap .investment-box .btn {
    border: 1px solid #f2acd2;
}

.property-box {
    background-color: #fefefe;
}

.interior-page {
    background-color: #f5f6f6;
}

.interior-page .interior-banner {
    position: relative;
    background-color: #a7b7b7;
}

.interior-page .interior-banner {
    width: 100%;
    height: 595px;
    object-fit: cover;
}

.interior-page .interior-banner .your-space {
    position: absolute;
    top: 0;
    max-width: 600px;
    left: 100px;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background: rgba(168, 176, 231, 0.9);
    max-width: 374px;
    width: 100%;
    padding: 25px;
}

.interior-page .interior-banner .your-space h1 {
    font-size: 44px;
    line-height: 47px;
    color: #000000;
    font-weight: 700;
    font-family: 'Ubuntu', sans-serif;
    text-align: center;
}


.interior-page .interior-banner .your-space p {
    font-size: 16px;
    line-height: 21px;
    color: #333333;
    font-weight: 500;
    text-align: center;
    margin-bottom: 25px;
    max-width: 300px;
}

.interior-page .interior-banner .your-space button {
    font-size: 15px;
    line-height: 26px;
    color: #ffffff;
    font-weight: 500;
    width: 280px;
    height: 50px;
    border-radius: 10px;
    background-color: #253cd6;
}

.interior-page .interior-banner .banner-bg {
    width: 100%;
    object-fit: cover;
    height: 100%;
}

.consulat-process {
    background-color: #f6f8f9;
    max-width: 1150px;
    width: 100%;
    margin: 50px auto;
}

.consulat-process .consulat-process-left {
    width: 304px;
    filter: drop-shadow(0px 3px 2px rgba(153, 153, 153, 0.24));
    background-color: #e1c6ab;
    padding: 40px;
    display: flex;
    gap: 20px;
    align-items: center;
}

.consulat-process .consulat-process-left p {
    font-size: 16px;
    line-height: 22px;
    color: #333333;
    font-weight: 500;
}

.consulat-process .consulat-process-right {
    display: flex;
    flex-wrap: wrap;
    width: 100%
}



.consulat-process .consulat-process-right .step1 {
    width: 25%;
    display: flex;
    flex-direction: column;
    gap: 15px;
    align-items: center;
    padding: 15px;
    text-align: center;
}

.consulat-process .consulat-process-right .step1 img {
    width: 180px;
    height: 180px;
    border-radius: 50%;
    object-fit: cover;
}

.consulat-process .consulat-process-right .step1 h3 {
    font-size: 17px;
    line-height: 26px;
    color: #000200;
    font-weight: 500;
    font-family: 'Ubuntu', sans-serif;
}

.consulat-process .consulat-process-right .step1 p {
    font-size: 14px;
    line-height: 20px;
    color: #666666;
    font-weight: 400;
    font-family: 'Ubuntu', sans-serif;
    margin-bottom: 0;
}

.consulat-process .consulat-process-right .step2 {
    width: 25%;
    display: flex;
    flex-direction: column;
    gap: 15px;
    align-items: center;
    padding: 15px;
    text-align: center;
}

.consulat-process .consulat-process-right .step2 img {
    width: 180px;
    height: 180px;
    border-radius: 50%;
    object-fit: cover;
}

.consulat-process .consulat-process-right .step2 h3 {
    font-size: 17px;
    line-height: 18px;
    color: #000200;
    font-weight: 500;
    font-family: 'Ubuntu', sans-serif;
}

.consulat-process .consulat-process-right .step2 p {
    font-size: 14px;
    line-height: 20px;
    color: #666666;
    font-weight: 400;
    font-family: 'Ubuntu', sans-serif;
    margin-bottom: 0;
}

.consulat-process .consulat-process-right .step3 {
    width: 25%;
    display: flex;
    flex-direction: column;
    gap: 15px;
    align-items: center;
    padding: 15px;
    text-align: center;
}

.consulat-process .consulat-process-right .step3 img {
    width: 180px;
    height: 180px;
    border-radius: 50%;
    object-fit: cover;
}

.consulat-process .consulat-process-right .step3 h3 {
    font-size: 17px;
    line-height: 18px;
    color: #000200;
    font-weight: 500;
    font-family: 'Ubuntu', sans-serif;
}

.consulat-process .consulat-process-right .step3 p {
    font-size: 14px;
    line-height: 20px;
    color: #666666;
    font-weight: 400;
    font-family: 'Ubuntu', sans-serif;
    margin-bottom: 0;
}

.consulat-process .consulat-process-right .step4 {
    width: 25%;
    display: flex;
    flex-direction: column;
    gap: 15px;
    align-items: center;
    padding: 15px;
    text-align: center;
}

.consulat-process .consulat-process-right .step4 img {
    width: 180px;
    height: 180px;
    border-radius: 50%;
    object-fit: cover;
}

.consulat-process .consulat-process-right .step4 h3 {
    font-size: 17px;
    line-height: 18px;
    color: #000200;
    font-weight: 500;
    font-family: 'Ubuntu', sans-serif;
}

.consulat-process .consulat-process-right .step4 p {
    font-size: 14px;
    line-height: 20px;
    color: #666666;
    font-weight: 400;
    font-family: 'Ubuntu', sans-serif;
    margin-bottom: 0;
}

.consulat-process h6 {
    display: block;
    padding: 0 15px;
    font-size: 24px;
    color: #000000;
    font-weight: 500;
    padding-bottom: 7px;
    width: 100%;
    margin: 0 auto;
    position: relative;
    margin-bottom: 20px;
    text-align: center;
}


.interior-videos {
    max-width: 1150px;
    width: 100%;
    margin: 50px auto;
    padding-bottom: 50px;
}

.interior-videos h3 {
    font-size: 24px;
    color: #000000;
    font-weight: 500;
    padding-bottom: 7px;
    width: 100%;
    margin: 0 auto;
    position: relative;
    margin-bottom: 20px;
    text-align: center;
}

.interior-videos ul li {
    margin: 0 15px;
}

.interior-videos ul li h4 {
    font-size: 16px;
    line-height: 27px;
    text-decoration: underline;
    color: #333333;
    font-weight: 600;
    text-align: center;
    margin-bottom: 0;
    margin-top: 8px;
}

.interior-videos ul li p {
    font-size: 14px;
    line-height: 20px;
    color: #666666;
    font-weight: 400;
    text-align: center;
    max-width: 250px;
    width: 100%;
    margin: 0 auto;
}

.interior-videos ul .slick-list {
    margin: 0 -15px;
}

.interior-videos ul li a {
    border-radius: 15px;
    overflow: hidden;
    position: relative;
}

.interior-videos ul li a img {
    width: 100%;
    border-radius: 15px;
}

.interior-videos ul li ul {
    display: flex;
    gap: 7px;
    margin-top: 10px;
    flex-wrap: nowrap;
}

.interior-videos ul li ul li {
    margin: 0 !important;
    width: 33%;
}

.interior-videos ul li ul li a {
    border-radius: 10px;
    overflow: hidden;
}

.interior-videos ul li ul li a img {
    border-radius: 10px;
    overflow: hidden;
    height: 65px;
    ;
}

.interior-videos ul .slick-prev {
    background: url(../../images/home/right_arrow.png) no-repeat center center #fff;
    transform: rotate(180deg);
}

.interior-videos ul .slick-next {
    background: url(../../images/home/right_arrow.png) no-repeat center center #fff;
}

.interior-videos ul .slick-arrow {
    width: 50px;
    height: 50px;
    border-radius: 25px;
    border: 1px solid #fdeeef;
    z-index: 9;
}

.interior-videos ul .slick-arrow.slick-prev {
    top: auto;
    bottom: -87px;
    left: 39%;
}

.interior-videos ul .slick-arrow.slick-next {
    top: auto;
    bottom: -110px;
    right: 39%;
}

.interior-videos ul .slick-arrow:hover {
    background-color: #e1eaea;
}

.interior-videos ul .slick-arrow::before {
    content: none;
}

/* .interior-videos ul .slick-arrow.slick-disabled {
    display: none !important;
} */

.interior-videos .slick-dots {
    bottom: -70px;
}

.video-thumb-img {
    position: absolute;
    width: 60px !important;
    height: 60px !important;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 999;
}

.Overlay-thumb::after {
    border-radius: 15px;
    content: "";
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 100;
    background: rgba(0, 0, 0, 0.2)
}

.interior-videos .slick-dots li {
    width: 10px;
    height: 10px;
    margin: 0 5px;
}

.interior-videos .slick-dots li button {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background-color: #e0e4e4;
}

.interior-videos .slick-dots li.slick-active button {
    background-color: #5b6ff2;
}

.interior-videos .slick-dots li button::before {
    content: none;
}

.interior-images {
    background-color: #ffffff;
    padding: 50px 0;
}

.interior-images .interior-images-inner {
    max-width: 1150px;
    width: 100%;
    margin: 0 auto;
}

.interior-images .interior-images-inner h3 {
    font-size: 24px;
    color: #000000;
    font-weight: 500;
    text-align: center;
}

.interior-images .interior-images-inner p {
    font-size: 14px;
    line-height: 19px;
    color: #666666;
    font-weight: 400;
    text-align: center;
    max-width: 630px;
    margin: 0 auto;
    margin-bottom: 30px;
}

.interior-images ul .slick-list {
    margin: 0 -15px;
}

.interior-images ul li {
    margin: 0 15px;
}

.interior-images ul .slick-arrow::before {
    content: none;
}

.interior-images ul .slick-arrow {
    width: 50px;
    height: 50px;
    border-radius: 25px;
    border: 1px solid #fdeeef;
    z-index: 9;
}

.interior-images ul .slick-arrow:hover {
    background-color: #e1eaea;
}

.interior-images ul .slick-arrow.slick-disabled {
    display: none !important;
}

.interior-images ul .slick-next {
    background: url(../../images/home/right_arrow.png) no-repeat center center #fff;
}

.interior-images ul .slick-prev {
    background: url(../../images/home/right_arrow.png) no-repeat center center #fff;
    transform: rotate(180deg);
}

/* .interior-images ul li a .top-img {
    height: 210px;
} */
.interior-images ul li a .top-img {
    border-radius: 20px;
    overflow: hidden;
}

.interior-images ul li a .top-img img {
    width: 100%;
    height: auto;
    object-fit: cover;
}

.interior-images ul li a .content {
    padding: 12px 40px 0;
    background-color: #fff;
    text-align: center;
}

.interior-images ul li a .content h4 {
    font-size: 17px;
    line-height: 27px;
    color: #333333;
    font-weight: 600;
    margin-bottom: 0;
}

.interior-images ul li a .content p {
    font-size: 15px;
    line-height: 20px;
    color: #878484;
    font-weight: 400;
    margin-bottom: 0;
}

.interior-images ul li a .content button {
    font-family: 'Ubuntu', sans-serif;
    width: 35px;
    height: 35px;
    border-radius: 17px;
    background-color: #fdeeef;
    font-size: 22px;
    line-height: 10px;
    color: #eb595f;
    font-weight: 500;
}

.interior-images ul li a .content button:hover {
    color: #000200;
    background-color: #e9ecec;
}

.why-choose {
    background-color: #ffffff;
    padding: 50px 0;
}

.why-choose .why-choose-inner {
    max-width: 1150px;
    width: 100%;
    margin: 0 auto;
    display: flex;
    align-items: center;
    gap: 10%;
}

.why-choose .why-choose-left {
    width: 50%;
}

.why-choose .why-choose-left img {
    width: 100%;
}

.why-choose .why-choose-left h5 {
    display: none;
    font-size: 20px;
    color: #000000;
    font-weight: 500;
    border-bottom: 1px solid #867cc5;
    padding-bottom: 7px;
    max-width: 170px;
    width: 100%;
    position: relative;
    margin-bottom: 20px;
    text-align: center;
    margin: 0 auto;
}

.why-choose .why-choose-left h5::after {
    content: '';
    width: 100px;
    height: 3px;
    background-color: #867cc5;
    position: absolute;
    left: 0;
    right: 0;
    bottom: -2px;
    margin: 0 auto;
}

.why-choose .why-choose-right {
    width: 50%;
    margin-left: 50px;
}

.why-choose .why-choose-right h5 {
    font-size: 20px;
    color: #000000;
    font-weight: 500;
    border-bottom: 1px solid #867cc5;
    padding-bottom: 7px;
    max-width: 170px;
    width: 100%;
    position: relative;
    margin-bottom: 20px;
    text-align: center;
}

.why-choose .why-choose-right h5::after {
    content: '';
    width: 100px;
    height: 3px;
    background-color: #867cc5;
    position: absolute;
    left: 0;
    right: 0;
    bottom: -2px;
    margin: 0 auto;
}

.why-choose .why-choose-right ul li {
    font-size: 17px;
    line-height: 35px;
    color: #333333;
    font-weight: 400;
    font-family: 'Ubuntu', sans-serif;
    position: relative;
    padding-left: 25px;
}

.why-choose .why-choose-right ul li::before {
    content: url('../../images/Interior/tick.png');
    position: absolute;
    left: 0;
    top: 3px;
}

.dream-space {
    background-color: #f6f8f9;
    padding: 50px 0;
}

.dream-space-inner {
    max-width: 1150px;
    width: 100%;
    margin: 0 auto;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 20%;
}

.dream-space h2 {
    font-size: 30px;
    line-height: 35px;
    color: #333333;
    font-weight: 400;
    font-family: 'Ubuntu', sans-serif;
    margin-bottom: 20px;
}

.dream-space button {
    max-width: 280px;
    width: 100%;
    height: 50px;
    border-radius: 10px;
    background-color: #3369e9;
    font-size: 15px;
    line-height: 35px;
    color: #f5f6f6;
    font-weight: 500;
}

.frequently {
    background-color: #ffffff;
    padding: 50px 0;
}

.frequently .frequently-inner {
    max-width: 1150px;
    width: 100%;
    margin: 0 auto;
}

.frequently .frequently-inner h3 {
    font-size: 24px;
    color: #000000;
    font-weight: 500;
    margin-bottom: 25px;
    text-align: center;
}

.frequently .frequently-inner .faq-head {
    background-color: #f5f6f8 !important;
}

.frequently .frequently-inner .faq-head h2 button {
    background-color: #f5f6f8 !important;
    color: #000000 !important;
}

/* .frequently .frequently-inner .accordion-body p{
    color: #000000 !important;
} */
.trusted-partner {
    padding-top: 50px;
}

.trusted-partner h3 {
    font-size: 24px !important;
    line-height: 26px !important;
    color: #000000 !important;
    max-width: 100% !important;
    border-bottom: 0 !important;
    font-family: 'Ubuntu', sans-serif;
}

.trusted-partner h3::after {
    content: none !important;
}

.end-to-end {
    background-color: #ffffff;
    padding: 50px 0;
}

.end-to-end .end-to-end-inner {
    max-width: 1150px;
    width: 100%;
    margin: 0 auto;
}

.end-to-end .end-to-end-inner h3 {
    font-size: 24px;
    line-height: 26px;
    color: #000000;
    font-weight: 500;
    margin-bottom: 30px;
    text-align: center;
}

.end-to-end .end-to-end-inner ul {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 0;
}

.end-to-end .end-to-end-inner ul li {
    width: 16.666%;
    margin-bottom: 25px;
}

.end-to-end .end-to-end-inner ul li img {
    width: 80px;
    height: auto;
    display: block;
    margin: 0 auto;
}

.end-to-end .end-to-end-inner ul li .end-title {
    font-size: 14px;
    line-height: 26px;
    color: #666666;
    font-weight: 500;
    text-align: center;
}

#interior-image-modal .modal-dialog {
    max-width: 900px;
    margin: 0 auto;
    height: 100%;
}

.interior-image-modal .modal-dialog {
    max-width: 900px;
    margin: 0 auto;
    height: 100%;
}

#interior-image-modal .modal-dialog .modal-content {
    border-radius: 0;
}


.interior-image-modal .modal-dialog .modal-content {
    border-radius: 0;
}

#interior-image-modal .modal-header {
    flex-direction: column;
    align-items: flex-start;
    position: relative;
}

.interior-image-modal .modal-header {
    flex-direction: column;
    align-items: flex-start;
    position: relative;
}

#interior-image-modal .modal-header h5 {
    font-size: 19px;
    line-height: 27px;
    color: #333333;
    font-weight: 600;
    margin-bottom: 0;
    text-align: left;
}

.interior-image-modal .modal-header h5 {
    font-size: 19px;
    line-height: 27px;
    color: #333333;
    font-weight: 600;
    margin-bottom: 0;
    text-align: left;
}

#interior-image-modal .modal-header p {
    font-size: 15px;
    line-height: 20px;
    color: #878484;
    font-weight: 400;
    margin-bottom: 0;
    text-align: left;
}

.interior-image-modal .modal-header p {
    font-size: 15px;
    line-height: 20px;
    color: #878484;
    font-weight: 400;
    margin-bottom: 0;
    text-align: left;
}

#interior-image-modal .modal-header .btn-close {
    position: absolute;
    right: 15px;
    background: none;
}

.interior-image-modal .modal-header .btn-close {
    position: absolute;
    right: 15px;
    background: none;
}

#interior-image-modal .modal-body {
    text-align: center;
}

.interior-image-modal .modal-body {
    text-align: center;
}

#interior-image-modal .modal-body img {
    width: 100%;
    margin-bottom: 15px;
    max-width: fit-content;
}

.interior-image-modal .modal-body img {
    width: 100%;
    margin-bottom: 15px;
    max-width: fit-content;
}

#interior-video-modal .modal-dialog {
    height: 416px;
    max-width: 740px;
    border-radius: 15px;
}

.interior-video-modal .modal-dialog {
    height: 416px;
    max-width: 740px;
    border-radius: 15px;
}

#interior-video-modal .modal-body {
    padding: 0;
    position: relative
}

.interior-video-modal .modal-body {
    padding: 0;
    position: relative
}

#interior-video-modal .modal-body iframe {
    width: 100%;
    height: 100%;
}

.interior-video-modal .modal-body iframe {
    width: 100%;
    height: 100%;
}

#interior-video-modal .modal-body .btn-close {
    width: 50px;
    height: 40px;
    border-radius: 0;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    background-color: #ffffff;
    position: absolute;
    right: 0;
    top: -49px;
    background-image: none;
    opacity: 1;
}

.interior-video-modal .modal-body .btn-close {
    width: 50px;
    height: 40px;
    border-radius: 0;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    background-color: #ffffff;
    position: absolute;
    right: 0;
    top: -49px;
    background-image: none;
    opacity: 1;
}



.contact-us {
    max-width: 670px;
    width: 100%;
    margin: 0 auto;
    padding-top: 60px;
    background-color: #f2f7f7;
    padding-bottom: 60px;
}

.contact-us .breadcrumb {
    margin-bottom: 5px;
}

.contact-us .breadcrumb-item>a,
.contact-us .breadcrumb li {
    font-size: 13px;
    line-height: 26px;
    color: #333333;
    font-weight: 400;
}

.contact-us .contact-us-inner {
    padding: 25px;
    border-radius: 8px;
    filter: drop-shadow(0px 4px 3.5px rgba(0, 0, 0, 0.1));
    background-color: #ffffff;
    margin-bottom: 30px;
}

.contact-us .contact-us-inner h1 {
    font-size: 28px;
    line-height: 26px;
    color: #333333;
    font-weight: 600;
    margin-bottom: 20px;
    position: absolute;
    left: 0;
    top: -50px;
}

.contact-us .contact-us-inner .contact-form {
    display: flex;
    position: relative;
    margin-top: 50px;
}

.contact-us .contact-us-inner .contact-form .contact-form-left {
    width: 325px;
    padding-right: 25px;
    border-right: 1px solid #e0e4e4;
}

.contact-us .contact-us-inner .contact-form .contact-form-right {
    padding-left: 25px;
    width: calc(100% - 325px);
    position: relative;
}

.contact-us .contact-us-inner .contact-form .contact-form-right p {
    font-size: 17px;
    color: #333333;
    font-weight: 600;
    line-height: normal;
    margin-bottom: 10px;
}

.contact-us .contact-us-inner .contact-form .contact-form-right .phone-icon {
    margin: 10px 0;
    max-width: 108px;
    width: 100%;
}

.contact-us .contact-us-inner .contact-form .contact-form-right .contact-logo {
    position: absolute;
    bottom: 0;
    right: 0;
}

.contact-us .contact-us-inner .contact-form .contact-form-right p.contact-num {
    font-size: 27px;
    font-family: 'Ubuntu', sans-serif;
    font-weight: 400;
}

.contact-us .contact-us-inner form input[type="text"],
.contact-us .contact-us-inner form input[type="email"] {
    max-width: 300px;
    width: 100%;
    height: 46px;
    border-radius: 8px;
    background-color: #ffffff;
    border: 1px solid #e7e9eb;
    font-size: 14px;
    color: #999999;
    font-weight: 400;
}

.contact-us .contact-us-inner form input[type="number"] {
    height: 46px;
    border-radius: 8px;
    background-color: #ffffff;
    border: 1px solid #e7e9eb;
    font-size: 14px;
    color: #999999;
    font-weight: 400;
}

.contact-us .contact-us-inner form textarea {
    max-width: 300px;
    width: 100%;
    height: 122px;
    border-radius: 8px;
    background-color: #ffffff;
    border: 1px solid #e7e9eb;
    resize: none;
    font-size: 14px;
    color: #999999;
    font-weight: 400;
}

.contact-us .contact-us-inner form [type="submit"] {
    max-width: 300px;
    width: 100%;
    height: 47px;
    border-radius: 8px;
    background-color: #697df4;
    font-size: 16px;
    color: #ffffff;
    font-weight: 600;
}

.contact-us .contact-us-inner form .code-phonenum {
    display: flex;
    justify-content: space-between;
    max-width: 300px;
    width: 100%;
}

.contact-us .contact-us-inner form .code-phonenum .country-code {
    width: 35%;
    margin-right: 5px;
}

.contact-us .contact-us-inner form .phone-number {
    width: 65%;
}

.contact-us .contact-us-inner form .code-phonenum .select {
    width: 100px;
    height: 46px;
    border-radius: 8px;
    background-color: #ffffff;
    border: 1px solid #e7e9eb;
    font-size: 15px;
    color: #000000;
    font-weight: 400;
    display: flex;
    align-items: center;
}

.contact-us .contact-us-inner form .select {
    max-width: 300px;
    width: 100%;
    height: 46px;
    border-radius: 8px;
    background-color: #ffffff;
    border: 1px solid #e7e9eb;
    font-size: 14px;
    color: #666666;
    font-weight: 400;
    display: flex;
    align-items: center;
}

.mobile-select {
    display: none;
}

.office-address {
    border-radius: 10px;
    background-color: #395775;
    padding: 25px;
    display: flex;
    align-items: center;
}

.office-address .office-address-left {
    width: 45%;
    padding-right: 25px;
    font-size: 17px;
    color: #ffffff;
    font-weight: 600;
    position: relative;
}

.office-address .office-address-right {
    width: 55%;
    padding-left: 25px;
    border-left: 1px solid #fff;
}

.office-address .office-address-right p {
    margin-bottom: 0;
    font-size: 15px;
    line-height: 23px;
    color: #ffffff;
    font-weight: 400;
    font-family: 'Ubuntu', sans-serif;
}

.contact-us .sucess-message-div {
    min-height: 433px;
}

.contact-us .sucess-message-div h1 {
    font-size: 17px;
    line-height: 26px;
    color: #00cc00;
    font-weight: 600;
    margin-bottom: 30px;
}

.contact-us .sucess-message-div p {
    font-size: 17px;
    line-height: 24px;
    color: #333333;
    font-weight: 400;
    margin-bottom: 30px;
}

.contact-us .sucess-message-div a {
    display: block;
    font-size: 17px;
    line-height: 24px;
    color: #697df4;
    font-weight: 400;
    margin-bottom: 20px;
}

.sucess-msg img {
    max-width: 42px;
    width: 100%;
    margin: 0 auto;
    display: block;
    margin-top: 40px;
}

.sucess-msg .msg {
    font-size: 16px;
    line-height: 26px;
    color: #15bf76;
    font-weight: 500;
    text-align: center;
    margin-bottom: 40px;
}

.sucess-msg .thank-you-text {
    font-size: 16px;
    line-height: 23px;
    color: #5b6ff2;
    font-weight: 500;
    text-align: center;
    margin-bottom: 25px;
}

.sucess-msg p {
    font-size: 16px;
    line-height: 23px;
    color: #333333;
    font-weight: 400;
    text-align: center;
}

/* static pages */

.about-us {
    max-width: 700px;
    width: 100%;
    margin: 0 auto;
    padding-top: 60px;
    padding-bottom: 60px;
}

.about-us-inner {
    width: 100%;
    padding: 0;
    margin: 0;
    margin-top: 25px;

}

.about-us-inner h1 {
    font-family: 'Ubuntu', sans-serif;
    text-align: center;
    font-size: 32px;
    position: relative;
    width: 170px;
    margin: 0 auto;
    margin-top: 25px;
    margin-bottom: 23px;

}

.about-us-inner h1.people {
    width: 134px;
}

.about-us-inner h1::after {
    content: " ";
    position: absolute;
    right: 6px;
    bottom: 8px;
    width: 6px;
    height: 6px;
    border-radius: 100%;
    background-color: #6666ff;
}


.about-us-sub {
    width: 100%;
    padding: 0;
    margin: 0;
    margin-bottom: 10px;
    display: inline-block;

}

.about-us-sub img {
    width: 100%;
}

.about-us-sub p {
    font-size: 15px;
    color: #333333;
    line-height: 26px;
    margin: 15px 0;
}


.people-us-sub {
    width: 100%;
    padding: 0;
    margin: 0;
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
}


.people-main {
    height: 75px;
    background-color: #fff;
    width: 340px;
    border-radius: 15px;
    overflow: hidden;
    display: flex;

}


.people-main img {
    width: 75px;
    height: 75px;
}

.main-cont {
    width: calc(100% - 75px);
    margin-left: 15px;
    display: flex;
    align-items: center;
}

.main-names {
    width: 100%;
}

.main-names p {
    width: 100%;
    font-size: 16px;
    color: #333;
    margin: 0;
    font-weight: 500;
}

.main-names span {
    width: 100%;
    font-size: 14px;
    color: #7e8282;

}

.staic-pages {
    max-width: 700px;
    width: 100%;
    margin: 0 auto;
    padding-top: 60px;
    padding-bottom: 60px;
}

.staic-pages-inner {
    width: 100%;
    padding: 0;
    margin: 0;
    margin-top: 25px;

}

.staic-pages-title {
    background-color: #fff;
    border-radius: 15px;
    width: 100%;
    text-align: center;
    padding: 35px 0;
    margin-bottom: 15px;
}

.staic-pages-title h1 {
    font-family: 'Ubuntu', sans-serif;
    text-align: center;
    font-size: 26px;
    position: relative;
    width: 200px;
    margin: 0 auto;
    font-weight: 600;

}

.staic-pages-title h1.faqs {
    width: 90px;
}


.staic-pages-title h1::after {
    content: " ";
    position: absolute;
    right: 6px;
    bottom: 8px;
    width: 6px;
    height: 6px;
    border-radius: 100%;
    background-color: #6666ff;
}

.staic-pages-sub {
    background-color: #fff;
    border-radius: 15px;
    width: 100%;
    padding: 20px;
    color: #333;
    font-size: 15px;
    line-height: 26px;
}

.staic-pages-sub.faq-sub {
    background-color: transparent;
    padding: 0;
}


.faq-head {
    background-color: #fff;
    border-radius: 15px !important;
    margin-bottom: 7px;
    border-bottom: 0;

}


.faq-head h2 button {
    color: #6666ff !important;
    font-size: 15px;
    font-weight: 500;
    background-color: #fff !important;
    box-shadow: none !important;
    border-radius: 15px !important;
    padding: 21px;
}

.faq-head .accordion-body {
    border-top: 1px solid #ebebeb;

}

.faq-head .accordion-body p {
    font-size: 14px;
    color: #333;
}


.header-txt {
    color: #6666ff;
}

.faq-sub .accordion .accordion-item .accordion-button::after {
    background-image: url(../../images/service/plus.png);
    background-position: center;
}

.faq-sub .accordion .accordion-item .accordion-button:not(.collapsed)::after {
    background-image: url(../../images/service/minus.png);
    background-position: center;
}

.pagination {
    justify-content: center !important;
    margin-top: 30px !important;
    margin-bottom: 30px;
}

.page-item:first-child .page-link {
    border-top-left-radius: 8px;
    border-bottom-left-radius: 8px;
}

.page-link {
    border: 1px solid #d0d5dd;
    color: #344054;
    font-weight: 500;
    padding: 9px 15px;
    font-size: 14px;
    display: flex;
    align-items: center;
}

.page-item a img {
    width: 12px;
    height: auto;
}

.page-item:first-child a img {
    margin-right: 10px;
}

.page-item:last-child .page-link {
    border-top-right-radius: 8px;
    border-bottom-right-radius: 8px;
}

.page-item:last-child a img {
    margin-left: 10px;
}

/* payment process */

.payment-process {
    max-width: 410px;
    width: 100%;
    margin: 0 auto;
    padding-top: 100px;
    padding-bottom: 60px;
}

.payment-process-success,
.payment-process-fail {
    width: 100%;
    padding-bottom: 60px;
}


.payment-process-success h2 {
    text-align: center;
    font-size: 20px;
    color: #26ba6e;
    margin: 0;
    margin-bottom: 20px;
}

.payment-process-fail h2 {
    color: #cc3300;
    text-align: center;
    font-size: 20px;
    margin: 0;
    margin-bottom: 15px;
}

.payment-process-success h2 img,
.payment-process-fail h2 img {
    margin-top: 10px;

}

.payment-process-fail p {
    text-align: center;
    width: 100%;
}

.blue-buttons {
    background-color: #3369e9;
    width: 300px;
    margin: 0 auto;
}

.blue-buttons a {
    background-color: #3369e9;
    text-decoration: none;
    color: #fff !important;
    width: 140px;
    height: 46px;
    float: left;
    text-align: center;
    line-height: 46px;
}

.blue-buttons a:hover {
    background-color: #013dcc;
}

.blue-buttons a:nth-child(2) {
    float: right;

}

.blue-buttons-try {
    background-color: #3369e9;
    width: 200px;
    margin: 0 auto;
}

.blue-buttons-try a {
    background-color: #3369e9;
    text-decoration: none;
    color: #fff !important;
    width: 100%;
    height: 46px;
    float: left;
    text-align: center;
    line-height: 46px;
}

.blue-buttons-try a:hover {
    background-color: #013dcc;
}

.payment-process-success table tr td {
    font-family: 'Ubuntu', sans-serif;
    color: #666666;
}

.success-result,
.success-result a {
    font-family: 'Inter', sans-serif !important;
    color: #333 !important;
    text-align: right;
    text-decoration: none;
}

.thank-you-message {
    width: 350px;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    margin: 0 auto;
    padding: 25px;
    background-color: #ffffff;
    height: 475px;
    -webkit-box-shadow: 0 2px 4px rgba(15, 34, 58, .12);
    box-shadow: 0 2px 4px rgba(15, 34, 58, .12);
    z-index: 99999;
}


.thank-you-message .top-msg {
    color: #3300cc;
    margin-bottom: 40px;
    font-size: 15px;
}

.thank-you-message h4 {
    color: #3300cc;
    font-size: 18px;
    margin-bottom: 10px;
}

.thank-you-message .check-mail {
    font-size: 15px;
    color: #000;
    line-height: 20px;
    margin-right: 0;
}

.payment-success .check-mail {
    font-size: 16px;
    color: #3369e9;
    line-height: 20px;
    margin-right: 0;
    text-align: center;
}


.thank-you-message h3 {
    color: #ed421a;
    font-size: 24px;
    margin-top: 20px;
    font-weight: 600;
}

.payment-success>h3 {
    color: #ed421a;
    font-size: 24px;
    margin-top: 20px;
    font-weight: 600;
    text-align: center;

}

.payment-success>.important-note {
    font-size: 14px;
    color: #000;
    margin-right: 0;
    text-align: center;
}

.payment-success p {
    text-align: center;
    color: #000;
}

.thank-you-message .important-note {
    font-size: 14px;
    color: #333;
    margin-right: 0;
}



.thank-you-message img {
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
}

.close-thank-you-message {
    position: absolute;
    top: 20px;
    right: 20px;
    width: 20px;
    height: 20px;
}

.home-search-bar .bootstrap-select>.dropdown-menu ul.dropdown-menu.inner.show {
    min-width: 100% !important;
}

.shortlist {
    position: absolute;
    top: 10px;
    right: 10px;
}

.shortlist .btn {
    width: 101px;
    height: 35px;
    border-radius: 10px;
    background-color: #c3d9da;
    border: 1px solid #999999;
    font-size: 14px;
    line-height: 16px;
    color: #666666;
    font-weight: 400;
    display: flex;
    align-items: center;
    gap: 4px;
}

.shortlist .btn img {
    width: 19px;
    height: auto;
}

.shortlist.active .btn {
    color: #ffffff;
    background-color: #15bf76;
    border: 1px solid #15bf76;
}

.short-list-2 {
    position: absolute;
    top: 10px;
    right: 10px;
}

.short-list-2 .btn {
    padding: 7px;
    width: 40px;
    height: 35px;
    border-radius: 10px;
    background-color: #c3d9da;
    border: 1px solid #999999;
    display: flex;
    align-items: center;
    justify-content: center;
}

.short-list-2 .btn img {
    width: 19px;
    height: auto;
}

.short-list-2.active .btn {
    color: #ffffff;
    background-color: #15bf76;
    border: 1px solid #15bf76;
}

.message-details .upload-files ul li .file-name {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.top-select>.select2-container {
    width: 105px !important;
}

/* .header-chevron-img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
} */
.wishlist-count {
    font-size: 11px;
    line-height: 46px;
    color: #ffffff;
    font-weight: 400;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.wishlist-list {
    position: fixed;
    top: 52px;
    transition: all 0.3s;
    right: -100%;
    width: 360px;
    height: calc(100% - 50px);
    background-color: #ffffff;
    z-index: 9999;
    filter: drop-shadow(0px 3px 3.5px rgba(203, 205, 205, 0.35));
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}

.wishlist-list::before {
    content: '';
    width: 0;
    height: 0;
    border-width: 0 12.5px 12px 12.5px;
    border-color: transparent transparent #E0E4E4 transparent;
    border-style: solid;
    position: absolute;
    left: 55%;
    transform: translateX(-55%);
    top: -12px;
}

.wishlist-list.active {
    right: 0;
}

.wishlist-list .wishlist-top {
    font-size: 15px;
    color: #333333;
    font-weight: 500;
    height: 43px;
    background-color: #e0e4e4;
    padding: 10px 20px;
    display: flex;
    align-items: center;
}

.shorlisted-div {
    padding: 15px 15px;
    overflow-y: auto;
    height: calc(100% - 50px);
}

.shorlisted-div p {
    font-size: 14px;
    line-height: 19px;
    color: #878d8d;
    font-weight: 400;
}

.shorlisted {
    display: flex;
    width: 320px;
    height: 90px;
    border-radius: 10px;
    filter: drop-shadow(3px 0px 3.5px rgba(216, 218, 218, 0.35));
    background-color: #ffffff;
    margin-bottom: 10px;
    position: relative;
    display: none;
}

.shorlisted .shorlisted-left img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
}

.shorlisted .shorlisted-left {
    width: 126px;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
}

.shorlisted .shorlisted-right {
    width: calc(100% - 126px);
    padding: 7px;
}

.shorlisted .shorlisted-right p {
    font-size: 12px;
    line-height: 16px;
    color: #666666;
    font-weight: 400;
    margin-bottom: 0;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.shorlisted .shorlisted-right .price {
    font-size: 15px;
    line-height: 20px;
    color: #5b6ff2;
    font-weight: 400;
    margin: 4px 0;
}

.shorlisted .shorlisted-right .sqft {
    font-size: 13px;
    line-height: 20px;
    color: #666666;
    font-weight: 400;
}

.shorlisted a {
    font-size: 28px;
    color: #878d8d;
    font-weight: 400;
    position: absolute;
    top: 50% !important;
    transform: translateY(-50%) !important;
    right: -7px !important;
}

.shorlisted .shorlisted-anchor {
    position: static;
    display: flex;
    transform: translateY(0) !important;
}

.shorlisted-div #seeMore {
    font-size: 13px;
    line-height: 17px;
    color: #666666;
    font-weight: 400;
    text-align: center;
    cursor: pointer;
    margin-top: 15px;
}

.wishlist-list a {
    font-size: 28px;
    color: #878d8d;
    font-weight: 400;
    position: absolute;
    top: 0px;
    right: 20px
}

/* width */
.shorlisted-div::-webkit-scrollbar {
    width: 6px;
}

/* Track */
.shorlisted-div::-webkit-scrollbar-track {
    background: #f9fafb;
    border-radius: 5px;
}

/* Handle */
.shorlisted-div::-webkit-scrollbar-thumb {
    background: #ccc;
    border-radius: 5px;
}

/* Handle on hover */
.shorlisted-div::-webkit-scrollbar-thumb:hover {
    background: #ccc;
}

.slider-vertical-menu {
    position: relative;
}

.slider-vertical-menu::after {
    content: '';
    position: absolute;
    width: 7px;
    height: 7px;
    background-color: red;
    border-radius: 50%;
    top: 7px;
    right: 20px;
}


/* mohan */

.similar-properties {
    width: 100%;
    margin-bottom: 25px;
}

.similar-properties h2 {
    font-size: 15px;
    font-weight: 500;
    margin: 0;
    padding: 0;
    color: #333333;
    margin-top: 20px;
    padding-bottom: 10px;
}

.similar-properties-sections {
    width: 100%;
    padding: 0;
    margin: 0;
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.similar-properties-sub {
    background-color: #fff;
    max-width: 49%;
    border-radius: 15px;
    overflow: hidden;
    display: flex;
    width: 100%;
    filter: drop-shadow(0px -2px 5px rgba(93, 98, 101, 0.09));
}

.similar-properties-sub a {
    display: flex;
}

.similar-properties-sub img {
    width: 150px;
    height: 130px;
}

.similar-main-cont {
    width: calc(100% - 150px);
    padding: 10px;
}

.simi-area {
    font-size: 12px;
    color: #666;
    margin-bottom: 5px;
}

.simi-area-desc {
    font-size: 13px;
    color: #000;
    margin-bottom: 5px;
    line-height: 15px;
    height: auto;
    max-height: 30px;
    overflow: hidden;
}

.simi-area-cost {
    font-size: 15px;
    color: #5b6ff2;
    font-weight: 600;
    margin-bottom: 5px;
}

.simi-area-sft {
    font-size: 13px;
    color: #666;
}

.interior-designs {
    /* max-width: 655px; */
    max-width: 725px;
    border-radius: 10px;
    background-color: #ffffff;
    margin-bottom: 25px;
}

.interior-designs .card-title {
    font-size: 14px;
    line-height: 24px;
    color: #5b6ff2;
    font-weight: 600;
    padding: 10px 20px;
    border-bottom: 1px solid #f0f5f8;
    margin-bottom: 0;
}

.interior-designs .card-body {
    padding: 0;
}

.interior-mobile {
    display: none;
}

.interior-desktop {
    display: block;
}

.hot-housing-projects {
    width: 100%;
}

.hot-housing-projects h2 {
    font-size: 15px;
    font-weight: 500;
    margin: 0;
    padding: 0;
    color: #333333;
    /* margin-top: 20px; */
    padding-bottom: 10px;
}

.m-top {
    margin-top: 20px !important;
}

.hot-housing-section {
    width: 100%;
    background-color: #FFF;
    border-radius: 10px;
    overflow: hidden;
    margin-bottom: 15px;
}

.hot-housing-section img {
    width: 100%;
}

.hot-housing-sub {
    width: 100%;
    padding: 15px
}

.hot-housing-sub h3 {
    font-size: 16px;
    font-weight: 600;
    color: #333;
    padding: 0;
    margin: 0;
    margin-bottom: 2px;
}


.hot-housing-sub p {
    font-size: 12px;
    color: #333;
    padding: 0;
    margin: 0;
    margin-bottom: 5px;
}

.hot-housing-sub-bottom {
    width: 100%;
    border: 1px solid #e0e4e4;
    border-radius: 10px;
    margin-top: 15px;
}

.hot-housing-sub-bottom p {
    padding: 10px;
    border-bottom: 1px solid #e0e4e4;
    font-size: 14px;
    color: #666;
}

.hot-housing-sub-bottom p:last-child {
    border-bottom: 0;
}


.hot-housing-sub h4 {
    font-size: 17px;
    color: #5b6ff2;
    font-weight: 700;
    padding: 0;
    margin: 0;
}


.interior-designs-side {
    width: 100%;
    border-radius: 10px;
    background-color: #ffffff;
    margin-bottom: 15px;
}

.interior-designs-side .card-title {
    font-size: 14px;
    line-height: 24px;
    color: #000;
    font-weight: 600;
    padding: 10px 15px;
    border-bottom: 1px solid #f0f5f8;
    margin-bottom: 0;
}

.interior-designs-side .card-body {
    padding: 0;
}

.hot-selling-ventures {
    width: 100%;
    margin-bottom: 25px;
}

.hot-selling-ventures h2 {
    font-size: 15px;
    font-weight: 500;
    margin: 0;
    padding: 0;
    color: #333333;
    margin-top: 20px;
    padding-bottom: 10px;
}

.hot-selling-ventures-main {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.hot-selling-ventures-item {
    width: 235px;
    background-color: #fff;
    border-radius: 10px;
    overflow: hidden;
    filter: drop-shadow(0px -2px 5px rgba(93, 98, 101, 0.09));
    margin: 0 5px;
}

.hot-selling-ventures-item img {
    width: 100%;
    height: 150px;
}

.hot-selling-ventures-item-content {
    padding: 15px;
    width: 100%;
}

.hot-selling-ventures-item-content h2 {
    font-size: 16px;
    color: #333;
    padding: 0;
    margin: 0;
    font-weight: 600;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.hot-selling-ventures-item-content h3 {
    font-size: 17px;
    color: #5b6ff2;
    padding: 0;
    margin: 0;
    font-weight: 700;
    margin-top: 10px;
}

.hot-selling-ventures-item-content p {
    font-size: 12px;
    color: #333;
    padding: 0;
    margin: 0;
}


.hot-selling-venture-size {
    font-size: 14px;
    color: #666;
    padding: 0;
    margin: 0;
    margin-top: 10px;

}

.hot-selling-venture-size h4 {
    font-size: 13px;
    color: #333;
    padding: 0;
    margin: 0;
    text-decoration: underline;
    margin-bottom: 5px;

}

.select-city-dropdown {
    position: relative;
}

.select-city-dropdown button {
    font-size: 13px;
    color: #788385;
    font-weight: 400;
    display: flex;
    align-items: center;
    background: url(../../images/header-chevron.png) no-repeat;
    background-position: right 0.75rem center;
    padding-right: 1.75rem;
}

.select-city-dropdown button:focus {
    box-shadow: none;
}

.select-city-dropdown button:hover {
    color: #788385;
}

.select-city-dropdown button img {
    margin-right: 7px;
}

.select-city-dropdown .search-city-dropdown {
    position: absolute;
    top: 45px;
    width: 330px;
    height: 492px;
    border-radius: 10px;
    filter: drop-shadow(0px 3px 3px #c3c8c8);
    background-color: #ffffff;
    padding: 15px 12px 12px 12px;
    overflow-y: auto;
    display: none;
    z-index: 9;
}

.select-city-dropdown .search-city-dropdown [type=search] {
    font-size: 14px;
    line-height: 43px;
    color: #a5a9b1;
    font-weight: 400;
    width: 100%;
    height: 42px;
    border-radius: 10px;
    border: 1px solid #eaeded;
    position: relative;
    background: url(../../images/list-details/search.png) no-repeat center center #f6f9f9;
    background-position-x: 95%;
}

.select-city-dropdown .search-city-dropdown h4 {
    font-size: 14px;
    color: #495a6a;
    font-weight: 500;
    margin-top: 15px;
}

.select-city-dropdown .search-city-dropdown .leading-cities {
    display: flex;
    flex-wrap: wrap;
    gap: 5px;
}

.select-city-dropdown .search-city-dropdown .leading-city {
    padding: 7px;
    width: 49%;
    height: 46px;
    border-radius: 10px;
    background-color: #ffffff;
    border: 1px solid #e0e4e4;
    display: flex;
    align-items: center;
    cursor: pointer;
}

.select-city-dropdown .search-city-dropdown .leading-city img {
    width: 25px;
    height: 25px;
}

.select-city-dropdown .search-city-dropdown .leading-city label {
    margin-left: 10px;
    margin-bottom: 0;
    font-size: 13px;
    color: #000000;
    font-weight: 400;
    cursor: pointer;
}

.select-city-dropdown .search-city-dropdown .leading-city:hover label {
    color: #5e53fe;
}

.select-city-dropdown .search-city-dropdown ul {
    margin-top: 10px;
    margin-bottom: 0;
}

.select-city-dropdown .search-city-dropdown ul li {
    font-size: 13px;
    line-height: 25px;
    color: #5d6573;
    font-weight: 400;
    padding: 5px 5px !important;
    border-bottom: 1px solid #f0f1f2;
    position: relative;
    cursor: pointer;
    margin-right: 30px;
}

.select-city-dropdown .search-city-dropdown ul li:hover::after {
    font-family: 'FontAwesome';
    content: "\f105";
    right: 0;
    color: #5b6ff2;
    position: absolute;
}

.select-city-dropdown .search-city-dropdown::-webkit-scrollbar {
    width: 10px;
    background-color: #dedee1;
    border-radius: 10px;
}

.select-city-dropdown .search-city-dropdown::-webkit-scrollbar-track {
    background-color: #F5F5F5;
    border-radius: 10px;
}

.select-city-dropdown .search-city-dropdown::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background-color: #dedee1;
}

.listing-details-bottom .list-items {
    max-width: 725px;
    width: 100%;
}

.hot-selling-ventures-main .slick-prev:before,
.hot-selling-ventures-main .slick-next:before {
    content: none;
}

.hot-selling-ventures-main .slick-arrow {
    width: 50px;
    height: 50px;
    border-radius: 25px;
    filter: drop-shadow(0px 2px 3.5px #e7e8e8);
    /* z-index: 9; */
    z-index: 1;
}

.hot-selling-ventures-main .slick-arrow:hover {
    background-color: #fff;
}

.hot-selling-ventures-main .slick-next {
    background: url('../../images/home/right_arrow.png') no-repeat center center #bdc5c4;
}

.hot-selling-ventures-main .slick-prev {
    background: url('../../images/home/left_arrow.png') no-repeat center center #bdc5c4;
}

.hot-selling-ventures-main .slick-arrow.slick-disabled {
    display: none !important;
}

.white-bg {
    background-color: #fff;
}

.we-partner {
    padding-bottom: 50px;
}

.we-partner .we-partner-inner {
    max-width: 1277px;
    width: 100%;
    margin: 0 auto;
    padding: 0 15px;
}

.we-partner .we-partner-inner h3 {
    font-size: 17px;
    color: #000000;
    font-weight: 500;
    border-bottom: 1px solid #f3a833;
    padding-bottom: 7px;
    max-width: 170px;
    width: 100%;
    margin: 0 auto;
    position: relative;
    margin-bottom: 20px;
    text-align: center;
}

.we-partner .we-partner-inner h3::after {
    content: '';
    width: 70px;
    height: 3px;
    background-color: #f3a833;
    position: absolute;
    left: 0;
    right: 0;
    bottom: -2px;
    margin: 0 auto;
}

.we-partner .we-partner-inner ul {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    align-items: center;
    justify-content: center;
    margin-bottom: 0;
}

.we-partner .we-partner-inner ul li a {
    width: 150px;
    height: 85px;
    display: block;
    border-radius: 10px;
}

.we-partner .we-partner-inner ul li a img {
    width: 100%;
    border-radius: 10px;
    height: 100%;
    object-fit: cover;
}

.we-partner .we-partner-inner ul li a:hover {
    border: 1px solid #5b6ff2;
}

.select-city-dropdown-searchbar {
    width: 100%;
}

.select-city-dropdownbtn-searchbar {
    width: 100%;
    background: url(../../images/home/blue-down.png) no-repeat center !important;
    background-position: right !important;
}

.select-city-dropdownbtn-searchbar {
    width: 100% !important;
}

.interior-designs-side .card-body img,
.interior-designs .card-body img {
    -webkit-border-bottom-right-radius: 10px;
    -webkit-border-bottom-left-radius: 10px;
    -moz-border-radius-bottomright: 10px;
    -moz-border-radius-bottomleft: 10px;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
}

.membership-plan {
    display: none;
    width: 384px;
    height: auto;
    border-radius: 15px;
    overflow: hidden;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 999;
}

.membership-plan-body {
    background-color: #9680d5;
    padding: 25px;
}

.membership-plan-body .prime-img {
    width: 50px;
    height: 40px;
    margin: 0 auto;
    display: block;
}

.membership-plan .membership-plan-title {
    font-size: 20px;
    line-height: 24px;
    color: #ffffff;
    font-weight: 700;
    font-family: 'Ubuntu', sans-serif;
    text-align: center;
    margin-top: 5px;
}

.membership-plan .membership-plan-type {
    font-size: 22px;
    color: #ffffff;
    font-weight: 500;
    font-family: 'Ubuntu', sans-serif;
    text-align: center;
}

.membership-plan .membership-plan-list {
    margin: 0 0 25px;
}

.membership-plan .membership-plan-list ul {
    margin: 0;
    padding: 0;
}

.membership-plan .membership-plan-list ul li {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    font-size: 15px;
    line-height: 20px;
    color: #333333;
    font-weight: 400;
    margin-bottom: 12px;
}

.membership-plan .membership-plan-list ul li:last-child {
    margin-bottom: 0;
}

.membership-plan .membership-plan-list ul li img {
    margin-top: 5px;
}

.membership-plan .membership-plan-footer {
    background-color: #ffffff;
    padding: 25px;
}

.membership-plan .membership-plan-footer .membership-plan-cost {
    font-size: 20px;
    line-height: 26px;
    color: #000000;
    font-weight: 600;
    text-align: center;
    margin-bottom: 10px;
}

.membership-plan .membership-plan-footer button {
    max-width: 280px;
    width: 100%;
    height: 50px;
    border-radius: 25px;
    background-color: #3369e9;
    font-size: 18px;
    line-height: 26px;
    color: #ffffff;
    font-weight: 500;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
}

.membership-plan .membership-plan-footer button:hover {
    background-color: #043cc0;
}

.membership-plan .close-plan {
    position: absolute;
    top: 15px;
    right: 15px;
    width: 18px;
    height: 18px;
}

.membership-plan .close-plan img {
    width: 100%;
}

body.backdrop::after {
    content: '';
    background: rgba(0, 0, 0, 0.3);
    height: 100%;
    width: 100%;
    position: fixed;
    top: 0
}

.m-chair {
    display: none;
}

.our-interior .interior-images {
    padding: 0;
}


@media (max-width:1300px) {

    .more-ser-dt {
        display: none;
    }

    .more-ser-dev {
        display: block;

    }

    .top-links {
        display: none;
    }

    .our-interior .our-interior-inner {
        max-width: 90%;
    }

    .customised-services .customised-services-inner {
        max-width: 90%;
    }

    .featured-properties .featured-properties-inner {
        max-width: 90%;
    }

    .top-selling .top-selling-inner {
        max-width: 90%;
    }

    .our-app .our-app-inner {
        max-width: 90%;
    }

}

@keyframes fadeIn {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@keyframes fadeOut {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
    }
}

@media (max-width:1200px) {
    .our-app .our-app-inner .our-app-left img {
        width: 100%;
    }

    .our-app .our-app-inner .our-app-right {
        margin-left: 35px;
    }

    .our-app .our-app-inner .our-app-right img {
        width: 100%;
    }

    .interior-videos,
    .interior-images,
    .why-choose,
    .dream-space,
    .frequently,
    .end-to-end {
        max-width: 100%;
        padding-left: 30px;
        padding-right: 30px;
    }

    .service-page .services-list {
        padding: 30px 30px;
    }

    .services-wrap {
        gap: 4.1%;
    }

    .services-wrap .services-box {
        max-width: 30.6%;
        margin-bottom: 35px;
    }

    .service-page .membership-benefits .benefits-bg {
        display: none;
    }

    .service-page .financial-decision {
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }

    .service-page .financial-decision .decision-btns {
        width: 100%;
        margin-top: 20px;
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }

    .service-page .financial-decision .input-group {
        justify-content: center;
    }
}

@media (max-width:991px) {

    .consulat-process .consulat-process-right .step1,
    .consulat-process .consulat-process-right .step2,
    .consulat-process .consulat-process-right .step3,
    .consulat-process .consulat-process-right .step4 {
        width: 50%;
    }

    .service-page .membership-benefits .benefits-bg {
        max-width: 350px;
    }

    .consulat-process {
        flex-direction: column;
    }

    .consulat-process .consulat-process-right {
        width: 100%;
    }

    .consulat-process .consulat-process-left {
        width: 100%;
        flex-direction: column;
    }

    .consulat-process .consulat-process-left img {
        transform: rotate(90deg);
    }

    .footer .footer-inner .footer-download {
        width: 21%;
    }

    .footer .footer-inner .footer-company {
        width: 15%;
    }

    .footer .footer-inner .footer-services {
        width: 20%;
    }

    .footer .footer-inner .footer-indo {
        width: 30%;
    }


    .user-vertical-menu {
        display: block !important;
    }

    .navbar-brand-box {
        width: auto;
    }

    .main-images {
        flex-direction: column;
    }

    .listing-details .top-left-details {
        margin-left: 0;
    }

    .listing-details .imageslide-video {
        width: calc(100% - 135px);
    }

    .listing-details .video,
    .listing-details .details-slider {
        max-width: 100%;
        width: 100%;
    }

    #overview,
    #property-info,
    #amenities,
    #map {
        max-width: 100%
    }

    .signup-right {
        margin-left: 0;
        max-width: 100% !important;
    }

    .sucess-msg {
        max-width: 100%;
    }

    .listing .listing-main .listing-right {
        display: none;
    }

    .listing .listing-main .listing-left {
        margin-right: 0;
        max-width: 100%;
        ;
    }

    .home-page .home-banner .banner-content h1 {
        font-size: 28px;
    }

    .home-page .home-banner .banner-content p {
        font-size: 15px;
    }

    #interior-image-modal .modal-dialog {
        max-width: 100%;
        margin: 0 auto;
    }

    .service-page .service-banner .service-banner-flex {
        padding: 0 20px;
    }

    .service-page .service-banner .we-offer {
        max-width: 60%;
    }

    .interior-videos ul .slick-arrow.slick-next {
        right: 30%;
    }

    .interior-videos ul .slick-arrow.slick-prev {
        left: 30%;
    }

    .why-choose .why-choose-inner {
        gap: 20px;
    }

    .services-wrap {
        gap: 6%;
    }

    .services-wrap .services-box {
        max-width: 47%;
    }

}

@media (max-width:767px) {

    .interior-images .interior-images-inner {
        padding-left: 15px;
        padding-right: 15px;

    }

    .interior-videos,
    .interior-images,
    .why-choose,
    .dream-space,
    .frequently,
    .end-to-end {
        padding-left: 15px;
        padding-right: 15px;
    }

    .end-to-end .end-to-end-inner ul li {
        width: 50%;
    }

    .dream-space-inner {
        flex-direction: column;
    }

    .dream-space-inner div:last-child {
        display: none;
    }

    .we-partner .we-partner-inner ul {
        gap: 10px;
    }

    .slider-vertical-menu::after {
        right: 6px;
    }

    .similar-properties-sub img {
        width: 130px;
        /* height: 115px; */
    }

    .similar-properties-sub {
        max-width: 100%;
    }

    .interior-mobile {
        display: block;
    }

    .interior-desktop {
        display: none;
    }

    .payment-process {
        padding-left: 15px;
        padding-right: 15px;
    }

    .service-page .service-banner .we-offer {
        max-width: 100%;
        padding: 0 20px;
        margin-top: 20px;
    }

    .service-page .service-banner .banner-img {
        position: static;
        width: 100%;
    }

    .service-page .service-banner .service-banner-flex {
        flex-direction: column-reverse;
        padding: 0;
    }

    .service-page .membership-benefits .benefits-bg {
        display: none;
    }

    .service-page .membership-benefits .become-btn {
        width: 60%;
        font-size: 16px;
    }

    .service-page .membership-benefits .input-group-prepend {
        width: 40%;
        font-size: 14px;
    }

    .service-page .service-banner .we-offer h1 {
        font-size: 21px;
        line-height: 28px;
        margin-bottom: 20px;
    }

    .service-page .financial-decision .decision-btns {
        flex-direction: column;
    }

    .service-page .financial-decision .more-btn,
    .service-page .financial-decision .call-btn {
        max-width: 100%;
    }

    .service-page .service-banner .we-offer .input-group-prepend {
        width: 40%;
    }

    .service-page .service-banner .we-offer .become-btn {
        width: 60%;
    }

    .listing .listing-main .listing-left .block .block-left {
        width: 100%;
    }

    /*static pages */
    .about-us,
    .staic-pages {
        padding-left: 15px;
        padding-right: 15px;
    }

    .people-main {
        width: 100%;
    }

    /*static pages */
    .interior-page .interior-banner .your-space {
        left: 0;
        right: 0;
        /* top: auto;
        bottom: 40px; */
        max-width: 100%;
        height: 55%;
        top: 55%;
        transform: translateY(-55%);
    }

    .interior-page .interior-banner .your-space h1 {
        font-size: 40px;
    }

    .interior-page .interior-banner .your-space h2 {
        font-size: 30px;
    }

    .interior-page .interior-banner .your-space p {
        font-size: 16px;
        line-height: 21px;
    }

    /* .interior-page .interior-banner {
        height: 700px;
    } */

    .interior-page .interior-banner .banner-bg {
        top: 0;
        max-width: 100%;
    }

    .consulat-process .consulat-process-left {
        display: none;
    }

    .consulat-process .consulat-process-right .step1,
    .consulat-process .consulat-process-right .step2,
    .consulat-process .consulat-process-right .step3,
    .consulat-process .consulat-process-right .step4 {
        width: 100%;
    }

    .steps-slider .slick-dots li button:before {
        content: none;
    }

    .steps-slider .slick-dots {
        bottom: -4px;
    }

    .steps-slider .slick-dots li {
        width: 10px;
        height: 10px;
        margin: 0 5px;
    }

    .steps-slider .slick-dots li.slick-active button {
        background-color: #3369e9;
    }

    .steps-slider .slick-dots li button {
        width: 10px;
        height: 10px;
        border-radius: 50%;
        background-color: #b7b7b7;
    }

    .consulat-process .consulat-process-right .step1 p,
    .consulat-process .consulat-process-right .step2 p,
    .consulat-process .consulat-process-right .step3 p,
    .consulat-process .consulat-process-right .step4 p {
        width: 80%;
        margin: 0 auto;
    }

    .why-choose .why-choose-inner {
        flex-direction: column;
    }

    .why-choose .why-choose-left {
        width: 100%;
    }

    .why-choose .why-choose-right {
        width: 100%;
        margin-left: 0;
    }

    .why-choose .why-choose-left h5 {
        display: block;
        margin-bottom: 30px;
    }

    .why-choose .why-choose-right h5 {
        display: none;
    }

    .why-choose .why-choose-right ul li {
        font-size: 16px;
        line-height: 20px;
        margin: 12px 0;
    }

    .dream-space h2 {
        font-size: 27px;
        line-height: 32px;
    }

    /* .interior-videos ul .slick-arrow {
        display: none !important;
    } */
    .interior-videos ul .slick-list {
        margin: 0;
    }

    .interior-videos ul .slick-arrow.slick-next {
        right: 5%;
        bottom: -105px;
    }

    .interior-videos ul .slick-arrow.slick-prev {
        left: 5%;
        bottom: -81px;
    }

    .interior-videos ul .slick-dots {
        bottom: -60px;
        justify-content: center;
    }

    .interior-videos ul .slick-dots li {
        width: 10px;
        height: 10px;
        margin: 0 5px;
    }

    .interior-videos ul .slick-dots li button {
        width: 10px;
        height: 10px;
        border-radius: 50%;
        background-color: #fff;
    }

    .interior-videos ul .slick-dots li button::before {
        content: none;
    }

    .interior-videos ul .slick-dots li.slick-active button {
        background-color: #5b6ff2;
    }

    .interior-images ul .slick-arrow {
        display: none !important;
    }

    .interior-images ul .slick-dots {
        bottom: -30px;
    }

    .interior-images ul .slick-dots li {
        width: 10px;
        height: 10px;
        margin: 0 5px;
    }

    .interior-images ul .slick-dots li button {
        width: 10px;
        height: 10px;
        border-radius: 50%;
        background-color: #d5d5d5;
    }

    .interior-images ul .slick-dots li button::before {
        content: none;
    }

    .interior-images ul .slick-dots li.slick-active button {
        background-color: #5b6ff2;
    }

    .interior-videos {
        margin-bottom: 35px;
    }

    .interior-videos ul {
        display: flex;
        flex-wrap: wrap;
        gap: 2%;
        margin-bottom: 0;
    }

    .interior-videos ul li {
        margin: 0;
        width: 49%;
        /* margin-bottom: 2%; */
    }

    #interior-video-modal .modal-body .btn-close {
        width: 40px;
        height: 30px;
        top: -39px;
    }

    #interior-image-modal .modal-header .btn-close img {
        width: 100%;
    }



    .footer .footer-inner {
        flex-wrap: wrap
    }

    .footer .footer-inner .footer-indo {
        width: 100%;
        margin-bottom: 30px;
    }

    .footer .footer-inner .footer-services {
        width: 50%;
        margin-bottom: 30px;
    }

    .footer .footer-inner .footer-company {
        width: 45%;
        margin-bottom: 30px;
    }

    .footer .footer-inner .footer-download {
        width: 100%;
    }

    .footer .footer-inner .footer-download .footer-app-img {
        width: 65%;
    }

    .our-app {
        padding: 30px 0;
    }

    .our-app .our-app-inner {
        max-width: 100%;
    }

    .our-app .our-app-inner .our-app-left {
        width: 100%;
    }

    .our-app .our-app-inner .our-app-right {
        display: none;
    }

    .our-app .our-app-inner .our-app-left .mobile-app-qrcode .android p,
    .our-app .our-app-inner .our-app-left .mobile-app-qrcode .iphone p {
        display: none
    }

    .our-app .our-app-inner .our-app-left .mobile-app-qrcode .android .android-bar-code,
    .our-app .our-app-inner .our-app-left .mobile-app-qrcode .iphone .iphone-bar-code {
        display: none
    }

    .our-app .our-app-inner .our-app-left .mobile-app-qrcode .android .android-app-icon,
    .our-app .our-app-inner .our-app-left .mobile-app-qrcode .iphone .iphone-app-code {
        margin-right: 0;
        width: 100%;
    }

    .our-app .our-app-inner .our-app-left .mobile-app-qrcode .android {
        margin-right: 20px;
    }

    .home-page .slick-dots {
        bottom: -30px;
    }

    .home-page .slick-dots li button::before {
        content: none;
    }

    .home-page .slick-dots li button {
        width: 10px;
        height: 10px;
        border-radius: 50%;
        background-color: #fff;
    }

    .home-page .slick-dots li {
        width: 10px;
        height: 10px;
    }

    .home-page .slick-dots li.slick-active button {
        background-color: #5b6ff2;
    }

    .featured-properties-list .slick-arrow {
        display: none !important;
    }

    /* .featured-properties-list {
        margin-bottom: 90px !important;
    } */

    .featured-properties .featured-properties-inner .featured-properties-block .properties-name {
        margin-bottom: 5px;
    }

    .top-selling .slick-arrow {
        display: none !important;
    }

    .top-selling-list {
        margin-bottom: 70px !important;
    }

    .top-selling .top-selling-inner .top-selling-block .top-selling-content .top-selling-name {
        font-size: 13px;
        margin-bottom: 15px;
    }

    .top-selling .top-selling-inner .top-selling-block .top-selling-content .second-row {
        margin-bottom: 15px;
    }

    .top-selling .top-selling-inner .top-selling-block .top-selling-content .thrid-row {
        gap: 20px;
    }

    .top-selling .top-selling-inner .top-selling-block .top-selling-content .details-btn .btn {
        /* width: 100px; */
    }

    .top-selling .top-selling-inner .top-selling-block .top-selling-content .price-per-sqft {
        font-size: 14px;
    }

    .our-interior .slick-arrow {
        display: none !important;
    }

    /* .our-interior-list {
        margin-bottom: 90px !important;
    } */

    .our-interior .our-interior-inner {
        max-width: 100%;
    }

    .featured-properties .featured-properties-inner {
        max-width: 100%;
    }

    .top-selling .top-selling-inner {
        max-width: 100%;
    }

    .customised-services {
        margin-top: 60px;
    }

    .customised-services-list {
        display: flex;
        align-items: center;
        flex-wrap: wrap;
        justify-content: space-between;
    }

    .customised-services-block {
        width: 31.5%;
        height: 130px;
        margin: 0;
        padding: 15px 15px 10px 15px;
        margin-bottom: 10px;
    }

    .customised-services-block::after {
        content: none;
    }

    .customised-services-block img {
        width: 40px;
        height: auto;
        margin: 0 auto;
        display: block;
        margin-bottom: 7px;
    }

    .customised-services-block h4 {
        font-size: 12px;
        text-align: center;
    }

    .customised-services-block .mobi-h4 {
        display: block;
    }

    .customised-services-block .desk-h4 {
        display: none;
    }

    .customised-services-block p {
        display: none;
    }

    .customised-services .customised-services-inner {
        max-width: 100%;
    }

    .customised-services .learn-more span {
        display: none
    }

    .customised-services-block .learn-more {
        background-color: transparent;
        height: auto;
        margin-top: 10px;
    }

    .customised-services-block .learn-more img {
        margin: 0 auto;
        display: block;
    }

    .customised-services-block a:hover .learn-more img {
        margin-left: 20px;
        transform: translateX(70%);
    }

    .selected-list {
        display: block;
        margin-top: 5px;
    }

    .selected-list ul li {
        font-size: 14px;
        color: #000000;
        font-weight: 400;
        font-style: italic;
        margin-right: 12px;
    }

    .mobile-search-box {
        display: block;
        padding: 0 15px;
        margin-top: -70px;
        position: relative;
        /* z-index: 9; */
        z-index: 0;
    }

    .mobile-search-box .mobile-search-click {
        width: 100%;
        height: 100px;
        border-radius: 12px;
        background-color: #ffffff;
        border: 1px solid #eaeded;
        display: flex;
        flex-wrap: wrap;
    }

    .mobile-search-box .mobile-search-click .city-label {
        color: #495a6a;
        line-height: 28px;
        font-size: 13px;
        font-weight: 400;
        margin-bottom: 0;
        width: 50%;
        padding: 0 20px;
        display: flex;
        align-items: center;
        border-right: 1px solid #eaeded;
        height: 50px;
    }

    .mobile-search-box .mobile-search-click .city-label {
        background: url(../../images/home/blue-down.png) no-repeat;
        background-position-x: 90%;
        background-position-y: center;
    }

    .mobile-search-box .mobile-search-click .city-label img {
        margin-right: 10px;
    }

    .mobile-search-box .mobile-search-click ul {
        width: 50%;
        align-items: center;
        margin-bottom: 0;
        justify-content: center;
        height: 50px;
    }

    .mobile-search-box .mobile-search-click ul li {
        margin: 0 10px;
        font-size: 14px;
        color: #495a6a;
        font-weight: 500;
        padding: 3px;
    }

    .mobile-search-box .mobile-search-click ul li.active {
        font-size: 14px;
        color: #5b6ff2;
        font-weight: 500;
        border-bottom: 3px solid #5b6ff2;
    }

    .mobile-search-box .mobile-search-click .input-search-box {
        padding: 0.47rem 0.75rem;
        padding-top: 5.5px;
        padding-bottom: 5.5px;
        display: inline-block;
        height: 50px;
        width: 70%;
        border-top: 1px solid #eaeded;
        border-right: 1px solid #eaeded;
        font-size: 13px;
        color: #8d9797;
        font-weight: 400;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        line-height: 34px;
    }

    .mobile-search-box .mobile-search-click .input-search-box img {
        margin-right: 10px;
    }

    .mobile-search-box .mobile-search-click .add-locality-label {
        font-size: 12px;
        color: #000000;
        font-weight: 400;
        display: flex;
        align-items: center;
        height: 50px;
        border-top: 1px solid #eaeded;
        width: 30%;
        justify-content: center;
        text-align: center;
        margin-bottom: 0;
    }

    .home-search-bar .search-bar {
        display: none;
    }

    .home-page .mobile-filter .search-bar {
        display: block;
    }

    /* .home-page .home-search-bar .mobile-serech-input {
        position: static;
    } */

    .home-page .home-search-bar {
        margin-top: -25px;
    }

    .home-page .home-banner {
        height: 250px;
    }

    .home-page .home-banner img {
        height: 100%;
        width: 100%;
        object-fit: cover;
    }

    .home-page .home-banner .banner-content {
        width: 90%;
        top: 40%;
    }

    .home-page .home-banner .banner-content h1 {
        font-size: 24px;
        line-height: normal;
    }

    .home-page .home-banner .banner-content p {
        font-size: 12px;
        max-width: 300px;
    }

    .home-search-bar .add-locality-searchbox .residenti-select {
        display: none;
    }

    .home-search-bar .add-locality-searchbox .search-btn {
        display: none;
    }

    .home-page .home-filter .home-filter-box {
        flex-direction: column;
    }

    .home-page .home-filter .home-filter-box .home-filter-left,
    .home-page .home-filter .home-filter-box .home-filter-right {
        width: 100%;
    }

    .home-page .mobile-filter {
        top: 52px !important;
    }

    .home-page .mobile-filter .search-locality .city-name {
        margin: 0;
        border-radius: 0;
        border-bottom: 0;
        border-top-left-radius: 12px !important;
        padding: 0 15px;
    }

    .home-page .mobile-filter .search-locality .city-name .select2-container--default .select2-selection--single .select2-selection__arrow {
        background: url(../../images/home/blue-down.png) no-repeat center;
    }

    .home-page .mobile-filter .search-locality .room-type {
        border-bottom: 0;
        border-left: 0;
        max-width: 100% !important;
    }

    .home-page .home-search-bar .add-locality-searchbox .form-control {
        height: 48px;
    }

    .home-page .mobile-filter .search-locality .add-locality-searchbox .bootstrap-select>.dropdown-toggle {
        width: 110px;
        height: 46px;
        border-bottom-left-radius: 0;
        border-left: 0 !important
    }

    .more-filter .dropdown {
        display: none;
    }

    .home-search-bar .add-locality-searchbox {
        width: 330px;
        margin: 0 auto;
    }

    .home-search-bar .add-locality-searchbox .form-control {
        border-bottom-left-radius: 12px !important;
    }

    .desktop-filter {
        display: none;
    }

    .mobile-serech-input {
        position: fixed;
        top: 50px;
        left: 0;
        right: 0;
        padding: 0 15px;
        z-index: 99;
    }

    .mobile-serech-input .input-elevated {
        width: 100%;
        font-size: 14px;
        line-height: 43px;
        height: 43px;
        border-radius: 8px !important;
        border: 1px solid #e7e9eb !important;
        color: #a5a9b1;
        background: url(../../images/list-details/search.png) no-repeat center center #ffffff;
        background-position: 10px 10px;
        background-size: 20px 20px;
        box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.08);
        border-radius: 5px;
        padding: 0.5em 1em 0.5em 2.6em;
    }

    .mobile-filter {
        position: fixed;
        width: 100%;
        z-index: 99;
        background-color: #f3f5f8;
        overflow-y: auto;
        height: 100%;
        padding-bottom: 110px;
        left: -100%;
        -webkit-transition: all .5s ease;
        -moz-transition: all .5s ease;
        transition: all .5s ease;
    }

    .mobile-filter.active {
        left: 0;
        -webkit-transition: all .5s ease;
        -moz-transition: all .5s ease;
        transition: all .5s ease;
    }

    .mobile-filter .container {
        margin-top: 0 !important;
    }

    .mobile-filter .search-bar {
        padding: 10px 0;
        position: relative;
    }

    .mobile-filter .search-locality {
        width: 100%;
        height: 100px;
        border-radius: 12px;
        background-color: #ffffff;
        border: 1px solid #eaeded;
        display: flex;
        flex-wrap: wrap;
    }

    .mobile-filter .search-locality .city-name {
        width: 50%;
        height: 50px;
        border-bottom: 1px solid #eaeded;
        border-right: 1px solid #eaeded;
        padding: 0 15px;
    }

    .mobile-filter .search-locality .city-name .angles-left {
        height: 50px;
        width: auto;
        color: #495a6a;
        font-size: 13px;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .mobile-filter .search-locality .city-name .city-dropdown {
        border: 0;
        font-size: 13px;
        color: #495a6a;
        font-weight: 400;
        height: 50px;
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        border-right: 1px solid #eaeded;
        border-radius: 0;
    }

    .mobile-filter .search-locality .city-name .city-dropdown:focus {
        box-shadow: none;
    }

    .mobile-filter .search-locality .city-name .city-dropdown ul {
        width: calc(100% + 180px) !important;
        height: 382px;
        border-radius: 10px !important;
        filter: drop-shadow(0px 3px 3px #c3c8c8);
        background-color: #ffffff !important;
        left: 0 !important;
        overflow-y: auto !important;
        padding: 10px 29px 10px 10px !important;
        left: -35px !important;
    }

    .mobile-filter .search-locality .city-name .city-dropdown ul li {
        font-size: 13px !important;
        color: #5d6573 !important;
        font-weight: 400 !important;
        padding: 7px 5px !important;
        border-bottom: 1px solid #f0f1f2;
        position: relative;
    }

    .mobile-filter .search-locality .city-name .city-dropdown ul li:hover,
    .mobile-filter .search-locality .city-name .city-dropdown ul li.focus,
    .mobile-filter .search-locality .city-name .city-dropdown ul li.selected.focus {
        background-color: transparent !important;
        color: #5b6ff2 !important;
    }

    .mobile-filter .search-locality .city-name .city-dropdown ul li:hover::after {
        font-family: 'FontAwesome';
        content: "\f105";
        right: 0;
        color: #5b6ff2;
        position: absolute;
    }

    .mobile-filter .search-locality .room-type {
        width: 50%;
        height: 50px;
        border-bottom: 1px solid #eaeded;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .mobile-filter .search-locality .room-type ul {
        display: flex;
        align-items: center;
        margin-bottom: 0;
    }

    .mobile-filter .search-locality .room-type ul li {
        margin: 0 10px;
    }

    .mobile-filter .search-locality .room-type ul li a {
        font-size: 14px;
        color: #495a6a;
        font-weight: 500;
        padding: 3px;
    }

    .mobile-filter .search-locality .room-type ul li a.active {
        font-size: 14px;
        color: #5b6ff2;
        font-weight: 500;
        border-bottom: 3px solid #5b6ff2;
    }

    .mobile-filter .search-locality .add-locality-searchbox {
        width: 100%;
        height: 48px;
        border-top: 1px solid #eaeded;
        filter: none;
        border-top-left-radius: 0;
        border-top-right-radius: 0;
    }

    .mobile-filter .search-locality .add-locality-searchbox .form-control {
        position: relative;
        background: url(../../images/list-details/search.png) no-repeat center center;
        background-position-x: 95%;
        border: 0 !important;
        border-right: 1px solid #eaeded !important;
        width: 100% !important;
        border-radius: 0 !important;
        color: #495a6a;
        font-size: 14px;
    }

    .mobile-filter .search-locality .add-locality-searchbox .form-control::placeholder {
        color: #495a6a;
    }

    .mobile-filter .search-locality .add-locality-searchbox .bootstrap-select {
        width: 100px;
        /* width: calc(100% - 80px); */
        height: 48px;
        border-bottom-left-radius: 12px;
        border-bottom-right-radius: 12px;
    }

    .mobile-filter .search-locality .add-locality-searchbox .bootstrap-select>.dropdown-toggle {
        background-color: #ffffff;
        width: 100px;
        border: 0;
        height: 48px;
        border-bottom-left-radius: 12px;
        border-bottom-right-radius: 12px;
    }

    .mobile-filter .search-locality .add-locality-searchbox .bootstrap-select>.dropdown-menu {
        width: 290px
    }

    .mobile-filter .search-locality .add-locality-searchbox .filter-option-inner-inner {
        font-size: 13px;
        color: #000000;
        font-weight: 400;
        display: flex;
        align-items: center;
        height: 34px;
        /* margin-left: 30px; */
    }

    .mobile-filter .search-locality .add-locality-searchbox .add-locality-box {
        width: 80px;
        font-size: 12px;
        color: #647b91;
        font-weight: 400;
        line-height: normal;
        text-align: center;
        display: flex;
        align-items: center;
        justify-content: center;
        border-left: 1px solid #eaeded;
    }

    .mobile-filter .search-locality .add-locality-searchbox .add-locality-box a {
        font-size: 12px;
        color: #647b91;
        font-weight: 400;
    }

    .mobile-filter .residential {
        display: flex;
        margin: 10px 0;
    }

    .mobile-filter .residential .radio-button-container {
        margin-right: 12px;
        font-size: 14px;
        color: #495a6a;
        font-weight: 300;
    }

    .mobile-filter .residential .radio-button-container.active {
        font-weight: 600;
    }

    .mobile-filter .building-type {
        padding: 10px 0;
    }

    .mobile-filter .building-type label {
        font-size: 13px;
        color: #495a6a;
        font-weight: 600;
    }

    .mobile-filter .building-type ul {
        display: flex;
        flex-wrap: wrap;
        gap: 7px;
        margin-bottom: 0;
    }

    .mobile-filter .building-type ul li a {
        height: 30px;
        border-radius: 8px;
        background-color: #ffffff;
        border: 1px solid #eaeded;
        display: flex;
        align-items: center;
        font-size: 12px;
        color: #495a6a;
        font-weight: 400;
        padding: 8px;
    }

    .mobile-filter .building-type ul li a:hover {
        border-radius: 8px;
        background-color: #f0f9ff;
        border: 1px solid #a3daff;
    }

    .mobile-filter .building-type ul li a.active {
        background-color: #c0e2f9;
        color: #495a6a;
        border: 1px solid #c0e2f9;
    }

    .mobile-filter .building-type ul li a.active:hover {
        background-color: #c0e2f9;
    }

    .mobile-filter .bedrooms {
        padding: 10px 0;
    }

    .mobile-filter .bedrooms label {
        font-size: 13px;
        color: #495a6a;
        font-weight: 600;
    }

    .mobile-filter .bedrooms ul {
        display: flex;
        flex-wrap: wrap;
        gap: 7px;
        margin-bottom: 0;
    }

    .mobile-filter .bedrooms ul li a {
        height: 30px;
        border-radius: 8px;
        background-color: #ffffff;
        border: 1px solid #eaeded;
        display: flex;
        align-items: center;
        font-size: 12px;
        color: #495a6a;
        font-weight: 400;
        padding: 8px;
    }

    .mobile-filter .bedrooms ul li a:hover {
        border-radius: 8px;
        background-color: #f0f9ff;
        border: 1px solid #a3daff;
    }

    .mobile-filter .bedrooms ul li a.active {
        background-color: #c0e2f9;
        color: #495a6a;
        border: 1px solid #c0e2f9;
    }

    .mobile-filter .bedrooms ul li a.active:hover {
        background-color: #c0e2f9;
    }

    .mobile-filter .furnishing-status {
        padding: 10px 0;
    }

    .mobile-filter .furnishing-status label {
        font-size: 13px;
        color: #495a6a;
        font-weight: 600;
    }

    .mobile-filter .furnishing-status ul {
        display: flex;
        flex-wrap: wrap;
        gap: 7px;
        margin-bottom: 0;
    }

    .mobile-filter .furnishing-status ul li a {
        height: 30px;
        border-radius: 8px;
        background-color: #ffffff;
        border: 1px solid #eaeded;
        display: flex;
        align-items: center;
        font-size: 12px;
        color: #495a6a;
        font-weight: 400;
        padding: 8px;
    }

    .mobile-filter .furnishing-status ul li a.active {
        background-color: #c0e2f9;
        color: #495a6a;
        border: 1px solid #c0e2f9;
    }

    .mobile-filter .furnishing-status ul li a.active:hover {
        background-color: #c0e2f9;
    }

    .mobile-filter .furnishing-status ul li a:hover {
        border-radius: 8px;
        background-color: #f0f9ff;
        border: 1px solid #a3daff;
    }

    .mobile-filter .possession-status {
        padding: 10px 0;
    }

    .mobile-filter .possession-status label {
        font-size: 13px;
        color: #495a6a;
        font-weight: 600;
    }

    .mobile-filter .possession-status ul {
        display: flex;
        flex-wrap: wrap;
        gap: 7px;
        margin-bottom: 0;
    }

    .mobile-filter .possession-status ul li a {
        height: 30px;
        border-radius: 8px;
        background-color: #ffffff;
        border: 1px solid #eaeded;
        display: flex;
        align-items: center;
        font-size: 12px;
        color: #495a6a;
        font-weight: 400;
        padding: 8px;
    }

    .mobile-filter .possession-status ul li a:hover {
        border-radius: 8px;
        background-color: #f0f9ff;
        border: 1px solid #a3daff;
    }

    .mobile-filter .possession-status ul li a.active {
        background-color: #c0e2f9;
        color: #495a6a;
        border: 1px solid #c0e2f9;
    }

    .mobile-filter .possession-status ul li a.active:hover {
        background-color: #c0e2f9;
    }

    .mobile-filter .ameneties {
        padding: 10px 0;
    }

    .mobile-filter .ameneties label {
        font-size: 13px;
        color: #495a6a;
        font-weight: 600;
    }

    .mobile-filter .ameneties ul {
        display: flex;
        flex-wrap: wrap;
        gap: 7px;
        margin-bottom: 0;
    }

    .mobile-filter .ameneties ul li a {
        height: 30px;
        border-radius: 8px;
        background-color: #ffffff;
        border: 1px solid #eaeded;
        display: flex;
        align-items: center;
        font-size: 12px;
        color: #495a6a;
        font-weight: 400;
        padding: 8px;
    }

    .mobile-filter .ameneties ul li a.active {
        background-color: #c0e2f9;
        color: #495a6a;
        border: 1px solid #c0e2f9;
    }

    .mobile-filter .ameneties ul li a.active:hover {
        background-color: #c0e2f9;
    }

    .mobile-filter .ameneties ul li a:hover {
        border-radius: 8px;
        background-color: #f0f9ff;
        border: 1px solid #a3daff;
    }

    .mobile-filter .others {
        padding: 10px 0;
    }

    .mobile-filter .others label {
        font-size: 13px;
        color: #495a6a;
        font-weight: 600;
    }

    .mobile-filter .others ul {
        display: flex;
        flex-wrap: wrap;
        gap: 7px;
        margin-bottom: 0;
    }

    .mobile-filter .others ul li a {
        height: 30px;
        border-radius: 8px;
        background-color: #ffffff;
        border: 1px solid #eaeded;
        display: flex;
        align-items: center;
        font-size: 12px;
        color: #495a6a;
        font-weight: 400;
        padding: 8px;
    }

    .mobile-filter .others ul li a.active {
        background-color: #c0e2f9;
        color: #495a6a;
        border: 1px solid #c0e2f9;
    }

    .mobile-filter .others ul li a.active:hover {
        background-color: #c0e2f9;
    }

    .mobile-filter .others ul li a:hover {
        border-radius: 8px;
        background-color: #f0f9ff;
        border: 1px solid #a3daff;
    }

    .mobile-filter .search-properties {
        position: fixed;
        bottom: 0;
        z-index: 99;
        display: flex;
        align-items: center;
        justify-content: center;
        width: 100%;
        height: 56px;
        background-color: #ffffff;
        padding: 0 20px;
        right: auto;
        -webkit-transition: all .5s ease;
        -moz-transition: all .5s ease;
        transition: all .5s ease;
        left: -100%;
    }

    .mobile-filter.active .search-properties {
        right: 0;
        -webkit-transition: all .5s ease;
        -moz-transition: all .5s ease;
        transition: all .5s ease;
        left: 0;
    }

    .mobile-filter .search-properties a {
        width: 100%;
        height: 40px;
        border-radius: 10px;
        background-color: #5b6ff2;
        font-size: 14px;
        color: #ffffff;
        font-weight: 400;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .mobile-filter .budget {
        padding: 10px 0;
    }

    .mobile-filter .budget label {
        font-size: 13px;
        color: #495a6a;
        font-weight: 600;
    }

    .mobile-filter .budget .min-max-budget {
        width: 100%;
        height: 54px;
        border-radius: 10px;
        border: 1px solid #e7e8e8;
        background-color: #ffffff;
        display: flex;
        padding: 10px;
        gap: 10px;
        position: relative;
    }

    .mobile-filter .budget .min-max-budget .min-box,
    .mobile-filter .budget .min-max-budget .max-box {
        width: 50%;
        position: relative;
    }

    .mobile-filter .budget .min-max-budget .min-box .fa-angle-down,
    .mobile-filter .budget .min-max-budget .max-box .fa-angle-down {
        position: absolute;
        right: 10px;
        top: 12px;
        color: #778385;
    }

    .mobile-filter .budget .min-max-budget .form-select {
        height: 34px;
        border-radius: 8px;
        background-color: #f4f5f7;
        border: 1px solid #f3f5f7;
        font-size: 14px;
        color: #495a6a;
        font-weight: 400;
        width: 100%;
    }

    .mobile-filter .budget .min-max-budget .form-select:focus {
        box-shadow: none
    }

    .mobile-filter .size {
        padding: 10px 0;
    }

    .mobile-filter .size label {
        font-size: 13px;
        color: #495a6a;
        font-weight: 600;
    }

    .mobile-filter .size .min-max-size {
        width: 100%;
        height: 54px;
        border-radius: 10px;
        border: 1px solid #e7e8e8;
        background-color: #ffffff;
        display: flex;
        padding: 10px;
        gap: 10px;
        position: relative;
    }

    .mobile-filter .size .min-max-size .min-box,
    .mobile-filter .size .min-max-size .max-box {
        width: 50%;
        position: relative;
    }

    .mobile-filter .size .min-max-size .min-box .fa-angle-down,
    .mobile-filter .size .min-max-size .max-box .fa-angle-down {
        position: absolute;
        right: 10px;
        top: 12px;
        color: #778385;
    }

    .mobile-filter .size .min-max-size .form-select {
        height: 34px;
        border-radius: 8px;
        background-color: #f4f5f7;
        border: 1px solid #f3f5f7;
        font-size: 14px;
        color: #495a6a;
        font-weight: 400;
        width: 100%;
    }

    .mobile-filter .size .min-max-size .form-select:focus {
        box-shadow: none;
    }

    .mobile-filter .mobilebudgetdropdown {
        position: absolute;
        display: none;
        width: 90%;
        height: 290px;
        border-bottom-left-radius: 10px;
        border-bottom-right-radius: 10px;
        filter: drop-shadow(0 0 1.5px #e7e8e8);
        background-color: #ffffff;
        padding: 20px;
        margin: 0 auto;
        left: 0;
        right: 0;
        top: 54px;
        z-index: 9;
    }

    .mobile-filter .mobilebudgetdropdown ul {
        width: 40%;
    }

    .mobile-filter .mobilebudgetdropdown ul li {
        font-size: 13px;
        line-height: 25px;
        color: #737777;
        font-weight: 400;
    }

    .mobile-filter .mobilesizedropdown {
        position: absolute;
        display: none;
        width: 90%;
        height: 290px;
        border-bottom-left-radius: 10px;
        border-bottom-right-radius: 10px;
        filter: drop-shadow(0 0 1.5px #e7e8e8);
        background-color: #ffffff;
        padding: 20px;
        margin: 0 auto;
        left: 0;
        right: 0;
        top: 54px;
        z-index: 9;
    }

    .mobile-filter .mobilesizedropdown ul {
        width: 40%;
    }

    .mobile-filter .mobilesizedropdown ul li {
        font-size: 13px;
        line-height: 25px;
        color: #737777;
        font-weight: 400;
    }

    .mobile-serech-input {
        display: block;
        background-color: #fff;
        padding-top: 10px;
        padding-bottom: 10px;
    }

    .mobile-filter .add-locality-searchbox .bootstrap-select>.dropdown-menu {
        width: 258px;
        height: 450px;
        border-radius: 10px;
        filter: drop-shadow(0px 3px 3px #c3c8c8);
        background-color: #ffffff;
    }

    .mobile-filter .add-locality-searchbox .bootstrap-select>.dropdown-menu .bs-searchbox .form-control {
        height: 42px;
        border-radius: 10px !important;
        background-color: #ffffff !important;
        border: 1px solid #eaeded !important;
        font-size: 14px;
        line-height: 43px;
        color: #a5a9b1;
        font-weight: 400;
        position: relative;
        background: url(../../images/list-details/search.png) no-repeat center center;
        background-position-x: 95%;
    }

    .mobile-filter .add-locality-searchbox .bootstrap-select .dropdown-menu li a {
        padding: 5px;
        font-size: 13px;
        line-height: 25px;
        color: #5d6573;
        font-weight: 400;
        border-bottom: 1px solid #f0f1f2;
    }

    .mobile-filter .add-locality-searchbox .bootstrap-select .dropdown-menu li {
        padding: 0 10px;
    }

    .mobile-filter .add-locality-searchbox .bootstrap-select .dropdown-menu li a:hover {
        color: #5b6ff2;
        background-color: transparent;
    }

    .mobile-filter .add-locality-searchbox .bootstrap-select .bs-ok-default:after {
        content: url(../../images/list-details/check.svg);
        border-width: 0;
        transform: scale(.8);
        width: 20px;
        height: 20px;
    }

    .mobile-filter .add-locality-searchbox .bootstrap-select>.dropdown-menu .bs-searchbox .form-control::-webkit-search-cancel-button {
        display: none;
    }

    .navbar-brand-box {
        padding: 0;
    }

    .top-select,
    .top-dropdown {
        display: none !important;
    }

    #page-topbar .navbar-header .vertical-menu-btn {
        display: inline-block;
    }

    .noti-icon {
        display: none;
    }

    .m-hambergur-menu {
        display: block;
    }

    .d-hambergur-menu {
        display: none !important;
    }

    .hambergur-menu {
        width: 100%;
    }

    .navbar-brand-box .m-logo {
        display: block;
    }

    .d-logo {
        display: none;
    }

    .navbar-brand-box .logo img {
        width: 60px;
        height: auto;
    }

    .navbar-header div:nth-child(2) {
        padding-right: 0 !important;
    }

    .login-register .reg-box {
        display: none !important;
    }

    .navbar-header .logo-head {
        flex-direction: row-reverse;
    }

    .navbar-brand-box {
        padding: 0;
    }

    .listing-details .details-slider {
        width: 100%;
    }

    #property-info ul {
        flex-wrap: wrap;
    }

    #property-info ul li {
        width: 33%;
        margin: 10px 0;
    }

    #property-info ul li:nth-child(3) {
        border-right: 0;
    }

    #property-info ul li:nth-child(4) {
        padding-left: 0;
    }

    #property-info .card-body .Property-item {
        width: 40%;
        padding: 10px 5px;
    }


    #amenities .card-body .amenities-list .amenities-item {
        width: 50%;
    }

    .listing-details .video {
        width: 100%;
    }

    .signup {
        max-width: 100%;
    }

    .mobile-flex {
        display: flex;
        gap: 10px;
        position: fixed;
        bottom: 0;
        background-color: #ffff;
        width: 100%;
        left: 0;
        padding: 10px;
        z-index: 9999;
    }

    .listing-details .top-left-details .loan-btn {
        line-height: 12px;
        margin-bottom: 0;
        display: flex;
        align-items: center;
        width: 50%;
        padding-left: 20px;
        padding-right: 20px;
    }

    .listing-details .top-left-details .request-call-btn {
        width: 50%;
    }

    .listing-details .listing-details-bottom {
        margin-bottom: 80px;
    }

    .image-gallery .image-gallery-details {
        padding-top: 160px;
    }

    .image-gallery .image-gallery-top {
        padding-right: 50px;
        display: flex;
        align-items: center;
    }

    .listing-details .breadcrumb li {
        display: none;
    }

    .listing-details .breadcrumb li:first-child,
    .listing-details .breadcrumb li:last-child {
        display: flex;
    }

    .listing-details .breadcrumb li:last-child {
        white-space: nowrap;
        text-overflow: ellipsis;
        width: 85%;
        overflow: hidden;
        display: block;
    }

    .listing-details .top-left-details {
        padding: 0 5px;
    }

    .affix-nav-sticky {
        padding: 0 5px;
    }

    .affix-nav li a {
        font-size: 13px;
    }

    .listing-details .top-left-details .loan-btn .affix-nav li {
        margin: 0 12px;
    }

    #property-info ul {
        padding: 10px 20px;
    }

    #amenities .card-body {
        padding: 10px 10px;
    }

    .listing .container {
        padding-left: 15px;
        padding-right: 15px;
        margin-top: 120px;
    }

    .home-page .container {
        padding-left: 15px;
        padding-right: 15px;
    }

    .listing .listing-main .listing-left .block {
        flex-direction: column;
        height: auto;
    }

    .listing .listing-main .listing-left .block .listing-slider {
        max-width: 100%;
        border-bottom-left-radius: 0;
        border-top-right-radius: 10px;
    }

    .listing .listing-main .listing-left .block .block-right {
        width: 100%;
    }

    .navbar-header.isLoggedIn .hambergur-side-menu {
        display: none !important;
    }

    .wishlist-list::before {
        left: 86%;
        transform: translateX(-86%);
    }

    .navbar-header .select-city-dropdown .search-city-dropdown {
        position: fixed;
        width: 100%;
        left: 0;
        top: 52px;
        padding-right: 12px !important;
    }

    .hot-selling-ventures-main .slick-dots li {
        width: 10px;
        height: 10px;
    }

    .hot-selling-ventures-main .slick-dots li button {
        width: 10px;
        height: 10px;
        border-radius: 50%;
        background-color: #fff;
    }

    .hot-selling-ventures-main .slick-dots li.slick-active button {
        background-color: #5b6ff2;
    }

    .hot-selling-ventures-main .slick-dots li button:before {
        content: none;
    }

    #interior-designs {
        margin-top: 50px;
    }

    .we-partner .we-partner-inner ul li a {
        width: 95px;
        height: 61px;
    }

    .featured-properties-list .slick-dots li button,
    .our-interior-list .slick-dots li button {
        background-color: #bbbbbb
    }

    .search-city-dropdown-searchbar {
        position: fixed !important;
        top: 114px !important;
        left: 16px;
        width: 91% !important;
    }

    .membership-plan {
        max-width: 384px;
        width: 95%;
    }

    .m-chair {
        display: block;
    }

    .d-chair {
        display: none;
    }

    .service-page .financial-decision {
        padding: 15px;
    }

    .service-page .financial-decision .input-group-prepend {
        width: 40%;
    }

    .service-page .financial-decision .become-btn {
        width: 60%;
    }

    .service-page .financial-decision .decision-btns a {
        width: 100%;
    }
    .service-page .service-banner .we-offer a{
        width: 100%;
    }
    .service-page .membership-benefits .become-anocher{
        width: 100%;
    }
}

@media (max-width:600px) {

    .page-item:first-child .page-link span,
    .page-item:last-child .page-link span {
        display: none;
    }

    .page-item:first-child .page-link,
    .page-item:last-child .page-link {
        height: 41px;
    }

    .listing-details .images-thumb {
        margin-left: 0;
    }

    .listing-details .images-thumb ul {
        display: flex;
        justify-content: space-between;
    }

    .main-images>div {
        flex-direction: column;
    }

    .listing-details .imageslide-video {
        width: 100%;
    }

    .listing-details .images-thumb li {
        width: 32%;
    }

    .listing-details .images-thumb li a {
        width: 100%;
        height: 100%;
    }

    .image-gallery .image-gallery-list {
        flex-wrap: wrap;
    }

    .image-gallery .image-gallery-list li {
        padding: 5px 0;
    }

    .image-gallery .image-gallery-list li:nth-child(5) {
        margin-left: 0;
    }

    .listing-details .details-slider {
        width: 100%;
        /* height: 190px; */
    }

    .listing .breadcrumb li {
        display: none;
    }

    .listing .breadcrumb li:first-child,
    .listing .breadcrumb li:last-child {
        display: flex;
    }

    .listing .breadcrumb li:last-child {
        white-space: nowrap;
        text-overflow: ellipsis;
        width: 85%;
        overflow: hidden;
        display: block;
    }


    .contact-us {
        width: 90%;
    }

    .contact-us .contact-us-inner .contact-form .contact-form-right {
        display: none;
    }

    .contact-us .contact-us-inner .contact-form .contact-form-left {
        border-right: 0;
        padding-right: 0;
        min-height: auto;
    }

    .contact-us .contact-us-inner form input[type="text"],
    .contact-us .contact-us-inner form input[type="email"],
    .contact-us .contact-us-inner form textarea,
    .contact-us .contact-us-inner form .select,
    .contact-us .contact-us-inner form .code-phonenum {
        max-width: 100%;
    }

    .contact-us .contact-us-inner form .select {
        display: none;
    }

    .contact-us .contact-us-inner form .mobile-select {
        display: block;
        max-width: 100% !important;
        width: 100% !important;
        height: 46px !important;
        border-radius: 8px !important;
        background-color: #ffffff !important;
        border: 1px solid #e7e9eb !important;
        font-size: 14px !important;
        color: #666666 !important;
        font-weight: 400 !important;
    }

    .contact-us .sucess-message-div {
        min-height: auto;
    }

    .office-address {
        flex-direction: column;
    }

    .office-address .office-address-left {
        margin-bottom: 20px;
        width: 100%;
        padding-right: 0;
        padding-bottom: 5px;
    }

    .office-address .office-address-left::after {
        position: absolute;
        content: "";
        height: 1px;
        background-color: #fff;
        width: 50%;
        bottom: 0;
        left: 0;
    }

    .office-address .office-address-right {
        width: 100%;
        border-left: 0;
        padding-left: 0;
    }

    .header-chevron-img {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }

    .list-your-property-btn {
        width: 96px !important;
    }

    .list-your-property-btn span {
        display: none;
    }

    .list-your-property-padding {
        padding: 0 6px;
    }

    .header-item {
        padding: 4px 6px !important;
    }

    .navbar-brand-box {
        padding-left: 6px !important;
    }

    .wishlist-list {
        width: 100%;
    }

    .shorlisted {
        width: 100%;
    }

    .navbar-header[data-value="isLoggedIn"] .hambergur-side-menu {
        display: none !important;
    }

    .navbar-header .logo-head {
        flex-direction: row !important;
    }



    .select-city-dropdown button {
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
        width: 90px;
        display: block;
    }

    .select-city-dropdown button img {
        display: none;
    }

    .service-page .services-list {
        padding: 30px 15px;
    }

    .service-page .membership-benefits .benefits-list {
        flex-direction: column;
        gap: 0
    }

    .service-page .membership-benefits ul.left-list {
        margin-bottom: 0;
    }

    .service-page .membership-benefits {
        padding: 25px 20px
    }

    .services-wrap {
        flex-direction: column;
    }

    .services-wrap .services-box {
        max-width: 100%;
        padding: 0 15px;
        padding-bottom: 30px;
    }

}

@media (max-width:370px) {
    .affix-nav li {
        margin: 0 10px;
    }

    .image-gallery .image-gallery-top {
        font-size: 16px;
    }

    .listing .listing-main .listing-left .block .block-right .apartment-details p {
        width: 70%;
    }

    .listing .breadcrumb li:last-child {
        width: 75%;
    }

    /* .featured-properties .featured-properties-inner .featured-properties-block .featured-properties-content {
        padding: 10px 10px;
    }
    .featured-properties .featured-properties-inner .featured-properties-block .properties-name,
    .featured-properties .featured-properties-inner .featured-properties-block .properties-name span{
        font-size: 12px;
    }
    .featured-properties .featured-properties-inner .featured-properties-block .price{
        font-size: 18px;
    }
    .featured-properties .featured-properties-inner .featured-properties-block ul li{
        font-size: 11px;
    }
    .featured-properties .featured-properties-inner .featured-properties-block .apartment-details p{
        font-size: 11px;
    }
    .top-selling .top-selling-inner .top-selling-block .top-selling-content{
        padding: 10px 10px;
    }
    .top-selling .top-selling-inner .top-selling-block .top-selling-content .top-selling-name{
        font-size: 13px;
    } */
    .service-page .service-banner .we-offer .input-group-text {
        font-size: 14px;
    }

    .service-page .service-banner .we-offer .become-btn {
        font-size: 15px;
    }

    .service-page .membership-benefits .input-group-text {
        font-size: 12px;
    }

    .service-page .membership-benefits .become-btn {
        font-size: 13px;
    }

    .service-page .financial-decision .input-group-text {
        font-size: 12px;
    }

    .service-page .financial-decision .become-btn {
        font-size: 13px;
    }

    .service-page .financial-decision .more-btn {
        font-size: 14px;
    }
}

/* ===== Scrollbar CSS ===== */

/* Chrome, Edge, and Safari */
.y-scroll .list {
    height: 166px;
    overflow-y: auto;
}

.y-scroll .list::-webkit-scrollbar {
    width: 8px;
}

.y-scroll .list::-webkit-scrollbar-track {
    background: transparent;
}

.y-scroll .list::-webkit-scrollbar-thumb {
    background-color: #EAECF0;
    border-radius: 8px;
    border: 2px solid #fff;
    border-left: 0;
}