*:not(i) {
  font-family: "Ubuntu", sans-serif;
  font-weight: 400 !important;
}

body {
  background: #f5f5f5;
  background-repeat: no-repeat;
  background-position: center top;
  background-size: 100% 350px;
}

.for-bg {
  background: url("../imgs/main-page/body-bg.png") no-repeat;
  background-size: cover;
  z-index: -1;
}

.scrolltop {
  background-color: #1cd1ea;
}

/* For Menu Panel */

/* Start Styles - Side Menu
***************************************************************/

.border-bottom {
  border-bottom: 1px solid #44d8f2 !important;
}

.panel {
  -webkit-transition: 0.6s;
  -moz-transition: 0.6s;
  -o-transition: 0.6s;
  transition: 0.6s;
  transition: all 0.6s ease-in-out;
  -webkit-transition: all 0.6s ease-in-out;
  -moz-transition: all 0.6s ease-in-out;
  -o-transition: all 0.6s ease-in-out;
  -ms-transition: all 0.6s ease-in-out;
  position: fixed;
  z-index: 2000;
  top: 0;
  height: 100%;
  width: 100%;
  background-image: url("../imgs/main-page/menu-bg.png");
  min-height: auto !important;
  background-repeat: no-repeat;
  background-size: contain;
}

.mainHeaderAtAll-menu .loginSection {
  z-index: 2200;
}

.panel .mainMenuContent a {
  transition: all 0.3s ease-in-out;
}

.panel .mainMenuContent a:hover {
  color: #3c3c3b !important;
  padding-left: 10px;
}

.modal-backdrop {
  z-index: 40;
}

.mainHeaderAtAll-menu {
  padding-right: 4%;
}

.mainHeaderAtAll-menu .mainMenuContent {
  width: 80%;
}

.panel ul {
  list-style-type: none;
  position: absolute;
  z-index: 1;
  margin: 0;
  padding: 0;
  top: 1%;
  left: 60px;
  right: 60px;
  height: auto;
  text-align: left;
  /* li & a */
}

.panel ul li,
.panel ul a {
  display: inline-block;
  float: left;
  width: 100%;
  line-height: 1.4;
  padding: 0;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.panel ul li.menu-label {
  font-size: 16px;
  margin: 30px 0 10px 0;
  text-transform: lowercase;
}

.panel ul li.menu-label:first-child {
  margin-top: 0;
}

.panel ul a {
  font-size: 22px;
}

.panel ul li.menu-contacts a {
  font-size: 16px;
  text-transform: inherit;
}

.ninja-btn {
  width: 65px;
  height: 65px;
  border-radius: 21px;
  background-color: #26c8e5;
  -webkit-transition: 0.6s;
  -moz-transition: 0.6s;
  -o-transition: 0.6s;
  transition: 0.6s;
  transition: all 0.6s ease-in-out;
  -webkit-transition: all 0.6s ease-in-out;
  -moz-transition: all 0.6s ease-in-out;
  -o-transition: all 0.6s ease-in-out;
  -ms-transition: all 0.6s ease-in-out;
  display: inline-block;
  cursor: pointer;
  z-index: 2100;
  transition: all 0.6s ease-in-out !important;
}

.ninja-btn span,
.ninja-btn span:before,
.ninja-btn span:after {
  -webkit-transition: 0.6s;
  -moz-transition: 0.6s;
  -o-transition: 0.6s;
  transition: 0.6s;
  transition: all 0.6s ease-in-out;
  -webkit-transition: all 0.6s ease-in-out;
  -moz-transition: all 0.6s ease-in-out;
  -o-transition: all 0.6s ease-in-out;
  -ms-transition: all 0.6s ease-in-out;
  width: 30px;
  height: 2px;
  border-radius: 8px;
  background-color: #fff;
}

.ninja-btn span {
  position: relative;
  display: inline-block;
  float: left;
}

.ninja-btn span:before,
.ninja-btn span:after {
  content: "";
  position: absolute;
  left: 0;
}

.ninja-btn span:before {
  top: -10px;
  width: 65%;
  left: 35%;
}

.ninja-btn span.fullWidthLeft:before {
  width: 100%;
  left: 0%;
}

.ninja-btn span:after {
  top: 10px;
  left: 0;
  width: 65%;
}

.ninja-btn span.fullWidth:after {
  width: 100% !important;
}

.ninja-btn.active {
  background-color: #49def8;
}

.ninja-btn.active span:before,
.ninja-btn.active span:after {
  background-color: #26c8e5;
}

.ninja-btn.active span {
  background-color: transparent;
}

.ninja-btn.active span:before,
.ninja-btn.active span:after {
  top: 0;
}

.ninja-btn.active span:before {
  transform: rotate(-135deg);
  -webkit-transform: rotate(-135deg);
  -moz-transform: rotate(-135deg);
  -o-transform: rotate(-135deg);
  -ms-transform: rotate(-135deg);
}

.ninja-btn.active span:after {
  -webkit-transition-delay: 0.09s;
  -moz-transition-delay: 0.09s;
  -o-transition-delay: 0.09s;
  -msa-transition-delay: 0.09s;
  transition-delay: 0.09s;
  transform: rotate(135deg);
  -webkit-transform: rotate(135deg);
  -moz-transform: rotate(135deg);
  -o-transform: rotate(135deg);
  -ms-transform: rotate(135deg);
}

.mainMenuContentList {
  transition: all 0.8s ease-in-out;
  transform: translateY(100%);
  transition-delay: 0.1s;
  transition-duration: 0.8s;
}

/* overlay */

.panel-color {
  background-color: #26c8e5;
}

.panel-white ul li,
.panel-white ul a {
  color: #8e8e93;
}

.panel-white ul li a:hover,
.panel-white ul li.active a {
  color: #007aff;
}

.panel-white .ninja-btn {
  background-color: #ffffff;
}

.panel-white .ninja-btn span,
.panel-white .ninja-btn span:before,
.panel-white .ninja-btn span:after {
  background-color: #007aff;
}

/* panel white */

.panel-black {
  background-color: #000000;
  /* ul */
}

.panel-black ul {
  /* li */
}

.panel-black ul li,
.panel-black ul a {
  color: rgba(255, 255, 255, 0.5);
}

.panel-black ul li a:hover,
.panel-black ul li.active a {
  color: #ffffff;
}

.panel-black .ninja-btn {
  background-color: #000000;
}

.panel-black .ninja-btn span,
.panel-black .ninja-btn span:before,
.panel-black .ninja-btn span:after {
  background-color: #007aff;
}

/* panel black */

.panel-brand {
  background-color: #007aff;
  /* ul */
  /*
  .ninja-btn.active span:before,
  .ninja-btn.active span:after {
    background-color: rgba( 0, 0, 0, 0.50 );
  }*/
}

.panel-brand ul {
  /* li */
}

.panel-brand ul li,
.panel-brand ul a {
  color: rgba(0, 0, 0, 0.5);
}

.panel-brand ul li a:hover,
.panel-brand ul li.active a {
  color: #ffffff;
}

.panel-brand .ninja-btn {
  background-color: #007aff;
}

.panel-brand .ninja-btn span,
.panel-brand .ninja-btn span:before,
.panel-brand .ninja-btn span:after {
  background-color: #ffffff;
}

/* panel brand */

.panel.left {
  left: -595px;
}

.panel.left .ninja-btn {
  left: 100%;
}

/* Panel Left Active */

.panel.left.active {
  left: 0;
}

.panel.left.active .ninja-btn {
  left: 100%;
  margin-left: -90px;
}

/* Panel Menu Active */

.panel.right {
  right: -595px;
}

.panel.right .ninja-btn {
  right: 100%;
}

/* Panel Right Active */

.panel.right.active {
  right: 0;
}

.panel.right.active .ninja-btn {
  right: 100%;
  margin-right: -90px;
}

/* Panel Menu Active */

/* Fonts */

.fw-light {
  font-weight: 300 !important;
}

.fw-medium {
  font-weight: 500 !important;
}

.f-bold {
  font-weight: 700 !important;
}

/* Navbar */

.mainNav {
  height: 72px !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.19);
}

