.navbar{
    padding: 0;
    min-height: 60px;
    background: #f00;
}

.navbar-brand{
    padding: 0;
}

.header{
    position: absolute;
    width: 100%;
    top: 0;
    background-color: transparent;
    /* transition: top .2s, background-color .7s; */
}

.header.header-fixed{
    position: fixed;
    width: 100%;
    /* top: 20px; */
    left: 0;
    z-index: 50;

    background-color: var(--color-1);
    color: var(--black);
    /* transition: top .2s, background-color .7s; */

    /* animation-name: example;
    animation-duration: 2s; */
}


@keyframes example {
    0%   {top: 0;}
    /* 25%  {background-color: yellow;} */
    50%  {top: 20px;}
    100% {top: 0;}
  }


/* .header.black{
    top: 20px;
} */



.header.black {
    /* top: 20px; */
    background-color: var(--color-1);
    position: fixed;
    left: 0;
    z-index: 50;
}

.header_inner{
    flex-wrap: wrap;
}

.header_content{
    display: flex;
    min-height: 60px;
    align-items: center;
    flex-wrap: wrap;
}

.header_content a.top_logo{
    text-transform: capitalize;
    color: var(--white);
    font-size: 1rem;
    line-height: 1.313rem;
    letter-spacing: var(--letter-spacing-2);
}

.header.black .header_content a.top_logo{
    color: var(--black);
}

.header.header-fixed .header_content a.top_logo{
    color: var(--black);
}

.header.black .header_content a.top_logo{
    color: var(--black);
    font-weight: var(--font-medium);
    font-weight: 700;
    letter-spacing: 0.15rem;
}

.header_content a.top_logo:hover,
.header.black .header_content a.top_logo:hover{
    text-decoration: var(--no-underline);
}

.nav_item{
    display: flex;
    align-items: center;
    margin-left: auto;
    margin-right: auto;
    flex-wrap: wrap;
}

.nav_item li{
    font-weight: var(--font-medium);
    letter-spacing: var(--letter-spacing-2);
    text-transform: capitalize;
    font-size: 0.875rem;
    line-height: 1.125rem;
    margin: 0 30px 0 0;
}

.nav_item li:last-child{
    margin: 0;
}

.nav_item li a{
    color: var(--white);
    transition: color .5s;
}


.header-fixed .nav_item li a{
    color: var(--black);
}

.header.black .nav_item li a{
    color: var(--black);
}



.mobile_menu{
    background: var(--white);
    width: 100%;
    height: calc(100vh - 60px);
    position: absolute;
    top: 60px;
    z-index: 50;
    left: -100%;
    display: none;
    transition: all .5s ease-out;

}

.mobile_menu.active{
    left: 0;
    display: flex;
    /* padding: 15px; */
    padding: 30px 15px 15px 15px;
    flex-direction: column;
    /* justify-content: space-evenly; */
}


.mobile_menu ul {
    /* padding: 15px; */
    /* flex: 1; */
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.mobile_menu ul li{
    font-size: 1rem;
    line-height: 1.25rem;
    color: var(--black);
    font-weight: var(--font-semibold);
    margin: 0 0 10px 0;
}

.mobile_menu ul li a{
    color: var(--black);
    text-decoration: var(--no-underline);
}

.mobile_menu ul li a:hover{
    text-decoration: var(--underline);
}

.mobile_contact{
    display: flex;
    align-items: center;
    margin-top: 20px;
}



.mobile_contact a{
    display: flex;
    align-items: center;
    font-size: 1.25rem;
    color: var(--black);
}

.mobile_contact a .fa.fa-phone {
    width: 35px;
    height: 35px;
    display: flex;
    color: var(--white);
    background: var(--black);
    border-radius: 50%;
    justify-content: center;
    align-items: center;
    font-size: 1.25rem;
    margin: 0 10px 0 0;
}

.index_banner{
    min-height: 466px;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0) 16.7%), rgba(0, 0, 0, 0.2);
}

.header_right{
    display: flex;
    align-items: center;
}

.language_dropdown{
    margin: 0 30px 0 0;
    outline: none;
    min-width: 33px;
    color: var(--white);
    background: var(--no-bg);
    border:var(--no-border)
}

.header.black .language_dropdown{
    color: var(--black);
}

.login_register_btn, h6.user-name{
    border: var(--no-border);
    background: var(--no-bg);
    font-size: 0.875rem;
    line-height: 1.125rem;
    display: flex;
    align-items: center;
    letter-spacing: var(--letter-spacing-2);
    color: var(--white);
    font-weight: var(--font-medium);
}

.header.header-fixed h6.user-name {
    color: var(--black);
}

.header.black .login_register_btn{
    color: var(--black);
}

.header.header-fixed .login_register_btn{
    color: var(--black);
}



/* .header.black .login_register_btn img.img_responsive{
    filter: invert(100%) sepia(1%) saturate(2476%) hue-rotate(3deg) brightness(118%) contrast(119%);
} */

.acc_black{
    display: none;
}

.header.header-fixed .acc_black,
.header.black .acc_black{
    display: block;
    height: 36px;
    width: 36px;
}

.header.header-fixed .acc_white,
.header.black .acc_white{
    display: none;
    height: 36px;
    width: 36px;
}

.header.black .login_register_btn .acc_black{
    display: block;
}

.header.black .login_register_btn .acc_white{
    display: none;
}

.login_register_btn span{
    margin: 0 4px 0 0;
}

.index_banner{
    padding: 80px 0 0 0;
    /* background: url(../images/index_banner_new.jpg) center center no-repeat; */
    background: url(../images/South-Bay-Home-Listings-Background.jpg) center center no-repeat;
    background-size:cover;
}

.index_banner_inner {
    display: flex;
    flex-direction: column;
    padding: 86px 0 107px;
}

.index_banner_content{}

.index_banner_content h1{
    color: var(--white);
    letter-spacing: var(--letter-spacing);
    text-align: var(--text-center);
    background: radial-gradient(circle at center, rgba(0,0,0,0.6) 0%, rgba(0,0,0,0.0) 70%);
}

.index_banner_content p{
    color: var(--white);
    padding: 16px 0 0 0;
    text-align: var(--text-center);
    letter-spacing: var(--letter-spacing-2);
}

.home_search_block{
    border-radius: var(--border-radius-8);
    background: #fff;
    max-width: 816px;
    padding: 20px 30px;
    margin: 32px auto 0;
    position: relative;
}

.home_search_block:hover{
    outline: 1px solid var(--color-new);
}

.home_search_form{
    display: flex;
    align-items: center;
    justify-content: space-between;
    /* position: relative; */
}

.home_search_form input[type="text"].location{
    width: 43%;
    height: 41px;
    border: var(--no-border);
    /* border-bottom: 1px solid var(--color-5); */
    color: var(--black);
    outline: none;
    font-size: 16px;
    line-height: 1.313rem;
    letter-spacing: var(--letter-spacing-2);
    font-weight: var(--font-medium);
    margin: 0 12px 0 0;
}

.home_search_form .dropdownBox{
    position: absolute;
    width: 43%;
    background: #fff;
    /* border: 1px solid var(--color-5); */
    left: 0;
    top: 100%;
    /* height: 0; */
    height: auto;
    display: none;
    transition: all .5s linear;
    z-index: 2;
}

.home_search_form .dropdownBox.no_item_list.active{
    /* height: 150px; */
    /* height: 40px; */
    /* overflow-y: scroll; */
    display: block;
    transition: all .5s linear;
    
}

.home_search_form .dropdownBox.active.item_list{
    /* height: 150px; */
    height: 350px;
    overflow-y: scroll;
    /* overflow: scroll; */
    display: block;
    transition: all .5s linear;
    /* background: #f00; */
    -webkit-overflow-scrolling: touch;
    border: 1px solid var(--color-5);
}



.home_search_form .dropdownBox.active.item_list::-webkit-scrollbar-track
{
	/* -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); */
	background-color: #F5F5F5;
}

.home_search_form .dropdownBox.active.item_list::-webkit-scrollbar
{
	width: 10px;
	background-color: #F5F5F5;
}

.home_search_form .dropdownBox.active.item_list::-webkit-scrollbar-thumb
{
	background-color: #000000;
	/* border: 2px solid #555555; */
}



/* .home_search_form .dropdownBox.active.item_list::-webkit-scrollbar {
    height: 10px;
  }
  
  .home_search_form .dropdownBox.active.item_list::-webkit-scrollbar-track {
    background: #F5F5F5;
  }
  
  .home_search_form .dropdownBox.active.item_list::-webkit-scrollbar-thumb {
    height: 20px;
    background-color: black;
    min-width: 5px !important;
    width:15px;

  }
  
  .home_search_form .dropdownBox.active.item_list::-webkit-scrollbar-thumb:hover {
    background-color: rgba(139, 139, 139, 0.875);
  } */
  
  /* .browse_bottom_link_inner::-webkit-scrollbar:vertical {
    display: none;
  } */



.home_search_form .dropdownBox ul{

}

.home_search_form .dropdownBox ul li.dropdown-header{
    font-size: 1rem;
    font-weight: var(--font-semibold);
    border-bottom: 1px solid #ddd;
}

.home_search_form .dropdownBox ul a:hover{
    text-decoration: var(--no-underline);
}

.home_search_form .dropdownBox ul li{
    padding: 1rem 1.5rem;
}

.home_search_form .dropdownBox ul li:hover{
    background: #ddd;
    cursor: pointer;
}

.home_search_form .dropdownBox ul li.dropdown-header:hover{
    background: initial;
    cursor: initial;
}

.home_search_form select.price_tag{
    width: 18%;
    height: 41px;
    border: var(--no-border);
    /* border-bottom: 1px solid var(--color-5); */
    color: #6c757d;
    outline: none;
    font-size: 16px;
    line-height: 1.313rem;
    letter-spacing: var(--letter-spacing-2);
    font-weight: var(--font-medium);
    background: transparent;
}

.home_search_form select.minprice.price_tag{
    /* -webkit-appearance: none; */
}

.home_search_form select.maxprice.price_tag{

}

.search_btn{
    max-width: 121px;
    width: 100%;
    /*border:var(--no-border);
    height: 37px;
    line-height: 100%;
     background: var(--black);
    color:var(--white); 
    border-radius: 100vmax;
    font-weight: var(--font-semibold);
    font-size: 14px;
    text-transform: var(--text-uppercase);
    letter-spacing: var(--letter-spacing-2);
    text-align: left;
    padding:0 0 0 20px;
    position: relative;
    overflow: hidden;
    transition: all .3s ease-in-out;*/
}

.search_btn:before{
    /* content: "";
    width: 14px;
    height: 11px;
    background: url(../images/black_button_arrow.svg) 0px 0px no-repeat;
    position: absolute;
    top: 50%;
    left: -13px;
    z-index: 1;
    transform: translateY(-50%);
    background-size: cover;
    transition: all .3s ease-in-out; */
}

.search_btn:after{
    content: "";
    width: 14px;
    height: 11px;
    background: url(../images/black_button_arrow.svg) 0px 0px no-repeat;
    position: absolute;
    top: 50%;
    right: 13px;
    z-index: 1;
    transform: translateY(-50%);
    background-size: cover;
    transition: all .3s ease-in-out;
}

/* .search_btn:hover{
    padding:0 0 0 40px;
    transition: all .3s ease-in-out;
}

.search_btn:hover:before{
    left: 14px;
    transition: all .3s ease-in-out;
}

.search_btn:hover:after{
    right: -16px;
} */



.home_worth{
    min-height: 60px;
    background: var(--color-1);
    padding: 11.5px 0;
}

.home_worth_inner{
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
}

.home_worth_inner h3{
    font-weight: var(--font-medium);
    letter-spacing: var(--letter-spacing-2);
    margin: 0 20px 0 0;
}

.findout_btn{
    max-width: 166px;
    width: 100%;
}



.browse_categories{
    padding: 200px 0;
}

.browse_heading{}

.browse_heading_inner{}

.browse_heading_content{
    padding-right: var(--padding-0);
}

.browse_heading_content h1{
    letter-spacing: var(--letter-spacing-4);
}

.browse_heading_btn_holder{
    align-self: flex-end;
    display: flex;
    justify-content: flex-end;
}

.view_all_btn{
    max-width: 129px;
    width: 100%;
}

.browse_bottom{
    padding: 80px 0 0 0;
}

.browse_bottom_link{}

.browse_bottom_link_inner{}

.browse_menu{
    display: flex;
    align-items: center;
    padding-bottom: 20px;
    border-bottom: 1px solid #e2ecf4;
    flex-wrap: nowrap;
    white-space: nowrap;
    /* overflow: hidden; */
    /* overflow-x: scroll; */
}

.browse_menu li{
    font-size: 1.125rem;
    line-height: 1.375rem;
    letter-spacing: var(--letter-spacing-2);
    text-transform: capitalize;
    font-weight: var(--font-medium);
    margin: 0 40px 0 0;
}

.browse_menu li a{
    padding: 5px 0 20px;
    color: var(--color-3);
}

.browse_menu li a:hover,
.browse_menu li a.active{
    /* border-bottom: 2px solid var(--black); */
    color: var(--black);
    text-decoration: var(--no-underline);
    /* transition: all .3s linear; */
    position: relative;
    
}

.browse_menu li a.active{
    padding-left: 14px;
}


.browse_menu li a.active:after{
    /* content: '';
    position: absolute;
    bottom:0;
    left: 0;
    height: 3px;
    background: #00f;
    z-index: 2; */

    content: '';
    position: absolute;
    top: 18px;
    /* left: -14px; */

    left: 0;
    height: 3px;
    background: var(--black);
    z-index: 8;
    width: 6px;
    height: 6px;
    border-radius: 10px;
    transform: translateY(-60%);
}

.category_slider{
    margin: 40px 0 0 0;
}

.category_slider_block{
    width: 40%;
    margin: 0 20px 0 0;
}

.category_slider_pic{
    border-radius: var(--border-radius-30);
    overflow: hidden;
    position: relative;
}

.category_slider_pic img{
    width: 100%;
    position: relative;
    height: 384px;
    object-fit: cover;
}

.top_badge{
    position: absolute;
    top: 16px;
    left: 16px;
    z-index: 1;
    display: flex;
    gap: 4px;
    width: 94%;
    justify-content: space-between;
}

.top_badge span,
.top_badge span.pending_badge,
.top_badge span.changetype_badge{
    border-radius: 100vmax;
    padding: 6px 10px;
    background: var(--white);
    font-size: var(--font-size-13);
    line-height: var(--line-height-16);
    color: var(--black);
    text-transform: var(--text-uppercase);
    /* position: absolute;
    top: 16px;
    left: 16px;
    z-index: 1; */
    font-weight: var(--font-medium);
    letter-spacing: var(--letter-spacing-2);

    display: flex;
    align-items: center;
}

.top_badge span.heart_badge{
    background: transparent;
    padding: 0;
    cursor: pointer;
}

.top_badge span.heart_badge .fa{
    font-size: 1.25rem;
    color: var(--white);
    font-weight: bold;
}

.category_slider_text{
    margin: 20px 0 0 0;

    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}

.category_slider_block a{
    color: inherit;

}

.category_slider_block a:hover{
    text-decoration: var(--no-underline);
}

