/* arabic */
@font-face {
  font-family: 'Cairo';
  font-style: normal;
  font-weight: 400;
  src: url(../fonts/SLXgc1nY6HkvangtZmpQdkhzfH5lkSs2SgRjCAGMQ1z0hOA-a1biLD-H.woff2) format('woff2');
  unicode-range: U+0600-06FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE80-FEFC;
}
/* latin-ext */
@font-face {
  font-family: 'Cairo';
  font-style: normal;
  font-weight: 400;
  src: url(../fonts/SLXgc1nY6HkvangtZmpQdkhzfH5lkSs2SgRjCAGMQ1z0hOA-a13iLD-H.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Cairo';
  font-style: normal;
  font-weight: 400;
  src: url(../fonts/SLXgc1nY6HkvangtZmpQdkhzfH5lkSs2SgRjCAGMQ1z0hOA-a1PiLA.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face{ font-family:'Cairo';}

body,h1,h2,h3,h4,h5,h6,a,button,p,span,div{font-family:'Cairo'!important;}


       body {
            padding: 0 !important;
            margin: 0 !important;
            box-sizing: border-box;

        }

        .container-fluid {
            padding-right: 0 !important;
        }

        .hov {
            transition: all 0.3s ease;
        }

        .hov:hover {
            text-decoration: underline;
            cursor: pointer
        }

        .btn {
            border: none !important;
        }
		
		.h-btn:hover{
		color:#0d6efd !important;
		}

        


        .card-trans {
            transition: transform 0.3s ease
        }

        .card-trans:hover {
            cursor: pointer;
            transform: scale(1.05);
        }

        .nav-item {
            min-width: 90px;
            text-align: center;
        }

        textarea {
            resize: none;
        }

        .flag {
            z-index: 9;
        }

        .m-card {
            margin: 5px
        }

        .menu-item a.active {
            color: #0d6efd !important;
        }

        .buy-cards .col-12 {

            padding: 5px;
            display: flex;
            align-items: center;
            justify-content: center;
        }

        .buy-cards .col-12 .card__article {
            width: 340px;
            margin-left: 10px !important;
        }

        .card__article {
            box-shadow: 0px 1px 3px #333;
            width: 340px;
            height: 280px !important;
            border-radius: 5px;
            overflow: hidden;

            margin-left: 5px !important;
            margin-bottom: 5px !important;

        }

        @media(max-width:767px) {
            .t-r {
                text-align: right !important;
            }

            .card__article {
                width: 330px;
                margin: 0 !important;
                margin-left: 10px !important;
                margin-right: 10px !important;
            }

            .card__article.home {
                margin-left: 15px !important;
            }

            .aqars_swiper_container {
                padding: 0 auto !important;
                margin: 0 auto !important
            }

            .d-sm-nonee {
                display: none
            }

            .fav-drop {
                width: 150px !important;
            }
			.dropdown-toggle{
			width:215px;
			}
			
			.price-menu, .rooms-menu, .bathes-menu {
			min-height:150px !important;
			}
			
			.h-h{
			display:block !important
			}
        }

        .modal-c {
            margin-top: 150px;
            --bs-modal-width: 800px;
        }

        .price-menu,
        .rooms-menu,
        .bathes-menu {
            min-width: 300px !important;
            min-height: 230px;
            height: auto !important;
        }

        .checks-b label {
            font-size: 18px;
        }

        .g-row {
            height: 100vh;
            overflow-y: scroll;
        }




        .menu-wrapper {
            max-width: 500px;
            height: 40px;
            padding: 0 30px;
            margin: 20px auto;
            position: relative;
            overflow: hidden;
        }

        .menu-wrapper .menu-item {
            height: 100%;
            overflow: auto;
            white-space: nowrap;
        }

        .menu-wrapper .menu-item a {
            display: inline-block;
            padding: 5px 20px;
            color: #333;
            height: 100%;
        }

        .menu-wrapper .menu-item a:hover {
            text-decoration: none;
        }

        .menu-wrapper .menu-item a:first-child {
            padding-left: 5px;
        }

        .menu-wrapper .menu-item::-webkit-scrollbar {
            display: none;
        }

        .menu-wrapper .pointer {
            height: 40px;
            width: 30px;
            line-height: 38px;
            text-align: center;
            position: absolute;
            top: 0;
        }

        .menu-wrapper .pointer i {
            color: #333;
            cursor: pointer;
        }

        .menu-wrapper .left-pointer {
            left: 0;
        }

        .menu-wrapper .right-pointer {
            right: 0;
        }

        .menu-wrapper .dis i {
            color: #ccc;
        }

        a.active {
            color: red;
        }

        @media screen and (max-width: 567px) {
            .ucard-text {
                margin-bottom: 0.5em;
            }
        }

        .card.card1 {
            margin: 5%;
            flex-direction: row;
        }

        .card-body.card1-body {
            padding: 0.5em 1em;
        }

        .card1.card img {
            max-width: 100px;
            height: 100%;
            border-bottom-left-radius: calc(0.25rem - 1px);
            border-top-left-radius: calc(0.25rem - 1px);
        }

        .card1-body:hover {
            color: #0d6efd;
            cursor: pointer;
        }

        .search {
            display: flex;
            align-items: center;
            justify-content: center;
            position: relative;
            color: #aaa;
            font-size: 16px;
        }

        .searchh {

            position: relative;
            color: #aaa;
            font-size: 16px;
        }



        .search input {
            width: 700px;
            max-width: 90%;
            height: 60px;

            background: #fcfcfc;
            border: 1px solid #aaa;
            border-radius: 5px;

        }

        .searchh input {
            width: 700px;
            max-width: 90%;
            height: 60px;

            background: #fcfcfc;
            border: 1px solid #aaa;
            border-radius: 5px;

        }

        .search input {
            text-indent: 32px;
        }

        .searchh input {
            text-indent: 32px;
        }

        .search .s-icon {
            position: absolute;
            top: 20px;
            left: 10px;
        }

        .searchh .s-icon {
            position: absolute;
            top: 20px;
            left: 10px;
        }

        .search .s-icon {
            left: auto;
            right: 10px;
        }

        .searchh .s-icon {
            left: auto;
            right: 10px;
        }

        @media(max-width:767px) {
            .sell-f-sec {
                flex-direction: column-reverse;
            }

            .searchh input,
            .search input {
                width: 350px !important;
            }

            .searchh .s-icon {
                right: 30px !important
            }

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

            .dropdown {

                margin: 0 !important;
            }

            .navbar-nav {
                padding: 0;
            }

            .dropdown-menu {
                border-radius: 0 !important;
            }

            .dropdown-menu h6 {
                display: none;
            }

            .rooms-menu {
                width: 100% !important;
            }

            .smcf {
                padding-right: 12px !important
            }
        }


        .search .ss-icon {
            position: absolute;
            top: 15px;
            left: 10px;
        }

        .search .ss-icon {
            left: 80px;
            right: auto;
        }

        @media(max-width:767px) {
            .sell-f-sec {
                flex-direction: column-reverse;
            }

            .search .ss-icon {
                left: 30px;
                right: auto;
            }

            .fav-link {
                display: none;
            }
        }

        .menu-item a:hover,
        .fa.fa-chevron-right:hover,
        .fa.fa-chevron-left:hover {
            color: #0d6efd;
        }

        .overlay-g-img {
            position: absolute;
            width: 100%;
            height: 100%;
            background: rgba(0, 0, 0, 0.7);
            z-index: 1000;
        }

        .details-overlay {
            display: none;
            position: fixed;
            background: rgba(0, 0, 0, .6);
            width: 100%;
            height: 100vh;
            top: 0;
            z-index: 99999;
        }

        .details-over-content {
            width: 80%;
            height: 100%;
            background-color: #fff;
            margin: 0 auto;
        }

        @media(max-width:767px) {
            .details-over-content {
                width: 100%;

            }
        }

        #close-overlay {
            position: absolute;
            width: 30px;
            height: 30px;
            display: flex;
            align-items: center;
            justify-content: center;
            right: -50px;
            border: 1px solid #999;
            background: inherit;
            color: #fff;
            border-radius: 5px;
            top: 10px;
        }

        @media(max-width:767px) {
            .big-gall {
                display: none
            }

            .mob-gall {
                display: block
            }
        }

        @media(min-width:768px) {
            .big-gall {
                display: block
            }

            .mob-gall {
                display: none
            }
        }


        .has-search .form-control {
            padding-left: 2.375rem;
        }

        .has-search .form-control-feedback {
            position: absolute;
            z-index: 2;
            display: block;
            width: 2.375rem;
            height: 2.375rem;
            line-height: 2.375rem;
            text-align: center;
            pointer-events: none;
            color: #aaa;
        }

        .agent-det-icon:hover {
            color: rgb(13 110 253)
        }

        .show-more-btn,
        .show-more-btn2,
        .show-more-btn3,
        .show-more-btn4 {
            background-color: #fff;
            /* Green background */
            border: none;
            /* Remove border */
            color: #0d6efd;
            /* White text */
            padding: 12px 16px;
            /* Some padding */
            font-size: 16px;
            /* Set a font size */
            cursor: pointer;
            /* Add a pointer cursor on hover */
            font-weight: bold
        }

        /* Add a hover effect for buttons */
        .show-more-btn:hover,
        .show-more-btn2:hover,
        .show-more-btn3:hover,
        .show-more-btn4:hover {
            opacity: 0.8;
            /* Fade the button on hover */
        }

        /* Add a transition effect for the hidden text */
        .hidden-text,
        .hidden-text2,
        .hidden-text3,
        .hidden-text4 {
            max-height: 0;
            overflow: hidden;
            background: ;
            transition: max-height 0.3s ease-in-out;
        }


        @media(max-width:767px) {
            .listing-title {
                font-size: 16px
            }

            .agent-image {
                width: 80px
            }

            .h-mob {
                display: none;
            }

            .det_modal {
                max-width: 100% !important;
                margin: 0;
            }

            #close-overlay {
                position: absolute;
                width: 30px;
                height: 30px;
                display: flex;
                align-items: center;
                justify-content: center;
                right: 10px;
                border: none;
                background: inherit;
                color: #333;
                border-radius: 5px;
                top: 0px;
            }

            .saved-aqar {
                justify-content: space-around !important;

            }
        }


        .box {
            width: 40%;
            margin: 0 auto;
            background: rgba(255, 255, 255, 0.2);
            padding: 35px;
            border: 2px solid #fff;
            border-radius: 20px/50px;
            background-clip: padding-box;
            text-align: center;
        }

        .button {
            font-size: 1em;
            padding: 10px;
            color: #fff;
            border: 2px solid #06D85F;
            border-radius: 20px/50px;
            text-decoration: none;
            cursor: pointer;
            transition: all 0.3s ease-out;
        }

        .button:hover {
            background: #06D85F;
        }

        .overlay {
            position: fixed;
            top: 0;
            bottom: 0;
            left: 0;
            right: 0;
            background: rgba(0, 0, 0, 0.7);
            transition: opacity 500ms;
            visibility: hidden;
            opacity: 0;
        }

        .overlay:target {
            visibility: visible;
            opacity: 1;
        }

        .popup {
            margin: 70px auto;
            padding: 20px;
            background: #fff;
            border-radius: 5px;
            width: 30%;
            position: relative;
            transition: all 5s ease-in-out;
        }

        .popup h2 {
            margin-top: 0;
            color: #333;
            font-family: Tahoma, Arial, sans-serif;
        }

        .popup .close {
            position: absolute;
            top: 20px;
            right: 30px;
            transition: all 200ms;
            font-size: 30px;
            font-weight: bold;
            text-decoration: none;
            color: #333;
        }

        .popup .close:hover {
            color: #06D85F;
        }

        .popup .content {
            max-height: 30%;
            overflow: auto;
        }

        @media screen and (max-width: 700px) {
            .box {
                width: 70%;
            }

            .popup {
                width: 70%;
            }
        }

        .fav-div {
            z-index: 9;
        }

        .fav-div i:hover {
            cursor: pointer;
            color: red;
        }

        .card__article {
            cursor: pointer;
        }

        .fav-icon i {
            font-size: 30px
        }

        @media(min-width:768px) {
            .acc-aps {
                position: absolute;
                top: 40px;
                left: 10px
            }

            .buy-cards .col-12 {

                justify-content: end;
            }
        }

        #aqar-det-modal {
            max-height: 100vh;
            overflow: hidden;
        }

        @media(max-width:767px) {
            .acc-aps {

                margin-top: 10px;
            }

            .inp-prof {
                height: 45px !important;
            }

            #aqar-det-modal {
                overflow-y: scroll;
            }

            .check-sign {
                left: 45px !important
            }

            .det-links li a {
                display: flex;
                flex-direction: column;
                align-items: center;
            }

        }


        .switch {
            display: inline-block;
            position: relative;
            width: 50px;
            height: 25px;
            border-radius: 20px;
            background: #dfd9ea;
            transition: background 0.28s cubic-bezier(0.4, 0, 0.2, 1);
            vertical-align: middle;
            cursor: pointer;
        }

        .switch::before {
            content: '';
            position: absolute;
            top: 1px;
            left: 2px;
            width: 22px;
            height: 22px;
            background: #fafafa;
            border-radius: 50%;
            transition: left 0.28s cubic-bezier(0.4, 0, 0.2, 1), background 0.28s cubic-bezier(0.4, 0, 0.2, 1), box-shadow 0.28s cubic-bezier(0.4, 0, 0.2, 1);
        }

        .switch:active::before {
            box-shadow: 0 2px 8px rgba(0, 0, 0, 0.28), 0 0 0 20px rgba(128, 128, 128, 0.1);
        }

        input:checked+.switch {
            background: #72da67;
        }

        input:checked+.switch::before {
            left: 27px;
            background: #fff;
        }

        input:checked+.switch:active::before {
            box-shadow: 0 2px 8px rgba(0, 0, 0, 0.28), 0 0 0 20px rgba(0, 150, 136, 0.2);
        }

        .swiper-button-next,
        .swiper-button-prev {
            top: 0;
        }


        /* start sell modal style*/
        .sell_modal_contact {
            min-height: 150px;
            display: flex;
            flex-direction: column;
            gap: 20px;
            align-items: center;
            justify-content: center;
			padding-top:20px;
			padding-bottom:20px
        }

        .hov-color {
            transition: all 0.3s ease;
        }

        .hov-color:hover {
            background-color: rgb(242, 250, 255);
            transform: scale(1.005)
        }

        .nav-flex {
            display: flex;
            align-items: center;
            justify-content: end;
        }

        .back-h {
            cursor: pointer;
        }

        .back-h i {

            margin-left: 10px;

        }

        .rent_modal_cont {
            min-height: 100vh;
        }

        @media(max-width:767px) {
            .sell_modal_imgs_pc {
                display: none;
            }

            .sell_modal_imgs_mob {
                display: block;
            }

            .word-sell-nav {
                display: none
            }

            .fbtn {
                margin: 0 !important;
            }

            .nav-flex {
                display: flex;
                align-items: center;
                justify-content: end;
                gap: 20px;
                margin-top: 30px;
            }

            .d-n {
                display: none;
            }

            .sell-logo {
                margin-top: 15px;
            }

            .sell-price {
                font-size: 18px
            }

            .card__article {
                margin-left: 0 !important;
                margin: 10px auto !important;

            }

            .sell__article {
                width: 240px !important;
                margin-left: 10px !important;
            }

            .back-h {
                position: absolute;
                top: 35px;
                right: -10px;

            }

            .det_modal {
                width: 100%;
                height: 100vh
            }

            .inner-content-conteiner {
                height: auto !important;
                min-height: 300px !important;
            }

            .det_modal {
                min-height: 100vh
            }

            .menu-wrapper.active {
                height: 60px !important;
                position: fixed !important;
                top: 0 !important;
                left: 0 !important;
                right: 0 !important;
                background: #fff !important;
                margin: 0 !important;
                padding: 10px 0 !important;
                z-index: 999;
            }

            .menu-wrapper.active .pointer {
                top: 10px !important;
            }


        }

        @media(min-width:768px) {
            .new-cards {
                width: 730px;

            }

            .sell_modal_imgs_pc {
                display: block;
            }

            .sell_modal_imgs_mob {
                display: none;
            }


            .det_modal {
                min-width: 800px;
                max-width: 1100px !important;
                height: 100vh
            }
        }


        }



        /* end sell modal style*/


        .ava-time {
            position: absolute;
            width: 100%;
            height: 100%;
            display: flex;
            align-items: center;
            justify-content: center;
            z-index: 999;
            /* scroll-behavior: unset; */
            overflow-y: hidden;
            /*display:none; */

        }




        /*////////////////*/
        .more-item {
            transition: all 0.3s ease;

        }

        .more-item:hover {
            transform: scale(1.05);
            background: #E0F2FF;
        }

        .gslide-image img {
            width: 700px;
        }



        button.owl-prev {
            position: absolute;
            top: 0px;
            left: -15px;
            font-size: 40px !important;
            margin-top: 0 !important;
        }

        button.owl-next {
            position: absolute;
            top: 0px;
            right: -15px;
            font-size: 40px !important;
            margin-top: 0 !important;
        }

        .owl-theme .owl-nav [class*='owl-']:hover {
            background: #fff;
            color: #869791;
            text-decoration: none;
        }

        #main-map {

            min-height: 100vh !important
        }


        /*start map style*/
        .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,
        .language-selector .drop-menu .dropeddown li:hover,
        .menu-onmap li.active label:before,
        .menu-onmap li label:hover:before {
            border-color: #0b5ed7;
        }

        .marker-arrow {
            width: 0;
            content: "";
            height: 0;
            border-style: solid;
            border-width: 20px 13px 0;
            border-color: #0b5ed7 transparent transparent;
            top: 35px;
            left: 50%;
            -webkit-transform: translateX(-50%);
            -ms-transform: translateX(-50%);
            transform: translateX(-50%);
            position: absolute;
            border-radius: 0;
            z-index: 1;
        }

        .marker-cluster div {
            width: 30px;
            height: 30px;
            margin-left: 5px;
            margin-top: 5px;
            text-align: center;
            border-radius: 15px;
            font: 12px "Helvetica Neue", Arial, Helvetica, sans-serif;
        }

        .marker-cluster div,
        .cluster div {
            color: #fff !important;
            width: 36px !important;
            height: 36px !important;
            line-height: 36px !important;
            background: #0b5ed7 !important;
            border-radius: 50% !important;
            position: relative;
            text-align: center;
            font-size: 14px !important;
        }

        .face {
            position: absolute;
            width: 100%;
            height: 100%;
            -webkit-backface-visibility: hidden;
            backface-visibility: hidden;
            text-align: center;
            border-radius: 10%;
            color: #fff;
            z-index: 100;
            border-radius: 50px;
        }

        .marker-card {
            width: 100%;
            height: 100%;
            -webkit-transform-style: preserve-3d;
            transform-style: preserve-3d;
            position: absolute;
            z-index: 1;
        }

        a,
        .dropdown-item,
        .drop-menu,
        .drop-menu .select i,
        .wrapper:before,
        .popup,
        .price,
        .price>h4,
        .agent_info>h3,
        .slick-prev,
        .slick-next,
        .categories-info,
        .catg-icon>i,
        .categories-info>h3,
        .overlay-stick,
        .map-city-links ul li a,
        .header .navbar-nav .nav-item .nav-link,
        .drop-menu .select .currency,
        .drop-menu .dropeddown li,
        .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,
        .card .card-body h3,
        .explore-feature .card .card-body i,
        .popular-cities .card .overlay,
        .popular-cities .card .card-body i,
        .map-box h4 a,
        .infoBox-close,
        .map-box-icon,
        .marker-card,
        #geoLocation,
        #mapnav-buttons a,
        #scrollEnabling,
        #streetView,
        .bottom-list ul li a,
        .footer-social a,
        .alert-success,
        .post-nfo li,
        .post-nfo li a,
        .post_info>h3 a,
        .blog-img:before,
        .agent_img:before,
        .widget-catgs ul li a,
        .widget-catgs ul li a span,
        .ps-info>h3 a,
        .widget-tags>ul li a,
        .btn1,
        .blog-single-post:hover .view-post,
        .agent:hover .view-post,
        .socio-links li a,
        .social_links li a,
        .btn-default,
        .card .card-footer a .la-heart-o,
        .partner-logo>a img,
        .signin-btn b:before,
        .model-item .title,
        .h-page-card .title a,
        .btn,
        .currency-selector .drop-menu .dropeddown li,
        .language-selector .drop-menu .dropeddown li {
            -webkit-transition: all 0.4s linear;
            -moz-transition: all 0.4s linear;
            -ms-transition: all 0.4s linear;
            -o-transition: all 0.4s linear;
            transition: all 0.4s linear;
            will-change: all;
        }

        .face.back i {
            transform: scaleX(-1);
            line-height: 38px;
            font-size: 18px;
        }

        .face.back:after {
            content: "";
            display: block;
            width: 36px;
            height: 36px;
            top: 2px;
            left: 2px;
            border-radius: 10%;
            position: absolute;
        }

        .leaflet-marker-icon {
            margin-left: -20px;
            margin-top: -46px;
            width: 40px;
            height: 46px;
            opacity: 1;
            transform: translate3d(872px, 263px, 0px);
            z-index: 263;
            outline: none;
        }


        .header .navbar-nav .nav-item.active .nav-link,
        .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,
        .h-card-body .title,
        body ul.post-nfo a:hover,
        .header .navbar-nav .signin-btn a:hover,
        .h-page-card .title a:hover {
            color: #0b5ed7;
        }

        .banner-search .btn,
        .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,
        .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,
        .menu-onmap li label:hover,
        .menu-onmap li.active label,
        .model-item .title:hover,
        .currency-selector .drop-menu .dropeddown li:hover,
        .language-selector .drop-menu .dropeddown li:hover,
        .blog-single-post:hover .post_info>a {
            background-color: #0b5ed7;
        }

        .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,
        .language-selector .drop-menu .dropeddown li:hover,
        .menu-onmap li.active label:before,
        .menu-onmap li label:hover:before {
            border-color: #0b5ed7;
        }

        .header .navbar-nav .nav-item.active .nav-link,
        .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,
        .h-card-body .title,
        body ul.post-nfo a:hover,
        .header .navbar-nav .signin-btn a:hover,
        .h-page-card .title a:hover {
            color: #0b5ed7;
        }

        .leaflet-marker-icon {
            margin-left: -20px;
            margin-top: -46px;
            width: 40px;
            height: 46px;
            transform: translate3d(979px, 241px, 0px);
            z-index: 241;
            outline: none;
        }


        .map-marker-container {
            position: absolute;
            margin-top: 10px;
            -webkit-transform: translate3d(-50%, -100%, 0);
            transform: translate3d(-50%, -100%, 0);
        }

        .marker-container {
            position: relative;
            margin: 10px auto;
            width: 40px;
            height: 40px;
            z-index: 1;
            border-radius: 50%;
            cursor: pointer;
            top: -5px;
        }

        #singleListingMap .marker-container {
            cursor: default;
        }

        .marker-container {
            -webkit-perspective: 1000;
            perspective: 1000;
        }

        .marker-card {
            width: 100%;
            height: 100%;
            -webkit-transform-style: preserve-3d;
            transform-style: preserve-3d;
            position: absolute;
            z-index: 1;
        }

        .map-marker-container.clicked .marker-card,
        .marker-container:hover .marker-card {
            -webkit-transform: rotateY(-180deg) translateY(0px);
            transform: rotateY(-180deg) translateY(0px);
        }

        .marker-arrow {
            width: 0;
            content: "";
            height: 0;
            border-style: solid;
            border-width: 20px 13px 0;
            border-color: #0b5ed7 transparent transparent;
            top: 35px;
            left: 50%;
            -webkit-transform: translateX(-50%);
            -ms-transform: translateX(-50%);
            transform: translateX(-50%);
            position: absolute;
            border-radius: 0;
            z-index: 1;
        }

        .face {
            position: absolute;
            width: 100%;
            height: 100%;
            -webkit-backface-visibility: hidden;
            backface-visibility: hidden;
            text-align: center;
            border-radius: 10%;
            color: #fff;
            z-index: 100;
            border-radius: 50px;
        }

        .face i {
            line-height: 30px;
            font-size: 16px;
        }

        .face.front {
            background-color: #fff;
            border: 6px solid;
            z-index: 100;
        }

        .face.back {
            -webkit-transform: rotateY(180deg);
            transform: rotateY(180deg);
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
            color: #fff;
        }

        .face.back i {
            trasform: scaleX(-1);
            line-height: 38px;
            font-size: 18px;
        }

        .face.back:after {
            content: "";
            display: block;
            width: 36px;
            height: 36px;
            top: 2px;
            left: 2px;
            border-radius: 10%;
            position: absolute;
        }

        .leaflet-popup {
            opacity: 1;
            transform: translate3d(1045px, -51px, 0px);
            bottom: -7px;
            left: -161px;
        }

        .leaflet-fade-anim .leaflet-popup {
            transition: opacity 0.2s linear;
        }

        .leaflet-popup {
            position: absolute;
            text-align: center;
            margin-bottom: 20px;
        }

        .leaflet-zoom-animated {
            transform-origin: 0 0;
        }

        body .leaflet-popup-content-wrapper,
        body .leaflet-popup-tip,
        body .popupCustom .leaflet-popup-content-wrapper,
        body .popupCustom .leaflet-popup-tip {
            background: transparent;
            color: #333;
            -webkit-box-shadow: none;
            box-shadow: none;
        }

        .leaflet-popup-content-wrapper {
            padding: 1px;
            text-align: left;
            border-radius: 12px;
        }

        body .leaflet-popup-content-wrapper .leaflet-popup-content,
        body .popupCustom .leaflet-popup-content-wrapper .leaflet-popup-content {
            position: relative;
        }

        body .leaflet-popup-content-wrapper .leaflet-popup-content,
        body .popupCustom .leaflet-popup-content-wrapper .leaflet-popup-content {
            margin: 0;
            margin-bottom: 10px;
        }

        .leaflet-popup-content {
            margin: 13px 19px;
            line-height: 1.4;
        }

        .leaflet-popup-content-wrapper {
            padding: 1px;
            text-align: left;
            border-radius: 12px;
        }

        .leaflet-popup-pane,
        .leaflet-control {
            cursor: auto;
        }

        .infobox {
            width: 319px;
            height: 295px;
        }

        .map-box {
            background-color: #fff;
            margin-bottom: 5px;
            border-radius: 4px;
            -webkit-box-shadow: 0 0 40px 0 rgba(3, 3, 3, 0.15);
            box-shadow: 0 0 40px 0 rgba(3, 3, 3, 0.15);
            position: relative;
        }

        .leaflet-container a {
            color: #0078A8;
        }

        .listing-img-container {
            position: relative;
            height: 100%;
            display: block;
        }

        body .leaflet-popup-content-wrapper .infoBox-close,
        body .popupCustom .leaflet-popup-content-wrapper .infoBox-close {
            display: none;
        }

        .infoBox-close {
            position: absolute;
            top: 10px;
            right: 10px;
            display: inline-block;
            z-index: 999;
            text-align: center;
            line-height: 29px;
            cursor: pointer;
            font-size: 15px;
            font-weight: 500;
            height: 29px;
            width: 29px;
            background-color: #fff;
            color: #333;
            font-family: "FontAwesome";
            border-radius: 50%;
            -webkit-text-stroke: 1px #fff;
        }

        .map-box .listing-img-container img {
            width: 100%;
            border-radius: 4px 4px 0 0;
            position: relative;
            height: 211px;
            -o-object-fit: cover;
            object-fit: cover;
        }

        [class*="span"] img {
            max-width: 100%;
        }

        .map-box .rate-info {
            position: absolute;
            bottom: 84px;
            left: 0;
            padding-bottom: 20px;
        }

        .rate-info {
            float: left;
            width: 100%;
            position: absolute;
            bottom: 0;
            left: 0;
            padding: 40px 23px 20px 23px;
            z-index: 2;
        }

        .popular-cities .card .card-body:before,
        .rate-info:before {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background-image: linear-gradient(rgba(255, 255, 255, 0.02), rgba(44, 44, 47, 47));
            z-index: -1;
        }

        .card .img-block h5,
        .map-box .rate-info>h5 {
            margin: 0px;
            color: #fff;
            font-size: 20px;
            font-weight: 600;
            float: left;
            position: relative;
            top: 0;
        }

        .map-box .rate-info>h5 {
            top: 4px;
        }

        .card .img-block span,
        .map-box .rate-info>span {
            color: #fff;
            text-transform: uppercase;
            font-size: 12px;
            background: rgba(145, 147, 152, 0.7);
            border-radius: 50px;
            padding: 5px 13px;
            float: right;
            margin-top: 2px;
        }

        .map-box .listing-item-content {
            position: static;
            width: 100%;
            margin-top: -3px;
            background-color: #fff;
            padding: 15px 23px 20px 23px;
            border-left: 1px solid #e0e1e5;
            border-right: 1px solid #e0e1e5;
            border-bottom: 1px solid #e0e1e5;
        }

        .map-box .listing-item-content span,
        .map-box .listing-item-content h3 {
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
        }

        .map-box .listing-item-content h3 {
            color: #242526;
            font-size: 16px;
            padding: 0 0 2px;
            font-weight: 500;
            margin: 0;
            line-height: 27px;
            margin-bottom: 5px;
        }

        .map-box .listing-item-content span,
        .map-box .listing-item-content h3 {
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
        }

        .map-box .listing-item-content span {
            font-size: 12px;
            font-weight: 400;
            display: inline-block;
            color: #aeb4b6;
        }

        .map-box .listing-item-content span i {
            padding-right: 5px;
        }


        element.style {}

        .map-box .listing-item-content span i {
            padding-right: 5px;
        }

        .la,
        .las {
            font-family: 'Line Awesome Free';
            font-weight: 900 !important;
        }


        .leaflet-popup-tip-container {
            width: 40px;
            height: 20px;
            position: absolute;
            left: 50%;
            margin-left: -20px;
            overflow: hidden;
            pointer-events: none;
        }




        body .leaflet-container a.leaflet-popup-close-button:after {
            content: "\f00d";
            font-size: 15px;
        }

        body .leaflet-container a.leaflet-popup-close-button {
            position: absolute;
            top: 8px;
            right: 8px;
            display: -webkit-flex;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-pack: center;
            -webkit-justify-content: center;
            -ms-flex-pack: center;
            justify-content: center;
            -webkit-box-align: center;
            -webkit-align-items: center;
            -ms-flex-align: center;
            align-items: center;
            text-align: center;
            line-height: 29px;
            cursor: pointer;
            font-size: 15px;
            font-weight: 500;
            height: 29px;
            width: 29px;
            padding: 0;
            background-color: #fff;
            color: #333 !important;
            border-radius: 50%;
            -webkit-text-stroke: 1px #fff;
            font: normal normal normal 14px / 1 FontAwesome;
            font-size: 0;
            text-rendering: auto;
            -webkit-font-smoothing: antialiased;
            -webkit-transition: all 0.4s linear;
            -o-transition: all 0.4s linear;
            transition: all 0.4s linear;
        }

        body .leaflet-container a.leaflet-popup-close-button:hover {
            color: #fff !important;
            background-color: #66676b;
            -webkit-text-stroke: 1px #66676b;
        }

        .leaflet-popup-close-button {
            color: #333 !important;
        }

        body .leaflet-container a.leaflet-popup-close-button:after {
            content: "\f00d";
            font-size: 15px;
        }

        .leaflet-container a.leaflet-popup-close-button {
            position: absolute;
            top: 0;
            right: 0;
            padding: 4px 4px 0 0;
            border: none;
            text-align: center;
            width: 18px;
            height: 14px;
            font: 16px / 14px Tahoma, Verdana, sans-serif;
            color: #c3c3c3 !important;
            text-decoration: none;
            font-weight: bold;
            background: transparent;
        }

        body .leaflet-container a.leaflet-popup-close-button {
            position: absolute;
            top: 8px;
            right: 8px;
            display: -webkit-flex;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-pack: center;
            -webkit-justify-content: center;
            -ms-flex-pack: center;
            justify-content: center;
            -webkit-box-align: center;
            -webkit-align-items: center;
            -ms-flex-align: center;
            align-items: center;
            text-align: center;
            line-height: 29px;
            cursor: pointer;
            font-size: 15px;
            font-weight: 500;
            height: 29px;
            width: 29px;
            padding: 0;
            background-color: #fff;
            color: #333 !important;
            border-radius: 50%;
            -webkit-text-stroke: 1px #fff;
            font: normal normal normal 14px / 1 FontAwesome;
            font-size: 0;
            text-rendering: auto;
            -webkit-font-smoothing: antialiased;
            -webkit-transition: all 0.4s linear;
            -o-transition: all 0.4s linear;
            transition: all 0.4s linear;
        }

        .leaflet-popup-close-button {
            font-size: 30px !important;

            padding-bottom: 5px !important;
        }

        .leaflet-popup-close-button:after {
            display: none;
            content: 'x' !important;
        }

		
		.marker-cluster-medium {
    background-color: rgba(11, 94, 215, 0.1) !important;
}
		
		.marker-cluster-small {
    background-color: rgba(11, 94, 215, 0.1) !important;
}

        /*end map style*/