.mainNav .dropdown-toggle:after {
  color: #fff !important;
}

.mainNav .dropdown-menu {
  min-width: 2rem !important;
}

.mainNav .dropdown-item {
  transition: all 0.3s ease-in-out;
}

.navbar .breadcrumb .breadcrumb-item + .breadcrumb-item:before {
  content: "•";
  color: #fff !important;
}

/* Home Page */

.careHeader {
  z-index: 9;
  left: 10%;
  bottom: 13%;
  line-height: 3rem;
}

.parallaxSwiper .slide-inner {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  object-fit: cover !important ;
}
.left-auto{
  left: auto !important;
}
/* .parallaxSwiper .swiper-button-white {
    width: 20px;
    height: 4px;
    display: inline-block;
    border-radius: 10px;
    background: #F5F5F5;
    opacity: 1;
    transition: all 0.3s ease-in-out;
} */

.parallaxSwiper .swiper-button-white {
  background-image: none !important;
  color: #1bd1ea;
}

.notFullParallaxSwiper .swiper-button-white {
  background-image: none !important;
  color: #1bd1ea;
}

.notFullParallaxSwiper .swiper-button-next,
.notFullParallaxSwiper .swiper-container-rtl .swiper-button-prev,
.notFullParallaxSwiper .swiper-button-prev,
.notFullParallaxSwiper .swiper-container-rtl .swiper-button-next {
  top: 63% !important;
}

/* Header */

.header-nav {
  height: 90px;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  margin-top: 18px;
}

header.header {
  padding: 0 !important;
}

.header-nav-socials_pointer {
  cursor: pointer;
}

.header .navbar {
  position: inherit !important;
}

.headerSection-betterPlace {
  flex-basis: 35%;
}

.headerSection-homeImg {
  flex-basis: 65%;
}

.headerSection-homeImg p {
  bottom: 10%;
  left: 10%;
  line-height: 32px;
}

.headerSection-homeImg
.swiper-container-horizontal
> .swiper-pagination-bullets,
.headerSection-homeImg .swiper-pagination-custom,
.headerSection-homeImg .swiper-pagination-fraction {
  bottom: 7%;
  text-align: left;
  left: 10%;
}

.spacesSite-section .swiper-container-horizontal > .swiper-pagination-bullets,
.spacesSite-section .swiper-pagination-custom,
.spacesSite-section .swiper-pagination-fraction {
  bottom: 7%;
  text-align: left;
  left: 88%;
}

.spacesSite-section .spacesSite-first .select2-container {
  padding: 0;
}

.arrowMainHeader {
  position: absolute;
  bottom: 8%;
  right: 10%;
}

.swiper-container-rating .swiper-pagination-bullet {
  width: 34px;
  height: 34px;
  text-align: center;
  line-height: 34px;
  font-size: 12px;
  color: #afafaf;
  opacity: 1;
  background: transparent;
  border: 1px solid #afafaf;
  border-radius: 4px !important;
}

.swiper-container-rating .swiper-pagination {
  top: -145px !important;
}
.object-fit-cover{
  object-fit: cover;
}

.swiper-pagination {
  margin: 1rem 0;
}

.swiper-container-rating .swiper-pagination span:last-of-type {
  margin-right: 0;
}

.swiper-container-rating .swiper-pagination-bullet-active {
  width: 34px;
  height: 34px;
  text-align: center;
  line-height: 34px;
  font-size: 12px;
  color: #919191;
  opacity: 1;
  background: #f5f5f5;
  border: none;
  border: 1px solid #f5f5f5;
}

.breadcrumb.breadcrumb-dot .breadcrumb-item:after {
  background: #fff !important;
}

.breadcrumb.breadcrumb-dot .breadcrumb-item:hover a {
  color: #1bd1ea !important;
}

/*
.headerSection-homeImg img {
    height: 100vh;
} */

/* How Is Work */

.howIsWorks-svg {
  border-bottom: 3px solid #1bd1ea;
}

.howIsWorks-Step {
  width: 260px;
  height: 216px;
  background-image: linear-gradient(
          to bottom,
          #f7f7f7,
          #f9f9f9,
          #fbfbfb,
          #fdfdfd,
          #ffffff
  );
}

/* HowItsWorks border animation */

.howItsWork-box {
  position: relative;
  display: inline-block;
  /* cursor: pointer; */
  overflow: hidden;
}

.howItsWork-box:before,
.howItsWork-box:after {
  content: "";
  position: absolute;
  left: 0;
  height: 2px;
  width: 100%;
}

.howItsWork-box:before {
  top: 0;
}

.howItsWork-box:after {
  bottom: 0;
}

.howItsWork-box:hover > * > *:after {
  transform: translate3d(0, 0, 0);
}

.howItsWork-box:hover > * > * > *:after {
  transform: translate3d(0, 0, 0);
}

.howItsWork-box > *:after {
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: 2px;
}

.howItsWork-box > *:after {
  right: 0;
}

.howItsWork-box > * > *:after {
  content: "";
  position: absolute;
  left: 0;
  z-index: 9;
  height: 2px;
  width: 100%;
  background-color: #1bd1ea;
}

.howItsWork-box > * > *:before {
  top: 0;
  transform: translate3d(-105%, 0, 0);
  transition: transform 0.8s cubic-bezier(0.4, 0, 0.2, 1);
}

.howItsWork-box > * > *:after {
  bottom: 0;
  transform: translate3d(105%, 0, 0);
  transition: transform 0.8s cubic-bezier(0.4, 0, 0.2, 1);
}

.howItsWork-box > * > * > *:before,
.howItsWork-box > * > * > *:after {
  content: "";
  position: absolute;
  top: 0;
  z-index: 9;
  height: 100%;
  width: 2px;
  background-color: #1bd1ea;
}

.howItsWork-box > * > * > *:before {
  left: 0;
  transform: translate3d(0, 105%, 0);
  transition: transform 0.8s cubic-bezier(0.4, 0, 0.2, 1);
}

.howItsWork-box > * > * > *:after {
  right: 0;
  transform: translate3d(0, -105%, 0);
  transition: transform 0.8s cubic-bezier(0.4, 0, 0.2, 1);
}

/* Spaces For You */

.spacesForYou {
  background: rgb(245, 245, 245);
  background: linear-gradient(
          0deg,
          rgba(245, 245, 245, 1) 25%,
          rgba(255, 255, 255, 1) 25%
  );
}

.spacesContentCard {
  width: 85%;
  height: 85%;
}

.spacesContentCardLg {
  width: 93%;
  height: 86%;
}

.swiper-button-next,
.swiper-button-prev {
  background-image: none;
  color: #1bd1ea;
}

/* Most Booked */

.bg-overlay-40 {
  background-color: rgba(0, 0, 0, 0.4);
}

