body {
  line-height: 1.4;
  -webkit-font-smoothing: antialiased;
      font-family: "HK Grotesk";
      /*font-family: 'Noto Sans', sans-serif;*/
      background: #fafafa;
      overflow-x: hidden;
}

@font-face {
  font-family: HK Grotesk;
  src: url(../plugins/fonts/hk-grotesk/HKGrotesk-Regular.otf);
  font-weight: normal;
}
@font-face {
  font-family: HK Grotesk;
  src: url(../plugins/fonts/hk-grotesk/HKGrotesk-Bold.otf);
  font-weight: 600;
}
@font-face {
  font-family: HK Grotesk;
  src: url(../plugins/fonts/hk-grotesk/HKGrotesk-ExtraBold.otf);
  font-weight: bold;
}
@font-face {
  font-family: HK Grotesk;
  src: url(../plugins/fonts/hk-grotesk/HKGrotesk-Light.otf);
  font-weight: 200;
}
@font-face {
  font-family: HK Grotesk;
  src: url(../plugins/fonts/hk-grotesk/HKGrotesk-Medium.otf);
  font-weight: 300;
}
@font-face {
  font-family: HK Grotesk;
  src: url(../plugins/fonts/hk-grotesk/HKGrotesk-SemiBold.otf);
  font-weight: 500;
}


:root{
  --orange: #FE6927;
  --darkblue: #1C2534;
  --white: #fff;
  --lightcontent: #D1D1D1;
  --maincontent: #828282;
  --title: #262626;
  --light-orange: #FE69274D
}

.font-weight-500{
    font-weight: 500;
}

.cursor-pointer{
    cursor: pointer;
}
a
.radius-0{
    border-radius: 0 !important;
}

.row.rv{
    flex-direction: row-reverse;
}

.min-height{
    min-height: 90vh;
}

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

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

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

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

.med-title {
  color: var(--title);
  font-size: 20px;
  font-weight: 500;
}
section{
  padding: 80px 0;
}

p {
  color: var(--maincontent);
  font-size: 16px;
}

h1, h2, h3, h4, h5, h6 {
  font-weight: 600;
}

.no-padding {
  padding: 0 !important;
}

.inline-block {
  display: inline-block;
}

ol, ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

figure {
  margin: 0;
}



a {
  transition: all .3s ease-in 0s;
}

iframe {
  border: 0;
}

a, a:focus, a:hover {
  text-decoration: none;
  outline: 0;
}

a:focus, a:hover {
  color: var(--dark-orange);
}


.navbar-light .navbar-brand {
    color: rgba(0,0,0,.9);
    font-size: 40px;
    font-weight: 600;
}

.progressbar-icon {
    width: 80px;
    position: absolute;
    right: 0;
    top: -48px;
}
.progress-icon {
    width: 65px;
    position: absolute;
    right: 0px;
}
#preloader {
    background: #fafafa;
    height: 100%;
    left: 0;
    opacity: 1;
    filter: alpha(opacity=100);
    position: absolute;
    text-align: center;
    top: 0;
    width: 100%;
    z-index: 99;
}

.btn.active:focus, .btn:active:focus, .btn:focus {
  outline: 0;
}

.parallax-section {
  background-attachment: fixed;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}

.preloader {
  left: 45%;
  top: 50%;
  /*-webkit-transform: translate(-50%, -50%);*/
  /*transform: translate(-50%, -50%);*/
  text-align: center;
  position: absolute;
}

.preloader span {
  position: absolute;
  display: block;
  bottom: 0;
  width: 9px;
  height: 5px;
  border-radius: 5px;
  background: var(--orange) !important;
  -webkit-animation: preloader 2s infinite ease-in-out;
  animation: preloader 2s infinite ease-in-out;
}

.preloader span:nth-child(2) {
  left: 11px;
  -webkit-animation-delay: 200ms;
  animation-delay: 200ms;
}

.preloader span:nth-child(3) {
  left: 22px;
  -webkit-animation-delay: 400ms;
  animation-delay: 400ms;
}

.preloader span:nth-child(4) {
  left: 33px;
  -webkit-animation-delay: 600ms;
  animation-delay: 600ms;
}

.preloader span:nth-child(5) {
  left: 44px;
  -webkit-animation-delay: 800ms;
  animation-delay: 800ms;
}

.preloader span:nth-child(6) {
  left: 55px;
  -webkit-animation-delay: 1000ms;
  animation-delay: 1000ms;
}

@-webkit-keyframes preloader {
  0% {
    height: 5px;
    -webkit-transform: translateY(0);
    transform: translateY(0);
    background: rgba(0, 0, 0, 0.1);
  }
  25% {
    height: 30px;
    -webkit-transform: translateY(15px);
    transform: translateY(15px);
    background: var(--orange) !important;
  }
  50%, 100% {
    height: 5px;
    -webkit-transform: translateY(0);
    transform: translateY(0);
    background: rgba(0, 0, 0, 0.1);
  }
}

@keyframes preloader {
  0% {
    height: 5px;
    -webkit-transform: translateY(0);
    transform: translateY(0);
    background: var(--white);
  }
  25% {
    height: 30px;
    -webkit-transform: translateY(15px);
    transform: translateY(15px);
    background: var(--orange) !important;
  }
  50%, 100% {
    height: 5px;
    -webkit-transform: translateY(0);
    transform: translateY(0);
    background: var(--white);
  }
}



/*=================================================================
  Navigation
==================================================================*/
.top_bar {
    padding: 5px 12px;
    text-align: center;
    background: var(--light-orange);
    font-size: 14px;
}
span.close_top_bar.material-symbols-outlined {
    font-size: 20px;
    cursor: pointer;
}
.navigation {
  /*position: sticky;*/
    top: 0;
    z-index: 99;
    transition: .3s all;
  background: var(--darkblue);
}

.mob{
  display: none;
}

.mob-1{
    display: none !important;
}



hr {
  background: var(--lightcontent);
  border-top: 1px solid rgba(255,255,255,0.4) !important;
}

.navigation .logo-default {
  display: none;
}

.navigation .navbar-light .navbar-nav .nav-item .nav-link {
  color: var(--lightcontent);
  line-height: 26px;
  padding: 20px 15px;
  text-transform: capitalize;
  transition: .2s ease-in-out 0s;
    white-space: initial;
    font-size: 16px;
}

.navigation .navbar-light .navbar-nav .nav-item .nav-link:hover, .navigation .navbar-light .navbar-nav .nav-item .nav-link:active, .navigation .navbar-light .navbar-nav .nav-item .nav-link:focus {
  background: none;
  color: var(--orange);
}

.navigation .navbar-light .navbar-nav .nav-item.active .nav-link {
  color: #28ABE3;
}



@media (min-width: 991px) {
  .mr-mb-2 {
    margin-right: 0.5rem !important;
  }
  .ml-mb-2 {
    margin-left: 0.5rem !important;
  }
}

@media (max-width: 991px) {
  .navigation .nav-link {
    padding: 10px !important;
  }
}



.navigation .dropdown:hover .dropdown-menu {
  visibility: visible;
  opacity: 1;
  -webkit-transform: scaleY(1);
          transform: scaleY(1);
}

.navigation .dropdown-menu {
  border: 0;
  border-radius: 0;
  top: 80%;
  left: 5px;
  display: block;
  visibility: hidden;
  transition: .3s ease;
  opacity: 0;
  -webkit-transform: scaleY(0);
          transform: scaleY(0);
  -webkit-transform-origin: top;
          transform-origin: top;
  background: var(--black);
}

@media (max-width: 991px) {
  .navigation .dropdown-menu {
    display: none;
    opacity: 1;
    visibility: visible;
    -webkit-transform: scaleY(1);
            transform: scaleY(1);
    -webkit-transform-origin: unset;
            transform-origin: unset;
    text-align: center;
  }
}

.navigation .dropdown-menu.show {
  visibility: visible;
  opacity: 1;
  -webkit-transform: scaleY(1);
          transform: scaleY(1);
}

@media (max-width: 991px) {
  .navigation .dropdown-menu.show {
    display: block;
  }
}

.navigation .dropdown-item {
  color: rgba(255, 255, 255, 0.8);
  transition: .2s ease;
  padding: 10px;
}

.navigation .dropdown-item:hover {
  color: var(--white);
  background: transparent;
  padding-left: 12px;
}

@media (max-width: 991px) {
  .mob{
    display: block;
  }
  /*.web{*/
  /*  display: none !important;*/
  /*}*/
  /*.navigation {*/
  /*  box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.06);*/
  /*}*/
  .navigation .navbar-light .navbar-nav .nav-item .nav-link {
    color: var(--black);
  }
  .navigation .logo-white {
    display: none;
  }
  .navigation .logo-default {
    display: block;
  }
  .navigation .navbar-light .navbar-toggler {
    color: rgba(0, 0, 0, 0.5);
    border-color: rgba(0, 0, 0, 0.1);
  }
}

.sticky-header {
  box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 20%);
}

.sticky-header .logo-white {
  display: none;
}

.sticky-header .logo-default {
  display: block;
}

img.user-img {
    width: 52px;
    height: 52px;
    border-radius: 50%;
    object-fit: cover;
    max-width: fit-content;
}

nav.navbar.navbar-expand-lg.navbar-light {
  padding: 0% 6%;
}
  .navigation .logo-default{
    display: block;
  }
  img.logo-default {
  width: 215px;
}
img.logo-footer {
  width: 315px;
}
.navigation .dropdown-menu {
    width: 200px;
    /* display: flex; */
    left: 0 !important;
    top: 99%;
    right: 0 !important;
    padding: 0;
    background: var(--white);
    box-shadow: 0px 0px 14px rgba(0, 0, 0, 0.25);
    border-radius: 12px;
}
  .product_nav_left{
    padding: 5%;
    background: var(--lightpurple);
    text-align: center;
    height: 100%;
  }
  .product_nav_right{
    height: 100%;
    padding: 5%;
    color: var(--black);
  }
  .product_nav_right .dropdown-item {
    color: var(--black);
    border-bottom: 1px solid #0000001A;
}
  .product_nav_right .dropdown-item:last-child{
      border: none;
  }
  .product_nav_right .dropdown-item:hover{
    color: #4e4e4e;
    background: var(--lightpurple);
  }
  span.dropdown .dropdown-toggle::after{
      display: none;
  }

  li.nav-item.dropdown.active{
    background: none;
  }
  .navigation .navbar-light .navbar-nav .nav-item.active .nav-link{
    color: var(--black);
  }
  .navbar-collapse{
    width: 100%;
  }
  @media screen and (max-width:  1199px){
    img.logo-default {
      width: 170px;
    }
    img.logo-footer {
      width: 250px;
    }
  }
  @media screen and (max-width: 991px){
    .navigation .dropdown-menu {
        display: none;
    }
    .navigation .dropdown-menu.show{
      width: 100%;
    }
    .product_nav_left{
      display: none;
    }
    .navigation .navbar-light .navbar-nav .nav-item .nav-link{
      font-size: 16px;
    }
    .product_nav_right {
        padding: 0% 5%;
        text-align: left;
    }
    .nav-btns{
      display: flex;
    }
  }
  /*@media screen and (min-width: 1024px){*/
  /*    .dashboard.nav-pills{*/
  /*        justify-content: center;*/
  /*    }*/
  /*}*/
  @media screen and (max-width: 1024px){
    img.logo-default{
      width: 190px !important;
    }
    img.logo-footer{
      width: 250px;
    }
    .navigation .navbar-light .navbar-nav .nav-item .nav-link{
      padding: 17px 11px;
      font-size: 14px;
    }
    .sign_up_btn {
      padding: 5px 20px;
    }
    .sign_in_btn{
      padding: 5px 20px;
    }
  }
  @media screen and (max-width:  991px){
    .navigation .navbar-light .navbar-toggler{
      border: transparent;
    }
  }
  @media screen and (min-width: 992px){

    .navbar-expand-lg .navbar-nav {
        align-items: center;
    }
    .navbar-expand-lg .navbar-nav .dropdown-menu{
      box-shadow: 0px 9px 15px rgb(0 0 0 / 50%);
    }
    .navigation .dropdown-menu{
      left: -95px !important;
    }
  }
  @media screen and (max-width: 767px){
      section {
        padding: 0 0 48px;
    }
    .py-40{
        padding: 20px 0;
    }
  }
  @media screen and (max-width:  320px){
    .dropdown-item p{
      font-size: 12px;    
    }
  }

