.login-modal .modal-header{
    padding: 0;
    border: none;
}
.login-modal .modal-header .btn-close {
    position: absolute;
    right: 10px;
    top: 10px;
    z-index: 10;
    opacity: 1;
    box-shadow: none !important;
}
.login-modal .modal-content{
border-radius: 1rem;
overflow: hidden;
}
.outer-login-box {
    padding: 1rem 1.5rem;
    height: 100%;
    position: relative;
    padding-bottom: 5rem;
}
.outer-login-box h3{
    color: #101012;
font-size: 1.8rem;
font-style: normal;
font-weight: 600;
line-height: 100%; 
}
.relative-back-arrow{
    position: relative;
}
.relative-back-arrow img {
    position: absolute;
    left: 0;
    height: 2rem;
    top: 0px;
    cursor: pointer;
}
.outer-login-box .form-label{
    color:  #5A5A5D;
    font-size: 1rem;
    font-style: normal;
    font-weight: 400;
    line-height: 100%; 
    text-transform: capitalize;
}
.form-control{
    box-shadow: none !important;
    outline: none !important;
}
.outer-login-box .form-control {
    color: #5A5A5D;
    font-size: 1rem;
    font-style: normal;
    font-weight: 400;
    line-height: 100%;
    border-radius: 8px;
    padding: 0.6rem 1rem;
    border: 1px solid  #BEBEBF;
}

.outer-login-box .react-tel-input .form-control {
    width: 100%;
    color: #5A5A5D;
    font-size: 1rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1.5rem;
    border-radius: 8px;
    padding: 0.6rem 1rem;
    border: 1px solid  #BEBEBF;
    height: auto !important;
    padding-left: 3rem;
    overflow: hidden !important;
}
.outer-login-box .react-tel-input .flag-dropdown {
    background-color: transparent !important;
    border: none !important;
    border-radius: 0;
}
.outer-login-box .react-tel-input .selected-flag {
    background-color: transparent !important;
}

.outer-login-box .form-control::placeholder{
    color: #BEBEBF;
}
.outer-login-box .form-control:hover,
.outer-login-box .form-control:focus,
.outer-login-box .form-control:active{
    border: 1px solid  #007AFF;
}
.switch-remind .form-switch {
    padding: 0;
}
.switch-remind .form-switch .form-check-input {
    background-color: #F2F2F2;
    padding: 0.6rem;
    width: 2.7rem;
    border: 1px solid #ddd;
    margin: 0.1rem;
    margin-right: 0.5rem;
    box-shadow: none !important;
}
.switch-remind .form-switch .form-check-input:checked {
    background-color: #007AFF;
}
.switch-remind .form-switch .form-check-label{
    color: #1A1A1A;
    font-size: 0.8rem;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}
.switch-remind a{
    color:  #007AFF;
text-align: right;
font-size: 0.8rem;
font-style: normal;
font-weight: 300;
line-height: 22px;
text-decoration: none;
}
.outer-login-box .signup-link{
    color:  #BEBEBF;
    font-size: 1rem;
    font-style: normal;
    font-weight: 400;
    line-height: 100%; 
    text-transform: capitalize;
}
a{
    text-decoration: none !important;
}
.outer-login-box .signup-link a{
    color:  #007AFF;
}
a{
    cursor: pointer;
}
.login-modal .right-img {
    height: 100%;
    width: 100%;
    max-height: 590px;
}
.outer-login-box .signup-link {
    position: absolute;
    bottom: 2rem;
    left: 0;
    right: 0;
    margin: 0 auto;
}
.input-group-pass{
    border-radius: 8px;
    padding: 0.6rem 1rem;
    border: 1px solid #BEBEBF;
}
.input-group-pass .form-control {
    border: none !important;
    padding: 0 !important;
    border-radius: 0;
}
.input-group-pass .input-group-text {
    background-color: transparent !important;
    border: none !important;
    border-radius: 0;
    padding: 0 0 0 0.3rem ;
    color: #BEBEBF;
}
.outer-login-box .otp_box{

}
.outer-login-box .otp_box input {
    color: #5A5A5D;
    font-size: 1rem;
    font-style: normal;
    font-weight: 400;
    line-height: 100%;
    border-radius: 8px;
    padding: 0.6rem 0.6rem;
    border: 1px solid  #BEBEBF;
    height: auto !important;
    width: 16.5%  !important;
    margin: 0 !important;
}

@media (min-width: 1600px){
    .login-modal .modal-lg {
        max-width: 45%;
    }
    .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
        max-width: 90%;
    }
}
@media (max-width: 992px){
    
}
@media (max-width: 767px) {
    .mobile-none{
        display: none;
    }
    .outer-login-box .signup-link {
        position: static;
        margin-bottom: 2rem;
    }
    .outer-login-box {
        padding: 1rem 1.5rem;
    }
    .chat-box {
        z-index: 1;
    }
  }
.common-btn{
padding: 0.7rem 1.2rem;
border-radius: 0.5rem;
background-color: #2697FF;
font-size: 0.9rem;
font-style: normal;
font-weight: 400;
line-height: 1.5rem;
color: #fff !important;
border: 1px solid #2697FF !important;
text-decoration: none !important;
display: inline-block;
outline: none !important;
box-shadow: none !important;
display: inline-block !important;
}
.border-btn{
    padding: 0.7rem 2rem;
border-radius: 0.5rem;
background-color: #fff;
font-size: 1rem;
font-style: normal;
font-weight: 400;
line-height: 1.5rem;
color: #2697FF !important;
border: 1px solid #2697FF !important;
text-decoration: none !important;
display: inline-block;
outline: none !important;
box-shadow: none !important;
}
.border-btn.active{
    background-color: #2697FF;
    color: #fff !important;
}

/* property page css */

.propert-filters {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    margin-bottom: 1rem;
    gap: 1rem;
    flex-wrap: wrap;
    margin-top: 1rem;
}
.inputsearch{
    border-radius: 0.5rem;
border: 1px solid  #2697FF !important ;
background-color:  #FFF;
padding: 0.6rem 0.8rem;
width: 19rem;
}
.inputsearch .input-group-text {
    background-color: transparent;
    border: none;
    border-radius: 0;
    padding: 0 0.2rem;
    color: #2697FF;
}
.inputsearch .input-group-text img {
    height: 1.3rem;
    background-color: #fff;
    border-radius: 20%;
}
.inputsearch .form-control {
    border: none;
    padding: 0 0.6rem;
    border-radius: 0;
    font-size: 1rem;
    font-weight: 400;
    box-shadow: none !important;
    outline: none !important;
    background-color: transparent !important;
}
.inputsearch .form-control::placeholder{
    color: #9b9b9b;
}
.round-border-btn {
    padding: 0.3rem 1rem;
    border-radius: 2rem;
    background-color: #fff;
    font-size: 0.8rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1.2rem;
    color: #5A5A5A !important;
    border: 1px solid #EBEBEB !important;
    text-decoration: none !important;
    display: inline-block;
    outline: none !important;
    box-shadow: none !important;
    margin: 0.3rem;
    cursor: pointer;
}
.round-border-btn:hover,
.round-border-btn:focus,
.round-border-btn.active{
    background-color: #2697FF; 
    border: 1px solid #2697FF !important;
    color: #fff !important;
}
.buy-dropdown .dropdown-toggle {
    padding: 0.6rem 0.8rem;
    border-radius: 0.5rem;
    background-color: #fff !important;
    font-size: 1rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1.5rem;
    color: #333 !important;
    border: 1px solid #EBEBEB !important;
    text-decoration: none !important;
    display: inline-block;
    outline: none !important;
    box-shadow: none !important;
    display: flex;
    align-items: center;
    justify-content: space-between;
    min-width: 11rem;
}
.buy-dropdown .dropdown-toggle.selected {
    background-color: #E9F5FF !important;
    border-color: #2697FF !important;
    color: #2697FF !important;
}
.buy-dropdown .dropdown-toggle::after{
margin-left: 1rem;
}
.buy-dropdown .dropdown-toggle.selected::after{
    border-top-color : #2697FF !important;
}
.buy-dropdown .dropdown-menu {
    min-width: 18rem;
    padding: 1rem;
    border-radius: 1rem;
    border: none !important;
    box-shadow: 0 0 0.6rem #b7b4b4;
}
.buy-dropdown .dropdown-menu .common-btn, .buy-dropdown .dropdown-menu .border-btn {
    padding: 0.4rem 1rem;
    font-size: 0.9rem;
}
.buy-dropdown h4 {
    font-size: 1rem;
    font-style: normal;
    font-weight: 500;
    line-height: 1.5rem;
    color: #333 !important;
}
.buy-dropdown.type-dropdown .dropdown-menu{
    min-width: 21rem;
}
.tab-btn-buyer{
    display: flex;
    align-items: center;
    justify-content: center;
}
.tab-btn-buyer button {
    color: #343434;
    text-align: center;
    font-size: 1rem;
    font-style: normal;
    font-weight: 600;
    line-height: 155.9%;
    border: none !important;
    box-shadow: none !important;
    background-color: transparent;
    padding: 0.7rem 1rem;
    border-radius: 0;
}
.tab-btn-buyer button.active{
    border-radius: 0.2rem;
    border-bottom: 2px solid  #2697FF !important;
    background: #E9F5FF;
}
.buy-dropdown .form-control {
    color: #5A5A5D;
    font-size: 0.8rem;
    font-style: normal;
    font-weight: 400;
    line-height: 100%;
    border-radius: 8px;
    padding: 0.5rem 1rem;
    border: 1px solid #BEBEBF;
}
.buy-dropdown .form-control::placeholder{
    color: #BEBEBF;
}
.buy-dropdown .input-group{
    border-radius: 8px;
    padding: 0.5rem 1rem;
    border: 1px solid #BEBEBF;
}
.buy-dropdown .input-group .form-control {
    margin: 0 !important;
    border: none !important;
    padding: 0;
}
.buy-dropdown .input-group .input-group-text {
    background-color: transparent !important;
    padding: 0 0.5rem;
    border: none !important;
    font-size: 0.8rem;
    font-weight: 600;
}

  .range-box  .custom-slider::-webkit-slider-thumb {
    background-color: #fff; /* Thumb color */
    border: 2px solid #ddd;
    border-radius: 50%;
    cursor: pointer;
  }
  
  .range-box .custom-slider::-webkit-slider-runnable-track {
    background-color: #2697FF;
    height: 6px;
    border-radius: 5px;
  }

  .buy-dropdown.more-filter-outer .dropdown-menu {
    /* right: 0 !important;
    left: auto !important; */
        min-width: 30rem;
        transform: none !important;
        top: 50px !important;
        overflow-x: auto;
        max-height: 30rem;

}