.mostBookedReviews {
  background: rgb(255, 255, 255);
  background: linear-gradient(0deg, rgb(255 255 255) 66%, #f5f5f5 41%);
}

.mostBookedReviews .fp-tableCell {
  display: flex;
  flex-direction: column;
  justify-content: space-around;
}

.bestProviderFooter .fp-tableCell {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.select2-container--default
.select2-selection--single
.select2-selection__arrow:after,
.select2-container--default
.select2-selection--multiple
.select2-selection__arrow:after {
  color: #1bd1ea;
  font-size: 14px;
  margin-top: 3px;
}

.ih-item.square {
  position: relative;
  width: auto;
  height: auto;
  border: none;
  box-shadow: none;
}

.ih-item.square.effect6 .info {
  background: #000000ab !important;
}

.ih-item.square.effect6 .info h3 {
  background: transparent !important;
}

/* Most Booked Reviews */

/* .mostBookedReviews .mostBookedReviews-booked {
    min-height: 50vh;
} */

/* .mostBookedReviews .mostBookedReviews-reviews {
    min-height: 50vh;
} */

.mostBookedReviews .swiper-reviews {
  cursor: grab;
}

.mostBookedReviews-reviews-box .swiper-reviews-card {
  min-height: 160px;
}

.swiper-reviews-card-img {
  top: -24%;
}

.swiper-reviews-card-paragraph {
  padding: 0 14%;
}

/* Beljwar App */

.beljwarApp {
  background: url("../imgs/main-page/beljwarApp-bg.webp");
  background-size: cover;
}

/* mainHeaderAtAll */

.mainHeaderAtAll,
.mainHeaderAtSpacesSite,
.mainHeaderAtAll-fullw {
  top: 0;
  height: 142px;
  background-color: #f5f5f5;
  z-index: 1800;
}
.border-b{
  border-color: #1bd1ea !important;
}

.modal {
  z-index: 2300;
}

.mainHeaderAtAll > div {
  flex-basis: 50%;
}

.mainHeaderAtAll > div:first-of-type {
  max-width: 444px;
  margin: auto;
}

.mainHeaderAtSpacesSite > .mainHeaderAtAll-logo {
  flex-basis: 35%;
}

.mainHeaderAtSpacesSite > .mainHeaderAtAll-menu {
  flex-basis: 65%;
}

.mainHeaderAtSpacesSite > div:first-of-type {
  max-width: 262px;
  margin: auto;
}

/* Swiper */

.swiper-pagination-bullet {
  width: 20px;
  height: 4px;
  display: inline-block;
  border-radius: 10px;
  background: #f5f5f5;
  opacity: 1;
  transition: all 0.3s ease-in-out;
}

.swiper-pagination-bullet-active {
  width: 36px;
  background: #26c8e5;
}

.swiperMainHeader .swiper-pagination {
  top: 94%;
  right: 8%;
}

.swiperMainHeader .swiper-pagination-bullet {
  width: 4px;
  height: 15px;
  background: #fff;
}

.swiperMainHeader .swiper-pagination-bullet-active {
  width: 4px;
  background: #26c8e5;
  height: 35px;
}

.mostBookedReviews .swiper-container-horizontal > .swiper-pagination-bullets,
.swiper-pagination-custom,
.swiper-pagination-fraction {
  bottom: auto !important;
}

/* Date Picker */

#date_for_hours > div {
  border-radius: 0;
  width: 100%;
}

.datepicker tbody tr > td.day {
  transition: all 0.3s ease-in-out;
}

.datepicker tbody tr > td.day.selected,
.datepicker tbody tr > td.day.selected:hover,
.datepicker tbody tr > td.day.active,
.datepicker tbody tr > td.day.active:hover {
  background: #1bd1ea;
  color: #ffffff;
}

.datepicker tbody tr > td.day:hover {
  background: #3c3c3b;
  color: #fff;
}

.hours-available .checkbox span {
  width: 112px !important;
  height: 52px !important;
}

.daterangepicker .drp-calendar td.active.start-date {
  color: #fff !important;
  background-color: #1bd1ea !important;
  border-top-left-radius: 50px;
  border-bottom-left-radius: 50px;
}

.daterangepicker .drp-calendar td.active.end-date {
  color: #fff !important;
  background-color: #1bd1ea !important;
  border-top-right-radius: 50px;
  border-bottom-right-radius: 50px;
  color: #1d2634 !important;
}

.daterangepicker .drp-calendar td.in-range.available:not(.active):not(.off) {
  background-color: #1bd1ea !important;
  color: #1d2634 !important;
}

.daterangepicker .drp-calendar td.today,
.daterangepicker .drp-calendar td.today.active {
  border-radius: inherit !important;
  background: inherit !important;
  color: inherit !important;
}

.daterangepicker
.drp-calendar
td.in-range.available:not(.active):not(.off):not(.today) {
  background-color: #1bd1ea !important;
  color: #1d2634 !important;
}

/* .daterangepicker .drp-calendar td.today,
.daterangepicker .drp-calendar td.today.active {
    background-color: #1BD1EA !important;
    color: #1D2634 !important;
    border-radius: 0 !important;
} */

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

/* Main Content */

/* About Us Page */

.aboutUsContent-containerContent {
  max-width: 444px;
}

/* spacesSite Page */

.spacesSite-containerContent {
  max-width: 262px;
  margin: auto;
}

/* Spaces Card */

.spacesCard-cards {
  max-width: 260px !important;
}

.spacesCard-card .card-footer {
  border-top: 1px solid #fafafa;
}

.spacesCard-card img {
  width: 260px !important;
  height: 188px !important;
}

.ratingStart {
  width: 47px;
  height: 59px;
}

.card-footer > div > div {
  padding: 0.5rem 1rem;
}

/* spaceOverviewPage */

.spaceOverviewPage-headerOverlay {
  background-color: #000;
  opacity: 0.24;
}

.sh-effect--delta::before {
  background: #171715 !important;
}

.spaceOverviewPage-header .swiper-pagination .swiper-pagination-bullet {
  margin: 0 5px;
}

.swiper-container-headerSlide {
  background: url("../imgs/main-page/space-overview.webp");
  background-size: cover;
}

.swiper-container-headerSlide .container {
  left: 50%;
  transform: translateX(-50%);
  bottom: 5%;
}

.bookingPriceSection-boxes-box {
  border-radius: 10px;
}

.lineHeight-textCenter {
  line-height: 9px;
  text-align: center;
}

.parentBox .spaceOverviewPageMap360Photo-map,
.parentBox .spaceOverviewPageMap360Photo-photo {
  flex-basis: 50%;
}

.bg-overlay {
  background-color: #000;
  opacity: 0.2;
}

.rounded-10px {
  border-radius: 10px !important;
}

.min-h-218px {
  min-height: 218px !important;
}

.min-h-300px {
  min-height: 300px !important;
}

.top--34px {
  top: -34px;
}

/* Footer */

.mainFooter-email {
  margin-right: 13px;
  width: 196px;
  height: 46px;
  border-radius: 15px;
  padding: 10px 15px;
  line-height: 27px;
}

.mainFooter {
  padding: 8rem 0;
}

.mainFooter input[type="email"] {
  background-color: #fff !important;
}

.mainFooter li {
  line-height: 12px;
  margin-bottom: 19px !important;
}

.mainFooter li a {
  transition: all 0.3s ease-in-out;
}

.mainFooter li:hover a {
  color: #1bd1ea !important;
  padding-left: 5px;
}

.mainFooter-email > p:first-of-type {
  border-right: 1px solid #f5f5f5;
  margin-right: 18px !important;
}

.mainFooter-follow-sq {
  width: 46px;
  height: 46px;
  background-color: #fff;
  border-radius: 10px;
  transition: all 0.3s ease-in-out;
  border: 1px solid transparent;
  cursor: pointer;
  margin-right: 5px;
}

.mainFooter-follow-sq:hover {
  border: 1px solid #1bd1ea;
}

/* Add place */

.col-form-label,
.form-label {
  color: #000 !important;
}

.checkbox-days-group .btn-primary {
  background-color: #3c3c3b !important;
  border-radius: 10px !important;
  box-shadow: none;
  color: #fff !important;
}

.checkbox-days .btn {
  text-transform: none;
  width: 168px;
  height: 46px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.form-check-input[type="checkbox"]:checked,
.form-check-input[type="checkbox"]:checked:focus {
  background-image: none;
  background-color: #1bd1ea;
  border-radius: 4px !important;
}

.form-check-input:checked,
.form-check-input[type="checkbox"]:checked:focus {
  border-color: #1bd1ea;
}

/* .form-outline .form-control.form-control-lg~.form-label {
    padding-top: .8rem !important;
    font-size: 12px !important;
    color: #3C3C3B !important;
} */

.filepond--drop-label {
  cursor: pointer;
}

.filepond--drop-label {
  cursor: pointer;
}

.filepond--drop-label.filepond--drop-label label {
  cursor: pointer;
}

.filepond--root {
  transition: all 0.3s ease-in-out;
  border-radius: 10px;
  border: 1px solid transparent;
}

.filepond--root:hover {
  border: 1px solid #1bd1ea;
  border-radius: 10px;
}

.filepond--drop-label {
  height: 100%;
  top: 0;
}

/* .form-outline .form-control {
    padding-top: 2px;
} */

.filepond {
  min-height: 230px !important;
}

.filepond .filepond--credits {
  display: none !important;
}

.filepond--drop-label-u45m4kmaj {
  display: none;
}

.filepond--root {
  height: 100%;
}

/* .upload1 .filepond--drop-label {
    top: 51%;
}

.upload2 .filepond--drop-label {
    top: 50%;
}

.upload3 .filepond--drop-label {
    top: 50%;
} */

.filepond--root .filepond--drop-label {
  min-height: auto !important;
}

.filepond--drop-label {
  font-size: 12px !important;
}

/* progress Account */

.progressAccount .imgSide {
  width: 491px;
  background-size: cover;
}

.nav-pills .nav-link {
  text-transform: none;
}

#imgSideSection {
  opacity: 1;
  transition: all 0.3s ease-in-out;
}

#imgSideSection2 {
  opacity: 0;
  transition: all 0.3s ease-in-out;
}

