.header .navbar-nav .nav-link{
    transition:.3s;
}

.header .navbar-nav .nav-link:hover{
    color:#5B21B6;
}
.header .navbar-nav .nav-item .nav-link:hover,
header.pb .header .navbar-nav .nav-item .nav-link:hover,
.view-btn,
.face.front,
.bottom-list ul li a:hover,
.card .card-body h3:hover,
.card:hover .card-body h3,
.post-nfo li:not(:first-child):hover,
.post-nfo li:not(:first-child):hover a,
.blog-single-post:hover .post_info > h3 a,
.cm-reply,
.widget-search form button,
.widget-catgs ul li a,
.ps-info > h3 a:hover,
.btn1,
.blog-grid-posts .post_info > a:hover,
.cont-links li a,
.cont-links li span,
.socio-links li a:hover,
.cont_info li i,
.cont_info li a,
.social_links li a:hover,
.view-change ul.nav-tabs .nav-link.active,
.card_bod_full .card-footer .btn-default,
.btn-default,
.sidebar.layout2 .ps-info > strong,
.more-feat i,
.contct-nf > span,
.apartment-sec .rate-info h5,
.comment-info:before,
.price > h2,
.agent_info > strong,
.agent:hover .agent_info h3 a,
.list-products .card:hover .card-body h3,
.social-links li a:hover,
.slick-prev:focus,
.slick-next:focus,
.slick-prev:before,
.slick-next:before,
.banner_text .card .card-footer > a,
.catg-icon > i,
.map-city-links ul li a:hover,
a.link,
.selected,
.dropdown-item.active, 
.dropdown-item:active,
.post-share > a:hover,
.footer-list i,
.h-card-body .title,
body ul.post-nfo a:hover,
.drop-menu.active .select > span, .drop-menu.active .select i, .drop-menu .dropeddown li:hover,
.header .navbar-nav .submit-btn a,
.header .navbar-nav .signin-btn a:hover,
.dropdown-item:focus, .dropdown-item:hover,
a{
    color:#5B21B6;
    transition:.25s;
}

.page-content .toggle-item h2:before,
.h-page-card .title{
    color:#374151;
}


.header .navbar-nav .submit-btn a {
    color: #5B21B6 !important;
}

.explore-feature .card .card-body i,
.cluster-visible,
.face.back,
.widget-tags > ul li a,
.post_info > a:hover,
.pagination .page-item.active .page-link,
.pagination .page-item .page-link:hover,
.contact_form > form button:hover,
.post-comment-sec form button:hover,
.input-field input[type="radio"]:checked + label span,
.input-field input[type="checkbox"]:checked + label span,
.features-dv .input-field input[type="checkbox"] + label span,
.btn2,
.price:hover .btn-default,
.discover-text .btn-default,
.slick-prev:hover,
.slick-next:hover,
.banner_text .rate-info,
.btn-default.st1,
.categories-info:hover,
.card .card-footer a .la-heart-o:hover,
.card .card-footer a .la-exchange:hover,
.table-compare.table-hover>tbody>tr:not(:last-child):hover>td,
.btn-default:hover,
.favorites-actions .remove-from-favorites i.la-heart-o,
.footer-social a:hover,
.signin-btn b:before,
.success-message,
.error-message,
.btn.btn-local-primary,
.block-header,
body:after,
.model-item .title:hover,
.menu-onmap li label:hover,
.menu-onmap li.active label,
body .winter_dropdown_tree .input-group-addon,
.currency-selector .drop-menu .dropeddown li:hover,
.language-selector .drop-menu .dropeddown li:hover,
.blog-single-post:hover .post_info > a{
    background-color:#5B21B6;
}

.header .navbar-nav .submit-btn a,
.view-btn,
.cluster-visible:before,
.face.front,
.face.back,
.blog-single-post > blockquote,
.btn1,
.btn-default,
.btn.btn-local-primary,.currency-selector .drop-menu .dropeddown li:hover,
.language-selector .drop-menu .dropeddown li:hover,.menu-onmap li.active label:before,.menu-onmap li label:hover:before {
	border-color: #5B21B6;
}

.blog-img:before, .agent_img:before,
.bfr:before,
.blog-img:before, .agent_img:before,
.popular-cities .card .overlay,
.banner-search .btn:hover,
.view-btn:hover, .view-btn:focus, .view-btn.active,
.sbmt-btn:hover,
.card .img-block:before, .card .img-block:after, .popular-cities .card:before, .popular-cities .card:after, .banner-search .btn:before, .banner-search .btn:after, .intro-content a:before, .intro-content a:after, .sbmt-btn:before, .sbmt-btn:after, .btn2:before, .btn2:after, .btn-default:before, .btn-default:after,
.card .img-block .overlay,
.srch-btn .overlay{
background: rgba(91,33,182,.55);
}