.hot-deal-switch{
    border-radius: 3rem;
    border: 1px solid  #EBEBEB;
    padding: 0.4rem 0.7rem;
    max-width: max-content;
    display: flex;
    align-items: center;
    color: #000;
    line-height: 1.5rem; 
}
.hot-deal-switch img{
height: 1rem;
margin-right: 0.5rem;
}
.hot-deal-switch .form-switch{
padding-left: 0 !important;
}
.hot-deal-switch .form-check-input {
    width: 2.5rem;
    height: 1.2rem;
    margin-top: 0.2rem;
    margin-left: 0.5rem;
    box-shadow: none !important;
}
.hot-deal-switch .form-check-input:checked{
    background-color: #2697FF;
    border-color: #2697FF;
}
.property-count{
    border-radius: 8px;
    border: 1px solid  #EBEBEB;
    padding: 1rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 1rem;
}
.property-count .buy-dropdown .dropdown-toggle{
    border: none !important;
    box-shadow: none !important;
    outline: none !important;
}
.property-count .buy-dropdown.city-dropdown .dropdown-toggle{
    min-width: auto;
}
.property-count .buy-dropdown .dropdown-toggle::after{
    color: #2697FF;
}
.property-count .buy-dropdown .dropdown-menu {
    min-width: 13rem;
}
.property-count p{
margin: 0;
color: #2697FF;
font-size: 0.9rem;
}
.property-count p span{
    color: #BEBEBE;
}

.properties-inner-box{
    display: flex;
    align-items: center;
    margin-bottom: 1rem;
    border-radius: 0.8rem;
border: 1.579px solid  #BEBEBE;
box-shadow: 0px 0.79px 17.371px 0px rgba(0, 0, 0, 0.10);
padding:0.6rem;
}
.properties-inner-box .inner-property {
    display: flex;
    align-items: flex-start;
    padding-right: 0.6rem;
    border-right: 2px dashed #ddd;
    margin-right: 0.6rem;
    width: 74%;
}
.outer-img-prop{
    max-width: 19rem;
    position: relative;
    min-width: 19rem;
}
.outer-img-prop .outer-position {
    position: absolute; 
    display: flex;
    align-items: center;
    top: -0.4rem;
    font-size: 0.8rem;
    color: #fff;
    left: -0.4rem;
}
.outer-img-prop .outer-position span{
    border-radius: 0.4rem;
    padding: 0.2rem 0.4rem;
}
.outer-img-prop span img{
    height: 0.9rem;
}
.outer-img-prop span.verified {
    background-color: #099E2A;
    margin-right: 0.4rem;
}
.outer-img-prop span.hot-deal{
    background-color: #2697FF;
}
.outer-img-prop .slider-main {
    width: 18rem;
    height: 15rem;
    border-radius: 0.6rem;
    overflow: hidden;
}
.outer-img-prop .slider-main img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 0.6rem;
    min-height: 15rem;
    max-height: 15rem;
}
.outer-img-prop .slider-main img:focus-visible{
    border: none !important;
    outline: none !important;
}
.outer-img-prop .slider-main .slick-arrow{
    z-index: 1;
    
}
.outer-img-prop .slider-main .slick-arrow.slick-prev {
    left: 0.5rem;
    
}
.outer-img-prop .slider-main .slick-arrow.slick-prev::before {
    content: "";
    background-image: url(../images/properties/arrow_left.png);
    height: 100%;
    width: 100%;
    position: absolute;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    opacity: 1;
    left: 0;
    right: 0;
}
.outer-img-prop .slider-main .slick-arrow.slick-next {
    right: 0.5rem;
}
.outer-img-prop .slider-main .slick-arrow.slick-next::before{
    content: "";
    background-image: url(../images/properties/arrow_right.png);
    height: 100%;
    width: 100%;
    position: absolute;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    opacity: 1;
    left: 0;
    right: 0;
}
.outer-img-prop .slider-main .slick-dots {
    bottom: 0.6rem;
}
.outer-img-prop .slider-main .slick-dots li{
    height: 0.7rem !important;
    width: 0.7rem !important;
    transition: all ease-in-out .5s;
}
.outer-img-prop .slider-main .slick-dots li button {
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    line-height: normal;
}
.outer-img-prop .slider-main .slick-dots li button:before {
    font-size: 0.4rem;
    line-height: 0.8rem;
    width: 100%;
    height: 100%;
    opacity: 1;
    color: #fff;
}
.outer-img-prop .slider-main .slick-dots li.slick-active button:before{
    font-size: 0.6rem;
}