/*=================================================================
 Section 1
==================================================================*/
.section-1 {
    background: var(--darkblue) url('../images/key-bg.png');
    background-position: right center;
    background-size: 10%;
    background-repeat: no-repeat;
    position: relative;
}
.about-banner {
    background: var(--darkblue);
    padding: 50px 0;
}
hr.about-part {
    background: var(--orange);
    height: 1px;
}
.about-title {
    width: fit-content;
    position: relative;
}
.about-title::after {
    position: absolute;
    content: '';
    display: block;
    bottom: 0;
    width: 100%;
    height: 3px;
    background: var(--orange);
    border-radius: 25px;
}
.tags {
    display: flex;
    align-items: center;
    padding: 12px;
    background: white;
    border-radius: 10px;
    box-shadow: 0 4px 12px #00000021;
    height: 100%;
}
.tags img {
    width: 52px;
}

.amenities {
    display: flex;
    align-items: center;
    padding: 12px;
    background: white;
    border-radius: 10px;
    /*height: 100%;*/
}
.amenities img {
    width: 32px;
}

.text-black {
    color: var(--title);
}

.section-1 .container{
    position: relative;
    z-index: 1;
}
.curve {
    position: absolute;
    height: 300px;
    width: 100%;
    bottom: 0;
    text-align: center;
}
.curve::before {
    content: '';
    display: block;
    position: absolute;
    border-radius: 100%;
    width: 50%;
    height: 100%;
    transform: translate(5%, 34%);
    background-color: #1d2635;
    right: 0;
    z-index: -1;
}
.curve::after {
    content: '';
    display: block;
    position: absolute;
    border-radius: 100%;
    width: 50%;
    height: 100%;
    background-color: #fafafa;
    transform: translate(-20%, 85%);
    z-index: 0;
    left: 0;
}

.heading {
  font-size: 54px;
  color: var(--white);
}
.desc{
  color: var(--lightcontent);
}

.images-scroll {
  position: relative;
}
#slide-images {
  scroll-behavior: smooth;
  cursor: grab;
}
.images1 img {
  border-radius: 24px;
  transform: translateY(-40px);
}

.images1::-webkit-scrollbar {
  width: 0px;
}
.images1::-webkit-scrollbar-track {
  display: none;
}

.card.acunt:hover {
    transition: 0.3s ease;
    box-shadow: 0 0px 6px #0000002e;
}

.filter-card .card {
    border: 0;
    border-radius: 30px;
    box-shadow: 0px 9px 14px rgba(0, 0, 0, 0.1);
}

.filter-card.mob .card {
    border-radius: 50px;
}

.sticky-search{
    position: sticky;
    top: 12px;
    z-index: 999;
}

.names {
  color: var(--white);
  font-size: 18px;
  font-weight: 600;
}
.resort:hover img {
  transform: translateY(0);
  transition: 0.3s ease;
}
.on-hover{
  visibility: hidden;
}

.resort:hover .on-hover{
  visibility: visible;
  transition: 0.3s ease;
}

.filter-card{
  margin-top: -60px;
}

.title {
  color: var(--title);
  font-size: 38px;
  font-weight: 600;
  text-align: center;
}

.step-title {
  color: var(--title);
  font-size: 30px;
  font-weight: 600;
  text-align: center;
}
.title-content{
  font-size: 18px;
  text-align: center;
}


.points {
  display: flex;
  height: 30px;
  width: 50px;
  background: var(--orange);
  color: white;
  align-items: center;
  justify-content: center;
  border-radius: 25px;
  font-weight: 500;
}

.small-title {
  font-size: 18px;
  font-weight: 500;
  color: var(--title);
}

.destination-slider .owl-nav {
    position: absolute;
    top: 0;
    transform: translate(0px, -25px);
    right: 0;
}

.destination-slider .owl-stage-outer {
    -webkit-transform: translate3d(0,35px,0) !important;
    transform: translate3d(0,35px,0) !important;
}

.destination-slider button.owl-prev, .destination-slider button.owl-next {
    height: 40px;
    width: 40px;
    background: #fe6927 !important;
    color: white !important;
    font-size: 20px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    border-radius: 50% !important;
    box-shadow: 0px 1px 9px rgba(0, 0, 0, 0.1);
    transition: 0.5s ease;
}

.destination-slider button.owl-prev:hover, .destination-slider button.owl-next:hover {
    background: #FBCFBB !important;
    color: #FE6927 !important;
}

.listing-slider .owl-nav {
    position: absolute;
    top: 50%;
    transform: translate(0px, -50px);
    right: 0;
    width: 100%;
    display: flex;
    justify-content: space-between;
}

.listing-slider button.owl-prev, .listing-slider button.owl-next {
    height: 30px;
    width: 30px;
    background: #fe6927 !important;
    color: white !important;
    font-size: 16px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    border-radius: 50% !important;
    box-shadow: 0px 1px 9px rgba(0, 0, 0, 0.1);
    transition: 0.5s ease;
    outline: 0;
}

.property-slider .owl-nav {
    position: absolute;
    top: 50%;
    transform: translate(0px, -50px);
    right: 0;
    width: 100%;
    display: flex;
    justify-content: space-between;
}

.property-slider button.owl-prev, .property-slider button.owl-next {
    height: 30px;
    width: 30px;
    background: #fe6927 !important;
    color: white !important;
    font-size: 16px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    border-radius: 50% !important;
    box-shadow: 0px 1px 9px rgba(0, 0, 0, 0.1);
    transition: 0.5s ease;
    outline: 0;
}

.small-image {
    width: 90px;
    border-radius: 8px;
}

.listing-slider button.owl-prev:hover, .listing-slider button.owl-next:hover {
    background: #FBCFBB !important;
    color: #FE6927 !important;
}

.testi-slider .owl-nav {
    position: absolute;
    top: 0;
    transform: translate(0px, -25px);
    right: 0;
}

.testi-slider .owl-stage-outer {
    -webkit-transform: translate3d(0,35px,0) !important;
    transform: translate3d(0,35px,0) !important;
}

.testi-slider button.owl-prev, .testi-slider button.owl-next {
    height: 40px;
    width: 40px;
    background: #fe6927 !important;
    color: white !important;
    font-size: 20px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    border-radius: 50% !important;
    box-shadow: 0px 1px 9px rgba(0, 0, 0, 0.1);
    transition: 0.5s ease;
}

.testi-slider button.owl-prev:hover, .testi-slider button.owl-next:hover {
    background: #FBCFBB !important;
    color: #FE6927 !important;
}

.package-slider .owl-nav {
    position: absolute;
    top: 0;
    transform: translate(0px, -25px);
    right: 0;
}

.package-slider .owl-stage-outer {
    -webkit-transform: translate3d(0,35px,0) !important;
    transform: translate3d(0,35px,0) !important;
}

.package-slider button.owl-prev, .package-slider button.owl-next {
    height: 40px;
    width: 40px;
    background: #fe6927 !important;
    color: white !important;
    font-size: 20px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    border-radius: 50% !important;
    box-shadow: 0px 1px 9px rgba(0, 0, 0, 0.1);
    transition: 0.5s ease;
}

.package-slider button.owl-prev:hover, .package-slider button.owl-next:hover {
    background: #FBCFBB !important;
    color: #FE6927 !important;
}


.filters-icons {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}

.filter input[type="checkbox"]{
  display: none
}
.filter .icon {
  height: 90px;
  width: 90px;
  border: 2px solid var(--orange);
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  margin: auto;
}
.filter label img {
  width: 38px !important;
}
.filter input[type="checkbox"]:checked ~ label .icon{
  color: white;
  background: var(--orange);
}
.filter input[type="checkbox"]:checked ~ label .icon img{
  filter: invert(1);
}

.property-grid{
    padding-left: 5%;
    padding-right: 5%;
}
select.form-control.sort {
    padding: 0.575rem 1.5rem;
    height: auto;
    border: 1px solid #343a40;
    border-radius: 12px;
}

.g-map {
    border-radius: 12px;
    box-shadow: 0px 8px 13px rgba(0, 0, 0, 0.25);
    height: 600px;
    position: sticky;
    top: 15px;
}

.map-property-img {
	height: 150px;
	width: 250px;
	object-fit: cover;
}

img.icon {
    height: 25px;
    width: 25px;
}
img.check {
    height: 15px;
    width: 15px;
}
img.check + span{
  margin-left:8px;
}
img.icon + span{
  margin-left:8px;
}
.profile-side {
    border: 1px solid #dddddd;
    border-radius: 12px;
    height: auto;
    padding: 24px;
    width: 100%;
}
img.profile {
    height: 100px;
    width: 100px;
    background: #000;
    border-radius: 50px;
    object-fit:cover;
}
.user-line a {
    text-decoration: underline !important;
    color: #000 !important;
}

.list-view{
    display: none;
}

span.prop_type {
    position: absolute;
    top: 10px;
    left: -7px;
    background: var(--orange);
    color: white;
    font-size: 14px;
    padding: 2px 10px;
    text-transform: uppercase;
}
span.prop_type:before {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 8px 0px 0px 8px;
    border-color: #fe6927 transparent transparent transparent;
    position: absolute;
    content: " ";
    left: 0px;
    top: 24px;
}

span.prop_type1 {
    position: relative;
    top: 10px;
    left: -7px;
    background: var(--orange);
    color: white;
    font-size: 14px;
    padding: 2px 10px;
    text-transform: uppercase;
}

span.prop_type1:before {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 8px 8px 0 0;
    border-color: #fe6927 transparent transparent transparent;
    position: absolute;
    content: " ";
    right: 0px;
    top: 24px;
}

/*=============Login Form===============*/
.login-bg {
    background: url("../images/login-bg.png");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}
/*new login page css start*/

.login-bg.host-bg{
    background: url("../images/host-login-bg.png");
}

.login-bg.host-bg.host-signup-bg{
    background: url("../images/host-signup-bg.png");
}

.login-bg.partner-bg{
    background: url("../images/partner-login-bg.png");
}

.login-bg.host-bg.partner-signup-bg{
    background: url("../images/partner-signup-bg.png");
}

.login-bg.host-bg .login {
  background: transparent;
}

.login-bg.host-bg .login-form.card {
  border-radius: 40px;
  background: rgba(0, 0, 0, 0.75);
  backdrop-filter: blur(5px);
}