/* successCreativeAccount */

.successBox {
  width: 168px;
  height: 137px;
  background-color: #fff;
  border-radius: 10px;
  border: 1px solid transparent;
  transition: all 0.3s ease-in-out;
}

.successBox:hover {
  background-color: #fff;
  border-radius: 10px;
  border: 1px solid #1bd1ea;
}

.successBox svg path {
  transition: all 0.3s ease-in-out;
}

.successBox:hover svg path {
  fill: #1bd1ea;
}

.features .checkbox-features-group .checkbox-features-box {
  background-color: #f5f5f5;
  box-shadow: none;
  border-radius: 10px;
  width: 76px;
  height: 76px;
}

.paymentMethods .checkbox-features-group .checkbox-features-box {
  background-color: #f5f5f5;
  box-shadow: none;
  border-radius: 10px;
  height: 260px;
  width: 100%;
}

.filepond--root .filepond--list-scroller {
  margin: 0;
}

.features .checkbox-features-group .checkbox-features-box:active svg path,
.features .checkbox-features-group .checkbox-features-box:focus svg path,
.features .btn-check:checked + .btn-primary svg path {
  fill: #fff !important;
}

.features .checkbox-features-group .checkbox-features-box:active,
.features .checkbox-features-group .checkbox-features-box:focus,
.features .btn-check:checked + .btn-primary {
  fill: #fff !important;
}

.features .btn-check:active + .btn-primary,
.features .btn-check:checked + .btn-primary,
.features .btn-primary.active,
.features .btn-primary:active,
.features .show > .btn-primary.dropdown-toggle,
.features .btn-check:active + .btn-primary,
.features .btn-check:checked + .btn-primary,
.features .btn-primary.active,
.features .btn-primary:active,
.features .show > .btn-primary.dropdown-toggle {
  color: #fff !important;
}

.btn-check:active + .btn-primary,
.btn-check:checked + .btn-primary,
.btn-primary.active,
.btn-primary:active,
.show > .btn-primary.dropdown-toggle,
.btn-check:active + .btn-primary,
.btn-check:checked + .btn-primary,
.btn-primary.active,
.btn-primary:active,
.show > .btn-primary.dropdown-toggle {
  background-color: #1bd1ea !important;
  color: #3c3c3b !important;
}

.checkbox-features label {
  text-transform: none;
}

/* Add Properties */

.user-img button {
  border: none;
  outline: 0;
  transition: box-shadow 0.3s, margin-top 0.3s, padding 0.3s;
}

#img-result {
  background-size: cover;
  background-color: #b7b7b7;
  border: 1px solid #707070;
  width: 100px;
  height: 100px;
}

#hidden_div_status {
  display: none;
}

/* Show Properties */

.spanFreeProperty {
  height: 24px;
  display: block;
  background-color: #3c3c3b;
  max-width: 70px;
  margin: auto;
}

.spanPaidProperty {
  height: 24px;
  display: block;
  background-color: #1bd1ea;
  color: #3c3c3b;
  max-width: 70px;
  margin: auto;
}

.spanActiveStatus {
  color: #1bd1ea;
}

.spanInactiveStatus {
  color: #3c3c3b;
}

.spanAction i {
  color: #b5b5c3;
  font-size: 18px;
}

/* placeSite */

/* Property Status */

.workdaysRow .checkbox > span:after {
  content: none !important;
}

/* Edit Profile */

.editPofile {
  max-width: 450px;
  margin: auto;
}

/* Booking Space */

.bookingSpace .bookingSpace-photo-swiper .swiper-slide {
  height: 550px;
}

.table thead tr th {
  background-color: #26c8e5;
}

.table tbody th,
table.table-bordered.dataTable tbody td {
  background-color: #f5f5f5 !important;
}

table.table-bordered.dataTable tbody th,
table.table-bordered.dataTable tbody td {
  border-bottom-width: 3px;
  border-color: #fff;
}

table.table-bordered.dataTable th,
table.table-bordered.dataTable td {
  border-left-width: 3px;
}

table.dataTable thead > tr > th.sorting_asc,
table.dataTable thead > tr > th.sorting_desc,
table.dataTable thead > tr > th.sorting,
table.dataTable thead > tr > td.sorting_asc,
table.dataTable thead > tr > td.sorting_desc,
table.dataTable thead > tr > td.sorting,
.dataTables_wrapper .dataTable th.sorting_desc:before,
.dataTables_wrapper .dataTable th.sorting_desc:after,
.dataTables_wrapper .dataTable th.orting_asc_disabled:before,
.dataTables_wrapper .dataTable th.orting_asc_disabled:after,
.dataTables_wrapper .dataTable th.orting_desc_disabled:before,
.dataTables_wrapper .dataTable th.orting_desc_disabled:after,
.dataTables_wrapper .dataTable th.sorting_asc:before,
.dataTables_wrapper .dataTable th.sorting_asc:after,
.dataTables_wrapper .dataTable th.sorting:before,
.dataTables_wrapper .dataTable th.sorting:after,
.dataTables_wrapper .dataTable td.sorting_desc:before,
.dataTables_wrapper .dataTable td.sorting_desc:after,
.dataTables_wrapper .dataTable td.orting_asc_disabled:before,
.dataTables_wrapper .dataTable td.orting_asc_disabled:after,
.dataTables_wrapper .dataTable td.orting_desc_disabled:before,
.dataTables_wrapper .dataTable td.orting_desc_disabled:after,
.dataTables_wrapper .dataTable td.sorting_asc:before,
.dataTables_wrapper .dataTable td.sorting_asc:after,
.dataTables_wrapper .dataTable td.sorting:before,
.dataTables_wrapper .dataTable td.sorting:after,
table.table-bordered.dataTable th:last-child,
table.table-bordered.dataTable th:last-child,
table.table-bordered.dataTable td:last-child,
table.table-bordered.dataTable td:last-child {
  color: #fff;
  opacity: 1;
}

.dataTables_wrapper
.dataTables_paginate
.pagination
.page-item.active
> .page-link {
  background-color: #26c8e5 !important;
}

.dataTables_wrapper
.dataTables_paginate
.pagination
.page-item:hover:not(.disabled)
> .page-link {
  background-color: #3c3c3b !important;
}

.dataTables_wrapper .dataTable th.sorting_asc:before,
.dataTables_wrapper .dataTable td.sorting_asc:before,
.dataTables_wrapper .dataTable th.sorting_desc:after,
.dataTables_wrapper .dataTable td.sorting_desc:after {
  color: #3c3c3b !important;
}

