:root {
    --paragraph-color: #757B8A;
    --black-color: #101010;
    --primary-color: #3A76F0;
    --light-bg: #F7F7F7;
    --dark-bg: #28214B;
}
body {
    font-family: "Poppins", sans-serif;
    color: var(--black-color);
}
/* html, body {
    max-width: 100%;
    overflow-x: hidden;
} */
/* .any_query,.aos-init, section{
    overflow: hidden;
} */

.py-80 {
    padding: 80px 0px;
}

/* Header Start */

.navbar{
    padding: 30px 0px;
    /* position: sticky;
    top: 0px; */
    z-index: 100;
    background: #fff;
}
.navbar-toggler {
    border: 1px solid #CFD6DC;
    padding: 12px 20px;
    border-radius: 8px;
}
.navbar-brand img, footer img, .brand-logo{
    width: 100%;
    width: 240px;
}
.lang-dropdown {
    border: 1px solid #CFD6DC;
    padding: 10px;
    border-radius: 8px;
}
.lang-dropdown a{
    color: var(--black-color) !important;
    font-weight: 500;
}
.lang-dropdown > a::after{
    font-family: 'Font Awesome\ 5 Free';
    content: "\f078";
    font-weight: 900;
    vertical-align: unset;
    border: 0px;
    margin-left: 26px;
}
.lang-dropdown ul{
    right: 0px !important;
    left: unset !important;
    padding: 20px;
    border-radius: 8px;
    border: 0px;
    box-shadow: 0px 4px 40px 0px rgb(0 0 0 / 10%);
    margin-top: 10px !important;
}
.lang-dropdown ul a{
    background-color: transparent !important;  
    color: var(--black-color);
}
.hamburger_menu > button::after{
    content: unset;
}
.hamburger_menu > button{
    box-shadow: none !important;
}
.hamburger_menu ul.dropdown-menu{
    right: 0px;
    left: unset;
    padding: 20px;
    min-width: 220px;
    border-radius: 8px;
    border: 0px;
    box-shadow: 0px 4px 40px 0px rgb(0 0 0 / 10%);
    margin-top: 10px;
}
.hamburger_menu ul.dropdown-menu li{
    margin-bottom: 8px;
}
.hamburger_menu ul.dropdown-menu li:last-child{
    margin-bottom: 0px;
}
.hamburger_menu ul.dropdown-menu li a{
    font-weight: 500;
    font-size: 16px;
    background: transparent;
    color: var(--black-color);
}
.hamburger_menu ul.dropdown-menu li hr{
    border: 1px solid #ddd;
    height: 1px;
}
.navbar.dark_header{
    background-color: var(--dark-bg);
}
.navbar.dark_header .lang-dropdown > a{
    color: #fff !important;
}
.navbar.dark_header .hamburger_menu > button {
    box-shadow: none;
    color: #fff;
}

/* Header End */


h1 {
    /* font-size: 56px; */
    font-size: clamp(2rem, 1.4324rem + 2.4218vw, 3.5rem);
    font-weight: 600;
}

h2 {
    /* font-size: 44px; */
    font-size: clamp(1.5rem, 1.027rem + 2.0182vw, 2.75rem);
    font-weight: 600;
}

h3 {
    /* font-size: 40px; */
    font-size: clamp(2rem, 1.8108rem + 0.8073vw, 2.5rem);
    font-weight: 400;
}

h4 {
    /* font-size: 24px; */
    font-size: clamp(1.25rem, 1.1554rem + 0.4036vw, 1.5rem);
    font-weight: 500;
}

h5 {
    font-size: 20px;
    font-weight: 700;
}

h6 {
    font-size: 18px;
    font-weight: 700;
}

p {
    font-size: clamp(0.875rem, 0.8277rem + 0.2018vw, 1rem);
    color: var(--paragraph-color);
}

.primary-btn {
    font-size: 16px;
    font-weight: 700;
    padding: 16px 32px;
    background-color: var(--primary-color);
    border-radius: 8px;
    color: #fff !important;
}

.primary-outline-btn {
    font-size: 16px;
    font-weight: 700;
    padding: 16px 32px;
    border-radius: 8px;
    border: 1px solid var(--primary-color);
    color: var(--primary-color) !important;
}
.danger-outline-btn {
    font-size: 16px;
    font-weight: 500;
    padding: 16px 32px;
    border-radius: 8px;
    border: 1px solid #dc3545!important;
    color: #dc3545!important;
}

.danger-outline-btn:focus{
    box-shadow: 0 0 0 .25rem rgb(253 13 13 / 18%);
}

.secondary-outline-btn {
    font-size: 16px;
    font-weight: 700;
    padding: 16px 32px;
    border-radius: 8px;
    border: 1px solid #fff;
    color: #fff !important;
}

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