.login-bg.host-bg .title {
  color: #fff;
  font-size: 22px;
  font-weight: 400;
}

.login-bg.host-bg img.logo-default {
  width: 150px;
}

.host-login-title h2 {
  color: #fff;
  font-size: 36px;
  font-weight: 500;
}

.host-login-title {
  margin: 20px 0 30px 0;
}

.forgot-pass {
  margin: 10px 0 20px 0;
  font-size: 14px;
  font-weight: 400;
}

.host-login-title h2 span {
  color: #fe6927;
}

.login-bg.host-bg label.login-label,.l-pad-none.text-14 {
  position: unset;
  background: transparent;
  color: #fff;
  font-weight: 400;
  font-size: 16px;
}

.login-bg.host-bg .login-field .form-control {
  border-radius: 9px;
}

.host-submit {
  border-radius: 10px;
}

.login-bg.host-bg .login_with span {
  background: #090501;
  color: #fff;
  font-weight: 400;
  font-size: 15px;
}

.login-bg.host-bg .login_with::before,.login-bg.host-bg .login_with::after {
  background: rgba(255, 255, 255, 0.50);
}

.login-bg.host-bg .form-group p {
  color: #fff;
  text-align: end;
  font-size: 13px;
  font-weight: 400;
}

.host-left-content h3 {
  color: #FE6927;
  font-size: 36px;
  font-weight: 500;
}

.host-left-content.host-signup {
  padding-top: 180px;
}

.login-bg.host-bg  .login-field{
    margin-bottom: 20px;
}

/*.login-bg.host-bg  .login-field label.error{*/
/*    margin: 0;*/
/*}*/

.login-signup-main.active .login-bg.host-bg.host-signup-bg.d-none {
  display: block !important;
}

.login-signup-main.active .login-bg.host-bg {
  display: none;
}

.login-signup-main.active .login-bg.host-bg.partner-signup-bg.d-none {
  display: block !important;
}

@media(max-width: 1600px){
    .login-bg.host-bg .title {
      font-size: 18px;
    }
    
    .login-bg.host-bg img.logo-default {
      width: 135px;
    }
    
    /*.host-login-title h2,.host-left-content h3{*/
    /*    font-size: 30px;*/
    /*}*/
    
    .host-login-title {
      margin: 15px 0 15px 0;
    }
    
    .login-bg.host-bg label.login-label,.l-pad-none.text-14{
        font-size: 14px;
    }
    
    .login-bg.host-bg .login-field .form-control {
      font-size: 13px;
      padding: 10px;
    }
    
    .login-bg.host-bg .login-field {
      margin-bottom: 15px;
    }
    
    .forgot-pass,.login-bg.host-bg .form-group p{
        font-size: 12px;
    }
    
    .login-bg.host-bg .login_with span{
        font-size: 13px;
    }
    
    .host-submit{
        font-size: 14px;
    }
}

@media(min-width: 1200px){
    .container.custom-container {
      max-width: 85%;
    }
}

@media(max-width: 991px){
    .host-left-content.host-signup {
      padding-top: 0;
    }
}

/*new login page css end*/

.login {
    padding: 50px 0;
    background: #00000094;
}

.login-title {
    margin: 0;
    color: white;
    font-size: 28px;
    font-weight: 500;
    max-width: 660px;
    line-height: 40px;
}
.login-form.card {
    border: 0;
    box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.1);
    border-radius: 30px;
}
.login-form.card .card-body{
    padding: 35px;
}

.login-field {
    position: relative;
    margin-bottom: 30px;
}

.login-field .form-control {
    border: 1px solid rgba(0, 0, 0, 0.5);
    height: auto;
    padding: 14px 10px;
    -webkit-appearance: initial;
}

.login-field .form-control::-webkit-input-placeholder { /* Edge */
  color: #c3c3c3;
}

.login-field .form-control:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #c3c3c3;
}

.login-field .form-control::placeholder {
  color: #c3c3c3;
}

label.login-label {
    position: absolute;
    top: -20%;
    left: 5%;
    background: white;
    z-index: 2;
}

.login_with {
    text-align: center;
    position: relative;
    z-index: 0;
}
.login_with span {
    background: white;
    padding-left: 10px;
    padding-right: 10px;
    color: #00000080;
}
.login_with::before {
    content: '';
    width: 50%;
    position: absolute;
    top: 50%;
    background: #00000080;
    height: 1px;
    left: 0;
    z-index: -1;
}
.login_with::after {
    content: '';
    width: 50%;
    position: absolute;
    top: 50%;
    background: #00000080;
    height: 1px;
    right: 0;
    z-index: -1;
}

.login-icon {
    text-align: center;
    padding: 20px;
    width: 100%;
    display: block;
}

.login-icon img{
    width: 32px;
}

/*=================================================================
Multi Step Form Host Property
==================================================================*/

.step_box {
    height: 100%;
    border-radius: 12px;
    padding: 12px;
    display: flex;
    flex-direction: column;
    align-items: center;
    /* justify-content: center; */
    text-align: center;
    cursor: pointer;
}
#get-started{
  display: block;
}
.getstarted-icon img{
  width: 64px;
}
#multistep-form{
  display: none;
}
#msform {
  text-align: center;
  position: relative;
  margin-top: 20px
}

#msform fieldset {
  box-sizing: border-box;
  width: 100%;
  margin: 0;
  padding-bottom: 20px;
  position: relative
}

.form-card {
  text-align: left
}

.next_prev_btn {
    position: fixed;
    width: 100%;
    bottom: 0;
    left: 0;
    padding: 1% 6%;
    box-shadow: 0 4px 12px #e1e1e1;
    background: white;
    z-index: 9;
}

.step-bg::after {
    position: fixed;
  content: '';
  background-image: url('../../images/step_bg.png');
  background-position: bottom;
  object-fit: contain;
  width: 100%;
  background-repeat: no-repeat;
  height: 53%;
  bottom: 84px;
  z-index: -1;
  left: 0;
  right: 0;
}


#msform fieldset:not(:first-of-type) {
  display: none
}
.step-card{
  background: #FFFFFF;
box-shadow: 0px 0px 50px rgba(0, 0, 0, 0.1);
border-radius: 16px;
border: none;
}
.step1-img{
  margin-top: 25%;
  margin-left: 25%;
}

.step2-img {
  margin-top: 25%;
  position: relative;
  z-index: 1;
  left: 25%;
}
.pro-type {
  padding: 12px;
}

.pro-type input[type="radio"]{
  display: none
}
.pro-type input[type="checkbox"]{
  display: none
}
.pro-type .icon:hover {
    background: var(--orange);
    transition: .5s ease;
}
.pro-type .icon:hover img {
    filter: invert(1);
}
.pro-type .icon:hover .small-title {
    color: white;
}
.pro-type .icon {
  height: 140px;
  width: 140px;
  border: 2px solid #1C25341A;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  margin: auto;
  flex-direction: column;
  position: relative;
  padding: 12px;
  background: white;
  cursor: pointer;
  
}
.pro-type .icon .check {
  position: absolute;
  top: 0px;
  right: 15px;
  height: 25px;
  width: 25px;
  background: var(--orange);
  color: white;
  font-size: 15px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  font-weight: 300;
  visibility: hidden;
}
.pro-type label img {
  width: 36px;
}
.pro-type input[type="radio"]:checked ~ label .icon{
  color: white;
  border-color: var(--orange);
}
.pro-type input[type="radio"]:checked ~ label .icon .check{
  visibility: visible;
}
.pro-type input[type="checkbox"]:checked ~ label .icon{
  border-color: var(--orange);
}
.pro-type input[type="checkbox"]:checked ~ label .icon .check{
  visibility: visible;
}


.place-type{
  height: 100%;
}
.place-type input[type="radio"]{
  display: none
}
.place-type label{
  width: 100%;
  height: 100%;
}
.place-type .icon {
  width: 100%;
  height: 100%;
  border: 2px solid #1C25341A;
  border-radius: 5px;
  margin: auto;
  position: relative;
  padding: 12px
}

.place-type .icon .check {
  position: absolute;
  top: -10px;
  left: -10px;
  height: 25px;
  width: 25px;
  background: var(--orange);
  color: white;
  font-size: 15px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  font-weight: 300;
  visibility: hidden;
}
.place-type label img {
  width: 75px;
  padding: 12px;
  background: #FFEDE5;
  border-radius: 5px;
}
.place-type input[type="radio"]:checked ~ label .icon{
  color: white;
  border-color: var(--orange);
}
.place-type input[type="radio"]:checked ~ label .icon .check{
  visibility: visible;
}

.host label.input-group-text {
    border: 1px solid var(--orange);
    border-radius: 5px !important;
    background: var(--orange);
    font-weight: 600;
    color: white;
    cursor: pointer;
    height: 30px;
    width: 30px;
    padding: 0px;
    align-items: center;
    justify-content: center;
    font-size: 12px;
}

.host label.input-group-text span{
    font-size: 18px;
}

.host input.form-control {
  border: 0;
  color: black;
  font-weight: 500;
  text-align: center;
}
.host .input-group-prepend{
  margin-right: 0
}
.host .input-group-append{
  margin-left: 0
}

.host-card.card {
  box-shadow: 0px 1px 12px rgba(0, 0, 0, 0.1);
  border: 0;
  border-radius: 12px;
}

.host-card img{
    width: 52px;
}

#img1, #img2, #img3, #img4 {
  display: none;
  object-fit: cover;
  width: 100%;
  height: 100%;
}
.property_img{
  display: none;
}
.property_image{
  height: 300px;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid black;
  border-radius: 12px;
    cursor: pointer;
}

.property_image img{
    object-fit: cover;
  width: 100%;
  height: 100%;
  border-radius: 12px;
}
.delete_img {
    position: absolute;
    top: 5%;
    right: 5%;
    height: 25px;
    width: 25px;
    background: rgba(255, 255, 255, 0.5);
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    cursor: pointer;
    box-shadow: 0 2px 8px #0000001f;
    backdrop-filter: blur(5px);
    visibility: hidden;
}

.delete_img span {
    font-size: 14px;
    font-weight: 600;
}

.upload_img_icon{
    font-size: 42px !important;
}

span.step-icon {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: #e8ebee;
    display: flex;
    align-items: center;
    justify-content: center;
    color: black;
    font-weight: 400;
    font-size: 18px;
}

span.step-icon.active{
    color: white;
    background: var(--orange);
}

.form-control.prop_title {
    border: 1px solid #000000B2;
    border-radius: 5px;
    padding: 10px 12px;
    height: auto;
}

textarea.form-control.prop_title {
  border:1px solid #000000B2;
  height: 100px;
  border-radius: 8px;
}
.form-control.prop_desc {
  border: 2px solid black;
  height: 100px;
  border-radius: 8px;
}

.room_price label.input-group-text {
  border: 1px solid var(--orange);
  border-radius: 5px !important;
  background: var(--orange);
  font-weight: 600;
  color: white;
  cursor: pointer;
}

.room_price input.form-control {
  border: 0;
  color: black;
  font-weight: 600;
  text-align: center;
  margin-left: 12px;
  margin-right: 12px;
  border-radius: 12px !important;
  box-shadow: 0 2px 12px #0000001c;
  font-size: 24px;
  height: auto;
}
.room_price .input-group-prepend{
  margin-right: 0
}
.room_price .input-group-append{
  margin-left: 0
}