.dataTables_wrapper .dataTable th.sorting_asc,
.dataTables_wrapper .dataTable td.sorting_asc,
.dataTables_wrapper .dataTable th.sorting_desc,
.dataTables_wrapper .dataTable td.sorting_desc {
  color: #3c3c3b !important;
  border-color: #fff;
}

.dataTables_wrapper .child .dtr-details > li .dtr-title,
.dataTables_wrapper .child .dtr-details > li .dtr-data {
  color: #3c3c3b;
}

.btn.btn-clean:hover:not(.btn-text):not(:disabled):not(.disabled),
.btn.btn-clean:focus:not(.btn-text),
.btn.btn-clean.focus:not(.btn-text),
.btn.btn-clean:hover:not(.btn-text):not(:disabled):not(.disabled) i,
.btn.btn-clean:focus:not(.btn-text) i,
.btn.btn-clean.focus:not(.btn-text) i,
.dataTables_wrapper
table.dataTable.dtr-inline.collapsed
> tbody
> tr[role="row"]
> td:first-child:before {
  color: #26c8e5;
}

/* Framework */

.select2-container--default .select2-selection--single {
  border: none !important;
  height: 46px;
  border-radius: 10px;
}

.checkbox-days input {
  position: absolute;
  z-index: -1;
  left: 50px;
}

.checkbox-days label {
  border: none;
}

.checkbox-features input {
  position: absolute;
  left: 50px;
  z-index: -1;
}

.checkbox-features-box {
  border: none;
}

.addNewSpaces .select2-container--default .select2-selection--single {
  background-color: #f5f5f5 !important;
}

.addNewSpaces .form-control[readonly] {
  background-color: #f5f5f5;
  border-top-right-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}

.btn.btn-primary:hover:not(.btn-text):not(:disabled):not(.disabled),
.btn.btn-primary:focus:not(.btn-text),
.btn.btn-primary.focus:not(.btn-text) {
  background-color: #f5f5f5;
}

.addNewSpaces .input-group-text {
  border: none !important;
  background-color: #f5f5f5 !important;
}

.addNewSpaces .dropzone.dropzone-default {
  background: #f5f5f5;
  border: none;
  min-height: 300px;
}

.footer-info-rating {
  width: 60px;
  height: 75px;
}

.f-style {
  font-style: normal !important;
}

.propertyStatus-title {
  width: 180px;
}

.line-height-16px {
  line-height: 16px;
}

.mt-5rem {
  margin-top: 5rem !important;
}

.mb-5rem {
  margin-bottom: 5rem !important;
}

.mt-8rem {
  margin-top: 8rem !important;
}

.mt-11rem {
  margin-top: 11rem !important;
}

.mt-22rem {
  margin-top: 22rem !important;
}

.mt-26rem {
  margin-top: 26rem !important;
}

.ubuntu-bold {
  font-weight: 700 !important;
}

.fs-10px {
  font-size: 10px !important;
}

.fs-11px {
  font-size: 11px !important;
}

.fs-12px {
  font-size: 12px !important;
}

.fs-14px {
  font-size: 14px !important;
}

.fs-16px {
  font-size: 16px !important;
}

.fs-18px {
  font-size: 18px !important;
}

.fs-20px {
  font-size: 20px !important;
}

.fs-22px {
  font-size: 22px !important;
}

.fs-24px {
  font-size: 24px !important;
}

.fs-26px {
  font-size: 26px;
}

.fs-28px {
  font-size: 28px !important;
}

.fs-29px {
  font-size: 29px !important;
}

.fs-30px {
  font-size: 30px !important;
}

.fs-38px {
  font-size: 38px !important;
}

.fs-66px {
  font-size: 66px !important;
}

.b-color {
  color: #1bd1ea !important;
}

.y-color {
  color: #f79f13 !important;
}

.card-title-color {
  color: #3c3c3b !important;
}

.card-subtitle-color {
  color: #838383 !important;
}

.b-bg {
  background-color: #1bd1ea !important;
}

.f4f4f4-bg {
  background-color: #f4f4f4 !important;
}

.F5F5F5-bg {
  background-color: #f5f5f5 !important;
}

.m-section-4rem {
  margin: 4rem 0;
}

.p-section-4rem {
  margin: 4rem 0;
}

.font-size-xs {
  font-size: 0.8rem;
}

.font-size-sm {
  font-size: 0.925rem;
}

.font-size-lg {
  font-size: 1.08rem;
}

.font-size-h6 {
  font-size: 1.175rem !important;
}

.font-size-h5 {
  font-size: 1.25rem !important;
}

.font-size-h4 {
  font-size: 1.35rem !important;
}

.font-size-h3 {
  font-size: 1.5rem !important;
}

.font-size-h2 {
  font-size: 1.75rem !important;
}

.font-size-h1 {
  font-size: 2rem !important;
}

.form-control,
.form-select {
  height: 46px !important;
  border: none;
  border-radius: 10px !important;
  font-size: 12px !important;
}

.form-control::placeholder {
  font-size: 12px !important;
  color: #3c3c3b !important;
}

.form-control:focus {
  border-color: #1bd1ea;
  -webkit-box-shadow: inset 0 0 0 1px #1bd1ea;
  box-shadow: inset 0 0 0 1px #1bd1ea;
}

.form-select {
  background-image: url("../imgs/main-page/arrow-back.png");
  background-size: 13px 8px;
}

.nav-pills .nav-link.active,
.nav-pills .show > .nav-link {
  color: #3c3c3b;
  background-color: transparent;
  animation: none;
  box-shadow: none;
}

.btn-primary {
  background-color: #f5f5f5;
  box-shadow: none;
  border-radius: 10px;
  font-size: 12px !important;
}

.paymentMethods .btn-primary {
  font-size: 24px !important;
}

.btn-style {
  background-color: #1bd1ea !important;
  border-radius: 10px !important;
  font-size: 14px !important;
  color: #fff !important;
  box-shadow: none;
  text-transform: none;
  border: none;
  height: 46px;
  transition: all 0.3s ease-in-out;
}

.btn-style:hover {
  background-color: #0fc5de !important;
}

.btn-sub-style {
  background-color: #3c3c3b !important;
  border-radius: 10px !important;
  font-size: 14px !important;
  color: #fff !important;
  box-shadow: none;
  text-transform: none;
  border: none;
  transition: all 0.3s ease-in-out;
}

.btn-sub-style:hover {
  background-color: #313130 !important;
}

.btn-light-style {
  background-color: #fff !important;
  border-radius: 10px !important;
  font-size: 14px !important;
  color: #fff !important;
  box-shadow: none;
  text-transform: none;
  border: none;
  height: 46px;
  color: #3c3c3b !important;
  transition: all 0.3s ease-in-out;
}

.btn-light-style:hover {
  background-color: #eaeaea !important;
}

.btn-booking {
  background-color: #f5f5f5 !important;
  border-radius: 10px !important;
  box-shadow: none;
  text-transform: none;
  border: none;
  height: 145px;
}

.form-switch .form-check-input:checked[type="checkbox"]:after {
  background-color: #3c3c3b;
}

.bg-diagonal:before {
  background-color: #f5f5f5 !important;
}

.color-gray-icon {
  color: #b5b5c3 !important;
}

.icon-nm {
  font-size: 0.9rem !important;
}

.icon-ms {
  font-size: 1.15rem !important;
}

.icon-md {
  font-size: 1.25rem !important;
}

.icon-lg {
  font-size: 1.5rem !important;
}

.icon-xl {
  font-size: 1.75rem !important;
}

.icon-xxl {
  font-size: 2.25rem !important;
}

.icon-1x {
  font-size: 1rem !important;
}

.icon-2x {
  font-size: 2rem !important;
}

.icon-3x {
  font-size: 3rem !important;
}

.icon-4x {
  font-size: 4rem !important;
}

.icon-5x {
  font-size: 5rem !important;
}

.icon-6x {
  font-size: 6rem !important;
}

.icon-7x {
  font-size: 7rem !important;
}