select, input, .select2-selection{
    padding: 16px !important;
    border-radius: 8px !important;
    border: 1px solid #CFD6DC !important;
}
input[type="checkbox"]{
    padding: unset !important;
    border-radius: 50px !important;
    border: unset !important;
}
input::placeholder{
    color: #A4A6AD;
    font-weight: 400;
    font-size: 16px;
}
.select2-selection{
    height: unset !important;
}
.select2-selection__arrow{
    height: 100% !important;
}
.select2-search__field{
    outline: none;
    box-shadow: none;
}
.select2-dropdown.select2-dropdown--below{
    border: 1px solid #ddd;
    border-radius: 8px;
}
.select2-container{
    width: 100%;
}
/* hide number input up down arrow Start*/
    /* Chrome, Safari, Edge, Opera */
    input[type=number]::-webkit-outer-spin-button,
    input[type=number]::-webkit-inner-spin-button {
        -webkit-appearance: none;
        margin: 0;
    }

/* Firefox */
    /* input[type=number] {
        -moz-appearance: textfield;
    } */
/* hide number input up down arrow End*/

label {
    font-weight: 600;
    color: var(--black-color);
}
label.sub-label{
    font-size: 14px;
}
.hero_section ul {
    margin: 40px 0px;
}

.hero_section ul li {
    font-size: clamp(0.875rem, 0.8277rem + 0.2018vw, 1rem);
    color: var(--black-color);
    font-weight: 500;
}