.room_price .input-group-prepend .input-group-text {
    width: 50px;
    align-items: center;
    justify-content: center;
    font-size: 16px;
}
.room_price .input-group-append .input-group-text {
    width: 50px;
    align-items: center;
    justify-content: center;
    font-size: 16px;
}

.offer .custom-control-label::before {
  position: absolute;
  top: -1px;
  left: -35px;
  display: block;
  width: 25px;
  height: 25px;
  pointer-events: none;
  content: "";
  background-color: white;
  border: #adb5bd solid 1px;
}
.offer .custom-control-label::after {
  position: absolute;
  top: -1px;
  left: -35px;
  display: block;
  width: 25px;
  height: 25px;
  content: "";
  background: no-repeat 50%/50% 50%;
}

.tnc.custom-control-label::before {
  position: absolute;
  top: -1px;
  left: -35px;
  display: block;
  width: 25px;
  height: 25px;
  pointer-events: none;
  content: "";
  background-color: white;
  border: #adb5bd solid 1px;
}
.tnc.custom-control-label::after {
  position: absolute;
  top: -1px;
  left: -35px;
  display: block;
  width: 25px;
  height: 25px;
  content: "";
  background: no-repeat 50%/50% 50%;
}

.offer.card {
  border: 1px solid black;
  border-radius: 12px;
  width: fit-content;
  margin: auto;
}
.offer .card-body {
  padding: 25px 30px;
}

img.offer-icon {
    width: 32px;
}

.congrats-card {
    height: 400px;
    width: 100%;
    align-items: center;
    justify-content: center;
    background: url('../images/congrats-bg.png');
    background-repeat: no-repeat;
    background-size: cover;
    border: none;
    box-shadow: 0 4px 12px #e1e1e1;
    border-radius: 12px;
}
.congrats-card .card-body{
    flex: 0
}
.step_away .custom-control-label::before {
  position: absolute;
  top: 0;
  left: unset;
  right: 0;
  display: block;
  width: 25px;
  height: 25px;
  pointer-events: none;
  content: "";
  background-color: white;
  border: #adb5bd solid 1px;
}
.step_away .custom-control-label::after {
  position: absolute;
  top: 0;
  left: unset;
  right: 0;
  display: block;
  width: 25px;
  height: 25px;
  content: "";
  background: no-repeat 50%/50% 50%;
}

.step_away.card {
  border: 0;
  border-radius: 8px;
  box-shadow: 0px 1px 12px rgba(0, 0, 0, 0.1);
}
.step_away .card-body {
  padding: 25px 30px;
}
.step_away img{
  width: 48px
}

.preview {
  width: 100%;
  height: 350px;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 4px 12px #00000026;
  border-radius: 12px;
  background-position: center;
  background-size: cover;
}
.preview1 {
  padding: 18px;
  box-shadow: 0 4px 12px #00000026;
  border-bottom-left-radius: 12px;
  border-bottom-right-radius: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.user_img{
  width: 52px;
  border-radius: 50%;
}

img.amenitie_icon {
  width: 32px;
}
.property_preview{
  height: 400px;
  overflow: auto;
}
div#map-canvas {
	height: 598px;
	width: 100%;
	border-radius: 30px
}
			
.destinations {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    background: white;
    box-shadow: 0 4px 12px #0000001c;
    margin: 12px 6px;
}
.destinations img {
    height: 325px;
    object-fit: cover;
}

.rating{
    color: var(--orange);
}
.inquiry-circle{
    color: var(--orange);
    font-size: 13px !important;
    margin-left: 2px;
}
span.price {
    font-weight: 600;
}

.custom-card{
    position: relative;
    box-shadow: rgba(90, 114, 123, 0.11) 0px 7px 30px 0px;
    border-radius: 20px;
    background-color: #FFF;
    padding: 15px;
}

.property_card{
    position: relative;
    box-shadow: rgba(90, 114, 123, 0.11) 0px 7px 30px 0px;
    border-radius: 20px;
    background-color: #FFF;
}
.property_card img {
    border-radius: 12px;
    height: 250px;
    object-fit: cover;
    box-shadow: 0 4px 12px #0000000f;
}

.property_card div.my-3:nth-child(2){
    padding: 0 20px;
    margin-bottom: 0 !important;
}

.property_card div.my-3:nth-child(3){
    padding: 5px 15px 15px 15px;
    margin: 0 !important;
}

.package-slider .property_card {
    margin: 12px;
}

a.location {
    height: 45px;
    width: 45px;
    background: var(--light-orange);
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50px;
}

.location img{
    width: 28px !important;
    height: 28px !important;
    box-shadow: none;
}

div#map_view {
    border-radius: 12px;
}

.add-fav {
    height: 40px;
    width: 40px;
    background: #00000063;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    color: white;
    position: absolute;
    top: 8px;
    right: 8px;
    cursor: pointer
}

.edit-profile {
    height: 40px;
    width: 40px;
    background: #00000063;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    color: white;
    position: absolute;
    top: 8px;
    right: 8px;
    cursor: pointer
}

.profile_img img {
    height: 200px !important;
    width: 200px !important;
    margin: auto;
    border-radius: 50%;
}

span.search{
    height: 40px;
    width: 40px;
    background: white;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    font-size: 20px;
    color: black;
    cursor: pointer;
    border: 1px solid #1C25341A;
}
span.add-fav1 {
    height: 40px;
    width: 40px;
    background: #00000063;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    color: white;
    cursor: pointer
}

.book_now {
    border-radius: 12px 0 0 12px;
    margin-right: -5px;
    width: 50%;
}


.property-list.card{
    border: 0;
    border-radius: 12px;
    box-shadow: 0px 0px 14px 6px rgba(0, 0, 0, 0.06);
}
.list-property-img{
    /*margin-top: -50px;*/
    border-radius: 12px;
}
.prop-img-hover:hover img{
    transition: 0.3s ease;
    box-shadow: 0 4px 12px var(--light-orange)
}


.testimonial{
    background: #c1c1c117;
}
.testimonial-card {
    background: #263042;
    display: flex;
    flex-direction: column;
    margin: 12px 6px;
}
hr.testi-part {
    background: linear-gradient(270deg, rgba(209, 209, 209, 0.1) 0%, #D1D1D1 50.73%, rgba(209, 209, 209, 0.1) 99.17%) !important;
    height: 1px !important;
    border: none !important;
}
.testi-user img{
    width: 23px;
}
.testi-user-name {
    color: #D1D1D1;
    font-weight: 400;
}
img.quote-icon {
    width: 20px !important;
}

.slug{
    color: var(--title);
}

.propimg {
    position: relative;
    cursor: pointer;
}
.see_img {
    position: absolute;
    top: 40%;
    left: 30%;
}
.propimg img {
    height: 300px;
    object-fit: cover;
}

img.user-img1 {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    object-fit: cover;
}

img.user-img2 {
    width: 48px;
    height: 48px;
    object-fit: cover;
}
#all_reviews{
    display: none;
}

.reviews_box {
    padding: 12px;
    height: 100%;
    border-radius: 12px;
}

.date{
    font-size: 14px;
}

#more_text{
    display: none;
}

.location_map {
    height: 400px;
    border-radius: 12px;
    box-shadow: 0px 0px 4px rgb(0 0 0 / 28%);
}

.location_map iframe{
    border-radius: 12px;
    box-shadow: 0px 8px 13px rgb(0 0 0 / 25%);
}

.rules_list abbr {
    display: inline-block;
    height: 10px;
    width: 10px;
    background: var(--orange);
    border-radius: 50%;
}

span.underline{
    position: relative;
}

span.underline::after {
    position: absolute;
    bottom: -3px;
    content: '';
    height: 2px;
    width: 100%;
    border-radius: 25px;
    background: var(--orange);
    left: 0;
}

/*.booking-card {*/
/*    box-shadow: 0px 1px 19px rgba(0, 0, 0, 0.1);*/
/*    border-radius: 12px;*/
/*}*/

.bg-black {
    background: black;
}

.booking_sticky {
    position: sticky;
    top: 2%;
    z-index: 9;
}

#all_image{
    display: none;
}

.propimg1 img {
    height: 400px;
    object-fit: cover;
}
button.close_img {
    height: 40px;
    width: 40px;
    background: #f8f9fa;
    border: 0;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 22px;
    transition: 0.3s ease;
}
button.close_img:hover {
    background: #e2e6ea;
}
#all_image .sticky {
    position: sticky;
    top: 0;
    background: white;
    z-index: 9;
}
img.share-icons {
    width: 24px;
}
.not_found {
    height: 150px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #F1F1F1;
    border-radius: 12px;
    padding: 12px;
}

.messages {
    height: 100%;
    padding: 12px;
    border: 1px solid #e7e7e7;
    max-height: 100%;
}

.msg_list::-webkit-scrollbar, .messages::-webkit-scrollbar, .message_box::-webkit-scrollbar {
    width: 5px;
    border-radius: 25px;
}  
/* Track */
.msg_list::-webkit-scrollbar-track,  .messages::-webkit-scrollbar-track, .message_box::-webkit-scrollbar-track {
    background: #e7e7e7;
}
 
/* Handle */
.msg_list::-webkit-scrollbar-thumb, .messages::-webkit-scrollbar-thumb, .message_box::-webkit-scrollbar-thumb {
    background: #b1b1b1;
    border-radius: 20px;
}

/* Handle on hover */
.msg_list::-webkit-scrollbar-thumb:hover, .messages::-webkit-scrollbar-thumb:hover, .message_box::-webkit-scrollbar-thumb:hover {
   background: #b1b1b1;
}

.message_text_box {
    background: white;
    padding: 12px;
    border: 1px solid #e7e7e7;
    border-left: 0;
}

.msg_header {
    padding: 12px;
    border: 1px solid #e7e7e7;
    border-left: none;
}

.message_chat{
    border-radius: 12px;
    padding: 12px;
    transition: 0.3s ease;
}

.message_box {
    height: 500px;
    overflow: auto;
    padding-left: 10px;
    padding-right: 12px;
}

.msg_list{
    height: 500px;
    overflow-y: auto;
    flex-wrap: nowrap;
}

.msg_receive {
    width: fit-content;
    margin-right: auto;
    max-width: 50%;
    background: #fe69270d;
}
.msg_send {
    width: fit-content;
    margin-left: auto;
    text-align: right;
    max-width: 50%;
    background: #00000005;
}
.property_detail {
    padding: 12px;
    border: 1px solid #e7e7e7;
    height: 624px;
    max-height: 100%;
    overflow: auto;
}
.msg_send .d-flex{
    justify-content: end;
}
.msg_send p{
    line-break: anywhere;
}

label.send_img img{
    width: 32px;
}
label.send_img input[type="file"]{
    display: none;
}
input.form-control.text_box {
    border-radius: 25px;
}

.resources img{
    border-radius: 8px;
}
 .line {
    height: auto;
    width: 100%;
    border: 1px solid rgba(0, 0, 0, 0.7);
    border-radius: 20px;
    padding: 12px 20px;
}
.img-size{
    height: 45px;
}
#currency{
    display:none;
}
#time{
    display:none;
}
.wid {
    height: auto;
    width: 80%;
    margin: auto;
}
.line ul li {
    list-style: disc;
    font-size: 16px;
    line-height: 23px;
    text-transform: capitalize;
    color: rgba(0, 0, 0, 0.5);
    margin-bottom: 10px;
}
.answer-wrapper {
  display: none;
}