.foot_details{
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.foot_details li{
    display: flex;
    align-items: center;
    font-size: var(--font-size-13);
    line-height: var(--line-height-16);
    color: var(--color-3);
}

.foot_details li span{
    margin: 0 10px 0 0;
}

.category_slider_text h2,
.category_slider_text a h2{
    padding: 10px 0 10px;
    letter-spacing: var(--letter-spacing-4);
    font-weight: var(--font-medium);
    color: var(--black);


    overflow: hidden;
    max-width: 100%;
    text-overflow: ellipsis;
    width: fit-content;
    white-space: nowrap;
}

.category_slider_text h2:hover,
.category_slider_text a h2:hover{
    text-decoration: var(--no-underline);
}


.category_slider_text h4,
.category_slider_text a h4{
    padding-bottom: 10px;
    font-weight: var(--font-semibold);
}

.feature_price{
    display: flex;
    /* align-items: center;
    justify-content: space-between; */
    flex-direction: column;
}

li.feature_capsule{
    display: flex;
    align-items: center;
    cursor: pointer;
    padding: 0 0 10px 0;
}

li.feature_capsule span{
    padding: 6px 12px;
    display: flex;
    border-radius: 100vmax;
    background: var(--color-1);
    font-size: 0.875rem;
    line-height: 1.063rem;
    align-items: center;
    margin: 0 1px 0 0;
}

li.feature_capsule span img{
    margin: 0 8px 0 0;
}

li.price{
    /* font-size: 1rem; */
    font-size: 2rem;
    line-height: 1.5;
    letter-spacing: var(--letter-spacing-2);
    color: var(--black);
    font-weight: var(--font-semibold);
}

.PreviouusListPrice{
    text-decoration: line-through;
    color: #646363;
}

.category_slider .slick-list {
    padding: 0 20% 0 0 !important;
}


.category_slider .slick-prev.slick-arrow,
.category_slider .slick-next.slick-arrow{
    width: 37px;
    height: 37px;
    border-radius: 50%;
    background: var(--black);
    top: -189px;
    z-index: 4;
    /* left: 0;
    right: ; */
    /* transition: outline .1s linear; */
    
}

.category_slider .slick-prev.slick-arrow:focus,
.category_slider .slick-next.slick-arrow:focus{
    /* outline: 2px solid var(--black); */
    /* outline-offset: 9px; */
    animation: mymove .1s inherit;
}

@keyframes mymove {
    0% {
        outline: 0px solid var(--black);
        outline-offset: 9px;
    }

    50% {
        outline: 2px solid var(--black);
        outline-offset: 9px;
    }

    100% {
        outline: 0px solid var(--black);
        outline-offset: 9px;
    }
  }

.category_slider .slick-prev.slick-arrow{
    left: initial;
    right: 178px;
    background: url(../images/carousal_left.svg) center center no-repeat var(--black);
}

.category_slider .slick-prev.slick-arrow:before{
    display: none;
}

.category_slider .slick-next.slick-arrow{
    right: 139px;
    left: initial;
    background: url(../images/carousal_right.svg) center center no-repeat var(--black);
}

.category_slider .slick-next.slick-arrow:before{
    display: none;
}




.getacess{
    border-radius: var(--border-radius-30);
    background: var(--color-new);
    margin: 0 10px;
    padding: 100px 0;
}

.getacess_inner{}

.get_access_content{
    text-align: var(--text-center);
}

.get_access_content h1{
    color: var(--white);
    letter-spacing: var(--letter-spacing-2);
    font-weight: var(--font-semibold);
    
}

.get_access_content p {
    /* padding: 16px 0 0 0; */
    max-width: 488px;
    margin: 16px auto 0;
    color: var(--white);
    letter-spacing: var(--letter-spacing-2);
}

.signup_btn{
    max-width: 119px;
    width: 100%;
    margin: 51px auto 0;
}



.explore{
    border-radius: var(--border-radius-30);
    background-color: var(--color-1);
    margin: 10px 10px 0;
    padding: 200px 0;
}

.explore_top{
    padding: 0 52px;
}

.explore_top_left{}

.explore_top_left h1{
    font-weight: var(--font-semibold);
    color: var(--black);
    letter-spacing: var(--letter-spacing-4);
    text-transform: capitalize;
}

.explore_top_right{
    display: flex;
    align-self: flex-end;
    justify-content: flex-end;
}

.explore_top_right h3{
    font-weight: var(--font-medium);
    color:var(--black);
    letter-spacing: var(--letter-spacing-2);
}

.explore_bottom{
    padding: 88px 52px 0;
}

.explore_bottom_content{
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    flex-wrap: wrap;
}

.explore_bottom_content .columns{
    display: flex;
    width: 100%;
    flex-wrap: wrap;
    justify-content: center;
}

.explore_bottom_content .columns > .column{
    flex: 1;
}

.explore_list{
    margin: 0 0 40px 0;
}

.explore_list li{
    font-size: 1rem;
    line-height: 1.313rem;
    letter-spacing: var(--letter-spacing-2);
    margin: 0 0 12px 0;
    position: relative;
}




.area_demo {
    display: none;
    width: 324px;
    max-width: 324px;
    border-radius: var(--border-radius-10);
    background: var(--white);
    padding: 4px;
    position: absolute;
    z-index: 2;
    top: 100%;
    left: 0;
}

.area_demo img{}

.area_demo p{
    font-size: 1rem;
    line-height: 21px;
    letter-spacing: var(--letter-spacing-2);
    padding: 16px 12px;
}

.area_demo a {
    font-size: 1rem;
    line-height: 21px;
    letter-spacing: var(--letter-spacing-2);
    position: relative;
    margin: 16px 14px;
    display: inline-block;
    text-decoration: none;
}

.area_demo a:after {
    content: "";
    width: 14px;
    height: 11px;
    position: absolute;
    right: -22px;
    top: 50%;
    transform: translateY(-50%);
    z-index: 1;
    background: url(../images/white_btn_arrow.svg) 0px 0px no-repeat;
    background-size: cover;
}

.explore_list li:hover .area_demo{
    display: block;
}

.explore_list li a{
    color: var(--black);
    text-decoration: var(--underline);
    position: relative;
    background: linear-gradient(to left, transparent 51%, var(--black) 50%) right;
    background-size: 200%;
    transition: .5s ease-out;
    padding-bottom: 2px;
}

.explore_list li a:hover{
    /* background: var(--black); */
    color: var(--white);
    /* background-size: cover;
    background-position: left; */
    background-position: left;
    transition: all .5s linear;
    text-decoration: var(--no-underline);
}

.explore_list li:first-child,
.explore_list li.charhead{
    color: #BFC5E7;
    font-size: 1rem;
    line-height: 21px;
    padding: 0 0 10px 0;
    margin: 0;
}

.viewmore_btn{
    max-width: 143px;
    width: 100%;
    margin: 0 auto;
    display: block;
}

.market{
    padding: 200px 32px;
    background: var(--white);
}

.market_heder{}

.market_heder_text{}

.market_heder_text h1{
    letter-spacing: var(--letter-spacing-4);
    color: var(--black);
    margin: 0 0 30px 0;
    font-weight: var(--font-semibold);
}

.market_content{}

.market_content_left{}

.market_content_left h3{
    letter-spacing: var(--letter-spacing-2);
    color: var(--black);
    padding: 0 0 30px 0;
}

.market_block_holder {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    height: 100%;
    align-content: space-between;
}

.market_block_section{
    background: var(--color-1);
    padding: 14px;
    width: 49%;
    border-radius: var(--border-radius-10);
    min-height: 177px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    margin: 0 0 10px;
}

.market_block_section h3{
    color: var(--black);
}

.market_number{
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
}

.market_number h2{
    font-size:2.5rem; /** font-size:40px **/
    line-height: 2.875rem; /** font-size:46px **/
    font-weight: var(--font-semibold);
    letter-spacing: var(--letter-spacing-4);
}

.market_number a.read_more_link{
    font-size:0.875rem; /** font-size:14px **/
    line-height: 1.063rem; /** font-size:17px **/
    letter-spacing: var(--letter-spacing-2);
    color: var(--black);
    font-weight: var(--font-medium);
    text-decoration: var(--underline);
}

.market_number a.read_more_link:hover{
    text-decoration: var(--no-underline);
}

.market_fluctuation{
    /* background: var(--color-2); */
    background: var(--color-new);
    padding: 22px 0;
}

.market_fluctuation_inner{

}

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

.market_fluctuation_content h2{
    font-weight: var(--font-medium);
    color: var(--white);
    letter-spacing: var(--letter-spacing-4);
    padding: 0 27px 0 0;
}

.sign_up_whitebtn{
    max-width: 119px;
    width: 100%;
}



.recent_article{
    padding: 200px 0;
}

.recent_article_header{}

.recent_article_content{
    /* padding-bottom: 30px; */
}

.recent_article_content h2{
    font-size:2.5rem; /** font-size:40px **/
    line-height: 2.875rem; /** font-size:46px **/
    font-weight: var(--font-semibold);
    letter-spacing: var(--letter-spacing-4);
    color:var(--black)
}

.recent_article_slider{
    margin: 30px 0 0 0;
}

.recent_article_slider .slick-list{
    margin: 0 -10px;
}

.recent_article_slider .slick-slide > div{
    margin: 0 10px;
}

/* .recent_article_slider .slick-list{
    padding: 0 20% 0 0 !important;
} */

.recent_article_slider a:hover{
    text-decoration: var(--no-underline);
}

.article_slider_block{
    /* margin: 0 20px 0 0; */
}

.article_slider_pic img {
    max-width: 1024px;
    width: 100%;
    height: 423px;
}

.article_slider_text{
    /* margin: 20px 0 0 0; */

    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    overflow: hidden;
    margin-bottom: 30px;
}

.article_slider_text h5{
    text-transform: var(--text-uppercase);
    color: var(--color-3);
    padding: 20px 0 10px 0;
}

.article_slider_text h3{
    font-size: 1.438rem;
    line-height: 1.75rem;
    color: var(--black);
    font-weight: var(--font-semibold);
    letter-spacing: var(--letter-spacing-2);
    padding: 0 0 15px 0;



    overflow: hidden;
    max-width: 100%;
    text-overflow: ellipsis;
    width: fit-content;
    white-space: nowrap;
}

.article_details{
    display: flex;
    justify-content: space-between;
}

.article_details li{
    display: flex;
    align-items: center;
    color: var(--color-3);
    font-weight: var(--font-medium);
}

.article_details li img{
    margin: 0 4px 0 0;
}

/* .recent_article_slider{
    display: flex;
} */





.recent_article_slider .slick-prev.slick-arrow, 
.recent_article_slider .slick-next.slick-arrow {
    width: 37px;
    height: 37px;
    border-radius: 50%;
    background: var(--black);
    top: -48px;
    z-index: 4;
}

.recent_article_slider .slick-prev.slick-arrow::before, 
.recent_article_slider .slick-next.slick-arrow::before{
    display: none;
}

.recent_article_slider .slick-prev.slick-arrow {
    left: initial;
    right: 178px;
    background: url(../images/carousal_left.svg) center center no-repeat var(--black);
}

.recent_article_slider .slick-next.slick-arrow {
    right: 139px;
    left: initial;
    background: url(../images/carousal_right.svg) center center no-repeat var(--black);
}

.articles_btn_holder{
    align-self: flex-end;
    display: flex;
    justify-content: flex-end;
}


.realestate{}

.realestate{}

.realestate_left{}

.realestate_left h1{
    text-transform: capitalize;
    color: var(--black);
}

.realestate_right{
    padding: 0 0 80px 0;
}

.realestate_right p{
    padding: 0 0 20px 0;
    max-width: 555px;
}

.realestate_right p:last-child{
    padding: 0;
}

.realestate_right p a{
    /* color: var(--color-2); */
    color: var(--color-new);
    text-decoration: var(--underline);
    letter-spacing: var(--letter-spacing-2);
}

.realestate_large_pic{
    margin: 0 10px 10px;
    overflow: hidden;
    border-radius: var(--border-radius-10);
}

.realestate_large_pic img{
    width: 100%;
    border-radius: var(--border-radius-10);
}


.footer{
    background: var(--black);
}

.footer_top{
    padding-top: 170px;
    padding-bottom: 170px;
}

.footer_top_left{
    color: var(--white);
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.footer_white_logo{
    width: 100px;
    display: block;
    /* margin: 0 auto; */
    margin-top: -20px;
}

.footer_top_left h2{
    font-size:2.5rem; /** font-size:40px **/
    line-height: 2.875rem; /** font-size:46px **/
    font-weight: var(--font-semibold);
}

.footer_top_left h4{
    line-height: 1.125rem;
    /* letter-spacing: var(--font-medium); */
}

.footer_top_right{}

.footer_contact{}

.footer_contact .form_row{
    display: flex;
    justify-content: space-between;
}

.footer_contact .form-group {
    position: relative;
    width: 48%;
    margin: 0 0 20px 0;
}

.footer_contact .footer_btn_holder .form-group{
    margin: 0;
}

.footer_contact .form-group .input-form {
    width: 100%;
    height: 40px;
    padding: 0;
    border: 0px none;
    outline: none;
    line-height: 38px;
    background: transparent;
    font-size: 1rem;
    line-height: 100%;
    letter-spacing: var(--letter-spacing-2);
    color: var(--white);
    font-weight: var(--font-medium);
}

.footer_contact .form-group .input_line_wrap {
    background: #7c7c7c;
    width: 100%;
    height: 1px;
    position: relative;
    overflow: hidden;
}

.footer_contact .form-group .input_line_wrap .input_line {
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: var(--white);
    height: 1px;
    z-index: 2;
    transition: all .3s linear;
    transform: translate(-100%,0);
}

.footer_contact .form-group:hover .input_line_wrap .input_line{
    transform: translate(0,0);
    transition: all .3s linear;
}

.footer_contact .form-group .floating_label {
    position: absolute;
    top: 0;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    cursor: text;
    transition: all .3s ease;
    margin: 0;
    font-weight: 500;
    /* z-index: -1; */
    color: var(--white);
    letter-spacing: var(--letter-spacing-2);
}

.footer_contact .form-group.form-group-textarea .floating_label{
    top:10px;
    
}

.footer_contact .form-group.form-group-textarea .floating_label span{
    color: #7C7C7C;
}

.footer_contact .form-group .floating_label.gap_from_left{
    /* left:70px; */
    left:40px;
}

.iti--separate-dial-code .iti__selected-dial-code{
    color: var(--white);
    display: none;
  }

  .iti__selected-flag{
    padding: 0 6px 0 0;
  }

  .footer_block .iti__arrow {
    margin-left: 6px;
    width: 0;
    height: 0;
    border-left: 3px solid transparent;
    border-right: 3px solid transparent;
    border-top: 4px solid white;
}

/* .footer_block .iti__arrow--up{
    border-bottom: 4px solid #fff;
} */

.footer_contact .form-group label.error {
    position: absolute;
    width: 100%;
    z-index: 2;
    color: #f00;
    bottom: -20px;
    left: 0;
    font-size: .75rem;
    margin: 0;
}

.contact_mes.error {
    color: #f00;
    font-size: .75rem;
    font-weight: bold;
    margin-left: 20px;
}

.contact_mes.success {
    color: #04AA6D;
    font-size: .75rem;
    font-weight: bold;
    margin-left: 20px;
}


/* .footer_contact .form_row.full .floating_label{
    top: 10px;
} */

.footer_contact .form-group textarea{
    width: 100%;
    height: 120px;
    padding: 20px 0 0 0;
    border: 0px none;
    outline: none;
    line-height: 21px;
    resize: none;
    background: transparent;
    font-weight: 500;
    font-size: 16px;
    color: var(--white);
    letter-spacing: var(--letter-spacing-2);
}


.footer_contact .form_row.full .form-group{
    width: 100%;
}

.footer_contact .form_row.full .form-group.footer_block{
    display: flex;
} 

.footer_btn_holder{
    margin: 20px 0 0 0;
}

.footer_submit_btn{
    max-width: 117px;
    width: 100%;
}

.footer_bottom{
    padding-bottom: 40px;
}

.footer_bottom_left{
    
}

.footer_bottom_left h6{
    color: var(--color-4);
    font-weight: var(--font-medium);
    letter-spacing: var(--letter-spacing-2);
}

.footer_bottom_right{
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
}

.footer_links{
    display: flex;
    flex-wrap: wrap;
}

.footer_links li{
    margin: 0 15px 0 0;
    font-size:0.875rem; /** font-size:14px **/
    line-height: 1.063rem; /** font-size:17px **/
}

.footer_links li:last-child{
    margin: 0;
}

.footer_links li a{
    color: var(--white);
    text-decoration: var(--no-border);
}

.footer_links li a:hover{
    text-decoration: var(--underline);
}

.footer_social_links{
    display: flex;
    align-items: center;
}

.footer_social_links li{
    margin: 0 4px 0 0;
}

.footer_social_links li:last-child{
    margin: 0;
}

.footer_social_links li a{
    width: 24px;
    height: 24px;
    border-radius: 50%;
    background: var(--white);
    display: flex;
    justify-content: center;
    align-items: center;
}

.footer_mobile{
    display: none;
    flex-direction: column;
}

.footer_mobile_one{
    display: flex;
}

.footer_mobile_logo_part{
    padding-right: 20px;
    flex: 1;
}

.footer_mobile_logo_part img{
    max-width: 100%;
    height: auto;
}

.footer_mobile_one ul{
    /* width: 50%; */
    flex: 1;
}

.footer_mobile_one ul li{
    font-size: 0.938rem; /* 15px */
    line-height: 1.25rem; /* 20px */
    padding: 0 0 15px 0;
}

.footer_mobile_one ul li:last-child{
    padding: 0;
}

.footer_mobile_one ul li a{
    color: var(--white);
}

.footer_mobile_two{

}

.footer_mobile_two ul {
    display: flex;
    justify-content: center;
    width: 100%;
    margin: 50px 0;
    gap: 4px;
}

.footer_mobile_two ul li {
    /* display: flex;
    justify-content: center;
    align-items: center; */
}

.footer_mobile_two ul li a{
    width: 44px;
    height: 44px;
    border-radius: 50%;
    background: var(--white);
    display: block;
    display: flex;
    justify-content: center;
    align-items: center;
}

.footer_mobile_two ul li a img{
    width: 22px;
    height: 22px;
}

.footer_mobile_three{
    text-align: center;
}

.footer_mobile_three ul{
    
}

.footer_mobile_three ul li{
    font-size: 0.938rem; /*15px*/
    line-height: 1.25rem; /*20px*/
    letter-spacing: -0.3px;/*-2%*/
    margin: 0 0 6px 0;
}

.footer_mobile_three ul li:last-child{
    margin: 0 ;
}

.footer_mobile_three ul li a{
    color: var(--white);
}


.footer_bottom_copyright {
    padding-top: 25px;
    padding-bottom: 0;
    text-align: center;
}

.footer_bottom_copyright h6{
    color: var(--color-4);
    font-size: 0.875rem;
    line-height: 1.063rem;
    font-weight: var(--font-regular);
    padding-bottom: 20px;
}

.hamburger{
    display: flex;
    flex-direction: column;
    width: 40px;
    height: 40px;
    justify-content: center;
    cursor: pointer;
}

.hamburger .line {
    /* width: 20px; */
    width: 100%;
    height: 4px;
    background-color: var(--white);
    display: block;
}

.header.black .hamburger .line,
.header.header-fixed .hamburger .line{
    background: var(--black);
}

.hamburger .line:nth-child(1){
    margin: 0 0 2px 0;
}

.hamburger .line:nth-child(2){
    margin: 5px 0 0 0;
}

.mobile_show{
    display: none;
}


.hamburger.open .line:nth-child(1) {
    -webkit-transform: translateY(4px) rotate(45deg);
    -ms-transform: translateY(4px) rotate(45deg);
    -o-transform: translateY(4px) rotate(45deg);
    transform: translateY(4px) rotate(45deg);
}

.hamburger.open .line:nth-child(2) {
    /* -webkit-transform: translateY(-4px) rotate(-45deg);
    -ms-transform: translateY(-4px) rotate(-45deg);
    -o-transform: translateY(-4px) rotate(-45deg);
    transform: translateY(-4px) rotate(-45deg); */


    -webkit-transform: translateY(-2px) rotate(-45deg);
    -ms-transform: translateY(-2px) rotate(-45deg);
    -o-transform: translateY(-2px) rotate(-45deg);
    transform: translateY(-2px) rotate(-45deg);

    margin: 0;
}


.popup_black{
    /* background: rgba(0, 0, 0, .5);
    width: 100vw;
    height: 100vh;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 12;
    display: none; */
    background: rgba(0,0,0,.7);
}

.popup_black .modal{
    max-width: 540px;
    width: 100%;
}

.registrationBlock {
    max-width: 540px;
    width: 100%;
    border-radius: var(--border-radius-10);
    background: var(--white);
    /* position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%); */
    padding: 40px;

    margin: 0 auto;
}

.tourBlock{
    max-width: 650px;
    width: 100%;
    border-radius: var(--border-radius-10);
    background: var(--white);
    /* position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%); */
    padding: 40px;
    margin: 0 auto;
}

.modal-body{
    padding: 0;
}

button.close {
    padding: 0;
    background-color: transparent;
    border: 0;
    position: absolute;
    top: 20px;
    right: 20px;
    z-index: 1;
}

.registrationBlock h2{
    text-align: var(--text-center);
    max-width: 324px;
    letter-spacing: var(--letter-spacing-4);
    font-weight: var(--font-semibold);
    padding: 0 0 20px 0;
    margin: 0 auto;
}

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

.sociallinks_popup li{
    margin: 0 4px 0 0;
}

.sociallinks_popup li:last-child{
    margin: 0;
}

.sociallinks_popup li a{
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: var(--black);
    display: flex;
    justify-content: center;
    align-items: center;
    
}

.sociallinks_popup li a:hover{
    opacity: 0.8;
    transition: all .3s linear;
}

.divider {
    position: relative;
    text-align: center;
    margin: 30px 0 0 0;
}

.divider span{
    font-size:0.875rem; /** font-size:14px **/
    line-height: 1.063rem; /** font-size:17px **/
    padding: 0 10px;
    background: var(--white);
    letter-spacing: var(--letter-spacing-2);
    font-weight: var(--font-medium);
    color: var(--color-3);
    position: relative;
    z-index: 2;
}

.divider:before {
    content: "";
    width: 100%;
    background: var(--color-3);
    height: 1px;
    position: absolute;
    z-index: 1;
    left: 0;
    top: 60%;
    transform: translateY(-50%);

    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
}

.registrationForm,
.tourForm{
    margin: 30px 0 0 0;
}

.tour_popup h2{
    text-align: center;
}

.registrationForm{}

.registrationForm .form_row,
.tourForm .form_row{
    display: flex;
    justify-content: space-between;
}

.registrationForm .form_row.checkbox_holder{
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
}


.tourForm .form_row{
    display: flex;
    justify-content: space-between;
}

.registrationForm .form_row .form-group.registration_block,
.tourForm .form_row .form-group.tour_block{
    position: relative;
    width: 48%;
    margin: 0 0 20px 0;
}

.registrationForm .form-group .registration-input.input-form,
.tourForm .form-group .tour-input.input-form{
    width: 100%;
    height: 40px;
    padding: 0;
    border: 0px none;
    outline: none;
    line-height: 38px;
    background: transparent;
    font-size: 1rem;
    line-height: 100%;
    letter-spacing: var(--letter-spacing-2);
    /* color: var(--white); */
    color: var(--black);
    font-weight: var(--font-medium);
}

.tourForm .form-group .tour-input.input-form{
    border: 1px solid #8e93b0;
    border-radius: 5px;
    margin-top: 10px;
    padding: 0 10px;
}

.tourForm .form-group.form-group-full{
    width: 100%;
}

.tourForm .form-group textarea{
    width: 100%;
    height: 100px;
    border-radius: 5px;
    margin-top: 10px;
    padding: 10px;
}

.request_showing_btn{
    max-width: 200px;
    width: 100%;
    margin: 0 auto;
    display: block;
}

.registrationForm .form-group .floating_label1
 {
    position: absolute;
    top: 0;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    cursor: text;
    transition: all .3s ease;
    margin: 0;
    font-weight: 500;

    color: var(--black);
    letter-spacing: var(--letter-spacing-2);
}


.registrationForm .form-group .registration-input.input-form:focus + label,
.registrationForm .form-group .registration-input.input-form:not(:placeholder-shown) + label{
    transform: translateY(-100%) scale(1);
    font-size: 10px;
    top: 0px;
    color: rgb(182, 182, 182);
}

.registrationForm .form-group .registration-input.input-form::-webkit-input-placeholder { /* Edge */
    color: #fff;
  }
  
  .registrationForm .form-group .registration-input.input-form:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: #fff;
  }
  
  .registrationForm .form-group .registration-input.input-form::placeholder {
    color: #fff;
  }

.tourForm .form-group .floating_label {
    margin-bottom: 0;
    font-weight: var(--font-semibold);
}

.tourForm .form-group ul.contact_type{
    display: flex;
    align-items: center;
    margin-top: 10px;
    justify-content: space-between;
}

.tourForm .form-group ul.contact_type li{
    margin-right: 5px;
}


.registrationForm .form-group .input_line_wrap,
.tourForm .form-group .input_line_wrap {
    background: #8e93b0;
    width: 100%;
    height: 1px;
    position: relative;
    overflow: hidden;
}

.registrationForm .form-group .input_line_wrap .input_line,
.tourForm .form-group .input_line_wrap .input_line {
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: var(--black);
    height: 1px;
    z-index: 2;
    transition: all .3s linear;
    transform: translate(-100%,0);
}

.registrationForm .form_row.checkbox_holder input[type="checkbox"]{
    width: 14px;
    height: 14px;
}

.registrationForm .form_row.checkbox_holder p{
    font-size: 0.75rem; /** font-size:12px **/
    line-height: 1rem;
    color: var(--color-3);
    margin:0 0 0 3px;
}

.registration_signup_btn {
    max-width: 119px;
    width: 100%;
    height: 37px;
    margin: 30px auto 12px;
    display: block;
}

.registrationForm h4{
    text-align: var(--text-center);
    color:var(--color-3);
}

.registrationForm h4 a{
    color:var(--color-2);
}

.popup_cross{
    width: 12px;
    height: 12px;
    position: absolute;
    top: 20px;
    right: 20px;
}





/****** unregister page starts here *********/

.black_block_inner{
    justify-content: space-between;
    margin-top: 80px;
    align-items: center;
}

.back_btn{
    background: transparent;
    border: var(--no-border);
    /* font-weight: var(--font-bold); */
    text-decoration: var(--no-underline);
}

.inner_breadcumb{
    /* margin-top: 100px; */
    /* margin-top: 20px; */
    margin-top: 70px;
}


.inner_breadcumb_holder{}

.breadcumb_left{}

.breadcumb_item{
    display: flex;
    align-items: center;
}

.breadcumb_item li{
    font-size:0.875rem; /** font-size:14px **/
    line-height: 1.125rem; /** font-size:18px **/
    margin: 0 10px 0 0;
}

.breadcumb_item li a{
    color: #8e93b0;
    text-decoration: var(--no-underline);
    font-weight: var(--font-medium);
}

.breadcumb_item li a.breadcumb_text{
    padding-right: 10px;
    padding-left: 10px;
}

.breadcumb_item li:last-child a{
    color: #8e93b0;
}

.breadcumb_right{
}

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

ul.share_save li{
    font-size:0.875rem; /** font-size:14px **/
    line-height: 1.125rem; /** font-size:18px **/
    font-weight: var(--font-medium);
    letter-spacing: var(--letter-spacing-2);
    margin: 0 12px 0 0;
}

ul.share_save li:last-child{
    margin: 0;
}

ul.share_save li a{
    color: var(--black);
    display: flex;
    align-items: center;
}

ul.share_save li a img{
    margin: 0 6px 0 0;
}

.item_headline{
    margin: 20px 0 30px 0;
}

.item_headline_inner{
}

.item_headline_left{

    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    overflow: hidden;


}

.item_headline_left h1{
    letter-spacing: var(--letter-spacing-2);
    padding: 0 0 12px 0;


    overflow: hidden;
    max-width: 100%;
    text-overflow: ellipsis;
    width: fit-content;
    white-space: nowrap;
} 

.item_headline_left ul{
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-wrap: wrap;
}

.item_headline_left li{
    margin: 0 30px 0 0;
    font-size:1rem; /** font-size:16px **/
    line-height: 1.313rem; /** font-size:21px **/
    color: var(--color-3);
    display: flex;
    align-items: center;
    letter-spacing: var(--letter-spacing-2);
    font-weight: var(--font-medium);
}

.item_headline_left li a{
    color: var(--color-3);
    text-decoration: var(--no-underline);
}

.item_headline_left li a:hover{
    text-decoration: var(--no-underline);
}

.item_headline_left li a img{
    margin: 0 4px 0 0;
}

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

.item_slider{
    margin: 0 0 40px 0;
}

.property_det_info{
    margin: 0 0 40px 0;
}

.property_det_info_left{}

.property_det_info_left ul{
    display: flex;
    align-items: center;
    gap:30px;
    flex-wrap: wrap;
}



.property_det_info_left ul li{
    font-size: 18px;
    line-height: 22px;
    color: var(--color-3);
    letter-spacing: -0.36px;
    font-weight: var(--font-medium);
}

.property_det_info_left ul li span{
    font-size: 14px;
    line-height: 18px;
    letter-spacing: -0.28px;
    display: block;
    color: #0F1113;
}

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

.property_det_info_right li.feature_capsule {
    gap: 1px;
    font-weight: var(--font-medium);
}

.item_block_holder{}

.item_block{
    margin: 0 20px 0 0;
    /* border:5px solid #f00; */ 
}

.item_block img.item_large_pic{
    width: 100%;
    height: 432px;

    
}

.item_points{
    padding: 40px 0 0 0;
}

.listing_type{
    display: flex;
    align-items: center;
}

.listing_type li{
    margin: 0 30px 0 0;
}

.listing_type li:last-child{
    margin: 0;
}

.listing_type li h4{
    color: var(--color-3);
    line-height: 1.125rem;
    letter-spacing: var(--letter-spacing-2);
    font-weight: var(--font-medium);
}

.listing_type li h3{
    color: var(--black);
    font-size: 1.125rem;
    line-height: 1.375rem;
    letter-spacing: var(--letter-spacing-2);
    font-weight: var(--font-medium);
}

.capsule_type{
    display: flex;
}

.capsule_type li{
    padding: 6px 12px;
    background: var(--color-1);
    border-radius: 100vmax;
    
    display: flex;
    align-items: center;
}

.capsule_type li h6{
    display: flex;
    align-items: center;
    font-size:0.875rem; /** font-size:14px **/
    line-height: 1.063rem; /** font-size:17px **/
    letter-spacing: var(--letter-spacing-2);
    font-weight: var(--font-medium);
}

.capsule_type li img{
    margin: 0 8px 0 0;
}

.item_block_holder .slick-list {
    padding: 0 10% 0 0 !important;
}




.item_block_holder .slick-prev.slick-arrow, 
.item_block_holder .slick-next.slick-arrow {
    width: 37px;
    height: 37px;
    border-radius: 50%;
    background: var(--black);
    /* top: -92px; */

    top: -69px;
    z-index: 4;
}

.item_block_holder .slick-prev.slick-arrow:focus,
.item_block_holder .slick-next.slick-arrow:focus{
    /* outline: 2px solid var(--black); */
    /* outline-offset: 9px;*/
    animation: mymove .1s initial; 

    /* opacity: .5; */
}

.item_block_holder .slick-prev.slick-arrow::before, 
.item_block_holder .slick-next.slick-arrow::before{
    display: none;
}

.item_block_holder .slick-prev.slick-arrow {
    left: initial;
    right: 243px;
    background: url(../images/carousal_left.svg) center center no-repeat var(--black);
}

.item_block_holder .slick-next.slick-arrow {
    right: 202px;
    left: initial;
    background: url(../images/carousal_right.svg) center center no-repeat var(--black);
}

.schedule_tour{
    max-width: 192px;
    width: 100%;
}


.inner_page_content{
    background: url(../images/bg_shadow.jpg) 0px 0px repeat-x;
    padding: 10px 0 0 0;

}

.inner_page_content.blocked{
    position: relative;
}

.inner_page_content_holder{}

.inner_pagecontent_left{}

.inner_pagecontent_left h1{
    font-size: 1.5rem;
    line-height: 2.875rem;
}

.fadedBackground{
    position: relative;
}

.fadedBackground:before{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    background: linear-gradient(to top, rgb(255, 255, 255), rgba(255, 255, 255, 0) 50%);
    width: 100%;
    height: 100%;
    z-index: 6;
     pointer-events: none;
}

.community-info #show-more,
.community-info #show-less{
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 7;
}