.dropdown-menu[data-bs-popper] {
    top: 100%;
    left: 0px !important;
    margin-top: var(--bs-dropdown-spacer);
}

.carousel-indicators [data-bs-target] {
    box-sizing: content-box;
    flex: 0 1 auto;
    width: 7px;
    height: 7px;
    padding: 0;
    margin-right: 3px;
    margin-left: 3px;
	margin-top:2px;
    text-indent: -999px;
    cursor: pointer;
    background-color: #fff;
    background-clip: padding-box;
    border: 0;
	border-radius:50%;
    border-top: 0px solid transparent;
    border-bottom: 0px solid transparent;
    opacity: .5;
    transition: opacity .6s ease;
}

.carousel-indicators {
	height:12px;
	width:45px;
    position: absolute;
    right: unset;
    bottom: 0;
    left: 50%;
	transform:translateX(-75px);
	
    z-index: 2;
    display: flex;
    justify-content: center;
    padding: 0;
    margin-right: 15%;
    margin-bottom: 1rem;
    margin-left: 15%;
	background:unset;
	border-radius:10%;
	
}

.carousel-indicators [data-bs-target].active{
opacity:1 !important;
}

.carousel-indicators::before,.carousel-indicators::after{
	width:100%;
	height:100%;
	border-radius:10px;
	background-color:rgba(90, 111, 129,0.7);
	position: absolute;
	left:0;
	top:0;
}

.social-link i{
font-size:22px
}


.carousel-indicators [data-bs-target].active {
    opacity: 1 !important;
	background-color:#fff;
}