.checkout_form .form-control {
    border: 1px solid #e3e3e3;
    padding: 22px 15px;
    line-height: 20px;
}

.order-detials {
    padding: 15px;
    border: 1px solid var(--orange);
    border-radius: 24px;
}
.order-detials img{
    border-radius: 12px;
}

.small-icon{
    width: 32px;
}

.calendar-month {
	width: 100%;
	padding: 20px;
	-moz-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
	background-color: #fff !important;
    border: 0px solid #ff6933;
    border-radius: 5px;
    color: #000;
    box-shadow: rgba(90, 114, 123, 0.11) 0px 7px 30px 0px;
}


.calendar-month .current-month-selection {
	display: inline-block;
	position: relative;
	cursor: pointer
}

.calendar-month .current-month-selection h2 {
	padding-top: 4px
}

.calendar-month .current-month-selection select {
	position: absolute;
	width: 100%;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	opacity: 0;
	-ms-filter: "alpha(opacity=0)";
	filter: alpha(opacity=0)
}

.calendar-month .current-month-selection .current-month-arrow {
	position: relative;
	top: 0px;
	text-rendering: optimizeLegibility
}
.calender_box:hover {
    background: var(--light-orange);
}

.calendar-month .month-nav {
	color: #565a5c;
	border: 1px solid #ddd;
	width: 46px;
	height: 42px;
	display: inline-block
}

.calendar-month .month-nav.disabled {
	color: #d7d7d7;
	border-color: #e6e6e6;
	cursor: default
}

.calendar-month .month-nav.disabled:hover {
	color: #d7d7d7
}

.calendar-month .month-nav .icon {
	width: 46px;
	height: 42px;
	line-height: 42px
}

.calendar-month .month-nav:hover {
	color: #9ca299;
	text-decoration: none
}

.calendar-month .month-nav-next {
	margin-right: 15px;
	margin-left: -1px;
	padding-top: 10px;
}

.calendar-month .month-nav-previous {
	margin-right: 15px;
	margin-left: -1px;
	padding-top: 10px;
}

.calendar-month .spinner-next-to-month-nav {
	position: absolute;
	top: 18px;
	left: 100%;
	width: 35px;
	margin-left: 13px;
	font-size: 0;
	color: transparent
}

.calendar-month.calendar-placeholder {
	min-height: 456px
}

.host-calendar-container {
	position: relative;
}

	/*calender end*/
	.col-md-02 {
		position: relative;
		min-height: 1px;
		padding-right: 0;
		padding-left: 0;
		margin-left: -1px;
	}

	.col-md-02 {
		float: left;
	}

	.col-md-02 {
		width: 14.333%;
	}

	.wkText {
		font-size: 1.6rem;
		color: #414141;
		margin-left: 2px;
	}

	.calender_box {
		border: 1px solid #d4d4d4;
		padding: 2px 5px;
		height: 110px;
		cursor: pointer;
		transition: 0.3s ease;
	}

	.dTfont {
		position: absolute;
		bottom: 0;
	}

	.dt-not-available {
		background-color: #dce0e0;
		cursor: not-allowed;
		pointer-events: none;
	}

	.dt-today .final_day {
		font-weight: bold;
	}

	.dt-available-with-events {
        background-color: #ffffff;
        opacity: 0.5;
        text-decoration: line-through;
    }
    
    .icon-light-gray {
        color: lightgray;
    } 

    .wallet.card {
    	box-shadow: 0 0.1rem 0.7rem rgba(0, 0, 0, .10);
    	border: none;
    	border-radius: 15px;
    }
    
/*=================================================================
  Footer section
==================================================================*/
.top-footer {
  padding: 5%;
  background-color: #C1C1C14D;
  background-color: #1c2534;
  /*padding: 100px 0 80px;*/
}

.top-footer h3 {
    font-size: 16px;
    line-height: 1.5;
    color: var(--black);
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin-bottom: 20px;
}
a.social-icons {
    color: #263042;
    background: #e9e9e9;
    height: 40px;
    width: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    margin-left: 12px;
}
a.social-icons:hover {
    background: var(--orange);
    color: #f3f3f3;
}

.top-footer li a {
    font-size: 16px;
    line-height: 45px;
    text-transform: capitalize;
    transition: color .3s;
    display: block;
    color: #bfbfbf;
    font-weight: 200;
}

.top-footer li a:hover {
  color: var(--orange);
}
.newsletter-group{
    border-radius: 12px;
    background: white;
}
.newsletter.form-control {
    border-top-left-radius: 12px;
    border-bottom-left-radius: 12px;
    border: 0;
}
.newsletter-group .input-group-append{
    margin: 0;
}
.newsletter-group .input-group-append .btn{
    border-radius: 12px;
}

.footer-bottom {
    text-align: center;
    background-color: #e9e9e9;
    padding: 12px 0;
    margin-bottom: 15px;
}

.footer-bottom h5 {
  font-size: 14px;
  line-height: 1;
  color: #888888;
  font-weight: 400;
  margin-top: 7px;
  margin-bottom: 3px;
}

.footer-bottom h6 {
  font-size: 12px;
  line-height: 15px;
  color: #888888;
  font-weight: 400;
  text-transform: capitalize;
  margin-bottom: 0;
}

.footer-bottom a {
  color: #28ABE3;
}

.list1 {
    cursor: pointer;
}

.basic-card {
    box-shadow: 0 1px 6px #0000002e;
    border-radius: 8px;
}

.membership_feature abbr{
    display: inline-block;
    height: 10px;
    width: 10px;
    border-radius: 50%;
    background: var(--orange);
}
.card_logo {
    width: 42px;
}

.member_amenities {
    display: flex;
    background: #5e5e5e;
    justify-content: space-around;
    padding: 12px;
    margin-left: -5px;
}

.premium-card {
    background: var(--light-orange);
    box-shadow: 0 1px 6px #0000002e;
    border-radius: 8px;
}
.vip-card {
    background: #1c2534;
    box-shadow: 0 1px 6px #0000002e;
    border-radius: 8px;
}

.member_amenities img {
    width: 24px;
}

.premium-card .member_amenities, .basic-card .member_amenities {
    display: flex;
    background: #1c2534;
    justify-content: space-around;
    padding: 12px;
    margin-left: -5px;
}

.room_category{
    border-radius: 20px;
    box-shadow: 0px 0px 19px rgba(0, 0, 0, 0.1);
}
.room_cat_img{
    border-radius: 20px;
}

#footer .d-flex .app-store, #footer .d-flex .play-store{
    width: 130px;
    margin-bottom: 15px;
}
/*Media Query*/
@media screen and (max-width: 1199px){
    .progressbar-icon {
        width: 70px;
        position: absolute;
        right: 0;
        top: -40px;
    }
    /*.login-title {*/
    /*    font-size: 46px;*/
    /*}*/
    .curve::before {
        width: 50%;
        transform: translate(0%, 50%);
        z-index: -1;
    }
}
@media screen and (max-width: 1024px){
    .title {
        font-size: 28px;
    }
    .title-content {
    font-size: 16px;
    }
    .book_now {
        width: 70%;
    }
}
@media screen and (max-width: 991px){
    .filter-card {
        margin-top: -35px;
    }
    .step1-img {
        margin-top: 0;
        margin-left: 0;
    }
    .pro-type .icon {
        height: 150px;
        width: 150px;
    }
    .step2-img {
         margin-top: 0%; 
        position: relative;
        z-index: 1;
         left: 0%; 
    }
    .property_image {
        height: 200px;
    }
    .icon .small-title {
        font-size: 14px;
    }
    .pro-type label img {
        width: 40px;
    }
    .pro-type .icon .check {
        top: 8px;
        right: 8px;
    }
    .heading {
        font-size: 48px;
    }
    
    .propimg img {
        height: 200px;
    }
    .see_img {
        left: 15%;
    }
    .messages{
        border: none;
    }
    .message_box {
        border-left: 1px solid #e7e7e7;
    }
    .msg_header {
        border-left: 1px solid #e7e7e7;
    }
    .message_text_box {
        border-left: 1px solid #e7e7e7;
    }
    #all_image_hide .text-md-right .btn{
        padding: 0.575rem 1rem;
    }
}

 #sms_resp{
        display: none;
    }





@media screen and (max-width: 767px) {
    .mob-1{
        display: block !important;
    }
    #sms_resp{
        display: block;
    }
    .web-1{
        display: none !important;
    }
    #grid-list-btn{
        display: none;
    }
  .property_preview{
    height: 100%;
    overflow: auto;
  }
  .profile_img img {
    height: 140px !important;
    width: 140px !important;
}
  .getstarted-icon img {
        width: 70px;
    }
    .place-type label img {
        width: 60px;
    }
    div#map-canvas {
        height: 470px;
        width: 100%;
        border-radius: 30px;
    }
     .heading {
        font-size: 38px;
    }
    .book_now {
        margin-right: 0;
        border-radius: 12px;
        width: 100%;
    }
    .propimg img {
        height: 325px;
    }
    .see_img {
        position: absolute;
        top: 40%;
        left: 30%;
    }
    
    .property-img-gallery{
        flex-direction: row;   
        flex-wrap: nowrap;
        overflow: scroll;
    }
    
    .reviews{
        flex-direction: row;   
        flex-wrap: nowrap;
        overflow: scroll;
    }
    .reviews_box{
        border: 1px solid #e3e3e3;
    }
    
        /* width */
    .reviews::-webkit-scrollbar {
      display: none;
    }
    
    /* Track */
    .reviews::-webkit-scrollbar-track {
      display: none; 
    }
     
    /* Handle */
    .reviews::-webkit-scrollbar-thumb {
      display: none; 
    }
    
    /* Handle on hover */
    .reviews::-webkit-scrollbar-thumb:hover {
      display: none;
    }
}


@media screen and (max-width: 479px) {
    .btn-md-sm {
        padding: 0.35rem 0.7rem;
        font-size: 0.875rem;
        line-height: 1.5;
        border-radius: 0.2rem;
    }
    .section-1 {
        background-size: 30%;
    }
    span.search {
        height: 35px;
        width: 35px;
    }
    span.search span{
        font-size: 20px;
    }
    .heading {
    font-size: 32px;
}
    .title {
        font-size: 24px;
    }
    .title-content {
        font-size: 14px;
    }
    .pro-type .icon {
        height: 120px;
        width: 120px;
    }
    .pro-type label img {
        width: 36px;
    }
    .icon .small-title {
        font-size: 12px;
    }
    .room_price input.form-control {
        font-size: 20px;
    }
    .step_away img {
        width: 36px;
    }
    img.logo-default {
        width: 160px !important;
    }
    img.logo-footer {
        width: 200px;
    }
    .top-footer li a {
        font-size: 14px;
        line-height: 35px;
    }
    /*.login-title {*/
    /*    font-size: 32px;*/
    /*}*/
    .login {
        padding: 15px;
    }
    .login-form.card {
        border-radius: 12px
    }
    .login-form.card .card-body {
        padding: 12px;
    }
    .login-icon img {
        width: 24px;
    }
    .message_box {
        border-left: 1px solid #e7e7e7;
        border-right: 1px solid #e7e7e7;
    }
    .property_detail {
        height: 100%;
    }
    .calenBox {
        width: 100%;
        height: 300px;
        overflow: scroll;
        overflow-x: scroll;
    }
}