.community-info #show-less{
    bottom: -23px;
}

.pro_primary_info{}

.primary_info_holder{
    
}

.primary_info_holder .primary_info_items{
    width: 33.33%;
    font-size:1rem; /** font-size:16px **/
    line-height: 1.313rem; /** font-size:21px **/
} 

.listing_agent{
    margin: 10px 0 20px;
    padding: 10px 0;
    border-bottom: 1px solid #d9d9d9;
}

.listing_agent_heading{

}

.listing_agent_heading h2{
    font-size: 1.125rem;
    line-height: 1.25rem;
    font-weight: var(--font-regular);
    color: #666666;
    padding: 0 10px;
}

.listing_agent_holder{
    padding: 20px 0;
}

.capsule_block{
    padding: 0 10px;
}

.listing_agent_items{
    width: 50%;
}

.pro_description{
    margin: 0 0 20px;
    padding: 10px 0;
    border-bottom: 1px solid #d9d9d9;
}

.mortgage_calculator{}

.mortgage_heading{}

.mortgage_heading h2{
    font-size: 1.125rem;
    line-height: 1.25rem;
    font-weight: var(--font-regular);
    color: #666666;
    padding: 0 10px;
}

/* .inner_page_content.blocked:before{
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 2;
    background: rgba(232, 240, 244, .7);
} */











.country-box{
    /* border-top: 1px solid #d9d9d9; */
    border-bottom: 1px solid #d9d9d9;
}
.country-box ul{
    padding: 12px 0px;
}
.country-box li h4 {
    color: var(--black);
    line-height: 1.125rem;
    letter-spacing: var(--letter-spacing-2);
    font-weight: var(--font-medium);
}
.country-box li h3 {
    color: var(--color-3);
    /* font-size: 1.125rem; */
    font-size: 0.875rem;
    font-weight: var(--font-bold);
    line-height: 1.375rem;
    letter-spacing: var(--letter-spacing-2);
    /* font-weight: var(--font-medium); */
    padding-left: 5px;
}
.country-box h3.listing{
    margin: 10px 0 20px;
    font-size: 1.125rem;
    color: var(--black);
}
.country-box .w-more{
    border-top: 1px solid #d9d9d9;
    border-bottom: 1px solid #d9d9d9;
}
.country-box .w-more p {
    font-size: 1.125rem;
    color: var(--color-3);
    margin-top: 20px;
    margin-bottom: 20px;
    line-height: 1.42857143;
}
/* button */
.country-box #more{
    display: none;
}
 #myBtn{
       outline: none;
       background: transparent;
       border: none;
       font-size: 1rem;
       text-transform: capitalize;
       color:#c0c8cf;
  }
  .mortgage h1{
    letter-spacing: var(--letter-spacing-2);
  margin-top: 30px;
  margin-bottom: 20px;
}
  .mortgage label{
    display: inline-block;
    font-weight: 700;
    margin-bottom: 5px;
    max-width: 100%;
  }
  .mortgage label span.dash-price {
    background: #c0c8cf;
    border-radius: 6px;
    display: inline-block;
    height: 4px;
    margin-left: 10px;
    vertical-align: middle;
    width: 20px;

    display: none;
}


.mortgage select{
    display: block;
    width: 100% !important;
    height: calc(1.5em + 0.75rem + 2px);
    padding:0.375rem 8.75rem 0.375rem 0.75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: 0.25rem;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

.mortgage input[type="text"],
.mortgage select{
    /* border: 1px solid #9eabb5; */
    border: 0px none;
    padding-left: 0px;
}

/* form.mrtgage_calculator .form-group{
    position: relative;
} */

/* form.mrtgage_calculator .form-group:before{
    content: "";
    position: absolute;

    width: 100%;
    height: 1px;
    background: #bfc8cf;
    left: 0;
    bottom: 0;
} */


.mrtgage_calculator .form-group .line{
    position: relative;
    height: 1px;
    width: 100%;
    background: #000;
}

.mrtgage_calculator .form-group .line:before{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 0%;
    height: 1px;
    background: #c0c8cf;
    transition: 0.4s;
}

.mrtgage_calculator .form-group select{
    padding: 0.375rem 0.75rem;
    padding-left: 0;
}

.mrtgage_calculator .form-group input[type="text"]:focus ~ .line:before,
.mrtgage_calculator .form-group select:focus ~ .line:before{
    width: 100%;
    transition: 0.4s;
} 

.mrtgage_calculator .form-group input[type="text"]:focus,
.mrtgage_calculator .form-group select:focus{
    outline: none !important;
    box-shadow:none;
    border: 0px none;
}

.mortgage .price {
    font-size: 2.5em;
    font-weight: 600;
}
.mortgage .price span{
    font-size: .5em;
    font-weight: 400;
    vertical-align: middle;
}
.mortgage .loan{
    margin: 15px 0;
}
.mortgage .bar {
    background: #e0e4e7;
    border-radius: 6px;
    height: 12px;
    margin: 10px auto 20px;
    overflow: hidden;
    position: relative;
    width: 80%;
}
.mortgage .bar span {
    background: #007bff;
    height: 12px;
    left: 0;
    position: absolute;
    top: 0;
    transition: width .3s ease-in;
}
.d-map h1{
    letter-spacing: var(--letter-spacing-2);
    margin-top: 14px;
    margin-bottom: 20px;
}

.d-map {
    position: relative;
    margin-top: 20px;
}

.map_button_holder{
    position: absolute;
    top: 100px;
    right: 30px;
    z-index: 1;
}

button#mapview,
button#arialview,
button#streetview{
    background: #000;
    color:#fff;
    font-weight: var(--font-regular);
    font-size: 1rem;
    line-height: 1.25rem;
    border-radius: 3px;
    padding: 7px 20px;
    display: block;
    width: 160px;
    max-width: 100%;
    border:0px none;
    margin-bottom: 7px;
    transition: all .2s linear;
}

button#mapview:hover,
button#arialview:hover,
button#streetview:hover{
    background: #bfc8d0;
    color:#000000;
    transition: all .2s linear;
}

.community-info h1{
    letter-spacing: var(--letter-spacing-2);
    margin-top: 30px;
    margin-bottom: 20px;
    font-size: 1.5rem;
    word-wrap: break-word;
}

.community-info ul.address li {
    list-style: none;
    word-wrap: break-word;
    word-break: break-all;
    width: 50%;
}
  .community-info ul.address{
  padding: 12px 8px 12px 0;
  border-bottom: 1px solid #f2f2f0;
  flex-wrap: wrap;
}
.community-info ul.address li:nth-child(1) a {
  text-decoration: none;
  color: var(--black);
  font-size: 1.125rem;
  line-height: 1.375rem;
  letter-spacing: var(--letter-spacing-2);
  font-weight: var(--font-medium);
  margin-right: 10px;
  }
  .community-info ul.address li a {
    color: var(--color-3);
    /* line-height: 1.125rem; */
    line-height: 1.375rem;
    letter-spacing: var(--letter-spacing-2);
    font-weight: var(--font-medium);
    font-size: 1.125rem;
    word-break: break-word;
  }
  .community-info ul.room{
    padding: 12px 8px 12px 0;
    border-top: 1px solid #f2f2f0;
  }
  .school h1{
    letter-spacing: var(--letter-spacing-2);
    margin-top: 30px;
    margin-bottom: 20px;
  }
  .school ul#pills-tab{
    border-left: 1px solid #FFCC66;
    border-top: 1px solid #FFCC66;
    border-right: 1px solid #FFCC66;
    padding-right: 13px;
  }
  .school li.nav-item{
    border-right: 1px solid #FFCC66;
    border-bottom: 1px solid #FFCC66;
    /* width: 33%; */

    width: 50%;
    display: table-cell;
  }
  .school .nav-pills .nav-link.active{
    color: #000;
    background-color: #fff;
}
.school .nav-link {
    display: block;
    /* padding: 0.5rem 7.47rem 0.5rem 8rem; */
    background-color: #ebebeb;
    text-align: center;
    color: #000;
    padding: 10px 0px;
}
.school .nav-link{
    font-size: 0.875rem;
    line-height: 1.125rem;
    font-weight: var(--font-bold);
}
  .school div#pills-tabContent{
    border-left: 1px solid #FFCC66;
    border-bottom: 1px solid #FFCC66;
    border-right: 1px solid #FFCC66;
  }
  .school .filters .location {
    padding: 10px 10px 0px 10px;
    font-size: 0.875rem;
    line-height: 1.125rem;
}
.school .filters .location span {
    font-size: 0.875rem;
    line-height: 1.125rem;
    font-weight: var(--font-bold);
}
.school .school-check{
    padding: 5px 10px 10px;
}
.school .school-check label{
    padding: 5px 10px 10px;
}

.school-list{
    padding: 10px;
}

.school-list li{
    padding-bottom: 10px;
    padding-left: 10px;
    font-size: 0.875rem;
    line-height: 1.125rem;
}

.transport h1 {
    letter-spacing: var(--letter-spacing-2);
    margin-top: 30px;
    margin-bottom: 20px;
}
.transport .transportation .item{
    /* border: 2px solid #d5d5d5; */

    border: 2px solid #d9ddf5;
    border-radius: 4px;
    font-size: 1.2em;
    margin-bottom: 30px;
    padding: 20px;
    text-align: center;
}


.transport .transportation .item .road-cross{
    /* fill: var(--sis-text-color);
    height: 4.2em;
    margin-right: 20px;
    width: 4.2em; */
}

.transport .transportation .item .road-cross img{
    height: 40px;
}

.transport .transportation .item .road-cross i.fa{
    font-size: 2.5rem;
}

.transport .transportation .item .num {
    /* color:#c0c8cf;
    font-size: 3.7em;
    font-weight: 600;
    line-height: 1;
    vertical-align: top; */


    font-size: 2.0em;
    font-weight: 600;
    line-height: 1;
    vertical-align: top;
    width: 90px;
    height: 90px;
    background: red;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    background-color: var(--color-1);
    color: var(--black);
    /* margin: 1rem 0; */
    outline: 2px solid #d2d7fb;
    outline-offset: 5px;

    margin: 20px 0;
}
.transport .transportation .item .status {
    color: #c0c8cf;
    font-size: 1.2em;
    font-weight: 700;
    line-height: normal;
    margin: 10px 0;
    text-transform: uppercase;
}
.transport .transportation .item a{
line-height: 1.125rem;
letter-spacing: var(--letter-spacing-2);
font-weight: var(--font-medium);
font-size: 1.2rem;
}
.transport .transportation .wait{
    background: #f2f2f0;
    border-left: 4px solid #c0c8cf;
    line-height: normal;
    padding: 15px 20px;
    color: var(--color-3);
    line-height: 1.125rem;
    letter-spacing: var(--letter-spacing-2);
    font-weight: var(--font-medium);
}
.schedule h1 {
    letter-spacing: var(--letter-spacing-2);
    margin-top: 30px;
    margin-bottom: 20px;
}
.schedule .schedule-box .schedule-img{

    /* background-image: url(../images/10_WS23108814_01.jpg); */

    background-image: url(../images/abt-img1.jpg);

    /* background-position: center; */
    background-repeat: no-repeat;
    background-size: cover;
    height: 100%;
    border-radius: 6px 0 0 6px;

}
.schedule .schedule-box{
    border-radius:6px;
    border: 1px solid #d9d9d9;
    
}
.schedule .schedule-content{
    padding: 25px;
}