.hero_section ul li span span {
    font-weight: 700;
}
.hero_search_btn button{
    position: relative;
    z-index: 10;
}
.hero_search_btn::after{
    content: attr(data-guarantee-message);
    background: #E9F0FD;
    height: 40px;
    width: 100%;
    position: absolute;
    bottom: -30px;
    left: 0px;
    padding: 15px 8px 8px 37px;
    font-size: 13px;
    border-radius: 0px 0px 8px 8px;
    background-image: url(../icons/money-back-shield.png);
    background-repeat: no-repeat;
    background-size: 20px;
    background-position-y: 15px;
    background-position-x: 8px;
    color: var(--primary-color);
    font-weight: 500;
}
.price_range_selection select{
    cursor: pointer;
}
.listing_note{
    font-size: 14px;
}
.cta_bar{
    background-color: var(--dark-bg);
}
.cta_bar.sticky{
    position: sticky;
    bottom: 0px;
    border-top: 1px solid #fff;
    /* animation: fadeIn 1s; */
    /* box-shadow: 0 16px 33px rgb(58 118 240), 0 10px 33px rgb(58 118 240); */
    box-shadow: 0 0 18px rgb(95 95 95 / 90%);
}
.cta_bar.sticky {
    animation: slideUp 1s forwards;
}
@keyframes slideUp{
    from {
        opacity: 0;
        transform: translateY(100%);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}
.cta_bar > div > div{
    /* height: 100px; */
    padding: 20px 0px;
}
.cta_bar h5{
    /* font-size: clamp(1.5rem, 1.4054rem + 0.4036vw, 1.75rem); */
    white-space: nowrap;
    font-size: clamp(0.875rem, 0.5104rem + 1.0127vw, 1.375rem);
    font-weight: 600;
}
.cta_bar button{
    color: var(--dark-bg) !important;
}
.how-whatappartment-work {
    background-color: var(--light-bg);
}

.how-whatappartment-work img {
    height: 250px;
    width: auto;
}

.preferences::before{
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 70%;
    background-color: var(--dark-bg);
    z-index: -1;
}
.features_section ul{
    margin-bottom: 60px;
}
.features_section ul li{
    margin-bottom: 40px;
}
.features_section ul li > div > div p{
    margin-bottom: 0px;
}
/* .features_section .row > div:first-child img {
    transform: scale(1.3);
} */
.testimonials, .footer{
    background-color: var(--dark-bg);
}
.testimonials ul{
    margin-bottom: 60px;
}
.testimonials .card{
    border-radius: 8px;
}
.testimonials .card .card-body{
    padding: 20px;
}
.testimonials .card .card-body .comments{
    color: var(--black-color);
}
.see-pricing-btn{
    margin-top: 40px;
}
.accordion-flush{
    width: 70%;
    margin: auto;
    margin-top: 60px;
}
.accordion-flush .accordion-button{
    background-color: transparent !important;
    box-shadow: none;
    font-size: 20px;
    font-weight: 500;
    color: var(--black-color);
    gap: 12px;
}
.accordion-flush .accordion-button{
    padding-top: 20px;
}
.accordion-flush .accordion-body{
    padding-bottom: 20px;
}
.accordion-item {
    border: 1px solid #CFD6DC ;
}
.faq_btn{
    margin-top: 40px;
}

/* radio look like button start */
.radio_buttons {
    display: inline-block;
    margin: 0 5px 0 0;
    /* width: 100px;
    height: 45px; */
    width: 76px;
    height: 36px;
    position: relative;
    border: 1px solid #CFD6DC;
    border-radius: 50px;
  }
  
  .radio_buttons label,
  .radio_buttons input {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    cursor: pointer;
    font-weight: 700;
    font-size: 16px;
  }
  
  .radio_buttons input[type="radio"] {
    opacity: 0.011;
    z-index: 100;
    width: 100%;
    height: 100%;
  }
  
  .radio_buttons input[type="radio"]:checked + label {
    background: var(--primary-color);
    border-radius: 4px;
    color: #fff;
  }
  
  .radio_buttons label {
    z-index: 90;
    margin-bottom: 0px;
    padding: 6px 10px;
    color: var(--black-color);
    font-size: 14px;
    font-weight: 600;
    border-radius: 50px !important;
  }

/* radio look like button end */

/* .map_iframe iframe{
    padding: 32px 32px 0px 32px;
    background-image: url("../img/map_bg.png");
    border: 0;
    width: 100%;
    height: 350px;
    background-repeat: no-repeat;
    background-size: 100%;
} */
.map-desktop
{
    height : 320px
}

.map-mobile
{
/*     height : 200px */
    height : 316px
}
.map-frame{
	padding: 32px 32px 0px 32px;
	background-image: url("../img/map_bg.png");
	border: 0;
	width: 100%;
	height: 350px;
	background-repeat: no-repeat;
	background-size: 100%;
}
.mb20{
    margin-bottom: 20px;
}
.input-group-text{
    background-color: transparent !important;
    border: 0px !important;
}
.input-group.start-icon input{
    background-color: transparent !important;
    border: 0px !important;
    box-shadow: none !important;
    padding-left: 0px !important;
}
.input-group.end-icon input{
    background-color: transparent !important;
    border: 0px !important;
    box-shadow: none !important;
    padding-right: 0px !important;
}
.input-group{
    border-radius: 8px !important;
    border: 1px solid #CFD6DC !important;
}


/* mobile only slider start */
.mySlider {
    position: relative;
  }
  
  .slick-dots {
    display: block;
    position: absolute;
    transform: translateX(-50%);
    left: 50%;
    margin: 0;
    bottom: 10px;
    list-style: none;
  }
  .slick-dots li {
    display: inline-block;
    margin-right: 10px;
  }
  .slick-dots li button {
    width: 12px;
    height: 12px;
    border: 0;
    border-radius: 100%;
    background-color: rgba(0, 0, 0, 0.2);
    text-indent: -999999px;
  }
  .slick-dots li.slick-active button {
    background-color: #2b9fdf;
  }
  .mySlider.slick-slider {
    width: 100%;
    margin: auto;
}
.next_, .back_{
    padding: 16px 22px;
}
/* mobile only slider end */


footer.footer p {
    font-weight: 600;
}




/* sign in page Start */

.login-screen{
    background-color: var(--dark-bg);
    /* height: 100vh; */
}
.left-screen, .right-screen{
    width: 50%;
}
.login-screen .split-screen .left-screen{
    text-align: center;
    /* padding: 60px 5% 0px;   container set*/
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    gap: 60px;
    /* height: 100vh; */
}
/* .login-screen .split-screen .left-screen .mobile-screen-image{
    height: 50vh;
    width: fit-content;
} */
.form-heading{
    /* font-size: 36px; */
    font-size: clamp(1.75rem, 1.5608rem + 0.8073vw, 2.25rem);
}
.left-screen .form-heading{
    margin-top: 32px;
    font-weight: 600;
}
.login-screen .split-screen .right-screen{
    padding: 30px 0px 50px 50px;
    background-color: #fff;
}
.right-screen-submit-btn{
    margin-top: 40px;
}
.right-screen-form form{
    margin-top: 40px;
}
.right-screen-form{
   /*  display: flex;
    justify-content: space-between;
    flex-direction: column; */
    height: 100%;
}
.toggle-password{
    color: #A3A6AD;
}
/* sign in page End */

/* Forgot password page Start */
.back-button{
    font-size: 16px;
    font-weight: 700;
    padding: 16px 32px;
    background-color: transparent;
    border: 1px solid #CFD6DC;
    border-radius: 8px;
    color: var(--black-color) !important;
}
.forgot-pass-btns .next-button{
    width: unset;
}
.email-send-success-icon{
    margin-bottom: 32px;
}
.resend-email{
    font-weight: 500;
}
/* Forgot password page End */


/* payment success page Start */
.go-to-account{
    margin-top: 32px;
}
.payment-success-div{
    height: calc(100vh - 114px);
    display: flex;
    align-items: center;
    justify-content: center;
}
/* payment success page End */

/* My account page start */

.my-account-section > div > h3.my-account-heading{
    font-size: clamp(1.5rem, 1.1216rem + 1.6145vw, 2.5rem);
    font-weight: 600;
}
#my-account-tabs{
    border: 1px solid #DCDCDC;
    padding: 12px 0px;
    border-radius: 8px;
}
ul#my-account-tabs li{
    width: 100%;
}
ul#my-account-tabs li button{
    padding: 16px 24px;
    color: #757B8A !important;
    text-align: left;
    border-radius: 0px;
    width: 100%;
    font-weight: 600;
    font-size: 16px;
}
ul#my-account-tabs li button.active {
    color: var(--primary-color) !important;
    background: rgb(58 118 240 / 13%);
    border-right: 4px solid var(--primary-color);
}
#my-account-tabContent .tab_main_content{
    border: 1px solid #DCDCDC;
    border-radius: 8px;
    padding: 24px;
}