@media screen and (max-width: 320px){
    .progressbar-icon {
        width: 56px;
        right: 5px;
        top: -30px;
    }
    .progress-icon {
        width: 42px;
    }
    .btn-md-sm {
        padding: 4px 8px;
        font-size: 11px;
    }
    .title {
        font-size: 22px;
    }
    .profile_img img {
        height: 100px !important;
        width: 100px !important;
    }
    .edit-profile{
        height: 30px;
        width: 30px;
    }
    .edit-profile span{
        font-size: 16px;
    }
    .pro-type .icon {
        height: 100px;
        width: 100px;
    }
    .pro-type label img {
        width: 28px;
    }
    p {
        font-size: 14px;
    }
    .host label.input-group-text {
        padding: 4px;
    }
    .host-card img{
        width: 36px;
    }
    .host-card .small-title{
        font-size: 12px;
    }
    .pro-type .icon .check {
        top: 0px;
        height: 20px;
        width: 20px;
    }
    .small-title {
        font-size: 16px;
    }
    label.custom-control-label.w-100 {
        font-size: 14px;
    }
    .preview {
        height: 250px;
    }
    .destinations img {
        height: 250px;
    }
    span.add-fav1 {
        height: 30px;
        width: 30px;
        font-size: 14px;
    }
    .login-title {
        font-size: 24px;
    }
}

.booked-pro.prop_type::before
{
  border-color: #008f00 transparent transparent transparent;
}


/*sagar css start*/
:root {
    --White: #FFF;
    --Black: #192252;
    --Primary: #ff6933;
    --Danger: #fdf4f6;
    --Success: #ebf9f4;
    --Warning: #fff7e6;
    --border-gray: #f0f0f0;
    --font-lightBlue: #777e89;
    --LightWhite: #f1f1f1;
    --LightOrange: #fb9678;
    --BgColor: #fafbfb;
    --WhiteOrange: #ffe6dc;
    --Gray: #767e89;
    --LightBlue: #17a2b8;
    --BgPrimary: #ffede7;
    --FontGreen: #38b587;
    --FontOrange: #ff9900;
    --FontRed: #db375e;
    --FontPrimary: #ff6933;
}




.modal .modal-header{
    position: relative;
}

.font-24{
    font-size: 24px;
    line-height: 24px;
    font-weight: 500;
    text-transform: capitalize;
}

.font-18{
    font-size: 18px;
    line-height: 24px;
    font-weight: 300;
    text-transform: capitalize;
    color: #8d8d8d;
}

.property_image .drag-icon {
    margin: 30px 0 20px;
    display: block;
}

.mt-20{
    margin-top: 20px !important;
}

.property_image .drag-icon img {
    width: 40px;
    margin: 0 10px;
}

.card-primary,.alert-info{
    background-color: #ffede7 !important;
    border: 1px solid #ff6933;
    border-radius: 15px;
}

.card-success,.alert-success{
    background-color: #ebf9f4 !important;
    border: 1px solid #38b587;
    border-radius: 15px;
}

.card-warning,.alert-warning{
    background-color: #fff7e6 !important;
    border: 1px solid #ff9900;
    border-radius: 15px;
}

.custom-btn{
    padding: 0.575rem 10px;
}


.dashboard.nav-pills .nav-link.active{
    background-color: #ffede7 !important;
    border: 1px solid #ff6933;
    border-radius: 5px;
    color: #ff6933;
}

.dashboard.nav-pills .nav-link{
    background-color: #fff !important;
    border: 0px solid #ff6933;
    border-radius: 5px;
    color: #000;
    box-shadow: rgba(90, 114, 123, 0.11) 0px 7px 30px 0px;
    font-size: 15px;
}

.dashboard.nav-pills li{
    margin: 10px 5px !important;
    
}


.card-box{
    background: #FFFFFF !important;
    border: 1px solid rgba(0, 0, 0, 0.3) !important;
    box-shadow: 0px 4px 16px 5px rgba(0, 0, 0, 0.07) !important;
    border-radius: 16px !important;
}

#myTab li a.active,
#pills-tab li a.active,
#v-pills-tab li a.active{
   background-color: #ffede7 !important;
    border: 1px solid #ff6933;
    border-radius: 5px;
    color: #ff6933; 
}

#myTab li a,
#pills-tab li a,
#v-pills-tab li a{
    background-color: #fff !important;
    border: 0px solid #ff6933;
    border-radius: 5px;
    color: #000;
    box-shadow: 0 0.1rem 0.7rem rgba(0, 0, 0, .10);
    margin: 0 13px;
}

.booking-card .booking-status .badge-success,
.booking-card .booking-status .badge-danger,
.booking-card .booking-status .badge-pending{
    position: absolute;
    right: 0;
    top: 0;
    padding: 10px 15px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-top-left-radius: 0;
    border-bottom-left-radius: 10px;
    z-index: 9;
}

.trip-img{
    display: flex;
    align-items: center;
}

.trip-cover-img{
    width: 30%;
    margin-left: 15px;
    height: 220px;
    min-width: 30%;
}

.trip-cover-img img{
    width: 100%;
    height: 100%;
    object-position: center;
    object-fit: cover;
}

.trip-button{
    display: flex;
    align-items: center;
}

.form-control-input,
.dataTables_filter label input,
.dataTables_length label select{
    padding: 12px 15px;
    line-height: 1.5;
    border-radius: 10px;
    background-color: #FFF !important;
    outline: 0;
    border: 1px solid #ced4da;
}

#dataTableBuilder{
    padding-top: 20px !important;
}

.dataTables_wrapper .dataTables_length{
    float: left;
}
.dataTables_wrapper .dataTables_filter {
    float: right;
    text-align: right;
    /*margin-bottom: 20px;*/
}

.select2-container--default .select2-selection--single, .select2-selection .select2-selection--single{
    border-color: #ced4da;
    border-radius: 10px;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
  height: 26px;
  position: absolute;
  top: 10px;
  right: 5px;
  width: 20px;
}

.select2-container{
    width: 100% !important;
}

label.profile_img.w-100{
    border: 1px solid #ced4da;
    border-radius: 10px;
    padding: 25px;
    position: relative;
}

.table .status-active {
    background-color: transparent;
    border: 0;
    color: var(--FontGreen) !important;
    font-size: 14px;
    position: relative;
    padding: 5px 15px;
    display: block;
}

.table .status-active::after {
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    width: 6px;
    height: 6px;
    border-radius: 10px;
    background-color: var(--FontGreen);
    transform: translate(0%, -50%);
    margin-left: 0px;
}

.table .status-danger {
    background-color: transparent;
    border: 0;
    color: var(--FontRed) !important;
    font-size: 14px;
    position: relative;
    padding: 5px 15px;
    display: block;
}

.table .status-danger::after {
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    width: 6px;
    height: 6px;
    border-radius: 10px;
    background-color: var(--FontRed);
    transform: translate(0%, -50%);
    margin-left: 0px;
}

.table .status-pending {
    background-color: transparent;
    border: 0;
    color: var(--FontOrange) !important;
    font-size: 14px;
    position: relative;
    padding: 5px 15px;
    display: block;
}

.table .status-pending::after {
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    width: 6px;
    height: 6px;
    border-radius: 10px;
    background-color: var(--FontOrange);
    transform: translate(0%, -50%);
    margin-left: 0px;
}

.custom-btn-primary{
    background-color: var(--BgPrimary);
    line-height: normal;
    padding: 10px;
    border: 1px solid var(--FontPrimary) !important;
    font-size: 14px;
    color: var(--FontPrimary) !important;
    border-radius: 8px;
}

button[disabled="disabled"].custom-btn-primary{
    background-color: #ebebeb !important;
    border-color: #ebebeb !important;
    color: #a5a5a5 !important;
}

.custom-btn-primary:hover{
    color: #FFF !important;
    background-color: var(--FontPrimary)!important;
}

.custom-btn-pending:hover{
    color: #FFF !important;
    background-color: var(--FontOrange)!important;
}

.custom-btn-danger:hover{
    color: #FFF !important;
    background-color: var(--FontRed)!important;
}



.custom-btn-success{
    background-color: var(--Success);
    line-height: normal;
    padding: 10px;
    border: 1px solid var(--FontGreen) !important;
    font-size: 14px;
    color: var(--FontGreen) !important;
    border-radius: 8px;
}
.custom-btn-success:hover{
    color: #FFF !important;
    background-color: var(--FontGreen)!important;
}

.custom-btn-pending{
    background-color: var(--Warning);
    line-height: normal;
    padding: 10px;
    border: 1px solid var(--FontOrange) !important;
    font-size: 14px;
    color: var(--FontOrange) !important;
    border-radius: 8px;
}

.custom-btn-danger{
    background-color: var(--Danger);
    line-height: normal;
    padding: 10px;
    border: 1px solid var(--FontRed) !important;
    font-size: 14px;
    color: var(--FontRed) !important;
    border-radius: 8px;
}

.table-responsive .table{
    border-collapse: separate;
    border-spacing: 0 1em;
}

.table-responsive{
    color: var(--Black) !important;
    border-radius: 10px;
    box-shadow: rgba(90, 114, 123, 0.11) 0px 0px 30px;
    padding: 40px 20px;
}

.min-width150{
    min-width: 150px;
}

.min-width110{
    min-width: 110px;
}

.min-width195{
    min-width: 195px;
}

.min-width300{
    min-width: 300px;
}

.min-width320{
    min-width: 320px;
}

.table tr td{
    font-size: 14px;
    font-weight: 400;
    line-height: normal;
    font-family: "HK Grotesk";
    border: 0;
}

.table tr th{
    font-size: 14px;
    font-weight: 500;
    line-height: normal;
    font-family: "HK Grotesk";
    border-top: 0;
    border-bottom: 1px solid #dedede;
}

.table tr td:first-child {
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
}
.table tr td:last-child {
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
}

.modal .modal-content .modal-header {
    position: relative;
    padding: 20px;
}

.modal .modal-content .modal-header a.modal-close {
    position: absolute;
    right: 0px;
    top: 0px;
    width: 40px;
    height: 40px;
    background-color: var(--FontRed);
    border: 1px solid var(--FontRed);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 1;
}

/*.modal .modal-footer a{*/
/*    padding: 20px 25px;*/
/*}*/

#views-chart,
#earnings-chart{
    background-color: #fff !important;
    border: 0px solid #ff6933;
    border-radius: 10px;
    color: #000;
    box-shadow: 0 0.1rem 0.7rem rgba(0, 0, 0, .10);
    padding: 15px;
}

.table-striped tbody tr:nth-of-type(odd) {
    background-color: transparent !important;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.current, .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover{
    background: var(--Primary) !important;
    color: var(--White) !important;
    transition: box-shadow 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
    border-radius: 10px !important;
    margin: 15px 0 !important;
    box-shadow: 0px 0px 10px rgba(0,0,0,0.05);
    border: 0 !important;
       padding: 2px 8px;
}
.paging_simple_numbers{
	padding: 0.5rem;
}

#dataTableBuilder_wrapper .table{
    padding: 0 !important;
    margin: 0 !important;
}