.schedule .schedule-content h3 {
    font-size: 1.25rem;
    font-weight: var(--font-bold);
    line-height: normal;
    text-align: center;
}
.schedule .schedule-content  p {
    font-size: 1.25rem;
    font-weight: var(--font-semibold);
    line-height: normal;
    text-align: center;
    color: var(--color-3);
}
.schedule .schedule-content .scheduling label.form-check-label{
    font-size: 1.25rem;
    font-weight: var(--font-bold);
    justify-content: center;
    align-items: center;
    display: flex;
    margin: 15px 0;

}
.schedule .schedule-content .scheduling input[type=radio] {
height: 0.95em;
width: 0.95rem;
}
.schedule .schedule-content  .select_date_block .item .week {
    color: #c0c8cf;
    font-size: .9em;
    text-transform: uppercase;
}

.schedule .schedule-content  .select_date_block .item.activedate .week{
    color: var(--black);
}

.schedule .schedule-content  .select_date_block .item .days  {
    border: 2px solid #c0c8cf;
    border-radius: 6px;
    cursor: pointer;
    margin: 0 6px;
    padding: 15px 0 10px;
}

.schedule .schedule-content  .select_date_block .item.activedate .days{
    border: 1px solid var(--black);
}

.schedule .schedule-content .select_date_block .item .day {
    font-size: 2em;
    font-weight: 600;
    line-height: 1;
    color: var(--color-3);
}
.schedule .schedule-content .select_date_block .item.activedate .day{
    color: var(--black);
}

.schedule .schedule-content .select_date_block .item  .month {
    color: #c0c8cf;
    font-size: .9em;
    text-transform: uppercase;
}

.schedule .schedule-content .select_date_block .item.activedate .month{
    color: var(--black);
}

.schedule .schedule-content h4 {
    margin: 20px 0;
    text-align: center;
    color: var(--color-3);
    line-height: 1.125rem;
    letter-spacing: var(--letter-spacing-2);
    font-weight: var(--font-medium);
}


.schedule .schedule-content .owl-nav{
justify-content: space-between;
display: flex;
}
.schedule .schedule-content .owl-theme .owl-nav {
    margin-top: -27px;
}
.schedule .schedule-content .owl-nav button.owl-prev{
    bottom: 31px;
    position: relative;
    right: 25px;
}
.schedule .schedule-content .owl-nav button.owl-prev span{
    border-radius: 3px;
    padding: 6px;
    background-color: #f7f8f9;
    font-size: 31px;
    color: #8f94b1;

}
.schedule .schedule-content .owl-nav button.owl-next{
    bottom: 31px;
    position: relative;
    left:  25px;
}
.schedule .schedule-content .owl-nav button.owl-next span{
    border-radius: 3px;
    padding: 6px;
    background-color: #f7f8f9;
    font-size: 31px;
    color: #8f94b1;

}
.schedule .schedule-content .owl-dots{
    display: none;

}
.listing h1 {
    letter-spacing: var(--letter-spacing-2);
    margin-top: 30px;
    margin-bottom: 20px;
}

.similar_listing_slider .slick-track{
    margin-left: initial;
    margin-right: inherit;
}
.listing .list-b-1{
    border: 1px solid #d9d9d9;
}
.listing .list-b-1 .list-image {
    position: relative;
} 
.listing .list-b-1 .p1{
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    bottom: 0;
    margin-right: 23px;
    margin-top: 4px;
    padding: 5px;
    color: #fff;
    
}
.listing .list-b-1 .p1 h5.pending{
    background-color: #0064e9;
    padding: 2px 5px 1px 5px;
    font-size: 0.625rem;
    border-radius: 4px;
    color: #fff;
}
.listing .list-b-1 .p1 h5.sold{
    background-color: var(--color-3);
    padding: 2px 5px 1px 5px;
    font-size: 0.625rem;
    border-radius: 4px;
    color: #fff;
}

.similar_listing_img{
    display: block;
    object-fit: cover;
    width: 100%;
}

.listing .list-b-1 .wishlist{
position: absolute;
    content: "";
    top: 0;
    right: 0;
    margin-right: 23px;
    margin-top: 8px;
}
.listing .list-b-1 .wishlist svg.svg-inline--fa.fa-heart{
    font-size: 1.2rem;
}
.listing .list-b-1 .price {
    position: absolute;
    content: "";
    bottom: 0;
    margin-left: 23px;
    left: 0;
    margin-bottom: 165px;
}

.listing .list-b-1 .price h5{
    color:#fff;
    line-height: 1.125rem;
    letter-spacing: var(--letter-spacing-2);
    font-weight: var(--font-medium);
}

.listing .list-b-1 .review {
    position: absolute;
    content: "";
    bottom: 0;
    margin-right: 23px;
    right: 0;
    margin-bottom: 165px;
}
.listing .list-b-1 .review h6{
    color:#fff;
    line-height: 1.125rem;
    letter-spacing: var(--letter-spacing-2);
    font-weight: var(--font-medium);
}
.listing .list-b-1 .location{
    padding: 5px 10px;
    border-top: 1px solid #d9d9d9;
    border-bottom: 1px solid #d9d9d9;
}
.listing .list-b-1 .location h4{
    color: var(--color-3);
    line-height: 1rem;
    letter-spacing: var(--letter-spacing-2);
    font-weight: var(--font-medium);
    line-height: 1.375rem;
}
.listing .list-b-1 .location h4:nth-child(1){
    color: var(--black);
    font-size: 1rem;
    line-height: 1.375rem;
    letter-spacing: var(--letter-spacing-2);
    font-weight: var(--font-medium);
}
.listing .list-b-1 .accomo{
    display: flex;
    border-bottom: 1px solid #bac2ca;
    
}
.listing .list-b-1 .accomo .accomo-1{
    width: 33%;
    padding: 5px 10px 5px 10px;
}
.listing .list-b-1 .accomo .accomo-2{
    width: 33%;
    position: relative;
}
.listing .list-b-1 .accomo .accomo-2:after{
    position: absolute;
    content: "";
    /* height: 30px; */
    height: 100%;
    width: 1px;
    background-color:var(--color-3);
    bottom: 0;
    left: 0;
    right: 0;
}
.listing .list-b-1 .accomo .accomo-2:before{
    position: absolute;
    content: "";
    /* height: 30px; */
    height: 100%;
    width: 1px;
    background-color: var(--color-3);
    bottom: 0;
    right: 0;
}

.listing .list-b-1 h6.appx{
    color: var(--black);
    font-size: 0.87rem;
    line-height: 1.375rem;
    letter-spacing: var(--letter-spacing-2);
    font-weight: var(--font-medium);
    padding: 0 10px;
}
.listing .list-b-1 h6.estate{
    color: #8e93b0;
    font-size: 1rem;
    line-height: 1.375rem;
    letter-spacing: var(--letter-spacing-2);
    font-weight: var(--font-medium);
    padding: 5px 10px;



    overflow: hidden;
    max-width: 100%;
    text-overflow: ellipsis;
    width: fit-content;
    white-space: nowrap;
}

.print ul{
    gap: 10px;
}

.print ul li{
    padding: 6px 6px;
    border: 1px solid #bac2ca;
    transition: background-color .5s ease;
    border-radius: 6px;
    margin: 10px 0;
}
.print ul li a svg.svg-inline--fa.fa-print{
    font-size: 0.77rem;
}
.print ul li a svg.svg-inline--fa.fa-location-arrow{
    font-size: 0.77rem;
}
.print ul li a{
color:#bac2ca;
}
.cal-info{
    margin-top: 50px;
    margin-bottom: 30px;
}
.cal-info p img{
    margin: -5px 10px 5px 0;
}
.cal-info p.based{
    font-size: 1.125rem;
    color: var(--color-3);
    margin-top: 20px;
    line-height: 1.42857143;
}
.cal-info .summary p{
    font-size: 1.125rem;
    color: var(--color-3);
    margin-top: 20px;
    line-height: 1.42857143;
}
.cal-info .summary p span{
text-decoration: none;
    color: var(--black);
    font-size: 1.125rem;
    line-height: 1.42857143;
    font-weight: var(--font-medium);
}

.select_date_block button.slick-arrow {
    /* border-radius: 3px;
    padding: 6px;
    background-color: #f7f8f9;
    font-size: 31px;
    color: transparent;
    height: 53px; */
    /* text-indent: -9999px; */

    background-color: #f7f8f9;
    border-radius: 3px;
    height: 45px;
    width: 25px;
    z-index: 2;
    top: 60%;
}

.select_date_block button.slick-prev.slick-arrow:before {
    /* position: absolute;
    content: "";
    width: 14px;
    height: 26px;
    background: url(../images/arrow_left.jpg) center center no-repeat;
    
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%); */
    /* background-size: cover; */
    content: "\f053";
    font: normal normal normal 14px/1 FontAwesome;
    color: #929da8;
    font-size: 1.2rem;

}

.select_date_block button.slick-next.slick-arrow:before {
    content: "\f054";
    font: normal normal normal 14px/1 FontAwesome;
    color: #929da8;
    font-size: 1.2rem;

}

.similar_listing_slider .item{
    margin: 0 10px 0 0;
}




/************ SEARCHPAGE CSS STARTS HERE ************/
.search_item_box {
    display: flex;
    /* background: #c11f32; */
    /* background: var(--color-2); */

    /* background: #fff; */
    
    background: #212529;;

    height: 60px;
    padding: 5px 0;
    align-items: center;
    /* margin: 80px 0 0 0; */
    top: 0;
    position: relative;
    /* padding: 0 10px; */
    z-index: initial;
    /* margin: 80px 0 0 0; */
    margin: 60px 0 0 0;

    position: sticky;
    top: 60px;
    z-index: 15;
    }

.search_item_box_inner{
    display: flex;
    flex-wrap: wrap;
}

.search_location{
    /* width: 20%; */
    height: 100%;
    display: flex;
    position: relative;
    flex-grow: 1;
    height: 40px;
}

/* .search_location::before{
    content: "";
    position: absolute;
    width: 37px;
    height: 37px;
    background: url(../images/loading.gif) center center no-repeat;
    background-size: 20px 20px;
    z-index: 5;
    right: 0;
    top: 0;
} */

.search_location.loading_property::before{
    content: "";
    position: absolute;
    width: 37px;
    height: 37px;
    background: url(../images/loading.gif) center center no-repeat;
    background-size: 20px 20px;
    z-index: 5;
    right: 0;
    top: 0;
}


.filter_mob_right_prt{
    margin-left: auto;
    display: flex;
    align-items: center;
    flex-grow: 1;
    justify-content: flex-end;
}


.filter_right{
    display: flex;
    /* gap: 10px; */
    gap: 9px;
    align-items: center;
}

.fliter_text_btn{
    color: var(--white);
    font-size: 1rem;
    font-weight: var(--font-bold);
    /* display: none; */
}

.search_item_box_inner .save_search_btn.black_arow_btn{
    /* display: none; */
    max-width: 152px;
    width: 100%;
    width: 152px;
    margin-left: 5px;
}

.search_location form{
    display: flex;
    height: 100%;
    position: relative;
    width: 100%;
}

.search_location form button.search_location_button,
.search_location button.search_location_button{
    width: 50px;
    height: 100%;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    border: var(--no-border);
    background: #c0c8cf;
}

.search_location form button.search_location_button .fa,
.search_location button.search_location_button .fa{
    font-size: 1.25rem;
}

.search_location form input[type="text"].search_location_bar,
.search_location input[type="text"].search_location_bar{
    width: 100%;
    background: #fff;
    padding: 0 10px 0 60px;
    border:var(--no-border);
    color: var(--color-2);
    text-transform: capitalize;
}

.search_location form input[type="text"].search_location_bar::placeholder,
.search_location input[type="text"].search_location_bar::placeholder{
    color: var(--color-2);
}

.search_location form input[type="text"].search_location_bar::-moz-placeholder,
.search_location input[type="text"].search_location_bar::-moz-placeholder{
    color: var(--color-2);
}

.search_location form input[type="text"].search_location_bar:focus,
.search_location input[type="text"].search_location_bar:focus{
    outline: none;
}

.dorpdown_holder {
    padding: 0 10px;
    display: flex;
    align-items: center;
    position: relative;
    flex-direction: column;
}

.dorpdown_holder h3{
    color: var(--white);
    font-size: 1.125rem;
    line-height: 52px;
    display: flex;
    align-items: center;
}


.drpdownbox{
    position: absolute;
    top: 100%;
    min-width: 300px;
    background: #fff;
    display: none;
    padding: 10px;
    left: 0;
}

/* .drpdownbox form.search_price_min_max{
    display: flex;
    align-items: center;
    justify-content: space-between;
} */

/* .drpdownbox form.search_price_min_max input[type="tel"]{
    height: 35px;
    border: 1px solid var(--color-3);
    padding: 0 5px;
    width: 48%;
    line-height: 100%;
    font-size: 1rem;
    color: var(--color-3);
    outline: none;
} */

.dorpdown_holder:hover .drpdownbox{
    display: block;
}

.pricelist_min_max{
    display: flex;
    justify-content: space-between;
    height: 60vh;
    overflow-y: scroll;
}

.pricelist_min_max ul.pricelist_max,
.pricelist_min_max ul.pricelist_min{
    width: 50%;
}

.pricelist_min_max ul.pricelist_min{
    padding-right: 16px;
    margin-right: auto;
}

.pricelist_min_max ul.pricelist_max{
    padding-left: 16px;
    margin-left: auto;
}

.pricelist_min_max ul.pricelist_max li,
.pricelist_min_max ul.pricelist_min li{
    font-size: 1rem;
    line-height: 1.25rem;
    margin: 10px 0;
    color: var(--color-3);
}

.pricelist_min_max ul.pricelist_max li a,
.pricelist_min_max ul.pricelist_min li a{
    color: var(--color-3);
}

.arrow_icon {
    width: 10px;
    height: 10px;
    position: relative;
    /* display: inline-block; */
    margin: 0 0 0 10px;
    /* background: #0f0; */
}

.arrow_icon:before{
    /* display: inline-block; */
    margin-left: 0.255em;
    /* vertical-align: 0.255em; */
    content: "";
    border-top: 0.3em solid;
    border-right: 0.3em solid transparent;
    border-bottom: 0;
    border-left: 0.3em solid transparent;
    top: 8px;
    left: 0;
    position: absolute;
    width: 10px;
    height: 10px;
    margin: 0;
    transform: translateY(-50%);
}    

.beds_dropdown{}


.select_option{
    display: flex;
}

.select_option li{
    font-size: 1rem;
    line-height: 1.25rem;
    border:1px solid var(--color-4)
}

.select_option li a{
    color: var(--color-3);
    padding: 10px;
}

.search_item_box .btn:focus{
    box-shadow: 0 0 0 0;
}

.select_number_list{
    display: flex;
    justify-content: space-between;
}

.select_number_list li{
    border: 1px solid var(--color-4);
    font-size: 1rem;
    line-height: 42px;
    height: 42px;
    display: flex;
    align-items: center;
    font-weight: var(--font-medium);
    margin-right: 5px;
}

.select_number_list li:last-child{
    margin-right: 0;
}

.select_number_list li a{
    color: var(--color-3);
    padding: 0 10px;
}

.select_number_list li a:hover{
    text-decoration: var(--no-underline);
    background: var(--color-3);
    color: var(--white);
}

.dropdown_heading_1{
    font-size: 1rem;
    line-height: 1.25rem;
    color: var(--color-3);
    padding: 10px 0;
    text-align: center;
}

.minmax_form{
    display: flex;
    justify-content: space-between;
}


.minmax_form{
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.minmax_form input[type="tel"],
.minmax_form select#minbed,
.minmax_form select#maxbed,
.minmax_form select#minbath,
.minmax_form select#maxbath{
    height: 35px;
    border: 1px solid var(--color-3);
    padding: 0 5px;
    width: 48%;
    line-height: 100%;
    font-size: 1rem;
    color: var(--color-3);
    outline: none;
}

.minmax_form input[type="tel"]::placeholder{
    color: var(--color-2);
}

.minmax_form input[type="tel"]::-moz-placeholder{
    color: var(--color-2);
}

.type_list{
    margin-bottom: 10px;
}

.type_list li {
    padding: 8px 0;
    display: flex;
    font-size: 1rem;
    align-items: center;
    transition: all .3s linear;
    color: var(--color-2);
}

.type_list li input[type="radio"]{
    display: none;
    margin: 0 10px 0 0;
}

.type_list li label{
    cursor: pointer;
    margin: 0;

}

.type_list li > label{
    /* margin: 0; */
}

.type_list li:hover{
    background: var(--color-1);
}

.type_list li input[type="checkbox"]{
    width: 16px;
    height: 16px;
    accent-color: var(--color-3);
    margin: 0 10px 0 0;
    /* margin: 0; */
}

label.mainLabel {
    line-height: 1.5;
    font-size: 14px;
    font-weight: var(--font-bold);
    /* margin-bottom: 10px; */
    text-transform: capitalize;
    margin-bottom: 0px;
}





.up-in-toggle {
    /* padding: 5%; 
    padding: 1px;
    border: 1px solid #fff;
    border-radius: 100vmax;*/

    padding: 1px;
    border: 1px solid #fff;
    border-radius: 100vmax;
    background: #fff;
    background-clip: content-box;

  }



  .up-in-toggle input {
    clip: rect(0, 0, 0, 0);
    height: 1px;
    width: 1px;
    border: 0;
    overflow: hidden;
    position: absolute;
  }

  .up-in-toggle label {
    display: inline-block;
    /* width: 60px; */
    /* background-color: var(--white); */
    color: var(--black);
    text-align: center;
    font-family: "Quicksand", sans-serif;
    /* font-size: 0.8rem; */
    font-size: .75rem;
    padding: 5px 10px;
    float: left;
    transition: all 0.1s ease-in-out;
    margin: 0;
    font-weight: var(--font-semibold);
  }

  .up-in-toggle input:checked + label {
    /* background: #3ec1b6;
    background: linear-gradient(0deg, #3ec1b6 0%, #62e3cc 100%); */
    background: #212529;
    color:var(--white);
    /* font-weight: 500; */
    font-weight: var(--font-semibold);
    box-shadow: 0 7px 20px rgba(0, 0, 0, 0.09), 0 6px 6px rgba(0, 0, 0, 0.13);
  }


  .up-in-toggle label:hover {
    cursor: pointer;
  }
  
  .up-in-toggle label:first-of-type {
    /* border-radius: 100vmax 0 0 100vmax; */
    border-radius: 100vmax;
  }
  
  .up-in-toggle label:last-of-type {
    /* border-radius: 0 100vmax 100vmax 0; */
    border-radius: 100vmax;
  }






.search_item_box_inner .dropdown .btn.dropdown-toggle {
    /* font-size: 1.125rem; */
    font-size: .85rem;
    line-height: 100%;
    color: var(--white);
    /* padding-right: 50px; */
    padding: 8px 12px;
    border: 1px solid #b5b5b5;
    border-radius: 5px;
}

.search_item_box_inner .dropdown.filteravail .btn.dropdown-toggle {
    background: #747f8a;
    color: var(--white);
}

.dropdown .dropdown-toggle::after {
    border: 0;
    width: 9px;
    height: 5px;
    background: url(../images/doropdown_btn_wht_arr_new.svg) 0px 0px no-repeat;
    background-size: cover;
    vertical-align: middle;
    transition: all .3s linear;
}

.dropdown .btn.dropdown-toggle:hover,
.dropdown.show .btn.dropdown-toggle{
    border: 1px solid #fff;
}

.SortDropdown{
    margin-left: auto;
}

button#dropdownMenuSort{
    padding-left: 25px;
    position: relative;
}

button#dropdownMenuSort:after {
    background: none;
    content: "\f0dc";
    font: normal normal normal 14px/1 FontAwesome;
    font-size: 1.2em;
    line-height: 100%;
    left: 0;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: auto;
    height: auto;
}