.icon-8x {
  font-size: 8rem !important;
}

.icon-9x {
  font-size: 9rem !important;
}

.icon-10x {
  font-size: 10rem !important;
}

.h-46px {
  height: 46px;
}

.h-68px {
  height: 68px !important;
}

.w-76px {
  width: 76px !important;
}

.h-76px {
  height: 76px !important;
}

@media (min-width: 576px) {
  .icon-sm-ss {
    font-size: 0.5rem !important;
  }
  .icon-sm-xs {
    font-size: 0.65rem !important;
  }
  .icon-sm-sm {
    font-size: 0.75rem !important;
  }
  .icon-sm-nm {
    font-size: 0.9rem !important;
  }
  .icon-sm-ms {
    font-size: 1.15rem !important;
  }
  .icon-sm-md {
    font-size: 1.25rem !important;
  }
  .icon-sm-lg {
    font-size: 1.5rem !important;
  }
  .icon-sm-xl {
    font-size: 1.75rem !important;
  }
  .icon-sm-xxl {
    font-size: 2.25rem !important;
  }
  .icon-sm-1x {
    font-size: 1rem !important;
  }
  .icon-sm-2x {
    font-size: 2rem !important;
  }
  .icon-sm-3x {
    font-size: 3rem !important;
  }
  .icon-sm-4x {
    font-size: 4rem !important;
  }
  .icon-sm-5x {
    font-size: 5rem !important;
  }
  .icon-sm-6x {
    font-size: 6rem !important;
  }
  .icon-sm-7x {
    font-size: 7rem !important;
  }
  .icon-sm-8x {
    font-size: 8rem !important;
  }
  .icon-sm-9x {
    font-size: 9rem !important;
  }
  .icon-sm-10x {
    font-size: 10rem !important;
  }
}

@media (min-width: 768px) {
  .icon-md-ss {
    font-size: 0.5rem !important;
  }
  .icon-md-xs {
    font-size: 0.65rem !important;
  }
  .icon-md-sm {
    font-size: 0.75rem !important;
  }
  .icon-md-nm {
    font-size: 0.9rem !important;
  }
  .icon-md-ms {
    font-size: 1.15rem !important;
  }
  .icon-md-md {
    font-size: 1.25rem !important;
  }
  .icon-md-lg {
    font-size: 1.5rem !important;
  }
  .icon-md-xl {
    font-size: 1.75rem !important;
  }
  .icon-md-xxl {
    font-size: 2.25rem !important;
  }
  .icon-md-1x {
    font-size: 1rem !important;
  }
  .icon-md-2x {
    font-size: 2rem !important;
  }
  .icon-md-3x {
    font-size: 3rem !important;
  }
  .icon-md-4x {
    font-size: 4rem !important;
  }
  .icon-md-5x {
    font-size: 5rem !important;
  }
  .icon-md-6x {
    font-size: 6rem !important;
  }
  .icon-md-7x {
    font-size: 7rem !important;
  }
  .icon-md-8x {
    font-size: 8rem !important;
  }
  .icon-md-9x {
    font-size: 9rem !important;
  }
  .icon-md-10x {
    font-size: 10rem !important;
  }
}

@media (min-width: 992px) {
  .icon-lg-ss {
    font-size: 0.5rem !important;
  }
  .icon-lg-xs {
    font-size: 0.65rem !important;
  }
  .icon-lg-sm {
    font-size: 0.75rem !important;
  }
  .icon-lg-nm {
    font-size: 0.9rem !important;
  }
  .icon-lg-ms {
    font-size: 1.15rem !important;
  }
  .icon-lg-md {
    font-size: 1.25rem !important;
  }
  .icon-lg-lg {
    font-size: 1.5rem !important;
  }
  .icon-lg-xl {
    font-size: 1.75rem !important;
  }
  .icon-lg-xxl {
    font-size: 2.25rem !important;
  }
  .icon-lg-1x {
    font-size: 1rem !important;
  }
  .icon-lg-2x {
    font-size: 2rem !important;
  }
  .icon-lg-3x {
    font-size: 3rem !important;
  }
  .icon-lg-4x {
    font-size: 4rem !important;
  }
  .icon-lg-5x {
    font-size: 5rem !important;
  }
  .icon-lg-6x {
    font-size: 6rem !important;
  }
  .icon-lg-7x {
    font-size: 7rem !important;
  }
  .icon-lg-8x {
    font-size: 8rem !important;
  }
  .icon-lg-9x {
    font-size: 9rem !important;
  }
  .icon-lg-10x {
    font-size: 10rem !important;
  }
}

@media (min-width: 1200px) {
  .icon-xl-ss {
    font-size: 0.5rem !important;
  }
  .icon-xl-xs {
    font-size: 0.65rem !important;
  }
  .icon-xl-sm {
    font-size: 0.75rem !important;
  }
  .icon-xl-nm {
    font-size: 0.9rem !important;
  }
  .icon-xl-ms {
    font-size: 1.15rem !important;
  }
  .icon-xl-md {
    font-size: 1.25rem !important;
  }
  .icon-xl-lg {
    font-size: 1.5rem !important;
  }
  .icon-xl-xl {
    font-size: 1.75rem !important;
  }
  .icon-xl-xxl {
    font-size: 2.25rem !important;
  }
  .icon-xl-1x {
    font-size: 1rem !important;
  }
  .icon-xl-2x {
    font-size: 2rem !important;
  }
  .icon-xl-3x {
    font-size: 3rem !important;
  }
  .icon-xl-4x {
    font-size: 4rem !important;
  }
  .icon-xl-5x {
    font-size: 5rem !important;
  }
  .icon-xl-6x {
    font-size: 6rem !important;
  }
  .icon-xl-7x {
    font-size: 7rem !important;
  }
  .icon-xl-8x {
    font-size: 8rem !important;
  }
  .icon-xl-9x {
    font-size: 9rem !important;
  }
  .icon-xl-10x {
    font-size: 10rem !important;
  }
}

@media (min-width: 1400px) {
  .icon-xxl-ss {
    font-size: 0.5rem !important;
  }
  .icon-xxl-xs {
    font-size: 0.65rem !important;
  }
  .icon-xxl-sm {
    font-size: 0.75rem !important;
  }
  .icon-xxl-nm {
    font-size: 0.9rem !important;
  }
  .icon-xxl-ms {
    font-size: 1.15rem !important;
  }
  .icon-xxl-md {
    font-size: 1.25rem !important;
  }
  .icon-xxl-lg {
    font-size: 1.5rem !important;
  }
  .icon-xxl-xl {
    font-size: 1.75rem !important;
  }
  .icon-xxl-xxl {
    font-size: 2.25rem !important;
  }
  .icon-xxl-1x {
    font-size: 1rem !important;
  }
  .icon-xxl-2x {
    font-size: 2rem !important;
  }
  .icon-xxl-3x {
    font-size: 3rem !important;
  }
  .icon-xxl-4x {
    font-size: 4rem !important;
  }
  .icon-xxl-5x {
    font-size: 5rem !important;
  }
  .icon-xxl-6x {
    font-size: 6rem !important;
  }
  .icon-xxl-7x {
    font-size: 7rem !important;
  }
  .icon-xxl-8x {
    font-size: 8rem !important;
  }
  .icon-xxl-9x {
    font-size: 9rem !important;
  }
  .icon-xxl-10x {
    font-size: 10rem !important;
  }
}

a:hover,
a:focus {
  text-decoration: none !important;
}

.checkbox > input:checked ~ span {
  background-color: #1bd1ea !important;
}

.booking-details .checkbox span {
  width: 76px;
  height: 76px;
}

.booking-details .checkbox > input:checked ~ span:after {
  content: none;
}

.booking-details .checkbox.checkbox-lg > span:after {
  content: none;
}

:root {
  /* --animate-delay: 0.3s; */
  --animate-duration: 1s;
}

.form-control-white {
  background: #fff !important;
}