.profile-side,
.profile-right{
    background-color: var(--White) !important;
    color: var(--Black) !important;
    transition: box-shadow 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
    border-radius: 20px;
    margin: 15px 0;
    box-shadow: rgba(90, 114, 123, 0.11) 0px 7px 30px 0px;
    border: 1px solid #dddddd;
}

.profile-side .profile-menu{
    background-color: #eaebed;
    border: 1px solid #1C25341A;
    border-radius: 10px;
    padding: 10px;
    margin-bottom: 15px;
}

.profile-side .profile-menu .icon{
    height: 20px;
    width: 20px;
}

/*#login_mobile_otp .modal-footer #resend_otp,*/
/*#import_calendar_package .modal-footer #import_btn,*/
/*#mobile_otp_verification .modal-footer #resend_otp{*/
/*    padding: 12px;*/
/*}*/

/*#hotel_date_package #price_btn,*/
/*#decline-modal #decline_submit,*/
/*#search_mobile .px-3 .custom-btn-primary,*/
/*#getstart,*/
/*#btn_next,*/
/*.add-more{*/
/*    padding: 20px 25px;*/
/*}*/


.max-width-inherit{
    max-width: inherit;
}

.custom-btn-primary.d-block{
    line-height: normal;
}

.modal-dialog-scrollable .modal-content{
    overflow: inherit !important;
}


/*loader css start*/
.screen {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(28,37, 52, 0.5);
  display: flex;
  align-items: center;
  z-index: 99;
}

.loader {
    width: 100%;
    height: 15px;
    text-align: center;
}

.dot {
    position: relative;
    width: 15px;
    height: 15px;
    margin: 0 2px;
    display: inline-block;
}

.dot:first-child:before {
    animation-delay: 0ms;
}

.dot:first-child:after {
    animation-delay: 0ms;
}

.dot:last-child:before {
    animation-delay: 200ms;
}

.dot:last-child:after {
    animation-delay: 200ms;
}

.dot:before{
    content: "";
    position: absolute;
    left: 0;
    width: 15px;
    height: 15px;
    background-color: blue;
    animation-name: dotHover;
    animation-duration: 900ms;
    animation-timing-function: cubic-bezier(.82,0,.26,1);
    animation-iteration-count: infinite;
    animation-delay: 100ms;
    background: white;
    border-radius: 100%;  
}

.dot:after {
    content: "";
    position: absolute;
    z-index: -1;
    background: black;
    box-shadow: 0px 0px 1px black;
    opacity: .20;
    width: 100%;
    height: 3px;
    left: 0;
    bottom: -2px;
    border-radius: 100%;
    animation-name: dotShadow;
    animation-duration: 900ms;
    animation-timing-function: cubic-bezier(.82,0,.26,1);
    animation-iteration-count: infinite;
    animation-delay: 100ms;
}

@keyframes dotShadow {
    0% {
      transform: scaleX(1);
    }
    50% {
      opacity: 0;
      transform: scaleX(.6);
    }
    100% {
      transform: scaleX(1);
    }
}

@keyframes dotHover {
    0% {
      top: 0px;
    }
    50% {
      top: -50px;
      transform: scale(1.1);
    }
    100% {
      top: 0;
    }
}
/*loader css end*/

.error{
	color: var(--FontRed);
}


.step-btn{
    background-color: var(--BgPrimary);
    line-height: 0;
    padding: 10px;
    border: 1px solid var(--FontPrimary) !important;
    font-size: 14px;
    color: var(--FontPrimary) !important;
    border-radius: 50%;
    width: 80px;
    height: 80px;
    text-align: center;
    justify-content: center;
    margin: 0 auto !important;
    line-height: 50px;
}

.step-btn img{
    width: 50%;
    height: 50%;
    object-fit: cover;
    object-position: center;
}

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

#countdown{
    text-decoration: underline;
}

.add-image-listing{
    position: relative;
}

.add-image-listing .delete_section{
    position: absolute;
    right: 14px;
    top: -1px;
    background-color: var(--Danger);
    border: 1px solid var(--FontRed);
    padding: 10px;
    line-height: normal;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
}

.alert-msg{
    position: fixed;
      right: 0;
      top: 0;
      border-radius: 10px 0 0 10px;
}
.alert-msg .alert{
    border-radius: 10px 0 0 10px;
    margin: 0 !important;
}

.modal-open{
    position: relative;
}

.login-field .input-group label.error{
    position: absolute;
    bottom: -30px; 
}

.PdfImg{
    display: none !important;
}

.has-error{
    display: block !important;
}
        
/*.contact-form .col-lg-6:first-child{*/
/*    background-color: #fe6927;*/
/*}*/


.sticky-notes{
    position: fixed;
    top: 15px;
    left: 10px;
    width: 195px;
    height: 160px;
    border-radius: 50%;
    text-align: center;
    z-index: 9999;"
}

.sticky-notes img{
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: center;
}

.total-booking{
    position: absolute;
    top: 55%;
    left: 46%;
    
}

.total-booking p{
    color: #FFF; 
    width: 100%; 
    margin: 0; 
    font-weight: bolder;
}

.zoom-in-zoom-out {
  margin: 24px;
  width: 50px;
  height: 50px;
  animation: zoom-in-zoom-out 2s ease-out infinite;
}

@keyframes zoom-in-zoom-out {
  0% {
    transform: scale(1, 1);
  }
  50% {
    transform: scale(1.2, 1.2);
  }
  100% {
    transform: scale(1, 1);
  }
}

.total-booking span{
    color: #FFF;
}


.gleekey-offer{
    color: #000;
    font-size: 18px;
    margin: 0;
}

.gleekey-offer b{
   color: #ff6933; 
}

.promo-code-btn{
    border-radius: 8px;
    position: relative;
    width: auto;
    background: #fe69270d;
    color: var(--FontPrimary);
    border: 1px solid var(--FontPrimary);
}


@media only screen and (max-width: 575px){
    #all_image_hide,
   .bg-white.py-60{
      padding-top: 15px !important;
   }
   #booking_form .med-title.text-center{
       text-align: left !important;
   }
   #checkout-form .row .col-md-4,
   #checkout-form .row .col-md-7{
       -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
   }
   #pagination #pager,
   #pagination .pl-3{
       padding-left: 0 !important;
       margin-left: 0 !important;
   }
   .trip-img{
       display: block;
   }
   .trip-cover-img{
       width: 100%;
       margin-left: 0px;
   }
   
   .trip-img .trip-details.pl-4{
       padding: 15px !important;
   }
   .trip-button{
       display: block;
   }
   
   .trip-button .text-right.my-3{
       margin: 15px 0 !important;
   }
   
   .trip-button .btn{
       width: 100%;
   }
   
   .dashboard.nav li{
        width: 100%;
        text-align: center;
   }
   .form-control-input{
        width: 100% !important;
        margin-bottom: 15px;
   }
   .filter-btn, .filter-btn button{
       width: 100% !important;
       margin: 0 !important;
       padding: 10px 0 !important;
   }
   .dataTables_wrapper .dataTables_length {
        float: left;
        text-align: left;
        display: block;
        width: 100%;
    }
    div.dataTables_filter label{
        width: 100%;
        margin-top: 20px;
    }
    .dataTables_wrapper .dataTables_length {
        float: left;
        text-align: left;
        display: block;
        width: 100%;
    }
    .dataTables_wrapper .dataTables_filter{
        float: left;
        text-align: left;
    }
    
    #pills-tab li,
    #myTab li{
        width: 100%;
        margin: 15px 0 0 !important;
    }
    
    #pills-tab li a,
    #myTab li a{
        margin: 0px !important;
        text-align: center;
    }
    
    .med-title.pl-3{
        padding-left: 0 !important;
    }
    
    .navigation .dropdown-menu{
        right: 0 !important;
        left: auto !important;
    }
    
    main.pb-5 section.bg-white{
        padding: 40px 0;
    }
    
    /*.progress-icon{*/
    /*    position: relative;*/
    /*}*/
    .progressbar-icon{
        right: 10px;
    }
    
    .check-in, .check-out{
        width: 100% !important;
    }
    
    #search_mobile .modal-content,
    #filter_modal .modal-content{
        width: 90%;
        margin: 0 auto;
    }
    #dynamic_field .property_image,
    .add-custom-title .property_image,
    .ducument-submit .property_image{
        height: auto !important;
        
    }
    .add-custom-title input{
        width: 100% !important;
    }
    
    .full-width{
        width: 100%;
    }
    
    .sync-cal{
        width: 100%;
        display: block;
        text-align: center;
    }
    
    .calendar-month{
        overflow: auto;
        padding: 20px 10px;
    }
    
    .calenBox {
        width: calc(100vh - 0%);
        height: auto;
    }
    
    #calender-dv .calendar-month .month-nav-previous,
    #calender-dv .calendar-month .month-nav-next{
        padding: 10px 15px;
        border: 1px solid #dedede;
        font-size: 14px;
        font-weight: 500;
        margin-right: 0px !important;
    }
    
    #calender-dv .calendar-month .current-month-selection{
        margin-left: auto !important;
        padding: 5px 15px;
    }
    
    #calender-dv .calendar-month .current-month-selection p span{
        font-size: 14px;
    }
    
    #search-form-websss .card{
        display: none;
    }
    
    #search_mobile .modal-content{
        width: 90%;
        margin: 0 auto;
    }
    
    .modal.modal-bottom.fade.show .modal-dialog{
        top: 35px;
        bottom: auto;
    }
    
    .modal-body-filter .card .card-body{
        padding: 0 !important;
    }
    
    .modal-body-filter .card .card-body .d-flex .px-2{
        margin-bottom: 0 !important;
    }
    .sticky-notes{
        right: -20px;
        bottom: 50px;
        left: auto;
        top: auto;
        width: 50%;
        height: 15%;
    }
    .d-block.rules_list li{
        width: auto !important;
    }
    
    
    
    

}