.dropdown.show .dropdown-toggle::after{
    transform: rotate(180deg);
}


.search_listing{
    padding: 10px 0;
    box-shadow: 0 15px 20px 0 rgba(0,0,0,.11), 0 5px 15px 0 rgba(0,0,0,.08);
    display: none !important;
}

.search_listing ul{
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    position: relative;
    display: none;
}

.search_listing ul:before {
    /* content: "Filter: ";
    max-width: 12ch;

    padding: 0 10px;
    z-index: 1; */
}

.search_listing ul li{
    display: flex;
    align-items: center;
    background: var(--color-2);
    color: #fff;
    padding: 5px 10px;
    border-radius: 100vmax;
    margin: 6px 6px 6px 0;
    height: 30px;
    line-height: 100%;
    font-size: 1rem;
}

.search_listing ul li:first-child{
    position: relative;
}

.search_listing ul li:first-child:before {
    content: "Filter:";
    position: absolute;
    top: 50%;
    left: -50px;
    /* width: 7ch; */
    height: 20px;
    z-index: 2;
    color: var(--black);
    transform: translateY(-40%);
    line-height: 1;
}

.search_listing ul li span{
    padding-left: 5px;
    text-transform: capitalize;
}

.search_listing_itm_crs,
.earch_listing_itm_crs{
    background: transparent;
    border: var(--no-border);
    font-weight: var(--font-bold);
    color: var(--white);
    margin-left: 6px;
}


/* Product Listing css start */
section.productList {
    margin: 60px 0;
}

.productList_header{
    display: flex;
    align-items: center;
    margin: 0px auto 20px;
    padding-inline: 0;
}

.search_sorting{}

.search_sorting label{
    font-size: 1rem;
    font-weight: var(--font-semibold);
    color: var(--black);
}

.search_sorting  select{
    padding: 5px;
    outline: none;
    /* border: var(--no-border); */
    font-size: 1rem;
    font-weight: var(--font-semibold);
    color: var(--black);
    margin: 0 10px 0 10px;
}

h2.feature_title {
    font-size: 2rem;
    text-align: center;
    /* margin: 20px 0 30px 0; */
    font-weight: 700;
    color: #373737;
    display: flex;
    justify-content: center;
    justify-content: space-between;
    flex-grow: 1;
    align-items: center;
}

h2.feature_title span.search_headline{margin-left: auto;margin-right: auto;flex-grow: 1;  display: none;}

h2.feature_title span.search_item_results{
    display: flex;
    margin-left: auto;
    font-size: 1rem;
    margin-left: auto;
}

h2.feature_title.blog_title{
    margin-block: 20px 30px;
    justify-content: center;
}

.productImg img {
    width: 100%;
    object-fit: cover;
    min-height: 310px;
    height: 310px;
}

@-webkit-keyframes shine {
    to {
      background-position-x: -200%;
    }
  }
  
  @keyframes shine {
    to {
      background-position-x: -200%;
    }
}

.no_serch_result{}

.no_serch_result .container{
    text-align: center;
}

.no_serch_result .no_search_icon{
    max-width: 120px;
    margin: 0 auto;
}

.no_serch_result h3{
    font-weight: var(--font-bold);
}

.no_serch_result p.click_to_reset{
    padding-top: 20px;
}

.no_serch_result p.click_to_reset a{
    font-weight: var(--font-semibold);
    color: var(--black);
    text-decoration: var(--underline);
}

.loading .productBox,
.productBox {
    position: relative;
    border: 2px solid #f3f3f3;
    transition: all 0.5s;
    margin-bottom: 25px;
    min-height: 470px;
    transition: all .3s linear;
}

.loading .productBox{
    min-height: initial;
}

.productBox:hover {
    /* border: 2px solid #b50101; */
    /* border:2px solid var(--color-2) */

    box-shadow: 0 0px 6px 0 rgba(0,0,0,.12);
    /* box-shadow: 0 2px 6px 0 rgba(0,0,0,.12), 0 1px 2px 0 rgba(0,0,0,.08); */
}

.productBox.active{
    border:2px solid var(--color-2)
}


/* .loading .productBox:before{
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 2;
    background: linear-gradient(110deg, #ececec 8%, #f5f5f5 18%, #ececec 33%);
    background-size: 200% 100%;
  -webkit-animation: 1.5s shine linear infinite;
          animation: 1.5s shine linear infinite;
} */

.loading .productBox .image{
    height: 200px;
    /* background: #f00; */
    background: linear-gradient(110deg, #ececec 8%, #f5f5f5 18%, #ececec 33%);
    background-size: 200% 100%;
    -webkit-animation: 1.5s shine linear infinite;
    animation: 1.5s shine linear infinite;
}
.loading .productBox .content{
    padding: 20px 30px;
}

.loading .productBox .content h2{
    height: 30px;
    background: linear-gradient(110deg, #ececec 8%, #f5f5f5 18%, #ececec 33%);
    border-radius: 5px;
    background-size: 200% 100%;
    -webkit-animation: 1.5s shine linear infinite;
    animation: 1.5s shine linear infinite;
    margin: 0 0 1rem;
}

.loading .productBox .content p{
    height: 70px;
    background: linear-gradient(110deg, #ececec 8%, #f5f5f5 18%, #ececec 33%);
    border-radius: 5px;
    background-size: 200% 100%;
    -webkit-animation: 1.5s shine linear infinite;
    animation: 1.5s shine linear infinite;
}

/* .loading .productBox .image,
.loading .productBox .content h2,
.loading .productBox .content p{
    -webkit-animation: 1.5s shine linear infinite;
    animation: 1.5s shine linear infinite;
} */


.pending {
    position: absolute;
    top: 16px;
    left: 0;
    padding: 0 15px;
    z-index: 9;
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
}
.pending i {
    color: var(--white);
    font-size: 1.97rem;
    font-weight: 400;
    cursor: pointer;
    /* text-shadow: 1px -2px 9px #000; */
    /* text-shadow: 0 0 12px rgba(0,0,0,.7), 0 0 9px rgba(0,0,0,.5); */
}

.pending i:hover{
    /* color: var(--color-2); */
    /* color: var(--color-1); */
    color: var(--white);
    text-shadow: 0 0 3px rgba(0,0,0,.7);
    transition: all .3s linear;
}
.pending h4 {
    background: #fff;
    padding: 8px 12px;
    border-radius: 33px;
    text-transform: uppercase;
    font-weight: 500;
    font-size: 14px;
}
.product_details {
    padding: 15px;
}
.productImg {
    position: relative;
}
.featureArea {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 10px;
    gap: 8px;
}
.featureArea span {
    color: #8E93B0;
    font-size: 0.813rem;
    font-weight: 500;
    display: flex;
    align-items: center;
    gap: 4px;
    line-height: 15px;
}
.featureArea span:first-child {
    text-align: left;
}
.featureArea span:last-child {
    text-align: right;
}

.feature_priceBox {
    display: flex;
    /* justify-content: space-between;
    align-items: center;
    flex-wrap: wrap; */
    gap: 10px;
    flex-direction: column;

}

.searchPreviousListPrice{
    text-decoration: line-through;
    color: #646363;
}

.featureDetail_btn button {
    border: none !important;
    background: #F0F2FF;
    padding: 6px 12px;
    border-radius: 33px;
    cursor: pointer;
    width: fit-content;
}
.featureDetail_btn a {
    text-decoration: none;
    font-size: 0.875rem;
    color: #424242;
    font-weight: 500;
}
.featureDetail_btn img {
    margin-right: 3px;
}

.featurePrice h3 {
    /* font-size: 1rem; */
    font-size: 1.4rem;
    font-weight: 700;
    color: #0F1113;
    display: flex;
    justify-content: space-between;
}
.frature_location {
    margin-bottom: 20px;


    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}


.frature_location h2 {
    color: #0F1113;
    font-size: 1.4rem;
    font-weight: 600;

    overflow: hidden;
    max-width: 100%;
    text-overflow: ellipsis;
    width: fit-content;
    white-space: nowrap;
}

.frature_location h2 a:hover{
    text-decoration: var(--no-underline);
}

.frature_location h4{
    margin-top: 9px;
    color: #8E93B0;
}

.dropdown_mob_holder{
    display: flex;
    width: 100%;
    align-items: center;
}

.mob_filter_search{
    display: none;

    font-size: 1.125rem;
    /* background: transparent; */
    border: 1px solid #0d0d0e;
    margin: 10px 0;
    width: 100%;
    border-radius: 10px;
    padding: 10px;
    background: #F0F2FF;
    font-weight: var(--font-semibold);
    color: var(--color-2);

    position: relative;
}

.mob_filter_search::before{
    content: "\f002";
    position: absolute;
    top: 50%;
    right: 20px;
    /* background: #f00; */
    z-index: 1;
    font: normal normal normal 20px/1.1 FontAwesome;
    transform: translateY(-50%);
    transition: all .3s linear;
}

.mob_filter_search.open::before{
    content: "\f00d";
    transition: all .3s linear;
}

.pagination{
    justify-content: center;
    flex-wrap: wrap;
    margin: 0 0 25px 0;
}

.pagination .page-item.active .page-link{
    background: var(--color-2);
    border-color: #F0F2FF;
}

.pagination .page-link{
    color: var(--color-2) ;
}

#map{
    max-width: 100%;
}








.right-schedule {
    background-color: #f2f2f0;
    border: 1px solid #d9d9d9;
    max-width: 300px;
    padding: 18px 0 15px 0;
    margin: 0 auto;
}

.right-schedule h3 {
    font-size: 1.5rem;
    font-weight: var(--font-extra-bold);
    color: #666666;
    text-align: center;

}

.right-schedule .customer {
    display: flex;
    text-align: center;
    /* justify-content: center; */
    margin: 15px 23px 0 15px;
}

.right-schedule .customer .customer-img {
    /* width: 55px;
    height: auto; */

    width: 80px;
    height: auto;
}
.right-schedule .customer .customer-info{
    padding-left: 10px;
}
.right-schedule .customer .customer-info h4 {
    /* margin: 5px 0 2px 0;
    font-size: 1.25rem;
    font-weight: var(--font-bold);
    line-height: normal;
    text-align: center; */

    margin: 5px 0 2px 0;
    font-size: 1.0rem;
    font-weight: var(--font-bold);
    line-height: normal;
    text-align: center;

}

.right-schedule .customer .customer-info h6 {
    color: #666666;
    font-size: 1em;
    letter-spacing: var(--letter-spacing-2);
    font-weight: var(--font-bold);
    line-height: 1.375rem;
    margin:0 0 5px 0;
}

.right-schedule .scheduling {
    margin: 0 5px;
}

.right-schedule .scheduling label.form-check-label {
    font-size: 0.92rem;
    font-weight: var(--font-bold);
    justify-content: center;
    align-items: center;
    display: flex;
    margin: 15px 0;
}

.right-schedule .scheduling input[type=radio] {
    height: 0.95em;
    width: 0.95rem;
}

/* slick */
.right-schedule .right_select_date .item.text-center.slick-slide.slick-current.slick-active
{
    /* width: 79px !important; */
}
.right-schedule .right_select_date {
    padding: 0 20px;
}

.right-schedule .right_select_date .item .week {
    color: #c0c8cf;
    font-size: .9em;
    text-transform: uppercase;
}

.right-schedule .right_select_date .item.activedate .week {
    color: var(--black);
}

.right-schedule .right_select_date .item .days {
    border: 2px solid #c0c8cf;
    border-radius: 6px;
    cursor: pointer;
    margin: 0 6px;
    padding: 10px 0;
}

.right-schedule .right_select_date .item.activedate .days{
    border: 2px solid var(--black);
}

.right-schedule .right_select_date .item .day {
    font-size: 2em;
    font-weight: 600;
    line-height: 1;
    color: var(--color-3);
}

.right-schedule .right_select_date .item.activedate .day{
    color: var(--black);
}

.right-schedule .right_select_date .item .month {
    color: #c0c8cf;
    font-size: .9em;
    text-transform: uppercase;
}

.right-schedule .right_select_date .item.activedate .month{
    color: var(--black);
}

.right-schedule .right_select_date .item.black .month{
    color: var(--black);
}

.right-schedule h4 {
    margin: 20px 4px 25px 4px;
    text-align: center;
    color: var(--color-3);
    line-height: 1.125rem;
    letter-spacing: var(--letter-spacing-2);
    font-weight: var(--font-medium);
}

.right-schedule .right_select_date button.slick-arrow {
    border-radius: 3px;
    padding: 6px;
    background-color: #f7f8f9;
    font-size: 31px;
    color: transparent;
    text-indent: -9999px;
    height: 53px;
    top: 60%;
}

.right-schedule .right_select_date button.slick-prev.slick-arrow:before {
    position: absolute;
    content: "";
    width: 14px;
    height: 26px;
    background: url(../images/arrow_left.jpg) center center no-repeat;
    /* background-size: cover; */
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.right-schedule .right_select_date button.slick-next.slick-arrow:before {
    position: absolute;
    content: "";
    width: 14px;
    height: 26px;
    background: url(../images/arrow_right.jpg) center center no-repeat;
    /* background-size: cover; */
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.right-schedule .slick-next {
    right: 2px;
}

.right-schedule .slick-prev {
    left: 2px;
}

.right-schedule button.tour {
    /* border: 1px solid #9ca7b2; */
    border: 1px solid #191a21;
    background-color: #aab4bd;
    width: 90%;
    display: block;
    margin: 15px;
    padding: 6px 12px;
    border-radius: 4px;
    font-size: 14px;
    font-weight: 300;
    line-height: 1.42857143;
    background: var(--color-new);
    color: white;



    background: var(--black);
    border-radius: 100vmax;
    padding: 6px 12px;
    height: 40px;
    font-weight: var(--font-semibold);
    font-size: 14px;
}

.right-schedule button.email-ag {
    border: 1px solid #9ca7b2;
    background-color: transparent;
    width: 90%;
    display: block;
    margin: 15px 15px 6px;
    padding: 6px 12px;
    border-radius: 4px;
    font-size: 14px;
    font-weight: 300;
    line-height: 1.42857143;
    color: #bac2ca;
}

.fixed_button{
    background: rgba(17, 19, 22, .5);
    font-size: 0.875rem;
    text-transform: var(--text-uppercase);
    color: var(--white);
    position: fixed;
    left: -65px;
    border: var(--no-border);
    padding: 10px 20px;
    transform-origin: bottom right;
    transform: rotate(-90deg);
    text-transform: uppercase;
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    transform-origin: center center;
    top: 150px;
    z-index: 50;
    font-weight: var(--font-semibold);
}















.registration_contact{}

.registration_contact a{
    color: #243DD6;
}

.registration_contact .form_row,
.connectForm .form_row{
    display: flex;
    justify-content: space-between;
}

.registration_contact .form_row:has(div.g-recaptcha){
    display: flex;
    flex-direction: column;
    gap: 10px;
    margin-bottom: 40px;
}

.registration_contact .form-group ,
.connectForm .form-group {
    position: relative;
    width: 48%;
    margin: 0 0 20px 0;
}

.connectForm .phone_single_item .form-group {
    width: 100%;
}

.registration_contact .form-group .input-form,
.connectForm .form-group .input-form {
    width: 100%;
    height: 40px;
    padding: 0;
    border: 0px none;
    outline: none;
    line-height: 38px;
    background: transparent;
    font-size: 1rem;
    line-height: 100%;
    letter-spacing: var(--letter-spacing-2);
    /* color: var(--white); */
    font-weight: var(--font-medium);
}

.registration_contact .form-group .input_line_wrap,
.connectForm .form-group .input_line_wrap {
    background: #7c7c7c;
    width: 100%;
    height: 1px;
    position: relative;
    overflow: hidden;
}

.registration_contact .form-group .input_line_wrap .input_line,
.connectForm .form-group .input_line_wrap .input_line {
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: var(--white);
    height: 1px;
    z-index: 2;
    transition: all .3s linear;
    transform: translate(-100%,0);
}

.registration_contact .form-group:hover .input_line_wrap .input_line,
.connectForm .form-group:hover .input_line_wrap .input_line{
    transform: translate(0,0);
    transition: all .3s linear;
}

.registration_contact .form-group .floating_label_1 ,
.connectForm .form-group .floating_label_1 {
    position: absolute;
    top: 0;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    cursor: text;
    transition: all .3s ease;
    margin: 0;
    font-weight: 500;
    /* z-index: -1; */
    color: var(--black);
    letter-spacing: var(--letter-spacing-2);
}

.registration_contact .form-group label.error,
.connectForm .form-group label.error {
    position: absolute;
    width: 100%;
    z-index: 2;
    color: #f00;
    bottom: -20px;
    left: 0;
    font-size: .75rem;
    margin: 0;
}

.contact_mes.error {
    color: #f00;
    font-size: .75rem;
    font-weight: bold;
    margin-left: 20px;
}

.contact_mes.success {
    color: #04AA6D;
    font-size: .75rem;
    font-weight: bold;
    margin-left: 20px;
}







  /* .input-wrapper {
    position: relative;
    margin-top: 30px;
    margin-inline: auto;
    max-width: 400px;
  } */
  
  .input {
    font-size: 1rem;
    width: 100%;
    padding: 8px 0;
    padding-right: 30px;
    color: #333;
    border: none;
    border-bottom: 1px solid #8e93b0;
    transition: border-color 250ms;
    background-color: transparent;
    height: 40px;
    line-height: 100%;
    font-weight: var(--font-medium);
  }
  .input:focus {
    outline: none;
    border-bottom-color: #8e93b0;
  }
  .input::placeholder {
    color: transparent;
  }
  .input::-webkit-contacts-auto-fill-button {
    visibility: hidden;
    pointer-events: none;
    position: absolute;
  }
  
  .label {
    position: absolute;
    top: 8px;
    left: 0;
    color: var(--black);
    pointer-events: none;
    transform-origin: left center;
    transition: transform 250ms;
    font-weight: var(--font-medium);
  }

  .input:focus ~ .label,
  .input:focus + .label,
  .input:not(:placeholder-shown) + .label,
  .input:not(:placeholder-shown) ~ .label {
    transform: translateY(-100%) scale(1);
    font-size: 10px;
    top: 0px;
    color: rgb(182, 182, 182);
  }



.blog{
    padding: 100px 0 50px;
}

.blog_inner{}

.blog_top{
    align-items: center;
}

.blog_top_left{}

.blog_top_left h5{
    text-transform: var(--text-uppercase);
    color: var(--color-3);
    padding: 0 0 15px 0;
}

.tag_capsule{
    display: flex;
    margin: 0 0 20px 0;
}

.tag_capsule li{    
    padding: 6px 12px;
    display: flex;
    border-radius: 100vmax;
    background: var(--color-1);
    font-size: 0.875rem;
    line-height: 1.063rem;
    align-items: center;
    margin: 0 5px 0 0;
    }

.tag_capsule li img{
    margin: 0 8px 0 0;
}

.blog_top_left h1 {
    font-size: 1.438rem;
    line-height: 1.75rem;
    color: var(--black);
    font-weight: var(--font-semibold);
    letter-spacing: var(--letter-spacing-2);
    padding: 0 0 20px 0;
}

.blog_top_left h3{
    padding: 0 0 30px 0;
    color: var(--color-3);
}

.author_details{
    display: flex;
    align-items: center;
}

.author_pic{
    width: 50px;
    height: 50px;
    border-radius: 50%;
    overflow: hidden;
}

.author_pic img{
    max-width: 100%;
    height: auto;
}

.author_info{
    padding: 0 0 0 10px;
}

.author_info h4{
    padding: 0 0 5px 0;
}

.blog_top_right{}

.blog_top_right img{
    max-width: 100%;
    height: auto;
}

.author_info h6{
    font-size: 0.75rem;
    line-height: 0.938rem;
}

.blog_bottom{
    padding: 50px 0 0;
}

.blog_bottom p{
    padding: 0 0 20px 0;
}


.tab_holder{}

.tab_holder .nav-tabs{}

.tab_holder .nav-tabs li.nav-item{
    flex:1;
}


.tab_holder .nav-tabs li.nav-item a {
    /* border-radius: var(--border-radius-30) var(--border-radius-30) 0 0; */
    background: var(--color-2);
    /* border-radius: 10px; */
    border-radius: var(--border-radius-10) var(--border-radius-10) 0 0;
    color: var(--white);
    border: 1px solid white;
    font-weight: var(--font-medium);
    height: 100%;
}

.tab_holder .nav-tabs li.nav-item a.active{
    background: var(--color-1);
    color: var(--black);
    font-weight: var(--font-medium);
}

.tab_holder .tab-content .tab-pane{
    padding: 1rem;
}

select#choose_home_type {
    align-items: center;
    background-color: #fff;
    border: 1px solid #949494;
    border-radius: 6px;
    display: flex;
    justify-content: space-between;
    margin: 0.25rem 0;
    padding: 0.6875rem 1rem;
}



.tab_btn_holder{}

.tab_btn_holder .nav-tabs{
    justify-content: flex-end;
    border-bottom: var(--no-border);
    gap: .25rem;
}

.tab_holder .tab-content-index .tab_btn_holder  .nav-tabs a,
.tab_btn_holder .nav-tabs a{
    background: var(--color-2);
    border-radius: 0.25rem;
    color: var(--white);
    font-weight: var(--font-medium);
    height: 100%;
    text-align: center;
}

.tab_btn_holder .nav-tabs a.active{
    background: var(--color-1);
    color: var(--black);
    font-weight: var(--font-medium);
    border-radius: 0.25rem;
    border: var(--no-border);
    border: 1px solid transparent;
}


.blog_bottom_inner{}

.blog_bottom_inner p{}

.blog_bottom_inner h1{
    padding: 0 0 30px 0;
}

.blog_bottom_inner h2 {
    padding: 0 0 20px 0;
}

.blog_bottom_inner ul{
    padding: 0 0 20px 0;
    list-style: none;
}

.blog_bottom_inner ul li{
    padding: 0 0 0 20px;
    position: relative;
    margin: 0 0 10px 0;
}

.blog_bottom_inner ul li:before{
    content: "";
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: var(--color-2);
    top: 10px;
    left: 0;
    transform: translateY(-50%);
    position: absolute;
}

.blog_bottom_inner ul li strong{
    color: var(--color-2);
}




.social .fbtn {
    width: 50px;
    display: inline-block;
    color: #fff;
    text-align: center;
    line-height:18px;
    float: left;
    display: flex;
    justify-content: center;
    align-items: center;
}
.social .fa{padding:15px 0px}
.facebook {
    background-color: #3b5998;
}
 
.gplus {
    background-color: #dd4b39;
}
 
.twitter {
    background-color: #55acee;
}
 
.stumbleupon {
    background-color: #eb4924;
}
 
.pinterest {
    background-color: #cc2127;
}
 
.linkedin {
    background-color: #0077b5;
}
 
.buffer {
    background-color: #323b43;
}

.social_popup{
    display: none;
    transition: all .6s ease;
}

.social_popup.active{
    transition: all .5s ease;
    display: flex;
    justify-content: flex-end;
    padding: 10px 0;
}

.dropdown.login_dropdown .dropdown-toggle{
    padding-right: 0;
    display: flex;
    align-items: center;
    padding: 7px;
    color: var(--white);
    background: transparent;
    border: 0px none;
}

/* .header.black .dropdown.login_dropdown .dropdown-toggle{
    color: var(--white);
} */

.header.black .dropdown.login_dropdown .dropdown-toggle h6.user-name {
    color: var(--black);
}

.dropdown .dropdown-toggle::after{

}

/* .login_dropdown .dropdown.login_dropdown .dropdown-toggle{
    padding-right: 0;
    display: flex;
    align-items: center;
    padding: 7px;
    color: black;
    background: transparent;
    border: 0px none;
} */


.btn-secondary:not(:disabled):not(.disabled).active:focus, 
.btn-secondary:not(:disabled):not(.disabled):active:focus, 
.show>.btn-secondary.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(130,138,145,.5);

}

.dropdown.login_dropdown .btn-secondary:not(:disabled):not(.disabled).active:focus, 
.dropdown.login_dropdown .btn-secondary:not(:disabled):not(.disabled):active:focus, 
.dropdown.login_dropdown.show>.btn-secondary.dropdown-toggle:focus,

.dropdown.login_dropdown.show>.btn-secondary.dropdown-toggle:focus,
.dropdown.login_dropdown.show>.btn-secondary:focus,
.dropdown.login_dropdown .btn-secondary:focus {
    box-shadow: 0 0 0 0;
    border-style: outset;
    background: transparent;
}

.dropdown.login_dropdown .btn-secondary:active {
    border-style: outset;
    background: transparent;
  }

  .dropdown.login_dropdown .dropdown-menu a.dropdown-item i{
    margin-right:7px
  }


/* .login_dropdown .dropdown-menu.show {
    right: 0 !important;
    left: initial !important;
} */

.header.black .dropdown.login_dropdown .dropdown-toggle::after{
    background: url(../images/doropdown_btn_black_arr.svg) 0px 0px no-repeat;
    background-size: cover;
}

.saveIcon,
.saveIcon.saved{
    width: 20px;
    height: 20px;
    position: relative;
    margin-right: 5px;
    display: inline-block;
}

.saveIcon:before,
.saveIcon.saved:before {
    position: absolute;
    font-family: 'FontAwesome';
    top: 0;
    left: 0;
    content: "\f08a";
    font-size: 18px;
}

.saveIcon.saved:before{
    content: "\f004";
}

.moreOrless {
  display: none;
}
.less {
  display: none;
}

.linkcopied{
    position: absolute;
    /* border: 1px solid #e6e6e6; */
    padding: 5px;
    right: 0;
    width: 350px;
    text-align: center;
    /* top: 0; */
    /* box-shadow: 0 0 5px; */
    z-index: 6;
    background: white;
}



/********* 404 page-not-found starts here ******/
.page-not-found h1.display-1{
    font-weight: var(--font-bold);
}

.page-not-found p.fs-3{
    font-size: 2rem;
    padding: 20px 0;
}

.page-not-found p.lead {
    font-size: .9rem;
    padding: 0 0 20px;
}

.go_home_btn{
    width: 100%;
    max-width: 130px;
    line-height: 37px;
    cursor: pointer;
}

.go_home_btn:hover{
    background: var(--black);
    border: var(--no-border);
}
/********* 404 page-not-found ends here ******/


.browse_bottom_link_inner{
    max-width: 100vw;
    overflow-x: scroll;
    position: relative;
    scrollbar-color: #d5ac68 #f1db9d;
    scrollbar-width: thin;
    -ms-overflow-style: none;
  }

  .pseduo-track {
    background-color: #e2ecf4;
    height: 4px;
    width: 100%;
    position: relative;
    top: -3px;
    z-index: -10;
  }






  .browse_bottom_link_inner::-webkit-scrollbar {
    height: 4px;
  }
  
  .browse_bottom_link_inner::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 0px rgba(0, 0, 0, 0);
    
  }
  
  .browse_bottom_link_inner::-webkit-scrollbar-thumb {
    height: 2px;
    background-color: black;
    /* width: 50px; */
    min-width: 10px !important

  }
  
  .browse_bottom_link_inner::-webkit-scrollbar-thumb:hover {
    background-color: rgba(139, 139, 139, 0.875);
  }
  
  .browse_bottom_link_inner::-webkit-scrollbar:vertical {
    display: none;
  }


  /****** mobile search part starts here ***/

  .mobile_filter_part{
    padding: 10px;
  }

  .mobile_filter_blocks{
    padding-block-end: 30px;
  }

  .mobile_filter_blocks_header{
    
    /* background: var(--color-2); */
    color: var(--color-2);
    padding: 0 0 10px;
    font-weight: var(--font-bold);
  }

  .mobile_filter_blocks_header h5{
    font-weight: var(--font-bold);
    font-size: 1rem;
  }

  .mobile_filter_blocks .pricelist_min_max{
    height: 20vh;
  }




  .mobile_filter_part{
    position: fixed;
    top: 0;
    left: 0;
    z-index: 99;
    background: #fff;
    width: 100%;
    height: 100%;
    /* overflow-x: hidden;
    overflow-y: scroll; */

    display: none;
    transform: scale(0);
    transition: all 2s ease-in-out;
    transform-origin: center;
}

.mobile_filter_part.active_now{
    display: block;
    transform: scale(1);
    transition: all 2s ease-in-out;
}

/* @keyframes crescendo {
    0%   {transform: scale(0);}
    100% {transform: scale(0);}
  } */

.mobile_filter_part_content{
    height: calc(100% - 50px);
    overflow-x: hidden;
    overflow-y: scroll;
    padding: 60px 0 0 0;

    padding: 60px 15px 0 15px;
}


.mobile_filter_part_content::-webkit-scrollbar {
    width: 5px;
  }
  
  /* Track */
.mobile_filter_part_content::-webkit-scrollbar-track {
    background: #f1f1f1; 
  }
   
  /* Handle */
.mobile_filter_part_content::-webkit-scrollbar-thumb {
    background: #1a252c; 
  }
  
  /* Handle on hover */
.mobile_filter_part_content::-webkit-scrollbar-thumb:hover {
    background: #1a252c; 
  }

.mobile_filter_part_header {
    position: fixed;
    width: 100%;
    left: 0;
    top: 0;
    z-index: 99;
    height: 50px;
    background: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    border-block-end: 1px solid #8E93B0;
}

.mobile_filter_part_footer {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1rem 0.875rem 0.75rem;
    position: fixed;
    width: 100%;
    left: 0;
    right: 0;
    margin: 0 auto;
    bottom: 0;
}

.mobile_filter_part_footer .reset_filter_btn {
    border: transparent;
    background: transparent;
    color: var(--color-2);
    font-weight: var(--font-bold);
}

.mobile_filter_part_footer .see_all_btn {
    max-width: 160px;
    width: 100%;
}

.mobile_filter_cross{
    width: 20px;
    height: 20px;
    position: absolute;
    right: 15px;
}

#blogLists{
    margin-top: 100px;
}