.form-control.is-invalid,
.was-validated .form-control:invalid {
  background-image: url("../imgs/main-page/star.png") !important;
  background-size: 8px;
}

.form-control.is-invalid:focus,
.was-validated .form-control:invalid:focus {
  border-color: #1bd1ea !important;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}

.form-control-gray,
.form-select-gray {
  background: #f5f5f5 !important;
}

.advancedSearchBox {
  bottom: 2%;
  z-index: 50;
}

.advancedSearchBox .example-preview {
  flex-basis: 35%;
}

.advancedSearchBox .modal-content {
  box-shadow: none !important;
  border: none !important;
  background-color: transparent !important;
}

.advancedSearchBox .modal-content .modal-header {
  border: none !important;
}

.advancedSearchBox .modal-content .modal-footer {
  border: none !important;
}

.bootstrap-touchspin .input-group-btn .btn {
  background-color: transparent !important;
  border: none !important;
  color: #2cbedf !important;
  font-size: 20px !important;
}

.select2-dropdown.select2-dropdown--below {
  z-index: 9999999999;
}

.advancedSearchBox .advancedSearchBox-checkbox span {
  min-width: 76px;
  height: 76px;
  background-color: #fff;
  border-radius: 10px !important;
  transition: all 0.3s ease-in-out;
  border: 2px solid transparent !important;
}

.advancedSearchBox .advancedSearchBox-checkbox span::after {
  content: none !important;
}

.advancedSearchBox .checkbox > input:checked ~ span {
  color: #3c3c3b !important;
  background-color: #fff !important;
  border: 2px solid #1cd1ea !important;
}

.advancedSearchBox
.noUi-target.nouislider.nouislider-connect-warning
.noUi-connect {
  background: #1cd1ea !important;
}

.advancedSearchBox .noUi-target .noUi-connect {
  background: #1cd1ea;
}

.advancedSearchBox .noUi-target.noUi-horizontal .noUi-handle {
  background: #1bd1ea;
  border: none;
}

.advancedSearchBox .noUi-target {
  border: none !important;
  height: 2px;
}

.advancedSearchBox .noUi-target.noUi-horizontal .noUi-handle {
  width: 17px;
  height: 17px;
  top: -8px;
  border-radius: 50%;
  outline: none;
}

.advancedSearchBox .modal-dialog-centered {
  max-width: 95% !important;
}

.bookingSpace-details .bookingSpace-details-appointment .dropdown-menu {
  top: 2rem !important;
  min-width: 76% !important;
  padding: 1rem;
  background-color: #f5f5f5;
}

.daterangepicker .drp-calendar {
  max-width: none;
}

.ranges {
  display: none;
}

.bookingSpace-details-appointment .dropdown-toggle.nav-link:after,
.dropdown-toggle.btn:after {
  content: "";
}

.bookingSpace-details-appointment .checkbox .card-title-color {
  background-color: #fff;
}

.bookingSpace-details-appointment .checkbox > input:checked ~ span {
  background-color: #1bd1ea !important;
}

.bookingSpace-details-appointment .checkbox > input:checked ~ span {
  color: #fff !important;
}

.bookingSpace .daterangepicker {
  background-color: #f5f5f5;
  border-radius: 10px;
}

.bookingSpace .calendar-table {
  background-color: #f5f5f5;
  border: none;
}

.filepond--browser.filepond--browser {
  cursor: pointer;
  height: 100%;
}

.bookingSpace
.daterangepicker
.drp-calendar
.table-condensed
thead
tr:last-of-type
th {
  background-color: #fff;
  border-radius: 0;
  color: #bebebe;
}

.table .btn.btn-clean i:hover {
  color: #1bd1ea !important;
}

.bookingSpace .daterangepicker .drp-calendar td {
  color: #1d2634;
}

.bookingSpace .daterangepicker td.off,
.bookingSpace .daterangepicker td.off.in-range,
.bookingSpace .daterangepicker td.off.start-date,
.bookingSpace .daterangepicker td.off.end-date {
  background-color: inherit;
}

.bookingSpace .daterangepicker td.disabled,
.bookingSpace .daterangepicker option.disabled {
  cursor: not-allowed;
  text-decoration: none !important;
  color: #fff !important;
  background: #dedede;
}

.bookingSpace .drp-selected {
  display: block;
  text-align: center;
  margin: 1rem;
}

.specialBookingOption::after {
  content: "";
  position: absolute;
  top: -15px;
  right: 12px;
  border-style: solid;
  border-width: 8px;
  border-color: transparent transparent #26c8e5;
}

.specialBookingOption li {
  transition: all 0.3s ease-in-out;
}

.specialBookingOption li:hover {
  background-color: #24b6d0;
}

/* Complete Booking */

.completeBooking .login.login-3 .login-aside {
  background-color: #1bd1ea !important;
}

.completeBooking .login-content {
  flex-basis: 57% !important;
}

.completeBooking .login-aside {
  flex-basis: 43% !important;
}

/* viewReservations */

.viewReservations .select2-container--default .select2-selection--single {
  background-color: #f5f5f5 !important;
}

.selectGray .select2-container--default .select2-selection--single {
  background-color: #f5f5f5 !important;
}

div.dataTables_wrapper div.dataTables_filter input {
  background-color: #f5f5f5 !important;
}

.switch input:checked ~ span:after {
  opacity: 1;
  color: #ffffff;
  background-color: #1bd1ea;
}

.checkbox-features-box i {
  font-size: 16px !important;
  margin-left: 0.7rem !important;
}

.graySelect .select2-container--default .select2-selection--single {
  background-color: #f5f5f5 !important;
}

.mostBookedReviews-booked-box .swiper-pagination-bullet {
  background-color: #bdbdbd;
}

.mostBookedReviews-booked-box .swiper-pagination-bullet-active {
  background-color: #1bd1ea;
}

.gap-5 {
  gap: 3rem !important;
}

.gap-4 {
  gap: 1.5rem !important;
}

.gap-3 {
  gap: 1rem !important;
}

.gap-2 {
  gap: 0.5rem !important;
}

.gap-1 {
  gap: 0.25rem !important;
}

.gap-0 {
  gap: 0 !important;
}

.sh-effect--delta__overlay {
  left: auto !important;
  right: auto !important;
}

/* personalInformation-data */

.personalInformation-data .is-valid {
  background-image: url("../imgs/main-page/iconmaterial-edit.png");
  background-size: auto;
}

.personalInformation-data .is-invalid {
  color: #fff !important;
  background-color: #e5e5e5;
  background-image: url("../imgs/main-page/icon-metro-blocked.png") !important;
  background-size: auto;
}

.personalInformation-avatar .bg-hover-blue {
  opacity: 0;
  transition: all 0.6s ease-in-out;
}

.alone-pagination span {
  margin: 0 5px;
}

.personalInformation-avatar .image-input:hover .bg-hover-blue {
  opacity: 1;
}

/* chooseBookingAppointment  */

::-webkit-scrollbar {
  width: 8px;
  /* border-radius: 50px; */
}

::-webkit-scrollbar-thumb {
  background-color: #1bd1ea;
  /* border-radius: 50px; */
}

::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgb(0 0 0 / 5%);
}

::-webkit-scrollbar-track {
  /* border-radius: 50px; */
}

.checkbox-features-group.d-flex::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgb(0 0 0 / 0%);
}

.checkbox-features-group.d-flex::-webkit-scrollbar {
  height: 5px;
}

.spaceDecInfo.d-flex::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgb(0 0 0 / 0%);
}

.no-show-bar::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgb(0 0 0 / 0%);
}

.spaceDecInfo.d-flex::-webkit-scrollbar {
  height: 5px;
}

.border-secondary2 {
  border-color: #3c3c3b !important;
}

.sh-effect--delta__overlay {
  width: 100%;
}

.rating {
  display: flex;
  width: 100%;
  justify-content: center;
  overflow: hidden;
  flex-direction: row-reverse;
  position: relative;
}

