@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');
:root {

  --White: #FFF;
  --Black: #000;
  
  --Blue-25: #F5F9FD;
  --Blue-50: #CADEF8;
  --Blue-100: #A2C5F3;
  --Blue-200: #79ACEE;
  --Blue-300: #5193E9;
  --Blue-400: #287AE4;
  --Blue-500: #0061DF;
  --Blue-600: #0052BE;
  --Blue-700: #00449C;
  --Blue-800: #00357B;
  --Blue-900: #002759;
  --Blue-950: #001838;

  --Gray-25: #F5F6F7;
  --Gray-50: #D9DDE1;
  --Gray-100: #C0C5CC;
  --Gray-200: #A6AEB7;
  --Gray-300: #8D96A2;
  --Gray-400: #737F8E;
  --Gray-500: #5A6779;
  --Gray-600: #405064;
  --Gray-700: #273850;
  --Gray-800: #0D213B;
  --Gray-900: #0A192C;
  --Gray-950: #07111E;

}
html, body {
    overscroll-behavior-x:none;
}
body{
  font-family: 'Cabinet Grotesk', sans-serif;
  margin: 0;
  padding: 0;
  background: var(--White,#FFF);
}
a{
  user-select: none;
  box-sizing: border-box;
}
div{
  box-sizing: border-box;
}
h1,h2,h3{
  margin: 0;
}
h1{  
  color: var(--Gray-950, #07111E);
  font-size: 60px;
  font-style: normal;
  font-weight: 800;
  line-height: 72px;
  letter-spacing: -1.2px;
}
h2{
  color: var(--Gray-950, #07111E);  
  font-size: 48px;
  font-style: normal;
  font-weight: 800;
  line-height: 60px;
  letter-spacing: -0.96px;
  margin-bottom: 20px;
}
h3{
  color: var(--Gray-950, #07111E);
  font-family: "Cabinet Grotesk";
  font-size: 36px;
  font-style: normal;
  font-weight: 800;
  line-height: 44px;
  letter-spacing: -0.72px;
}
input:-webkit-autofill,
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus, 
input:-webkit-autofill:active{
    -webkit-box-shadow: 0 0 0 30px white inset !important;
}
.overlay{
  background-color: var(--Gray-950,#07111e);
  opacity: .5;
  position: fixed;
  width: 100%;
  height: 100%;
  z-index: 1001;
  top: 0;
  left: 0;
  display: none;
}
.contact-form{
  margin: 0;
  padding: 0;
  max-width: 650px;
  margin: 0 auto;
}
.contact-form input[type="text"] {
    border: #DEDDE9 solid 1px;
    border-radius: 7px;
    margin-bottom: 20px;
    padding: 9px 10px;
    width: 100%;
}
.contact-form textarea{
    border: #DEDDE9 solid 1px;
    border-radius: 7px;
    margin-bottom: 10px;
    padding: 9px 10px;
    width: 100%;
    height: 300px;
}
.contact-form .greenMsg{
  color: #1b841b;
    margin-bottom: 10px;
    font-weight: 500;
}
.contact-form .redMsg{
  color: #f00;
    margin-bottom: 10px;
    font-weight: 500;
}

.inner-page{
  margin-top: 20px;
  min-height: 500px;
  padding-bottom: 30px;
}
.inner-page p{
  color: var(--Gray-600, #405064);
  font-family: Inter;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 28px;  
}
.filter-overlay{
  display: none;
}
.banner-container,.inner-banner-container{
  padding: 16px 16px 0 16px;    
  position: relative;
  z-index: 100;
}
.banner-container .banner{
  margin: 0 auto;
  background-size:cover;
  background-image: url(/images/bg.jpg);
  background-repeat: no-repeat;
  background-position: center;
  height: 700px;
  border-radius: 24px;
}
.banner-container .banner .front{
  padding: 0 16px;
  width: 100%;
  height: 100%;
  border-radius: 24px;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.14) 12.89%, rgba(0, 0, 0, 0.20) 64.06%), linear-gradient(180deg, rgba(0, 0, 0, 0.10) 0%, rgba(0, 0, 0, 0.20) 77.34%), linear-gradient(180deg, rgba(0, 0, 0, 0.08) 0%, rgba(0, 0, 0, 0.20) 69.49%), linear-gradient(180deg, rgba(0, 0, 0, 0.06) 0%, rgba(19, 13, 2, 0.20) 66.21%), linear-gradient(180deg, rgba(0, 0, 0, 0.04) 0%, rgba(0, 0, 0, 0.20) 58.4%);
}
.banner-container .banner .front .home-banner-text{
  max-width: 768px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 192px;
  text-align: center;
  color: var(--White, #FFF);
  text-align: center;    
}
.banner-container .banner .front .home-banner-subtext{
  max-width: 560px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 24px;
  color: var(--Gray-50, #D9DDE1);
  text-align: center;
  font-family: Inter;
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 30px;
}

.inner-banner-container .banner{
  margin: 0 auto;
  background-size:cover;
  background-image: url(/images/bg-inner.jpg);
  background-repeat: no-repeat;
  background-position: center;
  height: 480px;
  border-radius: 10px;
}
.inner-banner-container .banner .front{
  padding: 0 16px;
  width: 100%;
  height: 100%;
  border-radius: 10px;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.14) 12.89%, rgba(0, 0, 0, 0.20) 64.06%), linear-gradient(180deg, rgba(0, 0, 0, 0.10) 0%, rgba(0, 0, 0, 0.20) 77.34%), linear-gradient(180deg, rgba(0, 0, 0, 0.08) 0%, rgba(0, 0, 0, 0.20) 69.49%), linear-gradient(180deg, rgba(0, 0, 0, 0.06) 0%, rgba(19, 13, 2, 0.20) 66.21%), linear-gradient(180deg, rgba(0, 0, 0, 0.04) 0%, rgba(0, 0, 0, 0.20) 58.4%);
}
.inner-banner-container .banner .front .home-banner-text{
  padding-top: 176px;
  text-align: center;
  color: var(--White, #FFF);
  text-align: center;    
}

.top-nav{
  margin: 0 auto;
  width: 84%;
  max-width: 1440px;
  padding: 20px 0;
  position: absolute;
  margin-top: 16px;
  z-index: 101;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  display: grid;
  grid-template-columns: auto auto auto;
}
.top-nav .menu ul li:hover .nav-sub-menu{
  display: block;
}
.top-nav .menu ul li.expandable{
  background-image: url(/images/chevron-down-16.svg);
  background-repeat: no-repeat;
  background-size: 16px;
  background-position: right 14px;
  padding-right: 20px;
}
.top-nav-black .menu ul li.expandable{
  background-image: url(/images/chevron-down.svg);
}
.top-nav .menu ul li.expandable:hover{
/*  background-image: url(/images/chevron-up.svg);*/
}

.profile-page{
  margin-top: 96px;
  display: grid;
  grid-template-columns: 280px auto;
  border-radius: 16px 16px 0px 0px;
  border: 1px solid var(--Blue-50, #CADEF8);
  position: fixed;
  left: 50%;
  transform: translateX(-50%);
  height: calc(100% - 98px);
  overflow: hidden;
}
.profile-page .mobile-menu{
  display: none;
}
.profile-page .left-area{
  border-right: 1px solid var(--Blue-50, #CADEF8);
  background: var(--White, #FFF);
  width:calc(100% - 1px);
/*  border-top-left-radius: 16px;*/
}
.profile-page .menu-container{
  display: block;
}
.profile-page .left-area ul{
  margin: 0;
  padding: 0;
  list-style: none;
  text-align: left;
}
.profile-page .left-area ul li:hover a{
  color: var(--Blue-500, #0061DF);
}
.profile-page .profile_menu_profile:hover img,.profile-page .profile_menu_profile.selected img{
  content: url(/images/user-01-blue.svg);
}
.profile-page .profile_menu_password:hover img,.profile-page .profile_menu_password.selected img{
  content: url(/images/key-01-blue.svg);
}
.profile-page .profile_menu_notifications:hover img,.profile-page .profile_menu_notifications.selected img{
  content: url(/images/bell-01-blue.svg);
}
.profile-page .profile_menu_saved:hover img,.profile-page .profile_menu_saved.selected img{
  content: url(/images/heart-blue.svg);
}
.profile-page .profile_menu_signout:hover img,.profile-page .profile_menu_signout.selected img{
  content: url(/images/log-out-01-blue.svg);
}
.profile-page .left-area ul li a img{
  width: 20px;
  height: 20px;
  margin-right: 10px;
  vertical-align: middle;
  margin-top: -2px;
}
.profile-page .left-area ul li a{
  padding: 10px 20px;
  height: 44px;
  color: var(--Gray-700, #273850);
  font-family: Inter;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 20px;
  display: block;
  text-decoration: none;
  border-top:solid 1px transparent;
  border-bottom:solid 1px transparent;
}
.profile-page .left-area ul li a:hover{
  background: var(--Blue-25, #F5F9FD);
}
.profile-page .left-area ul li a.selected{
  border-top:1px solid var(--Blue-50, #CADEF8);
  border-bottom: 1px solid var(--Blue-50, #CADEF8);
  background: var(--Blue-25, #F5F9FD);
}
.profile-page .left-area ul li:first-child a{
  border-top:solid 1px transparent;
  border-top-left-radius: 16px;
}
.profile-page .left-area ul li:last-child{
  position: absolute;
  bottom: 0;
  width: 279px;
}
/*.profile-page .left-area ul li:last-child a{
  background: transparent;
  border:solid 1px transparent !important;
}*/
.profile-page .right-area{
  background: #fff;  

}
.profile-page .right-area .right-area-header{
  padding: 32px;  
  background: rgba(255, 255, 255, 0.92);
  backdrop-filter: blur(10px);
  display: grid;
  grid-template-columns: auto 250px;
  border-radius: 0 16px 0 0;      
  /*position: fixed;
  width: calc(100% - 280px);
  top: 0;*/
  border-bottom: 1px solid var(--Blue-50, #CADEF8);  
}
.profile-page .right-area .right-area-header .left .title{
  color: var(--Blue-950, #001838);
  font-family: Inter;
  font-size: 30px;
  font-style: normal;
  font-weight: 700;
  line-height: 38px;
}
.profile-page .right-area .right-area-header .left .subtitle{
  color: var(--Gray-600, #405064);
  font-family: Inter;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  margin-top: 4px;
}
.profile-page .right-area .right-area-header .right{
  text-align: right;
}



.profile-page .right-area .right-area-header .right .cancel{
  cursor: pointer;
  border-radius: 100px;
  background: var(--Gray-25, #F5F6F7);
  padding: 10px 18px;
  height: 40px;
  display: inline-block;
  color: var(--Gray-700, #273850);
  text-align: center;
  font-family: Inter;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 20px;
}
.profile-page .right-area .right-area-header .right .save{
  cursor: pointer;
  border-radius: 100px;
  border: 1px solid var(--Stroke-Grad, #0061DF);
  background: var(--Fill-Grad, linear-gradient(180deg, #287AE4 0%, #0052BE 100%));
  box-shadow: 0px 0px 1px 1px rgba(255, 255, 255, 0.30) inset, 0px 0px 2px 2px rgba(255, 255, 255, 0.15) inset, 0px 1px 1px 1px rgba(255, 255, 255, 0.20) inset, 0px 21px 9px 0px rgba(7, 17, 30, 0.02), 0px 12px 7px 0px rgba(7, 17, 30, 0.05), 0px 5px 5px 0px rgba(7, 17, 30, 0.09), 0px 1px 3px 0px rgba(7, 17, 30, 0.10);
  backdrop-filter: blur(5px);
  height: 40px;
  padding: 10px 18px;
  display: inline-block;
  color: var(--White, #FFF);
  text-align: center;
  font-family: Inter;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 20px;
  margin-left: 8px;
}
.profile-page .right-area .right-area-content{  
  background: #fff;
/*  border-top: 1px solid var(--Blue-50, #CADEF8);  */
 
}
.profile-page .right-area .right-area-content .inner{
  overflow-y: auto;
  max-height: calc(100vh - 227px);
  scrollbar-width: none;
  padding: 32px;
}
.profile-page .right-area .right-area-content .inner .right-profile .profile-image-component{
  padding: 16px;
  border-radius: 16px;
  border: 1px solid var(--Blue-50, #CADEF8);
  background: var(--Blue-25, #F5F9FD);
  box-shadow: 0px 1px 2px 0px rgba(7, 17, 30, 0.05);
  backdrop-filter: blur(5px);
  width: 222px;
}
.profile-page .right-area .right-area-content .inner .right-profile .profile-image-component .image{
  width: 190px;
  height: 190px;
  background-color: var(--Blue-100, #A2C5F3);
  text-align: center;
}
.profile-page .right-area .right-area-content .inner .right-profile .profile-image-component .image i{
  font-style: normal;
  text-align: center;
  text-shadow: 0px 24px 7px rgba(7, 17, 30, 0.00), 0px 16px 6px rgba(7, 17, 30, 0.01), 0px 9px 5px rgba(7, 17, 30, 0.03), 0px 4px 4px rgba(7, 17, 30, 0.04), 0px 1px 2px rgba(7, 17, 30, 0.05);
  -webkit-text-stroke-width: 1;
  -webkit-text-stroke-color: #000;
  font-family: Inter;
  font-size: 128px;
  font-style: normal;
  font-weight: 500;
  line-height: 190px;

  background: linear-gradient(180deg, rgba(255, 255, 255, 0.60) 0%, #FFF 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  backdrop-filter: blur(5px);
}
.profile-page .right-area .right-area-content .inner .right-profile .profile-image-component .image img{
  width:100%;
  height:100%;
  object-fit:cover;
}
.profile-page .right-area .right-area-content .inner .right-profile .profile-image-component .actions{
  margin-top: 16px;
  display: grid;
  grid-template-columns: auto 36px;
  user-select: none;
}
.profile-page .right-area .right-area-content .inner .right-profile .profile-image-component .actions .upload-photo-btn{  
  cursor: pointer;
  display: inline-block;
  width: 142px;
  height: 36px;
  padding: 8px 13px 8px 36px;
  border-radius: 100px;
  border: 1px solid var(--Blue-50, #CADEF8);
  background: var(--White, #FFF);
  box-shadow: 0px 0px 1px 1px rgba(255, 255, 255, 0.90) inset, 0px 1px 1px 1px rgba(255, 255, 255, 0.60) inset, 0px 0px 2px 2px rgba(255, 255, 255, 0.45) inset, 0px 1px 2px 0px rgba(7, 17, 30, 0.05);
  backdrop-filter: blur(5px);
  color: var(--Blue-500, #0061DF);
  text-align: center;
  font-family: Inter;
  font-size: 13px;
  font-style: normal;
  font-weight: 600;    
  background-image: url(/images/image-plus.svg);
  background-position: 14px center;
  background-repeat: no-repeat;
  box-sizing: border-box;
}
.profile-page .right-area .right-area-content .inner .right-profile .profile-image-component .actions .del-photo-btn{
  cursor: pointer;
  width: 36px;
  height: 36px;
  border-radius: 100px;
  border: 1px solid var(--Red-50, #F8D0D0);
  background: var(--Red-25, #FDF5F5);
  box-shadow: 0px 0px 1px 1px rgba(255, 255, 255, 0.90) inset, 0px 1px 1px 1px rgba(255, 255, 255, 0.60) inset, 0px 0px 2px 2px rgba(255, 255, 255, 0.45) inset, 0px 1px 2px 0px rgba(7, 17, 30, 0.05);
  backdrop-filter: blur(5px);
  background-image: url(/images/trash-03.svg);
  background-position: center;
  background-repeat: no-repeat;
}
.profile-page .right-area .right-area-content .inner .right-profile .basic-profile-component,.profile-page .right-area .right-area-content .inner .right-profile .basic-address-component,.profile-page .right-area .right-area-content .inner .right-password .profile-password-component{
  border-radius: 16px;
  border: 1px solid var(--Blue-50, #CADEF8);
  background: var(--Blue-25, #F5F9FD);
  box-shadow: 0px 1px 2px 0px rgba(7, 17, 30, 0.05);
  backdrop-filter: blur(5px);
  padding: 0 24px 24px 24px;
  margin-top: 24px;
}
.profile-page .right-area .right-area-content .inner .fielder .field .icon{
  width: 20px;
  height: 20px;
  position: absolute;
  right: 11px;
  top: 50%;
  transform: translateY(-50%);
  cursor: pointer;
}
.profile-page .right-area .right-area-content .inner .halfhalf{
  display: grid;
/*  grid-template-columns: auto auto;*/
  grid-template-columns: 50% 50%;
}
.profile-page .right-area .right-area-content .inner .halfhalf .fielder:first-child{
  width: calc(100% - 16px);
}
.profile-page .right-area .right-area-content .inner  .halfhalf .fielder:last-child{
  margin-left: 16px;
  width: calc(100% - 16px);
}
.profile-page .right-area .right-area-content .inner .fielder{
  margin-top: 20px;
}
.profile-page .right-area .right-area-content .inner .fielder label{
  margin-bottom: 6px;
  color: var(--Gray-700, #273850);
  font-family: Inter;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 20px; /* 142.857% */
  display: inline-block;
}
.profile-page .right-area .right-area-content .inner .fielder .dd-field{
  position: relative;
  z-index: 2;
}
.profile-page .right-area .right-area-content .inner .fielder .field{
  padding: 10px 14px;
  border-radius: 14px;
  border: 1px solid var(--Gray-100, #C0C5CC);
  background: var(--White, #FFF);
  box-shadow: 0px 1px 2px 0px rgba(7, 17, 30, 0.05);
  backdrop-filter: blur(5px);
}
.profile-page .right-area .right-area-content .inner .fielder .field input[type=text],.profile-page .right-area .right-area-content .inner .fielder .field input[type=password]{
  color: var(--Gray-500, #5A6779);
  font-family: Inter;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  width: calc(100% - 25px);
  outline: none;
  border:none;
}
.profile-page .right-area .right-area-content .inner .fielder .field-with-icon input{
  width: calc(100% - 24px);
}

.profile-page .right-area-password-profile,.profile-page .right-area-favorite-profile{
  display: none;
}
.profile-page .right-area-favorite-profile .right-area-content .card{
  user-select: none;
  cursor: pointer;
  position: relative;
  width: 308px;  
  display: inline-block;
  border-radius: 24px;
  border: 1px solid var(--Blue-100, #A2C5F3);
  background: linear-gradient(180deg, #A2C5F3 0%, #CADEF8 60%, #F5F9FD 100%);
  box-shadow: 0px 0px 1px 2px rgba(255, 255, 255, 0.50) inset, 0px 3px 12px 0px rgba(7, 17, 30, 0.04), 0px 2px 4px 0px rgba(7, 17, 30, 0.04), 0px 1px 1px 0px rgba(7, 17, 30, 0.04);
  padding: 24px;
  transition: .3s ease;
}
.profile-page .right-area-favorite-profile .right-area-content .card .img-box{
  transition: .3s ease;
}
.profile-page .right-area-favorite-profile .right-area-content .card:hover{
  border-radius: 24px;
  border: 1px solid var(--Blue-100, #A2C5F3);
  background: linear-gradient(180deg, #A2C5F3 0%, #CADEF8 60%, #CADEF8 100%);
  box-shadow: 0px 0px 1px 2px rgba(255, 255, 255, 0.50) inset, 0px 3px 12px 0px rgba(7, 17, 30, 0.04), 0px 2px 4px 0px rgba(7, 17, 30, 0.04), 0px 1px 1px 0px rgba(7, 17, 30, 0.04), 0px 0px 0px 6px rgba(202, 222, 248, 0.50);
  transition: .3s ease;
}
.profile-page .right-area-favorite-profile .right-area-content .card:hover .img-box:first-child{
  transform: rotate(-5deg);
  transition: .3s ease;
}
.profile-page .right-area-favorite-profile .right-area-content .card:hover .img-box:last-child{
  transform: rotate(5deg);
  transition: .3s ease;
}
.profile-page .right-area-favorite-profile .right-area-content .card:first-child{
  margin-right: 32px;
  margin-bottom: 24px;
}
.profile-page .right-area-favorite-profile .right-area-content .card .title{
  color: var(--Gray-950, #07111E);
  font-family: Inter;
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 32px; /* 133.333% */
  margin-top: 20px;
  transition: .3s ease;
}
.profile-page .right-area-favorite-profile .right-area-content .card:hover .title{
  color: var(--Blue-500, #0061DF);
  transition: .3s ease;
}
.profile-page .right-area-favorite-profile .right-area-content .card .subtitle{
  color: var(--Gray-600, #405064);
  font-family: Inter;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px; /* 150% */
  margin-top: 8px;
}

.profile-page .right-area-favorite-profile .right-area-content .card .bg-container{
  padding: 20px;  
  position: relative;
}
.profile-page .right-area-favorite-profile .right-area-content .card .bg-container .img-box{
  position: relative;
  width: 180px;
  height: 140px;
  padding: 6px;  
  border-radius: 16px;
  background: var(--White, #FFF);
  box-shadow: 0px 140px 56px 0px rgba(7, 17, 30, 0.01), 0px 79px 47px 0px rgba(7, 17, 30, 0.03), 0px 35px 35px 0px rgba(7, 17, 30, 0.04), 0px 9px 19px 0px rgba(7, 17, 30, 0.05);
}
.profile-page .right-area-favorite-profile .right-area-content .card .bg-container .img-box:last-child{
  margin-top: calc(-100px);
  margin-left: 40px;  
}
.profile-page .right-area-favorite-profile .right-area-content .card .bg-container .img-box img{
  border-radius: 16px;
}
.profile-page .fadeIn{
  animation: .3s fadeIn forwards;
}
.profile-page .profile-message{
  text-align: center;
  color: #f00;
  font-weight: 600;
  font-size: 16px;
}
.profile-page .profile-message-green{
  color: #090;
}
.drawer .inner .nav ul li a:hover{
  text-decoration: none;
}
.drawer .inner .nav ul li a.expandable{
  background-image: url(/images/chevron-down.svg);
  background-repeat: no-repeat;
  background-size: 20px;
  background-position: calc(100% - 31px) center;
}
.drawer .inner .nav ul li a.expandable.opened{
  background-image: url(/images/chevron-up.svg);
}
.drawer .inner .head .logo a{
  user-select: none;
  float: left;
  color: var(--Gray-950, #07111E);
  font-family: "Cabinet Grotesk";
  font-size: 24px;
  font-style: normal;
  font-weight: 800;
  line-height: 46px;
  text-decoration: none;
}
.drawer .inner .head .logo a .img{
  background: url(/images/logo-blue.svg);
  width: 26px;
  height: 24px;
  display: inline-block;
  
  margin-right: 10px;  
}
.top-nav .site-logo .img{
  background: url(/images/logo-white.svg);
  width: 26px;
  height: 24px;
  display: inline-block;
  
  margin-right: 10px;  
}
.top-nav .site-logo a{
  user-select: none;
  float: left;

  color: var(--White, #FFF);
  font-family: "Cabinet Grotesk";
  font-size: 24px;
  font-style: normal;
  font-weight: 800;
  line-height: normal;
  text-decoration:none;  

}
.top-nav-black .site-logo a{
  color: var(--Gray-950, #07111E);
}
.top-nav-black .site-logo .img{
  background: url(/images/logo-blue.svg);
}

.top-nav .menu{
    /*float: left;
    width: calc(100% - 134px - 112px);*/
    text-align: center;    
    line-height: 32px;
}
.top-nav .menu > ul{
  list-style: none;
  margin: 0;
  padding: 0;
  font-family: Inter;
}
.top-nav .menu > ul > li{
  display: inline-block;
  margin: 0 16px;
  line-height: 40px; /* 142.857% */
  position: relative;
}
.top-nav .menu > ul > li a{
  color: var(--Gray-50, #D9DDE1);    
  font-size: 14px;
  font-style: normal;
  font-weight: 500;  
  text-decoration: none;
}
.top-nav .menu ul li .nav-sub-menu ul li a{
  color: var(--Gray-700, #273850);
}
.top-nav-black .menu ul li a{
  color: var(--Gray-600, #405064);
}
.top-nav .links{
  text-align:right;
/*  float: right;*/
  position: relative;
}
.btn-icon-user{
  background-image: url(/images/user-01.svg);
  background-repeat: no-repeat;
  background-position: 17px center;
  padding-left: 42px !important;
}

.round-btn-icon-user{
  background-image: url(/images/user-01.svg);
  background-repeat: no-repeat;
  background-position: center;  
}
.round-btn-icon-user-white{
  background: url(/images/user-01_white.svg) no-repeat 18px center,var(--Fill-Grad, linear-gradient(180deg, #287AE5 0%, #0052BE 100%)) !important;
  background-repeat: no-repeat;
  background-position: center;  
  background-position: 22px center;
  padding-left: 42px !important;
}
.btn-icon-filter-48{
  background-image: url(/images/settings-04.svg);
  background-repeat: no-repeat;
  background-position: 22px center;
  padding-left: 50px !important;
}
.round-btn-icon-search-56{
  background-image: url(/images/search-md.svg), var(--Fill-Grad, linear-gradient(180deg, #287AE4 0%, #0052BE 100%) );  
  background-repeat: no-repeat;
  background-position: center; 
}
.round-btn-icon-search-48{
  background-image: url(/images/search-md-20.svg), var(--Fill-Grad, linear-gradient(180deg, #287AE4 0%, #0052BE 100%) );  
  background-repeat: no-repeat;
  background-position: center; 
}
.round-btn-icon-menu-40{
  background-image: url(/images/menu-lines.svg);  
  background-repeat: no-repeat;
  background-position: center; 
}
.round-button-secondary-40{
  cursor: pointer;
  user-select: none;
  display: flex;
  width: 40px;
  height: 40px;  
  justify-content: center;
  align-items: center;
  gap: 6px;
  flex-shrink: 0;

  border-radius: 100px;
  border: 1px solid var(--Blue-50, #CADEF8);
  background-color: var(--Blue-25, #F5F9FD);
  box-shadow: 0px 0px 1px 1px rgba(255, 255, 255, 0.90) inset, 0px 1px 1px 1px rgba(255, 255, 255, 0.60) inset, 0px 0px 2px 2px rgba(255, 255, 255, 0.45) inset, 0px 1px 2px 0px rgba(7, 17, 30, 0.05);
  backdrop-filter: blur(5px);

}
.round-button-primary-40{
  cursor: pointer;
  user-select: none;
  display: inline-block;
  height: 40px;
  border-radius: 100px;
  border: 1px solid var(--Stroke-Grad, #0061DF);
  background: var(--Fill-Grad, linear-gradient(180deg, #287AE4 0%, #0052BE 100%));
  box-shadow: 0px 0px 1px 1px rgba(255, 255, 255, 0.30) inset, 0px 0px 2px 2px rgba(255, 255, 255, 0.15) inset, 0px 1px 1px 1px rgba(255, 255, 255, 0.20) inset, 0px 21px 9px 0px rgba(7, 17, 30, 0.02), 0px 12px 7px 0px rgba(7, 17, 30, 0.05), 0px 5px 5px 0px rgba(7, 17, 30, 0.09), 0px 1px 3px 0px rgba(7, 17, 30, 0.10);

  color: var(--White, #FFF);
  text-align: center;
  font-family: Inter;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;  
  backdrop-filter: blur(5px);
  text-decoration: none;
  padding: 10px 18px;
}
.round-button-primary-48{
  cursor: pointer;
  outline: none;  
  width: 48px;
  height: 48px;
  padding: 12px 22px;
  justify-content: center;
  align-items: center;
  border-radius: 100px;
  border: 1px solid var(--Stroke-Grad, #0061DF);  
  box-shadow: 0px 0px 1px 1px rgba(255, 255, 255, 0.30) inset, 0px 0px 2px 2px rgba(255, 255, 255, 0.15) inset, 0px 1px 1px 1px rgba(255, 255, 255, 0.20) inset, 0px 21px 9px 0px rgba(7, 17, 30, 0.02), 0px 12px 7px 0px rgba(7, 17, 30, 0.05), 0px 5px 5px 0px rgba(7, 17, 30, 0.09), 0px 1px 3px 0px rgba(7, 17, 30, 0.10);
  backdrop-filter: blur(5px);
}
.round-button-primary-56{
  cursor: pointer;
  outline: none;  
  width: 56px;
  height: 56px;
  padding: 16px 26px;
  justify-content: center;
  align-items: center;
  border-radius: 100px;
  border: 1px solid var(--Stroke-Grad, #0061DF);  
  box-shadow: 0px 0px 1px 1px rgba(255, 255, 255, 0.30) inset, 0px 0px 2px 2px rgba(255, 255, 255, 0.15) inset, 0px 1px 1px 1px rgba(255, 255, 255, 0.20) inset, 0px 21px 9px 0px rgba(7, 17, 30, 0.02), 0px 12px 7px 0px rgba(7, 17, 30, 0.05), 0px 5px 5px 0px rgba(7, 17, 30, 0.09), 0px 1px 3px 0px rgba(7, 17, 30, 0.10);
  backdrop-filter: blur(5px);
}


.round-button-primary-44{
  display: inline-block;
  cursor: pointer;
  outline: none;  
  height: 44px;
  padding: 10px 20px;
  vertical-align: middle;
  justify-content: center;
  align-items: center;
  gap: 8px;
  flex-shrink: 0;

  border-radius: 100px;
  border: 1px solid var(--Stroke-Grad, #0061DF);
  background: var(--Fill-Grad, linear-gradient(180deg, #287AE4 0%, #0052BE 100%));
  box-shadow: 0px 0px 1px 1px rgba(255, 255, 255, 0.30) inset, 0px 0px 2px 2px rgba(255, 255, 255, 0.15) inset, 0px 1px 1px 1px rgba(255, 255, 255, 0.20) inset, 0px 21px 9px 0px rgba(7, 17, 30, 0.02), 0px 12px 7px 0px rgba(7, 17, 30, 0.05), 0px 5px 5px 0px rgba(7, 17, 30, 0.09), 0px 1px 3px 0px rgba(7, 17, 30, 0.10);
  backdrop-filter: blur(5px);

  color: var(--White, #FFF);
  text-align: center;
  font-family: Inter;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 22px;

}
.round-button-tertiary-44{
  display: inline-block;
  cursor: pointer;
  outline: none;  
  height: 44px;
  padding: 10px 20px;
  vertical-align: middle;
  justify-content: center;
  align-items: center;
  gap: 8px;
  flex-shrink: 0;

  border-radius: 100px;
  border: 1px solid var(--Gray-50, #D9DDE1);
  background-color: var(--White, #FFF);
  box-shadow: 0px 1px 2px 0px rgba(7, 17, 30, 0.05);
  backdrop-filter: blur(5px);

  color: var(--Gray-700, #273850);
  text-align: center;
  font-family: Inter;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 22px;

}
.round-button-tertiary-40{
  cursor: pointer;
  outline: none;  
  display: inline-flex;
  width: 40px;
  height: 40px;  
  vertical-align: middle;
  justify-content: center;
  align-items: center;
  gap: 6px;
  flex-shrink: 0;

  border-radius: 100px;
  border: 1px solid rgba(217, 221, 225, 0.40);
  background-color: rgba(255, 255, 255, 0.20);
  box-shadow: 0px 1px 2px 0px rgba(7, 17, 30, 0.05);
  backdrop-filter: blur(5px);

}
.button-primary-48{
  text-decoration: none;
  cursor: pointer;
  outline: none;
  display: inline-flex;
  height: 48px;
  padding: 12px 22px;
  justify-content: center;
  align-items: center;
  gap: 8px;
  flex-shrink: 0;  
  color: var(--White, #FFF);
  text-align: center;
  font-family: Inter;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 24px;

  border-radius: 100px;
  border: 1px solid var(--Stroke-Grad, #0061DF);
  background: var(--Fill-Grad, linear-gradient(180deg, #287AE4 0%, #0052BE 100%));

  /* Primary */
  box-shadow: 0px 0px 1px 1px rgba(255, 255, 255, 0.30) inset, 0px 0px 2px 2px rgba(255, 255, 255, 0.15) inset, 0px 1px 1px 1px rgba(255, 255, 255, 0.20) inset, 0px 21px 9px 0px rgba(7, 17, 30, 0.02), 0px 12px 7px 0px rgba(7, 17, 30, 0.05), 0px 5px 5px 0px rgba(7, 17, 30, 0.09), 0px 1px 3px 0px rgba(7, 17, 30, 0.10);
  backdrop-filter: blur(5px);
  box-sizing: border-box;

}
.button-secondary-48{
  user-select: none;
  cursor: pointer;
  outline: none;  
  text-decoration: none;
  box-sizing: border-box;

  display: inline-flex;
  height: 48px;
  padding: 12px 22px;
  justify-content: center;
  align-items: center;
  gap: 8px;
  flex-shrink: 0;

  border-radius: 100px;
  border: 1px solid var(--Blue-50, #CADEF8);
  background-color: var(--Blue-25, #F5F9FD);
  box-shadow: 0px 0px 1px 1px rgba(255, 255, 255, 0.90) inset, 0px 1px 1px 1px rgba(255, 255, 255, 0.60) inset, 0px 0px 2px 2px rgba(255, 255, 255, 0.45) inset, 0px 1px 2px 0px rgba(7, 17, 30, 0.05);
  backdrop-filter: blur(5px);

  color: var(--Blue-500, #0061DF);
  text-align: center;  
  font-family: Inter;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 24px;

}
.button-secondary-40{
  cursor: pointer;
  outline: none;
  font-family: Inter;
  display: inline-flex;
  height: 40px;
  padding: 10px 18px;
  justify-content: center;
  align-items: center;
  gap: 6px;
  flex-shrink: 0;
  border-radius: 100px;
  border: 1px solid var(--Blue-50, #CADEF8);
  background-color: var(--Blue-25, #F5F9FD);  
  box-shadow: 0px 0px 1px 1px rgba(255, 255, 255, 0.90) inset, 0px 1px 1px 1px rgba(255, 255, 255, 0.60) inset, 0px 0px 2px 2px rgba(255, 255, 255, 0.45) inset, 0px 1px 2px 0px rgba(7, 17, 30, 0.05);
  backdrop-filter: blur(5px);
  box-sizing: border-box;
  text-decoration: none;

  color: var(--Blue-500, #0061DF);
  text-align: center;    
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 20px;
  box-sizing: border-box;
}
.reset-apply-buttons{
  display: grid;
  grid-template-columns: auto auto;
  margin-top: 80px;
}
.reset-apply-buttons div:last-child{
  text-align: right;
}
.reset-apply-buttons .btn-filter-reset{
  
}
.reset-apply-buttons .btn-filter-apply{
  
}
.home-banner-searchbar{
  margin: 0 auto;
  margin-top: 48px;
  width: 100%;
  max-width: 560px;
  padding: 4px;
  border-radius: 100px;
  border: 1px solid rgba(255, 255, 255, 0.10);
  background: rgba(255, 255, 255, 0.20);
  box-shadow: 0px 253px 101px 0px rgba(0, 0, 0, 0.03), 0px 143px 86px 0px rgba(0, 0, 0, 0.10), 0px 63px 63px 0px rgba(0, 0, 0, 0.17), 0px 16px 35px 0px rgba(0, 0, 0, 0.20);
  backdrop-filter: blur(10px);
}
.no-banner-searchbar{  
  margin-top: 192px;
/*  width: calc(100% - 112px - 112px);    */

  max-width:none;
  border-radius: 100px;
  border: 1px solid rgba(217, 221, 225, 0.10);
  background: rgba(217, 221, 225, 0.50);
  backdrop-filter: none;
  box-shadow: none;
}
.home-banner-sb-inner{
  padding: 4px 4px 4px 24px;
  border-radius: 100px;
  border: 1px solid rgba(255, 255, 255, 0.90);
  background: rgba(255, 255, 255, 0.80);
  box-shadow: 0px 94px 38px 0px rgba(0, 0, 0, 0.01), 0px 53px 32px 0px rgba(0, 0, 0, 0.05), 0px 24px 24px 0px rgba(0, 0, 0, 0.09), 0px 6px 13px 0px rgba(0, 0, 0, 0.10);
  backdrop-filter: blur(10px);  
  position: relative;
  z-index: 2;
}
.no-banner-searchbar .home-banner-sb-inner{
  padding: 4px 4px 4px 20px;
}
.home-banner-sb-inner input[type="search"]{
  font-family: Inter;
  margin-top: 15px;
  background: transparent;
/*  margin-left: 20px;*/
  color: var(--Gray-600, #405064);
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  outline: none;
  border: none; 
  float: left; 
  width: calc(100% - 56px - 14px);
}
.home-banner-sb-inner input[type="search"]::placeholder{
  opacity: 1;
  color: var(--Gray-600, #405064);  
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
}
.home-banner-sb-inner input[type="search"]:focus{
  color: var(--Gray-950, #07111E);
}

.home-banner-sb-inner button.round-button-primary-56{
  float: right;
}
.content-1{
  margin-left: auto;
  margin-right: auto;
  width:84%;
  max-width: 1440px;
  padding-left: 0;
  padding-right: 0;
}
.container-1{
/*  width: 100%;*/
/*  padding: 0 96px;  */
  margin:0 auto;
}
.home-section-1{
  margin-top: 8px;
  display: grid;
  grid-template-columns: auto auto;
}
.container-1-bg{
  padding: 96px 0 0 0;
  background: var(--Blue-25, #F5F9FD);
}
.container-1-bg .home-section-1{
  margin-top: 0;
/*  padding: 0 96px;*/
}
.container-2-bg{
  padding: 96px 0 96px 0;
  background: var(--White, #FFF);
}
.container-2-bg .home-section-1{
  margin-top: 0;
/*  padding: 0 96px;*/
}
.container-3-bg{
  padding: 96px 0 96px 0;
  background: var(--Blue-950, #001838);
}
.container-faq-bg{
  padding: 96px 0 96px 0;
  background: var(--White, #FFF);
}
.container-faq-bg .faq{
  display: grid;
  grid-template-columns: auto auto;
}
.container-faq-bg .faq .left{
  padding-right: 50px;
}
.container-faq-bg .faq .left h3{
  margin-bottom: 20px;
}
.container-faq-bg .faq .right{
  
}
.container-faq-bg .faq .right .faqs-list{
  max-width: 576px;
  float: right;
}
.container-faq-bg .faq .right .faqs-list .card{
  padding: 24px;
}
.container-faq-bg .faq .right .faqs-list .card-active{
  transition: .150s ease;
  border-radius: 16px;
  background: var(--White, #FFF);
  box-shadow: 0px 855px 239px 0px rgba(7, 17, 30, 0.00), 0px 547px 219px 0px rgba(7, 17, 30, 0.01), 0px 308px 185px 0px rgba(7, 17, 30, 0.03), 0px 137px 137px 0px rgba(7, 17, 30, 0.04), 0px 34px 75px 0px rgba(7, 17, 30, 0.05);
}
.container-faq-bg .faq .right .faqs-list .card .title{
  position: relative;
}
.container-faq-bg .faq .right .faqs-list .card .title span{
  color: var(--Gray-950, #07111E);
  font-family: Inter;
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: 28px;
  display: block;
  width: calc(100% - 36px - 12px);
}
.container-faq-bg .faq .right .faqs-list .card .title .faq-button-plus{
  cursor: pointer;
  width: 36px;
  height: 36px;
  position: absolute;
  right: 0;
  top: 0;
  border-radius: 100px;
  border: 1px solid var(--Blue-50, #CADEF8);
  background-image: url(/images/plus.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-color: var(--Blue-25, #F5F9FD);  
  box-shadow: 0px 0px 1px 1px rgba(255, 255, 255, 0.90) inset, 0px 1px 1px 1px rgba(255, 255, 255, 0.60) inset, 0px 0px 2px 2px rgba(255, 255, 255, 0.45) inset, 0px 1px 2px 0px rgba(7, 17, 30, 0.05);
  backdrop-filter: blur(5px);
}
.container-faq-bg .faq .right .faqs-list .card .title .faq-button-minus{
  cursor: pointer;
  width: 36px;
  height: 36px;
  position: absolute;
  right: 0;
  top: 0;
  border-radius: 100px;
  border: 1px solid var(--Blue-50, #CADEF8);
  background-image: url(/images/minus.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-color: var(--Blue-25, #F5F9FD);  
  box-shadow: 0px 0px 1px 1px rgba(255, 255, 255, 0.90) inset, 0px 1px 1px 1px rgba(255, 255, 255, 0.60) inset, 0px 0px 2px 2px rgba(255, 255, 255, 0.45) inset, 0px 1px 2px 0px rgba(7, 17, 30, 0.05);
  backdrop-filter: blur(5px);
}
.container-faq-bg .faq .right .faqs-list .card .answer{
  overflow: hidden;
  height: 0;
  width: calc(100% - 36px - 12px);
  margin-top: 8px;
  color: var(--Gray-600, #405064);
  font-family: Inter;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  opacity: 0;
}
.container-faq-bg .faq .right .faqs-list .card-active .answer{
  overflow:auto;
  height: auto;
  opacity: 1;
  transition: .4s ease;
}
.home-neighbour-list{
  margin-top: 64px;  
}
.home-guides-list{
  margin-top: 64px;    
  text-align: left;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
}
.home-guides-list .card{  
  overflow: hidden;
  height: 480px;
  max-width: 396px;
  padding: 6px;
  border-radius: 16px;
  border: 1px solid var(--White, #FFF);
  background: var(--White, #FFF);
  transition: .3s ease;  
}
.home-guides-list .card:hover{  
  transition: .150s ease;
  display:inline-block;
/*  max-width: 98%;*/
/*  height: 424px;*/
  padding: 6px;
  border-radius: 16px;
  border: 1px solid var(--White, #FFF);
  background: var(--White, #FFF);
  box-shadow: 0px 855px 239px 0px rgba(7, 17, 30, 0.00), 0px 547px 219px 0px rgba(7, 17, 30, 0.01), 0px 308px 185px 0px rgba(7, 17, 30, 0.03), 0px 137px 137px 0px rgba(7, 17, 30, 0.04), 0px 34px 75px 0px rgba(7, 17, 30, 0.05);
}
.home-guides-list .card .image{
  width: 100%;
  height: 240px;
  border-radius: 16px;
  overflow: hidden;
  transition: .15s ease;
}
.home-guides-list .card:hover .image{
  height: 172px;  
  transition: .15s ease;
}
.home-guides-list .card .image img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.home-guides-list .card:nth-child(1){ 
  /*justify-self: flex-start;*/
}
.home-guides-list .card:nth-child(2){ 
  justify-self: center;
}
.home-guides-list .card:nth-child(3){ 
  justify-self: flex-end;
}
/*.home-guides-list .card:nth-child(2){
  margin: 0 32px;
}*/

.home-guides-list .card .detail{  
  padding: 20px 18px 18px 18px;
/*  padding: 20px 18px;*/
  text-align: left;
}
.home-guides-list .card .detail .author-info{
  display: flex;
  align-items: center;
  margin-top: 0;
}
.home-guides-list .card .detail .author-info img{
  width: 32px;
  height: 32px;
  border-radius: 100px;
  object-fit: cover;
}
.home-guides-list .card .detail .author-info .name{
  color: var(--Gray-950, #07111E);
  font-family: Inter;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  margin-left: 12px;
}
.home-guides-list .card .detail .author-info .dot{
  color: var(--Gray-400, #737F8E);
  font-family: Inter;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  padding: 0 6px;
}
.home-guides-list .card .detail .author-info .date{
  color: var(--Gray-600, #405064);
  font-family: Inter;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
}
/*.home-guides-list .card .profile .avatar_image{
  background-image: url(/images/avatar.png);
  background-repeat: no-repeat;
  background-position: center;
  width: 32px;
  height: 32px;
  border-radius: 100px;
  display: inline-block;
  vertical-align: middle;
  margin-right: 12px;
  background-size: contain;
}
.home-guides-list .card .profile span.title{
  color: var(--Gray-950, #07111E);
  font-family: Inter;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 20px; 
}
.home-guides-list .card .profile span.dot{
  color: var(--Gray-400, #737F8E);  
  font-family: Inter;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  padding: 0 6px;
}
.home-guides-list .card .profile span.date{
  color: var(--Gray-400, #405064);  
  font-family: Inter;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
}*/
.home-guides-list .card .detail .title{
  overflow: hidden;
  color: var(--Gray-950, #07111E);
  text-overflow: ellipsis;
  font-family: Inter;
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 30px;
  margin-top: 16px;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.home-guides-list .card .detail .desc{
  overflow: hidden;
  color: var(--Gray-600, #405064);
  text-overflow: ellipsis;
  font-family: Inter;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  min-height: 48px;
  margin-top: 8px;
  display: -webkit-box;
  -webkit-line-clamp: 2;        /* Show only 2 lines */
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
.home-guides-list .card .categories{
  margin-top: 24px;
}
.home-guides-list .card .categories .item{
  border-radius: 18px;
  background: var(--Gray-25, #F5F6F7);
  padding: 6px 12px;
  color: var(--Gray-600, #405064);
  text-align: center;
  font-family: Inter;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  text-transform: capitalize;
}
.home-guides-list .card .detail .link{
  display: none;
  height: 44px;
  padding: 10px 0px;
  background-image:url(/images/chevron-right-blue.svg);
  background-repeat: no-repeat;
  background-position: right center;
  margin-top: 24px;
  display: inline-block;
  text-decoration: none;
}
.home-guides-list .card .detail .link span{
  color: var(--Blue-500, #0061DF);
  text-align: center;  
  font-family: Inter;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 24px; 
  margin-right: 28px;
}
.owl-custom-nav{
  position: absolute;
  z-index: 2;
  margin-top: -144px;
  padding-left: 96px;
}
.owl-left-round-btn{
  background-image: url(/images/arrow-narrow-left.svg);  
  margin-right: 24px;
}
.owl-right-round-btn{
  background-image: url(/images/arrow-narrow-right.svg);  
}
.owl-left-round-btn,.owl-right-round-btn{  
  cursor: pointer;
  background-position: center;
  background-repeat: no-repeat;
  width: 48px;
  height: 48px;
  padding: 12px 22px;
  border-radius: 100px;
  border: 1px solid var(--Blue-50, #CADEF8);
  background-color: var(--Blue-25, #F5F9FD);
  box-shadow: 0px 0px 1px 1px rgba(255, 255, 255, 0.90) inset, 0px 1px 1px 1px rgba(255, 255, 255, 0.60) inset, 0px 0px 2px 2px rgba(255, 255, 255, 0.45) inset, 0px 1px 2px 0px rgba(7, 17, 30, 0.05);
  backdrop-filter: blur(5px);
  display: block;
  float: left;
}
.owl-carousel-neighbour .owl-item{
  margin-right: 32px;
}
.home-neighbour-list .card{
  cursor: pointer;
  width: 300px;
/*  margin-right: 32px;*/
  margin-bottom: 192px;
  padding: 6px;
  border-radius: 16px;
  background: var(--White, #FFF);
  box-shadow: 0px 140px 56px 0px rgba(7, 17, 30, 0.01), 0px 79px 47px 0px rgba(7, 17, 30, 0.03), 0px 35px 35px 0px rgba(7, 17, 30, 0.04), 0px 9px 19px 0px rgba(7, 17, 30, 0.05);
  transition: .5s ease;
}
.home-neighbour-list .card:hover{
  box-shadow: 0px 187px 75px 0px rgba(7, 17, 30, 0.01), 0px 105px 63px 0px rgba(7, 17, 30, 0.05), 0px 47px 47px 0px rgba(7, 17, 30, 0.09), 0px 12px 26px 0px rgba(7, 17, 30, 0.10);
  transition: .5s ease;
}
.home-neighbour-list .card div.image{
  background-image:url(/images/neighbour-image.png);
  background-position: center; 
  border-radius: 12px;
  background-size: 100%;
  height: 320px;
  transition:.5s ease;
  position: relative;
}
.home-neighbour-list .card div.image .balloon{
  width: 24px;
  height: 24px;  
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  opacity: 0;
  transition: .5s ease;
  transition: .5s ease;
}
.home-neighbour-list .card div.image .balloon .circle-1{
  border-radius: 100px;
  width: 24px;
  height: 24px;
  background: #fff;
  opacity: .25;
  left: 50%;
  top:50%;
  transform: translate(-50%, -50%);  
  position: absolute;
  transition: .5s ease;
}
.home-neighbour-list .card div.image .balloon .circle-2{
  border-radius: 100px;
  width: 16px;
  height: 16px;
  background: #fff;
  opacity: .50;
  left: 50%;
  top:50%;
  transform: translate(-50%, -50%);  
  position: absolute;
  transition: .5s ease;
}
.home-neighbour-list .card div.image .balloon .circle-3{
  border-radius: 100px;
  width: 4px;
  height: 4px;
  background: #fff;
  opacity: 1;
  left: 50%;
  top:50%;
  transform: translate(-50%, -50%);  
  position: absolute;
  transition: .5s ease;
}
.home-neighbour-list .card div.image .balloon .marker{  
  position: absolute;
  left: 50%;
  top:50%;
  width: 15px;
  height: 20px;  
  transform: translate(-50%, -87%);
  transition: .5s ease;
}
.home-neighbour-list .card:hover div.image .balloon .marker{
  width: 30px;
  height: 40px;  
  transition: .5s ease;
}

.home-neighbour-list .card:hover div.image .balloon{
  width: 48px;
  height: 48px;  
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  opacity: 1;
  transition: .5s ease;
}
.home-neighbour-list .card:hover div.image .balloon .circle-1{
  border-radius: 100px;
  width: 48px;
  height: 48px;
  background: #fff;
  opacity: .25;
  left: 50%;
  top:50%;
  transform: translate(-50%, -50%);  
  position: absolute;
  transition: .5s ease;
}
.home-neighbour-list .card:hover div.image .balloon .circle-2{
  border-radius: 100px;
  width: 32px;
  height: 32px;
  background: #fff;
  opacity: .50;
  left: 50%;
  top:50%;
  transform: translate(-50%, -50%);  
  position: absolute;
  transition: .5s ease;
}
.home-neighbour-list .card:hover div.image .balloon .circle-3{
  border-radius: 100px;
  width: 8px;
  height: 8px;
  background: #fff;
  opacity: 1;
  left: 50%;
  top:50%;
  transform: translate(-50%, -50%);  
  position: absolute;
  transition: .5s ease;
}
.home-neighbour-list .card:hover div.image{
  background-size: 110%;
  transition:.5s ease;
}
.home-neighbour-list .card .detail{
  padding: 20px 18px 18px 18px;
}
.home-neighbour-list .card .detail .title{
  overflow: hidden;
  color: var(--Gray-950, #07111E);
  text-overflow: ellipsis;
  font-family: Inter;
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 32px;  

  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.home-neighbour-list .card:hover .detail .title{
  color: var(--Blue-500, #0061DF);
}
.home-neighbour-list .card .detail .key_value{
  margin-top: 10px;
  color: var(--Gray-600, #405064);
  font-family: Inter;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
}
.home-neighbour-list .card .detail .key_value span{
  color: var(--Gray-950, #07111E);
  font-weight: 500;
}
.home-section-1 .left-side{
  
}
.home-section-1 .left-side .sub-result{
  margin-top: 20px;
  color: var(--Gray-600, #405064);
  font-family: Inter;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 28px;
  display: inline-block;
}
.home-section-1 .right-side{
  display: flex;
  align-items: flex-end;
  justify-content: right;
}
.home-section-1 .left-side p{
  color: var(--Gray-600, #405064);
  font-family: Inter;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 28px;
  margin: 20px 0 0 0;
}

.detail-page-section-sp{
  border-top: 1px solid var(--Gray-50, #D9DDE1);
  margin-top: 30px !important;  
  padding-top: 96px;
}

.home-prop-list .cards-container-inner{
  margin-top: 64px;
}
.firstsearch-cards-container-inner{
  margin-top: 48px;
}
.property-card{
  position: relative;
  cursor: pointer;
  float: left;
  padding: 16px;
  width: 33%;
  border-radius: 24px;
/*  transition: .5s ease;  */
}
.property-card .property-card-type{
  position: absolute;
  top: 32px;
  left: 32px;
  padding: 4px 12px;
  z-index: 2;

  border-radius: 18px;
  background: rgba(245, 246, 247, 0.90);

  /* Shadows/shadow-xs */
  box-shadow: 0px 1px 2px 0px rgba(7, 17, 30, 0.05);
  backdrop-filter: blur(5px);


  color: var(--Gray-600, #405064);
  text-align: center;
  font-family: Inter;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 20px;
}
.property-card:hover{
  transition: .5s ease;  
  background: var(--White, #FFF);
  box-shadow: 0px 855px 239px 0px rgba(7, 17, 30, 0.00), 0px 547px 219px 0px rgba(7, 17, 30, 0.01), 0px 308px 185px 0px rgba(7, 17, 30, 0.03), 0px 137px 137px 0px rgba(7, 17, 30, 0.04), 0px 34px 75px 0px rgba(7, 17, 30, 0.05);
}
.property-card:hover .detail .facilities .item .bed-icon{
  transition: .6s ease;
  background-image: url(/images/bed-blue.svg);
}
.property-card:hover .detail .facilities .item .shower-icon{
  transition: .6s ease;
  background-image: url(/images/shower-blue.svg);
}
.property-card:hover .detail .facilities .item .car-icon{
  transition: .6s ease;
  background-image: url(/images/car-blue.svg);
}
.property-card:hover .detail .facilities .item .sqft-icon{
  transition: .6s ease;
  background-image: url(/images/sqft-blue.svg);
}
.property-card .prop-image{
  border: none;
  outline: none;
  width: 100%;
  height: 240px;
  border-radius: 10px;
  object-fit: cover;
}
.property-card .detail{
  margin-top: 16px;
  padding: 4px;
}
.property-card .detail .price{
  color: var(--Gray-950, #07111E);
  font-family: Inter;
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 32px;
}
.property-card .detail .addr{
  margin: 8px 0 0 0;
  color: var(--Gray-600, #405064);
  font-family: Inter;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
/*  height: 48px;*/
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.right-area-favorite-profile .right-area-content .inner .showFavList .property-card,.right-area-favorite-profile .right-area-content .inner .showRecentlyViewed .property-card{
  width: 33.33%;
}
.facilities{
  margin-top: 16px;
  /*display: inline-grid;
  grid-template-columns: auto auto auto auto;*/
}
.facilities .item{
  text-align: center;
  margin-right:24px;
  display: inline-block;
}
.facilities .item:last-child{
  margin-right: 0px;
}
.property-card .detail .facilities .item .bed-icon{
  background-image: url(/images/bed-grey.svg);
}
.property-card .detail .facilities .item .shower-icon{
  background-image: url(/images/shower-grey.svg);
}
.property-card .detail .facilities .item .car-icon{
  background-image: url(/images/car-grey.svg);
}
.property-card .detail .facilities .item .sqft-icon{
  background-image: url(/images/sqft-grey.svg);
}
.facilities .item .icon{
  display: flex;
  width: 36px;
  height: 36px;
  justify-content: center;
  align-items: center;
  gap: 10px;
  border-radius: 60px;
  background-color: var(--Gray-25, #F5F6F7);
  background-repeat: no-repeat;
  background-position: center;
  margin: 0 auto;
}
.facilities .item .text{
  margin-top: 4px;
  color: var(--Gray-600, #405064);
  font-family: Inter;
  font-size: 11px;
  font-style: normal;
  font-weight: 500;
  line-height: 20px;
/*  text-transform: uppercase;*/
}
.property-card .owl-theme .owl-dots{
  position: absolute;
  top: calc(100% - 30px);
  width: 100%;
}
.property-card .owl-theme .owl-dots .owl-dot span{
  background: var(--Blue-25, #F5F9FD);
  opacity: 0.6;
}
.property-card .owl-theme .owl-dots .active span{
  background: var(--Blue-25, #F5F9FD) !important;
  opacity: 1;
}
.property-card .owl-theme .owl-nav{
  top: calc(50% - 16px);
  position: absolute;
  width: 100%;
  margin-top: 0;
}
.property-card .owl-theme .owl-nav .owl-prev{
  visibility: hidden;
  transition: .4s ease;
  opacity: 0;
  margin: 0 0 0 16px;
  display: flex;
  width: 32px;
  height: 32px;
  padding: 6px 12px;
  justify-content: center;
  align-items: center;
  gap: 6px;
  flex-shrink: 0;
  position: absolute;
  left:0;
  letter-spacing: 0;
  font-size: 0;
  color: rgba(255, 255, 255, 0.90);
  border-radius: 100px;
  border: 1px solid var(--Gray-50, #D9DDE1);
  background-color: rgba(255, 255, 255, 0.90);  
  box-shadow: 0px 1px 2px 0px rgba(7, 17, 30, 0.05);
  backdrop-filter: blur(5px);
  background-image: url(/images/chevron-left.svg);
  background-position: center;
  background-repeat: no-repeat;
}
.property-card .owl-theme .owl-nav .owl-next{
  visibility: hidden;
  transition: .4s ease;
  opacity: 0;
  margin: 0 16px 0 0;
  display: flex;
  width: 32px;
  height: 32px;
  padding: 6px 12px;
  justify-content: center;
  align-items: center;
  gap: 6px;
  flex-shrink: 0;
  position: absolute;
  right: 0;
  letter-spacing: 0;
  font-size: 0;
  color: rgba(255, 255, 255, 0.90);
  border-radius: 100px;
  border: 1px solid var(--Gray-50, #D9DDE1);
  background-color: rgba(255, 255, 255, 0.90);  
  box-shadow: 0px 1px 2px 0px rgba(7, 17, 30, 0.05);
  backdrop-filter: blur(5px);
  background-image: url(/images/chevron-right.svg);
  background-position: center;
  background-repeat: no-repeat;
}
.property-card:hover .owl-theme .owl-nav .owl-prev,.property-card:hover .owl-theme .owl-nav .owl-next{
  transition: .4s ease;
  visibility: visible;
  opacity: 1;
}
.property-card .owl-theme .owl-dots .owl-dot span{
  width: 8px;
  height: 8px;
  margin: 0 4px;
}
.inner-prop-list,.home-prop-list{
/*  display: grid;*/
  padding: 0 0 96px 0;
}
.filter-on{
  display: grid;
  grid-template-columns: calc(100% - 400px) auto;
}
.filter-on .property-card{
  width: 50%;
}
.listing-area{

}
.filter-area{
  display: none;
  margin-top: 48px;
  padding: 16px 16px 16px 32px;      
}
.filter-area .title{
  display:none;  
}
.filter-area .title span{
  cursor: pointer;
  display: block;
  position: absolute;
  right: 16px;
  top: 16px;
  font-size: 18px;
  border: solid 1px #aaa;
  border-radius: 100px;
  width: 26px;
  height: 26px;
  line-height: 24px;
  text-align: center;
  background: #fff;
}
.filter-area .filter-inner{
/*  background-color: #ff0;*/
  width: 352px;  
  user-select: none;
}
.filter-area .filter-inner .filter-title{
  color: var(--Gray-950, #07111E);
  font-family: Inter;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 24px;  
}

.filter-area .filter-inner .filter-title-gap{
  margin-top: 40px;
  margin-bottom: 16px;
}

/*######### CUSTOM CHECKBOX - STAT*/
.checkbox div{
  cursor: pointer;
  display: inline-block;  
  width: 20px;
  height: 20px;
  padding: 3px;
  justify-content: center;
  align-items: center;
  gap: 10px;
  border-radius: 6px;
  border: 1.5px solid var(--Gray-100, #C0C5CC);
  background: var(--White, #FFF);
  box-shadow: 0px 1px 2px 0px rgba(7, 17, 30, 0.05);
  backdrop-filter: blur(5px);
}
.checkbox div.active{
  cursor: pointer;    
  border-radius: 6px;
  border: 1px solid var(--Stroke-Grad, #0061DF);
  background:url(/images/check.svg) center no-repeat, var(--Fill-Grad, linear-gradient(180deg, #287AE4 0%, #0052BE 100%));
  box-shadow: 0px 0px 1px 1px rgba(255, 255, 255, 0.30) inset, 0px 0px 2px 2px rgba(255, 255, 255, 0.15) inset, 0px 1px 1px 1px rgba(255, 255, 255, 0.20) inset, 0px 21px 9px 0px rgba(7, 17, 30, 0.02), 0px 12px 7px 0px rgba(7, 17, 30, 0.05), 0px 5px 5px 0px rgba(7, 17, 30, 0.09), 0px 1px 3px 0px rgba(7, 17, 30, 0.10);
  backdrop-filter: blur(5px);
}
.checkbox span{
  color: var(--Gray-700, #273850);
  text-align: center;
  font-family: Inter;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;  
  margin-left: 12px;
  position: relative;
  top: -4px;
}
/*######### CUSTOM CHECKBOX - END*/

.gap-16{
  margin-top: 10px; 
}
.mobile-menu-icon{
  user-select: none;
  display: none;
  margin-left: 8px;
}
.mobile-signin-btn{
  user-select: none;
  display: none;
}

/*######### RANGE - START*/
.muz-slider{
  padding-top: 8px;
}
.muz-slider .price-input-label {
  width: 100%;
  display: grid;
  margin: 31px 0 6px 0;
  grid-template-columns: 50% 50%;
  padding-left: 5px;
}

.muz-slider .price-input-label .label{
  color: var(--Gray-700, #273850);
  font-family: Inter;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 20px;
}

.muz-slider .price-input-label .label:first-child{
  margin-right: 10px;
}
.muz-slider .price-input-label .label:last-child{
  margin-left: 10px;
}
.muz-slider .price-input {
  width: 100%;
  display: grid;
  margin: 0 0 31px 0;
  grid-template-columns: 50% 50%;
  position: relative;
  z-index: 2;
}
.muz-slider .price-input .field {
  
}
.muz-slider .field input {
  width: calc(100% - 24px );
  height: 100%;
  background: transparent;
  outline: none;
  font-size: 19px;  
  border-radius: 5px;
  text-align: center;
  border: none;
  -moz-appearance: textfield;
}
.muz-slider input[type="number"]::-webkit-outer-spin-button,
.muz-slider input[type="number"]::-webkit-inner-spin-button {
  -webkit-appearance: none;
}
.muz-slider .price-input .separator {
  width: 130px;
  display: flex;
  font-size: 19px;
  align-items: center;
  justify-content: center;
}
.muz-slider .slider {
  height: 8px;
  position: relative;
  background: var(--Gray-50, #D9DDE1);
  border-radius: 5px;
}
.muz-slider .slider .progress {
  height: 100%;
  left: 25%;
  right: 25%;
  position: absolute;
  border-radius: 5px;
  background: linear-gradient(90deg, #CADEF8 0%, #79ACEE 25%, #287AE4 50%, #0061DF 75%, #0052BE 100%);
}
.muz-slider .range-input {
  position: relative;
}
.muz-slider .range-input input {
  outline: none;
  position: absolute;
  width: 100%;
  height: 8px;
  top: -9px;
  background: none;
  pointer-events: none;
  -webkit-appearance: none;
  -moz-appearance: none;
}
.muz-slider input[type="range"]::-webkit-slider-thumb {
  height: 24px;
  width: 24px;
  cursor: pointer;  

  border-radius: 100px;
  border: 1.5px solid var(--Stroke-Grad, #0061DF);
  background: var(--White, #A2C5F3);
  /* Primary */
  box-shadow: 0px 0px 1px 1px rgba(255, 255, 255, 0.30) inset, 0px 0px 2px 2px rgba(255, 255, 255, 0.15) inset, 0px 1px 1px 1px rgba(255, 255, 255, 0.20) inset, 0px 21px 9px 0px rgba(7, 17, 30, 0.02), 0px 12px 7px 0px rgba(7, 17, 30, 0.05), 0px 5px 5px 0px rgba(7, 17, 30, 0.09), 0px 1px 3px 0px rgba(7, 17, 30, 0.10);
  backdrop-filter: blur(5px);
  
  pointer-events: auto;
  -webkit-appearance: none;
  box-shadow: 0 0 6px rgba(0, 0, 0, 0.05);
}
.muz-slider input[type="range"]::-moz-range-thumb {
  cursor: pointer;
  height: 24px;
  width: 24px;
  border: none;
  border-radius: 50%;
  background: #A2C5F3;
  pointer-events: auto;
  -moz-appearance: none;
  box-shadow: 0 0 6px rgba(0, 0, 0, 0.05);
}
.muz-slider .field:first-child .ddown{
  margin-right: 10px;
}
.muz-slider .field:last-child .ddown{
  margin-left: 10px;
}
.muz-slider .field .ddown{
  cursor: pointer;
  padding: 10px 14px;
  border-radius: 14px;
  border: 1px solid var(--Gray-100, #C0C5CC);
  background-color: var(--White, #FFF);  
  box-shadow: 0px 1px 2px 0px rgba(7, 17, 30, 0.05);
  backdrop-filter: blur(5px);

  background-image:url(/images/chevron-down.svg);  
  background-repeat: no-repeat;
  background-position: calc(100% - 14px) center;

}
/*######### RANGE - END*/

/*######### dropdown-1 - START*/
.dropdown-1{    
  cursor: pointer;
  user-select: none;  
  right: 5px; 
  top: 5px;  

  padding: 10px 14px;
  border-radius: 14px;
  border: 1px solid var(--Gray-100, #C0C5CC);
  background: var(--White, #FFF);  
  box-shadow: 0px 1px 2px 0px rgba(7, 17, 30, 0.05);
  backdrop-filter: blur(5px);

  background-image:url(/images/chevron-down.svg);
  background-repeat: no-repeat;
  background-position-x: calc(100% - 12px);
  background-position-y: 14px;

  
}
.dropdown-1 .dropdown-value{
  
  color: var(--Gray-500, #5A6779);  
  font-family: Inter;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  width: calc(100% - 22px);
}
.dropdown-1-focused{
  border: 1px solid #0061DF !important;
  background-color: var(--White, #FFF) !important;
  box-shadow: 0px 1px 2px 0px rgba(7, 17, 30, 0.05), 0px 0px 0px 3px rgba(0, 97, 223, 0.08) !important;
  backdrop-filter: blur(5px) !important;
}
.dropdown-1-focused .dropdown-value{
  color: var(--Gray-500, #5A6779) !important;
}
.dropdown-1 .dropdown-list-outer{
  display: none;
  margin-top: 16px;
  position: absolute;
  width: 100%;
  margin-left: -14px;
  box-sizing: border-box;
  z-index: 1000;
  border-radius: 14px;
  border: 1px solid #0061DF;
  background: var(--White, #FFF);
  box-shadow: 0px 20px 24px -4px rgba(7, 17, 30, 0.08), 0px 8px 8px -4px rgba(7, 17, 30, 0.03);
  overflow: hidden;
}
.dropdown-1 .dropdown-list{   
    

  list-style: none;
  padding: 0px 6px; 
  height: auto;
  max-height: 300px;
  overflow-y: auto;
  
}
.dropdown-1 .dropdown-list li{    
  padding: 10px 10px 10px 8px;  
  border-radius: 6px; 
}
.dropdown-1 .dropdown-list li:hover,.dropdown-1 .dropdown-list li.active{
  background-color: var(--Primary-Primary-25, #F7FAFF);
  background-image: url(/images/dd-check.svg);
  background-repeat: no-repeat;
  background-position: calc(100% - 10px) center;
}

/*##### banner-search-list - START*/
.home-banner-searchbar .city-list{  
  display: none;
  margin: 8px 0 0 0;
  position: absolute;
  width: 100%;  
  box-sizing: border-box;
  z-index: 1000;
  border-radius: 14px;
  border: 1px solid #0061DF;
  background: var(--White, #F7F7F7);
  box-shadow: 0px 20px 24px -4px rgba(7, 17, 30, 0.08), 0px 8px 8px -4px rgba(7, 17, 30, 0.03);
  overflow: hidden;
  margin-left: -24px;
}
.home-banner-searchbar .city-list .list{  
  list-style: none;
  padding: 0px 6px; 
  height: auto;
  max-height: 400px;
  overflow-y: auto;
}
.home-banner-searchbar .city-list .list li{    
  padding: 10px 10px 10px 8px;  
  border-radius: 6px;
  cursor: pointer;
}
.home-banner-searchbar .city-list .list li:hover div,.home-banner-searchbar .city-list .list li.active{
  
  cursor: pointer;    
  border-radius: 6px;
  border: 1px solid var(--Stroke-Grad, #0061DF);
  background:url(/images/check.svg) center no-repeat, var(--Fill-Grad, linear-gradient(180deg, #287AE4 0%, #0052BE 100%));
  box-shadow: 0px 0px 1px 1px rgba(255, 255, 255, 0.30) inset, 0px 0px 2px 2px rgba(255, 255, 255, 0.15) inset, 0px 1px 1px 1px rgba(255, 255, 255, 0.20) inset, 0px 21px 9px 0px rgba(7, 17, 30, 0.02), 0px 12px 7px 0px rgba(7, 17, 30, 0.05), 0px 5px 5px 0px rgba(7, 17, 30, 0.09), 0px 1px 3px 0px rgba(7, 17, 30, 0.10);
  backdrop-filter: blur(5px);

}
/*##### banner-search-list -  END*/


/*##### list - START*/
.filter_dd_list-container{
  position: relative;
  display: none;
}
.filter_dd_city_list{
  margin-top: 8px;
  position: absolute;
  width: 100%;
  box-sizing: border-box;
  z-index: 1000;
  border-radius: 14px;
  border: 1px solid #0061DF;
  background: var(--White, #FFF);
  box-shadow: 0px 20px 24px -4px rgba(7, 17, 30, 0.08), 0px 8px 8px -4px rgba(7, 17, 30, 0.03);
  overflow: hidden;
}
.filter_dd_city_list .list{   
    

  list-style: none;
  padding: 0px 6px; 
  height: auto;
  max-height: 200px;
  overflow-y: auto;
  
}
.filter_dd_city_list .list li{    
  padding: 10px 10px 10px 8px;  
  border-radius: 6px;
  cursor: pointer;
}
.filter_dd_city_list .list li:hover div,.filter_dd_city_list .list li.active{
  
  cursor: pointer;    
  border-radius: 6px;
  border: 1px solid var(--Stroke-Grad, #0061DF);
  background:url(/images/check.svg) center no-repeat, var(--Fill-Grad, linear-gradient(180deg, #287AE4 0%, #0052BE 100%));
  box-shadow: 0px 0px 1px 1px rgba(255, 255, 255, 0.30) inset, 0px 0px 2px 2px rgba(255, 255, 255, 0.15) inset, 0px 1px 1px 1px rgba(255, 255, 255, 0.20) inset, 0px 21px 9px 0px rgba(7, 17, 30, 0.02), 0px 12px 7px 0px rgba(7, 17, 30, 0.05), 0px 5px 5px 0px rgba(7, 17, 30, 0.09), 0px 1px 3px 0px rgba(7, 17, 30, 0.10);
  backdrop-filter: blur(5px);

}
/*##### list - END*/

.filter_dd_cities{  
  margin-top: -3px;
  margin-bottom: 3px;
}
.filter_dd_cities div{
    margin: 3px 3px 3px 0;
    text-align: center;
    user-select: none;
    padding: 5px 11px;
    color: var(--Gray-500, #5A6779);
    text-align: center;
    font-family: Inter;
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: 20px;
    display: inline-block;
    border-radius: 100px;
    border: 1.5px solid #bbb;
    background: #F5F9FD;
    position: relative;
}
.filter_dd_cities div i{
  text-decoration:none;
}
.filter_dd_cities div span{
  display: block;
  position: absolute;
  right: 0;
  top: -4px;
  border-radius: 100px;
  width: 14px;
  height: 14px;
  text-align: center;
  vertical-align: middle;
  background: #ddd;
  line-height: 13px;
  font-size: 10px;
  cursor: pointer;
}
.dd-checkbox div{
  cursor: pointer;
  display: inline-block;  
  width: 20px;
  height: 20px;
  padding: 3px;
  justify-content: center;
  align-items: center;
  gap: 10px;
  border-radius: 6px;
  border: 1.5px solid var(--Gray-100, #C0C5CC);
  background: var(--White, #FFF);
  box-shadow: 0px 1px 2px 0px rgba(7, 17, 30, 0.05);
  backdrop-filter: blur(5px);
}
.dd-checkbox:hover div,.dd-checkbox div.active{
  cursor: pointer;    
  border-radius: 6px;
  border: 1px solid var(--Stroke-Grad, #0061DF);
  background:url(/images/check.svg) center no-repeat, var(--Fill-Grad, linear-gradient(180deg, #287AE4 0%, #0052BE 100%));
  box-shadow: 0px 0px 1px 1px rgba(255, 255, 255, 0.30) inset, 0px 0px 2px 2px rgba(255, 255, 255, 0.15) inset, 0px 1px 1px 1px rgba(255, 255, 255, 0.20) inset, 0px 21px 9px 0px rgba(7, 17, 30, 0.02), 0px 12px 7px 0px rgba(7, 17, 30, 0.05), 0px 5px 5px 0px rgba(7, 17, 30, 0.09), 0px 1px 3px 0px rgba(7, 17, 30, 0.10);
  backdrop-filter: blur(5px);
}
.dd-checkbox span{
  color: var(--Gray-700, #273850);
  text-align: center;
  font-family: Inter;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;  
  margin-left: 12px;
  position: relative;
  top: -4px;
}

/*######### dropdown-1 - END*/

/*######### text-1 - START*/
.textfield-1{
  padding: 10px 14px;
  border-radius: 14px;
  border: 1px solid var(--Gray-100, #C0C5CC);
  background: var(--White, #FFF);  
  box-shadow: 0px 1px 2px 0px rgba(7, 17, 30, 0.05);
  backdrop-filter: blur(5px);
}
.textfield-1 input{
  outline: none;
  border:none;
  color: var(--Gray-500, #5A6779);
  font-family: Inter;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  width: 100%;
}
.textfield-1:focus-within{
  border: 1px solid #0061DF;  
  box-shadow: 0px 1px 2px 0px rgba(7, 17, 30, 0.05), 0px 0px 0px 3px rgba(0, 97, 223, 0.08);  
}
.textfield-1:focus-within input{
  color: var(--Gray-950, #07111E);
}
/*######### text-1 - END*/

/*######### radio-1 - START*/
.radio-2{
  display: grid;  
  border-radius: 100px;
  padding: 2px;
  grid-template-columns: auto auto auto auto auto auto;
  background-color: var(--Gray-25, #F5F6F7);
}
.radio-2 .item{
  cursor: pointer;
  height: 40px;
  padding: 10px 18px;
  border: 1.5px solid transparent;
  color: var(--Gray-500, #5A6779);
  text-align: center;  
  font-family: Inter;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 20px;  
}
.radio-2 .item.active{
  border-radius: 100px;
  border: 1.5px solid #0061DF;
  background: #F5F9FD;
}
.radio-2 .item:first-child{
  border-top-left-radius: 100px;
  border-bottom-left-radius: 100px;
}
.radio-2 .item:last-child{
  border-top-right-radius: 100px;
  border-bottom-right-radius: 100px;
}
/*######### radio-1 -  END*/

/*####Scrolling Style - START*/

.filter-area .filter-inner::-webkit-scrollbar {
    width: 10px;
    height: 10px;
}
        
.filter-area .filter-inner::-webkit-scrollbar-track {
    border-radius: 18px;
    background-color: #ddd;
    border: 1px solid #ddd;
}
        
.filter-area .filter-inner::-webkit-scrollbar-thumb {
    border-radius: 18px;
    background-color: #ccc;
}
.filter_dd_city_list::-webkit-scrollbar {
    width: 10px;
    height: 10px;
}
        
.filter_dd_city_list::-webkit-scrollbar-track {
    border-radius: 18px;
    background-color: #ddd;
    border: 1px solid #ddd;
}
        
.filter_dd_city_list::-webkit-scrollbar-thumb {
    border-radius: 18px;
    background-color: #ddd;
}

/*####Scrolling Style - END*/

/*####Pagination - START*/
.pagination-area{
  margin-bottom: 96px;
}
.pagination-v2{
  padding-top: 20px;
  border-top: 1px solid var(--Primary-Primary-50, #E6F0FF);
  text-align: center;
}
.pagination-v2 .nav-button-next-mobile,.pagination-v2 .nav-button-back-mobile{
  display: none;
}
.pagination-v2 .nav-button-back-desktop{
  cursor: pointer;
  user-select: none;
  float:left;
  padding: 10px 18px 10px 40px;
  border-radius: 100px;
  border: 1px solid #CADEF8;
  background-color: #F5F9FD;  
  background-image: url(/images/arrow-narrow-left.svg);
  background-repeat: no-repeat;
  background-position-x: 16px;
  background-position-y: 11px;
  box-shadow: 0px 0px 1px 1px rgba(255, 255, 255, 0.90) inset, 0px 1px 1px 1px rgba(255, 255, 255, 0.60) inset, 0px 0px 2px 2px rgba(255, 255, 255, 0.45) inset, 0px 1px 2px 0px rgba(7, 17, 30, 0.05);
  backdrop-filter: blur(5px);
  color: var(--Primary-Primary-500, #0072FB);
  text-align: center; 
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 20px; 
  display: inline-block;  
}

.pagination-v2 .nav-button-next-desktop{  
  cursor: pointer;
  user-select: none;
  float:right;
  padding: 10px 40px 10px 18px;
  border-radius: 100px;
  border: 1px solid #CADEF8;
  background-color: #F5F9FD;  
  background-image: url(/images/arrow-narrow-right.svg);
  background-repeat: no-repeat;
  background-position-x: calc(100% - 16px);
  background-position-y: 11px;
  box-shadow: 0px 0px 1px 1px rgba(255, 255, 255, 0.90) inset, 0px 1px 1px 1px rgba(255, 255, 255, 0.60) inset, 0px 0px 2px 2px rgba(255, 255, 255, 0.45) inset, 0px 1px 2px 0px rgba(7, 17, 30, 0.05);
  backdrop-filter: blur(5px);
  color: var(--Primary-Primary-500, #0072FB);
  text-align: center; 
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 20px; 
  display: inline-block;  
}
.pagination-v2 .nav-button-next-desktop:hover,.pagination-v2 .nav-button-back-desktop:hover{  
  border: 1.5px solid var(--Primary-Primary-200, #8ABBFF);
  background-color: var(--Primary-Primary-50, #E6F0FF); 
  transition: 0.5s ease;
}
.pagination-v2 .nav-main-pages{
  float: left;
  width: calc(100% - 115px - 90px);
  text-align: center; 
  margin-top: -13px;  
}
.pagination-v2 .nav-main-pages a.pagination-item{
  padding: 10px 0px;  
  width: 40px;
  height: 40px;
  border-radius: 100px;
  border: solid 1px transparent;    
  color: var(--Grey-Grey-500, #686B86);
  text-align: center;
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: 20px;
  text-decoration: none; 
  display: inline-block;
}
.pagination-v2 .nav-main-pages a.pagination-item:hover{
  padding: 10px 0px;  
  width: 40px;
  height: 40px;
  border-radius: 100px;
  border: 1px solid var(--Stroke-Grad, #0061DF);
  background: var(--Fill-Grad, linear-gradient(180deg, #287AE4 0%, #0052BE 100%));
  box-shadow: 0px 0px 1px 1px rgba(255, 255, 255, 0.30) inset, 0px 0px 2px 2px rgba(255, 255, 255, 0.15) inset, 0px 1px 1px 1px rgba(255, 255, 255, 0.20) inset, 0px 21px 9px 0px rgba(7, 17, 30, 0.02), 0px 12px 7px 0px rgba(7, 17, 30, 0.05), 0px 5px 5px 0px rgba(7, 17, 30, 0.09), 0px 1px 3px 0px rgba(7, 17, 30, 0.10);
  backdrop-filter: blur(5px);
  color: var(--White, #FFF);
  text-align: center;
  font-family: Inter;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 20px; 
  display: inline-block;
}
.pagination-v2 .nav-main-pages a.active{
  padding: 10px 0px;  
  width: 40px;
  height: 40px;
  border-radius: 100px;
  border: 1px solid var(--Stroke-Grad, #0061DF);
  background: var(--Fill-Grad, linear-gradient(180deg, #287AE4 0%, #0052BE 100%));
  box-shadow: 0px 0px 1px 1px rgba(255, 255, 255, 0.30) inset, 0px 0px 2px 2px rgba(255, 255, 255, 0.15) inset, 0px 1px 1px 1px rgba(255, 255, 255, 0.20) inset, 0px 21px 9px 0px rgba(7, 17, 30, 0.02), 0px 12px 7px 0px rgba(7, 17, 30, 0.05), 0px 5px 5px 0px rgba(7, 17, 30, 0.09), 0px 1px 3px 0px rgba(7, 17, 30, 0.10);
  backdrop-filter: blur(5px);
  color: var(--White, #FFF);
  text-align: center;
  font-family: Inter;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 20px; 
  display: inline-block;
}
.pagination-v2 .nav-main-pages a.dots-equal{
  background-image: url(/images/dots-deactive.svg);
  background-repeat: no-repeat;  
  background-position: center 24px;
}
.pagination-v2 .nav-main-pages a.dots-equal:hover{
  background-image: url(/images/dots-active.svg);
  background-repeat: no-repeat;
  background-position: center 24px;
  border:solid 1px transparent;
  box-shadow:none;
}
/*####Pagination - END*/

/*#### Testimonials - START #####*/
.container-3-bg .testimonials{
  height: 400px;
}
.testimonials .card .content{
  float: left;
  max-width: 768px;  
  text-align: left;
  width: 64%;
}
.testimonials .card .content .desc{
  margin-top: 82px;
  margin-bottom: 48px;
  color: var(--White, #FFF);
  font-family: "Cabinet Grotesk";
  font-size: 36px;
  font-style: normal;
  font-weight: 500;
  line-height: 44px;
  letter-spacing: -0.72px;
}
.testimonials .card .content .profile{
  float: left;
}
.testimonials .card .content .profile .avatar_image{
  background: url(/images/avatar-testi.jpg) no-repeat;
  width: 56px;
  height: 56px;
  border-radius: 100px;
  float: left;  
}
.testimonials .card .content .profile .info{
  margin-left: 24px;  
  float: left;
}
.testimonials .card .content .profile .info .title{
  color: var(--White, #FFF);
  font-family: Inter;
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  line-height: 28px;
}
.testimonials .card .content .profile .info .subtitle{
  margin-top: 4px;
  color: var(--Blue-200, #79ACEE);
  font-family: Inter;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
}
.testimonials .card .content .arrows{
  float: right;  
}
.testimonials .card .content .arrows .left-arrow{
  cursor: pointer;
  display: inline-block;
  width: 56px;
  height: 56px;
/*  padding: 16px 26px;*/
  border-radius: 100px;
  border: 1px solid var(--Blue-800, #00357B);
  background-color: var(--Blue-900, #002759);
  box-shadow: 0px 1px 2px 0px rgba(7, 17, 30, 0.05);
  backdrop-filter: blur(5px);
  background-image: url(/images/arrow-narrow-left-white.svg);
  background-repeat: no-repeat;  
  background-position: center;
}
.testimonials .card .content .arrows .right-arrow{
  cursor: pointer;
  display: inline-block;
  width: 56px;
  height: 56px;
/*  padding: 16px 26px;*/
  border-radius: 100px;
  border: 1px solid var(--Blue-800, #00357B);
  background-color: var(--Blue-900, #002759);
  box-shadow: 0px 1px 2px 0px rgba(7, 17, 30, 0.05);
  backdrop-filter: blur(5px);
  background-image: url(/images/arrow-narrow-right-white.svg);
  background-repeat: no-repeat;  
  background-position: center;
  margin-left: 32px;
}
.testimonials .card .right{
  float: right;
  text-align: right;
}
.testimonials .card .right .pics{
  position: relative;
}
.testimonials .card .right .pic:nth-child(1){
  background: url(/images/vert-person-1.png) lightgray 50% / cover no-repeat;  
  right: 0;
  z-index: 3;
}
.testimonials .card .right .pic:nth-child(2){
  background: url(/images/vert-person-2.png) lightgray 50% / cover no-repeat;  
  right: 88px;
  z-index: 2;
}
.testimonials .card .right .pic:nth-child(3){
  background: url(/images/vert-person-3.png) lightgray 50% / cover no-repeat;  
  right: 176px;
  z-index: 1;
}
.testimonials .card .right .pic{
  position: absolute;  
  border-radius: 100px;
  border: 8px solid var(--Blue-950, #001838);
  width: 120px;
  height: 400px;  
}
.testimonials .card .right .pic .overlay1{  
  border-radius: 100px;
  position: absolute;
  width: 100%;
  height: 100%;
  background: var(--Black, #000);
  mix-blend-mode: hue;
}
.testimonials .card .right .pic .overlay2{  
  border-radius: 100px;
  position: absolute;
  width: 100%;
  height: 100%;
  opacity: 0.8;
  background: var(--Blue-500, #0061DF);
  mix-blend-mode: soft-light;

}
/*#### Testimonials -  END #####*/



/*####Footer - START*/
footer{  
  padding: 64px 0 48px 0;
  background: #001838;
}
footer div.inner{

}
footer div.inner .footer-logo{
  color: var(--White, #FFF);
  font-family: "Cabinet Grotesk";
  font-size: 26px;
  font-style: normal;
  font-weight: 800;
  line-height: normal;
  text-align: center;
}
footer div.inner .links{
  margin-top: 40px;
  margin-bottom: 64px;
  text-align: center;
}
footer div.inner .links a{
  color: var(--Gray-50, #D9DDE1);
  font-family: Inter;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 24px;
  margin-left: 12px;
  margin-right: 12px;
  text-decoration: none;
}
footer div.inner .bottom-most{
  padding-top: 32px;
  border-top: 1px solid rgba(255, 255, 255, 0.10);
  display: grid;
  grid-template-columns: auto auto auto;
}
footer div.inner .bottom-most .copy{
  color: var(--Gray-100, #C0C5CC);
  font-family: Inter;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
}
footer div.inner .bottom-most .policies{
  text-align: right;
}
footer div.inner .bottom-most .policies a{
  color: var(--Gray-100, #C0C5CC);
  font-family: Inter;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px; 
  text-decoration: none;
}
footer div.inner .bottom-most .policies a:first-child{
  margin-right: 24px;
}
/*####Footer -  END*/

/*####Custom Checkbox */
.checkbox1 {
  display: block;
  position: relative;
    
  cursor: pointer;
  font-size: 22px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* Hide the browser's default checkbox */
.checkbox1 input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

/* Create a custom checkbox */
.checkbox1 .checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 18px;
  width: 18px;
  border-radius: 5.5px;
  border: 1.5px solid var(--Gray-100, #C0C5CC);
  background: var(--White, #FFF);
  box-shadow: 0px 1px 2px 0px rgba(7, 17, 30, 0.05);
  backdrop-filter: blur(5px);
}

/* On mouse-over, add a grey background color */
.checkbox1:hover input ~ .checkmark {
  border-radius: 5.5px;
  border: 1.5px solid var(--Gray-100, #C0C5CC);
  background: var(--White, #FFF);

  /* Shadows/shadow-xs */
  box-shadow: 0px 1px 2px 0px rgba(7, 17, 30, 0.05);
  backdrop-filter: blur(5px);
}

/* When the checkbox is checked, add a blue background */
.checkbox1 input:checked ~ .checkmark {
  widht:18px;
  height: 18px;
  background: url(/images/check.svg) center no-repeat, var(--Fill-Grad, linear-gradient(180deg, #287AE4 0%, #0052BE 100%))
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkbox1 .checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the checkmark when checked */
.checkbox1 input:checked ~ .checkmark:after {
  display: block;
}

/* Style the checkmark/indicator */
.checkbox1 .checkmark:after {
  background: url(/images/check.svg) center no-repeat, var(--Fill-Grad, linear-gradient(180deg, #287AE4 0%, #0052BE 100%));
}

/*##### SIGN IN - START */
.signin{  
  display: none;
/*  position: fixed;*/
/*  width: 472px;  */
  /*border-radius: 16px;
  border: 4px solid var(--White, #FFF);
  background: var(--Blue-25, #F5F9FD);
  box-shadow: 0px 20px 24px -4px rgba(7, 17, 30, 0.08), 0px 8px 8px -4px rgba(7, 17, 30, 0.03);*/  
  /*left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);*/
/*  z-index: 1002;*/
/*  box-sizing: content-box;*/
}
.signin .inner{  
  border-radius: 16px;
  border: 1px solid var(--Blue-50, #CADEF8);
  background: var(--Blue-25, #F5F9FD);
  box-sizing: border-box;
}
.signin .inner .head{
  padding: 16px 24px;
  display: grid;
  grid-template-columns: auto auto;
  border-bottom: 1px solid var(--Blue-50, #CADEF8);
  background: var(--Blue-25, #F5F9FD);
  border-top-left-radius: 16px;
  border-top-right-radius: 16px;
}
.signin .inner .head .title{
  text-align: left;
  color: var(--Gray-950, #07111E);
  font-family: Inter;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 24px;
}
.signin .inner .head .cross{
  text-align: right;
  cursor: pointer;
}
.signin .inner .head .cross img{
  vertical-align: middle;
}
.signin .inner .content{
  padding: 24px;
}
.signin .inner .content .fielder{
  margin-top: 20px;
}
.signin .inner .content .fielder label{
  margin-bottom: 6px;
  color: var(--Gray-700, #273850);
  font-family: Inter;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 20px; /* 142.857% */
  display: inline-block;
}
.signin .inner .content .fielder .field{
  padding: 10px 14px;
  border-radius: 14px;
  border: 1px solid var(--Gray-100, #C0C5CC);
  background: var(--White, #FFF);
  box-shadow: 0px 1px 2px 0px rgba(7, 17, 30, 0.05);
  backdrop-filter: blur(5px);
}
.signin .inner .content .fielder .field input[type=text],.signin .inner .content .fielder .field input[type=password]{
  color: var(--Gray-500, #5A6779);
  font-family: Inter;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  width: calc(100% - 25px);
  outline: none;
  border:none;
}
.signin .inner .content .fielder .field-with-icon input{
  width: calc(100% - 24px);
}
.signin .inner .content .fielder .field .icon{
  width: 20px;
  height: 20px;
  position: absolute;
  right: 11px;
  top: 50%;
  transform: translateY(-50%);
  cursor: pointer;
}
.signin .inner .content .fielder .field .icon img{
  vertical-align: middle;
  width: 20px;
  height: 20px;
}
.signin .pass-options{
  margin: 24px 0;
  display: grid;
  grid-template-columns: auto auto;
}
.signin .pass-options .remember{
  text-align: left;
  color: var(--Gray-700, #273850);
  font-family: Inter;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 21px;
}
.signin .pass-options .remember div{
  padding-left: 29px;
}
.signin .pass-options .forgot{
  text-align: right;
}
.signin .pass-options .forgot a{
  color: var(--Blue-500, #0061DF);
  font-family: Inter;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 20px;
  text-decoration: none;
}
.signin .pass-options .forgot a:hover{
  text-decoration: underline;
}

.signin .popup-signin-btn{
  width: 100%;
  margin-top: 8px;
}
.signin .popup-google-btn{
  width: 100%;
  margin: 20px 0;
  border-radius: 100px;
  border: 1px solid var(--Gray-50, #D9DDE1);
  background: var(--White, #FFF);
  box-shadow: 0px 1px 2px 0px rgba(7, 17, 30, 0.05);
  backdrop-filter: blur(5px);
  color: var(--Gray-700, #273850);
}
.signin .dont-have-account{
  margin:12px 0;
  color: var(--Gray-600, #405064);
  font-family: Inter;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  text-align: center;
}
.signin .dont-have-account a{
  color: var(--Blue-500, #0061DF);  
  font-family: Inter;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 20px;
  text-decoration: none;
}
.signin .dont-have-account a:hover{
  text-decoration: underline;
}

/*##### SIGN IN GLOBAL - START */
.signin-global{
  display: none;
  position: fixed;
  width: 472px;  
  border-radius: 16px;
  border: 4px solid var(--White, #FFF);
  background: var(--Blue-25, #F5F9FD);
  box-shadow: 0px 20px 24px -4px rgba(7, 17, 30, 0.08), 0px 8px 8px -4px rgba(7, 17, 30, 0.03);  
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 1002;
  box-sizing: content-box;
}
.signin-global .inner .error{
  font-weight: 500;
  color: #f00;
  font-size: 17px;
  margin-top:4px;
}
.signin-global .inner .msg-green{
  color: #080 !important;
}
.signin-global .inner{  
  border-radius: 16px;
  border: 1px solid var(--Blue-50, #CADEF8);
  background: var(--Blue-25, #F5F9FD);
  box-sizing: border-box;
  overflow: hidden;
}
.signin-global .inner .head{
  padding: 16px 24px;
  display: grid;
  grid-template-columns: auto auto;
  border-bottom: 1px solid var(--Blue-50, #CADEF8);
  background: var(--Blue-25, #F5F9FD);
  border-top-left-radius: 16px;
  border-top-right-radius: 16px;
}
.signin-global .inner .head .title{
  text-align: left;
  color: var(--Gray-950, #07111E);
  font-family: Inter;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 24px;
}
.signin-global .inner .head .cross{
  text-align: right;
  cursor: pointer;
}
.signin-global .inner .head .cross img{
  vertical-align: middle;
}
.signin-global .inner .content{
  padding: 24px;
}
.signin-global .inner .content .fielder{
  margin-top: 20px;
}
.signin-global .inner .content .fielder label{
  margin-bottom: 6px;
  color: var(--Gray-700, #273850);
  font-family: Inter;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 20px; /* 142.857% */
  display: inline-block;
}
.signin-global .inner .content .fielder .field{
  padding: 8px 14px;
  border-radius: 14px;
  border: 1px solid var(--Gray-100, #C0C5CC);
  background: var(--White, #FFF);
  box-shadow: 0px 1px 2px 0px rgba(7, 17, 30, 0.05);
  backdrop-filter: blur(5px);
}
.signin-global .inner .content .fielder .field input[type=text],.signin-global .inner .content .fielder .field input[type=password]{
  color: var(--Gray-500, #5A6779);
  font-family: Inter;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  width: calc(100% - 25px);
  outline: none;
  border:none;
}
.signin-global .inner .content .fielder .field-with-icon input{
  width: calc(100% - 24px);
}
.signin-global .inner .content .fielder .field .icon{
  width: 20px;
  height: 20px;
  position: absolute;
  right: 11px;
  top: 50%;
  transform: translateY(-50%);
  cursor: pointer;
}
.signin-global .inner .content .fielder .field .icon img{
  vertical-align: middle;
  width: 20px;
  height: 20px;
}
.signin-global .pass-options{
  margin: 18px 0;
  display: grid;
}
.signin-global .pass-options .remember{
  text-align: left;
  color: var(--Gray-700, #273850);
  font-family: Inter;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 21px;
}
.signin-global .pass-options .remember div{
  padding-left: 29px;
}
.signin-global .pass-options .forgot{
  text-align: right;
}
.signin-global .pass-options .forgot a{
  color: var(--Blue-500, #0061DF);
  font-family: Inter;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 20px;
  text-decoration: none;
}
.signin-global .pass-options .forgot a:hover{
  text-decoration: underline;
}

.signin-global .popup-signin-btn{
  width: 100%;
  margin-top: 8px;
}
.signin-global .popup-google-btn{
  width: 100%;
  margin: 20px 0;
  border-radius: 100px;
  border: 1px solid var(--Gray-50, #D9DDE1);
  background: var(--White, #FFF);
  box-shadow: 0px 1px 2px 0px rgba(7, 17, 30, 0.05);
  backdrop-filter: blur(5px);
  color: var(--Gray-700, #273850);
}
.signin-global .dont-have-account{
  margin:12px 0;
  color: var(--Gray-600, #405064);
  font-family: Inter;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  text-align: center;
}
.signin-global .dont-have-account a{
  color: var(--Blue-500, #0061DF);  
  font-family: Inter;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 20px;
  text-decoration: none;
}
.signin-global .dont-have-account a:hover{
  text-decoration: underline;
}

/*##### SIGN UP - START */
.signup{
  display: none;
/*  position: fixed;*/
/*  width: 472px;  */
/*  border-radius: 16px;
  border: 4px solid var(--White, #FFF);
  background: var(--Blue-25, #F5F9FD);
  box-shadow: 0px 20px 24px -4px rgba(7, 17, 30, 0.08), 0px 8px 8px -4px rgba(7, 17, 30, 0.03);  
*/  /*left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);*/
/*  z-index: 1002;
  box-sizing: content-box;*/
}
.signup .inner{  
  border-radius: 16px;
  border: 1px solid var(--Blue-50, #CADEF8);
  background: var(--Blue-25, #F5F9FD);
  box-sizing: border-box;
}
.signup .inner .head{
  padding: 16px 24px;
  display: grid;
  grid-template-columns: auto auto;
  border-bottom: 1px solid var(--Blue-50, #CADEF8);
  background: var(--Blue-25, #F5F9FD);
  border-top-left-radius: 16px;
  border-top-right-radius: 16px;
}
.signup .inner .head .title{
  text-align: left;
  color: var(--Gray-950, #07111E);
  font-family: Inter;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 24px;
}
.signup .inner .head .cross{
  text-align: right;
  cursor: pointer;
}
.signup .inner .head .cross img{
  vertical-align: middle;
}
.signup .inner .content{
  padding: 24px;
}
.signup .inner .content .fielder{
  margin-top: 20px;
}
.signup .inner .content .fielder label{
  margin-bottom: 6px;
  color: var(--Gray-700, #273850);
  font-family: Inter;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 20px; /* 142.857% */
  display: inline-block;
}
.signup .inner .content .fielder .field{
  padding: 10px 14px;
  border-radius: 14px;
  border: 1px solid var(--Gray-100, #C0C5CC);
  background: var(--White, #FFF);
  box-shadow: 0px 1px 2px 0px rgba(7, 17, 30, 0.05);
  backdrop-filter: blur(5px);
}
.signup .inner .content .fielder .field input[type=text],.signup .inner .content .fielder .field input[type=password]{
  color: var(--Gray-500, #5A6779);
  font-family: Inter;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  width: calc(100% - 25px);

  outline: none;
  border:none;
}
.signup .inner .content .fielder .field-with-icon input{
  width: calc(100% - 24px);
}
.signup .inner .content .fielder .field .icon{
  width: 20px;
  height: 20px;
  position: absolute;
  right: 11px;
  top: 50%;
  transform: translateY(-50%);
  cursor: pointer;
}
.signup .inner .content .fielder .field .icon img{
  vertical-align: middle;
  width: 20px;
  height: 20px;
}
.signup .pass-options{
  margin: 24px 0;
  color: var(--Gray-700, #273850);
  /* Body sm/Regular */
  font-family: Inter;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  grid-template-columns: 28px auto;
}

.signup .pass-options div{
/*  padding-left: 29px;*/
}
.signup .pass-options a{  
  color: var(--Gray-700, #273850);
  text-decoration: underline;
}

.signup .popup-signup-btn{
  width: 100%;
  margin-top: 8px;
}
.signup .popup-google-btn{
  width: 100%;
  margin: 20px 0;
  border-radius: 100px;
  border: 1px solid var(--Gray-50, #D9DDE1);
  background: var(--White, #FFF);
  box-shadow: 0px 1px 2px 0px rgba(7, 17, 30, 0.05);
  backdrop-filter: blur(5px);
  color: var(--Gray-700, #273850);
}
.signup .already-have-account{
  margin:12px 0;
  color: var(--Gray-600, #405064);
  font-family: Inter;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  text-align: center;
}
.signup .already-have-account a{
  color: var(--Blue-500, #0061DF);  
  font-family: Inter;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 20px;
  text-decoration: none;
}
.signup .already-have-account a:hover{
  text-decoration: underline;
}
.signup-confirm-password{
  display: none;
}

/*#####FORGOT PASSWORD*/
.forgot-password{
  display: none;
}
.forgot-password .inner .content .sub{
  color: var(--Gray-600, #405064);
  font-family: Inter;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px; 
  margin-top: 8px;
}
.forgot-password .popup-reset-btn{
  width: 100%;
  margin:28px 0 20px 0;
}
.forgot-password .remembered-password{
  text-align: center;
  padding: 12px 0;
}
.forgot-password .remembered-password a{
  text-decoration: none;
  color: var(--Blue-500, #0061DF);
  font-family: Inter;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 20px;
}
.forgot-password .remembered-password a:hover{
  text-decoration: underline;
}

/*#####FORGOT SUCCESS PASSWORD*/
.forgot-password-success{
  display: none;
}
.forgot-password-success .inner .content .sub{
  color: var(--Gray-600, #405064);
  font-family: Inter;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px; 
  margin-top: 8px;
}
.forgot-password-success .popup-reset-signin-btn{
  width: 100%;
  margin:28px 0 20px 0;
}
.forgot-password-success .remembered-password{
  text-align: center;
  padding: 12px 0;
}
.forgot-password-success .remembered-password a{
  text-decoration: none;
  color: var(--Blue-500, #0061DF);
  font-family: Inter;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 20px;
}
.forgot-password-success .remembered-password a:hover{
  text-decoration: underline;
}


.signShow{
  display: block;
  animation: .3s fadeIn forwards;  
}
.signHide{  
  animation: .3s fadeOut forwards;
  
}
.signin-appear{
  display: block;
}
.myaccount-button{
  padding: 0px 14px 0px 40px;
  height: 40px;
  border-radius: 100px;
  border: 1px solid var(--Blue-50, #CADEF8);
  background: var(--White, #FFF);
  box-shadow: 0px 0px 1px 1px rgba(255, 255, 255, 0.90) inset, 0px 1px 1px 1px rgba(255, 255, 255, 0.60) inset, 0px 0px 2px 2px rgba(255, 255, 255, 0.45) inset, 0px 1px 2px 0px rgba(7, 17, 30, 0.05);
  backdrop-filter: blur(5px);

  color: var(--Blue-500, #0061DF);
  text-align: center;  
  font-family: Inter;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 38px;
  text-decoration: none;
  box-sizing: border-box;
  display: inline-block;
  position: relative;
}
.myaccount-button span.thumb-avatar{
  display: block;
  width:28px;
  height:28px;
  z-index:100;
  position:absolute;
  content:'';
  border-radius:100px;
  top:5px;
  left:6px;
  background-image: url(/images/avatar.jpg);
  background-repeat: no-repeat;
  background-size: cover;
}
.myaccount-button span.no-avatar{
  display: block;
  width:28px;
  height:28px;
  z-index:100;
  position:absolute;
  content:'';
  border-radius:100px;
  top:5px;
  left:5px;
  background: var(--Blue-100, #A2C5F3);
  line-height: 29px;
}
.myaccount-button span.no-avatar i{
  text-align: center;
/*  text-shadow: 0px 3.537px 1.032px rgba(7, 17, 30, 0.00), 0px 2.358px 0.884px rgba(7, 17, 30, 0.01), 0px 1.326px 0.737px rgba(7, 17, 30, 0.03), 0px 0.589px 0.589px rgba(7, 17, 30, 0.04), 0px 0.147px 0.295px rgba(7, 17, 30, 0.05);*/
  -webkit-text-stroke-width: 0.1473684161901474;
  -webkit-text-stroke-color: #000;
  font-family: Inter;
  font-size: 18.863px;
  font-style: normal;
  font-weight: 500;  

  background: linear-gradient(180deg, rgba(255, 255, 255, 0.90) 0%, #FFF 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  backdrop-filter: blur(0.7368420958518982px);
}

.myaccount-menu{
  overflow: hidden;
  min-width: 220px;
  display: inline-block;
  padding: 0px 0;
  border-radius: 14px;
  border: 1px solid var(--Blue-50, #CADEF8);
  background: rgba(255, 255, 255, 0.95);
  box-shadow: 0px 20px 24px -4px rgba(7, 17, 30, 0.08), 0px 8px 8px -4px rgba(7, 17, 30, 0.03);
  backdrop-filter: blur(10px);
  position: absolute;
  right: 0;
  top: 47px;
  display: none;
}
.myaccount-menu ul{
  margin: 0;
  padding: 0;
  list-style: none;
  text-align: left;
}
.myaccount-menu ul li:first-child{
  padding-top: 6px;
}
.myaccount-menu ul li:last-child{
  padding-bottom: 6px;
}
.myaccount-menu ul li a img{
  width: 20px;
  height: 20px;
  margin-right: 10px;
  vertical-align: middle;
  margin-top: -2px;
}
.myaccount-menu ul li a{
  padding: 8px 20px;
  color: var(--Gray-700, #273850);
  font-family: Inter;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 20px;
  display: block;
  text-decoration: none;
}
.myaccount-menu ul li:hover{
  cursor: pointer;
  background: var(--Blue-25, #F5F9FD);
}
.myaccount-menu ul li:hover a{
  color: var(--Blue-500, #0061DF);
}
.myaccount-menu ul li.seperator,.profile-page .left-area ul li.seperator{
  margin: 6px 0;
}
.myaccount-menu ul li.seperator div,.profile-page .left-area ul li.seperator div{  
  height: 1px;
  border-top: 1px solid var(--Blue-50, #CADEF8);
}
.inner-nobanner-container{
  position: relative;
  z-index: 3;
}

/*######## BreadCrumb - Start*/
.breadcrumb-new{
/*  padding: 56px 0 40px;*/
  padding: 20px 0;
  margin-top: 16px;
}
.breadcrumb-new-2{  
  margin-top: 108px;
}
.breadcrumb-new span{
  font-size: 14px;
  color: #283245;
  line-height: 20px;
  font-weight: 500;
}
.breadcrumb-new a{
  text-decoration: none;
  font-size: 14px;
  color: #283245;
  line-height: 20px;
  font-weight: 500;
}
.breadcrumb-new .current{
  color: #0072FB;
}
.breadcrumb-new img{
  width:16px;
  height: 16px;
  vertical-align: middle;
}
/*################# FAV listing-area ##############*/
.property-card .fav-listing{
  cursor: pointer;
  position: absolute;
  width: 24px;
  height: 24px;
  background: url(/images/heart-no.svg) no-repeat center;
  top: 32px;
  right: 32px;
  z-index: 1;
  transition: .3s ease;
}
.property-card .fav-listing-yes,.detail-page .address-share .fav-listing-yes,.detail-photos-gallery .share .fav-listing-yes,.detail-photos-gallery-single .share .fav-listing-yes{
  transition: .3s ease;
  background-image: url(/images/heart-yes.svg) !important;
}

/*################# Detail Page Style ##############*/
.detail-page .address-share{
  display: grid;
  grid-template-columns: auto 156px;
}

.detail-page .address-share .address{
  color: var(--Gray-600, #405064);  
  font-family: Inter;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 28px; /* 155.556% */
  margin-top: 20px;
}
.detail-page .address-share .share{
  display: grid;
  grid-template-columns: auto auto;
  align-items: center;
  justify-content: right;
}
.detail-page .address-share .share .fav-button{
  cursor: pointer;
  display: flex;
  width: 40px;
  height: 40px;
  padding: 10px 16px;
  justify-content: center;
  align-items: center;
  gap: 6px;

  border-radius: 100px;
  border: 1px solid var(--Gray-50, #D9DDE1);
  background-color: var(--White, #FFF);
  box-shadow: 0px 1px 2px 0px rgba(7, 17, 30, 0.05);
  backdrop-filter: blur(5px);

  background-image: url(/images/detail-heart-no.svg);
  background-repeat: no-repeat;
  background-position: center;  

}
.detail-page .address-share .share .share-button{
  cursor: pointer;
  height: 40px;
  line-height: 38px;
  border-radius: 100px;
  border: 1px solid var(--Gray-50, #D9DDE1);
  background-color: var(--White, #FFF);

  /* Shadows/shadow-xs */
  box-shadow: 0px 1px 2px 0px rgba(7, 17, 30, 0.05);
  backdrop-filter: blur(5px);

  color: var(--Gray-700, #273850);
  text-align: left;
  font-family: Inter;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;  
  background-image: url(/images/detail-share.svg);
  background-repeat: no-repeat;
  background-position: 18px center;
  width: 100px;
  padding-left: 42px;
  margin-left: 16px;
}

.detail-page .photo-gallery{
  margin-top: 32px;
  display: grid;
  grid-template-columns: 63% auto;
  height: 488px;
  position: relative;
}
.detail-page .photo-gallery .allPhotosBtn{
  position: absolute;
  bottom: 24px;
  right:24px;
  color: var(--Blue-500, #0061DF);
  text-align: center;
  font-family: Inter;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 34px;
  border-radius: 100px;
  border: 1px solid var(--Blue-50, #CADEF8);
  background-color: var(--Blue-25, #F5F9FD);
  box-shadow: 0px 0px 1px 1px rgba(255, 255, 255, 0.90) inset, 0px 1px 1px 1px rgba(255, 255, 255, 0.60) inset, 0px 0px 2px 2px rgba(255, 255, 255, 0.45) inset, 0px 1px 2px 0px rgba(7, 17, 30, 0.05);
  backdrop-filter: blur(5px);
  height: 36px;
  padding-left: 36px;
  padding-right: 14px;
  cursor: pointer;
  background-image: url(/images/gallery-icon.svg);
  background-repeat: no-repeat;
  background-position: 14px center;
}
.detail-page .photo-gallery-tablet .property-card .owl-carousel img{
  cursor: pointer;
}
.detail-page .photo-gallery-tablet .allPhotosBtn{
  position: absolute;
  bottom: 16px;
  right:16px;
  color: var(--Blue-500, #0061DF);
  text-align: center;
  font-family: Inter;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 34px;
  border-radius: 100px;
  border: 1px solid var(--Blue-50, #CADEF8);
  background-color: var(--Blue-25, #F5F9FD);
  box-shadow: 0px 0px 1px 1px rgba(255, 255, 255, 0.90) inset, 0px 1px 1px 1px rgba(255, 255, 255, 0.60) inset, 0px 0px 2px 2px rgba(255, 255, 255, 0.45) inset, 0px 1px 2px 0px rgba(7, 17, 30, 0.05);
  backdrop-filter: blur(5px);
  height: 36px;
  padding-left: 36px;
  padding-right: 14px;
  cursor: pointer;
  z-index: 1;
  background-image: url(/images/gallery-icon.svg);
  background-repeat: no-repeat;
  background-position: 14px center;
}
.detail-page .photo-gallery .large-image{
  overflow: hidden;
  border-radius: 8px;
  position: relative;
  
}
.detail-page .photo-gallery .large-image .img-overlay{
  content:"";
  width: 100%;
  height: 100%;
  position: absolute;
  top:0;
  left:0;
  z-index: 1;
  background: #000;
  opacity:0;
  transition: .3s ease;
}
.detail-page .photo-gallery .large-image .img-overlay:hover{  
  opacity:.3;  
  transition: .3s ease;
}
.detail-page .photo-gallery .large-image img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.detail-page .photo-gallery .thumbnails{
  display: grid;  
  grid-template-columns: auto auto;
  margin-left: 8px;
}
.detail-page .photo-gallery .thumbnails .thumb-item{
  height: 240px;
}
.detail-page .photo-gallery .thumbnails div{  
  width: calc(100% - 4px);
  border-radius: 8px;
  background-color: #000;
}
.detail-page .photo-gallery .thumbnails div img{
  height: 100%;
  object-fit: cover;
  width: 100%;
  border-radius: 8px;
  transition: .3s ease;
  cursor: pointer;
}
.detail-page .photo-gallery .thumbnails div img:hover{
  opacity: .8;
  transition: .3s ease;
}
.detail-page .photo-gallery .thumbnails div:nth-child(1),.detail-page .photo-gallery .thumbnails div:nth-child(3){
  margin-right:4px;
}
.detail-page .photo-gallery .thumbnails div:nth-child(2),.detail-page .photo-gallery .thumbnails div:nth-child(4){
  margin-left:4px;
}
.detail-page .photo-gallery .thumbnails div:nth-child(1),.detail-page .photo-gallery .thumbnails div:nth-child(2){
  margin-bottom: 8px;
}
.detail-page .detail-content{
  margin-top: 32px;
  display: grid;
  grid-template-columns: 63% auto;
  column-gap: 15px;
}

.detail-page .detail-content .sidebar{
  
}
.detail-page .detail-content .sidebar .sidebar-sticky{
  position: sticky;
  top: 20px;
}
.detail-page .detail-content .sidebar .inner{
  display: flex;
  justify-content: flex-end;
}

.detail-page .detail-content .sidebar .contact-agent-box{
  padding: 24px;
  border-radius: 16px;
  border: 1px solid var(--Blue-50, #CADEF8);
  background: var(--White, #FFF);
  box-shadow: 0px 140px 56px 0px rgba(7, 17, 30, 0.01), 0px 79px 47px 0px rgba(7, 17, 30, 0.03), 0px 35px 35px 0px rgba(7, 17, 30, 0.04), 0px 9px 19px 0px rgba(7, 17, 30, 0.05);
  max-width: 384px;
  width: 100%;
  margin-left: 5%;
}
.detail-page .detail-content .sidebar .contact-agent-box img.avatar{
  width: 100px;
  height: 100px;
  border-radius: 100px;
  object-fit: cover;  
}
.detail-page .detail-content .sidebar .contact-agent-box .fullname{
  color: var(--Gray-950, #07111E);
  font-family: Inter;
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 30px;
  margin-top: 20px;
}
.detail-page .detail-content .sidebar .contact-agent-box .designation{
  color: var(--Gray-600, #405064);
  font-family: Inter;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
}
.detail-page .detail-content .sidebar .contact-agent-box .phone{
  margin-top: 12px;
  color: var(--Gray-600, #405064);
  font-family: Inter;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 24px;
}
.detail-page .detail-content .sidebar .contact-agent-box .email{
  color: var(--Gray-600, #405064);
  font-family: Inter;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 24px;
}
.detail-page .detail-content .sidebar .contact-agent-box .btn-contact{
  height: 40px;
  margin-top: 32px;
  border-radius: 100px;
  border: 1px solid var(--Stroke-Grad, #0061DF);
  background: var(--Fill-Grad, linear-gradient(180deg, #287AE4 0%, #0052BE 100%));
  box-shadow: 0px 0px 1px 1px rgba(255, 255, 255, 0.30) inset, 0px 0px 2px 2px rgba(255, 255, 255, 0.15) inset, 0px 1px 1px 1px rgba(255, 255, 255, 0.20) inset, 0px 21px 9px 0px rgba(7, 17, 30, 0.02), 0px 12px 7px 0px rgba(7, 17, 30, 0.05), 0px 5px 5px 0px rgba(7, 17, 30, 0.09), 0px 1px 3px 0px rgba(7, 17, 30, 0.10);
  backdrop-filter: blur(5px);

  color: var(--White, #FFF);
  text-align: center;  
  font-family: Inter;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 38px;
  cursor: pointer;
}
.detail-page .detail-content .sidebar .contact-agent-box .btn-request{
  border-radius: 100px;
  border: 1px solid var(--Blue-50, #CADEF8);
  background: var(--Blue-25, #F5F9FD);  
  box-shadow: 0px 0px 1px 1px rgba(255, 255, 255, 0.90) inset, 0px 1px 1px 1px rgba(255, 255, 255, 0.60) inset, 0px 0px 2px 2px rgba(255, 255, 255, 0.45) inset, 0px 1px 2px 0px rgba(7, 17, 30, 0.05);
  backdrop-filter: blur(5px);

  height: 40px;
  margin-top: 16px;

  color: var(--Blue-500, #0061DF);
  text-align: center;

  font-family: Inter;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 38px;
  cursor: pointer;
}



.detail-page .detail-content .left-side .quick-facilities{
/*  margin-top: 16px;*/
  /*display: inline-grid;
  grid-template-columns: auto auto auto auto;*/
  margin-bottom: 20px;
}
.detail-page .detail-content .left-side .quick-facilities .item{
  text-align: center;
  margin-right:24px;
  display: inline-block;
}
.detail-page .detail-content .left-side .quick-facilities .item:last-child{
  margin-right: 0px;
}
.detail-page .detail-content .left-side .quick-facilities .item .bed-icon{
  background-image: url(/images/bed-grey.svg);
}
.detail-page .detail-content .left-side .quick-facilities .item .shower-icon{
  background-image: url(/images/shower-grey.svg);
}
.detail-page .detail-content .left-side .quick-facilities .item .car-icon{
  background-image: url(/images/car-grey.svg);
}
.detail-page .detail-content .left-side .quick-facilities .item .sqft-icon{
  background-image: url(/images/sqft-grey.svg);
}
.detail-page .detail-content .left-side .quick-facilities .item .icon{
  display: flex;
  width: 36px;
  height: 36px;
  justify-content: center;
  align-items: center;
  gap: 10px;
  border-radius: 60px;
  background-color: var(--Gray-25, #F5F6F7);
  background-repeat: no-repeat;
  background-position: center;
  margin: 0 auto;
}
.detail-page .detail-content .left-side .quick-facilities .item .text{
  margin-top: 4px;
  color: var(--Gray-600, #405064);
  font-family: Inter;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 20px;
}

.detail-page .detail-content .left-side h3{
  margin-top: 0;
  margin-bottom: -12px;
}

.detail-page .detail-content .left-side p{
  color: var(--Gray-600, #405064);
  text-overflow: ellipsis;
  font-family: Inter;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 28px;
}
.detail-page .detail-content .left-side p:last-child{
  margin-bottom: 0;
}
.detail-page .detail-content .left-side .map{
  margin-top: 20px;
  width: 100%;
  height: 400px;
}
/*.detail-page .detail-content .left-side .map img{
  width: 100%;
}*/
.detail-page .detail-content .left-side .feature-card{
  border-radius: 32px;
  background-color: var(--Gray-25, #F5F6F7);
  padding: 4px;
  margin: 32px 0;
}

.detail-page .detail-content .left-side .feature-card .opener{
  border-radius: 28px;
  border: 1px solid var(--White, #FFF);
  background-color: rgba(255, 255, 255, 0.90);
  box-shadow: 0px 55px 22px 0px rgba(0, 0, 0, 0.01), 0px 31px 19px 0px rgba(0, 0, 0, 0.03), 0px 14px 14px 0px rgba(0, 0, 0, 0.04), 0px 3px 8px 0px rgba(0, 0, 0, 0.05);
  backdrop-filter: blur(10px);
  padding: 12px 24px;
  width: calc(100% - 0px);
  margin: 0 auto;

  color: var(--Gray-950, #07111E);
  font-family: Inter;
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 32px;

  background-image: url(/images/long-dd-up.svg);
  background-repeat: no-repeat;
  background-position: calc(100% - 24px) center;

  cursor: pointer;
}
.detail-page .detail-content .left-side .feature-card .opener-closed{
  background-image: url(/images/long-dd-down.svg);  
}

.detail-page .detail-content .left-side .feature-card .inner{
  /*display: grid;
  grid-template-columns: 50% 50%;*/
  column-count: 2;
  padding: 0 24px 36px 24px;
  margin-top: 24px;
}
/*.detail-page .detail-content .left-side .feature-card .inner > div{
  width: 50%;
}*/
.detail-page .detail-content .left-side .feature-card .inner ul.list{
  color: var(--Gray-600, #405064);
  padding: 0 0 0 18px;
  margin:0;
}
.detail-page .detail-content .left-side .feature-card .inner ul.list li{
  margin-bottom: 12px;
  color: var(--Gray-600, #405064);
  font-family: Inter;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 28px; /* 155.556% */
  
}
.detail-page .detail-content .left-side .feature-card .inner ul.list li strong{
  font-weight: 400;
}

.detail-page .detail-content .left-side .feature-card .inner .category{
  color: var(--Gray-950, #07111E);  
  font-family: Inter;
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 30px;
  margin: 12px 0;
}

.property-card-detail-page{
  width: 377px !important;  
  margin-bottom: 163px;
}
.owl-custom-nav-detail-page{
  margin-top: unset;
  padding-left: unset;
  bottom: 58px;
  left: 8%;
}
.home-neighbour-list-detail-page{
  position: relative;
}
.home-neighbour-list-detail-page .owl-carousel.owl-drag .owl-item{
  margin-right: 0 !important;
}
.agent-popup{
  display: none;
}
.agent-popup .inner .content {
  padding: 12px 24px 24px 24px;
}
.agent-popup .avatar-area{
  display: grid;
/*  grid-template-columns: 72px auto;*/
  grid-template-columns: auto;
  padding-bottom: 12px;
}
.agent-popup .avatar-area img{
  width: 56px;
  height: 56px;
  border-radius: 100px;
  object-fit: cover;
}
.agent-popup .avatar-area .right{
  align-self: center;
}
.agent-popup .avatar-area .right .name{
  color: var(--Gray-950, #07111E);
  font-family: Inter;
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 30px;
}
.agent-popup .avatar-area .right .name i{
  font-style: normal;
}
.agent-popup .avatar-area .right .name span.round-btn{
  width: 24px;
  height: 24px;
  border-radius: 100px;
  border: 1px solid var(--Blue-50, #CADEF8);
  background-color: var(--White, #FFF);
  box-shadow: 0px 0px 1px 1px rgba(255, 255, 255, 0.90) inset, 0px 1px 1px 1px rgba(255, 255, 255, 0.60) inset, 0px 0px 2px 2px rgba(255, 255, 255, 0.45) inset, 0px 1px 2px 0px rgba(7, 17, 30, 0.05);
  backdrop-filter: blur(5px);
  background-image: url(/images/agent-down.svg);
  background-repeat: no-repeat;
  background-position: center;
  display: inline-block;
  vertical-align: middle;
  margin-left: 8px;
  cursor: pointer;
}
.agent-popup .avatar-area .right .name span.round-btn-closed{
  background-image: url(/images/agent-up.svg);
}
.agent-popup .avatar-area .right .expand{
  display: none;
  color: var(--Gray-600, #405064);
  font-family: Inter;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
}
.agent-popup .avatar-area .right .expand .license{
  margin-bottom: 12px;
}
.agent-popup .inner .content .border {
    border-bottom: 1px solid var(--Blue-50, #CADEF8);
    width: 100%;
    margin-left: -25px;
    position: absolute;
}
.agent-popup .inner .content .fielder .field textarea{
  color: var(--Gray-500, #5A6779);
  font-family: Inter;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  width: calc(100% - 25px);
  outline: none;
  border:none;
  resize: none;
  height: 78px;
}
.agent-popup .inner .content .success-message{  
  text-align: center;
  font-weight: 600;
  color: #040;
  margin-bottom: 10px;
  display: none;
}
.agent-popup .inner .content .success-message.red{
  color: #f00;
}
.agent-popup .pass-options div{
  margin-left: 28px;
  color: var(--Gray-700, #273850);

  /* Body sm/Regular */
  font-family: Inter;
  font-size: 11px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px; /* 142.857% */
}
.agent-popup .pass-options div a{
  text-decoration: underline;
  color: var(--Gray-700, #273850);
  
}
.agent-popup .inner .content .fielder{
  margin-top: 12px;
}
.agent-popup .inner .content .fielder .field{
  padding: 6px 14px;
}
.agent-popup .inner .content .fielder .field input[type=text]{
  font-size: 14px;
}

.detail-page .photo-gallery-tablet{
  display:none;
}
.agents-sticky-bottom{
  display: none;
}
.feature-card .in .inner > div{
  column-count: 1;
}
.blog-page .blog-sub-heading,.mortgage-calc-page .blog-sub-heading{
  color: var(--Gray-600, #405064);
  font-family: Inter;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 28px;
  margin-top: 16px;
}
.blog-page .blog-content{
  display: grid;
/*  grid-template-columns: auto 328px;*/
  grid-template-columns: auto 400px;
  margin-top: 64px;
}
.blog-page .blog-content .listing{
  display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
}
.blog-page .blog-content .listing .card,.blog-detail-page .after-post .card,.homebuyer-assistance-detail-page .card{
  overflow: hidden;
  height: 480px;
  max-width: 428px;
  padding: 6px;
  border-radius: 16px;
  border: 1px solid var(--White, #FFF);
  background: var(--White, #FFF);
  transition: .3s ease;  
}
.blog-page .blog-content .listing .card:hover,.blog-detail-page .after-post .card:hover,.homebuyer-assistance-detail-page .card:hover{
  box-shadow: 0px 855px 239px 0px rgba(7, 17, 30, 0.00), 0px 547px 219px 0px rgba(7, 17, 30, 0.01), 0px 308px 185px 0px rgba(7, 17, 30, 0.03), 0px 137px 137px 0px rgba(7, 17, 30, 0.04), 0px 34px 75px 0px rgba(7, 17, 30, 0.05);
  transition: .3s ease;
}
.blog-page .blog-content .listing .card .image,.blog-detail-page .after-post .card .image,.homebuyer-assistance-detail-page .card .image{
  width:100%;
  height: 240px;
  border-radius: 16px;
  overflow: hidden;
  transition: .15s ease;
}
.blog-page .blog-content .listing .card:hover .image,.blog-detail-page .after-post .card:hover .image,.homebuyer-assistance-detail-page .card:hover .image{
  height: 172px;  
  transition: .15s ease;
}
.blog-page .blog-content .listing .card .image img,.blog-detail-page .after-post .card .image img,.homebuyer-assistance-detail-page .card .image img{  
  width: 100%;
  height: 100%;
  object-fit: cover;  
}
.blog-page .blog-content .listing .card .author-info,.blog-detail-page .after-post .card .author-info,.homebuyer-assistance-detail-page .card .author-info{
  display: flex;
  align-items: center;
  margin-top: 0;
}
.blog-page .blog-content .listing .card .detail,.blog-detail-page .after-post .card .detail,.homebuyer-assistance-detail-page .card .detail{
  padding: 20px 18px;
}
.blog-page .blog-content .listing .card .detail .link,.blog-detail-page .after-post .card .detail .link,.homebuyer-assistance-detail-page .card .detail .link{
  display: none;
  height: 44px;
  padding: 10px 0px;
  background-image: url(/images/chevron-right-blue.svg);
  background-repeat: no-repeat;
  background-position: right center;
  margin-top: 24px;
  display: inline-block;
  cursor: pointer;
  text-decoration: none;
}
.blog-page .blog-content .listing .card .detail .link span,.blog-detail-page .after-post .card .detail .link span,.homebuyer-assistance-detail-page .card .detail .link span{
  color: var(--Blue-500, #0061DF);
  text-align: center;
  font-family: Inter;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 24px;
  margin-right: 28px;  
}
.blog-page .blog-content .listing .card .author-info img,.blog-detail-page .after-post .card .author-info img,.homebuyer-assistance-detail-page .card .author-info img{
  width: 32px;
  height: 32px;
  object-fit: cover;
  border-radius: 100px;
}
.blog-page .blog-content .listing .card .author-info .name,.blog-detail-page .after-post .card .author-info .name,.homebuyer-assistance-detail-page .card .author-info .name{
  color: var(--Gray-950, #07111E);
  font-family: Inter;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  margin-left: 12px;
}
.blog-page .blog-content .listing .card .author-info .dot,.blog-detail-page .after-post .card .author-info .dot,.homebuyer-assistance-detail-page .card .author-info .dot{
  color: var(--Gray-400, #737F8E);
  font-family: Inter;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  padding: 0 6px;
}
.blog-page .blog-content .listing .card .author-info .date,.blog-detail-page .after-post .card .author-info .date,.homebuyer-assistance-detail-page .card .author-info .date{
  color: var(--Gray-600, #405064);
  font-family: Inter;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
}
.blog-page .blog-content .listing .card .title,.blog-detail-page .after-post .card .title,.homebuyer-assistance-detail-page .card .title{
  overflow: hidden;
  color: var(--Gray-950, #07111E);
  text-overflow: ellipsis;
  font-family: Inter;
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 30px;
  margin-top: 16px;

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

}
.blog-page .blog-content .listing .card .desc,.blog-detail-page .after-post .card .desc,.homebuyer-assistance-detail-page .card .desc{
  overflow: hidden;
  color: var(--Gray-600, #405064);
  text-overflow: ellipsis;
  font-family: Inter;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  margin-top: 8px;
  min-height: 48px;

  display: -webkit-box;
  -webkit-line-clamp: 2;        /* Show only 2 lines */
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
.blog-page .blog-content .listing .card .categories,.blog-detail-page .after-post .card .categories,.homebuyer-assistance-detail-page .card .categories{
  margin-top: 24px;
}
.blog-page .blog-content .listing .card .categories .item,.blog-detail-page .after-post .card .categories .item,.homebuyer-assistance-detail-page .card .categories .item{
  border-radius: 18px;
  background: var(--Gray-25, #F5F6F7);
  padding: 6px 12px;
  color: var(--Gray-600, #405064);
  text-align: center;
  font-family: Inter;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  text-transform: capitalize;
}
.blog-page .blog-content .sidebar{
  padding-left: 48px;
}
.blog-page .blog-content .sidebar .inner .sidebar-cats{    
  padding: 4px;
  border-radius: 24px;
  background: var(--Gray-25, #F5F6F7);  
  margin-top: 32px;
}
.blog-page .blog-content .sidebar .inner .sidebar-cats ul{
  list-style: none;
  padding: 0;
  margin:0;
}
.blog-page .blog-content .sidebar .inner .sidebar-cats ul li{
  margin-bottom: 1px;
}
.blog-page .blog-content .sidebar .inner .sidebar-cats ul li a{
  padding: 10px 18px;  
  display: grid;
  grid-template-columns: auto max-content;
  color: var(--Gray-600, #405064);
  text-align: left;
  font-family: Inter;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 20px;
  text-decoration: none;
  border: 1px solid transparent;  

}
.blog-page .blog-content .sidebar .inner .sidebar-cats ul li a span{
  overflow: hidden;
  height: 20px;
}
.blog-page .blog-content .sidebar .inner .sidebar-cats ul li a i{
  font-style: normal;
}
.blog-page .blog-content .sidebar .inner .sidebar-cats ul li a.active{
  border-radius: 20px;
  border: 1px solid var(--White, #FFF);
  background: rgba(255, 255, 255, 0.90);
  box-shadow: 0px 55px 22px 0px rgba(0, 0, 0, 0.01), 0px 31px 19px 0px rgba(0, 0, 0, 0.03), 0px 14px 14px 0px rgba(0, 0, 0, 0.04), 0px 3px 8px 0px rgba(0, 0, 0, 0.05);
  backdrop-filter: blur(10px);
  color: var(--Blue-500, #0061DF);
  font-weight: 600;
}
/*.blog-detail-page .blog-content{
  max-width: 768px;
  margin: 0 auto;
}*/
.blog-detail-page .featured-image{
  width: 100%;
  object-fit: cover;
  border-radius: 16px;
  height: 640px;
  overflow: hidden;
  margin: 64px 0;
}
.blog-detail-page .featured-image img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.blog-detail-page .blog-sub-heading{
  color: var(--Gray-600, #405064);  
  font-family: Inter;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 28px;
  margin-top: 20px;
}
.blog-detail-page .categories{
  margin-top: 24px;
}
.blog-detail-page .categories .item{
  border-radius: 18px;
  background: var(--Gray-25, #F5F6F7);
  padding: 6px 12px;
  color: var(--Gray-600, #405064);
  text-align: center;
  font-family: Inter;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  text-transform:capitalize;
}



.blog-detail-page .author-info{
  display: flex;
  align-items: center;
  margin-top: 42px;
}
.blog-detail-page .author-info img{
  width: 32px;
  height: 32px;
  object-fit: cover;
  border-radius: 100px;
}
.blog-detail-page .author-info .name{
  color: var(--Gray-950, #07111E);
  font-family: Inter;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  margin-left: 12px;
}
.blog-detail-page .author-info .dot{
  color: var(--Gray-400, #737F8E);
  font-family: Inter;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  padding: 0 6px;
}
.blog-detail-page .author-info .date{
  color: var(--Gray-600, #405064);
  font-family: Inter;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
}
.blog-detail-page .blog-content .author-info{
  margin-top: 0;
}
.blog-detail-page .blog-content .two-cols{
  padding-top: 24px;
  border-top: 1px solid var(--Gray-50, #D9DDE1);
}
.blog-detail-page .blog-content .categories{
  margin-top: 48px;
  margin-bottom: 24px;
}

.blog-detail-page .two-cols{
  display: grid;
  grid-template-columns: auto 100px;
}
.blog-detail-page .two-cols .right{
  display: flex;
  align-items: flex-end;
}
.blog-detail-page .two-cols .right .share-button{
  cursor: pointer;
  height: 40px;
  line-height: 38px;
  border-radius: 100px;
  border: 1px solid var(--Gray-50, #D9DDE1);
  background-color: var(--White, #FFF);

  /* Shadows/shadow-xs */
  box-shadow: 0px 1px 2px 0px rgba(7, 17, 30, 0.05);
  backdrop-filter: blur(5px);

  color: var(--Gray-700, #273850);
  text-align: left;
  font-family: Inter;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;  
  background-image: url(/images/detail-share.svg);
  background-repeat: no-repeat;
  background-position: 18px center;
  width: 100px;
  padding-left: 42px;

}
.blog-detail-page .after-post{
  margin-top: 96px;
  padding-top: 96px;  
  border-top: 1px solid var(--Gray-50, #D9DDE1);
}
.blog-detail-page .after-post .owl-custom-nav-detail-page{
  bottom: 96px;
}
.field2{
  border-radius: 18px;
  background: var(--Gray-25, #F5F6F7);
  padding: 4px;
}
.field2 .in{
  border-radius: 14px;
  border: 1px solid var(--Gray-100, #C0C5CC);
  background: var(--White, #FFF);
  box-shadow: 0px 1px 2px 0px rgba(7, 17, 30, 0.05);
  backdrop-filter: blur(5px);
  padding: 10px 14px;
}
.field2 .in-icon-search{
  background-image: url(/images/search-md2.svg);
  background-repeat: no-repeat;
  background-position: 14px center;
  padding-left:38px;
}
.field2 .in input[type=text],.field2 .in input[type=search]{
  color: var(--Gray-500, #5A6779);  
  font-family: Inter;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  border:none;
  outline: none;
  width: calc(100%);
}
.no-record-found{
  font-size: 25px;
  font-weight: 500;
  color: #333;
}
.home-neighbour-list-blog-detail-page{
  margin-top: 64px;
  position: relative;
}
.home-neighbour-list-blog-detail-page .owl-stage-outer{
  padding-bottom: 192px;  
}
.owl-carousel .owl-item img{
  object-fit: cover;
}
.right-area-favorite-profile .right-area-header .title a.backBtn{
  text-decoration: none;
  display: none;
}
.right-area-favorite-profile .right-area-header .title a.backBtn img{
  width: 30px;
  vertical-align: middle;
  margin-top: -4px;
}
.homebuyer-assistance-page .homebuyer-content{
  display: grid;
  grid-template-columns: auto 448px;
  margin-top: 0px;
}
.homebuyer-assistance-page .homebuyer-content .left{
  
}

.homebuyer-assistance-page .homebuyer-content .left .sub-heading{  
  margin-top: 20px;
  color: var(--Gray-600, #405064);
  font-family: Inter;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 28px;
}
.homebuyer-assistance-page .homebuyer-content .left .dd-states{
  margin-top: 32px;
  margin-bottom: 16px;
  position: relative;
  z-index: 100;
  left: 0;
}
.homebuyer-assistance-page .homebuyer-content .left .dd-counties{
  margin-top: 32px;
  margin-bottom: 16px;
  position: relative;
  z-index: 100;
  left: 0;
}
.homebuyer-assistance-page .homebuyer-content .left .box{
  margin-top: 32px;
  border: 1px solid transparent;
  border-radius: 16px;
  background: var(--Gray-25, #F5F6F7);
  transition: .3s ease;
  overflow: hidden;
}
.homebuyer-assistance-page .homebuyer-content .left .box:hover{
  border-radius: 16px;
  border: 1px solid var(--Blue-50, #CADEF8);
  background: var(--Blue-25, #F5F9FD);
  transition: .3s ease;
}
.homebuyer-assistance-page .homebuyer-content .left .box .title{
  border-radius: 16px;
  border: 1px solid var(--Gray-50, #D9DDE1);
  background: var(--White, #FFF);
  box-shadow: 0px 1px 2px 0px rgba(7, 17, 30, 0.05);
  backdrop-filter: blur(5px);
  padding: 12px 24px;

  color: var(--Gray-950, #07111E);
  font-family: Inter;
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 32px;
}
.homebuyer-assistance-page .homebuyer-content .left .box:hover .title{
  color: var(--Blue-500, #0061DF);
  transition: .3s ease;
}
.homebuyer-assistance-page .homebuyer-content .left .box .list{
  padding: 24px;
}
.homebuyer-assistance-page .homebuyer-content .left .box .list ul{
  margin:0;
  padding: 0;
  margin-left: 24px;
}
.homebuyer-assistance-page .homebuyer-content .left .box .list ul li{
  color: var(--Gray-600, #405064);
  margin-bottom: 16px;  
}
.homebuyer-assistance-page .homebuyer-content .left .box .list ul li:hover{
  color: var(--Blue-500, #0061DF);
}
.homebuyer-assistance-page .homebuyer-content .left .box .list ul li:last-child{
  margin-bottom: 0px;  
}
.homebuyer-assistance-page .homebuyer-content .left .box .list ul li a{
  color: var(--Gray-600, #405064);
  font-family: Inter;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 28px;
  text-decoration: none;
}
.homebuyer-assistance-page .homebuyer-content .left .box .list ul li:hover a{
  color: var(--Blue-500, #0061DF);
  text-decoration: underline;
}
.homebuyer-assistance-page .homebuyer-content .sidebar{
}
.homebuyer-assistance-page .homebuyer-content .sidebar .inner{
  display: flex;
  justify-content: right;
}
.homebuyer-assistance-page .homebuyer-content .sidebar .calc{
  border-radius: 24px;
  background: var(--Gray-25, #F5F6F7);
  padding: 4px;
  max-width: 384px;
  width: 100%;
}
.homebuyer-assistance-page .homebuyer-content .sidebar .calc .title{
  padding: 12px 24px;
  color: var(--Gray-600, #405064);
  font-family: Inter;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 24px;
  text-transform: uppercase;
}
.homebuyer-assistance-page .homebuyer-content .sidebar .calc .calc-content{
  padding: 24px;
  border-radius: 20px;
  background: var(--White, #FFF);
  box-shadow: 0px 55px 22px 0px rgba(0, 0, 0, 0.01), 0px 31px 19px 0px rgba(0, 0, 0, 0.03), 0px 14px 14px 0px rgba(0, 0, 0, 0.04), 0px 3px 8px 0px rgba(0, 0, 0, 0.05);
  backdrop-filter: blur(10px);
}
.field3 .simple{
  border-radius: 14px;
  border: 1px solid var(--Gray-100, #C0C5CC);
  background: var(--White, #FFF);
  box-shadow: 0px 1px 2px 0px rgba(7, 17, 30, 0.05);
  backdrop-filter: blur(5px);
  padding: 8px 14px;
  height: 44px;    
  box-sizing: border-box;
}
.field3 .simple2{
  border-radius: 14px;
  border: 1px solid var(--Gray-100, #C0C5CC);
  background: var(--White, #FFF);
  box-shadow: 0px 1px 2px 0px rgba(7, 17, 30, 0.05);
  backdrop-filter: blur(5px);  
  height: 44px;    
  box-sizing: border-box;
  vertical-align: middle;
}
.field3 .simple:focus-within,.field3 .simple2:focus-within{
  border: 1px solid #0061DF;  
  box-shadow: 0px 1px 2px 0px rgba(7, 17, 30, 0.05), 0px 0px 0px 3px rgba(0, 97, 223, 0.08);  
}
.field3 .simple:focus-within .chipak{
  color:#0061DF;
  border-right: 1px solid var(--Blue-500, #0061DF);
}
.field3.field3-chipku .simple{
  padding: 0 14px 0 0;  
  display: grid;
  grid-template-columns: 44px auto;
}
.field3.field3-chipku .chipak{
  width: 44px;
    height: 100%;
    border-top-left-radius: 16px;
    border-bottom-left-radius: 16px;
    border: none;
    border-right: 1px solid var(--Gray-100, #C0C5CC);
    background: var(--Gray-25, #F5F6F7);
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 22px;
    color: #737F8E;
}
.field3.field3-chipku .simple input[type=text]{
  width: calc(100% - 14px);
  padding-left: 14px;
}
.field3 .simple input[type=text]{
  color: var(--Gray-950, #07111E);
  font-family: Inter;
  width: calc(100% - 14px);
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
/*  line-height: 24px;*/
  border:none;
  outline: none;  
}
.field3 .simple:focus-within input[type=text]{
  color: var(--Gray-950, #07111E);
}
.field3 .simple2 input[type=text]{
  color: var(--Gray-950, #07111E);
  font-family: Inter;
  width: calc(100% - 28px);
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
/*  line-height: 24px;*/
  border:none;
  outline: none;  
  margin: 9px 14px;
  
  background: transparent;
  vertical-align: middle;
}

.field3 label{
  color: var(--Gray-700, #273850);
  font-family: Inter;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 20px;
  margin-bottom:6px;
  display: inline-block;
}
.homebuyer-assistance-page .homebuyer-content .sidebar .calc .calc-content .field3{
  margin-top: 24px;
}
.homebuyer-assistance-page .homebuyer-content .sidebar .calc .calc-content .field3:first-child{
  margin-top: 0;
}
.homebuyer-assistance-page .homebuyer-content .sidebar .calc .calc-content .two-cols{
  margin-top: 24px;
  display: grid;
  grid-template-columns: auto 100px;
}
.homebuyer-assistance-page .homebuyer-content .sidebar .calc .calc-content .two-cols .dd-valuemethod-select{
  height: 44px;
  max-width: 90px;
  display: flex;
  align-self: flex-end;
  margin-left: 10px;
  position: relative;
  top: 0;
  right: 0;
  z-index: 10;
}
.homebuyer-assistance-page .homebuyer-content .sidebar .calc .calc-content .two-cols .dd-valuemethod-select .dropdown-list-outer{
  margin-top: 36px;
}
.button2-blue{
  border-radius: 100px;
  border: 1px solid var(--Gray-700, #273850);
  background: var(--Gray-700, #273850);
  box-shadow: 0px 0px 1px 1px rgba(255, 255, 255, 0.30) inset, 0px 0px 2px 2px rgba(255, 255, 255, 0.15) inset, 0px 1px 1px 1px rgba(255, 255, 255, 0.20) inset, 0px 21px 9px 0px rgba(7, 17, 30, 0.02), 0px 12px 7px 0px rgba(7, 17, 30, 0.05), 0px 5px 5px 0px rgba(7, 17, 30, 0.09), 0px 1px 3px 0px rgba(7, 17, 30, 0.10);
  backdrop-filter: blur(5px);
  height: 40px;
  padding: 10px 18px;

  color: var(--White, #FFF);
  text-align: center;
  font-family: Inter;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  cursor: pointer;
}
.button2-nobg{
  height: 40px;
  padding: 10px 18px;
  border-radius: 100px;
  background: var(--Gray-25, #F5F6F7);
  color: var(--Gray-700, #273850);
  text-align: center;
  font-family: Inter;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  margin-left: 16px;
  cursor: pointer;
}
.homebuyer-assistance-page .homebuyer-content .sidebar .calc .calc-content .calc-buttons{
  margin-top: 48px;
}
.homebuyer-assistance-page .homebuyer-content .sidebar .calc .calc-content .calc-result-container{
  border-top: 1px dashed var(--Gray-50, #D9DDE1);
  padding-top: 24px;
  margin-top: 48px;
  display: none;
}
.homebuyer-assistance-page .homebuyer-content .sidebar .calc .calc-content .calc-result-container label{
  color: var(--Gray-700, #273850);
  font-family: Inter;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 24px;
  margin-bottom: 16px;
  display: inline-block;
}
.homebuyer-assistance-page .homebuyer-content .sidebar .calc .calc-content .calc-result-container .result-box{
  border-radius: 16px;
  background: var(--Blue-25, #F5F9FD);  
}
.homebuyer-assistance-page .homebuyer-content .sidebar .calc .calc-content .calc-result-container .result-box .result{
  padding: 14px 24px;
  border-radius: 16px;
  border: 1px solid var(--Blue-50, #CADEF8);
  background-color: var(--White, #FFF);
  background-image: url(/images/squares-bg.svg);
  box-shadow: 0px 0px 1px 1px rgba(255, 255, 255, 0.90) inset, 0px 1px 1px 1px rgba(255, 255, 255, 0.60) inset, 0px 0px 2px 2px rgba(255, 255, 255, 0.45) inset, 0px 1px 2px 0px rgba(7, 17, 30, 0.05);
  backdrop-filter: blur(5px);
  color: var(--Gray-950, #07111E);
  font-family: "Cabinet Grotesk";
  font-size: 48px;
  font-style: normal;
  font-weight: 700;
  line-height: 60px;
  letter-spacing: -0.96px;
}
.homebuyer-assistance-page .homebuyer-content .sidebar .calc .calc-content .calc-result-container .result-box .view-detail{
  padding: 10px 16px; 
  text-align: center;
}
.homebuyer-assistance-page .homebuyer-content .sidebar .calc .calc-content .calc-result-container .result-box .view-detail span{
  color: var(--Gray-700, #273850);
  text-align: center;
  font-family: Inter;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 20px;
  cursor: pointer;
}

.homebuyer-assistance-detail-page .share{
  margin-top: 48px;
  margin-bottom: 59px;
}
.homebuyer-assistance-detail-page .share .share-button{
  cursor: pointer;
  height: 40px;
  line-height: 38px;
  border-radius: 100px;
  border: 1px solid var(--Gray-50, #D9DDE1);
  background-color: var(--White, #FFF);

  /* Shadows/shadow-xs */
  box-shadow: 0px 1px 2px 0px rgba(7, 17, 30, 0.05);
  backdrop-filter: blur(5px);

  color: var(--Gray-700, #273850);
  text-align: left;
  font-family: Inter;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;  
  background-image: url(/images/detail-share.svg);
  background-repeat: no-repeat;
  background-position: 18px center;
  width: 100px;
  padding-left: 42px;

}
.homebuyer-assistance-detail-page .left .detail-content .h1{
  margin-top: 32px;
  margin-bottom: 16px;
  color: var(--Gray-950, #07111E);  
  font-family: Inter;
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 32px;
}

.homebuyer-assistance-detail-page .left .detail-content .h2{
  color: var(--Gray-950, #07111E);
  font-family: Inter;
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 30px;
  margin-top: 24px;
  margin-bottom: 12px;
}
.homebuyer-assistance-detail-page .left .detail-content p{
  color: var(--Gray-600, #405064);
  font-family: Inter;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 28px; 
}
.homebuyer-content .detail-content ul,.homebuyer-content .detail-content ol{
  margin: 0;
  padding: 0;
  padding-left:26px;
}
.homebuyer-content .detail-content ul li,.homebuyer-content .detail-content ol li{
  color: var(--Gray-600, #405064);
  font-family: Inter;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 28px;
  margin-bottom: 12px;
}
.homebuyer-content .detail-content ul li strong,.homebuyer-content .detail-content ol li strong,.homebuyer-content .detail-content ol li::marker,.homebuyer-content .detail-content ul li::marker{
  color: var(--Gray-950, #07111E);
  font-weight: 600;
}
.homebuyer-content .detail-content ul,.homebuyer-content .detail-content img{
  margin-top:24px; 
  margin-bottom: 11px;
  border-radius: 12px;
  width: 100%;
  object-fit: cover;  
}
.homebuyer-content .detail-content ul,.homebuyer-content .detail-content p.sub{
  color: var(--Gray-600, #405064);
  font-family: Inter;
  font-size: 14px;
  font-style: italic;
  font-weight: 400;
  line-height: 20px;
  margin-top: 0;
  box-sizing: border-box;
}
.homebuyer-content .detail-content ul,.homebuyer-content .detail-content p.sub a{
  color: var(--Blue-500, #0061DF);
  font-style: italic;
}
.loan-state-page .page-content .left .table2-holder{
  display: grid;
  grid-template-columns: 50% 50%;
}
/*.homebuyer-content .detail-content .table2{
  display: grid;
  grid-template-columns: 25% 25% 25% 25%;
}*/
.homebuyer-content .detail-content .table{
  display: grid;
  grid-template-columns: 40% 60%;
  border-radius: 8px;
  border: 1px solid var(--Blue-50, #CADEF8);
  background: var(--White, #FFF);
  box-shadow: 0px 1px 2px 0px rgba(7, 17, 30, 0.05);
  backdrop-filter: blur(5px);
  border-right: none;
  border-bottom: none;
  margin-bottom: 16px;
}
.homebuyer-content .detail-content .table .th{
  color: var(--Gray-950, #07111E);
  font-family: Inter;
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  line-height: 28px;
  padding: 10px 24px;
  border-right: 1px solid var(--Blue-50, #CADEF8);
  border-bottom: 1px solid var(--Blue-50, #CADEF8);
  background: var(--Blue-25, #F5F9FD);
}
.homebuyer-content .detail-content .table .th:first-child{
  border-top-left-radius: 8px;
}
.homebuyer-content .detail-content .table .th:nth-child(2){
  border-top-right-radius: 8px;
}
.homebuyer-content .detail-content .table .td{
  color: var(--Gray-600, #405064);
  /* Body lg/Regular */
  font-family: Inter;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 28px;
  padding: 16px 24px;
  border-right: 1px solid var(--Blue-50, #CADEF8);
  border-bottom: 1px solid var(--Blue-50, #CADEF8);
}

/*loan-county-page*/
.loan-county-page .page-content .left .table,.loan-state-page .page-content .left .table{
  display: grid;
  grid-template-columns: 50% 50%;
}
.loan-county-page .page-content .left .box,.loan-state-page .page-content .left .box{
  border-radius: 16px;
  border: 1px solid transparent;
  background: var(--Gray-25, #F5F6F7);
  box-shadow: 0px 1px 2px 0px rgba(7, 17, 30, 0.05);
  backdrop-filter: blur(5px);
}
.loan-county-page .page-content .left .table .th,.loan-state-page .page-content .left .table .th{
  padding: 10px 24px;
  border-right: 1px solid var(--Gray-50, #D9DDE1);
  border-bottom: 1px solid var(--Gray-50, #D9DDE1);
  background: var(--Gray-25, #F5F6F7);
  color: var(--Gray-950, #07111E);
  font-family: Inter;
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  line-height: 28px;
}
.loan-county-page .page-content .left .box{
  border: 1px solid var(--Gray-50, #D9DDE1);
}
.loan-county-page .page-content .left .box .title{
  border: none;
  border-bottom: 1px solid var(--Gray-50, #D9DDE1);
}
.loan-county-page .page-content .left .table .td,.loan-state-page .page-content .left .table .td{
  padding: 10px 24px;  
  background: var(--White, #FFF);
  border-right: 1px solid var(--Gray-50, #D9DDE1);
  border-bottom: 1px solid var(--Gray-50, #D9DDE1);
  color: var(--Gray-600, #405064);
  font-family: Inter;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 28px;
}
.loan-state-page .page-content .left .sub-box{
  margin: 16px 24px;
  border: 1px solid var(--Gray-50, #D9DDE1);
}
.loan-state-page .page-content .left .sub-box .title{
  color: var(--Gray-950, #07111E);
  font-family: Inter;
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: 28px;
  border: none;
  border-bottom: 1px solid var(--Gray-50, #D9DDE1)
}
.loan-state-page .page-content .left .box .box-detail .viewmore-btn{
  border-radius: 16px;
  background: var(--Gray-25, #F5F6F7);  
  padding: 10px 18px;
  border-radius: 100px;
  border: 1px solid var(--Gray-50, #D9DDE1);
  background: var(--White, #FFF);  
  box-shadow: 0px 1px 2px 0px rgba(7, 17, 30, 0.05);
  backdrop-filter: blur(5px);

  color: var(--Gray-700, #273850);
  text-align: center;
  font-family: Inter;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 20px;
  margin: 0 24px 24px 24px;
  transition: .3s ease;
  cursor: pointer;
  display: block;
  text-decoration: none;
}  
.loan-state-page .page-content .left .box:hover .sub-box .table .th{
  background: var(--Blue-25, #F5F9FD);
  transition: .3s ease;
}
.loan-state-page .page-content .left .box:hover .sub-box .title{
  color: var(--Gray-950, #07111E);
  transition: .3s ease;
}
.loan-state-page .page-content .left .box .sub-box:hover .title{
  color: var(--Blue-500, #0061DF);
  transition: .3s ease;
}
.loan-state-page .page-content .left .box:hover .viewmore-btn{
  color: var(--Blue-500, #0061DF);
  border: 1px solid var(--Blue-50, #CADEF8);
  background: var(--Blue-25, #F5F9FD);
  box-shadow: 0px 0px 1px 1px rgba(255, 255, 255, 0.90) inset, 0px 1px 1px 1px rgba(255, 255, 255, 0.60) inset, 0px 0px 2px 2px rgba(255, 255, 255, 0.45) inset, 0px 1px 2px 0px rgba(7, 17, 30, 0.05);
  backdrop-filter: blur(5px);
  transition: .3s ease;
}

.loan-county-page .page-content .left .box:hover .table .th{
  background: var(--Blue-25, #F5F9FD);
  transition: .3s ease;
}


.make-center{
  text-align: center;
  padding: 10px;
}
/*Loader2 lazyloading - start*/
.loader2 {
  width: 26px;
  height: 26px;
  border: 3px solid #b6c9db;
  border-radius: 50%;
  display: inline-block;
  position: relative;
  box-sizing: border-box;
  animation: rotation4loader2 .7s linear infinite;
}
.loader2::after {
  content: '';
  box-sizing: border-box;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 36px;
  height: 36px;
  border-radius: 50%;
  border: 3px solid;
  border-color: #768da5 transparent;}

@keyframes rotation4loader2 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
} 
/*Loader2 lazyloading - end*/

.fha-news-index .blog-content .mobile-filter{
  display: none;
}
.fha-news-index .blog-bottom-for-rate,.property-detail-bottom-for-rate{
  display: none;
}









.dropdown-2{    
  padding: 4px;
  border-radius: 24px;
  background: var(--Gray-25, #F5F6F7);  
  margin-top: 32px;
  border: 1px solid transparent;
}
.dropdown-2 .dropdown-value{
  padding: 12px 18px;  
  color: var(--Gray-600, #405064);
  text-align: left;
  font-family: Inter;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 20px;
  text-decoration: none;

  border-radius: 100px;
  border: 1px solid var(--White, #FFF);
  background-color: rgba(255, 255, 255, 0.90);
  box-shadow: 0px 55px 22px 0px rgba(0, 0, 0, 0.01), 0px 31px 19px 0px rgba(0, 0, 0, 0.03), 0px 14px 14px 0px rgba(0, 0, 0, 0.04), 0px 3px 8px 0px rgba(0, 0, 0, 0.05);
  backdrop-filter: blur(10px);

  background-image: url(/images/chevron-down.svg);
  background-repeat: no-repeat;
  background-size: 20px;
  background-position: calc(100% - 18px) 12px;
  cursor: pointer;

}
.dropdown-2.opened ul li a{
  color: var(--Gray-600, #405064);
}
.dropdown-2.opened .dropdown-value{  
  background-image:none;
  border: 1px solid transparent;
  background-color: transparent;
  box-shadow: none;
  backdrop-filter: none;  
}
.dropdown-2.opened .dropdown-value.active{
  background-image: url(/images/check-blue.svg);
  border: 1px solid var(--White, #FFF);
  background-color: rgba(255, 255, 255, 0.90);
  box-shadow: 0px 55px 22px 0px rgba(0, 0, 0, 0.01), 0px 31px 19px 0px rgba(0, 0, 0, 0.03), 0px 14px 14px 0px rgba(0, 0, 0, 0.04), 0px 3px 8px 0px rgba(0, 0, 0, 0.05);
  backdrop-filter: blur(10px);
}
.dropdown-2.opened .dropdown-value span{
  font-weight: 400;
}
.dropdown-2 .dropdown-value div{
  display: inline-block;
}
.blog-page .blog-content .mobile-filter .inner .dropdown-2{
  margin: 24px 0;
}
.blog-page .blog-content .mobile-filter .inner .dropdown-2 .dropdown-value span,.blog-page .blog-content .mobile-filter .inner .dropdown-2 ul li a i{
  font-weight: 400;
}
.dropdown-2 ul{
  list-style: none;
  padding: 0;
  margin:0;
  display: none;
}
.dropdown-2 ul li{  
}
.dropdown-2 ul li a{
  padding: 12px 18px;  
  display: block;
  color: var(--Gray-600, #405064);
  text-align: left;
  font-family: Inter;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 20px;
  text-decoration: none;
  border: 1px solid transparent;
}
.dropdown-2 ul li a span{
  overflow: hidden;
  height: 20px;  
}
.dropdown-2 ul li a i{
  font-style: normal;
}
.dropdown-2 ul li a.active{
  border-radius: 20px;
  border: 1px solid var(--White, #FFF);
  background: rgba(255, 255, 255, 0.90);
  box-shadow: 0px 55px 22px 0px rgba(0, 0, 0, 0.01), 0px 31px 19px 0px rgba(0, 0, 0, 0.03), 0px 14px 14px 0px rgba(0, 0, 0, 0.04), 0px 3px 8px 0px rgba(0, 0, 0, 0.05);
  backdrop-filter: blur(10px);
  color: var(--Blue-500, #0061DF);
  font-weight: 600;

  background-image: url(/images/check-blue.svg);
  background-repeat: no-repeat;
  background-size: 20px;
  background-position: calc(100% - 18px) 12px;
}


.nav-sub-menu{
  padding-top: 8px;
  position: absolute;  
  left: 0;
  top: 40px;  

  display: none;
}
.nav-sub-menu .nav-sub-menu-inn{
  min-width: 220px;
  display: inline-block;
  padding: 0 0;
  border-radius: 14px;
  border: 1px solid var(--Blue-50, #CADEF8);
  background: rgba(255, 255, 255, 0.95);
  box-shadow: 0px 20px 24px -4px rgba(7, 17, 30, 0.08), 0px 8px 8px -4px rgba(7, 17, 30, 0.03);
  backdrop-filter: blur(10px);
  overflow: hidden;
}
.nav-sub-menu ul{
  margin: 0;
  padding: 0;
  list-style: none;
  text-align: left;
}
.nav-sub-menu ul li:first-child{
  padding-top: 6px;
}
.nav-sub-menu ul li:last-child{
  padding-bottom: 6px;
}
.nav-sub-menu ul li a img{
  width: 20px;
  height: 20px;
  margin-right: 10px;
  vertical-align: middle;
  margin-top: -2px;
}
.nav-sub-menu ul li a{
  padding: 8px 20px;
  color: var(--Gray-700, #273850);
  font-family: Inter;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  text-decoration: none;
}
.nav-sub-menu ul li:hover{
  cursor: pointer;
  background: var(--Blue-25, #F5F9FD);
}
.nav-sub-menu ul li:hover a{
  color: var(--Blue-500, #0061DF);
}
.nav-sub-menu ul li.seperator{
  margin: 6px 0;
}
.nav-sub-menu ul li.seperator div{  
  height: 1px;
  border-top: 1px solid var(--Blue-50, #CADEF8);
}
.bottom-states-area{
  padding: 96px 0 48px 0;
  background-color: var(--Blue-25, #F5F9FD);
}
.bottom-states-area .heading-box{
  padding: 64px;
  border-radius: 20px;
  border: 1px solid var(--Blue-50, #CADEF8);
  background-color: var(--White, #FFF);
  box-shadow: 0px 0px 1px 1px rgba(255, 255, 255, 0.90) inset, 0px 1px 1px 1px rgba(255, 255, 255, 0.60) inset, 0px 0px 2px 2px rgba(255, 255, 255, 0.45) inset, 0px 1px 2px 0px rgba(7, 17, 30, 0.05);
  backdrop-filter: blur(5px);

  background-image: url(/images/bg-map.svg);
  background-position: calc(100% + 330px) calc(100% + 32px);
  background-repeat: no-repeat;  

  display: grid;
  grid-template-columns: auto 272px;
}
.bottom-states-area .heading-box .sub-heading{
  margin-top: 20px;
  color: var(--Gray-600, #405064);
  font-family: Inter;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 28px;
}
.bottom-states-area .heading-box .left{
  max-width: 768px;
}
.bottom-states-area .heading-box .right{
  position: relative;
  margin-right: 0;
/*  margin-top: 10px;*/
  display: flex;
  justify-content: right;
}
.bottom-states-area .heading-box .left.mobile{
  display: none;
}
.bottom-states-area .heading-box .right .card-boxes{
  position: absolute;
  width: 208px;
  height: 168px;
  top: 50%;
  /* margin-top: -64px; */
  transform: translateY(-50%);
}
.bottom-states-area .heading-box .right .card-boxes img{
  border-radius: 10px;
}
.bottom-states-area .heading-box .right .card-boxes .card1{
  position: absolute;
  width: 160px;
  height: 120px;
  padding: 6px;
  border-radius: 16px;
  background: var(--White, #FFF);
  box-shadow: 0px 140px 56px 0px rgba(7, 17, 30, 0.01), 0px 79px 47px 0px rgba(7, 17, 30, 0.03), 0px 35px 35px 0px rgba(7, 17, 30, 0.04), 0px 9px 19px 0px rgba(7, 17, 30, 0.05);  
  left: 48px;
  top: 0px;  
  transform: rotate(-5deg);
}
.bottom-states-area .heading-box .right .card-boxes .card2{
  position: absolute;
  width: 160px;
  height: 120px;
  padding: 6px;
  border-radius: 16px;
  background: var(--White, #FFF);
  box-shadow: 0px 140px 56px 0px rgba(7, 17, 30, 0.01), 0px 79px 47px 0px rgba(7, 17, 30, 0.03), 0px 35px 35px 0px rgba(7, 17, 30, 0.04), 0px 9px 19px 0px rgba(7, 17, 30, 0.05);
  left: 24px;
  top: 24px;  
  transform: rotate(-5deg);
}
.bottom-states-area .heading-box .right .card-boxes .card3{
  position: absolute;
  width: 160px;
  height: 120px;
  padding: 6px;
  border-radius: 16px;
  background: var(--White, #FFF);
  box-shadow: 0px 140px 56px 0px rgba(7, 17, 30, 0.01), 0px 79px 47px 0px rgba(7, 17, 30, 0.03), 0px 35px 35px 0px rgba(7, 17, 30, 0.04), 0px 9px 19px 0px rgba(7, 17, 30, 0.05);  
  transform: rotate(5deg);
  top: 48px;  
}
.bottom-states-area .heading-box .right .card-boxes .card1 img{
  opacity: .1;
}
.bottom-states-area .heading-box .right .card-boxes .card2 img{
  opacity: .6;
}
.bottom-states-list{  
  background-color: var(--Blue-25, #F5F9FD);
  padding-bottom: 96px;
}
.bottom-states-list .content-1{
  display: grid;
  grid-template-columns: auto auto auto;  
  grid-gap: 0 32px;
}
.bottom-states-list a{
  text-decoration: none;  
  border-bottom: 1px dashed var(--Blue-50, #CADEF8);
  color: var(--Blue-500, #0061DF);
  font-family: Inter;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 24px;
}
.bottom-states-list a:hover{
  background-image: url(/images/top-right-arrow.svg);
  background-repeat: no-repeat;
  background-position: calc(100% - 4px) 14px;
  border-bottom: 1px dashed var(--Blue-100, #A2C5F3);
}
.bottom-states-list a div{
  padding: 12px 22px 12px 16px;
}
.bottom-states-list a span{
  font-weight: 400;
}
.content-with-sidebar{
  display: grid;
  grid-template-columns: auto 448px;
  margin-top: 0px;
}
.content-with-sidebar .sidebar .inner {
    display: flex;
    justify-content: right;
}
.content-with-sidebar .toc{
  border-radius: 24px;
  background: var(--Gray-25, #F5F6F7);
  padding: 4px;
  max-width: 384px;
  width: 100%;
}
.content-with-sidebar .toc .title{
  padding: 12px 24px;
  color: var(--Gray-600, #405064);
  font-family: Inter;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 24px;
  text-transform: uppercase;
}
.content-with-sidebar .toc .toc-content{
  padding: 24px;
  border-radius: 20px;
  background: var(--White, #FFF);
  box-shadow: 0px 55px 22px 0px rgba(0, 0, 0, 0.01), 0px 31px 19px 0px rgba(0, 0, 0, 0.03), 0px 14px 14px 0px rgba(0, 0, 0, 0.04), 0px 3px 8px 0px rgba(0, 0, 0, 0.05);
  backdrop-filter: blur(10px);
}
.content-with-sidebar .toc .toc-content ul.toc-list{
  list-style: none;
  padding: 0;
  margin:0;
}
.content-with-sidebar .toc .toc-content ul.toc-list li{
  margin-top: 16px;
}
.content-with-sidebar .toc .toc-content ul.toc-list li:first-child{
  margin-top: 0;
}
.content-with-sidebar .toc .toc-content ul.toc-list li a{
  color: var(--Gray-600, #405064);
  font-family: Inter;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 24px;
  text-decoration: none;
}
.content-with-sidebar .toc .toc-content ul.toc-list li a:hover{
  color: var(--Blue-500, #0061DF);
  text-decoration: underline;
}
.blog-detail-page .content-with-sidebar .left .actual-content h2,.mortgage-calc-page .content-with-sidebar .left .actual-content h2{
  color: var(--Gray-950, #07111E);
  font-family: Inter;
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 32px;
  margin-bottom: 16px;
}
.blog-detail-page .content-with-sidebar .left .actual-content p,.mortgage-calc-page .content-with-sidebar .left .actual-content p{
  color: var(--Gray-600, #405064);
  font-family: Inter;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 28px;
}
.blog-detail-page .content-with-sidebar .left .actual-content img,.mortgage-calc-page .content-with-sidebar .left .actual-content img{
  margin-top: 24px;
  margin-bottom: 11px;
  border-radius: 12px;
  width: 100%;
  object-fit: cover;
}
.blog-detail-page .content-with-sidebar .left .actual-content p.figure-info,.mortgage-calc-page .content-with-sidebar .left .actual-content p.figure-info{
  color: var(--Gray-600, #405064);
  font-family: Inter;
  font-size: 14px;
  font-style: italic;
  font-weight: 400;
  line-height: 20px;
  margin-top: 0;
  margin-bottom: 32px;
}
.blog-detail-page .content-with-sidebar .left .actual-content p.figure-info a,.mortgage-calc-page .content-with-sidebar .left .actual-content p.figure-info a{
  color: var(--Blue-500, #0061DF);
  text-decoration: underline;
}
.content-with-sidebar .mobile-toc-area{
  display: none;
}
.mortgage-calc-page .calculator-box{
  border-radius: 24px;
  background: var(--Gray-25, #F5F6F7);
  padding: 4px;  
  margin: 64px 0;
}
.mortgage-calc-page .calculator-box .inn{
  border-radius: 20px;
  background: var(--White, #FFF);
  box-shadow: 0px 55px 22px 0px rgba(0, 0, 0, 0.01), 0px 31px 19px 0px rgba(0, 0, 0, 0.03), 0px 14px 14px 0px rgba(0, 0, 0, 0.04), 0px 3px 8px 0px rgba(0, 0, 0, 0.05);
  backdrop-filter: blur(10px);
  display: grid;
  grid-template-columns: 50% 50%;
}
.mortgage-calc-page .calculator-box .inn .box{
  padding: 48px;
}
.mortgage-calc-page .calculator-box .inn .box:first-child{
  border-right: solid 1px var(--Gray-50, #D9DDE1);
}

.mortgage-calc-page .calc-content .two-cols{  
  display: grid;
  grid-template-columns: auto 100px;
  margin-top: 24px;
}
.mortgage-calc-page  .calc-content .two-cols .dd-valuemethod-select{
  height: 44px;
  max-width: 90px;
  display: flex;
  align-self: flex-end;
  margin-left: 10px;
  position: relative;
  top: 0;
  right: 0;
  z-index: 10;
}
.mortgage-calc-page  .calc-content .two-cols .dd-valuemethod-select .dropdown-list-outer{
  margin-top: 36px;
}
.mortgage-calc-page  .calc-content .field3{
  margin-top: 24px;
}
.mortgage-calc-page  .calc-content .field3:first-child{
  margin-top: 0;
}
/*.mortgage-calc-page  .calc-content .field3-chipku{
  margin-top: 24px;
}*/
.mortgage-calc-page  .calc-content .calc-buttons{
  margin-top: 48px;
}

.mortgage-calc-page .calculator-box .calc-result-container{
  /*border-bottom: 1px dashed var(--Gray-50, #D9DDE1);
  padding-bottom: 48px;  */
}


.mortgage-calc-page .calc-result-container .tabular-data{

}
.mortgage-calc-page .calc-result-container .tabular-data .row{
  display: grid;
  grid-template-columns: 50% 50%;
  border-bottom: 1px solid var(--Gray-50, #D9DDE1);
}
.mortgage-calc-page .calc-result-container .tabular-data .row.active{
  background: var(--Gray-25, #F5F6F7);
}
.mortgage-calc-page .calc-result-container .tabular-data .row:first-child{
  border-top: 1px solid var(--Gray-50, #D9DDE1);
}
.mortgage-calc-page .calc-result-container .tabular-data .key{
  padding: 12px 24px;
  border-right: 1px solid var(--Gray-50, #D9DDE1);
  color: var(--Gray-600, #405064);
  font-family: Inter;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  position: relative;
  padding-left: 34px;
}
.mortgage-calc-page .calc-result-container .tabular-data .key::after{
  content:'';
  width:16px;
  height:16px;
  border-radius:100px;
  background:#00449C;
  display:block;
  position:absolute;
  top:calc(50% - 8px);
  left: 10px;
}
.mortgage-calc-page .calc-result-container .tabular-data .row:nth-child(2) .key::after{
  background: #0061DF;
}
.mortgage-calc-page .calc-result-container .tabular-data .row:nth-child(3) .key::after{
  background: #5193E9;
}
.mortgage-calc-page .calc-result-container .tabular-data .row:nth-child(4) .key::after{
  background: #A2C5F3;
}
.mortgage-calc-page .calc-result-container .tabular-data .row .value{
  padding: 12px 24px;
  color: var(--Gray-950, #07111E);
  font-family: Inter;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  display: flex;
  align-items: center;
}



.mortgage-calc-page .calculator-box .calc-result-container .bottom-border{
  border-bottom: 1px dashed var(--Gray-50, #D9DDE1);
  padding-bottom: 48px;  
}
.mortgage-calc-page .calculator-box .calc-result-container .mortgage-hole-chart-container{
  padding: 48px 0;  
}
.chart-tooltip {
    position: absolute;    
/*    transform: translateX(10px);*/
    z-index: 1000;
    display: none;
}
.chart-tooltip .tip-in {
    box-shadow: 0px 12px 16px -4px rgba(7, 17, 30, 0.08), 0px 4px 6px -2px rgba(7, 17, 30, 0.03), 0px 2px 2px -1px rgba(7, 17, 30, 0.04);
/*    height: 36px;*/
    border-radius: 100px;
    border: 1px solid rgba(255, 255, 255, 0.80);
    background: linear-gradient(180deg, rgba(245, 249, 253, 0.60) 0%, rgba(202, 222, 248, 0.60) 60%), #FFF;
    display: inline-block;
    padding: 8px 14px;

    color: var(--Blue-500, #0061DF);
    text-align: center;
    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
/*    line-height: 20px;*/
}
.mortgage-calc-page .calculator-box .calc-result-container label{
  color: var(--Gray-700, #273850);
  font-family: Inter;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 24px;
  margin-bottom: 16px;
  display: inline-block;
}
.mortgage-calc-page .calculator-box .calc-result-container .result-box{
  border-radius: 16px;
  background: var(--Blue-25, #F5F9FD);  
}
.mortgage-calc-page .calculator-box .calc-result-container .result-box .result{
  padding: 14px 24px;
  border-radius: 16px;
  border: 1px solid var(--Blue-50, #CADEF8);
  background-color: var(--White, #FFF);
  background-image: url(/images/squares-bg.svg);
  box-shadow: 0px 0px 1px 1px rgba(255, 255, 255, 0.90) inset, 0px 1px 1px 1px rgba(255, 255, 255, 0.60) inset, 0px 0px 2px 2px rgba(255, 255, 255, 0.45) inset, 0px 1px 2px 0px rgba(7, 17, 30, 0.05);
  backdrop-filter: blur(5px);
  color: var(--Gray-950, #07111E);
  font-family: "Cabinet Grotesk";
  font-size: 48px;
  font-style: normal;
  font-weight: 700;
  line-height: 60px;
  letter-spacing: -0.96px;
}
.mortgage-calc-page .calculator-box .calc-result-container .result-box .view-detail{
  padding: 10px 16px; 
  text-align: center;
}
.mortgage-calc-page .calculator-box .calc-result-container .result-box .view-detail span{
  color: var(--Gray-700, #273850);
  text-align: center;
  font-family: Inter;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 20px;
  cursor: pointer;
}




/*donut chart - start*/
.donut-chart {  
  position: relative;
  width: 200px;
  height: 200px;
  margin: 0 auto 2rem;
  border-radius: 100%
 }
p.center {
  background: #fff;
  position: absolute;
  text-align: center;
font-size: 28px;
  top:0;left:0;bottom:0;right:0;
  width: 130px;
  height: 130px;
  margin: auto;
  border-radius: 50%;
  line-height: 35px;  
}
  
  
.portion-block {
    border-radius: 50%;
    clip: rect(0px, 200px, 200px, 100px);
    height: 100%;
    position: absolute;
    width: 100%;
  }
.circle {
    border-radius: 50%;
    clip: rect(0px, 100px, 200px, 0px);
    height: 100%;
    position: absolute;
    width: 100%;
    font-family: monospace;
    font-size: 1.5rem;
  }
  
  
#part1 {
    transform: rotate(0deg);
  }

  #part1 .circle {
    background-color: #E64C65;
    /*transform: rotate(76deg);*/
/*    animation: first 1s 1 forwards; */
    transform:rotate(100deg);
    }
  
  
#part2 {
    transform: rotate(100deg);
  }
#part2 .circle {
    background-color: #11A8AB;
/*     animation: second 1s 1 forwards 1s; */
  transform:rotate(150deg);
  }
#part3 {
    transform: rotate(250deg);
}
  #part3 .circle {    
    background-color: #4FC4F6;
/*    animation: third 0.5s 1 forwards 2s; */
    transform:rotate(111deg)
  }
/*donut chart - end*/

.mortgage-hole-chart-container .chart{
  width: 200px;
  margin:0 auto;
}
.detail-photos-gallery,.detail-photos-gallery-single{
  position: fixed;
  left: 0;
  top: 0;
  right:0;
  bottom: 0;
  z-index: 1001;
  background: #fff;
}
.detail-photos-gallery .head,.detail-photos-gallery-single .head{
  display: grid;
  grid-template-columns: auto 156px;
  padding: 36px 0 20px 0;
  background: rgba(255, 255, 255, 0.96);
  backdrop-filter: blur(10px);
  z-index: 1002;
  position: relative;  
}
.detail-photos-gallery .head .leftback,.detail-photos-gallery-single .head .leftback{
  display: flex;
  align-items: anchor-center;
}
.detail-photos-gallery .head .share,.detail-photos-gallery-single .head .share{
  display: grid;
  grid-template-columns: auto auto;
  align-items: flex-end;
  justify-content: right;
}
.detail-photos-gallery .share .fav-button,.detail-photos-gallery-single .share .fav-button{
  cursor: pointer;
  display: flex;
  width: 40px;
  height: 40px;
  padding: 10px 16px;
  justify-content: center;
  align-items: center;
  gap: 6px;

  border-radius: 100px;
  border: 1px solid var(--Gray-50, #D9DDE1);
  background-color: var(--White, #FFF);
  box-shadow: 0px 1px 2px 0px rgba(7, 17, 30, 0.05);
  backdrop-filter: blur(5px);

  background-image: url(/images/detail-heart-no.svg);
  background-repeat: no-repeat;
  background-position: center;  

}
.detail-photos-gallery .share .share-button,.detail-photos-gallery-single .share .share-button{
  cursor: pointer;
  height: 40px;
  line-height: 38px;
  border-radius: 100px;
  border: 1px solid var(--Gray-50, #D9DDE1);
  background-color: var(--White, #FFF);

  /* Shadows/shadow-xs */
  box-shadow: 0px 1px 2px 0px rgba(7, 17, 30, 0.05);
  backdrop-filter: blur(5px);

  color: var(--Gray-700, #273850);
  text-align: left;
  font-family: Inter;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;  
  background-image: url(/images/detail-share.svg);
  background-repeat: no-repeat;
  background-position: 18px center;
  width: 100px;
  padding-left: 42px;
  margin-left: 16px;
}
.detail-photos-gallery .head .leftback a,.detail-photos-gallery-single .head .leftback a{
  text-decoration: none;
}
.detail-photos-gallery .head .leftback a img,.detail-photos-gallery-single .head .leftback a img{
    height: 18px;
    margin-right: 6px;
    vertical-align: middle;
}
.detail-photos-gallery .head .leftback a span,.detail-photos-gallery-single .head .leftback a span{
  color: var(--Gray-700, #273850);
  text-align: center;
  font-family: Inter;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 20px;
}
.detail-photos-gallery .inner .photos-list{
  overflow-y: scroll;
  overflow-x: hidden;
  position: fixed;
  z-index: 1001;
  top: 0;
  width: 100%;
  text-align: center;
}
.detail-photos-gallery-single .inner .photos-list{
  overflow-y: hidden;
  overflow-x: hidden;
  position: fixed;
  z-index: 1001;
  
  width: 100%;
  text-align: center;
}
.detail-photos-gallery .inner .photos-list .gallery-image{
  position: relative;
}
.detail-photos-gallery .inner .photos-list .gallery-image:first-child{
  margin-top: 96px;
}
.detail-photos-gallery .inner .photos-list .gallery-image .placeholder_mark{
  height: 96px;
  visibility: hidden;
  position: absolute;
  z-index: -1;
/*  background: #f00;*/
/*  width: 100%;*/
  top: -96px;
}
.detail-photos-gallery .inner .photos-list .gallery-image{
  margin-bottom: 11px;
  text-align: center;
}
.detail-photos-gallery .inner .photos-list .gallery-image img{  
  border-radius: 8px;    
/*  width: calc(84%);*/
  cursor: pointer;
}
.detail-photos-gallery-single .photos-list .owl-theme .owl-nav{
  top: calc(50% - 16px);
  position: absolute;
  width: 100%;
  margin-top: 0;
}
.detail-photos-gallery-single .photos-list .owl-theme .owl-nav .owl-prev{
  visibility: hidden;
  transition: .4s ease;
  opacity: 0;
  margin: 0 0 0 32px;
  display: flex;
  width: 48px;
  height: 48px;
  padding: 6px 12px;
  justify-content: center;
  align-items: center;
  gap: 6px;
  flex-shrink: 0;
  position: absolute;
  left:0;
  letter-spacing: 0;
  font-size: 0;
  color: rgba(255, 255, 255, 0.90);
  border-radius: 100px;
  border: 1px solid var(--Gray-50, #D9DDE1);
  background-color: rgba(255, 255, 255, 0.90);  
  box-shadow: 0px 1px 2px 0px rgba(7, 17, 30, 0.05);
  backdrop-filter: blur(5px);
  background-image: url(/images/chevron-left.svg);
  background-position: center;
  background-repeat: no-repeat;
}
.detail-photos-gallery-single .photos-list .owl-theme .owl-nav .owl-next{
  visibility: hidden;
  transition: .4s ease;
  opacity: 0;
  margin: 0 32px 0 0;
  display: flex;
  width: 48px;
  height: 48px;
  padding: 6px 12px;
  justify-content: center;
  align-items: center;
  gap: 6px;
  flex-shrink: 0;
  position: absolute;
  right: 0;
  letter-spacing: 0;
  font-size: 0;
  color: rgba(255, 255, 255, 0.90);
  border-radius: 100px;
  border: 1px solid var(--Gray-50, #D9DDE1);
  background-color: rgba(255, 255, 255, 0.90);  
  box-shadow: 0px 1px 2px 0px rgba(7, 17, 30, 0.05);
  backdrop-filter: blur(5px);
  background-image: url(/images/chevron-right.svg);
  background-position: center;
  background-repeat: no-repeat;
}
.detail-photos-gallery-single .photos-list:hover .owl-theme .owl-nav .owl-prev,.detail-photos-gallery-single .photos-list:hover .owl-theme .owl-nav .owl-next{
  transition: .4s ease;
  visibility: visible;
  opacity: 1;
}
.detail-photos-gallery-single .photos-list .owl-carousel{
  background: #000;

  /*display: flex;
  justify-content: center;
  align-items: center;    
  height: 100vh;  */
}
.detail-photos-gallery-single .photos-list .owl-carousel .owl-item img{
  /*width: auto;
  margin: 0 auto;
  object-fit: contain;*/

  /*width: auto;
  height: auto;
  max-height: 100vh;*/
  object-fit: contain;

}
.agents-sticky-bottom-gallery{

  border-radius: 16px;
  border: 1px solid var(--Blue-50, #CADEF8);
  background: var(--White, #FFF);
  box-shadow: 0px 140px 56px 0px rgba(7, 17, 30, 0.01), 0px 79px 47px 0px rgba(7, 17, 30, 0.03), 0px 35px 35px 0px rgba(7, 17, 30, 0.04), 0px 9px 19px 0px rgba(7, 17, 30, 0.05);

  display: block;
  position: fixed;
  bottom: 32px;
  width: 640px;  
  padding: 24px;
  z-index: 1001;  
  left: 50%;
  transform: translateX(-50%);
}
.agents-sticky-bottom-gallery .inner{
    /*display: grid;
    grid-template-columns: auto auto;
    gap: 16px;*/
}

.agents-sticky-bottom-gallery .inner .btn-contact{
  height: 40px;  
  border-radius: 100px;
  border: 1px solid var(--Stroke-Grad, #0061DF);
  background: var(--Fill-Grad, linear-gradient(180deg, #287AE4 0%, #0052BE 100%));
  box-shadow: 0px 0px 1px 1px rgba(255, 255, 255, 0.30) inset, 0px 0px 2px 2px rgba(255, 255, 255, 0.15) inset, 0px 1px 1px 1px rgba(255, 255, 255, 0.20) inset, 0px 21px 9px 0px rgba(7, 17, 30, 0.02), 0px 12px 7px 0px rgba(7, 17, 30, 0.05), 0px 5px 5px 0px rgba(7, 17, 30, 0.09), 0px 1px 3px 0px rgba(7, 17, 30, 0.10);
  backdrop-filter: blur(5px);

  color: var(--White, #FFF);
  text-align: center;  
  font-family: Inter;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 38px;
  cursor: pointer;
}
.agents-sticky-bottom-gallery .inner .btn-request{
  border-radius: 100px;
  border: 1px solid var(--Blue-50, #CADEF8);
  background: var(--Blue-25, #F5F9FD);  
  box-shadow: 0px 0px 1px 1px rgba(255, 255, 255, 0.90) inset, 0px 1px 1px 1px rgba(255, 255, 255, 0.60) inset, 0px 0px 2px 2px rgba(255, 255, 255, 0.45) inset, 0px 1px 2px 0px rgba(7, 17, 30, 0.05);
  backdrop-filter: blur(5px);

  height: 40px;  

  color: var(--Blue-500, #0061DF);
  text-align: center;

  font-family: Inter;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 38px;
  cursor: pointer;
}
.detail-photos-gallery-single .subcounter{
  user-select: none;
  position: fixed;  
  padding: 4px 14px;
  border-radius: 18px;
  background: rgba(245, 246, 247, 0.90);
  box-shadow: 0px 1px 2px 0px rgba(7, 17, 30, 0.05);
  backdrop-filter: blur(5px);
  display: inline-block;
  color: var(--Gray-600, #405064);
  text-align: center;
  font-family: Inter;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 24px;
  left: 50%;
  z-index: 1001;
  bottom: 32px;
  transform: translateX(-50%);
}
.detail-photos-gallery .inner .content-1 .head{
/*  margin-left: -1px;*/
}
.detail-photos-gallery .inner .photos-list::-webkit-scrollbar {
  width: 1px; /* Set the width of the vertical scrollbar */
  height: 4px; /* Set the height of the horizontal scrollbar */
}

/* Customize the scrollbar track (background) */
.detail-photos-gallery .inner .photos-list::-webkit-scrollbar-track {
  background-color: #aaa; /* Light grey background for the track */
/*  border-radius: 10px; */
}

/* Customize the scrollbar thumb (the draggable part) */
.detail-photos-gallery .inner .photos-list::-webkit-scrollbar-thumb {
  background-color: #999; /* Gray color for the thumb */
  border-radius: 10px; /* Rounded corners for the thumb */
}

/* Customize the scrollbar when hovering over it */
.detail-photos-gallery .inner .photos-list::-webkit-scrollbar-thumb:hover {
  background-color: #555; /* Darker gray when hovered */
}
.signin-global .mobile-filter-popup,.signin-global .share-popup{
  display: none;
}
.signin-global .share-popup .inner .content .more-in .share-row-2{
  padding: 24px;
  display: grid;
  grid-template-columns: 50% 50%;
  border-bottom: 1px solid var(--Blue-50, #CADEF8);
}
.signin-global .share-popup .inner .content .more-in .share-row-2 div:last-child{
  text-align: right;
}
.signin-global .share-popup .inner .content .more-in .share-row-2 a.copy-link div{
  width: 36px;
  height: 36px;
  border-radius: 100px;  
  background:url(/images/link.svg) no-repeat center #F5F9FD;
}
.signin-global .share-popup .inner .content .more-in .share-row-2 a.via-email div{
  width: 36px;
  height: 36px;
  border-radius: 100px;  
  background:url(/images/email.svg) no-repeat center #F5F9FD;
}
.signin-global .share-popup .inner .content .more-in .share-row-2 a span{
  color: var(--Gray-700, #273850);
  text-align: center;
  font-family: Inter;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 24px; /* 150% */
}
.signin-global .share-popup .inner .content .more-in .share-row-2 a div{
  display: inline-block;
}
.signin-global .share-popup .inner .content .more-in .share-row-2 a span{
  display: inline-block;
  margin-left: 12px;
}
.signin-global .share-popup .inner .content .more-in .share-row-2 a{
  text-decoration: none;
  display: flex;
  align-items: center;
  padding: 5px 6px;
  border-radius: 100px;
  border: 1px solid var(--Blue-50, #CADEF8);
  background: var(--White, #FFF);
  box-shadow: 0px 0px 1px 1px rgba(255, 255, 255, 0.90) inset, 0px 1px 1px 1px rgba(255, 255, 255, 0.60) inset, 0px 0px 2px 2px rgba(255, 255, 255, 0.45) inset, 0px 1px 2px 0px rgba(7, 17, 30, 0.05);
  backdrop-filter: blur(5px);
}
.signin-global .share-popup .inner .content .more-in .share-row-2 a:first-child{
  margin-right: 10px;
}
.signin-global .share-popup .inner .content .more-in .share-row-2 a:last-child{
  margin-left: 10px;
}
.signin-global .share-popup .inner .content .more-in .share-row-3{
  padding: 24px;
  display: grid;
  grid-template-columns: auto auto auto;
  gap:20px;
}
.signin-global .share-popup .inner .content .more-in .share-row-3 .square-button{
  padding: 16px 12px;
  border-radius: 12px;
  border: 1px solid var(--Blue-50, #CADEF8);
  background: var(--White, #FFF);
  box-shadow: 0px 0px 1px 1px rgba(255, 255, 255, 0.90) inset, 0px 1px 1px 1px rgba(255, 255, 255, 0.60) inset, 0px 0px 2px 2px rgba(255, 255, 255, 0.45) inset, 0px 1px 2px 0px rgba(7, 17, 30, 0.05);
  backdrop-filter: blur(5px);
  cursor: pointer;
  user-select: none;
}
.signin-global .share-popup .inner .content .more-in .share-row-3 .square-button div{
    text-align: center;
    height: 24px;
    margin-bottom: 8px;
}
.signin-global .share-popup .inner .content .more-in .share-row-3 .square-button span{
  display: block;
  color: var(--Gray-700, #273850);
  text-align: center;
  font-family: Inter;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 20px;
  text-align: center;
}
.signin-global .share-popup .inner .content .more-in .share-row-1{
  padding: 24px;
  border-bottom: 1px solid var(--Blue-50, #CADEF8);
  display: grid;
  grid-template-columns: 176px calc(100% - 176px);
}

.signin-global .share-popup .inner .content .more-in .share-row-1 .img{
  width: 160px;
  height: 120px;
  border-radius: 12px;
  border: 1px solid var(--White, #FFF);  
  box-shadow: 0px 55px 22px 0px rgba(0, 0, 0, 0.01), 0px 31px 19px 0px rgba(0, 0, 0, 0.03), 0px 14px 14px 0px rgba(0, 0, 0, 0.04), 0px 3px 8px 0px rgba(0, 0, 0, 0.05);
  backdrop-filter: blur(10px);
  aspect-ratio: 4/3;
  overflow: hidden;
}
.signin-global .share-popup .inner .content .more-in .share-row-1 .img img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.signin-global .share-popup .inner .content .more-in .share-row-1 .righta .price{
  color: var(--Gray-950, #07111E);
  font-family: Inter;
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 32px;
}
.signin-global .share-popup .inner .content .more-in .share-row-1 .righta .addr{
  color: var(--Gray-600, #405064);
  font-family: Inter;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  margin-top: 8px;
}
.signin-global .share-popup .inner .content .more-in .share-row-1 .detail{
  margin-top: 16px;
}
.signin-global .share-popup .inner .content .more-in .share-row-1 .long-detail{
  display: none;
}
.signin-global .share-popup .inner .content .more-in .share-row-1 .detail span{
  color: var(--Gray-800, #0D213B);
  font-family: Inter;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 20px;
  text-transform: uppercase;
}
.signin-global .share-popup .inner .content .more-in .share-row-1 .detail .h-gap{
  display: inline-block;
  background: url(/images/line1.svg) no-repeat center;
  width: 16px;
  height: 12px;
  margin-bottom: -1px;
}
.signin-global .share-popup .inner .content{
  padding: 0;
}
.mobile-filter-popup .filter-inner{
/*  background-color: #ff0;*/
/*  width: 352px;  */
  user-select: none;
}
 
.signin-global .mobile-filter-popup .inner .head,.signin-global .mobile-filter-popup .inner .content{
  background: #fff;
}
.signin-global .mobile-filter-popup .inner .content{
  height: 650px;
  overflow-y: scroll;
  overflow-x: hidden;
}

.signin-global .mobile-filter-popup .inner .content::-webkit-scrollbar {
    width: 0px;
    height: 10px;
}
        
.signin-global .mobile-filter-popup .inner .content::-webkit-scrollbar-track {
    border-radius: 18px;
    background-color: #ddd;
    border: 1px solid #ddd;
}
        
.signin-global .mobile-filter-popup .inner .content::-webkit-scrollbar-thumb {
    border-radius: 18px;
    background-color: #ccc;
}



.mobile-filter-popup .filter-inner .filter-title{
  color: var(--Gray-950, #07111E);
  font-family: Inter;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 24px;  
}

.mobile-filter-popup .filter-inner .filter-title-gap{
  margin-top: 40px;
  margin-bottom: 16px;
}
.mobile-filter-popup .filter-inner .reset-apply-buttons{
  position: fixed;
  bottom: 1px;  
  width: calc(100% - 48px);
  padding: 24px 0;
  background: #fff;
  left: 50%;
  transform: translateX(-50%);
  z-index: 2;
}
.sidebar-box{
  margin-top: 48px;
}
.sidebar-box .box-container{
  border-radius: 24px;
  background: var(--Gray-25, #F5F6F7);
  padding: 4px;
  max-width: 384px;
  width: 100%;
}
.sidebar-box .box-container .title{
  padding: 12px 24px;
  color: var(--Gray-600, #405064);
  font-family: Inter;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 24px;
  text-transform: uppercase;
}
.sidebar-box .box-container .box-content{
/*  padding: 24px;*/
  border-radius: 20px;
  background: var(--White, #FFF);
  box-shadow: 0px 55px 22px 0px rgba(0, 0, 0, 0.01), 0px 31px 19px 0px rgba(0, 0, 0, 0.03), 0px 14px 14px 0px rgba(0, 0, 0, 0.04), 0px 3px 8px 0px rgba(0, 0, 0, 0.05);
  backdrop-filter: blur(10px);
}
.sidebar-box .box-container .box-content .row1{
  padding: 24px;
}
.sidebar-box .box-container .box-content .row1 .title{
  color: var(--Gray-700, #273850);
  font-family: Inter;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 24px;
  margin-bottom: 6px;
  padding: 0;
}
.sidebar-box .box-container .box-content .row1 .title-percent{
  color: var(--Gray-950, #07111E);
  font-family: "Cabinet Grotesk";
  font-size: 36px;
  font-style: normal;
  font-weight: 700;
  line-height: 44px;
  letter-spacing: -0.72px;
}
.sidebar-box .box-container .box-content .row2{

}
.sidebar-box .box-container .box-content .row2 .rate-table{
  display: grid;
  grid-template-columns: auto auto auto;
  border-left: 1px solid var(--Blue-50, #CADEF8);
  border-bottom-left-radius: 20px;
  border-bottom-right-radius: 20px;
  overflow: hidden;
}
.sidebar-box .box-container .box-content .row2 .rate-table .th{
  padding: 10px 16px;
  border-bottom: 1px solid var(--Blue-50, #CADEF8);
  background: var(--Blue-25, #F5F9FD);
  color: var(--Gray-950, #07111E);
  font-family: Inter;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 24px;
  border-right: 1px solid var(--Blue-50, #CADEF8);
  border-top: 1px solid var(--Blue-50, #CADEF8);
}
.sidebar-box .box-container .box-content .row2 .rate-table .td{
  padding: 16px;
  color: var(--Gray-600, #405064);
  font-family: Inter;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 16px;
  border-right: 1px solid var(--Blue-50, #CADEF8);
  border-bottom: 1px solid var(--Blue-50, #CADEF8);
}

.sidebar-box .box-container .box-content .row2 .rate-table .td:last-child{
  border-bottom-right-radius: 20px;
}
.sidebar-box .box-container .box-content .row2 .rate-table .td:last-child{
  border-bottom-right-radius: 20px;
}
.sidebar-box .box-container .box-content .row2 .rate-table .td:nth-child(13){
  border-bottom-left-radius: 20px;
}
.sidebar-box .box-container .box-content .row2 .rate-table .td img{
  margin-right: 4px;
  vertical-align: top;
}
.detail-page .hr-spacer-fullwidth{
  margin-top:48px;
  padding-bottom: 48px;
  border-top:solid 1px var(--Gray-50, #D9DDE1);
}
.hr-spacer-96{
  margin-top:96px;
  padding-bottom: 96px;
  border-top:solid 1px var(--Gray-50, #D9DDE1);
}
.detail-page .hr-spacer{
  margin-top:48px;
  padding-bottom: 48px;
  border-top:solid 1px var(--Gray-50, #D9DDE1);
/*  width: 63%;*/
}
.detail-page .hr-spacer.hr-spacer-tablet{
  display: none;
}
.detail-page .content-estimated-area .blog-sub-heading,.detail-page .content-transit-area .blog-sub-heading,.detail-page .content-schools-area .blog-sub-heading,.detail-page .content-additional-resources .blog-sub-heading {
    color: var(--Gray-600, #405064);
    font-family: Inter;
    color: var(--Gray-600, #405064);
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 28px;
    margin: 20px 0;
}
.detail-page .calculator-box {
    border-radius: 24px;
    background: var(--Gray-25, #F5F6F7);
    padding: 4px;
/*    margin: 64px 0;*/
    
}
.detail-page .calculator-box .inn{
  border-radius: 20px;
  background: var(--White, #FFF);
  box-shadow: 0px 55px 22px 0px rgba(0, 0, 0, 0.01), 0px 31px 19px 0px rgba(0, 0, 0, 0.03), 0px 14px 14px 0px rgba(0, 0, 0, 0.04), 0px 3px 8px 0px rgba(0, 0, 0, 0.05);
  backdrop-filter: blur(10px);
  display: block;  
}
.detail-page .calculator-box .inn .box:first-child{
/*    border-right: solid 1px var(--Gray-50, #D9DDE1);*/
    border-right: none !important;
    padding: 32px 24px 0px 24px;
}
.detail-page .calculator-box .inn .box{
  padding: 0 32px 48px 32px;
}
.detail-page .calc-content .two-cols{
  display: grid;
  grid-template-columns: auto 100px;
  margin-top: 24px;
}
.detail-page .calc-content .two-cols .dd-valuemethod-select {
    height: 44px;
    max-width: 90px;
    display: flex;
    align-self: flex-end;
    margin-left: 10px;
    position: relative;
    top: 0;
    right: 0;
    z-index: 10;
}
.detail-page .calc-content .field3 {
    margin-top: 24px;
}
.detail-page .calc-content .field3:first-child{
   margin-top: 0;
}
.detail-page .calc-content .calc-buttons{
  margin-top: 48px;
}
.detail-page .calculator-box .inn .box:first-child{
  border-right: solid 1px var(--Gray-50, #D9DDE1);
}
.detail-page .calculator-box .calc-result-container label{
  color: var(--Gray-700, #273850);
  font-family: Inter;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 24px;
  margin-bottom: 16px;
  display: inline-block;
}
.detail-page .calculator-box .calc-result-container .result-box{
  border-radius: 16px;
  background: var(--Blue-25, #F5F9FD);  
}
.detail-page .calculator-box .calc-result-container .result-box .result{
  padding: 14px 24px;
  border-radius: 16px;
  border: 1px solid var(--Blue-50, #CADEF8);
  background-color: var(--White, #FFF);
  background-image: url(/images/squares-bg.svg);
  box-shadow: 0px 0px 1px 1px rgba(255, 255, 255, 0.90) inset, 0px 1px 1px 1px rgba(255, 255, 255, 0.60) inset, 0px 0px 2px 2px rgba(255, 255, 255, 0.45) inset, 0px 1px 2px 0px rgba(7, 17, 30, 0.05);
  backdrop-filter: blur(5px);
  color: var(--Gray-950, #07111E);
  font-family: "Cabinet Grotesk";
  font-size: 48px;
  font-style: normal;
  font-weight: 700;
  line-height: 60px;
  letter-spacing: -0.96px;
}
.detail-page .calculator-box .calc-result-container .result-box .view-detail{
  padding: 10px 16px; 
  text-align: center;
}
.detail-page .calculator-box .calc-result-container .result-box .view-detail span{
  color: var(--Gray-700, #273850);
  text-align: center;
  font-family: Inter;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 20px;
  cursor: pointer;
}
.detail-page .calculator-box .calc-result-container .bottom-border{
  border-bottom: 1px dashed var(--Gray-50, #D9DDE1);
  padding-bottom: 48px;
}
.detail-page .calculator-box .calc-result-container .mortgage-hole-chart-container{
  padding: 48px 0;
}
.detail-page .calc-result-container .tabular-data{

}
.detail-page .calc-result-container .tabular-data .row{
  display: grid;
  grid-template-columns: 50% 50%;
  border-bottom: 1px solid var(--Gray-50, #D9DDE1);
}
.detail-page .calc-result-container .tabular-data .row.active{
  background: var(--Gray-25, #F5F6F7);
}
.detail-page .calc-result-container .tabular-data .row:first-child{
  border-top: 1px solid var(--Gray-50, #D9DDE1);
}
.detail-page .calc-result-container .tabular-data .key{
  padding: 12px 24px;
  border-right: 1px solid var(--Gray-50, #D9DDE1);
  color: var(--Gray-600, #405064);
  font-family: Inter;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  position: relative;
  padding-left: 34px;
}
.detail-page .calc-result-container .tabular-data .key::after{
  content:'';
  width:16px;
  height:16px;
  border-radius:100px;
  background:#00449C;
  display:block;
  position:absolute;
  top:calc(50% - 8px);
  left: 10px;
}
.detail-page .calc-result-container .tabular-data .row:nth-child(2) .key::after{
  background: #0061DF;
}
.detail-page .calc-result-container .tabular-data .row:nth-child(3) .key::after{
  background: #5193E9;
}
.detail-page .calc-result-container .tabular-data .row:nth-child(4) .key::after{
  background: #A2C5F3;
}
.detail-page .calc-result-container .tabular-data .row .value{
  padding: 12px 24px;
  color: var(--Gray-950, #07111E);
  font-family: Inter;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  display: flex;
  align-items: center;
}
.detail-page .transit-box {
    border-radius: 24px;
    background: var(--Gray-25, #F5F6F7);
    padding: 4px;
/*    margin: 64px 0;*/    
}
.detail-page .transit-box .inn{
  border-radius: 20px;
  background: var(--White, #FFF);
  box-shadow: 0px 55px 22px 0px rgba(0, 0, 0, 0.01), 0px 31px 19px 0px rgba(0, 0, 0, 0.03), 0px 14px 14px 0px rgba(0, 0, 0, 0.04), 0px 3px 8px 0px rgba(0, 0, 0, 0.05);
  backdrop-filter: blur(10px);    
  overflow: hidden;
}
.detail-page .transit-box .inn .box{
  border-left: 1px solid var(--Gray-50, #D9DDE1);
  padding: 32px 24px;
}
.detail-page .transit-box .inn .box:first-child{
  border-left:none;
}
.detail-page .transit-box .inn .box .heading{
  color: var(--Gray-950, #07111E);
  text-align: center;
  font-family: Inter;
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 30px;
  margin:32px 0 12px 0;
}
.detail-page .transit-box .inn .box .box-content{
  color: var(--Gray-600, #405064);
  text-align: center;
  font-family: Inter;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 28px;
}
.detail-page .chart-boxes{
  display: grid;
  grid-template-columns: auto auto auto;
}
.detail-page .transit-box .inn .foot{
  padding: 20px 24px;
  background: var(--Gray-25, #F5F6F7);
  border-top:solid 1px #D9DDE1;
  color: var(--Gray-400, #737F8E);
  text-align: center;
  font-family: Inter;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;

}
.detail-page .transit-box .inn .foot a{
  text-decoration: none;
  color: var(--Blue-500, #0061DF);
}
.detail-page .box-chart{
  width: 120px;
  height: 120px;
  margin:0 auto;
  position: relative;
}
.detail-page .box-chart .chart-inner{
  width: 80px;
  height: 80px;
  margin: 0 auto;
  border-radius: 66.667px;
/*  background: var(--Blue-50, #CADEF8);*/
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.detail-page .box-chart-no1 .chart-inner{
  background:url(/images/chart1-icon.svg) no-repeat center #CADEF8;
}
.detail-page .box-chart-no2 .chart-inner{
  background:url(/images/chart2-icon.svg) no-repeat center #CADEF8;
}
.detail-page .box-chart-no3 .chart-inner{
  background:url(/images/chart3-icon.svg) no-repeat center #CADEF8;
}
/*.detail-page .transit-box .inn .box .box-inn{
  padding: 48px;  
}*/

.detail-page .schools-box {
    border-radius: 24px;
    background: var(--Gray-25, #F5F6F7);
    padding: 4px;
/*    margin: 64px 0;*/
/*    width: 63%;*/
}
.detail-page .schools-box .inn{
  border-radius: 20px;
  background: var(--White, #FFF);
  box-shadow: 0px 55px 22px 0px rgba(0, 0, 0, 0.01), 0px 31px 19px 0px rgba(0, 0, 0, 0.03), 0px 14px 14px 0px rgba(0, 0, 0, 0.04), 0px 3px 8px 0px rgba(0, 0, 0, 0.05);
  backdrop-filter: blur(10px);    
  overflow: hidden;
}
.detail-page .schools-box .inn .box{
/*  border-left: 1px solid var(--Gray-50, #D9DDE1);*/
  padding: 24px;
  border-top: 1px solid var(--Gray-50, #D9DDE1);
}
.detail-page .schools-box .inn .box:hover{
  background: var(--Blue-25, #F5F9FD);
  border-top: 1px solid var(--Blue-50, #CADEF8);
  border-bottom: 1px solid var(--Blue-50, #CADEF8);
}
.detail-page .schools-box .inn .box:first-child,.detail-page .schools-box .inn .box:hover:first-child{
  border-top: none;  
}
.detail-page .schools-box .inn .box:hover + .box{
  border-top: none;  
}
.detail-page .schools-box .inn .box .box-inn{

}
.detail-page .schools-box .inn .box .box-inn .heading{
  color: var(--Gray-950, #07111E);
  font-family: Inter;
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 32px;
}
.detail-page .schools-box .inn .box:hover .box-inn .heading{
  color: var(--Blue-500, #0061DF);
}
.detail-page .schools-box .inn .box .box-inn .rating-container{
  display: grid;
  grid-template-columns: 48px 12px auto;
  padding: 4px;  
  border-radius: 12px;
  background: var(--Blue-25, #F5F9FD);
  margin: 16px 0 20px 0;
}
.detail-page .schools-box .inn .box .box-inn .rating-container .left{
  display: flex;
}
.detail-page .schools-box .inn .box:hover .box-inn .rating-container .left{
    
}
.detail-page .schools-box .inn .box:hover .box-inn .rating-container{
  background: #fff;
}
.detail-page .schools-box .inn .box .box-inn .rating-container .left .rating{
  padding: 4px 8px;
  width: 48px;
  border-radius: 8px;
  background: var(--Blue-700, #00449C);

  color: var(--Blue-100, #A2C5F3);
  font-family: Inter;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 20px;
  text-align: center;
  display: flex;
  align-items: center;
}
.detail-page .schools-box .inn .box .box-inn .rating-container .left .rating span{
  color: var(--White, #FFF);
  text-align: center;
  font-family: Inter;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 24px;
}
.detail-page .schools-box .inn .box .box-inn .rating-container .right{
  color: var(--Gray-800, #0D213B);
  font-family: Inter;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 32px;
}
.detail-page .schools-box .inn .box .box-inn .rating-container .right i{
  font-style: normal;
  color: var(--Blue-200, #79ACEE);
}
.detail-page .schools-box .inn .box .box-inn p{
  color: var(--Gray-600, #405064);
  font-family: Inter;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  margin: 0 0;
}
.detail-page .schools-box .inn .foot{
  padding: 20px 24px;
  background: var(--Gray-25, #F5F6F7);
  border-top:solid 1px #D9DDE1;
  color: var(--Gray-400, #737F8E);
  text-align: center;
  font-family: Inter;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;

}
.detail-page .schools-box .inn .foot a{
  text-decoration: none;
  color: var(--Blue-500, #0061DF);
}
.detail-page .bottom-content{
/*  width: 63%;*/
}
.detail-page .bottom-content p{
  margin: 0;
  color: var(--Gray-600, #405064);
  font-family: Inter;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 28px;
  margin: 16px 0 32px 0;
}
.detail-page{
  padding-bottom: 0;
}
.detail-page .detail-content .left-side .gray-info{
  margin-top: 50px;
}
.detail-page .detail-content .left-side .gray-info span{
  display: block;
  font-size: 15px;
  color: var(--Gray-600, #405064);
  font-weight: 500;
  line-height: 20px;
}
.detail-page .detail-content .gray-info a{
  font-size: 13px;
  color: var(--Gray-600, #405064);
  font-weight: 500;
  text-decoration: none;
}
.detail-page .detail-content .left-side .gray-info a:hover{
  text-decoration: underline;
}
.detail-page .address-share .address span.mlsId{
  font-size: 14px;
}
.detail-page .standardStatus{
  font-weight: 500;
  background: #006500;
  display: inline-block;
  padding: 5px 15px;
  border-radius: 10px;
  color: #fff;
  margin-bottom: 8px;"
}
.detail-page .standardStatus.orange{
  background: #e5730e;
}









.fha-rates-large .box-container .box-content{
/*  padding: 24px;*/
  border-radius: 20px;
  background: var(--White, #FFF);
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
  backdrop-filter: blur(10px);
}
.fha-rates-large .box-container .box-content .row1{
  padding: 24px;
  border: 1px solid var(--Blue-50, #CADEF8);
  border-radius: 10px 10px 0px 0px;
}
.fha-rates-large .box-container .box-content .row1 .title{
  color: var(--Gray-700, #273850);
  font-family: Inter;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 24px;
  margin-bottom: 6px;
  padding: 0;
}
.fha-rates-large .box-container .box-content .row1 .title-percent{
  color: var(--Gray-950, #07111E);
  font-family: "Cabinet Grotesk";
  font-size: 36px;
  font-style: normal;
  font-weight: 700;
  line-height: 44px;
  letter-spacing: -0.72px;
}
.fha-rates-large .box-container .box-content .row2{

}
.fha-rates-large .box-container .box-content .row2 .rate-table{
  display: grid;
  grid-template-columns: auto auto auto;
  border-left: 1px solid var(--Blue-50, #CADEF8);
  border-bottom-left-radius: 20px;
  border-bottom-right-radius: 20px;
  overflow: hidden;
}
.fha-rates-large .box-container .box-content .row2 .rate-table .th{
  padding: 10px 16px;
  border-bottom: 1px solid var(--Blue-50, #CADEF8);
  background: var(--Blue-25, #F5F9FD);
  color: var(--Gray-950, #07111E);
  font-family: Inter;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 24px;
  border-right: 1px solid var(--Blue-50, #CADEF8);
  border-top: 1px solid var(--Blue-50, #CADEF8);
  text-align: center;
}
.fha-rates-large .box-container .box-content .row2 .rate-table .th:first-child{
  text-align: left;
}
.fha-rates-large .box-container .box-content .row2 .rate-table .td{
  padding: 16px;
  color: var(--Gray-600, #405064);
  font-family: Inter;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 16px;
  border-right: 1px solid var(--Blue-50, #CADEF8);
  border-bottom: 1px solid var(--Blue-50, #CADEF8);
  text-align: center;
}
.fha-rates-large .box-container .box-content .row2 .rate-table .td:first-child{
  text-align: left !important;
}
.fha-rates-large .box-container .box-content .row2 .rate-table .td:last-child{
  border-bottom-right-radius: 20px;
}
.fha-rates-large .box-container .box-content .row2 .rate-table .td:last-child{
  border-bottom-right-radius: 20px;
}
.fha-rates-large .box-container .box-content .row2 .rate-table .td:nth-child(13){
  border-bottom-left-radius: 20px;
}
.fha-rates-large .box-container .box-content .row2 .rate-table .td img{
  margin-right: 4px;
  vertical-align: top;
}
.current-interest-rates-page ol{
  color: var(--Gray-600, #405064);
  font-family: Inter;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 28px;
}
.current-interest-rates-page .hr-spacer{
  background: #ccc;
  height: 1px;
  margin: 40px 0;
}
.current-interest-rates-page div.question{
    color: var(--Gray-600, #405064);
    font-family: Inter;
    font-size: 19px;
    font-style: normal;
    font-weight: 700;
    line-height: 28px;
}
.detail-desc-expandable{
  padding: 0 12px 0 12px;
  box-shadow: 0 0 2px #3335;
  border-radius: 10px;
  margin-bottom: 8px;
  background-size: 20px;
}
.detail-desc-expandable .title.expanded{
  background: url(/images/long-dd-up.svg) no-repeat right center;
}
.detail-desc-expandable .title{
  user-select: none;
  padding: 12px 0 12px 0;
  font-weight: 600;
  color: var(--Gray-600, #405064);
  font-size: 19px;  
  background: url(/images/long-dd-down.svg) no-repeat right center;
}
.detail-desc-expandable .expandable{
  padding-bottom: 12px;
}
.detail-desc-expandable .expandable p{
  margin-top: 4px;
}
.detail-public-remarks{
    padding: 24px;
    border-radius: 10px;
    /* border: 1px solid var(--Blue-50, #CADEF8); */
    background: var(--White, #FFF);
    box-shadow: 0px 3px 5px #0002;
}
.detail-page .content-additional-resources{
  font-family: Inter;
}
.detail-page .content-additional-resources .cta-buttons{
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 20px;
  margin-bottom: 20px;
}
.detail-page .content-additional-resources .cta-buttons a{
  display: block;
  padding: 25px 20px;
  background: #e87c35;
  font-size: 22px;
  color: #fff;
  text-decoration: none;
  border-radius: 12px;
  text-align: center;
  box-shadow: 0 0 5px #0004;
  transition: .25s ease;
}
.detail-page .content-additional-resources .cta-buttons a:hover{
  box-shadow: 0 0 10px #0008;
  transition: .25s ease;
}
.detail-page .content-additional-resources .cta-buttons a span{
  font-size:18px;
  display: block;
  opacity: .9;
  margin-top: 2px;
}
.detail-page .content-additional-resources .cta-buttons a:last-child{
  border: solid 2px #4563ae;
  background: transparent;
  color: #4563ae;
}


.detail-page .content-additional-resources .more-links{
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 20px;
}
.detail-page .content-additional-resources .more-links .link-box{
  padding: 20px;
  padding: 20px;
  display: grid;
  grid-template-columns: auto 1fr;
  border: solid 1px #dce1e7;
  border-radius: 15px;
  box-shadow: 0 0 3px #0003;
}
.detail-page .content-additional-resources .more-links .link-box .icon{

}
.detail-page .content-additional-resources .more-links .link-box .icon .iconshape{
  width: 36px;
  height: 36px;
  border-radius: 10px;
  background: url(/images/link.svg) no-repeat center #4966af22;
}
.detail-page .content-additional-resources .more-links .link-box .info{
  padding-left: 15px;
}
.detail-page .content-additional-resources .more-links .link-box .info .heading{
    font-size: 19px;
    font-weight: 600;
    margin-bottom: 10px;
}
.detail-page .content-additional-resources .more-links .link-box .info .desc{
  font-size: 17px;
  line-height: 23px;
  margin-bottom: 10px;
}
.detail-page .content-additional-resources .more-links .link-box .info a{
  color: #4966af;
  text-decoration: none;
  font-size:17px;
  font-weight: bold;
}

/*
.current-interest-rates-page .calc{
  border-radius: 24px;
  background: var(--Gray-25, #F5F6F7);
  padding: 4px;
  max-width: 384px;
  width: 100%;
}
.current-interest-rates-page .calc .title{
  padding: 12px 24px;
  color: var(--Gray-600, #405064);
  font-family: Inter;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 24px;
  text-transform: uppercase;
}
.current-interest-rates-page .calc .calc-content{
  padding: 24px;
  border-radius: 20px;
  background: var(--White, #FFF);
  box-shadow: 0px 55px 22px 0px rgba(0, 0, 0, 0.01), 0px 31px 19px 0px rgba(0, 0, 0, 0.03), 0px 14px 14px 0px rgba(0, 0, 0, 0.04), 0px 3px 8px 0px rgba(0, 0, 0, 0.05);
  backdrop-filter: blur(10px);
}
.current-interest-rates-page .calc .calc-content .two-cols{
  margin-top: 24px;
  display: grid;
  grid-template-columns: auto 100px;
}
.current-interest-rates-page .calc .calc-content .two-cols .dd-valuemethod-select {
    height: 44px;
    max-width: 90px;
    display: flex;
    align-self: flex-end;
    margin-left: 10px;
    position: relative;
    top: 0;
    right: 0;
    z-index: 10;
}
.current-interest-rates-page .calc .calc-content .field3{
    margin-top: 24px;
}
*/





@keyframes fadeIn {
  0%{
    display: block;
    opacity: 0;
  }  
/*  99%{
    opacity: 1;
  }*/
  100%{    
    opacity: 1;
    display: block;
  }
  /*from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }*/
}

@keyframes fadeOut {
  0%{
    display: block;
    opacity: 1;
  }
  99%{
    opacity: 0;
  }
  100%{    
    display: none;
  }
  /*from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }*/
}

@keyframes appearFromDown {
  0% {
    transform: translateY(100%);
  }
  100%{
    transform: translateY(0%);
  }
}

@keyframes appearFromDownReverse {
  0%{
/*    display: block !important;*/
  }
  1% {    
    transform: translateY(0%);
  }
  99%{
    transform: translateY(100%);
  }
  100%{
/*    display: none;*/
  }
}

/*#### DRAWER  - START*/
.drawer{
  display: none;
}

@keyframes slide_from_right {  
  0% {    
    transform: translateX(100%);
  }
  100%{
    transform: translateX(0%);
  }
}