#blogLists a.blog_links:hover{
    text-decoration: var(--no-underline);
}


/* ===== About page =====*/
.c1-64 {
    font-size: 65px;
    font-weight: 700;
    line-height: 73px;
}
.pb-30{
    padding-bottom:100px;
}
.right-text{
    width: 100%;
}
.right-text h4 {
    font-size: 34px;
    line-height: 46px;
    padding-bottom: 30px;
    font-weight: 400;
}
.right-text p {
    font-size: 22px;
    font-weight: 300;
    line-height: 28px;
}

.right-text ul{
    margin:0;
    padding: 0;
}

.right-text ul li {
    font-size: 22px;
    font-weight: 300;
    line-height: 28px;
    list-style: disc;
    padding-bottom: 10px;
    text-align: left;
}
.video-sec{
    width: 100%;
    /*background: var(--color-new);*/
    background-color: var(--color-1);
    padding: 100px 0 20px;
}
.video-con{
    max-width: 600px;
    margin:0 auto;
}
.vdo-hit{
    height: 500px;
}

.save_search{/* width: 100%; */text-align: right;}
.save_search button{
    /* width: 12%; */
    max-width: 152px;
    width: 100%;
}

/* @media screen and (max-width: 896px){
   .save_search button{
    width: 19%;
} 
} */

/* * community page starts here */

.community_top{
    margin: 60px 0 0 0;
    /* padding: 80px 0; */
    /* background: url(../images/realestate_large_pic_1.jpg) right top no-repeat; */
}

.community_top .container{
    /* padding: 0 15px; */
}

.community_top_left{
    /* padding: 80px 0; */

    padding: 80px 15px;
}

.community_top_left h6{
    text-transform: uppercase;
    font-size: 1rem;
    line-height: 1rem;
    color: #464a4a;
    font-weight: var(--font-semibold);
    padding: 0 0 12px 0;
}

.community_top_left h1{
    font-weight: var(--font-bold);
    padding: 0 0 24px 0;
}

.community_top_left p{
    font-size: 1.125rem;
    line-height: 1.75rem;
    color: #464A4A;
    padding: 0 0 32px 0;
    max-width: 610px;
}

.community_top_left .btn-group{
    display: flex;
    gap: 60px;
}

.community_top_left .btn-group button{
    height:48px;
    font-size: 16px;
}

.community_top_left .btn-group button.sales_listing{
    width: 211px;
}

.community_top_left .btn-group button.rental_listing{
    width: 230px;
}

.community_top_right{
    display: flex;
    align-items: center;
    /* background: url(../images/realestate_large_pic_1.jpg) right top no-repeat; */
    justify-content: flex-end;
}

.sale_rent_chart {
    max-width: 345px;
    min-height: 314px;
    padding: 10px;
    border: 1px solid #8C6E34;
    width: 100%;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}

.sale_rent_chart_inner{
    /* display: flex; */
    background: var(--white);
    /* justify-content: center; */
}

.sale_rent_chart{}

.sale_rent_chart_inner{}

.sale_rent_chart_inner ul{
    padding: 40px 0;
}

.sale_rent_chart_inner li{
    text-align: center;
}

.sale_rent_chart_inner li:last-child{
    padding: 40px 0 0 0;
}

.sale_rent_chart_inner li h5{
    font-size: 1rem;
    line-height: 1rem;
    letter-spacing: -0.32px;
    text-transform: uppercase;
    padding: 0 0 16px 0;
}

.sale_rent_chart_inner li h2{
    font-size: 2.375rem;
    line-height: 1.75rem;
    letter-spacing: -0.76px;
    text-transform: uppercase;
    padding: 0 0 12px 0;
    font-weight: var(--font-bold);
    color: #0F1113;
}

.sale_rent_chart_inner li {
    font-size: 0.75rem;
    line-height: 0.75rem;
    color: #464A4A;
    padding: 0 0 12px 0;
}


.community_feature_listing{
    padding:74px 0 0 0;
}

.community_feature_listing h1{
    padding: 0 0 24px 0;
}

.community_feature_listing .selected_menu {
    min-height: 72px;
    border-bottom: 1px solid #b6b6b6;
    display: flex;
}

.community_feature_listing .selected_menu li{
    padding: 26px 0 0 0;
    margin: 0 32px 0 0;
}

.community_feature_listing .selected_menu li a{
    font-size: 18px;
    line-height: 18px;
    padding: 0 0 24px 14px;
    color: #697169;
    font-weight: var(--font-medium);
    position: relative;
}

.community_feature_listing .selected_menu li a.active{
    font-weight: var(--font-bold);
    color: #0F1113;
}

.community_feature_listing .selected_menu li a:before{
    content: "";
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #0F1113;
    position: absolute;
    z-index: 1;
    left: 0;
    top: 8px;
    opacity: 0;
    transition: all .3s linear;
}

.community_feature_listing .selected_menu li a.active:before{
    opacity: 1;
}


.community_feature_listing .selected_menu li a:after{
    content: "";
    height: 4px;
    width: 0%;
    position: absolute;
    bottom: 0;
    left: 0;
    transition: all .3s linear;
    background: #0F1113;
}

.community_feature_listing .selected_menu li a.active:after{
    width: 100%;
}

.feature_list_slider{
    margin: 40px 0 0 0;
}

.feature_list_slider_item{
    margin: 0 20px 0 0;
}

 .feature_list_slider_item.slick_slide.slick-current:last-child{
    margin: 0 20px 0 0;
}

.feature_list_slider_item_detail {
    display: flex;
    padding: 16px 0 0 0;
    justify-content: space-between;
}

.feature_list_slider_item_detail .left{
}

.feature_list_slider_item_detail .left h5{
    font-size: 1rem;
    line-height: 1rem;
    text-transform: uppercase;
    color: #6F7879;
    
    font-weight: var(--font-regular);
}

.feature_list_slider_item_detail .left h4{
    font-size: 1.375rem;
    line-height: 1;
    text-transform: capitalize;
    color: #243DD6;
    padding:8px 0 0 0;
    font-weight: var(--font-regular);
}

.feature_list_slider_item_detail .left h3{
    padding:12px 0 40px 0;
    font-size: 1.75rem;
    color: #0F1113;
    font-weight: var(--font-bold);
}

.feature_list_slider_item_detail .left h6{
    font-size: 0.875rem;
    line-height: 1rem;
    color: #6F7879;
    font-weight: var(--font-medium);
    text-transform: capitalize;
    padding: 8px 0 0 0;
}

.feature_listing_slider_new button.slick-arrow{
    width: 54px;
    height: 48px;
    border-radius: 100vmax;
    border:1px solid #0F1113;
    /* top: -113px; */

    top: -75px;
    
    text-indent: -999999px;
}

.feature_listing_slider_new button.slick-prev.slick-arrow{
    background: url(../images/arrow_left_black.svg) center center no-repeat;
    left: initial;
    right: 70px;
}

.feature_listing_slider_new button.slick-prev.slick-arrow:hover{
    background: url(../images/arrow_left_white.svg) center center no-repeat #000;
}

.feature_listing_slider_new button.slick-next.slick-arrow{
    background: url(../images/arrow_right_black.svg) center center no-repeat;
    right: 0;
}

.feature_listing_slider_new button.slick-next.slick-arrow:hover{
    background: url(../images/arrow_right_white.svg) center center no-repeat #000;
    right: 0;
}

.community_text{
    padding: 160px 0 0 0;
}

.community_text_inner{}


.community_text_left{
    padding: 0 30px 0 80px;
}

.community_text_left_block{
    margin: 0 0 80px 0;
}

.community_text_left_block h3{
    font-size: 1.75rem;
    line-height: 1;
    padding: 0 0 32px 0;
    font-weight: var(--font-semibold);
}

.community_text_left_block p{
    font-size: 1.125rem;
    line-height: 1.75rem;
    color: #464A4A;
}


.community_text_right{
    padding: 0 40px;
}

.community_text_right_block{
    padding: 48px 40px;
    border: 1px solid #8C6E34;
    margin: 0 0 40px 0;
}

.community_text_right_block h5{
    font-size: 1rem;
    line-height: 1.375rem;
    font-weight: var(--font-semibold);
    padding: 0 0 40px 0;
    color: #0F1113;
}

.community_text_right_block ul{}

.community_text_right_block ul li{
    font-size: 1rem;
    line-height: 1.313rem;
   margin: 0 0 16px 0;
}

.community_text_right_block ul li a{
    color: #464A4A;
    text-decoration: underline;
}

.community_text_right_block ul li a:hover{
    text-decoration: none;
}

.similar_neiborhood{
    padding: 80px 0;
}

.similar_neiborhood h2{
    font-size: 2.5rem;
    line-height: 2.875rem;
    color: #0F1113;
    font-weight: var(--font-bold);
}

.similar_neiborhood_inner{
    padding: 40px 0 0 0;
}

.similar_neiborhood_block{}

.similar_neiborhood_block.top_gap_big{
    padding:80px 0 0 0
}

.similar_neiborhood_block h3{
    font-size: 3.5rem;
    line-height: 1;
    padding: 0 0 24px 0;
    font-style: italic;
    color: #8C6E34;
}

.similar_neiborhood_block img{
    max-width: 100%;
    width: 100%;
    height: auto;
    border-radius: 20px 20px 0 0;
}

.similar_neiborhood_block h5{
    font-size: 1.375rem;
    line-height: 1.375rem;
    padding: 24px 0 0 0;
    text-transform: capitalize;
    font-weight: var(--font-regular);
}

.similar_neiborhood_block h5 a{
    color: #0F1113;
    text-decoration: underline;
}

/* * community page ends here */

/* .instagram-media{
    margin: 0 auto 25px!important;
} */


