@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(--Blue-25, #F5F9FD);
}
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;
}
h3{
  color: var(--Blue-950, #001838);
  text-align: left;
  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: 140px;*/
  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;    
}
.banner-container .banner{
  margin: 0 auto;
  background-size:cover;
  background-image: url(/images/bg.jpg);
  background-repeat: no-repeat;
  background-position: center;
  min-height: 100px;
  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 .init-search{
  padding-bottom: 160px;
}
.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 0px;
  position: absolute;
  margin-top: 16px;
  z-index: 1;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  display: grid;
  grid-template-columns: auto auto auto;
}
.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 .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 .left-area ul{
  margin: 0;
  padding: 0;
  list-style: none;
  text-align: left;
}
.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:hover a{
  color: var(--Blue-500, #0061DF);
}
.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 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;
}
.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;
}

.top-nav .site-logo a{
  user-select: none;
  float: left;
  color: var(--White, #FFF);
  font-size: 24px;
  font-style: normal;
  font-weight: 800;
  line-height: normal;
  text-decoration:none;  
}
.top-nav .site-logo .img {
    background: url(/images/logo-white.svg);
    width: 26px;
    height: 24px;
    display: inline-block;
    margin-right: 10px;
}
.top-nav-black .site-logo a{
  color: var(--Gray-950, #07111E);
}
.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: 20px; /* 142.857% */
}
.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-black .menu ul li a{
  color: var(--Gray-600, #405064);
}
.top-nav .links{
  text-align:right;
/*  float: right;*/
  position: relative;
  display: flex;
  justify-content: right;
}
.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;
}
.home-section-1 a{
  text-decoration: none;
}
.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{

}
.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: auto auto auto;
}
.home-guides-list .card{  
  overflow: hidden;
  display:inline-block;
  max-width: 376px;
  height: 424px;
  padding: 6px;
  border-radius: 16px;
  border: 1px solid var(--White, #FFF);
  background: var(--White, #FFF);
  vertical-align: top;
  transition: .150s 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:hover .image{
  transition: .150s ease;
  height: 172px;
}
.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 .image{
  background-image:url(/images/guide-image1.jpg) ;
  background-repeat: no-repeat;
  background-position: center;
  border-radius: 12px;
  height: 240px;
  transition: .150s ease;
}
.home-guides-list .card .detail{  
  padding: 20px 18px 18px 18px;
  text-align: left;
}
.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;
}
.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: 16px 0 8px 0;
}
.home-guides-list .card .detail .short{
  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;
  height: 48px;
}
.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;
}
.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;  
}
.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;
}
.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);
    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;
}
.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;
}
.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: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: 20px;
/*  text-transform: uppercase;*/
}
.property-card .owl-theme .owl-nav{
  top: calc(50% - 16px);
  position: absolute;
  width: 100%;
  margin-top: 0;
}
.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 .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: 33.33%;
}
.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;
}
.banner-funnel .step3 .filter-title,.banner-funnel .step4 .filter-title{
  color: var(--Gray-950, #07111E);
  font-family: Inter;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 24px;  
}
.pre-banner-funnel h3{
  margin-bottom: 0px !important;
  margin-top: 12px;
  text-align: center;
}
.pre-banner-funnel .h3-sub{
  margin-top: 8px;
  color: var(--Gray-600, #405064);
  text-align: center;
  font-family: Inter;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
}
.pre-banner-funnel .two-options{
  margin-top: 64px;
  display: grid;
  grid-template-columns: calc(50% - 12px) calc(50% - 12px);
  gap: 24px;
}
.pre-banner-funnel .two-options .option-box{
  padding: 24px;
  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);
  transition: all .3s ease-in-out;
  position: relative;
}
.pre-banner-funnel .two-options .option-box .option-box-in{
  position: relative;
  z-index: 1;
}
.pre-banner-funnel .two-options .option-box:after{
  content: '';
  position: absolute;
  left: 0px;
  top: 0px;
  right: 0px;
  bottom: 0px;
  opacity: 0;
  z-index: 0;
  border-radius: 24px;
  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 4px rgba(202, 222, 248, 0.50);    
  transition: all .3s ease-in-out;

}
.pre-banner-funnel .two-options .option-box:hover:after{
    opacity: 1;
}
.pre-banner-funnel .two-options .option-box:hover .title{
  color: var(--Blue-500, #0061DF);
  transition: .3s ease;
}
.pre-banner-funnel .two-options .option-box .title{
  color: var(--Gray-950, #07111E);
  font-family: Inter;
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 32px;
  transition: .3s ease;
}
.pre-banner-funnel .two-options .option-box .title-sub{
  margin-top: 8px;
  margin-bottom: 32px;
  color: var(--Gray-600, #405064);
  font-family: Inter;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
}
.pre-banner-funnel .two-options .option-box .continue-btn{
  cursor: pointer;
  height: 40px;
  padding: 10px 18px;
  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);
  color: var(--White, #FFF);
  text-align: left;
  font-family: Inter;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 20px;
  background: url(/images/pre-continue-right.svg) no-repeat calc(100% - 18px) center ,var(--Fill-Grad, linear-gradient(180deg, #287AE4 0%, #0052BE 100%));    
  transition: .3s ease;
}
.pre-banner-funnel .two-options .option-box:hover .continue-btn{
  background: url(/images/post-continue-right.svg) no-repeat calc(100% - 18px) center ,var(--Fill-Grad, linear-gradient(180deg, #287AE4 0%, #0052BE 100%));
  transition: .3s ease;
}
.banner-funnel .step3 .filter-title-gap,.banner-funnel .step4 .filter-title-gap{
  margin-top: 24px;
  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*/

/*######### CUSTOM CHECKBOX - STAT*/
.radio {
  cursor: pointer;
  border-radius: 100px;
  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);
  padding: 12px 14px;

  color: var(--Gray-700, #273850);
  text-align: center;
  font-family: Inter;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 24px;
}
.radio.active,.radio:hover{
  border-radius: 100px;
  border: 1.5px solid var(--Blue-500, #0061DF);
  background: var(--Blue-50, #CADEF8);
  box-shadow: 0px 1px 2px 0px rgba(7, 17, 30, 0.05);
  backdrop-filter: blur(5px);
  color: var(--Blue-600, #0052BE);
}

/*.radio 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);
}*/
.radio span{

}
/*######### CUSTOM CHECKBOX - END*/

.gap-16{
  margin-top: 16px; 
}
.mobile-menu-icon{
  user-select: none;
  display: none;
  margin-left: 8px;
}
.mobile-signin-btn{
  user-select: 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;
}
.steps-cotainer 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;
  
}
.steps-cotainer .form .two_fields{
    display: grid;
    grid-template-columns: 50% calc(50% - 20px);
    gap: 20px;
    margin-top: 20px;
}
.agrement{
  margin-top: 18px;
  color: var(--Gray-400, #737F8E);
  font-family: Inter;
  font-size: 11px;
  font-style: normal;
  font-weight: 400;
  line-height: 13px;
  padding-bottom:97px;
}
.agrement a{
  color: var(--Blue-500, #0061DF);
  text-decoration: none;
}
.step14 .form .topgap,.step16 .form .topgap{
  margin-top: 20px;
}

.steps-cotainer .form .fielder{
  position: relative;
  z-index: 1000;
}
.steps-cotainer .fielder:nth-child(2),.steps-cotainer .fielder:nth-child(3){
  margin-top: 20px;
}
.steps-cotainer .price-input .price-input-label .label:first-child{
  margin-right: 10px;
}
.steps-cotainer .price-input .price-input-label .label:last-child{
  margin-left: 10px;
}
.steps-cotainer .price-input-labels{
  display: grid;
  grid-template-columns: 50% 50%;
}
.steps-cotainer .price-input-labels div{
  color: var(--Gray-700, #273850);
  font-family: Inter;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 20px;
  margin-bottom: 6px;
}
.steps-cotainer .price-input-labels div:last-child{
  margin-left: 10px;
}
.steps-cotainer .price-input {
  width: 100%;
  display: grid;
  margin: 0 0 31px 0;
  grid-template-columns: 50% 50%;
  position: relative;
  z-index: 2;
}
.steps-cotainer .price-input .field .label{
  color: var(--Gray-700, #273850);
  font-family: Inter;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 20px;
  margin-bottom: 6px;
}
.steps-cotainer .price-input .field:first-child {
  margin-right: 10px;
}
.steps-cotainer .price-input .field:last-child {
  margin-left: 10px;
}
.steps-cotainer .price-input .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;
}
.steps-cotainer .price-input input[type="number"]::-webkit-outer-spin-button,
.steps-cotainer .price-input 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: 200px;
  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%;
  background-color:transparent;
}
.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: #fff;
}
.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: var(--Blue-25, #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: 80px;
}
.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;
}
.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: 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-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: 24px 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{
  min-width: 220px;
  display: inline-block;
  padding: 6px 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 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: inline-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{
  margin: 6px 0;
}
.myaccount-menu ul li.seperator div{  
  height: 1px;
  border-top: 1px solid var(--Blue-50, #CADEF8);
}
.inner-nobanner-container{
  position: relative;
  z-index: 0;
}

/*######## BreadCrumb - Start*/
.breadcrumb-new{
  padding: 40px 0 40px;
}
.breadcrumb-new-2{  
  margin-top: 80px;
}
.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:hover{
  transition: .3s ease;
  background-image: url(/images/heart-yes.svg);
}
.nav-new-search{
  background-image: url(/images/search-blue2.svg);
}

/*################# Banner Funnel ##############*/
.banner-funnel{
/*  padding-top: 84px;*/
  padding-top: 65px;
  padding-bottom: 68px;
  position: absolute;
  top: 36px;
  width: 100%;
  z-index: 1002;
  transform: translateX(-50%);
  left: 50%;
}
.banner-funnel .box{
  width:760px;
  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);
  margin: 0 auto;
}
.banner-funnel .box .inner{
  border-radius: 16px;

  border: 1px solid var(--Blue-50, #CADEF8);
  background: var(--Blue-25, #F5F9FD);
}
.banner-funnel .box .inner .head{
  padding: 16px 24px;
  height: 64px;
  display: grid;
  grid-template-columns: 56px auto 100px;
  background-color: var(--Blue-25, #F5F9FD);;
  border-bottom: 1px solid var(--Blue-50, #CADEF8);
  border-top-left-radius: 16px;
  border-top-right-radius: 16px;  
}
.banner-funnel .box .inner .head .slider-v2{
  height: 16px;
  margin-top: 10px;
  overflow: hidden;
}
.banner-funnel .box .inner .head .slider-bg-v2{
  height: 100%;
  position: relative;  
}
.banner-funnel .box .inner .head .slider-bg-v2 .grids{    
  position: relative;
  height: 16px;
  width: 9px;
  background: transparent;
  border-right: solid 6px #f5f9fd;
  float: left;
  z-index: 5;
}
.banner-funnel .box .inner .head .slider-v2 .slider-bg-v2 .slider-in{
  height: 100%;
  /*background: linear-gradient(90deg, #CADEF8 0%, #79ACEE 25%, #287AE4 50%, #0061DF 75%, #0052BE 100%);*/
  display: grid;  
  grid-template-columns: 10.5% auto;
  width: 100%;
  position: absolute;
  top: 0;
  transition: .5s ease;
}
.banner-funnel .box .inner .head .slider-v2 .slider-bg-v2 .slider-in .left{
  background: linear-gradient(90deg, #CADEF8 0%, #79ACEE 25%, #287AE4 50%, #0061DF 75%, #0052BE 100%);
  height: 100%;
}
.banner-funnel .box .inner .head .slider-v2 .slider-bg-v2 .slider-in .right{
  height: 100%;
  background: #D9DDE1;
}
.banner-funnel .box .inner .head .slider-v2 .slider-bg-v2 .slider-in .progressbar{
  position: absolute;
  background-image: url(/images/sajid-prog-bg.svg);
  width: 100%;
  height: 100%;
}
.banner-funnel .box .inner .head .backBtn{
  cursor: pointer;
  user-select: none;
  width: 36px;
  height: 36px;
  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/back-chevron-left.svg);
  background-repeat: no-repeat;
  background-position: center;
}
.banner-funnel .box .inner .head .slider{
  padding: 4px 0;
}
.banner-funnel .box .inner .head .slider-bg{
  height: 8px;
  border-radius: 4px;
  background: var(--Gray-50, #D9DDE1);
  margin-top: 4px;
  position: relative;
}
.banner-funnel .box .inner .head .slider-bg .slider-in{
  height: 8px;  
  border-radius: 4px;
  background: linear-gradient(90deg, #CADEF8 0%, #79ACEE 25%, #287AE4 50%, #0061DF 75%, #0052BE 100%);
  margin-top: 4px;
  transition: .3s ease;
}
.banner-funnel .box .inner .head .slider-bg .slider-circle{
  position: absolute;
  width: 24px;
  height: 24px;
  border-radius: 100px;
  border: 1.5px solid var(--Stroke-Grad, #0061DF);
  background: var(--White, #FFF);
  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);
  top: -8px;
  left:0;
  transition: .3s ease;
}
.banner-funnel .box .inner .head .steps{  
  color: var(--Gray-950, #07111E);  
  font-family: Inter;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 36px;
  text-align: right;
}
.banner-funnel .box .inner .content{  
  min-height: 537px;
  position: relative;
  user-select: none;
}
.pre-banner-funnel .box .inner .content{
  min-height: auto !important;
}
.banner-funnel .box .inner .content .steps-cotainer{
/*  position: absolute;*/
/*  position: relative;*/
  width: 100%;
  height: 100%;
  padding: 24px;
}
.banner-funnel .box .inner .content .steps-cotainer h3{
  margin-bottom: 32px;
  text-align: center;
}
.banner-funnel .box .inner .content .foot{
  border-top: 1px solid var(--Blue-50, #CADEF8);
  background: var(--Blue-25, #F5F9FD);
  position: absolute;
  width: 100%;
  left: 0;
  bottom: 0;
  padding: 24px;
  border-bottom-left-radius: 16px;
  border-bottom-right-radius: 16px;
}
.banner-funnel .box .inner .content .foot .buttons-full{
  display: grid;
  grid-template-columns: auto;
}
.banner-funnel .box .inner .content .foot .buttons{
  /*display: grid;
  grid-template-columns: auto auto;
  gap:20px;*/
  display: grid;
  grid-template-columns: auto;
}
.banner-funnel .box .inner .content .foot .button-next{
  height: 48px;
  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: 600;
  line-height: 48px;
  width: calc(100%);
  cursor: pointer;
}
.banner-funnel .box .inner .content .foot .button-previous{
  height: 48px;
  border-radius: 100px;
  border: 1px solid var(--Gray-50, #D9DDE1);
  background: 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: center;
  font-family: Inter;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 48px;
  width: calc(100%);
  cursor: pointer;
}
.slider1{
  position: relative;
}
.slider1 .labels{
  display: grid;
  grid-template-columns: 50% 50%;
  color: var(--Gray-600, #405064);
  font-family: Inter;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  margin-top: 12px;
  margin-bottom: 8px;
}
.slider1 .labels .left{
  text-align: left;
}
.slider1 .labels .right{
  text-align: right;
}
.slider {
  -webkit-appearance: none;
  width: 100%;
  height: 8px;  
  outline: none;
  opacity: 0.7;
  -webkit-transition: .2s;
  transition: opacity .2s;

  border-radius: 4px;
/*  background: linear-gradient(90deg, #CADEF8 0%, #79ACEE 25%, #287AE4 50%, #0061DF 75%, #0052BE 100%);*/
  background: linear-gradient(90deg, #CADEF8 0%, #0052BE 50%,#D9DDE1 50%);
}
.slider::-webkit-slider-thumb {
   -webkit-appearance: none;
  appearance: none;
  width: 24px;
  height: 24px;
  border-radius: 100px;
  border: 1.5px solid var(--Stroke-Grad, #0061DF);
  background: var(--White, #FFF);
  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);
  cursor: pointer;
}
.slider1 .tooltip{
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: 63px;
}
.slider1 .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: 40px;

  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: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 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%);
  }
}