.currency-selector .drop-menu .dropeddown li,
.language-selector .drop-menu .dropeddown li,
.currency-selector .drop-menu .dropeddown,
.language-selector .drop-menu .dropeddown,
.top-header {
    background:#5B21B6;
    border-bottom: 1px solid #4C1D95;
}

a:hover {
    color: #FBBF24;
}

.marker-cluster div,
.marker-cluster div:before{
    background:#5B21B6;
    border-color:#5B21B6;
}


.property-hd-sec .card-body{
    padding:5px 10px;
}

.property-hd-sec .rate-info{
    padding:5px 10px;
}

.card{
    transition:all .35s ease;
    box-shadow:0 8px 25px rgba(0,0,0,.08);
}

.card:hover{
    transform:translateY(-8px);
    box-shadow:0 22px 45px rgba(91,33,182,.18);
}


.card .img-block img{
    transition:.45s;
}

.card:hover .img-block img{
    transform:scale(1.00);
}


.rate-info h5{
    color:#5B21B6;
    font-size:22px;
    font-weight:700;
}

.listing_badge{
    color:#fff;
    border-radius:30px;
    padding:7px 16px;
	font-size:13px;
	letter-spacing:.2px;
    font-weight:600;
}

.la-heart-o,
.la-heart,
.la-exchange{
    transition:.3s;
}

.la-heart-o:hover,
.la-heart:hover{
    color:#FBBF24;
    transform:scale(1.15);
}

.card .card-footer a .la-exchange:hover{
    color:#fff;
    transform:scale(1.15);
}

.card .card-footer a.compare-added .la-exchange {
    background: #5B21B6;
    color: #fff;
}

.banner::after{
    background: linear-gradient(
        rgba(91,33,182,.70),
        rgba(91,33,182,.52)
    );
    backdrop-filter: blur(3px);
    -webkit-backdrop-filter: blur(3px);
}

.cta,
.cta a,
.cta .btn{
    background:linear-gradient(135deg,#5B21B6,#7C3AED) !important;
    border-color:#5B21B6 !important;
}

.country_selector{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    text-decoration:none;
}

.country_selector .selected-city{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:8px;

    height:46px;
    padding:0 18px;

    border:2px solid #ececec;
    border-radius:16px;
    background:#fff;

    color:#444;
    font-size:15px;
    font-weight:700;
    line-height:1;

    transition:.3s;
}

.country_selector .selected-city i{
    color:#8B5CF6;
	font-size:19px;
}

.country_selector:hover .selected-city{
    border-color:#5B21B6;
    color:#5B21B6;
    box-shadow:0 8px 20px rgba(91,33,182,.12);
}

.header-address{
    display:flex;
    align-items:center;
    height:100%;
}

.top-header .resp-grid{
    align-items:center;
}

/* =====================================================
   MODERN HEADER
   ===================================================== */

.header {
    position: relative;
    z-index: 1000;
    background: #fff;
    border-bottom: 1px solid rgba(95, 59, 103, .08);
    box-shadow: 0 3px 18px rgba(40, 20, 60, .06);
}

.header .navbar {
    min-height: 82px;
    padding: 10px 0;
}

/* Logo */
.header .navbar-brand {
    display: flex;
    align-items: center;
    margin-left: 30px;
    padding: 0;
}

.header .navbar-brand img {
    max-height: 58px;
    width: auto;
    display: block;
    transition: all .25s ease;
}

.header .navbar-brand:hover img {
    transform: translateY(-1px);
}

/* Main menu */
.header #navbarSupportedContent {
    align-items: center;
}

.header .navbar-nav {
    align-items: center;
}

.header .navbar-nav .nav-item {
    margin: 0 3px;
}

.header .navbar-nav .nav-link {
    position: relative;
    display: flex;
    align-items: center;
    gap: 5px;
    min-height: 42px;
    padding: 9px 13px;
    border-radius: 10px;
    color: #403746;
    font-weight: 600;
    transition:
        color .2s ease,
        background .2s ease,
        transform .2s ease;
}

.header .navbar-nav .nav-link:hover {
    color: #5f3b67;
    background: rgba(95, 59, 103, .07);
}

/* Active / hover underline */
.header .navbar-nav .nav-item > .nav-link:after {
    content: "";
    position: absolute;
    right: 13px;
    left: 13px;
    bottom: 4px;
    height: 2px;
    border-radius: 10px;
    background: #f4c400;
    transform: scaleX(0);
    transform-origin: center;
    transition: transform .2s ease;
}

.header .navbar-nav .nav-item:hover > .nav-link:after,
.header .navbar-nav .nav-item.active > .nav-link:after {
    transform: scaleX(1);
}