/* ? event_page starts here */

.event_space_outer{
    padding: 100px 15px;
}



.event_space_outer h3{
    font-size: 34px;
    line-height: 46px;
    padding-bottom: 30px;
    font-weight: 400;
}

.event_space_outer h3.event_headline{
    text-align: center;
}

.event_space_outer h4 {
    font-size: 26px;
    line-height: 26px;
    font-weight: 400;
    padding: 0 0 40px 0;
}

.event_space_holder{
    padding: 50px 0 0 0;
}

.event_space_left{

}

.event_space_left form{}

.event_space_left form .form-group{
    margin-bottom: 0;
}

.event_space_left form .form-group input[type="text"], 
.event_space_left form .form-group input[type="tel"], 
.event_space_left form .form-group input[type="email"],
.event_space_left form .form-group textarea {
    height: 51px;
    margin: 0 0 18px auto;
    width: 100%;
    border: navajowhite;
    border-bottom: 1px solid #737373;
    color: #1b1b1b;
    padding: 0 8px;
    line-height: 51px;
    box-sizing: border-box;
    border-radius: 0px;
    font-size: 16px;
}

.event_space_left form .form-group input[type="text"]::placeholder,
.event_space_left form .form-group input[type="tel"]::placeholder,
.event_space_left form .form-group input[type="email"]::placeholder,
.event_space_left form .form-group textarea::placeholder{
    color: #1b1b1b;
}

.event_space_left form .form-group input[type="text"] ~ label.success,
.event_space_left form .form-group input[type="tel"] ~ label.success,
.event_space_left form .form-group input[type="email"] ~ label.success,
.event_space_left form .form-group button ~ label.successmsg.success,
.event_space_left form label.successmsg.success
{
    color: rgb(5, 137, 5);
}

.event_space_left form label.successmsg.success{
    margin-top: 5px;
}

.event_space_left form .form-group input[type="text"] ~ label.error,
.event_space_left form .form-group input[type="tel"] ~ label.error,
.event_space_left form .form-group input[type="email"] ~ label.error,
.event_space_left form .form-group textarea ~ label.error,
.event_space_left form .form-group button ~ label.error{
    color: #f00;
}

.event_space_left form .form-group textarea{
    height: 130px;
    line-height: 20px;
    color: #1b1b1b;
    overflow-x: auto;
    padding: 8px;
}

.event_space_left button[type="submit"]{
    width: 100%;
    height: 56px;
    background: #243DD6;
    text-transform: uppercase;
    color: #fff;
    border:0px none;

    margin-top: 30px;
}

.event_space_left h5{
    text-align: center;
    font-size: 12px;
    line-height: 18px;
    text-align: center;
    color: #919191;
    margin: 30px 0 0 0;
    font-weight: 400;
}

.event_space_left h5 a{
    color: #243DD6;
}


.event_space_right{
    padding-left: 50px;
}


.event_space_right p{
    font-size: 20px;
    font-weight: 300;
    line-height: 32px;
    padding: 0 0 28px 0;
    word-wrap: break-word;
}

.bcm_parents_outer{
    background: var(--color-new);
    color: #fff;
    padding: 100px 0;
}

.bcm_parents_outer h3{
    text-align: center;
    font-size: 34px;
    line-height: 46px;
    padding-bottom: 80px;
    font-weight: 400;
}

.bcm_parents_outer p{
    font-size: 1rem;
    line-height: 2rem;
    color: var(--white);
    letter-spacing: var(--letter-spacing-2);
    padding-right: 15px;
}

.bcm_parents_inner_right img{
    max-width: 100%;
}

/* ? event_page ENDS here */

@media screen and (max-width: 479px){
    .right-text ul li{
        list-style-position: inside;
    }
    .video-sec{
        padding: 50px 0 0;
    }
    .vdo-hit{
    height: 350px;
    }
/* .save_search button {
    width: 42%;
} */

    
}


/* ===== About page =====*/

.search_type_btn {
    padding: 0;
    background: white;
    border: 1px solid #ddd;
    position: relative;
    /* width: 320px; */
    display: flex;
    justify-content: space-between;
    border: 5px;
    top: 0;
    border-radius: 5px;
}

.search_type_btn li {
    width: 33.33%;
    padding: 11px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: var(--font-semibold);
}

.search_type_btn li {
    width: 33.33%;
cursor: pointer;}

.search_type_btn li label{
    margin: 0;
    cursor: pointer;
}


.search_type_btn li input[type="radio"]{
    opacity: 0;
    position: absolute;
}


.home_search_form .dropdownBox ul.search_type_btn li:hover,
.home_search_form .dropdownBox ul.search_type_btn li.active{
    background: #495057;
    border-radius: 5px;
    /* text-align: center; */
    display: flex;
    justify-content: center;
    color: var(--white);
    align-items: center;
    position: relative;
    cursor: pointer;
}

.search_type_btn li a{
    padding: 10px;
}

.search_type_btn li a:hover{
    background: var(--color-new);
    color: #fff;
}

.contact_agent{
    padding-block: 70px;
}


.contact_agent_details{
    border-radius: var(--border-radius-10);
    /* background-color: var(--color-1); */
}

.contact_agent_top,
.contact_agent_bottom{
    /* background-color: var(--color-1); */
    background: var(--color-2);
}

.contact_agent_details {
    max-width: 767px;
    margin: 0 auto 100px;
    padding-bottom: 30px;
}



.contact_agent_top_left h3{
    color: var(--black);
}

.contact_agent_top_left {
    display: flex;
    flex-direction: column;
    justify-content: center;
    /* padding-left: 50px; */
}

.contact_agent_top_left h2{
    font-weight: var(--font-bold);
}

.contact_agent_top_left ul {
    display: flex;
    width: 100%;
    justify-content: space-between;
    margin-top: 1rem;
    gap: 10px;
}

.contact_agent_top_left ul li {
    /* border-bottom: 4px double #fff; */
    /* border-radius: 8px; */
    padding: 1rem;
    /* background-color: #cdd3f9; */
    color: #fff;
    width: 33.33%;
    /* border-top: 4px double #fff; */
    /* border-inline-start: 2px double #fff; */
    text-align: center;
    font-size: 1.25rem;
    line-height: 1.25;
    border: 8px double #4f588f;
    /* transform: skewX(-10deg); */
}

.contact_agent_top_left ul li span{
    font-weight: var(--font-bold);
    display: block;
    text-align: center;
    font-size: 2rem;
    /* border-bottom: 2px solid #fff; */
    position: relative;
    padding: 0 0 14px;
}

.contact_agent_top_right{}

.contact_agent_top_right img{
    /* border-radius: 0 var(--border-radius-10) 0 0; */
    width: 200px;
    /* height: 200px; */
    /* border-radius: 50%; */
}

.contact_agent_bottom {
    padding-block: 10px;
}

.contact_agent_bottom form{}

.contact_agent_bottom form .form-group textarea{
    background-color: white;
    color: inherit;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    margin: 0;
    outline: none;
    overflow-x: hidden;
    resize: none;
    width: 100%;
    height: 120px;
    border-radius: 10px;
    border: 1px solid #949494;
    padding: 0.6875rem 1rem;
}

.contact_agent_bottom .form-group{
    display: flex;
    align-items: center;
}

.getintouch_btn{
    max-width: 166px;
    width: 100%;
}

.contact_agent_bottomHolder{
    align-items: center;
    gap: 10px;
    display: flex;
}

.contact_agent_bottomHolder a{
    color: #fff;
}


.contact_agent_box{
    /* background: var(--color-2); */
    color: var(--white);
    /* border-radius: var(--border-radius-10); */
    /* display: flex; */
    align-items: center;
    padding-block: 50px;
    border-radius: 20px;
}

.contact_agent_top_inner{
    background: var(--color-2);
    border-radius: var(--border-radius-10);
    display: flex;
    width: 100%;
    margin: 0 0 30px 0;
}

.contact_agent_top_left{
    width: 75%;
    padding-right: 15px;
}

.contact_agent_top_right{
    width: 25%;
    display: flex;
    justify-content: flex-end;
}

.contact_agent_top_left ul{}

.contact_agent_top_left ul li{
    background: rgba(255,255,255, .2);
}

.contact_agent_bottom_inner{}

.contact_agent_bottom_inner textarea{
    align-items: center;
    background-color: #f0f2ff;
    border: 1px solid #949494;
    border-radius: 6px;
    display: flex;
    justify-content: space-between;
    margin: 0.25rem 0;
    padding: 0.6875rem 1rem;
    width: 100%;
    height: 100px;
}




.search_location .dropdownBox {
    position: absolute;
    /* width: 43%; */
    background: #fff;
    border: 1px solid var(--color-5);
    left: 0;
    top: 100%;
    /* height: 0; */
    height: auto;
    display: none;
    transition: all .5s linear;
    z-index: 10;
}



.search_location .dropdownBox.active.item_list {
    /* height: 150px; */
    height: 350px;
    overflow-y: scroll;
    /* overflow: scroll; */
    display: block;
    transition: all .5s linear;
    /* background: #f00; */
    -webkit-overflow-scrolling: touch;
    width: 100%;
    /* padding: 20px; */
}

.search_location .dropdownBox ul {
}

.search_location .dropdownBox ul li {
    padding: 0.5rem 1.5rem;
}

.search_location .dropdownBox ul li.dropdown-header {
    font-size: .75rem;
    font-weight: var(--font-semibold);
    border-bottom: 1px solid #ddd;
}

.search_location .dropdownBox ul li a:hover{
    text-decoration: var(--no-underline);
}



.search_location .dropdownBox.active.item_list::-webkit-scrollbar{
	width: 10px;
	/* background-color: #F5F5F5;
    height: 25px; */
}

.search_location .dropdownBox.active.item_list::-webkit-scrollbar-track{
	/* -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); */
	background-color: #F5F5F5;
}

.search_location .dropdownBox.active.item_list::-webkit-scrollbar-thumb{

    background-color: #000;
    border-radius: 0;
    border: 3px solid #000;
    width: 10px;

	/* background-color: #0f0;
    
    width: 30px;
	border: 2px solid #555555; */
}




.tab-content-index{
    display: flex;
    justify-content: space-between;
    align-items: center;
}


.tab_holder .tab-content.tab-content-index .tab-pane,
.tab_holder .tab-content.tab-content-index .tab_btn_holder{
    flex-grow: 1;
    padding-left: 0;
}


.dataLabel_holder{
    display: flex;
    padding-bottom: .5rem;
    flex-wrap: wrap;
}


#dataLabel{
    padding-right: 5px;
    border-right: 1px solid #000;
  }

  #dataValue{
    padding-left: 5px; 
    
  }

.sort_based{
    text-transform:capitalize;
}

.full-content {
    display: none;
}


.morecontent span {
    display: none;
}
.morelink {
    display: block;
}

.main-containt {
    padding: 100px 15px;
    max-width: 1140px;
    margin: 0 auto;
}

.main-containt ol li,
.main-containt p {
    margin-bottom: 10px!important;
    line-height: 20px!important;
}
.main-containt h2 {
    font-size: 2.5rem;
    line-height: 2.875rem;
}
.main-containt h3 {
    font-size: 20px;
    line-height: 26px;
}
.main-containt h2,
.main-containt h3 {
    margin-bottom: 20px!important;
}

.main-containt ul,
.main-containt ol {
    padding-left: 30px;
    margin: 10px 0;
}

.d-flex.justify-content-around.score_top{
    flex-direction: column;
    align-items: center;
}

.productList_header .dropdown .btn.dropdown-toggle{
    color: var(--black);
    padding: 0;
    font-size: 1rem;
    font-weight: var(--font-semibold);
}

.productList_header .dropdown .dropdown-toggle::after {
    background: url(../images/doropdown_btn_black_arr.svg) right center no-repeat;
    background-size: cover;
}

.productList_header .dropdown .btn.dropdown-toggle:focus{
    box-shadow:none;
}

@media only screen and (min-width: 768px) {
    .sticky-button.activated{
        display: none !important;
    }
}

.sticky-button {
    position: fixed;
    bottom: 20px;
    right: 20px;
    display: none;
    transition: all .5s ease-in-out;
}

.sticky-button.activated{
    display: block;
    transition: all .5s ease-in-out;
}



  .progress_category,
  .progress_article {
    margin-top: 20px;
    display: none;
    width: 100%;
    height: 4px;
    border-radius: 0;
    overflow: hidden;
    background-color: #f5f5f5;
    background-image: linear-gradient(to right, black, black);
    background-repeat: no-repeat;
    background-size: 0 100%;
    transition: background-size .4s ease-in-out;
  }

  .sticky-button-blue{
    width: 130px;
  }


  .footer_contact_special{
    background: var(--white);
    background: rgb(255, 255, 255);
    padding: 16px 0;
    box-shadow: rgba(0, 0, 0, 0.25) 0px 0px 10px;

    position: fixed;
    z-index:40;
    bottom: 0;
    width: 100%;
  }

.footer_contact_special .container{
    /* padding: 0; */
    display: flex;
    justify-content: space-between;
}


.footer_contact_special .request_btn{
    background: var(--black);
    color: var(--white);
    cursor: pointer;
    padding: 9px 16px;
    border-radius: 4px;
    box-shadow: none;
    border: var(--no-border);
    font-weight: var(--font-semibold);
    transition: all .3s linear;
    border: 1px solid transparent;
}

.footer_contact_special .request_btn:hover{
    background: transparent;
    border:1px solid var(--black);
    color: var(--black);
    transition: all .3s linear;
}

.footer_contact_special .cont_btn{
    background: transparent;
    color: var(--black);
    cursor: pointer;
    padding: 9px 16px;
    border-radius: 4px;
    box-shadow: none;
    border: var(--no-border);
    font-weight: var(--font-semibold);
    border:1px solid var(--black);
    transition: all .3s linear;
}

.footer_contact_special .cont_btn:hover{
    background: var(--black);
    color: var(--white);
    transition: all .3s linear;
}

.tourForm .tour_block .iti{
    width: 100%;
}

.tourForm .tour_block .iti__selected-flag {
    padding: 0 6px 0 6px;
    background: transparent;
}



.moreFilterBlock label {
    color: var(--black);
    display: block;
    font-family: inherit;
    font-size: 22px;
    line-height: 26px;
    font-weight: 600;
    margin-bottom: 10px;
}

.moreFilterBlock label.smallLabel {
    font-size: 14px;
    line-height: 18px;
    color: #222;
    font-weight: var(--font-regular);
    padding-bottom: 20px;
    margin: 0;
}


.moreFilterBlock label.bottom_gap_lrg{
    margin: 0;
    padding-bottom: 25px;
}

/* .moreFilterBlock label.smll_font{

} */

.buttonListing{
    display: flex;
    gap: 5px;



    overflow-x: auto;
    white-space: nowrap;
    scroll-snap-type: x mandatory;
}

.buttonListing button {
    border: 1px solid #ddd;
    cursor: pointer;
    text-align: center;
    transition-duration: 0.15s;
    background: transparent;
    color: var(--black);
    /* padding: 10px 20px; */
    border-radius: 100vmax;
    min-width: 59px;
    height: 40px;
    font-size: .85rem;

    scroll-snap-align: center;
}

.buttonListing button:hover{
    border: 1px solid var(--black);
}

.buttonListing button.active{
    background: var(--black);
    color: #fff;
}


input[type="text"].keyword {
    border-radius: 4px;
    color: #000;
    padding: 16px;
    font-size: 14px;
    font-weight: 400;
    line-height: 16px;
    background: #f3f3f3;
    border: none;
    font-family: inherit;
    outline: none;
    width: 100%;
}

.moreFilterBlock .filterRange{
    display: flex;
    gap: 10px;
}


/* .moreFilterBlock .filterRange select, */
.moreFilterBlock select {
    font-size: 14px;
    /* font-weight: 600; */
    padding-bottom: 14px;
    padding-top: 14px;
    padding: 10px;
    flex: 1;
    height: 50px;
    border-radius: 8px;
    border: 1px solid #B0B0B0;
    line-height: 100%;
    color: var(--black);
    outline: none;
    background: transparent;
}

.moreFilterBlock{
    /* padding: 16px 0; */

    padding: 25px 0;
    border-bottom: 1px solid #EBEBEB;
}

.moreFilterBlock label{}

.moreFilterBlock ul.statusBox{
    display: flex;
    flex-wrap: wrap;
    /* gap: 16px; */
    row-gap: 10px;
}

.moreFilterBlock ul.statusBox li{
    /* display: block;
    vertical-align: middle; */
    width: 50%;
    padding: 5px 0;

    display: flex;
    align-items: center;
}

/* .moreFilterBlock ul.statusBox li input[type="checkbox"]{
    width: 24px;
    height: 24px;


    -webkit-transform: scale(1.3,1.3);
} */




.moreFilterBlock ul.statusBox li input[type="checkbox"]{
    -webkit-appearance: none;
    /* -moz-appearance: none;
    appearance: none; */
    /* Optional: Set a custom size for the checkbox */
    width: 24px;
    height: 24px;
    /* Optional: Add some spacing around the checkbox */
    margin: 0;
    padding: 0;
    border: 2px solid #333; /* Border color */
    background-color: #fff; /* Unchecked background color */
    border-radius: 4px; /* Optional: Rounded corners */
}


.moreFilterBlock ul.statusBox li input[type="checkbox"]{
    position: absolute;
    opacity: 0;
}

.moreFilterBlock ul.statusBox li input[type="checkbox"] + label {
    position: relative;
    cursor: pointer;
    padding: 0 0 0 0;
    display: block;
    width: 100%;
    padding-left: 40px;
  }
  
  .moreFilterBlock ul.statusBox li input[type="checkbox"] + label:before {
    content: "";
    /* margin-right: 10px; */
    display: inline-block;
    vertical-align: middle;
    width: 25px;
    height: 25px;
    background: white;
    border: 2px solid var(--black);
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
  }
  
  .moreFilterBlock ul.statusBox li input[type="checkbox"]:hover + label:before {
    background: var(--black);
  }
  .moreFilterBlock ul.statusBox li input[type="checkbox"]:focus + label:before {
    box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.12);
  }
  .moreFilterBlock ul.statusBox li input[type="checkbox"]:checked + label:before {
    background: var(--black);
    /* background: var(--black); */
  }
  .moreFilterBlock ul.statusBox li input[type="checkbox"]:disabled + label {
    color: #b8b8b8;
    cursor: auto;
  }
  .moreFilterBlock ul.statusBox li input[type="checkbox"]:disabled + label:before {
    box-shadow: none;
    background: #ddd;
  }
  .moreFilterBlock ul.statusBox li input[type="checkbox"]:checked + label:after {
    content: "";
    position: absolute;
    left: 7px;
    top: 15px;
    background: white;
    width: 2px;
    height: 2px;
    box-shadow: 2px 0 0 white, 4px 0 0 white, 4px -2px 0 white, 4px -4px 0 white, 4px -6px 0 white, 4px -8px 0 white;
    transform: rotate(45deg);
  }













.moreFilterBlock ul.statusBox li span{
    color: #000;
    cursor: pointer;
    font-size: 14px;
    font-weight: 500;
    /* display: inline-block;
    vertical-align: middle; */


}

.moreFilterBlock ul.statusBox li label{
    /* display: inline-block;
    vertical-align: middle; */
    margin: 0;
    /* font-weight: 500; */
    padding-left: 10px;
    cursor: pointer;
    font-size: 16px;
    line-height: 32px;
    font-weight: var(--font-light);
    /* background: #0f0; */
}


.filterPopupNew.modal.fade .modal-dialog {
    /* transform: translate(0, 100%); */
  }

  /* Add transition for smooth animation */
.filterPopupNew.modal.fade.show .modal-dialog {
    /* transform: translate(0, 0);
    transition: transform 0.1s linear; */
  }


#filterPopupNew{
    /* max-width: 780px;
    width: 100%; */
}