@media only screen and (min-width: 576px) and (max-width: 767.98px){
    #all_image_hide,
   .bg-white.py-60{
      padding-top: 15px !important;
   }
   #booking_form .med-title.text-center,
   #all_image_hide .med-title.text-center{
       text-align: left !important;
   }
   #checkout-form .row .col-md-4,
   #checkout-form .row .col-md-7{
       -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
   }
   #pagination #pager,
   #pagination .pl-3{
       padding-left: 0 !important;
       margin-left: 0 !important;
   }
   .trip-img{
       display: block;
   }
   .trip-cover-img{
       width: 100%;
       margin-left: 0px;
   }
   
   .trip-img .trip-details.pl-4{
       padding: 15px !important;
   }
   
   .trip-button .text-right.my-3{
        margin: 15px 5px !important;
        width: 100%;
   }
   
   .trip-button .btn{
       width: 100%;
   }
   .dataTables_wrapper .dataTables_length {
        float: left;
        text-align: left;
        display: block;
        width: 100%;
        margin-bottom: 15px;
    }
    .dataTables_wrapper .dataTables_filter{
        position: absolute;
        right: 15px;
        
    }
    
    #myTab li{
        margin: 15px 10px 10px !important;
    }
    
    #pills-tab li{
        width: 100%;
        margin: 15px 0 0 !important;
    }
    
    #pills-tab li a,
    #myTab li a{
        margin: 0px !important;
        text-align: center;
    }
    
    .med-title.pl-3{
        padding-left: 0 !important;
    }
    
     .form-control-input.w-75{
        width: 100% !important;
    }
    
    main.pb-5 section.bg-white{
        padding: 40px 0;
    }
    
    .form-control-input.w-50 {
        width: 100% !important;
    }
    
    #dynamic_field .property_image,
    .add-custom-title .property_image,
    .ducument-submit .property_image{
        height: auto !important;
        
    }
    .add-custom-title input{
        width: 100% !important;
    }
    
    .sync-cal{
        display: block;
    }
    
    .calendar-month{
        overflow: auto;
        padding: 20px 10px;
    }
    
    .calenBox {
        width: calc(100vh - 50%);
        height: auto;
    }
    
    #calender-dv .calendar-month .month-nav-previous,
    #calender-dv .calendar-month .month-nav-next{
        padding: 10px 15px;
        border: 1px solid #dedede;
        font-size: 14px;
        font-weight: 500;
        margin-right: 0px !important;
    }
    
    #calender-dv .calendar-month .current-month-selection{
        margin-left: auto !important;
        padding: 5px 15px;
    }
    
    #calender-dv .calendar-month .current-month-selection p span{
        font-size: 14px;
    }
    
    #search-form-websss .card{
        display: none;
    }
    #search_mobile .modal-content{
        width: 90%;
        margin: 0 auto;
    }
    
    .modal.modal-bottom.fade.show .modal-dialog{
        top: 35px;
        bottom: auto;
    }
    
    .modal-body-filter .card .card-body{
        padding: 0 !important;
    }
    
    .modal-body-filter .card .card-body .d-flex .px-2{
        margin-bottom: 0 !important;
    }
    .sticky-notes{
        right: 20px;
        bottom: 50px;
        left: auto;
        top: auto;
        width: auto;
        height: 15%;
    }
    
    .d-block.rules_list li{
        width: auto !important;
    }

}

@media only screen and (min-width: 768px) and (max-width: 991.98px){
    #all_image_hide,
   .bg-white.py-60{
      padding-top: 15px !important;
   }
   #checkout-form .row .col-md-4,
   #checkout-form .row .col-md-7{
       -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
   }
   #pagination #pager,
   #pagination .pl-3{
       padding-left: 0 !important;
       margin-left: 0 !important;
   }
   #footer .footer-menu{
        margin-left: 30%;
   }
   #booking_form .med-title.text-center,
   #all_image_hide .med-title.text-center{
       text-align: left !important;
   }
   
   #myTab li{
        margin: 15px 0px 0px !important;
    }
    
    .form-control-input.w-50 {
        width: 75% !important;
    }
    #dynamic_field .property_image,
    .add-custom-title .property_image,
    .ducument-submit .property_image{
        height: auto !important;
        
    }
    .add-custom-title input{
        width: 100% !important;
    }
    .sync-cal{
        display: block;
    }
    
    .calendar-month{
        overflow: auto;
        padding: 20px 10px;
    }
    
    .calenBox {
        height: auto;
    }
    
    #calender-dv .calendar-month .month-nav-previous,
    #calender-dv .calendar-month .month-nav-next{
        padding: 10px 15px;
        border: 1px solid #dedede;
        font-size: 14px;
        font-weight: 500;
        margin-right: 0px !important;
    }
    
    #calender-dv .calendar-month .current-month-selection{
        margin-left: auto !important;
        padding: 5px 15px;
    }
    
    #calender-dv .calendar-month .current-month-selection p span{
        font-size: 14px;
    }
    
    #search-form-websss .card{
        display: none;
    }
    #search_mobile .modal-content{
        width: 90%;
        margin: 0 auto;
    }
    
    .modal.modal-bottom.fade.show .modal-dialog{
        top: 35px;
        bottom: auto;
    }
    .modal-body-filter .card .card-body{
        padding: 0 !important;
    }
    
    .modal-body-filter .card .card-body .d-flex .px-2{
        margin-bottom: 0 !important;
    }
    .sticky-notes{
        right: 20px;
        bottom: 50px;
        left: auto;
        top: auto;
        width: auto;
        height: 15%;
    }
    
    .list-card-view{
            padding-right: 15px;
    }
    
    .list-booking-status{
        top: -252px !important;
    }
    .d-block.rules_list li{
        width: auto !important;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199.98px){
   #all_image_hide,
   .bg-white.py-60{
      padding-top: 15px !important;
   } 
   #pagination #pager,
   #pagination .pl-3{
       padding-left: 0 !important;
       margin-left: 0 !important;
   }
   .card-btn{
       display: block;
   }
   .card-btn a{
       width: 100%;
       margin-bottom: 15px;
   }
   #myTab li{
        margin: 15px 0px 0px !important;
    }
    .add-custom-title input{
        width: 100% !important;
    }
    
    .sync-cal{
        display: block;
    }
    #search-form-websss .card{
        display: none;
    }
     #search_mobile .modal-content{
        width: 90%;
        margin: 0 auto;
    }
    
    .modal.modal-bottom.fade.show .modal-dialog{
        top: 35px;
        bottom: auto;
    }
    
    .modal-body-filter .card .card-body{
        padding: 0 !important;
    }
    
    .modal-body-filter .card .card-body .d-flex .px-2{
        margin-bottom: 0 !important;
    }
    .sticky-notes{
        right: 20px;
        bottom: 50px;
        left: auto;
        top: auto;
        width: auto;
        height: 15%;
    }
    
    .custom-card-list .row .col-lg-8,
    .custom-card-list .row .col-lg-4{
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
    .list-card-view{
        margin-right: 15px;
    }
    .list-view-button{
        margin-left: 15px !important;
        position: relative !important;
        justify-content: start !important;
    }
    
    .list-view-button .my-3{
        margin-bottom: 0 !important;
    }
    .list-booking-status{
        top: -202px !important;
    }
    
    .list-view-button .my-3 .p-10-15{
        padding: 10px 30px;
    }
    
     .list-custom-card .list-booking-status{
        top: -320px !important;
    }
    
    
    .list-custom-card{
        display: block !important;
    }
    
    .list-custom-card .list-view-button{
        bottom: 15px;
        justify-content: end !important;
    }
    
    .list-custom-card .list-card-view{
        min-width: 100%;
        height: 300px;
    }
    .list-custom-card .list-card-body{
        display: block;
        padding-top: 10px;
    }
    .list-custom-card .list-price{
        bottom: 30px;
    }
    
    .d-block.rules_list li{
        width: auto !important;
    }
    
    .list-custom-card .list-view-button.property-listview-btn{
        justify-content: start !important;
        bottom: 10px;
    }
    span.add-fav1{
        position: absolute;
        right: 0;
        top: 10px;
    }
}


@media only screen and (min-width: 1201px) and (max-width: 1440.98px){
    .custom-card-list .row .col-lg-8,
    .custom-card-list .row .col-lg-4{
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
    .list-card-view{
        margin-right: 15px;
    }
    .list-view-button{
        margin-left: 15px !important;
        position: relative !important;
        justify-content: start !important;
    }
    
    .list-view-button .my-3{
        margin-bottom: 0 !important;
    }
    .list-booking-status{
        top: -202px !important;
    }
    
    .list-view-button .my-3 .p-10-15{
        padding: 10px 30px;
    }
    
    .list-custom-card .list-booking-status{
        top: -17px !important;
    }
    
    .list-custom-card .list-view-button{
        bottom: -100px;
        justify-content: end !important;
    }
    
    .list-custom-card .list-view-button.property-listview-btn{
        bottom: -30px;
    }
    
    .list-view-button .btn{
        padding: 10px 8px;
    }
    
    .list-custom-card .list-view-button.property-listview-btn .btn{
        padding: 10px 8px !important;
        
    }
}

@media only screen and (min-width: 1441px){
    .list-card-view{
        margin-right: 15px;
    }
}

@media only screen and (min-width: 1200px){
    #pagination #pager,
   #pagination .pl-3{
       padding-left: 0 !important;
       margin-left: 0 !important;
   }
   .add-custom-title input{
        width: 100% !important;
    }
    .sync-cal{
        display: block;
    }
    .modal.modal-bottom.fade.show .modal-dialog{
        top: 35px;
        bottom: auto;
    }
    /*.sticky-notes{*/
    /*    width: 120px !important;*/
    /*    height: 120px !important;*/
    /*}*/
}

.w-12{
    width: 12%;
}

.d-block.rules_list{
    margin-bottom: 10px;
    position: relative;
    padding-left: 20px;
}

.d-block.rules_list::after{
    content: '';
    position: absolute;
    left: 0;
    top: 6px;
    width: 10px;
    height: 10px;
    border-radius: 15px;
    background-color: var(--FontPrimary);
}

.client-testimonial{
    position: relative;
    padding: 0 20px;
}

.client-testimonial::after{
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 15px;
    height: 15px;
    background-image: url('../../images-new/quote-1.png');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}
.client-testimonial::before {
    content: '';
    position: absolute;
    right: 0;
    bottom: 0;
    width: 15px;
    height: 15px;
    background-image: url('../../images-new/quote-2.png');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.list-card-view{
    width: 230px;
    height: 180px;
    min-width: 230px;
}

.list-card-view a img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

.list-booking-status{
    position: absolute;
    top: -20px;
    right: -8px;
    margin: 0 !important;
}

.list-view-button{
    position: absolute;
    bottom: -80px;
    right: 15px;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: end;
}

.p-10-15{
    padding: 10px 15px;
}

/*.intl-tel-input::after{*/
/*    content: '';*/
/*    position: absolute;*/
/*    right: 5px;*/
/*    top: 5px;*/
/*    width: 48px;*/
/*    height: 30px;*/
/*    background-color: #FFF;*/
/*    z-index: 0;*/
/*}*/

.list-custom-card{
    border: 0;
    border-radius: 12px;
    box-shadow: 0px 0px 14px 6px rgba(0, 0, 0, 0.06);
    display: flex;
    align-items: start;
    padding: 15px;
    margin-bottom: 25px;
    position: relative;
}

.list-card-body{
    display: flex;
    position: relative;
    width: 100%;
}

.list-price{
    position: absolute;
    left: 0px;
    bottom: -25px;
}

.list-like{
    position: absolute;
    right: 0px;
    top: 0px; 
}

.property-listview-btn{
    bottom: -50px;
}
.room_price label#price_updates-error,
.room_price label#weekend_price-error{
    display: none !important;
}

.noUi-horizontal .noUi-handle{
    width: 18px !important;
}



.partner_active{
    padding: 10px;
}

.property_card .offer_tag{
    background-color: #fe6927 !important;
}
.property_card .offer_tag::before{
    border-color: #fe6927 transparent transparent transparent !important;
}
.property_card .premium_tag{
    background-color: #fe6927 !important;
    font-size:10px !important;
    padding: 5px !important;
    position: absolute;
    top: 50px;
    left: -7px;
    background: var(--orange);
    color: white;
    text-transform: uppercase;

}
.property_card .premium_tag::before{
    border-color: #fe6927 transparent transparent transparent !important;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 8px 0px 0px 8px;
    border-color: var(--orange) transparent transparent transparent;
    position: absolute;
    content: " ";
    left: 0px;
    top: 24px;
}
/*sagar css end*/
.property_type_hr{
    display: flex !important;
    height: 3px  !important;
    overflow: hidden  !important;
    background-color: var(--Primary)  !important;
    border-radius: 25px  !important;
    width: 35%  !important;
}