.porperty-main-details{
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}
.porperty-main-details h4{
    color:  #333;
    font-size: 0.9rem;
    font-weight: 500;
}
.porperty-main-details h4::first-letter{
    text-transform: capitalize;
}
.porperty-main-details .flex-for-grid{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.porperty-main-details h3{
    color:  #333;
    font-size: 1rem;
    font-weight: 600;
    margin: 0.5rem 0;
}

.porperty-main-details .aminity {
    color: #333;
    font-size: 0.8rem;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}
.porperty-main-details .aminity span {
    margin-right: 0.438rem;
    padding-right: 0.438rem;
    border-right: 0.79px solid rgba(190, 190, 190, 1);
    display: flex;
    align-items: center;
}
.porperty-main-details .aminity span:last-child{
    border-right: none;
}
.porperty-main-details .aminity img{
height: 1.4rem;
margin-right: 0.3rem;
}
.porperty-main-details .address-line {
    color: #BEBEBE;
    font-size: 0.8rem;
    margin: 0.5rem 0;
    display: flex;
    align-items: flex-start;
}
.porperty-main-details .address-line img {
    height: 1rem;
    margin-top: 0.2rem;
    margin-right: 0.4rem;
}
.porperty-main-details .type-property{
    color: #2697FF;
    font-size: 0.8rem;
    margin: 0.5rem 0;
    /* margin-bottom: 2rem; */
}
.porperty-main-details .type-property span{
    border-right: 1px solid #2697FF;
    padding-right: 0.6rem;
    padding-left: 0.6rem;
}
.porperty-main-details .type-property span:last-child{
    border-right: none;
}
.porperty-main-details .list-time{
    color:  #BEBEBE;
    font-size: 0.8rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.porperty-main-details .list-time a {
    display: inline-block;
    border-radius: 0.4rem;
    border: 0.79px solid  #BEBEBE;
    margin-left: 0.5rem;
    width: 2rem;
    height: 2rem;
    text-align: center;
    line-height: 2rem;
}
.porperty-main-details .list-time a img{
    height: 1.2rem;
}
.rating-box-prop{
    text-align: center;
    width: 26%;
}
.rating-box-prop h2{
    color: #000;
    font-size: 2.4rem;
    font-weight: 700;
}
.rating-box-prop .rating-box{
    margin: 0.3rem 0;
}
.rating-box-prop .rating-box img{
height: 1rem;
margin: 0.2rem;
}
.rating-box-prop p{
    color: #BEBEBE;
    font-size: 0.9rem;
}
.rental-percent{
    border-radius: 3rem;
    border: 0.407px solid  #BEBEBE;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0.2rem 0.3rem 0.2rem 0.6rem;
    color: #333;
    font-size: 0.8rem;
    margin: 0.6rem 0;
}
.rental-percent img{
    height: 1.3rem;
}
.view-type-row{
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 1rem;
}
.view-type-row > div{
    display: flex;
    align-items: center;
}
.view-type-row h4{
    color: #333;
    font-size: 1rem;
    font-weight: 600;
    margin: 0.5rem 0;
    margin-right: 1rem;
}
.buy-dropdown.city-dropdown .dropdown-toggle {
    min-width: 12rem;
}
.buy-dropdown.city-dropdown .dropdown-toggle img{
    height: 1.4rem;
    margin-right: 0.3rem;
}
.buy-dropdown.city-dropdown .dropdown-menu{
    max-height: 20rem;
    overflow: auto;
}
.buy-dropdown.city-dropdown .dropdown-menu .dropdown-item{
    font-size: 0.8rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1.2rem;
    color: #5A5A5A ;
    border-radius: 0.4rem;
    padding: 0.5rem;
}
.buy-dropdown.city-dropdown .dropdown-menu .dropdown-item.active,
.buy-dropdown.city-dropdown .dropdown-menu .dropdown-item:hover,
.buy-dropdown.city-dropdown .dropdown-menu .dropdown-item:focus,
.buy-dropdown.city-dropdown .dropdown-menu .dropdown-item:active{
    color: #fff !important;
    background-color: #2697FF;
}
.buy-dropdown.city-dropdown.currency-dropdown .dropdown-menu{
min-width: 7rem;
}


.change-view-btn{

}
.change-view-btn button {
    border: none !important;
    box-shadow: none !important;
    outline: none !important;
    background-color: #fff !important;
    margin-left: 0.8rem;
    height: 2.8rem;
    width: 2.8rem;
    padding: 0;
    border-radius: 0.5rem;
    

}
.change-view-btn button img {
    height: 2.2rem;
    width: 2.2rem;
    object-fit: contain;
}
.change-view-btn button:hover,
.change-view-btn button:focus,
.change-view-btn button.active{
    background: rgba(38, 151, 255, 0.67) !important;
}
.right-map-box h4{
    color:  #5A5A5A;
    font-size: 1.2rem;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    margin-top: 1.5rem;
}
.right-map-box .rental-percent{
    font-size: 1.1rem;
    padding: 0.6rem 1rem;
}
.right-map-box .rental-percent img {
    height: 1.7rem;
}
.right-map-box .map-inner-box{
padding: 0.6rem;
border-radius: 0.8rem;
border: 0.978px solid  #EBEBEB;
background-color:  #FFF;
margin-bottom: 1rem;
}
.ad-outer-box {
    border-radius: 1rem;
    position: relative;
    overflow: hidden;
}
.ad-outer-box .over-box .border-btn {
    position: absolute;
    bottom: 4.5rem;
    left: 1rem;
}
.ad-outer-box .over-box h3{
    color: #FFF;
    font-size: 1.3rem;
    max-width: 10rem;
    line-height: 1.8rem;
    margin-bottom: 1rem;
    position: absolute;
    top: 5.5rem;
    left: 1rem;
    text-align: left;
}
.ad-outer-box .over-box h3 span{
    text-decoration: underline;
    font-size: 1.5rem;
    display: block;
    line-height: 2rem;
    margin-bottom: 0.5rem;
}
.ad-outer-box .over-box h3 span img{
    height: 1.2rem;
}

.list-pagination .page-link {
    font-size: 0.9rem;
    color: #333;
    margin: 0;
    padding: 0;
    height: 2rem;
    width: auto;
    border-radius: 0.2rem;
    margin: 0.3rem;
    line-height: 2rem;
    box-shadow: none !important;
    outline: none !important;
    min-width: 2rem;
    padding: 0 0.5rem;
}

.list-pagination .page-link:hover,
.list-pagination .page-link:focus,
.list-pagination .page-link:active{
    color: #fff;
    background-color: #2697FF;
}
.properties-inner-box.grid-view-box .inner-property {
    width: 100%;
    border: none !important;
    padding: 0;
    margin: 0;
    display: block;
}
.properties-inner-box.grid-view-box .inner-property .outer-img-prop {
    max-width: 100%;
    min-width: 100%;
    margin-bottom: 1rem;
}
.properties-inner-box.grid-view-box .inner-property .outer-img-prop .slider-main {
    width: 100%;
    height: 20rem;
    border-radius: 0.6rem;
    overflow: hidden;
}
.properties-inner-box.grid-view-box .outer-rental-flex{
justify-content: space-between;
gap: 0.5rem;
}
.properties-inner-box.grid-view-box .rental-percent{
width: 50%;
}

.properties-inner-box.grid-view-box  .outer-img-prop .slider-main img {
        min-height: 20rem;
        max-height: 20rem;
    }
.properties-inner-box.grid-view-box .outer-img-prop .outer-position span {
    border-radius: 1.4rem 0;
    padding: 0.4rem 0.8rem;
    font-size: 0.9rem;
}
.properties-inner-box.grid-view-box .outer-img-prop .outer-position span img {
    height: 1.2rem;
}
.properties-inner-box.grid-view-box{
    border-radius: 1.5rem;
}
.property-agent-modal .modal-dialog {
    max-width: 740px;
}
.property-agent-modal .modal-dialog .modal-content{
border-radius: 2rem;
}
.property-agent-modal .modal-dialog .modal-header .btn-close {
     right: 1.4rem;
    top:1.4rem;
}
.property-agent-modal .modal-dialog .modal-body{
padding: 3rem;
}
.modal-heading{
    font-size: 1.5rem;
    font-weight: 600;
}
.modal-heading span{
    color: #2697FF;
}
.select-box-agent {
    border-radius: 0.8rem;
    border: 2px solid #EBEBEB;
    cursor: pointer;
    transition: all ease-in-out .5s;
    margin: 0.4rem;
}
.slider-agent .slick-track {
    max-width: max-content;
}
.slider-agent .slick-slide {
    max-width: max-content;
}
.slider-agent .items{
    display: flex !important;
    justify-content: center;
    align-items: center;
}
.slider-agent .select-box-agent {
    max-width: fit-content;
}  
.select-box-agent img {
    width: 100%;
    margin-bottom: 1rem;
    height: 10rem;
}
.select-box-agent h4 {
    font-size: 1.3rem;
    font-weight: 500;
}
.select-box-agent h4 img {
    width: auto;
    height: 1.4rem;
    margin: 0;
}
.select-box-agent p{
font-size: 0.9rem;
font-weight: 500;
color: #5A5A5A;
}
.select-box-agent:hover,
.select-box-agent:focus,
.select-box-agent.active{
    border: 2px solid #2697FF;
}

.slider-agent .slick-arrow {
    z-index: 1;
    background-color: #2697FF;
    border-radius: 0.3rem;
    bottom: -3rem;
    top: auto;
}
.slider-agent .slick-arrow.slick-prev {
    left: 1rem;
    
}
.slider-agent .slick-arrow.slick-prev::before {
    content: "";
    background-image: url(../images/properties/arrow_left.png);
    height: 100%;
    width: 100%;
    position: absolute;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    opacity: 1;
    left: 0;
    right: 0;
    top: 0;
}
.slider-agent .slick-arrow.slick-next {
    right: 1rem;
}
.slider-agent .slick-arrow.slick-next::before{
    content: "";
    background-image: url(../images/properties/arrow_right.png);
    height: 100%;
    width: 100%;
    position: absolute;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    opacity: 1;
    left: 0;
    right: 0;
    top: 0;
}
.no-data-fount-msg {
    border: 1px solid #2697FF;
    border-radius: 0.8rem;
    padding: 1rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 1rem;
}
.no-data-fount-msg img{
    height: 2.9rem;
    margin-right: 0.5rem;
}
.no-data-fount-msg p{
    margin-bottom: 0;
    color: #5A5A5A;
}
.no-data-fount-msg .common-btn {
    padding: 0.5rem 0.6rem;
    white-space: nowrap;
}

@media (max-width: 992px){
    .buy-dropdown.more-filter-outer .dropdown-menu {
        min-width: 35rem;
    }
    .properties-inner-box {
        display: block !important;
    }
    .outer-img-prop {
        max-width: 15rem;
        min-width: 15rem;
    }
    .outer-img-prop .slider-main {
        width: 14rem;
        height: 12rem;
    }
    .outer-img-prop .slider-main img {
        min-height: 12rem;
        max-height: 12rem;
    }
    .properties-inner-box .inner-property {
        display: flex;
        margin: 0;
        padding: 0;
        width: 100%;
        border: none;
    }
    .rating-box-prop {
        width: 100%;
    }
    .outer-rating-new {
        display: flex;
        align-items: center;
        justify-content: space-between;
        margin: 1rem 0;
    }
    .mobile-flex-space {
        display: flex;
        align-items: end;
    }
    .mobile-flex-space h2{
        margin-right: 5px;
    }

    .rating-box-prop .outer-rating-new h2{
        font-size: 1.5rem;
    }
    .rating-box-prop .outer-rating-new h2, .rating-box-prop .outer-rating-new p{
        margin-bottom: 0;
    }

}

@media (max-width: 768px) {
    .slider-agent .slick-slide {
        max-width: 100%;
    }
    .porperty-main-details .aminity {
        display: flex;
        justify-content: space-between;
    }
    .porperty-main-details .aminity span {
        width: 33%;
    }
    .rental-flex{
        display: flex;
        justify-content: space-between;
    }
    .rental-flex .rental-percent{
        width: 48%;
    }
    .porperty-main-details .type-property {
        margin-bottom: 0rem;
    }
    .porperty-main-details h3 {
        margin: 0.3rem 0;
    }
    .properties-inner-box .inner-property {
        display: block;
    }
    .change-view-btn{
        display: none !important;
    }
    .outer-img-prop {
        max-width: 100%;
        min-width: 100%;
        margin-bottom: 1rem;
    }
    .outer-img-prop .slider-main {
        width: 100%;
        height: 20rem;
    }
    .outer-img-prop .slider-main img {
        
        min-height: 20rem;
        max-height: 20rem;
    }
    .rating-box-prop {
        width: 100%;
    }
    .buy-dropdown.more-filter-outer .dropdown{
        position: relative;
    }
    .buy-dropdown.more-filter-outer .dropdown-menu {
        min-width: 25rem;
    }
 
    .inputsearch {
        width: 14rem;
    }
    .propert-filters {
        gap: 0.5rem;
    }
    .select-box-agent {
        margin-bottom: 1rem;
    }
    

}

@media (max-width: 420px) {
    .inputsearch {
        width: 15rem;
    }
    .buy-dropdown .dropdown-toggle {
        padding: 0.6rem 0.3rem;
    }
}


/* profile page css */

.outer-proflie-sec {
    background-color: #ffff;
    min-height: 90vh;
    padding: 0 0 3rem;
}

.profile-outer-box{
background-color: #fff;
min-height: 70vh;
border-radius: 0;
position: relative;
}



.outer-signature-box {
    position: relative;
    max-width: max-content;
}
.main-signature-img {
    height: 6rem;
    width: 10rem;
    object-fit: contain;
    border: 1px solid #ddd;
    border-radius: 0.4rem;
    padding: 0.2rem;
}
.outer-signature-box .close-btn {
    position: absolute;
    right: 0.3rem;
    top: 0.3rem;
    background-color: transparent;
    border: none !important;
    box-shadow: none !important;
    outline: none !important;
    padding: 0 !important;
}
.outer-signature-box .close-btn img {
    height: 0.6rem;
}
.left-pannel-profile {
    margin: 1.3rem;
    padding-bottom: 5rem;
    /* border-right: 1px solid #ddd; */
    margin-right: 0;
}
.left-pannel-profile.nav-pills .nav-link {
    color: #333333;
    font-size: 1rem;
    border-bottom: 1px solid #ddd;
    border-radius: 0;
    padding: 1.2rem;
}
.left-pannel-profile.nav-pills .nav-link span{
    position: relative;
}
.left-pannel-profile.nav-pills .nav-link img {
    height: 1.3rem;
    margin-right: 1rem;
    width: 1.3rem;
    object-fit: contain;
    opacity: 0;
}
.left-pannel-profile.nav-pills .nav-link .icon-black {
    position: absolute;
    top: 0.1rem;
    bottom: 0;
    left: 0px;
    right: 0;
    opacity: 1;
}
.left-pannel-profile.nav-pills .nav-link.active,
.left-pannel-profile.nav-pills .nav-link:hover,
.left-pannel-profile.nav-pills .nav-link:focus,
.left-pannel-profile.nav-pills .nav-link:active{
background-color: transparent !important;
color: #2697FF;
}
.left-pannel-profile.nav-pills .nav-link.active img,
.left-pannel-profile.nav-pills .nav-link:hover img,
.left-pannel-profile.nav-pills .nav-link:focus img,
.left-pannel-profile.nav-pills .nav-link:active img{
    opacity: 1;
}
.left-pannel-profile.nav-pills .nav-link.active .icon-black,
.left-pannel-profile.nav-pills .nav-link:hover .icon-black,
.left-pannel-profile.nav-pills .nav-link:focus .icon-black,
.left-pannel-profile.nav-pills .nav-link:active .icon-black{
    opacity: 0;
}
.logout-red-btn{
    color: #EB5757 !important;
}
.profile-img{
display: flex;
align-items: center;
padding: 0 0 2rem;
border-bottom: 1px solid #ddd;
position: relative;
padding-bottom: 2rem;
}
.profile-img-error{
    position: relative;
}
.profile-img-error .error-msg {
    position: absolute;
    height: 1.4rem;
    right: 0.6rem;
}
.profile-img .aprroval-status {
    background-color: #2697FF;
    color: #fff;
    padding: 0.7rem 1rem;
    position: absolute;
    bottom: 1rem;
    left: 0;
    right: auto;
    max-width: 90%;
    margin: 0 auto;
    border-radius: 3rem;
    text-align: center;
    font-size: 0.8rem;
    width: 15rem;
}
.profile-img img.img-agent {
    height: 4.5rem;
    width: 4.5rem;
    border-radius: 50%;
    margin-right: 0.7rem;
    border: 1px solid #ddd;
}
.profile-img img.img-agent.agent-border{
    border: 1px solid #EB5757;
}
.profile-img h4{
   margin: 0; 
   font-size: 1.2rem;
   font-weight: 600;
}
.profile-img p{
    margin: 0; 
    color: #BEBEBE;
}
.right-side-profile{
    border-left: 1px solid #ddd;
    min-height: 45rem;
    padding: 1.3rem;
}
.button-box-publish {
    border-bottom: 1px solid #EBEBEB;
   
}
.button-box-publish button {
    position: relative;
    background-color: transparent;
    border: none !important;
    font-size: 1rem;
    font-weight: 500;
    padding: 0.5rem 1rem;
    margin: 0 1rem;
}
.button-box-publish button.active {
    color: #2697FF;
    border-bottom: 2px solid #2697FF !important;
}
.button-box-publish button span {
    background-color: #2697FF;
    color: #fff;
    font-weight: 200;
    font-size: 0.6rem;
    height: 1.1rem;
    width: 1.1rem;
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    top: -0.3rem;
    right: -0.3rem;
}

.button-box-publish-agent {
    border-bottom: 1px solid #EBEBEB;
   
}
.button-box-publish-agent .nav-item .nav-link {
    position: relative;
    background-color: transparent;
    border: none !important;
    font-size: 1rem;
    font-weight: 500;
    padding: 0.5rem 1rem;
    margin: 0 1rem;
    color: #000;
}
.button-box-publish-agent .nav-item .nav-link.active {
    color: #2697FF;
    border-bottom: 2px solid #2697FF !important;
}
.button-box-publish-agent .nav-item .nav-link span {
    background-color: #2697FF;
    color: #fff;
    font-weight: 200;
    font-size: 0.6rem;
    height: 1.1rem;
    width: 1.1rem;
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    top: -0.3rem;
    right: -0.3rem;
}


.disabled-btn{
    background-color: #BEBEBE !important;
    cursor: not-allowed !important;
}
.text-gray{
    color: #BEBEBE !important;
}
.heading-main{
    font-size: 1.4rem !important;
    font-weight: 600 !important;
}
.outer-social-share-box{
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding:  0 1rem;
}
.profile-inner-box {
    display: flex;
    align-items: center;
    border-radius: 5rem;
    background-color: #fff;
    padding: 0.4rem;
}
.profile-inner-box img.lead-img{
height: 2.4rem;
width: 2.4rem;
border-radius: 50%;
border: 2px solid #2697FF;
object-fit: cover;
margin-right: 0.7rem;
}
.profile-inner-box .arrow-img {
    height: 1.8rem;
    margin: 0 0.5rem;
}
.profile-inner-box h4{
margin: 0;
font-size: 1.1rem;
color: #333333;
font-weight: 500;
}
.profile-inner-box p{
    margin: 0;
    font-size: 0.7rem;
    color: #333333;
    font-weight: 500;
}
.light-blue-box{
    background-color: #E9F5FF;
    padding-bottom: 1rem;
    border-radius: 1rem;
}
.light-blue-box .outer-social-share-box .border-btn {
    padding: 0;
    min-width: auto;
    border-radius: 5rem;
    line-height: 0;
}
.light-blue-box .outer-social-share-box .border-btn img {
    height: 2.4rem;
}
.right-side-profile .outer-img-prop .outer-position {
    left: -0.6rem;
    top: 0rem;
}
.right-side-profile span.hot-deal {
    background-color: #2697FF;
    border-radius: 5rem;
    padding: 0.2rem 0.4rem;
    font-size: 0.8rem;
    color: #fff;
    font-weight: 400;
    margin-left: 1rem;
}
.right-side-profile span.hot-deal img {
    height: 0.9rem;
}
.right-side-profile .outer-img-prop span.verified {
    border-radius: 0 0.4rem 0.4rem 0;
}
.bg-blue-date-time {
    background-color: #2697FF;
    border-radius: 5rem;
    color: #fff;
    border: none !important;
    font-size: 0.8rem;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    text-align: left;
    padding: 0.3rem;
    margin: 2rem 0 1rem;
}
.bg-blue-date-time img {
    height: 2.8rem;
    margin-right: 0.5rem;
}

/* table css */

.table-view-transaction {
    display: table;
    border-collapse: collapse;
    width: 100%;
    margin-bottom: 30px;
    
  }
  
  .table-view-transaction > div {
    display: table-row-group;
  }
  
  .table-view-transaction > div > div {
    display: table-row;
    transition: all ease-in-out 0.2s;
  }
  

  
  .table-view-transaction > div p {
    display: table-cell;
    border: none;
    padding: 12px 8px;
  }
  
  .table-view-transaction > div.thead p {
    color: #000;
    padding: 0.5rem 1rem ;
    font-weight: 500;
    font-size: 1rem;
    font-style: normal;
    line-height: normal;
    border-bottom: 1px solid #EBEBEB;
  }
  
  .table-view-transaction > div p.count-first {
    width: 80px;
  }
  .table-view-transaction > div.tbody p .mobile-only {
    display: none;
  }
  .table-view-transaction > div.tbody p {
    color: #000;
    font-weight: 500;
    padding: 1rem;
    border-bottom: 1px solid #EBEBEB;
    vertical-align: middle;
  }
  .table-view-transaction > div.tbody p .watch-img{
    height: 3rem;
    width: 3rem;
    border-radius: 50%;
    margin-right: 1rem;
  }
  .table-view-transaction > div.tbody p .property-img{
    height: 3.4rem;
    width: 4rem;
    border-radius: 0.5rem;
    margin-right: 1rem;
  }
  .user-name-table h4{
margin-bottom: 0;
font-size: 1rem;
font-weight: 500;

  }
  .user-name-table small{
    color: #BEBEBE;
    font-size: 0.7rem;
  }
  .order-details-box{
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    padding: 1rem;
  }
  .order-details-box .property-img{
    width: 8rem;
    height: 6rem;
    object-fit: cover;
    border-radius: 0.5rem;
    margin-right: 1rem;
  }
  .order-details-box .user-name-table h4 {
    font-size: 1.2rem;
    font-weight: 600;
}
.order-details-box .user-name-table small {
    font-size: 1rem;
    font-weight: 500;
    margin-bottom: 1rem !important;
    display: inline-block !important;
}

.order-details-box .user-name-table p{
    margin-bottom: 0 !important;
}
.order-details-box .user-name-table p span{
    font-size: 0.9rem;
    font-weight: 500;
    margin-right: 1rem;
}
.order-details-box .user-name-table p .aed-price {
    color: #2697FF;
    font-size: 1.1rem;
    font-weight: 600;
}
.order-details-box .status-box p{
    color: #BEBEBE;
    margin-bottom: 0 !important;
}
.order-details-box .status-box p span{
    color: #333333;
    font-weight: 500;
}
.order-details-box .status-box .border-btn{
    padding: 0 !important;
    border: none !important;
    margin-top: 1rem;
}
.order-details-box .status-box .border-btn img{
    height: 1.4rem;
}
.outer-social-share-box.border-outer-box{
    border: 1px solid #EBEBEB;
    border-radius: 0.5rem;
    padding: 0.5rem;
    margin-top: 1rem;
}
.popup-box.product-banner-images .first-image img {
    height: 25rem;
}
.popup-box.product-banner-images .second-image img {
    height: 12rem;
}
.popup-box.product-banner-images .third-image img {
    height: 12rem;
}
.popup-box.product-banner-images .first-image p {
    padding: 0.2rem 2rem;
    font-size: 1.2rem;
    font-weight: 500;
}
.border-outer-box .border-btn {
    padding: 0;
    border-radius: 50%;
}
.border-outer-box  .border-btn img {
    height: 2.2rem;
}
.dropdown-doteed.buy-dropdown.dropdown .dropdown-toggle {
    display: inline-block;
    border-radius: 0.4rem;
    border: 0.79px solid #BEBEBE !important;
    margin-left: 0.5rem;
    width: 2rem;
    height: 2rem;
    text-align: center;
    line-height: 2rem;
    min-width: auto;
    padding: 0;
    margin: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}
.dropdown-doteed.buy-dropdown.dropdown .dropdown-toggle::after{
    content: none;
}
.dropdown-doteed.buy-dropdown.city-dropdown .dropdown-toggle img {
    height: 1.4rem;
    margin-right: 0;
}
.dropdown-doteed.buy-dropdown.city-dropdown .dropdown-menu .dropdown-item {
    width: 100%;
    border: none;
    margin: 0;
    text-align: left;
    padding: 0.6rem;
    height: auto;
    border-radius: 0.3rem;
}
.dropdown-doteed.buy-dropdown.city-dropdown .dropdown-menu {
    min-width: 13rem;
    right: 0 !important;
    left: auto !important;
    padding: 0.3rem;
    border-radius: 0.3rem;
}
.dropdown-doteed.buy-dropdown.city-dropdown .dropdown-menu .dropdown-item:hover, 
.dropdown-doteed.buy-dropdown.city-dropdown .dropdown-menu .dropdown-item:focus, 
.dropdown-doteed.buy-dropdown.city-dropdown .dropdown-menu .dropdown-item:active {
    color: #000;
    background-color: #EBEBEB;
}
.dropdown-doteed.buy-dropdown.city-dropdown .dropdown-menu .dropdown-item img {
    height: 0.8rem;
    width: 1.3rem;
    object-fit: contain;
    margin-right: 0.4rem;
}
.status-line{
    background-color: #E9F5FF;
    color: #333333 !important;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0.5rem 1rem;
    border-radius: 4rem;
}
.status-line .orange{
    background-color: #FBBC04;
    height: 0.8rem;
    width: 0.8rem;
    border-radius: 50%;
    display: inline-block;
}
.status-line .red-bg{
    background-color: #EB5757 !important;
    height: 0.8rem;
    width: 0.8rem;
    border-radius: 50%;
    display: inline-block;
}
.status-line .green-bg{
    background-color: #44ed47 !important;
    height: 0.8rem;
    width: 0.8rem;
    border-radius: 50%;
    display: inline-block;
}


@media (max-width: 991px){
    .order-details-box {
        display: block;
    }
    .text-end.status-box {
        text-align: left !important;
        margin-top: 1rem;
    }
   
}
  @media (max-width: 768px){
   
    .menu-mobile.d-none{
        display: block !important;
            }
            .menu-mobile {
                border: 2px solid #333333;
                padding: 0.3rem 0.4rem;
                border-radius: 0.4rem;
                position: absolute;
                right: 1rem;
            }
            .menu-mobile img {
                height: 1.5rem !important;
                width: 1.5rem !important;
                margin: 0 !important;
            }
            .left-pannel-profile {
                padding-bottom: 0;
            }
            .outer-menu-profile {
                opacity: 0;
                visibility: hidden;
                transition: all ease-in-out .5s;
                position: absolute;
                top: 7rem;
                bottom: auto;
                background-color: #fff;
                width: 25rem;
                z-index: 2;
                right: 1rem;
                border: 1px solid #ddd;
                padding: 1rem;
                border-radius: 0.5rem;
            }
            .show.outer-menu-profile {
                opacity: 1;
                visibility: visible;
            }
    .table-view-transaction {
        display: block;
        min-width: auto;
    }
    
      .table-view-transaction > div {
        display: block;
      }
    
      .table-view-transaction > div.thead {
        display: none !important;
      } 
    
      .table-view-transaction > div > div {
        display: block;
        border: 1px solid #ddd;
        padding: 0.5rem;
        margin-bottom: 10px;
        border-radius: 10px;
        overflow: hidden;
    }
    
      .table-view-transaction > div p {
        display: block;
        border: none !important;
        padding: 0;
      }
    
      .table-view-transaction > div.tbody p .mobile-only {
        display: inline-block !important;
        min-width: 200px;
    }
    .table-view-transaction > div.tbody p.action-last-box {
      display: block;
  }
  .table-view-transaction > div.tbody p.action-last-box .borderd-dropdown{
    display: inline-block;
  }
  .table-view-transaction > div.tbody p.action-last-box .border-btn{
    margin:  0 0.5rem 0 0;
  }
   .table-view-transaction > div.tbody p .mobile-only {
    display: inline-block !important;
    min-width: 110px;
}
    .outer-img-prop {
        padding-right: 0 !important;
    }
    .left-pannel-profile {
        padding-bottom: 0 !important;
    }
    .table-view-transaction.lead-table > div p {
        display: flex;
        padding: 0 !important;
    }
   
  }


  /* agent profile page css */

  .common-btn.view-btn {
    padding: 0.4rem 1.5rem;
}
.small-note{
    font-size: 0.7rem;
    color: #808080;
}
.upload-btn.signature-btn.w-100{
    max-width: 100%;
}
.upload-btn.signature-btn.w-100 button {
    text-align: center;
    justify-content: center;
}
.profile-edit-box {
    display: flex;
    align-items: center;
    margin-bottom: 2rem;
    position: relative;
    max-width: max-content;
}
.profile-edit-box img {
    height: 5.5rem;
    width: 5.5rem;
    border-radius: 50%;
    margin-right: 1rem;
}
.profile-edit-box a{
    color: #2697FF !important;
    font-weight: 500;
}
.edit-btn-position {
    position: absolute;
    right: 0.7rem;
    bottom: 0;
}
.edit-btn-position .form-control {
    opacity: 0;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
}
.edit-btn-position img {
    height: 1.5rem;
    width: 1.5rem;
    object-fit: contain;
    margin: 0;
}
.bg-gray{
    background-color: #c8c8c8 !important;
}


/* upload doc popup css */

.result-box-kyc .user-details {
    padding: 1rem;
    display: flex;
    align-items: flex-start;
}
.verified-box {
    margin-right: 2rem;
    width: 40%;
}

.verified-box h5 {
    background-color: #237804;
    text-transform: uppercase;
    font-weight: 600;
    padding: .3rem 1rem;
    color: #fff;
    font-size: .8rem;
    border-radius: .2rem;
    text-align: center
}

.verified-box h5.not-verified {
    background-color: #e83954
}

.verified-box ul {
    padding: 0
}

.verified-box ul li {
    list-style: none;
    font-size: .9rem;
    margin-bottom: .5rem
}

.verified-box ul li img {
    height: .9rem;
    margin-right: .5rem
}

.document-details-main {
    display: flex;
    align-items: flex-start;
    width: 100%;
    border-top: 1px solid #ddd;
    padding: 1rem;
}
.document-details-main .profile-img {
    height: 11rem;
    border-radius: .5rem;
    margin-right: 1rem
}

.document-details-main h3 {
    margin-bottom: .5rem;
    text-transform: uppercase;
    font-size: 1.6rem;
    font-weight: 500;
}

.document-details-main p {
    margin-bottom: .3rem;
    text-transform: uppercase;
    font-size: .9rem
}

.document-details-main p span {
    color: #8c8c8c;
    margin-right: .5rem;
    display: inline-block
}

.document-details-main p.age {
    text-transform: initial;
    margin: .8rem 0
}
.user-details .profile-img{
width: 60%;
}
.result-box-kyc{
    padding: 2rem;
}
.agent-profile-show{
    opacity: 0.4;
}
/* manage listing page css */

.message-box-tab{
    position: relative;
}
.message-box-tab h4 {
    font-size: 1.2rem;
    font-weight: 600;
    margin-bottom: 2rem;
}
.message-box-tab h5{
    font-size: 1rem;
    font-weight: 600;
}
.chat-box-inner{
    border: 1px solid #EBEBEB;
    border-radius: 0.5rem;
    overflow: hidden;
    margin-bottom: 1rem;
}
.chat-box-inner h6{
font-size: 0.9rem;
border-bottom: 1px solid #ddd;
padding: 0 0 0.5rem;
background-color: #EBEBEB;
padding: 0.7rem 1rem;
}
.chat-box-inner p{
    font-size: 0.8rem;
    margin-bottom: 0;
    padding: 0.7rem 1rem;
}
.scroll-chat-message{
    max-height: 30rem;
    overflow-y: auto;
    padding-right: 1rem;
    margin-bottom: 2rem;
}
.message-box-tab .form-label {
    font-size: 0.9rem;
    font-weight: 500;
}
.message-box-tab .form-control {
    border: 1px solid #BEBEBE;
    border-radius: 0.5rem;
    background-color: #EBEBEB;
    font-size: 0.8rem;
    box-shadow: none !important;
    outline: none !important;
}
.range-box  .custom-slider::-webkit-slider-thumb {
    background-color: #fff; /* Thumb color */
    border: 2px solid #ddd;
    border-radius: 50%;
    cursor: pointer;
}
  
.range-box .custom-slider::-webkit-slider-runnable-track {
    background-color: #2697FF;
    height: 6px;
    border-radius: 5px;
}

.textFormat{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.textFormat a{
  width: 48%;
}
.property-share-icons{
    display: flex;
    align-items: center;
    justify-content: center;
}
.property-share-icons img{
    height: 2.5rem;
    margin: 0.5rem;
}

/* contact us page css */

.contact-outer-box{
    background-color: #F6F7FA;
    padding: 2.5rem 0;
}
.contact-us-inner{
    border-radius: 1rem;
    padding: 2.5rem;
    background-color: #fff;
}
.multiple-img-outer-contact{
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
    margin-top: 2rem;
}
.img-box-contact-multi{
    position: relative;
    max-width: max-content;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    padding: 0.5rem;
    border-radius: 0.5rem;
    margin: 0;
}
.img-box-contact-multi .main-img-contact{
height: 5rem;
width: 7rem;
object-fit: contain;
}
.img-box-contact-multi button {
    border: none !important;
    outline: none !important;
    box-shadow: none !important;
    background-color: transparent !important;
    position: absolute;
    right: 0.3rem;
    padding: 0 !important;
    top: 0;
}
.img-box-contact-multi button img {
    height: 0.8rem;
}
.text-orange{
    color: orange !important;
}
.document-details-main.qr-info-box {
    border: 1px solid #ddd;
    border-radius: 0.5rem;
    margin: 1rem 0;
    display: block;
}
.document-details-main.qr-info-box .inner-box-qr-new {
    display: flex;
    justify-content: space-between;
   width: 100%;
   align-items: flex-start;
}
.qr-info-box .qr-img {
    border: 1px solid #ddd;
    border-radius: 0.5rem;
    max-width: 10rem;
    height: auto;
}
.qr-info-box .info-line-qr {
    font-size: 0.7rem;
    background-color: #F2F7FE;
    padding: 0.5rem 0.5rem;
    border-radius: 0.5rem;
    margin-top: 1rem;
    font-weight: 500;
    text-align: center;
}
.qr-info-box .info-line-qr img {
    height: 1.6rem;
}
.qr-info-box .info-line-qr a {
    color: #2697FF;
    
    display: inline-block;
}

@media (max-width: 520px){
    .document-details-main.qr-info-box .inner-box-qr-new {
        display: block;
        text-align: center;
    }
    .qr-info-box .qr-img{
       margin-top: 1rem;
    }
}

/* agent popup css */

.property-agent-modal.main-agent-popup .modal-dialog {
    max-width: 850px;
}
.process-row-contract {
    padding: 0;
    display: flex;
}
.process-row-contract li {
    list-style: none;
    width: 33%;
    position: relative;
    text-align: center;
}
.process-row-contract li::before {
    content: "";
    width: calc(100% - 3rem);
    height: 0.2rem;
    background-color: #BEBEBE;
    border-radius: 0.5rem;
    position: absolute;
    right: calc(50% + 1.5rem);
    top: 0.5rem;
}
.process-row-contract li span {
    height: 1.2rem;
    width: 1.2rem;
    border-radius: 50%;
    border: 0.3rem solid #BEBEBE;
    display: block;
    margin: 0 auto;
}
.process-row-contract li small{
    color: #BEBEBE;
}
.process-row-contract li:first-child:before{
    content: none;
}

.process-row-contract li.active::before {
    background-color: #2697FF;
}
.process-row-contract li.active span {
    border: 0.3rem solid #2697FF;
}
.process-row-contract li.active small{
    color: #2697FF;
}
.process-row-contract li.complete span {
    position: relative;
    background-color: #2697FF;
}
.process-row-contract li.complete span::before {
    content: "";
    height: 0.35rem;
    width: 0.7rem;
    border-left: 0.1rem solid #fff;
    border-bottom: 0.1rem solid #fff;
    position: absolute;
    left: 0;
    transform: rotate(-25deg);
}
.form-label{
    color: #5A5A5D;
    font-weight: 500;
}
.form-control {
    border-radius: 0.5rem;
    color: #000;
    border: 2px solid #ddd;

}
.form-control:focus {
    color: #000;
    border-color: #2697FF;
}
.form-check-input{
    border: 2px solid #ddd;
}
.form-check-label{
    color: #BEBEBE !important;
}
.form-check-input:checked {
    background-color: #2697FF;
    border-color: #2697FF;
}
.radio-yes-agent.form-control.form-check .form-check-input {
    float: right;
    margin-left: 0;
    margin-top: 4px;
}


/* add agent process datepicker css */

.date-box-process .react-datepicker-wrapper {
    width: 100%;
    margin-bottom: 1rem;
  }
  .date-box-process .react-datepicker__navigation{
    top: 1.25rem;
  }
  .date-box-process .react-datepicker-wrapper .react-datepicker__input-container::before {
    content: "";
    background-image: url(../images/product/calendar.png);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    position: absolute;
    left: 0.6rem;
    top: 0.7rem;
    width: 1rem;
    height: 1rem;
}
.date-box-process .react-datepicker-wrapper .react-datepicker__input-container::after {
    content: "";
    background-image: url(../images/product/chevron-up.png);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    position: absolute;
    right: 0.3rem;
    top: 0.7rem;
    width: 1rem;
    height: 1rem;
}
.date-box-process .react-datepicker-wrapper input {
    padding: 0.375rem 1.2rem 0.375rem 1.6rem;
    border-radius: 0.6rem;
    border: 2px solid #EDEDED;
    background: #FFF;
    box-shadow: none !important;
    width: 100%;
    outline: none;
    border-radius: 0.5rem;
    color: #000;
    border: 2px solid #ddd;
}
  .date-box-process .react-datepicker-popper{
    z-index: 5;
  }
  .date-box-process .react-datepicker{
    border-radius: 12px;
    border: 2px solid var(--strokes, #EBEBEB);
    background: #FFF;
    padding: 1rem 1rem ;
  }
  .date-box-process .react-datepicker__header{
    background-color: transparent;
    border-bottom-color: transparent ;
  }
  .date-box-process .react-datepicker__navigation-icon::before{
    border-color: rgba(19, 26, 41, 1);
  }
  .date-box-process .react-datepicker__day-name{
    color: #C4C4C4;
  }
  .date-box-process  .react-datepicker__day-name, .date-box-process   .react-datepicker__day, .date-box-process   .react-datepicker__time-name {
    font-size: 0.8rem;
    width: 3rem;
    padding: 0.2rem;
    margin: 0.2rem;
    line-height: 1.3rem;
    font-weight: 500;
}
  .date-box-process .react-datepicker__day {
    border-radius: 0.2rem;
    background: #F5F5F5;
    color: rgba(19, 26, 41, 1);
  }
  .date-box-process .react-datepicker__day.react-datepicker__day--selected, .date-box-process .react-datepicker__day:hover, .date-box-process .react-datepicker__day.active {
    background-color: #2697FF !important;
    color: #fff;
}
  .date-box-process .react-datepicker__day.booked{
    background-color: rgba(209, 233, 255, 1);
    border: 2px solid rgba(38, 151, 255, 1);
    color: rgba(38, 151, 255, 1);
  }

  /* profile page new css */

  .active-subscribe {
    background-color: #D9FFE1;
    font-size: 0.8rem;
    font-weight: 500;
    padding: 0.2rem 0.5rem;
    color: #099E2A;
    max-width: max-content;
    border-radius: 2rem;
}
  .active-subscribe img{
height: 1rem;
margin-right: 0.3rem;
  }
  .props-img-box{
display: flex;
align-items: center;
justify-content: space-between;
gap: 0.5rem;
margin: 0.5rem 0;
  }
.props-img-box img {
    height: 3rem;
    display: inline-block;
    width: 3rem;
    border-radius: 50%;
    border: 1px solid #ddd;
    object-fit: contain;
    object-position: left;
}
.props-img-box .border-btn,
.props-img-box .common-btn {
    padding: 0.4rem 1rem;
}
.common-btn.green-btn {
    background-color: #099E2A !important;
    border: none !important;
}
.props-img-box .common-btn img {
    height: 1rem;
    width: 1rem;
    border: none;
}
.views-outer-box{
    display: flex;
    align-items: center;
    gap: 4%;
    flex-wrap: wrap;
}
.views-outer-box .rental-percent{
    width: 46%;
}
.current-plan-box {
    background-color: #2697FF;
    padding: 1rem;
    border-radius: 0 0.5rem 0.5rem 0;
    color: #fff;
    width: 26%;
}
.current-plan-box p {
    margin-bottom: 0;
    font-size: 0.8rem;
    font-weight: 300;
}
.current-plan-box h3 {
    font-size: 1.2rem;
}
.current-plan-box h5{
    font-size: 1rem;
}
.common-btn.white-btn {
    background-color: #fff;
    color: #2E3238;
    border: 1px solid #CAD0D9 !important;
    padding: 0.4rem 1.2rem;
    font-weight: 500;
}
.upgrade-plan-box {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    position: relative;
    overflow: hidden;
    border-radius: 1rem;
}
.upgrade-plan-box::before {
    content: "";
    background: linear-gradient(to right, rgba(0,0,0,0) 0%,#000000 31%);
    width: 100%;
    height: 100%;
    position: absolute;
}
.upgrade-plan-box .ad-img {
    width: 18rem;
    margin-right: 1rem;
}
.upgrade-plan-box .upgrade-plane-content {
    position: relative;
    color: #fff;
    z-index: 1;
    padding: 0 1rem;
}
.upgrade-plan-box .upgrade-plane-content h4 {
    font-size: 1.4rem;
}
.upgrade-plan-box .upgrade-plane-content p {
    font-size: 0.85rem;
    font-weight: 300;
    color: #D9D9D9;
}
.properties-inner-box.prperty-box-checkout {
    border: none !important;
    box-shadow: none !important;
    display: block;
}
.properties-inner-box.prperty-box-checkout .inner-property {
    width: 100%;
    border: none;
}
.properties-inner-box.prperty-box-checkout .outer-img-prop {
    max-width: 12rem;
    min-width: 12rem;
}
.properties-inner-box.prperty-box-checkout .outer-img-prop .slider-main {
    width: 11rem;
    height: 11rem;
}
.properties-inner-box.prperty-box-checkout .outer-img-prop .slider-main img {
    min-height: 10rem;
    max-height: 10rem;
}

@media (max-width: 992px){
    .right-side-profile span.hot-deal {
        display: flex;
        align-items: center;
        margin: 0;
        max-width: max-content;
    }
    .current-plan-box {
    border-radius: 0.5rem;
    width: 100%;
    margin-top: 10px;
}
    .upgrade-plan-box {
        display: block;
    }
    .upgrade-plan-box .ad-img {
        width: 100%;
        margin-right: 0;
        margin-bottom: 1rem;
    }
    .upgrade-plan-box::before {
        background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,#000000 62%);
    }
    .upgrade-plan-box .upgrade-plane-content {
        padding-bottom: 1rem;
    }
}

/* cancel subscription popup css */

.common-listing-modal.cancel-subscription-modal .modal-dialog {
    max-width: 800px;
}
.common-listing-modal.cancel-subscription-modal .modal-dialog .modal-content {
    border-radius: 1.2rem;
}
.common-listing-modal.cancel-subscription-modal .modal-dialog .modal-body {
    padding: 2rem;
}
.cancel-subscription-modal  h2 {
    font-size: 1.5rem;
    font-weight: 600;
    margin-bottom: 1rem;
}
.cancel-subscription-modal h3 {
    font-size: 1.1rem;
    font-weight: 600;
}
.cancel-subscription-modal h5 {
    font-size: 1rem;
    font-weight: 600;
    margin-bottom: 2rem;
}
.cancel-subscription-modal .reason-radio {
    max-width: 510px;
    text-align: left;
    margin: auto;
}
.cancel-subscription-modal .form-check {
    border-bottom: 1px solid #CCCCCC;
    padding: 0.8rem 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.cancel-subscription-modal .form-check .form-check-input {
    float: none;
    margin: 0;
    order: 2;
    background-color: #cde7ff;
    border-color: #cde7ff;
    height: 1.2rem;
    width: 1.2rem;
    box-shadow: none !important;
}
.cancel-subscription-modal .form-check .form-check-label {
    color: #797979 !important;
}
.cancel-subscription-modal .form-check .form-check-input:checked {
    background-color: #2697FF;
    border-color: #2697FF;
    
}
.cancel-subscription-modal .form-control {
    border: none !important;
    outline: none !important;
    box-shadow: none !important;
    background: linear-gradient(to bottom, #ffffff 0%,#e8f4ff 54%,#e2f1ff 100%);
    font-size: 0.8rem;
    padding: 1rem;
}
.cancel-subscription-modal .form-control::placeholder{
    color: #797979;
}
.cancel-subscription-modal .common-btn{
    border: none !important;
}
.common-btn.bg-red{
background-color: #FF2626 !important;
border: none !important;
}
.common-btn.bg-green{
   background-color: #009B22 !important; 
   border: none !important;
}
.cancel-subscription-modal .reason-radio h5 span {
    font-size: 0.9rem;
    font-weight: 500;
    line-height: 1.4rem;
}
.subscription-cancel-msg{
border-bottom: 1px solid var(--structure-border, #DCDEE4);
background: #FFF3F3;
box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.10);
padding: 2rem;
text-align: center;
}
.subscription-cancel-msg h5{
font-weight: 600;
margin-bottom: 2rem;
}
.subscription-cancel-msg p{
margin-bottom: 0;
}
.subscription-cancel-msg p small{
font-size: 0.7rem;
}
.subscription-cancel-msg p small a{
    color: #2697FF;
}
.properties-inner-box.bg-lead-properties{
    border-radius: 12px;
border: 1px solid var(--strokes, #EBEBEB);
background-color: #F0F8FF;
}
.lead-table-new .thead{
background: #2697FF;
}
.table-view-transaction.lead-table-new > div.thead p {
    color: #fff;
    font-size: 0.9rem;
    padding: 0.6rem 1rem;
}
.table-view-transaction.lead-table-new > div.thead p:first-child{
    border-radius: 0.5rem 0 0 0.5rem;
}
.table-view-transaction.lead-table-new > div.thead p:last-child {
    border-radius: 0 0.5rem 0.5rem 0;
}
.table-view-transaction.lead-table-new > div.tbody p {
    background: var(--lineatr, linear-gradient(180deg, #FFF 0%, #EFF8FF 100%));
    padding: 0.4rem 1rem;
    color: #2697FF;
    font-size: 0.9rem;
    border-bottom: 0;
}
.table-view-transaction.lead-table-new > div.tbody p:first-child{
    border-radius: 0.5rem 0 0 0.5rem;
}
.table-view-transaction.lead-table-new > div.tbody p:last-child {
    border-radius: 0 0.5rem 0.5rem 0;
    text-align: right;
}
.table-view-transaction.lead-table-new > div.tbody .common-btn{
padding: 0.3rem 1.5rem;
}
.lead-details-box {
    border-radius: 12px;
    border: 1px solid rgba(204, 204, 204, 0.50);
    background: var(--lineatr, linear-gradient(180deg, #FFF 0%, #EFF8FF 100%));
    padding: 1rem;
    min-height: 15rem;
}
.lead-details-box h5 {
    font-size: 1.1rem;
    font-weight: 600;
}
.lead-details-box p {
    display: flex;
    align-items: center;
    justify-content: start;
    font-size: 0.8rem;
    margin-bottom: 0.7rem;
}
.lead-details-box p span {
    width: 50%;
}
.lead-details-box hr {
    background-color: #CBE6FF;
}
.lead-details-box a {
    display: block;
}
.lead-details-box a img {
    height: 1.8rem;
}
.lead-details-box .common-btn {
    min-width: 14rem;
}
.success-page {
    /* min-height: 100vh; */
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1rem 0;
}
.lead-details-box .common-btn.w-auto{
min-width: auto;
}
.info-icon-remark{
    position: relative;
    transition: all ease-in-out 2s;
    cursor: pointer;
    display: inline-block;
    padding: 0 0.5rem;
}
.info-icon-remark span {
    font-size: 0.7rem;
    padding: 0.6rem;
    border-radius: 0.3rem;
    position: absolute;
    bottom: 2rem;
    left: 0;
    right: 0;
    width: 12rem;
    font-weight: 400;
    line-height: 1.1rem;
    text-align: center;
    border-radius: 12px;
    border: 1px solid rgba(204, 204, 204, 0.50);
    background: var(--lineatr, linear-gradient(180deg, #FFF 0%, #EFF8FF 100%));
    opacity: 0;
    visibility: hidden;
}
.info-icon-remark:hover span{
 opacity: 1;
    visibility: visible;
}
.lead-table-new.billing-table.table-view-transaction > div.tbody p {
    color: #000;
    padding: 1rem;
}
.lead-table-new.billing-table.table-view-transaction > div.tbody p a{
    display: inline-block;
}
.lead-table-new.billing-table.table-view-transaction > div.tbody p a img {
    height: 1.2rem;
}
.lead-table-new.billing-table.table-view-transaction .property-img-bill {
    height: 1.6rem;
}
.text-yellow{
    color: #B39E00 !important;
}
.billing-status-blue-box {
    background-color: #2898FF;
    padding: 2rem 1.5rem;
    border-radius: 0.8rem;
    display: flex;
    align-items: flex-start;
    gap: 3rem;
    color: #fff;
    
}
.billing-status-blue-box .first-status {
    width: 50%;
}
.billing-status-blue-box .first-status p {
    max-width: 22rem;
    line-height: 31px;
    font-size: 16px;
}
.billing-status-blue-box h4 {
    font-size: 1.3rem;
    font-weight: 600;
}
.billing-status-blue-box .full-card-box {
    border-radius: 0.8rem;
    background: linear-gradient(113deg, rgba(255, 255, 255, 0.35) 0%, rgba(255, 255, 255, 0.35) 104.91%);
    backdrop-filter: blur(28.625px);
    padding: 1.1rem;
    width: 42%;
}
.billing-status-blue-box .credit-card-box {
    border-radius: 10.569px;
    background: #007EFF;
    padding: 1rem;
    margin: 1rem 0;
}
.billing-status-blue-box h6 {
     margin-bottom: 0.3rem;
}
.billing-status-blue-box p {
    font-size: 0.9rem;
    font-weight: 300;
    margin: 0;
}
.note-billing{
    font-weight: 500;
}
.checkout-payment-subtotal{
margin-top: 2rem;
}
.checkout-payment-subtotal h4{
   display: flex;
   align-items: center;
   justify-content: space-between; 
   font-weight: 600;
}
.checkout-payment-subtotal h5 {
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-weight: 600;
}
.checkout-payment-subtotal p{
    display: flex;
   align-items: center;
   justify-content: space-between; 
}
.propert-filters.lead-filter{
    justify-content: space-between;
}

@media (max-width: 768px){
.billing-status-blue-box {
    flex-wrap: wrap;
}
.billing-status-blue-box .first-status {
    width: 100%;
}
.billing-status-blue-box .full-card-box {
    width: 100%;
}
}

/* terms and conditions page css */

.terms-info-page{
    border-radius: 12px;
background: linear-gradient(187deg, rgba(38, 151, 255, 0.15) 5.63%, rgba(255, 255, 255, 0.10) 112.07%);
padding: 1rem;
}
.terms-info-page .header-terms{
display: flex;
align-items: center;
justify-content: space-between;
gap: 5rem;
}
.terms-info-page .header-terms .left-content{
    max-width: 650px;
}
.terms-info-page p{
    color: #505050;
font-size: 0.9rem;
font-style: normal;
font-weight: 400;
line-height: normal;
}
.terms-info-page ul{
    padding: 0;
    margin: 0;
}
.terms-info-page ul li{
list-style: none;
color: #000;
font-size: 0.9rem;
font-style: normal;
font-weight: 400;
line-height: normal;
margin-bottom: 1rem;
}
.terms-info-page ul li img{
    height: 1.2rem;
    margin-right: 0.5rem;
}
.terms-info-page .header-terms h4 {
    font-size: 1.4rem;
    font-weight: 600;
    display: flex;
    align-items: center;
    gap: 1rem;
}
.terms-info-page h5{
    font-size: 1.1rem;
    font-weight: 600;
}

/* refer and earn page css */

.propert-filters.lead-filter > div{
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 1rem;
}
.outer-box-id-earn{
    border-radius: 12px;
background: linear-gradient(180deg, rgba(255, 255, 255, 0.00) 0%, rgba(38, 151, 255, 0.15) 100%);
padding: 2rem;
display: flex;
align-items: center;
justify-content: space-between;
}
.outer-box-id-earn .left-refer h4{
color: #000;
font-size: 1.3rem;
font-weight: 600;
}
.outer-box-id-earn .left-refer img.group-img{
height: 3.8rem;
margin: 1rem 0;
}
.outer-box-id-earn .left-refer p{
margin-bottom: 0.5rem;
font-size: 0.8rem;
}
.outer-box-id-earn .left-refer > div{
display: flex;
align-items: center;
gap: 0.5rem;
}
.outer-box-id-earn .left-refer a{
display: inline-block;
}
.outer-box-id-earn .left-refer a img{
height: 1.6rem;
} 
.outer-box-id-earn .right-refer {
    display: flex;
    align-items: center;
    background-image: url(../images/profile/card-bg.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    padding: 1rem;
    gap: 3rem;
}
.outer-box-id-earn .right-refer h4{
    color: #2697FF;
font-size: 1.5rem;
font-style: normal;
font-weight: 700;
line-height: normal;
margin-bottom: 2rem;
}
.outer-box-id-earn .right-refer h4 small {
    display: block;
    font-size: 0.8rem;
    line-height: 1rem;
    font-weight: 600;
    
}
.outer-box-id-earn .right-refer p a{
color: #2697FF;
font-size: 0.8rem;
}
.outer-box-id-earn .right-refer p a img {
    height: 1rem;
    margin-right: 0.2rem;
}
.outer-box-id-earn .right-refer p{
margin-bottom: 0.2rem;
}
.outer-box-id-earn .right-refer .qr-side{
height: 7.8rem;
}
.outer-box-id-earn .right-refer .reffer-link{
color: #2697FF;
font-size: 0.7rem;
margin-top: 1rem;
}
.outer-box-id-earn .right-refer .reffer-link a{
    display: inline-block;
}
.outer-box-id-earn .right-refer .reffer-link a img{
    height: 0.8rem;
}

@media (max-width: 992px){
.outer-box-id-earn {
    padding: 1rem;
    flex-wrap: wrap;
    gap: 1rem;
}
}

@media (max-width: 768px){
.outer-box-id-earn {
    justify-content: center;
    text-align: center;
}
.outer-box-id-earn .left-refer > div {
    justify-content: center;
}
.propert-filters.lead-filter > div {
    flex-wrap: wrap;
}
.outer-box-id-earn .right-refer p {
    text-align: left;
}
}
@media (max-width: 420px){
.outer-box-id-earn .right-refer .qr-side {
    height: 5.8rem;
}
.outer-box-id-earn .right-refer {
    gap: 1rem;
}
}

/* refer and earn details page  */

.refer-and-earn-details{
    border-radius: 0.8rem;
background: rgba(38, 151, 255, 0.10);
padding: 1rem;
}
.refer-and-earn-details .total-earning{
border-radius: 1.1rem;
background: var(--lineatr, linear-gradient(180deg, #FFF 0%, #EFF8FF 100%));
padding: 1.1rem;
}
.refer-and-earn-details .total-earning h4{
font-weight: 600;
}
.refer-and-earn-details .total-earning h4 img{
    cursor: pointer;
}
.refer-and-earn-details .total-earning h6 {
    border-radius: 11.352px;
    background: var(--Success-50, #E7F6EC);
    color: #0F973D;
    font-size: 0.7rem;
    padding: 0.2rem 1rem;
    max-width: max-content;
    margin: 1rem 0;
}
.refer-and-earn-details .total-earning .interest-images li>div {
    height: 2.8rem;
    width: 2.8rem;
}
.refer-and-earn-details .total-earning p{
    color: #98A2B3;
    font-size: 1.1rem;
} 
.refer-and-earn-details .active-refferal{
border-radius: 4px;
background: var(--lineatr, linear-gradient(180deg, #FFF 0%, #EFF8FF 100%));
padding: 1.5rem;
display: flex;
align-items: flex-start;
gap: 0.5rem;

}
.refer-and-earn-details .active-refferal h5{
color: #101928;
font-size: 1rem;
font-weight: 600;
}
.refer-and-earn-details .active-refferal h5 .green-box{
color: #069626;
font-size: 1.5rem;
}
.refer-and-earn-details .active-refferal h5 .red-box{
color: #F00;
font-size: 1.5rem;
}
.refer-and-earn-details .active-refferal img{
    height: 2rem;
}
.refer-and-earn-details .active-refferal p{
    color: #475367;
    font-size: 0.9rem;
    margin-bottom: 0;
}
.outer-refer-table .active-refferal{
    display: flex;
    align-items: flex-start;
    gap: 0.5rem;
}
.outer-refer-table .active-refferal img{
    height: 2rem;
}
.outer-refer-table .active-refferal h5{
       color: #101928;
    font-size: 1rem;
    font-weight: 600; 
}
.outer-refer-table .active-refferal p{
    color: #475367;
    font-size: 0.9rem;
    margin-bottom: 0;
}
.outer-refer-table .accordion-item{
border-radius: 4px;
border: 1px solid  #E4E7EC;
border-left: 0.3rem solid #2697Ff;
}
.outer-refer-table .accordion-button{
background-color: transparent !important;
border: none !important;
box-shadow: none !important;
outline: none;
}

/* referral profile page css */

.left-referral-profile {
    border-radius: 0.7rem;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.00) 0%, rgba(38, 151, 255, 0.15) 100%);
    padding: 1rem;
    height: 100%;
}
.left-referral-profile .profile-photo h5{
font-size: 1.3rem;
font-weight: 600;
margin-top: 0.5rem;
margin-bottom: 0;
}
.left-referral-profile p{
color: #797979;
font-weight: 400;
font-size: 0.8rem;
margin-bottom: 0.6rem;
}
.left-referral-profile p span{
    display: block;
    color: #000;
}
.left-referral-profile .profile-photo{
    margin-bottom: 2rem ;
}
.left-referral-profile .profile-photo p {
    color: #00BD2A;
    font-size: 0.7rem;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    position: relative;
    max-width: max-content;
    margin: 0 auto;
    padding-left: 0.7rem;
}
.left-referral-profile .profile-photo p::before {
    content: "";
    height: 0.4rem;
    width: 0.4rem;
    border-radius: 50%;
    position: absolute;
    background-color: #00BD2A;
    left: 0;
    top: 0.3rem;
}
.referral-activity-process-outer{
    border-radius: 0.8rem;
background: var(--lineatr, linear-gradient(180deg, #FFF 0%, #EFF8FF 100%));
padding: 1rem;
}
.referral-activity-process-outer h4{
    font-size: 1.1rem;
    font-weight: 500;
    color: #2697FF;
}
.referral-activity-process {
    position: relative;
    display: flex;
    align-items: stretch;
    gap: 3rem;
}
.referral-activity-process p{
    font-size: 0.8rem;
}
.referral-activity-process .date {
    position: relative;
    padding-left: 2rem;
    margin-bottom: 0;
    padding-bottom: 4rem;
}
.referral-activity-process .date::before {
    content: "";
    height: 0.6rem;
    width: 0.6rem;
    border-radius: 50%;
    background-color: #2697FF;
    position: absolute;
    left: 0;
    top: 0.3rem;
}
.referral-activity-process .date::after {
    content: "";
    background-color: #2697FF;
    position: absolute;
    left: 0.3rem;
    top: 0.6rem;
    background: rgba(38, 151, 255, 0.21);
    height: 100%;
    width: 0.1rem;
}
body {
    overflow-x: hidden;
}
.referral-activity-process .right-box {
    display: flex;
    gap: 0.5rem;
}
.referral-activity-process .right-box .img-process-icon{
height: 1rem;
}
.referral-activity-process .right-box h6 {
    color: #838282;
    font-size: 0.8rem;
    margin-bottom: 0.4rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    max-width: 225px;
}
.referral-activity-process .right-box small{
    color: #838282;
}
.referral-activity-process:last-child .date::after{
    content: none;
}
.back-heading-refer{
font-size: 1.4rem;
color: #000;
font-weight: 600;
}
.back-heading-refer img{
    height: 2.2rem;
    margin-right: 0.5rem;
}
.referral-profile-tabs {
    border-radius: 4px;
    background: var(--lineatr, linear-gradient(180deg, #FFF 0%, #EFF8FF 100%));
    border: none !important;
    max-width: 600px;
    align-items: stretch;
}
.referral-profile-tabs .nav-item {
    width: 33.33%;
    border: none !important;
}
.referral-profile-tabs .nav-link {
    border-radius: 4px;
    background: transparent;
    color: #A4A4A4 !important;
    transition: all ease-in-out .5s;
    width: 100%;
    border: none !important;
    height: 100%;
}
.referral-profile-tabs .nav-link:hover,
.referral-profile-tabs .nav-link:focus,
.referral-profile-tabs .nav-link.active {
    border-radius: 4px;
    background: #2697FF;
    color: #fff !important;
    border: none !important;
    
}
.referral-properties-outer .outer-img-prop {
    max-width: 12rem;
    min-width: 12rem;
}
.lead-main-filter .buy-dropdown.city-dropdown .dropdown-toggle{
min-width: auto;
}
/* .referral-properties-outer.w-100 .referral-profile-tabs {
    max-width: 100%;
} */
.referral-properties-outer.w-100 .referral-profile-tabs .nav-item {
    width: 25%;
}

@media (max-width: 992px){
.referral-profile-tabs {
    margin-top: 15px;
}
}

/* lead main dash page */

.dash-view-box{
    border-radius: 0.5rem;
border: 1px solid #CCC;
background: linear-gradient(180deg, #FFF 0%, #EFF8FF 100%);
padding: 0.7rem 0.5rem;
margin: 1rem 0;
}
.dash-view-box p {
    font-size: 0.8rem;
    font-weight: 500;
    margin-bottom: 0;
}
.dash-view-box h4 {
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 1.2rem;
    margin: 1rem 0;
    font-weight: 600;
}
.dash-view-box h4 small {
    font-size: 60%;
}
.dash-view-box h4 small {
    font-size: 60%;
    display: flex;
    align-items: center;
}
.dash-view-box p.view-more {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.dash-view-box p.view-more a{
    display: inline-block;
    color: #2697FF;
    text-decoration: underline !important;
}

@media (max-width: 992px){
    .propert-filters.lead-filter {
    justify-content: flex-start;
}
.lead-main-filter .buy-dropdown.city-dropdown .dropdown-toggle {
    min-width: 10rem;
}
}

/* new css for property listing profile page */

.right-side-profile .properties-inner-box .outer-img-prop {
    max-width: 25rem;
    min-width: 25rem;
}
.right-side-profile .properties-inner-box .outer-img-prop .slider-main {
    width: 24rem;
    height: 20rem;
}
.right-side-profile .properties-inner-box .outer-img-prop .slider-main img {
    min-height: 20rem;
    max-height: 20rem;
}
.right-side-profile .rental-percent {
    max-width: max-content;
    padding: 0.2rem 1rem;
}
.property-status-app .status-line {
    background-color: #bbdeff;
    font-size: 0.8rem;
    font-weight: 500;
    padding: 0.2rem 0.5rem;
    color: #2697FF !important;
    max-width: max-content;
    border-radius: 2rem;
    display: flex;
    align-items: center;
    gap: 1rem;
}
.outer-status-property-profile{
    display: flex;
    align-items: center;
    margin-bottom: 1rem;
    justify-content: space-between;
    gap: 0.5rem;
}
.like-wishlist-icon{
    display: inline-block;
    border-radius: 0.4rem;
    border: 0.79px solid #BEBEBE;
    margin-left: 0.5rem;
    width: 2rem;
    height: 2rem;
    text-align: center;
    line-height: 2rem;
}
.like-wishlist-icon img{
    height: 1rem;
}
.right-side-profile .bg-blue-date-time {
    padding: 0.3rem 2rem 0.3rem 0.3rem;
    max-width: max-content;
    margin-top: 0;
}
.notification-icon{
    height: 3rem;
}

@media (max-width: 992px){
.outer-status-property-profile {
    flex-wrap: wrap;
}
.props-img-box {
    flex-wrap: wrap;
}

.right-side-profile .properties-inner-box .outer-img-prop {
    max-width: 15rem;
    min-width: 15rem;
}
.right-side-profile .properties-inner-box .outer-img-prop .slider-main {
    width: 14rem;
        height: 12rem;
}
.right-side-profile .properties-inner-box .outer-img-prop .slider-main img {
    min-height: 12rem;
    max-height: 12rem;
}
.right-side-profile .properties-inner-box .inner-property {
    display: flex;
}
.right-side-profile .porperty-main-details .aminity {
    justify-content: flex-start;
}
.right-side-profile .porperty-main-details .aminity span {
    width: 31%;
}
}

@media (max-width: 520px){
.right-side-profile .properties-inner-box .inner-property {
    display: block;
}
.right-side-profile .properties-inner-box .outer-img-prop {
    max-width: 100%;
    min-width: 100%;
}
.right-side-profile .properties-inner-box .outer-img-prop .slider-main {
    width: 100%;
    height: 20rem;
}
.right-side-profile .properties-inner-box .outer-img-prop .slider-main img {
    min-height: 20rem;
    max-height: 20rem;
}

}


/* notification page css responsive */

.nodata-img{
    max-width: 600px;
}

@media (max-width: 768px){

.notification-section .lead-table-new.billing-table.table-view-transaction > div.tbody p {
    color: #000;
    padding: 1rem;
    display: flex;
}
.notification-section .table-view-transaction > div.tbody p .mobile-only {
    min-width: 60px;
}
.nodata-img {
    max-width: 100%;
}
}