#filterPopupNew .modal-dialog{
    max-width: 780px;
    /* width: 100%; */
    width: 97%;

    height: 95vh;
}

#filterPopupNew .modal-dialog .modal-content{
    height: 100%;
}

#filterPopupNew .modal-dialog .modal-header{
    border-bottom: 1px solid #ddd;
    justify-content: center;
}

#filterPopupNew .modal-dialog .modal-header h5{
    font-size: 1rem;
}

#filterPopupNew .modal-dialog .modal-header .close{
    padding: 0.5rem 1rem;
}

#filterPopupNew .modal-dialog .modal-body{
    padding: 20px;
    height: 250px;
    overflow-y: scroll;
}

#filterPopupNew .modal-dialog .modal-footer{
    justify-content: space-between;


    position: sticky;
    bottom: 0;
    width: 100%;
    background: var(--white);

}

#filterPopupNew .modal-dialog .modal-footer .see_properties_btn{
    max-width: 200px;
    width: 100%;
    text-transform: capitalize;
}



#filterPopupNew .modal-dialog .modal-footer a.reset_all_filter_btn{
    /* text-transform: var(--text-uppercase); */
    /* color: var(--color-3); */
    font-weight: var(--font-semibold);
    /* padding: 20px 0 10px 0; */
    color: var(--black);
}

#filterPopupNew .modal-dialog .modal-footer a.reset_all_filter_btn:hover{
    cursor: pointer;
}

.toggle_option_prt .check-box {
	/* transform: scale(2); */
}

.toggle_option_prt input[type="checkbox"] {
    position: relative;
    appearance: none;
    width: 20px;
    height: 10px;
    background: #ccc;
    border-radius: 50px;
    box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
    cursor: pointer;
    transition: 0.4s;
    width: 46px;
    height: 24px;
}

.toggle_option_prt input:checked[type="checkbox"] {
    background: var(--black);
}

.toggle_option_prt input[type="checkbox"]::after {
    position: absolute;
    content: "";
    width: 50px;
    height: 50px;
    top: 1px;
    left: 0;
    background: #fff;
    border-radius: 50%;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
    transform: scale(1.1);
    transition: 0.4s;
    width: 22px;
    height: 22px;
}

.toggle_option_prt input:checked[type="checkbox"]::after {
    left: 50%;
}


.spaces_filter_prt{
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
}

.spaces_filter_prt label{
    flex: 1;
    margin: 0;
}

.spaces_filter_prt select{
    /* flex: 1;
    margin: 0;

    font-size: 12px;
    font-weight: 600;
    padding: 10px; */

    /* font-size: 14px;
    padding-bottom: 14px;
    padding-top: 14px;
    padding: 10px;
    flex: 1;
    height: 50px;
    border-radius: 8px;
    border: 1px solid #B0B0B0;
    line-height: 100%;
    color: var(--black);
    outline: none;
    background: transparent; */
}

.toggle_option_inr_blk{
    display: flex;
    justify-content: space-between;
}












.filterListItemBlock{

}

.filterListItemBlock h2{
    font-weight: var(--font-semibold);
    padding-bottom: 25px;
}


.filterListItemBlock .itemCollection_list{
    margin-top: 25px;
}

.filterListItemBlock .itemCollection_list h3{
    font-weight: var(--font-regular);
    padding-bottom: 5px;
}

.filterBtnBlocks {
    display: flex;
    margin-top: 10px;
}

.filterBtnBlocks li {
    margin: 0 10px 0 0;
}

.filterBtnBlocks li button {
    border: 1px solid black;
    border-radius: 30px;
    padding: 10px 20px;
    font-size: 14px;
    line-height: 18px;
    background: transparent;
    font-weight: var(--font-semibold);
    transition: all .3s linear;
}

.filterBtnBlocks li button:hover{
    background: var(--black);
    color: var(--white);
    transition: all .3s linear;
}

.filterBtnBlocks li:first-child button{
    background: var(--black);
    color: var(--white);
}

button:focus,
button:hover,
button[type="button"].tour,
button[type="button"].tour:hover,
button[type="button"].tour:focus,

button[type="button"].close,
button[type="button"].close:hover,
button[type="button"].close:focus { 
    outline:0 !important; 
}



/* .itemShowcaseHolder{
    display: flex;
    grid-gap: 8px;
    position: relative;
    margin: 0 0 30px 0;
}

.itemShowcaseHolder img{
    max-width: 100%;
    height: auto;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.itemShowcaseLeft{
    width: 50%;
}

.itemShowcaseLeft img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center center;
}

.itemShowcaseRight{
    display: flex;
    flex-wrap: wrap;
    flex-grow: 1;
    width: 50%;
    gap: 8px;
    align-content:space-between;
    justify-content: space-between;
}

.itemShowcaseRight .itemShowcaseBlocks{
    
    width: 49%;
} */


.itemShowcaseHolder {
    display: flex;
    gap: 1%; /* Set the desired gap */
    position: relative;
    margin: 0 0 30px 0;
}

.itemShowcaseHolder img {
    max-width: 100%;
    width: 100%;
    height: 100%;
    object-fit: cover;
    cursor: pointer;
}

.itemShowcaseLeft {
    width: 50%;
    gap: 8px; /* Set the same gap as in itemShowcaseHolder */
}

.itemShowcaseLeft img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center center;
    transition: all 0.16s ease-in-out;
}



.itemShowcaseRight {
    display: flex;
    flex-wrap: wrap;
    flex-grow: 1;
    width: 50%;
    gap: 2%; /* Set the same gap as in itemShowcaseHolder */
    justify-content: space-between;
}

.itemShowcaseRight img{
    transition: all 0.16s ease-in-out;
}

.itemShowcaseRight .itemShowcaseBlocks {
    width: 49%;
}

.itemShowcaseLeft img:hover,
.itemShowcaseRight img:hover{
    filter: brightness(75%);
}


.seeAllPhotos{
    position: absolute;
    z-index: 1;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    height: 36px;
    width: 195px;
    bottom: 16px;
    right: 20px;
    border: 1px solid rgb(167, 166, 171);
    border-radius: 4px;
    background-color: rgb(255, 255, 255);
    font-size: 14px;
    line-height: 24px;
    font-weight: 700;
    cursor: pointer;
}

.iHxaRU {
    margin-right: 8px;
    font-size: 21px;

    display: inline-block;
    vertical-align: top;
    stroke: currentcolor;
    fill: currentcolor;
    height: 1em;
    width: 1em;
}

/* .itemShowcaseHolder{
    display: grid;
    gap: 8px;
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: repeat(2, 1fr);
} */

/* .itemShowcaseHolder li{
    border: 2px solid #f00;
} */

/* .itemShowcaseHolder li:first-child {
    grid-column: span 2;
} */

/* .itemShowcaseHolder li:nth-of-type(1){
    grid-column: span 2;
    grid-area: 1 / 1 / 3 / 3;
}

.itemShowcaseHolder li:nth-of-type(2){
    grid-area: 1 / 3 / 2 / 4;
    width: auto;
}

.itemShowcaseHolder li:nth-of-type(3) {
    grid-area: 1 / 4 / 2 / 5;
    width: auto;
}



.itemShowcaseHolder li:nth-of-type(4) {
    grid-area: 2 / 3 / 3 / 4;
    width: auto;
}

.itemShowcaseHolder li:nth-of-type(5) {
    grid-area: 2 / 4 / 3 / 5;
    width: auto;
} */

/* .itemShowcaseHolder li img {

    width: 100%;
    object-fit: cover;
    object-position: 50% 50%;

    height: 186px;
}

.itemShowcaseHolder li:first-child img{
    height: 100%;
} */

.modal.lightbox{
    /* max-width: 1200px; */

}

.modal.lightbox .modal-dialog{
    max-width: 1100px;

    height: 95%;
    /* overflow-y: scroll; */

    margin: 1rem auto;

    background: #fff;
    /* -webkit-overflow-scrolling: touch;
    overflow:scroll; */

}

.modal.lightbox .modal-dialog .modal-content {
    border: none;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
    height: 95%;
}

.modal.lightbox .modal-dialog .modal-header {
    position: sticky;
    top: 0;
    z-index: 3;
    background: #fff;
}

.modal.lightbox .modal-dialog .modal-body{
    display: flex;
    padding: 1rem;
    align-items: flex-start;
}

.lightbox_left{
    width: 65%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 1%;
}



.lightbox_left li{
    width: 49%;
    min-height: 250px;
    margin-bottom: 2%;
}

.lightbox_left li:nth-child(3n+1) {
    width: 100%;
    height: 450px;
}

.lightbox_left li img{
    max-width: 100%;
    height: 100%;
    object-fit: cover;
    width: 100%;
    transition: all 0.16s ease-in-out;
}

.lightbox_left li img:hover{
    filter: brightness(75%);
}

.lightbox_right {
    width: 35%;
    padding-left: 1rem;
    position: sticky;
    top: 50px;
    z-index: 3;
}

.lightbox_right h2 {
    font-weight: var(--font-bold);
    padding: 0 0 15px 0;
}

.lightbox_right .property_related_info{
    display: flex;
    align-items: center;
}

.lightbox_right .property_related_info li{
    font-size: 1rem;
    padding: 0 10px 0 0;
}


.lightbox_right .property_related_info li span{
    font-weight: var(--font-semibold);
    margin: 0 3px 5px 0;
}

.lightbox_address {
    font-size: 1.0rem;
    line-height: 1.5rem;
    padding: 15px 0 0 0;
}


.productBox.savesearchbox{
    border: 2px solid #e6e6e6;
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    align-content: flex-start;
    padding: 25px 15px;
}

.productBox.savesearchbox .saveinfo{
    border: 1px solid #000;
    border-radius: 7px;
    margin-bottom: 5px;
    display: flex;
    align-items: center;
}

.saveinfo h2 {
    font-size: .95rem;
    line-height: 1.1;
    background: #212529;
    color: var(--white);
    padding: 7px 10px;
    border-radius: 5px 5px 0 0;
    font-weight: var(--font-semibold);
    border-radius: 5px;
    flex: 1;
}

.saveinfo p {
    font-size: .9rem;
    padding: 5px 10px 5px;
}

.delsave{
    position: absolute;
    bottom: 15px;
    display: flex;
    right: 15px;

    gap: 8px;
}

.delsave .fa,
.delsave .fa a {
    font-size: 1.25rem;
    color: var(--black);
    cursor: pointer;
    transition: all .2s linear;
}

.delsave .fa:hover,
.delsave .fa a:hover {
    font-size: 1.25rem;
    color: red;
    cursor: pointer;
}


.country-box .w-more .new_info p {
    font-size: .75rem;
    color: #c0c8cf;
    margin: 0 0 5px 0;
}

.property_result_holder{
    justify-content: space-between;
}

.property_result_block{
    padding-left: 0;
    padding-right: 0;
    /* flex: 0 0 49%;
    max-width: 49%; */
}


#map {
    /* height: 500px; */
    /* width: 100%;

    height: 100%; */
}



.popup_btm {
    width: 310px;
    background: #fff;
    padding: 15px 0;
    box-sizing: border-box;
    box-shadow: 0px 0px 7px 1px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0px 0px 7px 1px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 0px 0px 7px 1px rgba(0, 0, 0, 0.1);
    -ms-box-shadow: 0px 0px 7px 1px rgba(0, 0, 0, 0.1);
    -o-box-shadow: 0px 0px 7px 1px rgba(0, 0, 0, 0.1);
    position: fixed;
    z-index: 100;
    bottom: 10px;
    right: 20px;
    border-radius: 5px;
    display: none;
    align-items: center;

    text-align: center;
}


.descriptor{
    width: 100%;
}



.popup_close {
    width: 13px;
    height: 13px;
    position: absolute;
    top: 6px;
    right: 6px;
    z-index: 10;
}

.popup_name{
    margin: 0 0 10px 0;
}

.popup_product{
    margin: 0 0 10px 0;
}

.popup_product a{
    color: var(--color-2);;
}



.view-options-buttons{
    display: flex;
    /* margin-bottom: 20px; */
    margin-left: 15px;
}

.list-view-button {
    margin-right: 10px;
}

.list-view-button, .grid-view-button {
    color: var(--black);
    border: 1px solid var(--black);
    padding: 8px 12px;
    font-size: .85rem;
    cursor: pointer;
    border-radius: 3px;
    line-height: 100%;
    opacity: .4;
}

.list-view-button.active, .grid-view-button.active{
    opacity: 1;
} 

.property_result_holder.grid-view-filter{
    flex-flow: row wrap;
    /* justify-content: space-between; */
    transition: all 1s ease-in-out;

    justify-content: flex-start;
    gap: 0.83%;
}

.property_result_holder.grid-view-filter .property_result_block{
    padding-left: 0;
    padding-right: 0;
    /* flex: 0 0 49%; */
    flex: initial;
    /* max-width: 49%; */
    transition: all 1s ease-in-out;
    max-width: 32.5%;
}


.property_result_holder.list-view-filter{
    flex-direction: column;
    justify-content: initial;


    transition: all 1s ease-in-out;
}

.property_result_holder.list-view-filter .property_result_block{
    max-width: 100%;
    transition: all 1s ease-in-out;
}

.property_result_holder.list-view-filter .property_result_block .productBox{
    display: flex;
    min-height: initial;
}

.property_result_holder.list-view-filter .property_result_block .productBox .pending{
    width: 50%;
}

.property_result_holder.list-view-filter .property_result_block .productImg{
    width: 50%;
}

.property_result_holder.list-view-filter .property_result_block .product_details {
    padding: 15px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 50%;
}

.property_result_holder.list-view-filter .featureArea{
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
} 




/* 02-02-2024 */
/* property page each property slider */

.map_hov_property .map_hov_img .slick-arrow,
.productBox .productImgSlider .slick-arrow  {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background: var(--black);
    /* top: -189px; */
    z-index: 11;
    /* transition: outline .1s linear; */
    opacity: .7;
}

.productBox .productImgSlider ul.slick-dots{
    display: none;
}

.map_hov_property .map_hov_img .slick-arrow:hover,
.productBox .productImgSlider .slick-arrow:hover{
    opacity: 1;
    transition: all .3s linear;
}


.map_hov_property .map_hov_img .slick-prev.slick-arrow,
.productBox .productImgSlider .slick-prev.slick-arrow{
    background: url(../images/carousal_left.svg) center center no-repeat var(--black);
    left: 5px;
}


.map_hov_property .map_hov_img .slick-next.slick-arrow,
.productBox .productImgSlider .slick-next.slick-arrow{
    background: url(../images/carousal_right.svg) center center no-repeat var(--black);
    right: 5px;
}

.map_hov_property .map_hov_img .slick-next.slick-arrow:before,
.map_hov_property .map_hov_img .slick-prev.slick-arrow:before,
.productBox .productImgSlider .slick-next.slick-arrow:before,
.productBox .productImgSlider .slick-prev.slick-arrow:before{
    content: "";
}


/* .productList_area{
    height: 500px;
    overflow: hidden;
    overflow-y: auto;
} */


.map_hov_property .map_hov_img .slick-dots{
    display: none !important;
    /* margin: 0; */
}

.map_hov_property .map_hov_img.slick-dotted.slick-slider{
    margin: 0;
}

.product_with_map .with_map_inner:first-child{
    position: relative;

}






.delete-icon-searchbox {
    position: absolute;
    width: 20px;
    height: 20px;
    color: #fff;
    z-index: 2;
    right: 10px;
    top: 10px;
    border-radius: 50%;
    border: 1px solid #000;
    text-align: center;
    font-size: 1rem;
    line-height: 100%;
    background: #000;
    cursor: pointer;
    display:none;
    /* font-weight: bold; */
}

/* .product_with_map .row .col-12.col-md-6 {
    background: #f00;
} */

.with_map_inner{
    /* min-height: 100vh; */
    /* background: #f00; */
}

section.productList{
    min-height: 110vh;
    /* border: 2px solid #f00; */
}


#draw-button {
    position: absolute;
    bottom: 185px;
    right: 8px;
    width: 50px;
    height: 50px;
    left: initial !important;
    top: initial !important;
}

#draw-button .button.Button.button-text{
    display: block;
    padding: 0.25rem;
    font-weight: 400;
    line-height: 12px;
    width: 50px;
    height: 50px;
    border-radius: 6px;
    background-color: #fff;
    box-shadow: unset;
    cursor: pointer;
}

.map-control-icon{
    display: block;
    padding-bottom: 2px;
}

.map-control-icon svg{
    height: 20px;
    width: 20px;
    fill: #585858;

    overflow: hidden;
    vertical-align: middle;
}

.RemoveOutline {
    position: absolute;
    /* bottom: 0px; */
    /* background: #fff; */
    z-index: 100;
    /* width: 107px; */
    height: 40px;
    color: #fff;
    padding: 10px;
    border-radius: 5px;
    border: none;
    /* box-shadow: 0 0 2px 1px rgba(102,102,102,.3); */
    right: 60px;
    /* bottom: 26px; */
    left: initial !important;
    top: 10px !important;
    width: auto;

    display: none;

    background: var(--color-2);
}


section.productList {
    margin: 30px 0 0;
    overflow: hidden;
}




h2.feature_title{
    /* flex-grow: unset; */
    margin-left: auto;
    margin-right: auto;
}

.productList_header{
    justify-content: space-between;

    /* position: sticky;
    top: 200px;
    z-index: 51;
    background: #f00; */
    padding-inline: 15px;
}

.productList_header .dropdown{
    /* margin-left: auto; */
    /* margin-right: auto; */
}

.productList_area{
    padding-inline: 15px;
}


.with_map_inner #map{
    /* position: sticky !important; */
    position: fixed !important;
    /* top: 140px !important; */
    inset: 120px 50% 20px 0 !important;
    z-index: 9 !important;
    left: 0;
    width: 50%;
    height: calc(100% - (120px));
    /* transition: all .5s linear; */
}

.footer_search{
    margin: 50px 0 0;
    position: relative;
    padding: 0 0 0 50%;
}

.footer_search:before{
    /* content: ""; */
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 1;
    top: 0;
    left: 100%;
    background: var(--black);
}

.footer_search .footer_top{
    padding-top: 30px;
    padding-bottom: 30px;
}

.footer_search .footer_top .col-12.col-md-6.footer_top_left,
.footer_search .footer_top .col-12.col-md-6.footer_top_right{
    flex: 0 0 100%;
    max-width: 100%;
}

.footer_search .footer_top_left h2,
.footer_search .footer_top_left p,
.footer_search .footer_top_left h4{
    padding-bottom: 25px;
}

.footer_search .footer_top_left .footer_white_logo{
    margin: 0 auto 25px;
}

.home_search_block.active{
    box-shadow: 0px 0px 2px 6px rgba(36, 61, 214, .3);
}

.footer_search .footer_bottom_left.desktop_version ul{
    justify-content: center;
}

.footer_search .footer_bottom_left.desktop_version ul.footer_links li{
    margin: 0 15px 20px 0;
} 


.school-check  > #map{
    position: relative !important;
    inset: initial !important;
    z-index: initial;
}

.productList_header.itsticked {
    position: fixed;
    top: 120px;
    z-index: 20;
    background: #fff;
    padding: 8px 0;
}

.map_hov_txt ul:last-child{
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;

}


.propertycountlabel{
    width: auto;
    position: absolute;
    z-index: 10;
    padding: 0.5rem 1rem;
    background-color: rgba(34,34,34,.75);
    -webkit-backdrop-filter: blur(3px);
    backdrop-filter: blur(3px);
    color: #fff;
    border-radius: 6px;
    overflow: hidden;
    top: 11px !important;
    left: 186px;
    /* transform: unset; */
    font-size: .875rem;
    font-weight: 400;
    line-height: 1.5;
    max-width: 180px;

    display: none;
}

.propertycountlabel span{
    font-weight: var(--font-bold);
}