/* Sign in */
.header .signin-btn .nav-link {
    background: #f7f5f8;
    color: #5f3b67;
    border-radius: 12px;
}

.header .signin-btn .nav-link:hover {
    background: #eee9f0;
}

/* Compare */
.header .compare-header-btn .nav-link {
    color: #5f3b67;
    font-weight: 700;
}

.header .compare-header-btn .nav-link i {
    font-size: 21px;
}

.header .compare-header-count {
    white-space: nowrap;
}

/* Submit listing */
.header .submit-btn .sbmt-btn {
    min-height: 44px;
    padding: 10px 18px;
    border-radius: 12px;
    background: #5f3b67;
    color: #fff !important;
    box-shadow: 0 5px 14px rgba(95, 59, 103, .20);
    font-weight: 700;
}

.header .submit-btn .sbmt-btn:hover {
    background: #4d2f54;
    color: #fff !important;
    transform: translateY(-1px);
    box-shadow: 0 7px 18px rgba(95, 59, 103, .27);
}

.header .submit-btn .sbmt-btn i {
    color: #f4c400;
    font-size: 18px;
}

/* Login / register */
.header .signin-op,
.header .reg-op {
    font-weight: 700;
}

.header .signin-op {
    color: #5f3b67;
}

.header .reg-op {
    color: #5f3b67;
}

.header .signin-btn > span > span {
    white-space: nowrap;
}

/* Dropdown */
.header .dropdown-menu {
    margin-top: 8px;
    padding: 8px;
    border: 0;
    border-radius: 14px;
    background: #fff;
    box-shadow: 0 12px 35px rgba(40, 20, 60, .14);
}

.header .dropdown-menu .dropdown-item {
    border-radius: 9px;
    padding: 9px 13px;
    transition: all .18s ease;
}

.header .dropdown-menu .dropdown-item:hover {
    color: #5f3b67;
    background: rgba(95, 59, 103, .07);
}

/* Mobile button */
.header .menu-button {
    border: 0;
    background: transparent;
    padding: 8px;
    border-radius: 10px;
}

.header .menu-button:hover {
    background: rgba(95, 59, 103, .07);
}

.header .menu-button .icon-spar {
    background: #5f3b67;
    border-radius: 5px;
}

/* Mobile */
@media (max-width: 991px) {

    .header .navbar {
        min-height: 70px;
    }

    .header .navbar-brand img {
        max-height: 50px;
    }

    .header #navbarSupportedContent {
        padding: 15px;
        margin-top: 10px;
        border-radius: 16px;
        background: #fff;
        box-shadow: 0 10px 30px rgba(40, 20, 60, .12);
    }

    .header .navbar-nav {
        align-items: stretch;
    }

    .header .navbar-nav .nav-item {
        margin: 2px 0;
    }

    .header .navbar-nav .nav-link {
        justify-content: flex-start;
    }

    .header .submit-btn .sbmt-btn {
        justify-content: center;
    }
}

/* مخفی کردن انتخاب شهر، بدون حذف محله */
.form_field .form-group-tree-alt > .winter_dropdown_tree.primary {
    display: none !important;
}


/* نمایش فهرست اصلی و زیرمجموعه نوع کاربری کنار هم */
@media (min-width: 768px) {
    .banner-search_init .property-type-field .form-group {
        display: flex !important;
        flex-direction: row !important;
        gap: 8px;
        width: 100%;
    }

    .banner-search_init .property-type-field .winter_dropdown_tree {
        width: calc(50% - 4px) !important;
        min-width: 0;
        flex: 1 1 0;
        box-sizing: border-box;
    }

    .banner-search_init .property-type-field .winter_dropdown_tree .btn-group {
        display: flex;
        width: 100%;
    }

    .banner-search_init .property-type-field .winter_dropdown_tree .btn-group > button:first-child {
        flex: 1;
        min-width: 0;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .banner-search_init .property-type-field .winter_dropdown_tree .btn-group > button.dropdown-toggle {
        flex: 0 0 36px;
    }
}


/* جلوگیری از کوتاه شدن متن انواع ملک در نقشه */
.geo-menu li.geo-property-type-counts,
.geo-menu li.geo-child-property-type-counts {
white-space: normal !important;
overflow: visible !important;
text-overflow: clip !important;
height: auto !important;
max-height: none !important;
overflow-wrap: anywhere;
line-height: 2;
}

/* عنوان سطح دوم: نوع ملک */
.geo-menu .geo-property-type-heading {
display: block !important;
width: 100% !important;
margin: 8px 0 0 !important;
padding: 10px 12px 4px !important;
color: #5B21B6;
font-size: 14px;
font-weight: 700;
white-space: normal !important;
}