/* tab 1 start */
.activate-subscription{
    display: flex;
 /*    gap: 24px; */
	gap: 14px; 
    /* background-color: #E5EDFD; */
	background-color: #FFFF96;
    border-radius: 8px;
    margin-bottom: 20px;
}
.activate-subscription > img{
   /*  width: 52px;
    height: 52px; */
	 width: 80px;
    height: 78px;
    padding: 10px;
    /* background: #3A76F040; */
    border-radius: 4px;
}
.activate-subscription > div h6{
    color: var(--black-color);
    font-size: 16px;
    font-weight: 600;
}
.activate-subscription > div h6 a{
    color: var(--black-color);
}
.activate-subscription > div h6 a:hover{
    color: var(--black-color);
}
.activate-subscription > div p{ 
    color: #A4A6AD;
    font-size: 14px;
    font-weight: 500;
}
.tab_main_content > h4{
    font-weight: 600;
    margin-bottom: 20px;
    font-size: clamp(1.125rem, 0.9831rem + 0.6054vw, 1.5rem);
}
.mb-20{
    margin-bottom: 20px;
}
.w-30{
    width: 30%;
}
.checkbox-with-content{
    margin-top: 12px;
}
.checkbox-with-content .checbox-label-yes-no > span{
    font-size: 14px;
    font-weight: 600;
	width: 25px;
}
.checkbox-with-content > p{
    font-size: 12px;
    color: var(--black-color);
    font-weight: 400;
    margin-bottom: 0px;
    width: 80%;
}
.checkbox-with-content input[type=checkbox]{
    height: 0;
    width: 0;
    visibility: hidden;
}

.checkbox-with-content label {
    cursor: pointer;
    text-indent: -9999px;
    width: 50px;
    height: 25px;
    background: grey;
    display: block;
    border-radius: 100px;
    position: relative;
}

.checkbox-with-content label:after {
    content: '';
    position: absolute;
    top: 2px;
    left: 3px;
    width: 21px;
    height: 21px;
    background: #fff;
    border-radius: 90px;
    /* transition: 0.3s; */
    transition : 350ms all;
}

.checkbox-with-content input:checked + label {
  background: var(--primary-color);
}

.checkbox-with-content input:checked + label:after {
    left: calc(100% - 3px);
    transform: translateX(-100%);
}

.checkbox-with-content label:active:after {
  width: 21px;
}
/* tab 1 end */

/* tab 2 start */
#search-preferences .search_preferences{
    border: 1px solid #DCDCDC;
    border-radius: 8px;
    padding: 24px;
    margin-bottom: 20px;
}
#search-preferences .search_preferences span span {
    color: #757B8A;
    font-size: 14px;
    font-weight: 400;
}
#search-preferences .search_preferences > div span{
    margin-bottom: 12px;
}
/* #search-preferences .search_preferences > div span:nth-child(even){
    margin: 0px 12px;
    padding: 0px 12px;
    border-left: 1px solid #CFD6DC;
    border-right: 1px solid #CFD6DC;
} */
#search-preferences .search_preferences > div span:nth-child(even) {
    margin: 0px 0px!important;   
    padding: 0px 0px!important;   
    border-left: 0px solid #CFD6DC!important;   
    border-right: 0px solid #CFD6DC!important;   
}
.prefrences_mob_items_align {
    display: flex;
    flex-wrap: wrap;
    gap: 2px 20px;
}
.prefrences_mob_items_align .d-inline-block{
     flex-basis: calc((100% - 90px) / 3) !important;   
}
#search-preferences .search_preferences > div span:last-child{
    margin: 0px;
    padding: 0px;
    border-left: 0px;
    border-right: 0px;
}
/* #search-preferences .myaccount_map_iframe iframe{
    border: 1px solid #CFD6DC;
    padding: 10px;
    border-radius: 8px;
} */
.myaccount_map_frame{
    border: 1px solid #CFD6DC;
    padding: 10px;
    border-radius: 8px;
}
#search-preferences .search_preferences > h4{
    font-weight: 600;
    font-size: clamp(1.125rem, 0.9831rem + 0.6054vw, 1.5rem);
}
.my-account-preferences-form h5, #subscription .my-subscription .plan_card .benefits_list h5{
    font-size: clamp(1.125rem, 1.0777rem + 0.2018vw, 1.25rem);
    font-weight: 600;
}
.my-account-preferences-form .preferences-save-btn{
    margin-top: 40px;
}
hr{
    border: 1px solid #D9D9D9 !important;
}
/* tab 2 end */