.rating-0 {
  filter: grayscale(100%);
}

.rating > input {
  display: none;
}

#bookingRateComment::-webkit-input-placeholder {
  color: #a0a0a0 !important;
  font-size: 10px !important;
}

#bookingRateComment::-moz-placeholder {
  color: #a0a0a0 !important;
  font-size: 10px !important;
}

#bookingRateComment:-ms-input-placeholder {
  color: #a0a0a0 !important;
  font-size: 10px !important;
}

#bookingRateComment:-moz-placeholder {
  color: #a0a0a0 !important;
  font-size: 10px !important;
}

.checkbox > span {
  background-color: #fff !important;
  border: 1px solid transparent;
}

.bg-primary {
  background-color: #1cd1ea !important;
}

.rating > label {
  cursor: pointer;
  width: 51px;
  height: 51px;
  margin-top: auto;
  background-image: url("../imgs/main-page/ionic-ios-star-empty.png");
  background-repeat: no-repeat;
  background-position: center;
  transition: 0.3s;
  background-color: #e8e8e8;
}

.rating > input:checked ~ label,
.rating > input:checked ~ label ~ label {
  background-image: url("../imgs/main-page/ionic-ios-star-full.png");
}

.rating > input:not(:checked) ~ label:hover,
.rating > input:not(:checked) ~ label:hover ~ label {
  background-image: url("../imgs/main-page/ionic-ios-star-full.png");
}

.accordion.accordion-toggle-plus .card .card-header .card-title,
.accordion.accordion-toggle-plus .card .card-header .card-title:after {
  color: #1bd1ea !important;
}

.accordion.accordion-toggle-plus .card .card-header .card-title.collapsed,
.accordion.accordion-toggle-plus
.card
.card-header
.card-title.collapsed:after {
  color: #313130 !important;
}

.accordionExample16Special.accordion.accordion-toggle-plus
.card
.card-header
.card-title:after,
.accordionExample16Special.accordion.accordion-toggle-plus
.card
.card-header
.card-title::before {
  content: none !important;
}

.accordion.accordion-toggle-plus.accordionExample16Special
.card
.card-header
.card-title {
  color: #fff !important;
}

.accordion.accordion-toggle-plus.accordionExample16Special
.card
.card-header
.card-title.collapsed {
  color: #3c3c3b !important;
}

.accordion.accordion-solid .card .card-header .card-title {
  background-color: #f5f5f5;
}

.accordionExample16Special .card {
  margin: 0;
  transition: all 0.5s ease-in-out;
}

.accordionExample16Special .card-title.collapsed {
  border-radius: 0px !important;
  background-color: #f5f5f5 !important;
  transition: all 0.5s ease-in-out;
}

.accordionExample16Special .card-title {
  border-radius: 0px !important;
  background-color: #26c8e5 !important;
  transition: all 0.5s ease-in-out;
}

.SpecialSpacesInMobile {
  margin-bottom: 1rem !important;
}

.confirmation-code-container {
  display: flex;
  align-items: center;
  justify-content: center;
}

.confirmation-code-container .confirmation-code-container-code {
  border-radius: 10px;
  font-size: 32px;
  height: 55px;
  width: 55px;
  border: none;
  text-align: center;
  font-weight: 300;
  outline: none !important;
  color: #1bd1ea;
}

.confirmation-code-container .confirmation-code-container-code::placeholder {
  color: #1bd1ea;
}

.confirmation-code-container
.confirmation-code-container-code::-webkit-outer-spin-button,
.confirmation-code-container
.confirmation-code-container-code::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.confirmation-code-container input::-webkit-outer-spin-button,
.confirmation-code-container input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.confirmation-code-container input[type="number"] {
  -moz-appearance: textfield;
}

.swal2-icon.swal2-success .swal2-success-ring {
  border-color: #1bd1ea;
}

.swal2-icon.swal2-success [class^="swal2-success-line"] {
  background-color: #1bd1ea;
}

.swal2-icon.swal2-success [class^="swal2-success-line"] {
  background-color: #1bd1ea;
}

.nav-tab-bookings .active {
  color: #26c8e5 !important;
}

.nav-tab-bookings a:first-of-type::after {
  position: absolute;
  content: "";
  display: block;
  right: 0;
  top: 10px;
  height: 40%;
  width: 1px;
  background-color: #3c3c3b;
}

/* .confirmation-code-container .code:valid {
    box-shadow: 0 10px 10px -5px rgba(0, 0, 0, 0.25);
} */

/*
.feedback {
    max-width: 360px;
    background-color: #fff;
    width: 100%;
    padding: 30px;
    border-radius: 8px;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    align-items: center;
    box-shadow: 0 4px 30px rgba(0, 0, 0, .05);
} */

/* // X-Small devices (portrait phones, less than 576px) */

/* // No media query for `xs` since this is the default in Bootstrap */

/* // Small devices (landscape phones, 576px and up) */

@media (min-width: 576px) {
  .advancedSearchBox {
    bottom: 8%;
    z-index: 99999999;
  }
  .panel {
    width: 60%;
    max-width: 595px !important;
  }
}

/* // Medium devices (tablets, 768px and up) */

@media (max-width: 768px) {
  .w-xs-90 {
    width: 75%;
  }
  .w-xs-90 {
    width: 65%;
  }
  .mainHeaderAtAll .mainHeaderAtAll-logo {
    margin-left: 1rem !important;
  }
  .mainHeaderAtSpacesSite .mainHeaderAtAll-logo {
    margin-left: 1rem !important;
  }
  .loginText {
    color: #1bd1ea !important;
  }
}

@media (min-width: 768px) {
  .w-md-75 {
    width: 75%;
  }
  .w-md-65 {
    width: 65%;
  }
  .progressAccount {
    height: 100vh;
  }
  .width-300px {
    width: 300px;
    margin: auto;
  }
  .beljwarApp .beljwarAppInfo {
    max-width: 275px;
    margin: 0 16%;
  }
  .beljwarApp {
    min-height: 1080px;
  }
  .form-group-gray-260px .select2-selection {
    width: 260px;
  }
  .advancedSearchBox .modal-dialog-centered {
    max-width: 58% !important;
  }
  .advancedSearchBox .ki.ki-close {
    position: absolute;
    top: -50px;
    right: -50px;
  }
  .btn-booking {
    min-width: 260px;
  }
  .bookingSpace-details .bookingSpace-details-appointment .dropdown-menu {
    min-width: 500px !important;
  }
  .swiper-button-next {
    left: 100% !important;
  }
  .swiper-button-prev {
    left: -2% !important;
  }
}

/* // Large devices (desktops, 992px and up) */

@media (min-width: 992px) {
  .w-lg-85 {
    width: 85% !important;
  }
  .w-lg-83 {
    width: 83% !important;
  }
  .aboutUsContent .aboutUsContent-first {
    display: flex;
    height: 100%;
  }
  .aboutUsContent .aboutUsContent-first .aboutUsContent-section {
    flex-basis: 50%;
  }
  .spacesSite .spacesSite-first {
    display: flex;
    height: 100%;
  }
  .spacesSite .spacesSite-first .spacesSite-section:first-of-type {
    flex-basis: 35%;
  }
  .spacesSite .spacesSite-first .spacesSite-section:last-of-type {
    flex-basis: 65%;
  }
  .completeBooking .login.login-3 .login-aside {
    width: 100%;
    max-width: 580px !important;
  }
  .mostBookedReviews-booked-box img {
    max-width: 250px !important;
  }
  .SpacesCategory .mostBookedReviews-booked-box img {
    max-width: 350px !important;
    max-height: 260px !important;
  }
}

@media (max-width: 992px) {
  .menu-nav-custom .menu-text {
    color: #3f4254;
  }
}

/* // X-Large devices (large desktops, 1200px and up) */

@media (min-width: 1200px) {
}

/* // XX-Large devices (larger desktops, 1400px and up) */

@media (min-width: 1400px) {
}