.listing-style6 .list-tag3,
.listing-style1 .list-tag5 {
    border-radius: 6px;
    font-family: var(--title-font-family);
    font-weight: 600;
    opacity: 1;
    padding: 2px 12px;
    position: absolute;
    top: 20px;
    transform: translateY(0px);
    visibility: visible;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
}


.listing-style6 .list-tag3 .list-tag4 {
    background-color: var(--main);
    border-radius: 6px;
    color: #ffffff;
    font-family: var(--title-font-family);
    font-weight: 600;
    opacity: 1;
    padding: 5px 12px;
    margin-inline-start: 0.4rem;
    top: 20px;
    transform: translateY(0px);
    visibility: visible;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
}

.listing-style6:hover .list-tag3 .list-tag4 {
    opacity: 0;
    visibility: hidden;
    transform: translateY(50px);
}

.listing-style6 .list-content {
    display: none;
}

.listing-style6:hover .list-content {
    display: block;
}

.share-btn {
    width: 100%;
}

@media (min-width: 768px) {
    .share-btn {
        flex: 0 0 48%;
        max-width: 48%;
    }
}

.share-btn i {
    transform: unset !important;
}

@font-face {
    font-family: 'SaudiRiyal';
    src: url('curreny/SaudiRiyal.otf') format('opentype');
    font-weight: normal;
    font-style: normal;
}

.riyali-text {
    font-family: 'SaudiRiyal', sans-serif;
}

.listing-style1 .list-price span,
span.riyali-text {
    font-size: 1.2rem;
}

.ace-responsive-menu>li>a.active span {
    color: var(--main) !important;
    background: white;
    border-radius: 60px;
    text-align: center;
    padding: 7px 10px;
}

.iconbox-style2 {
    min-height: 25rem;
}

.property-action.dark-version .icon,
.overview-element.dark-version .icon {
    color: black;
}

.h-20rm {
    height: 20rem;
}

.h-25rm {
    height: 25rem;
}

.bg-gray {
    background-color: #fafafd;
}

.h-100vh {
    height: 80vh;
}

.h-10vh {
    height: 40vh !important;
}

.map-search {
    border: none;
}

.img-logo-fixed {
    width: 10rem;
}

.mm-navbar {
    display: none;
}

@media (max-width: 575.98px) {

    .h-25rm {
        height: 15rem;
    }


    .mx20-lg {
        margin-left: unset !important;
        margin-right: unset !important;
    }

    .list-one {
        display: flex;
        gap: 0.5rem;
        align-items: center;
    }

    .box-search1 {
        margin-bottom: 1rem;
    }

    .ps-v4-hero-tab .nav-pills {
        top: 1rem;
    }

    .vam_nav_style.owl-theme .owl-nav .disabled,
    .owl-carousel .owl-dots.disabled,
    .owl-carousel .owl-nav.disabled {
        display: none !important;
    }

    .h-100vh {
        height: 60vh;
    }

    .msml20 {
        margin-left: -130px !important;
    }

    .property-meta {
        display: grid;
        /*grid-template-columns: repeat(2, 1fr);*/
        gap: 0.5rem;
    }
}

.listing-style-new .list-content {
    padding: 0;
}

.listing-style-new .list-title,
.listing-style-new .list-text {
    margin: 10px 20px;
}

.banner-wrapper .carousel-control-block {
    display: none !important;
}



.text-primary {
    color: var(--main) !important;
}

.filter-option-inner-inner {
    text-align: start;
}

.mt-250 {
    margin-top: -350px;
}

.filters-scrollable {
    max-height: 100vh;
    /* يمنع التمدد خارج الشاشة */
    overflow-y: auto;
    /* تفعيل التمرير العمودي */
    scrollbar-width: none;
    /* إخفاء الشريط في فايرفوكس */
    -ms-overflow-style: none;
    /* إخفاءه في إنترنت إكسبلورر */
}

.filters-scrollable::-webkit-scrollbar {
    display: none;
    /* إخفاءه في كروم وسفاري */
}

.dropdown-item.active,
.dropdown-item:active,
.dropdown-item:focus,
.dropdown-item:hover {
    background-color: var(--main);
    border-radius: 12px;
}


/* fallback */
@font-face {
    font-family: 'Material Symbols Outlined';
    font-style: normal;
    font-weight: 100 700;
    src: url(https://fonts.gstatic.com/s/materialsymbolsoutlined/v254/kJEhBvYX7BgnkSrUwT8OhrdQw4oELdPIeeII9v6oFsI.woff2) format('woff2');
}

.material-symbols-outlined {
    font-family: 'Material Symbols Outlined';
    font-weight: normal;
    font-style: normal;
    font-size: 24px;
    line-height: 1;
    letter-spacing: normal;
    text-transform: none;
    display: inline-block;
    white-space: nowrap;
    word-wrap: normal;
    direction: ltr;
    -webkit-font-feature-settings: 'liga';
    -webkit-font-smoothing: antialiased;
}

/* fallback */
@font-face {
    font-family: 'Material Symbols Rounded';
    font-style: normal;
    font-weight: 400;
    src: url(https://fonts.gstatic.com/s/materialsymbolsrounded/v255/syl0-zNym6YjUruM-QrEh7-nyTnjDwKNJ_190FjpZIvDmUSVOK7BDB_Qb9vUSzq3wzLK-P0J-V_Zs-QtQth3-jOc7TOVpeRL2w5rwZu2rIelXxc.woff2) format('woff2');
}

.material-symbols-rounded {
    font-family: 'Material Symbols Rounded';
    font-weight: normal;
    font-style: normal;
    font-size: 24px;
    line-height: 1;
    letter-spacing: normal;
    text-transform: none;
    display: inline-block;
    white-space: nowrap;
    word-wrap: normal;
    direction: ltr;
    -webkit-font-feature-settings: 'liga';
    -webkit-font-smoothing: antialiased;
}

.modal::-webkit-scrollbar {
    display: none;
}

.owl-prev span,
.owl-next span {
    display: none;
}

iframe {
    height: 80vh;
}

.cookies {
    position: fixed;
    bottom: 20px;
    left: 20px;
    z-index: 9999;
    background-color: #f2f2f2;
    border-radius: 12px;
    overflow: hidden;
    width: 95%;
    padding: 1.25rem calc(1.375rem + 1.5vw);
    -webkit-column-gap: 20px;
    -moz-column-gap: 20px;
    column-gap: 20px;
    text-align: center;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}

.mfp-counter{
    display: none;
}

.nishan-icon{
    width: 50px;
    height: 50px;
    border-radius: 12px;
}