/* tab 3 start */
#subscription .my-subscription .plan_card{
    background-color: #E9F0FD;
    border-radius: 8px;
}
#subscription .my-subscription .plan_card h5{
    font-size: 20px;
    color: var(--black-color);
    font-weight: 600;
}
#subscription .my-subscription .plan_card span:nth-child(2){
    font-size: 14px;
    color: var(--paragraph-color);
    font-weight: 400;
    display: block;
}
#subscription .my-subscription .plan_card span:nth-child(3){
    font-size: 14px;
    color: #fff;
    background-color: var(--primary-color);
    border-radius: 50px;
    font-weight: 500;
    padding: 4px 12px;
    margin-top: 12px;
    display: inline-block;
}
#subscription .my-subscription .plan_card h2{
    font-size: 44px;
    color: var(--black-color);
    font-weight: 600;
}
#subscription .my-subscription .plan_card .money-back{
    font-size: 14px;
    color: var(--black-color);
    font-weight: 400;
}
#subscription .my-subscription .plan_card .money-back span{
    font-size: 14px;
    color: var(--primary-color);
    /* font-weight: 600; */
}
#subscription .my-subscription .plan_card .money-back a{
    font-size: 14px;
    color: var(--primary-color);
    /* font-weight: 600; */
}
#subscription .my-subscription .benefits_list ul h4{
    font-size: 14px;
    font-weight: 500;
}
#subscription .my-subscription .benefits_list ul p{
    font-size: 12px;
    font-weight: 400;
}
#subscription .my-subscription .benefits_list .auto-renewal-date{
    font-weight: 600;
    color: var(--black-color);
}
#cancel_subscription .modal-header h4{
    font-weight: 600;
    font-size: clamp(1.125rem, 0.9831rem + 0.6054vw, 1.5rem);
}
#cancel_subscription .modal-body h5{
    font-size: clamp(1rem, 0.9054rem + 0.4036vw, 1.25rem);
}
#cancel_subscription .modal-body .plan-details{
    background-color: #E9F0FD;
    border-radius: 8px;
}
#cancel_subscription .plan-details > div p:first-child, #cancel_subscription .plan-details > p{
    font-size: 16px;
    font-weight: 600;
    color: var(--black-color);
}
#cancel_subscription .plan-details > div p:last-child{
    font-size: 14px;
    font-weight: 400;
}
#cancel_subscription .plan-details > p span{
    color: var(--paragraph-color);
    font-weight: 400;
}
.subscription-cancelled h4{
    font-size: 24px;
    font-weight: 600;
    margin: 32px 0px 24px;
}
.subscription-cancelled > div > div{
    background-color: #F7F7F7;
    border-radius: 8px;
    padding: 24px 32px;
    max-width: 70%;
    margin: auto;
}
.subscription-cancelled > div > div h5{
    font-size: 16px;
    font-weight: 600;
}
#refund-request-checkbox + label{
    font-size: 14px;
    font-weight: 500;
}
#refund-request-checkbox + label + span{
    font-size: 12px;
    font-weight: 400;
    color: var(--paragraph-color);
}
.cancel-subscription h4{
    font-size: 20px;
}
.auto-renewal .auto-renewal-label{
    font-size: 16px;
    font-weight: 600;
    color: var(--black-color);
}
/* .auto_renewal_popup{
    position: absolute;
    right: 0px;
    bottom: 0px;
} */
.auto_renewal_popup .arrow {
    position: relative;
    width: 512px;
    background: #fff;
    box-shadow: 12px 12px 40px 0px rgb(0 0 0 / 6%);
    border-radius: 8px;
    padding: 16px;
    /* right: -50px; */
    margin-left: auto;
    right: 24px;
}
  
/*top arrow*/
.auto_renewal_popup .arrow-top:before {
    position: absolute;
    top: -10px;
    right: 10px;
    margin-left: -10px;
    content: "";
    display: block;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #fff;
    box-shadow: 12px 12px 40px 0px rgb(0 0 0 / 6%);
}
.auto_renewal_popup ul li i{
    color: #1FAF38;
}
.auto_renewal_popup .change_buttons{
    gap: 12px;
}
.auto_renewal_popup .change_buttons button{
    padding: 8px 24px;
    color: var(--black-color);
    font-weight: 700;
    font-size: 16px;
    border: 1px solid #CFD6DC;
    border-radius: 8px;
}

/* tab 3 end */

/* tab 4 start */
.has-search .form-control {
    padding-left: 3.5rem !important;
}

.has-search .form-control-feedback {
    position: absolute;
    z-index: 2;
    width: 3.5rem;
    height: 100%;
    text-align: center;
    pointer-events: none;
    color: #aaa;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
}
.house_list_card{
    border: 1px solid #DCDCDC;
    padding: 12px;
    border-radius: 8px;
}
.house_list_card > div h5{
    font-size: 20px;
    font-weight: 600;
}
.house_list_card div span{
    font-size: 14px;
    font-weight: 400;
}
.house_list_card p{
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    font-size: 14px;
    font-weight: 400;
}
.house_list_card ul li{
    margin-bottom: 5px;
}
.house_list_card ul li:last-child{
    margin-bottom: 0px;
}
.house_list_card ul li span{
    color: var(--paragraph-color);
    font-size: 14px;
    font-weight: 400;
}
.house_list_card h6{
    color: var(--primary-color);
    font-weight: 500;
}
.list_pagination{
    margin-top: 32px;
}
.list_pagination a.page-link{
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50px !important;
    font-size: 18px;
    font-weight: 500;
    color: var(--black-color);
}
.list_pagination a.page-link:hover, .list_pagination a.page-link.active{
    background-color: var(--primary-color);
    color: #fff;
}
#match-history .sort-by label{
    font-size: clamp(1rem, 0.9054rem + 0.4036vw, 1.25rem);
    font-weight: 600;
}
/* tab 4 end */

/* My account page end */


/* work and faqs page start */
.hero_text_banner{
    background-color: var(--dark-bg);
}
.hero_text_banner > div > div{
    max-width: 1064px;
    margin: auto;
}
.hero_text_banner > div > div h4{
    border: 1px solid var(--primary-color);
    border-radius: 50px;
    padding: 4px 20px;
    color: var(--primary-color);
    font-weight: 600;
    font-size: clamp(1rem, 0.8108rem + 0.8073vw, 1.5rem);
}
.how_it_works .work_content{
    padding-left: 64px;
}
.how_it_works .work_content p{
    /* max-width: 380px;
    font-size: clamp(0.875rem, 0.6016rem + 0.7595vw, 1.25rem); */

    max-width: 480px;
    font-size: clamp(1.125rem, 1.0777rem + 0.2018vw, 1.25rem);
}
.how_it_works .work_content h4{
    display: inline-block;
    background-color: var(--primary-color);
    /* padding: 9px 20px; */
    width: 48px;
    height: 48px;
    color: #fff;
    border-radius: 50px;
    font-weight: 400;
    display: flex;
    align-items: center;
    justify-content: center;
}
.how_it_works .work_content h3{
    font-size: clamp(1.5rem, 1.1216rem + 1.6145vw, 2.5rem);
    margin: 28px 0px 16px;
    max-width: 480px;
}
.how_it_works .search_button{
    margin-top: 80px;
}
.all_faqs{
    background-color: #E9F0FD;
}
.all_faqs > div > h2, .any_query h2{
    margin-bottom: 60px;
}
.all_faqs h3{
    font-size: clamp(1.25rem, 0.777rem + 2.0182vw, 2.5rem);
    font-weight: 600;
}
.all_faqs .card{
    border-radius: 16px;
    margin-bottom: 24px;
}
.all_faqs .card:last-child{
    margin-bottom: 0px;
}
.all_faqs .card-body{
    padding: 60px;
}
.any_query{
    background-color: var(--primary-color);
}
.any_query > div > div{
    gap: 60px;
    padding: 0px 90px;
}
.any_query .query-card{
    background-color: #fff;
    border-radius: 8px;
    padding: 40px;
    /* width: 100%; */
    min-width: 50%;
}
.any_query .query-card h4{
    margin: 20px 0px 8px;
}
.any_query .query-card a{
    font-size: clamp(1rem, 0.9054rem + 0.4036vw, 1.25rem);
    font-weight: 600;
    color: var(--black-color);
    text-decoration: none;
}
/* work and faqs page end */

/* privacy & terms page start */
.scrollspy-tab #scrollspy-tab-ul {
    position: sticky;
    top: 0;
    left: 0;
    border: 1px solid #DCDCDC;
    padding: 12px 0px;
    border-radius: 8px;
}
.scrollspy-tab #scrollspy-tab-ul a {
    display: block;
    text-decoration: none;
    padding: 0px 24px;
}
.scrollspy-tab #scrollspy-tab-ul li {
    width: 100%;
}
.scrollspy-tab #scrollspy-tab-ul a.active {
    background: rgb(58 118 240 / 13%);
    border-right: 4px solid var(--primary-color);
}
.scrollspy-tab #scrollspy-tab-ul a.active button{
    color: var(--primary-color) !important;
}
.scrollspy-tab #scrollspy-tab-ul a button{
    border-bottom: 1px solid #DCDCDC;
    font-size: clamp(1rem, 0.9054rem + 0.4036vw, 1.25rem);
    color: var(--black-color) !important;
    font-weight: 500;
}
.scrollspy-tab .article h3{
    font-size: clamp(1.25rem, 0.777rem + 2.0182vw, 2.5rem);
    font-weight: 500;
}
.scrollspy-tab .article{
    margin-bottom: 36px;
    border-bottom: 1px solid #DCDCDC;
    padding-bottom: 36px;
}
.scrollspy-tab .tab_content .article:last-child{
    margin-bottom: 0px;
    border-bottom: 0;
    padding-bottom: 0px;
}
.scrollspy-tab .article ul li{
    color: var(--paragraph-color);
    font-weight: 600;
    line-height: 26px;
}
.scrollspy-tab .tab_content{
    padding-left: 18px;
}
/* privacy & terms page end */

/* contact us page start */
.hero_text_banner.contact_us{
    padding-bottom: 160px;
}
.contact_us_full .all_contact_details > div{
    gap: 20px;
}
.contact_us_full .all_contact_details{
    transform: translateY(-110px) !important;
}
.contact_us_full .all_contact_details .query-card{
    box-shadow: 12px 12px 40px 0px rgb(0 0 0 / 6%);
    border-radius: 8px;
    width: 33.33%;
    background: #fff;
}
.contact_us_full .query-card h4 {
    margin: 20px 0px 8px;
}
.contact_us_full .query-card a{
    font-size: clamp(1rem, 0.9054rem + 0.4036vw, 1.25rem);
    font-weight: 600;
    color: var(--black-color);
}
.contact_us_full .query-card:last-child a{
    color: var(--primary-color);
}
/* contact us page end */

/* payment page start */
.inline_hero_text_banner{
    padding: 24px 0px 40px;
    background-color: var(--dark-bg);
}


/* plan radio card start*/
.plans_and_payment .save-money{
   padding: 20px;
   background-color: #E5EDFD;
   border-radius: 8px;
   margin-bottom: 40px;
}
.plans_and_payment .save-money > div > p:first-child{
    color: var(--black-color);
    font-weight: 600;
    margin-bottom: 2px;
}
.plans_and_payment .save-money > div > p:last-child{
    font-size: 14px;
    font-weight: 500;
    margin-bottom: 0px;
    color: #A4A6AD;
}
  .plans_and_payment > div > h2{
    margin-bottom: 32px;
  }
  label.radio-card {
    cursor: pointer;
  }
  label.radio-card > h6{
    font-size: 14px;
    background-color: #F3F7FE;
    text-align: center;
    border-radius: 8px 8px 0px 0px;
    font-weight: 500;
    height: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 2px solid transparent;
    border-bottom: 0px;
    transform: translateY(4px) !important;
  }
  label.radio-card .card-content-wrapper {
    background: #fff;
    border-radius: 8px;
    padding: 12px;
    display: grid;
    transition: 200ms linear;
    border: 2px solid #70707033;
  }
  label.radio-card input[type=radio] {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
  }
  label.radio-card input[type=radio]:checked + .card-content-wrapper, .plan-card-border{
    border: 2px solid var(--primary-color);
  }
  /* .radio_plan_card > div > label.radio-card:nth-child(2) input[type=radio]:checked + .card-content-wrapper {
    border: 2px solid transparent;
  }
  .plan-card-border{
    border-radius: 8px;
  } */
  .radio_plan_card label.radio-card:nth-child(2) .card-content-wrapper {
    border-color: transparent;
    border-radius: 0px 0px 8px 8px;
    background-color: #E9F0FD !important;
    }
  label.radio-card .card-content h6 {
    font-weight: 600;
    text-transform: uppercase;
  }
  label.radio-card .card-content h4 {
    font-weight: 600;
  }
  label.radio-card .card-content p {
    font-weight: 400;
  }
  label.radio-card .card-content .badge {
    background-color: var(--primary-color);
    border-radius: 50px;
    font-size: 12px;
    font-weight: 500;
  }
  label.radio-card .card-content{
    gap: 20px;
  }
  .radio_plan_card label.radio-card:nth-child(odd), .plan_preview{
    transform: translateY(24px) !important;
  }
  .radio-card.selected > h6{
    border: 2px solid var(--primary-color);
    border-bottom: 0px;
    transition-duration: 200ms;
    transition-delay: .01s;
  }
  /* label.radio-card.selected input[type=radio]:checked + .card-content-wrapper{
    border-top: 2px solid transparent;
  } */
  label.radio-card.selected input[type=radio] + .card-content-wrapper{
    border-top: 2px solid transparent;
  }
/* plan radio card end */

.plan_preview h5{
    font-size: clamp(1rem, 0.9054rem + 0.4036vw, 1.25rem);
    font-weight: 500;
}
.plan_preview hr{
    margin: 20px 0px;
    border: 1px solid #CFD6DC;
}
.plan_preview > div p{
   color: var(--black-color);
}
.plan_preview .total-price{
    font-weight: 500;
}

/* payment page end */

.subscription_step_card{
    background-color: #F7F7F7;
    border-radius: 8px;
}
.subscription_step_card h5{
    font-size: clamp(1rem, 0.9054rem + 0.4036vw, 1.25rem);
    font-weight: 500;
    line-height: 28px;
}
.subscription_step_card li i{
    font-size: 20px;
    color: #1FAF38;
}
.pricing_page label.radio-card {
    cursor: auto;
}
.pricing-page_testimonials{
    background-color: #E9F0FD;
}
.dark-text{
    color: var(--black-color);
    font-weight: 500;
}



.jstree-default>.jstree-container-ul>.jstree-node:hover{
    background: #e7f4f9;
}
.jstree-default.jstree-checkbox-no-clicked .jstree-clicked.jstree-hovered{
    background-color: transparent;
}
.jstree-default .jstree-hovered {
    background: #e7f4f9;
	box-shadow: none;
}

.inline_hero_text_banner .card{
	width: 385px;
	box-shadow: 40px 28px 80px 0px #00000014;
}
.inline_hero_text_banner .card-header{
	gap: 8px;opacity: 0px;
	background: #fff;
	color: #EBF1F5;
/* 	display: flex;
	justify-content: center;
	align-items: center; */
	height: 78px;
}
.google-star {
    max-width: 140px;
}
.inline_hero_text_banner .shape{
	width: 50px;
	height: 45px;
	gap: 0px;
	opacity: 0px;
}				
.inline_hero_text_banner h5{		
	font-size: 32px;
	font-weight: 600;
}
.reviews_section .card .card-body .comments{
	color:var(--black-color);
    min-height: 240px;
}
.review-text b {
    font-weight: 600;
    text-decoration: underline;
}

.review-text {
    font-weight: 300;
    margin-top:10px !important;
    font-size: 16px !important;
}
.inline_hero_text_banner .card-header img {
    width: 150px;
}
.comment_section{
	background: var(--light-bg);
	color: var(--black-color);
}
.comment_section .comments{
	font-size: 32px;
	color: var(--black-color);
	padding: 20px;
}
.profile_img{
    background-image: url("../img/profile_bg.png");
    border: 0;
    background-repeat: no-repeat;
    background-size: 100%;
	background-position: bottom;
/* 	width: 505px;
    height: 467px; */
}

.ti-star.f {
    background-image: url("../img/rating/star.svg");
}

.ti-star.e {
    background-image: url("../img/rating/empty_star.svg");
}

.ti-star.h {
    background-image: url("../img/rating/half_star.svg");
}

.ti-star {
    width: 17px;
    height: 17px;
    display: inline-block;
    margin: 0 !important;
    margin-right: 1px !important;
    background-size: contain;
    background-repeat: no-repeat;
}

.mySlider__item .card{
	height: 550px;
}

 /* .mapboxgl-popup {
	max-width: 400px;
	font:
		12px/20px 'Helvetica Neue',
		Arial,
		Helvetica,
		sans-serif;
	}

	.expand-map-button {
	  
		z-index: 1001;
		font-size: 20px;
		padding: 0 14px;
		background: white;
		height: 40px;
		border-radius: 8px;
		box-shadow: 0 6px 16px rgba(0, 0, 0, 0.12);
		color: #222222;
		display: flex;
		justify-content: center;
		align-items: center;
		transition: all 0.3s ease;
	}
	.expand-map{
		position: absolute;
		right: 446px;               
		top: 200px;
	}
	.collapsed-map{
		position: absolute;
		top: 180px;
		left: 20px;
	}
	 #signup_form_popup .expand-map{
		position: absolute;
		right: 548px;               
		top: 220px;
	}

	.expand-map-button:hover {
		background-color: #F7F7F7;
		color: #222222;
	} */
	
	  .mapboxgl-ctrl-icon {
			background: none;
			border: none;
			cursor: pointer;
			padding: 8px;
		}

		.mapboxgl-ctrl-group {
			display: flex;
			flex-direction: column;
		}
		
	@media screen and (max-width: 767px) {
		.lang-dropdown{ padding:6px 10px }
		.lang-dropdown span {
			display: none;
		}
		.lang-dropdown > a::after {
			margin-left: -2px;
		}
        .reviews-widget{
			justify-content:center;
		}
		.hero_search_div{
			display: flex;
			justify-content: center;
			
		}
	}