/* Built by `php artisan css:bundle` from:
 *   css/frontend/cookie-banner.css
 *   css/frontend/navbar.css
 *   css/frontend/common.css
 *   css/frontend/home.css
 *
 * Do not edit. Edit a source and run the command again; until you do,
 * the page falls back to loading the four separately (JB-2815).
 */
/* ---- css/frontend/cookie-banner.css ---- */
/* Iubenda cookie banner, restyled after HomeToGo's.
 *
 * The markup belongs to Iubenda and is injected at runtime; this file only
 * restyles it. Desktop: a wide card in the bottom-left corner, the refusal as
 * a quiet link top-right, an X top-left, and the two buttons on one row at the
 * bottom right. Mobile: the same card centred with a margin on either side, so
 * it reads as a card and not as a sheet welded to the screen edges.
 *
 * Selectors double the banner id because Iubenda injects its own stylesheet
 * after ours: on an equal-specificity tie theirs would win.
 *
 * Iubenda writes background, text colour and font size as inline !important
 * styles; those are steered from _iub.csConfiguration in the two head
 * partials, together with the captions and the close button. */

#iubenda-cs-banner#iubenda-cs-banner {
  bottom: 24px !important;
  left: 24px !important;
  right: auto !important;
  /* -10% on the 580 that made the card exactly 16:9 (JB-2810).

     That ratio was not free: measured with the Italian notice, 608 characters at
     10.5px, the card's natural height falls as it widens while 9/16 of the width
     rises, and the two crossed at a 548px card — 580 on the banner, which
     carries a 32px inset. Narrower than that and the text is taller than 16:9
     allows, so the card keeps the whole notice and comes out slightly taller
     than the ratio. The min-height below is still 9/16, so the shape holds
     wherever the text does fit — a shorter language, a wider screen. */
  width: min(522px, calc(100vw - 48px)) !important;
  max-width: 522px !important;
}

/* The card sits at the bottom left, where the search bar drops its panels, so
 * the destination suggestions opened *behind* the notice.
 *
 * The panels are raised rather than the banner lowered: Iubenda writes
 * z-index: 99999998 as an inline !important, which no stylesheet can outrank.
 *
 * Raising the panel alone does nothing — `.jwg-home-banner-search-form` is
 * `position: relative; z-index: 9`, a stacking context its children can never
 * escape — so the whole bar has to come up. That is done only while one of its
 * panels is actually open: otherwise the search bar would paint over the
 * notice's own title and links, which is worse than the problem. The calendar
 * and the Places list are appended to the body, outside that context, so they
 * are raised directly. */
body:has(#iubenda-cs-banner) .jwg-home-banner-search-form:has(.dropdown-menu.show),
body:has(#iubenda-cs-banner) #navbar-contents:has(.dropdown-menu.show) {
  z-index: 99999999 !important;
}

body:has(#iubenda-cs-banner) .daterangepicker,
body:has(#iubenda-cs-banner) .pac-container {
  z-index: 99999999 !important;
}

/* And take the chat out of the way entirely while consent is pending — its
 * greeting covers the buttons. Both come back on their own once the banner is
 * gone: Iubenda removes the element rather than hiding it, so the rule stops
 * matching. Same idea as the GTM snippet that hides the widget while the
 * mobile search mask is open. */
body:has(#iubenda-cs-banner) #chatbase-message-bubbles,
body:has(#iubenda-cs-banner) #chatbase-bubble-button {
  display: none !important;
}

#iubenda-cs-banner#iubenda-cs-banner .iubenda-cs-container {
  width: 100% !important;
}

#iubenda-cs-banner#iubenda-cs-banner .iubenda-cs-content {
  border-radius: 14px !important;
  padding: 12px 14px !important;
  box-shadow: 0 8px 28px rgba(0, 0, 0, 0.22) !important;
  /* 16:9 as a floor rather than as aspect-ratio, which turned out to be a cap:
     Iubenda's own rationale scrolls, so the card kept the ratio and hid the
     second half of the notice behind a scrollbar instead of growing. 276 is
     9/16 of the 490px card. A language longer than Italian makes it taller than
     16:9, which is the right way round for a privacy notice — and at this width
     the Italian notice already does, see the note on the width above. */
  min-height: 276px !important;
  font-family: 'Nunito', -apple-system, sans-serif !important;
}

/* The other half of the gap above the buttons: Iubenda pads the bottom of its
   own content wrapper by 16px, which no amount of margin on the group below
   could undo. */
#iubenda-cs-banner#iubenda-cs-banner .iubenda-banner-content {
  padding-bottom: 8px !important;
}

#iubenda-cs-banner#iubenda-cs-banner .iubenda-cs-rationale {
  position: relative !important;
  max-width: none !important;
  margin: 0 !important;
  /* Iubenda gives this a scrollbar. With the card's height pinned that is where
     half the notice went (JB-2807) — a privacy notice has to be readable
     without being scrolled inside a box the size of a postcard. */
  overflow: visible !important;
  max-height: none !important;
}

/* No styling for .iubenda-cs-close-btn: the X is off. Enabling it makes
 * Iubenda drop the accept button — see the note in the head partials. */

/* The three controls share one height and one radius, so the grey the two
 * quiet ones take on hover is the same oval as the accept button. */
#iubenda-cs-banner#iubenda-cs-banner .iubenda-cs-accept-btn,
#iubenda-cs-banner#iubenda-cs-banner .iubenda-cs-customize-btn,
#iubenda-cs-banner#iubenda-cs-banner .iubenda-cs-reject-btn {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  /* -30% on the height and the side padding. justify-content and
     align-items above are what keep each label in the middle of its own oval,
     and they hold at any size — checked on screen after the change. */
  height: 34px !important;
  min-height: 34px !important;
  padding: 0 20px !important;
  margin: 0 !important;
  border: none !important;
  border-radius: 999px !important;
  font-weight: 700 !important;
  text-decoration: none !important;
  transition: background-color 0.2s ease, opacity 0.3s ease !important;
}

/* Accept: the homepage Search button — same gradient, same shadow, and the
 * same fade on hover (home.css, .jwg-home-banner-search .search-icon). */
#iubenda-cs-banner#iubenda-cs-banner .iubenda-cs-accept-btn {
  background: linear-gradient(135deg, #ff7a59, #e04080) !important;
  background-color: transparent !important;
  box-shadow: 0 2px 8px rgba(224, 64, 128, 0.3) !important;
  color: #fff !important;
  font-size: 11px !important;
}

#iubenda-cs-banner#iubenda-cs-banner .iubenda-cs-accept-btn:hover {
  opacity: 0.9 !important;
}

#iubenda-cs-banner#iubenda-cs-banner .iubenda-cs-customize-btn {
  background: none !important;
  color: #484848 !important;
  font-size: 10.5px !important;
}

/* The refusal, dressed as the quiet link at the top right. width and
 * align-self are load-bearing: the rationale is a stretching flex column, and
 * an absolutely positioned child with auto width came out as wide as the card,
 * which centred the label and put it over the X. */
#iubenda-cs-banner#iubenda-cs-banner .iubenda-cs-reject-btn {
  position: absolute !important;
  top: -4px !important;
  right: 0 !important;
  left: auto !important;
  width: fit-content !important;
  align-self: flex-end !important;
  background: none !important;
  color: #6d6a6a !important;
  font-size: 9px !important;
  padding: 0 12px !important;
}

#iubenda-cs-banner#iubenda-cs-banner .iubenda-cs-customize-btn:hover,
#iubenda-cs-banner#iubenda-cs-banner .iubenda-cs-reject-btn:hover {
  background: #f0f0f0 !important;
}

/* Room for the refusal above the heading. */
#iubenda-cs-banner#iubenda-cs-banner #iubenda-cs-title {
  margin: 22px 0 8px !important;
  padding: 0 !important;
  font-size: 14px !important;
  font-weight: 800 !important;
  line-height: 1.25 !important;
  color: #222222 !important;
}

#iubenda-cs-banner#iubenda-cs-banner #iubenda-cs-paragraph {
  margin-top: 0 !important;
  line-height: 1.55 !important;
}

/* One row, hard right: settings then accept, HomeToGo's order. The DOM order
 * does not give that — the consent group comes out first — so the two are
 * ordered explicitly. */
#iubenda-cs-banner#iubenda-cs-banner .iubenda-cs-opt-group-custom {
  order: 1 !important;
}

#iubenda-cs-banner#iubenda-cs-banner .iubenda-cs-opt-group-consent {
  order: 2 !important;
}

#iubenda-cs-banner#iubenda-cs-banner .iubenda-cs-opt-group {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  /* The two ends of the row, not both hard right: settings on the left, accept
     on the right (JB-2807). The order below is what decides which is which —
     the consent group comes out of the markup first. */
  justify-content: space-between !important;
  gap: 6px !important;
  /* Half the gap above the row of buttons — the gap on screen, not the margin.
     It was 30px: 14 here and 16 of padding under Iubenda's own content wrapper,
     so halving this property alone got it to 23. Both are cut (JB-2810). */
  margin-top: 7px !important;
  float: none !important;
}

#iubenda-cs-banner#iubenda-cs-banner .iubenda-cs-opt-group > div {
  margin: 0 !important;
  float: none !important;
  width: auto !important;
}

/* No Iubenda badge on the card. */
#iubenda-cs-banner#iubenda-cs-banner .iubenda-cs-brand {
  display: none !important;
}

/* Mobile: the card sits in the middle of the screen rather than against the
 * bottom edge, its type is smaller, and the refusal moves down between the two
 * buttons instead of hanging above the heading (JB-2799). */
@media (max-width: 767px) {
  /* Centred on both axes. The banner spans the viewport and centres its own
     content — an anchored `bottom` plus a transform would fight the inline
     positioning Iubenda writes on this element. */
  #iubenda-cs-banner#iubenda-cs-banner {
    left: 0 !important;
    right: 0 !important;
    top: 0 !important;
    bottom: 0 !important;
    width: auto !important;
    max-width: none !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 12px !important;
    pointer-events: none !important;
  }

  #iubenda-cs-banner#iubenda-cs-banner .iubenda-cs-container {
    pointer-events: auto !important;
  }

  /* Solid white. It was translucent for a while and the page behind showed
     through a privacy notice, which is the one place that has to be plainly
     readable. */
  #iubenda-cs-banner#iubenda-cs-banner .iubenda-cs-content {
    border-radius: 20px !important;
    padding: 20px !important;
    box-shadow: 0 8px 40px rgba(0, 0, 0, 0.25) !important;
    background: #ffffff !important;
    /* 16:9 is a desktop shape. On a phone the card is a portrait stack, so the
       floor that produces it is lifted here (JB-2807). */
    min-height: 0 !important;
  }

  /* Type down by 30%, every size that is set explicitly — the card's own, the
     heading, the paragraph and the three controls. */
  #iubenda-cs-banner#iubenda-cs-banner .iubenda-cs-content {
    font-size: 10px !important;
  }

  #iubenda-cs-banner#iubenda-cs-banner #iubenda-cs-title {
    font-size: 14px !important;
    margin: 0 0 10px !important;
  }

  #iubenda-cs-banner#iubenda-cs-banner #iubenda-cs-paragraph {
    font-size: 10px !important;
  }

  /* The three labels keep the size they had before the card's type came down:
     the body text is what shrank, not the controls. */
  /* The height is stated here as well. It used to come from the desktop rule,
     and when that went down to 34px (JB-2806) these two would have followed
     while the refusal below kept its own 48px — three controls, two heights. */
  #iubenda-cs-banner#iubenda-cs-banner .iubenda-cs-accept-btn,
  #iubenda-cs-banner#iubenda-cs-banner .iubenda-cs-customize-btn {
    height: 48px !important;
    min-height: 48px !important;
    padding: 0 28px !important;
  }

  #iubenda-cs-banner#iubenda-cs-banner .iubenda-cs-accept-btn {
    font-size: 16px !important;
  }

  #iubenda-cs-banner#iubenda-cs-banner .iubenda-cs-customize-btn {
    font-size: 15px !important;
  }

  /* The refusal joins the stack. It is absolutely positioned above the heading
     on desktop; here it goes back into the flow and sits between the other two,
     which is why the consent group becomes a column of its own. */
  #iubenda-cs-banner#iubenda-cs-banner .iubenda-cs-opt-group-consent {
    display: flex !important;
    flex-direction: column !important;
    gap: 4px !important;
  }

  #iubenda-cs-banner#iubenda-cs-banner .iubenda-cs-reject-btn {
    position: static !important;
    order: 2 !important;
    width: 100% !important;
    align-self: stretch !important;
    height: 48px !important;
    min-height: 48px !important;
    font-size: 13px !important;
    padding: 0 !important;
    /* The label sits in the middle of its own oval, like the other two: the
       desktop rule pins this button to a corner and left-aligns it there. */
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
  }

  #iubenda-cs-banner#iubenda-cs-banner .iubenda-cs-accept-btn {
    order: 1 !important;
  }

  /* Stacked and full width: at this width a row of two would crowd. Accept on
   * top, settings under it — the desktop order reads left-to-right, this one
   * top-to-bottom, so the two swap. */
  #iubenda-cs-banner#iubenda-cs-banner .iubenda-cs-opt-group {
    flex-direction: column !important;
    align-items: stretch !important;
    /* space-between is a desktop rule and this is a column: left there, it
       would spread the three controls down the card instead of stacking them. */
    justify-content: flex-start !important;
    gap: 4px !important;
  }

  #iubenda-cs-banner#iubenda-cs-banner .iubenda-cs-opt-group-consent {
    order: 1 !important;
  }

  #iubenda-cs-banner#iubenda-cs-banner .iubenda-cs-opt-group-custom {
    order: 2 !important;
  }

  #iubenda-cs-banner#iubenda-cs-banner .iubenda-cs-opt-group > div {
    width: 100% !important;
  }

  #iubenda-cs-banner#iubenda-cs-banner .iubenda-cs-accept-btn,
  #iubenda-cs-banner#iubenda-cs-banner .iubenda-cs-customize-btn {
    display: flex !important;
    width: 100% !important;
  }
}


/* ---- css/frontend/navbar.css ---- */
.custom-navbar .bg-white {
  background-color: #fff !important;
  box-shadow: #63636312 0px 2px 3px 0px;
  width: 100%;
  top: 0;
  z-index: 9999;
}

.custom-navbar .site-logo {
  width: 180px;
  height: 50px;
}

@media screen and (max-width: 576px) {
  .custom-navbar .site-logo {
    width: 150px;
  }
  .custom-navbar .bg-white {
    box-shadow: none;
  }
}

@media screen and (max-width: 900px) {
  .custom-navbar .site-logo {
    width: 140px;
  }
}

.custom-navbar .navbar-toggler {
  padding: 10px 0px 0px 10px !important;
  border-radius: 10px;
}

@media screen and (min-width: 1000px) {
  .custom-navbar .navbar-toggler {
    display: none;
  }
}

.custom-navbar .header-profile-img {
  width: 32px;
  height: 32px;
}

.custom-navbar .header-profile-img img {
  border-radius: 50px;
}

.custom-navbar .header-profile {
  border: 1px solid #dddddd;
  border-radius: 25px;
  padding: 8px 8px 8px 14px;
  transition: 0.2s all;
}

.custom-navbar .header-profile:hover {
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.18);
}
.custom-navbar .header-profile:active, #nav-search-icon:active {
   transform: scale(0.95);
  transition: box-shadow 0.2s cubic-bezier(0.2, 0, 0, 1), transform 0.1s cubic-bezier(0.2, 0, 0, 1);
}
.custom-navbar .search-icon:active {
  transform: scale(0.90);
  transition: box-shadow 0.2s cubic-bezier(0.2, 0, 0, 1), transform 0.1s cubic-bezier(0.2, 0, 0, 1);
}
.custom-navbar .navbar-brand,
.custom-navbar .become-host-div {
  z-index: 99;
  position: relative;
  display: block;
  width: fit-content;
}

.custom-navbar .become-host-div .nav-link {
  transition: 0.2s all;
  padding: 10px;
  border-radius: 50px;
  border: none;
}

.custom-navbar .become-host-div .nav-link:hover {
  background-color: RGBA(var(--black, 0, 0, 0), 0.1);
}

.custom-navbar .navbar-center-box {
  box-shadow: 0px 5px 10px #00000014;
  border: 1px solid #dddddd;
  border-radius: 50px;
  padding: 8px;
  cursor: pointer;
}

@media screen and (max-width: 576px) {
  .custom-navbar .navbar-center-box {
    padding: 5px 8px;
    border-radius: 60px;
    width: calc(100% - 1rem);
    margin: auto;
    box-shadow: none;
  }
}

.custom-navbar .navbar-center-box .header-search-div {
  padding: 0 10px;
}

@media screen and (max-width: 576px) {
  .custom-navbar .navbar-center-box .header-search-div {
    padding: 0;
  }
}

.custom-navbar .navbar-center-box span {
  font-size: 0.875rem;
}

.custom-navbar .navbar-center-box .any-week {
  position: relative;
  white-space: nowrap;
  display: inline-block;
  width: auto;
}

.custom-navbar .navbar-center-box .any-week::before {
  position: absolute;
  content: '';
  left: 0;
  height: 20px;
  background: #ebebeb;
  top: 50%;
  width: 1px;
  transform: translateY(-50%);
}

.custom-navbar .navbar-center-box .any-week::after {
  position: absolute;
  content: '';
  right: 0;
  height: 20px;
  background: #ebebeb;
  top: 50%;
  width: 1px;
  transform: translateY(-50%);
}

.custom-navbar .search-icon {
  background-color: #ff7a59;
  width: 30px;
  min-width: 30px;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50px;
}

@media screen and (max-width: 576px) {
  .custom-navbar .search-icon {
    width: 40px;
    min-width: 40px;
    height: 40px;
  }
}

.custom-navbar .search-icon i {
  color: #fff;
}

.custom-navbar .search-icon.inside-search {
  height: 50px;
  min-width: 110px;
  color: white;
}

.custom-navbar .select-search-fixed {
  position: fixed;
  background-color: #fff;
  z-index: 9;
  width: 100%;
  padding: 28px 0 40px 0;
  top: 0;
  box-shadow: #63636312 0px 2px 3px 0px;
  transform: translateY(-200px) scale(0.7);
  transition: 0.3s all;
  left: 0;
}

.custom-navbar .select-search-fixed .place-online-ul {
  padding: unset;
  display: flex;
  list-style-type: none;
  justify-content: center;
  margin-bottom: unset;
}

.custom-navbar .select-search-fixed .place-online-ul li {
  margin: 0 12px;
  position: relative;
}

.custom-navbar .select-search-fixed .place-online-ul li a {
  color: #767676;
  font-size: 0.875rem;
}

.custom-navbar .select-search-fixed .place-online-ul li.active a {
  color: #222222;
  font-weight: 500;
  font-size: 0.875rem;
}

.custom-navbar .select-search-fixed .place-online-ul li.active::before {
  content: '';
  position: absolute;
  top: 50%;
  left: -13px;
  width: 7px;
  height: 7px;
  border-radius: 50px;
  background-color: #222222;
  transform: translateY(-50%);
}

.custom-navbar .select-search-fixed .nav-inputs .location-padd {
  margin: 10px 0px 10px 25px;
  position: relative;
  text-align: left;
  height: 50px;
}
.custom-navbar .select-search-fixed .nav-inputs .border-search-right {
  border-right: 1px solid #dddddd;
}

.custom-navbar .select-search-fixed .nav-inputs .location-padd .form-control {
  font-size: 0.875rem;
}

.custom-navbar .select-search-fixed .nav-inputs .form-control {
  border: unset;
  background: unset;
  padding: unset;
  cursor: pointer;
}

.custom-navbar .select-search-fixed .nav-inputs .form-control::-moz-placeholder {
  color: #767676;
}

.custom-navbar .select-search-fixed .nav-inputs .form-control::placeholder {
  color: #767676;
}

.custom-navbar .select-search-fixed .nav-inputs .nav-input-flex {
  background: #fcfcfc 0% 0% no-repeat padding-box;
  border: 1px solid #ebebeb;
  border-radius: 42px;
  max-width: 1080px;
}

.custom-navbar .select-search-fixed .nav-inputs .nav-input-flex .active {
  background: #ffffff 0% 0% no-repeat padding-box !important;
  box-shadow: 0px 2px 10px #0000001a !important;
  border-radius: 42px;
  transition: 0.2s all;
  z-index: 100;
}

.custom-navbar .select-search-fixed .nav-inputs .nav-input-child:hover {
  background: #00000017 0% 0% no-repeat padding-box;
  box-shadow: 0px 0px 3px #0000001a;
  border-radius: 42px;
  padding: 0 1px;
}

/* .custom-navbar
    .select-search-fixed
    .nav-inputs
    .nav-input-child.active
    .form-control {
    padding: 0 25px 0 0 !important;
} */

.custom-navbar .select-search-fixed .nav-inputs .suggest-location-div {
  /* width: calc(100% + 10vw); */
  padding: 0 !important;
  top: 78%;
  left: auto;
  position: fixed;
}

.custom-navbar .select-search-fixed .nav-inputs .suggest-location {
  padding: 5px 20px 0 20px;
  max-height: 500px;
  overflow-y: auto;
  min-height: -moz-max-content;
  min-height: max-content;
  /* width */
  /* Track */
  /* Handle */
}

@media screen and (min-width: 1730px) {
  .custom-navbar .select-search-fixed .nav-inputs .suggest-location {
    max-height: 450px;
  }
}

.custom-navbar .select-search-fixed .nav-inputs .suggest-location::-webkit-scrollbar {
  width: 6px;
  overflow: hidden;
}

.custom-navbar .select-search-fixed .nav-inputs .suggest-location::-webkit-scrollbar-track {
  background: #f1f1f1;
  border-radius: 35px;
  border: 1px solid #80808012;
}

.custom-navbar .select-search-fixed .nav-inputs .suggest-location::-webkit-scrollbar-thumb {
  background: #88888845;
  border-radius: 50px;
}

.custom-navbar .select-search-fixed .nav-inputs .suggest-location .suggest-box {
  cursor: pointer;
}

.custom-navbar .select-search-fixed .nav-inputs .suggest-location .suggest-box p {
  font-size: 0.875rem !important;
}

.custom-navbar .select-search-fixed .nav-inputs .suggest-location .suggest-box .suggest-box-img {
  width: 100%;
  height: 100px;
}

.custom-navbar .select-search-fixed .nav-inputs .suggest-location .suggest-box .suggest-box-img img {
  border-radius: 15px;
}

.custom-navbar .mob-anywhere span {
  position: relative;
  top: 1px;
}

.custom-navbar .mob-anywhere p {
  position: relative;
  top: -1px;
}

.custom-navbar .offcanvas {
  z-index: 99999 !important;
}

.custom-navbar .room-search-canvas-mob {
  /* 100vh on iOS is the viewport with the browser bars retracted, so a panel
     that tall runs under Safari's toolbar and takes its Search button with it:
     the tap lands on the browser, and the button looks dead. dvh is the area
     actually visible; the vh line stays for anything that does not know it. */
  height: 100vh !important;
  height: 100dvh !important;
  overflow-y: auto;
  background-color: #f7f7f7;
}

.custom-navbar .room-search-canvas-mob .accordion-item {
  border-radius: 16px;
  box-shadow:
    0 1px 2px #0000000d,
    0 4px 6px #00000008;
  margin-bottom: 20px;
}

.custom-navbar .room-search-canvas-mob .accordion-flush .accordion-item .accordion-button,
.custom-navbar .room-search-canvas-mob .accordion-flush .accordion-item .accordion-button.collapsed {
  border-radius: 20px;
}

.custom-navbar .room-search-canvas-mob .accordion-button:not(.collapsed)::after,
.custom-navbar .room-search-canvas-mob .accordion-button::after {
  display: none;
}

.custom-navbar .room-search-canvas-mob .accordion-button:not(.collapsed) {
  background-color: #fff !important;
  box-shadow: unset !important;
  border-top-left-radius: 20px !important;
  border-top-right-radius: 20px !important;
}

.custom-navbar .room-search-canvas-mob .accordion-button {
  font-size: clamp(1.2rem, 1.6vw, 1.7rem) !important;
  transition: 0.2s all;
  font-weight: 800;
  color: #222222 !important;
}

.custom-navbar .room-search-canvas-mob .accordion-button.collapsed {
  font-size: clamp(1rem, 1.25vw, 1.1rem) !important;
  transition: 0.2s all;
  font-weight: 400;
}

.custom-navbar .room-search-canvas-mob .accordion-body {
  padding-top: unset;
}

.custom-navbar .room-search-canvas-mob .nav-pills li {
  margin: 0 10px;
}

.custom-navbar .room-search-canvas-mob .nav-pills .nav-link.active {
  background: unset;
  color: #222222;
  font-weight: 600;
  border-bottom: 2px solid #222222;
  border-radius: unset;
  padding: 0px 0 3px 0;
}

.custom-navbar .room-search-canvas-mob .nav-pills .nav-link {
  background: unset;
  color: #717171;
  border-radius: unset;
  padding: 0px 0 3px 0;
}

/* .custom-navbar .room-search-canvas-mob .where-to-go-div .search-region-mob {
    display: flex;
    gap: 15px;
    overflow-x: auto;
} */

.custom-navbar .room-search-canvas-mob .where-to-go-div .search-region-mob::-webkit-scrollbar {
  display: none;
}

.custom-navbar .room-search-canvas-mob .where-to-go-div .search-region-mob .search-region-img {
  width: 100px;
  height: 100px;
}

.custom-navbar .room-search-canvas-mob .where-to-go-div .search-region-mob .search-region-img img {
  border-radius: 12px;
}

.custom-navbar .room-search-canvas-mob .clear-search-footer {
  position: fixed;
  width: 100%;
  bottom: 0;
  border-top: 1px solid #0000000d;
  padding: 8px 16px calc(env(safe-area-inset-bottom) + 8px);
  background: #fff;
  left: 0;
  padding: 22px 16px;
}

.custom-navbar .room-search-canvas-mob .clear-search-footer a {
  -webkit-text-decoration-color: #222222 !important;
  text-decoration-color: #222222 !important;
  color: #222222;
}

.custom-navbar .room-search-canvas-mob .clear-search-footer i {
  color: #fff !important;
}

.custom-navbar .room-search-canvas-mob .clear-search-footer .btn-pink {
  border-radius: 7px !important;
  height: 48px !important;
}

.custom-navbar .room-search-canvas-mob .clear-search-footer .btn-pink span {
  color: #fff;
}

.custom-navbar .profile-menu-side .profile-img {
  width: 60px;
  height: 60px;
}

.custom-navbar .profile-menu-side .profile-img img {
  border-radius: 50px;
  border: 3px solid #fff;
  box-shadow: #64646f2b 0px 2px 10px 0px;
}

.custom-navbar .profile-menu-side .profile-menu-ul {
  list-style-type: none;
  padding: unset;
}

.custom-navbar .profile-menu-side .profile-menu-ul li {
  margin: 0 0 5px 0;
  padding: 8px 1rem;
}

.custom-navbar .profile-menu-side .profile-menu-ul li.active {
  position: relative;
  line-height: 2.2;
}

.custom-navbar .profile-menu-side .profile-menu-ul li.active a {
  position: relative;
}

.custom-navbar .profile-menu-side .profile-menu-ul li.active a i,
.custom-navbar .profile-menu-side .profile-menu-ul li.active a span {
  color: #fff;
}

.custom-navbar .profile-menu-side .profile-menu-ul li.active::before {
  content: '';
  position: absolute;
  top: 0;
  width: calc(50vw + 25px);
  height: 50px;
  background-color: #ff7a59;
  border-radius: 0px 10px 10px 0px;
  left: -20px;
}

@media screen and (min-width: 577px) and (max-width: 1000px) {
  .custom-navbar .profile-menu-side .profile-menu-ul li.active::before {
    width: calc(25vw + 25px);
  }
}

.custom-navbar .profile-menu-side .profile-menu-ul a {
  color: var(--bs-dropdown-link-color);
}

.search-dest-div {
  border-radius: 12px !important;
  border: 1px solid #b0b0b0 !important;
  background: white !important;
  padding: 10px 2px;
  position: relative;
}

.search-dest-div .form-control,
.search-dest-div .form-select {
  border: unset;
  border-radius: 12px;
  padding-left: unset;
}

.google-nav-result {
  padding: unset !important;
  list-style-type: none;
  margin: unset;
  display: none;
  margin-bottom: 0 !important;
}

.google-nav-result li {
  display: flex;
  padding: 10px;
  border-bottom: 1px solid #80808024;
  cursor: pointer;
  margin: unset !important;
  align-items: center;
}

.google-nav-result li:hover {
  background-color: #ff7a59;
  /* color: #fff; */
  border-radius: 8px;
}

.google-results-mob {
  padding: unset !important;
  list-style-type: none;
  display: none;
  margin-bottom: 0 !important;
}

.google-results-mob li {
  padding: 5px 0;
  border-bottom: 1px solid #80808024;
  cursor: pointer;
  margin: unset !important;
}

.google-results-mob li:hover {
  background-color: #ff7a59;
  color: #fff;
  border-radius: 5px;
}

.sep-search-input .form-control::-moz-placeholder {
  font-weight: 600;
  color: #222222;
}

.sep-search-input .form-control::placeholder {
  font-weight: 600;
  color: #222222;
}

.expand-nav {
  transform: translateY(0px) !important;
}

.cancelBtn {
  border-color: #222222 !important;
  color: #222222 !important;
}

.applyBtn {
  background-color: #222222 !important;
  border-color: #222222 !important;
}

.place-online-ul {
  font-size: initial;
}

.profile-dropdown-main ul {
  max-height: 85vh;
  overflow-y: auto;
}

.subnav .subnav-item {
  /*    font-weight: bold;*/
}

.google-results-mob li {
  display: flex;
}
.mobile-logo img {
  filter: brightness(1) invert(0) !important;
}
.location-close-icon {
  position: absolute;
  right: 15px;
  bottom: 25%;
  transform: translateY(-100%);
  opacity: 0;
  display: block;
  fill: none;
  height: 12px;
  width: 12px;
  stroke: currentcolor;
  stroke-width: 4;
  overflow: visible;
  cursor: pointer;
}
.date-close-icon-home,
.guest-close-icon-home {
    position: absolute;
    right: 10px;
    bottom: 40%;
    transform: translateY(-100%);
    opacity: 0;
    display: block;
    fill: none;
    height: 8px;
    width: 8px;
    stroke: black;
    stroke-width: 6px;
    overflow: visible;
    cursor: pointer;
}
.form-label-css {
  margin-bottom: 0px !important;
  font-size: 0.9rem !important;
}
.nav-link-css {
  display: block;
  height: 16px;
  width: 16px;
  fill: currentcolor;
}
.header-profile-svg {
  display: block;
  fill: none;
  height: 16px;
  width: 16px;
  stroke: currentcolor;
  stroke-width: 3;
  overflow: visible;
}
.d-contents {
  display: contents;
}
.text-webkitCenter {
  text-align: -webkit-center;
}
#guests-nav {
  width: 80px;
  padding: 0 12px 2px 0 !important;
}
.font-family-circular-light {
  font-family: 'circular-air-light', sans-serif !important;
}
.navbar-background {
  background: #dddddd6e !important;
}
.location-hover:hover {
  background: #00000017 0% 0% no-repeat padding-box;
  box-shadow: 0px 0px 3px #0000001a;
  border-radius: 42px;
}
.close-icon-header {
  bottom: 10% !important;
  right: 25px !important;
  cursor: pointer;
  display: block;
  fill: none;
  height: 12px;
  width: 12px;
  stroke: currentcolor;
  stroke-width: 4;
  overflow: visible;
}
.guest-close-icon-header {
  bottom: 10% !important;
  right: 65% !important;
  cursor: pointer;
}
@media only screen and (min-width: 1200px) {
  .logo-width {
    width: 340px;
  }
  #nav-bar-header .daterangepicker {
    left: 0 !important;
    max-width: 100%;
    transform-origin: top left;
    right: 0 !important;
    padding: 0px 24% !important;
    width: 100% !important;
  }
  .jwg-home-banner-search-form-inner .daterangepicker {
    left: 0 !important;
    max-width: 100%;
    transform-origin: top left;
    right: 0 !important;
    /* padding: 0px 24%; */
    width: 100% !important;
    margin-top: 22px !important;
    justify-content: center;
  }
}
.daterangepicker td.active,
.daterangepicker td.active:hover {
  background-color: #222 !important;
  border-color: transparent !important;
  color: #fff !important;
}
.custom-navbar .select-search-fixed .nav-inputs .nav-input-flex .daterangepicker td.active {
  background-color: #222 !important;
  border-color: transparent !important;
  color: #fff !important;
}
.google-auto-arrows {
  position: sticky;
  left: 100%;
  top: 0;
  /* margin-right: -10px; */
  font-size: small;
}
.home-location-tab li i.bi-chevron-right {
  display: none;
  position: sticky;
  left: 100%;
  top: 0;
  margin-right: -10px;
  font-size: small;
}

/* Show the icon on li hover */
.home-location-tab li:hover i.bi-chevron-right {
  display: inline-block;
}
body.modal-open {
  overflow: auto !important;
  padding-right: 0 !important;
}
.location-hover:hover .border-search-right {
  border-right: none !important;
}
/* .nav-input-child-checkIn:hover .border-search-right{
    border-right: none !important;
  } */
.nav-input-child-checkIn:hover .border-search-right {
  border-right: none !important;
}

.nav-input-child-checkOut:hover .border-search-right {
  border-right: none !important;
}
.action-navbar {
  max-width: 50%;
}
.guests {
  white-space: nowrap;
  display: inline-block;
  width: auto;
}
.btn-close-login {
  position: absolute;
  right: 16px;
}
.header-guest-dropdown {
  right: -2px !important;
  top: calc(100% + 10px) !important;
  left: -190px !important;
  padding: 30px !important;
}
.header-guest-dropdown ul li:hover {
  background-color: white !important;
}
.header-guest-dropdown ul {
  max-height: max-content !important;
}
.location-hover-checkin,
.location-hover-checkin-right {
  position: relative;
}
.location-hover-checkin::before {
  content: '';
  position: absolute;
  right: -30px;
  top: 0;
  width: 0;
  height: 100%;
  background: #dcd9d9;
  /* box-shadow: 0px 0px 3px #0000001a; */
  /* transition: width 0.3s ease; */
}
.location-hover-checkin-right::before {
  content: '';
  position: absolute;
  left: -30px;
  top: 0;
  width: 0;
  height: 100%;
  background: #dcdcdc;
  /* box-shadow: 0px 0px 3px #0000001a; */
  /* transition: width 0.3s ease; */
}
.location-hover-checkin:hover::before,
.location-hover-checkin-right:hover::before {
  width: 65px;
}

#checkin-nav::placeholder,
#location-nav::placeholder,
#checkout-nav::placeholder,
#guests-nav::placeholder {
  color: black;
  font-weight: normal; /* Ensure it's not bold by default */
}

.nav-input-child.active input::placeholder {
  color: #777777 !important; /* Default placeholder color */
  font-weight: normal; /* Remove bold */
}

.position_relative {
  position: relative;
}

.dropdown-menu.custom-dropdown-ul.guest-scroll.suggest-location-div.row.show {
  display: flex !important;
  max-width: 1080px;
  width: 100vw;
}

.daterangepicker {
  z-index: 100000 !important;
}

.value-button-guest-ui,
.value-button-mobile {
    display: inline-block;
    border: 1px solid black;
    margin: 0px;
    border-color: black !important;
    text-align: center;
    vertical-align: middle;
    padding: 0px;
    color: #6a6a6a;
    background: transparent;
    font-size: 20px;
    border-radius: 50%;
    width: 30px;
    font-family: 'circular-air-light', sans-serif !important;
    height: 30px;
    touch-action: manipulation;
    -webkit-tap-highlight-color: transparent;
    line-height: 28px;
}

.value-button-guest-ui[disabled],
.value-button-mobile[disabled] {
  opacity: 0.2;
  cursor: default;
  cursor: not-allowed;
}

.value-button-guest-ui:hover,
.value-button-guest-ui:active,
.value-button-guest-ui:focus,
.value-button-guest-ui:not(:disabled):not(.disabled):active,
.value-button-guest-ui:not(:disabled):not(.disabled):active:focus {
  background: none;
}

/* .value-button-guest-ui:active,
.value-button-guest-ui:not(:disabled):not(.disabled):active,
.value-button-guest-ui:not(:disabled):not(.disabled):active:focus {
    box-shadow: 0 0 2px 2px #008489;
} */

.value-btn-wrap input {
  display: inline-block;
  width: 40px;
  text-align: center;
  font-size: 20px;
  border: none;
  padding: 0px 8px;
  vertical-align: middle;
  margin: 0 !important;
}

.mobile-header-message-count {
  border-radius: 50%;
  color: #fff;
  background: #f00;
  padding: 3px;
  font-size: 12px;
  display: inline-block;
  font-style: normal;
  font-weight: 600;
  position: absolute;
  text-align: center;
  top: 5%;
  /* right: -60%; */
  min-width: 20px;
  min-height: 20px;
  line-height: 13px;
  margin-left: 5px;
}

.custom-dropdown-ul li:hover i.mobile-header-message-count {
  color: #fff !important;
}

/* iOS Safari: previene l'auto-zoom al focus degli input (soglia < 16px).
   Input mobile "Search Destinations" (#mob-location-nav) usa .fs-14 (~14.4px).
   Forzato a 16px solo su mobile, senza toccare il meta viewport. */
@media (max-width: 991.98px) {
  #mob-location-nav.form-control {
    font-size: 16px !important;
  }
}

/* ── Language and currency in one dialog (JB-2781) ───────────────────────────
   Two things fight these rules and both are worth knowing.

   1. detail.css:1977 carries `* { border-color: #dddddd !important }`. A
      universal !important beats any specificity, so every `transparent` border
      here came out grey — the tabs looked like 2005 tab boxes and each list
      item got a box around it. The border colours below are !important for
      that reason alone; nothing else on the page needs them to be.

   2. The modal keeps both legacy classes so old triggers still open it, which
      means common.css applies its `.alllanguage` AND `.allcurrency` rules to
      both lists. The currency block sits later and its width: 32% beat the
      language block's 22%. These rules are scoped by pane id instead. */
/* Scoped by id throughout: common.css carries `.allcurrency .modal-header
   { padding: 1.5rem 1rem }`, two classes, which beat a single-class rule here
   and left 21px between the active tab's underline and the divider. */
#langCurrencyModal .jwg-lc-header {
    display: block;
    /* No bottom padding: the tab's own underline has to land on the divider,
       the way it does in the reference. */
    padding: 24px 24px 0;
    border-bottom: 1px solid #ebebeb;
    position: relative;
}
#langCurrencyModal .jwg-lc-header .btn-custom-close {
    position: absolute !important;
    top: 20px;
    left: 24px;
    right: auto !important;
}
#langCurrencyModal .jwg-lc-tabs.nav-tabs {
    border-bottom: 0;
    /* 68px clears the 36px close button by roughly its own height, which is the
       breathing room the reference leaves between the two. At 34px they
       overlapped by 4px. */
    margin: 68px 0 0;
    padding: 0;
    justify-content: flex-start;
}
#langCurrencyModal .jwg-lc-tabs.nav-tabs .nav-item {
    /* Something upstream stretches these — the two labels ended up at opposite
       ends of a 1040px header instead of sitting side by side. */
    flex: 0 0 auto;
    width: auto;
}
#langCurrencyModal .jwg-lc-tabs.nav-tabs .nav-item + .nav-item {
    /* Spacing as a margin rather than the container's gap: .nav sets its own
       gap later in bootstrap and the two tabs ended up almost touching. */
    margin-left: 28px;
}
#langCurrencyModal .jwg-lc-tabs.nav-tabs .nav-link {
    border-width: 0 0 2px;
    border-style: solid;
    border-color: transparent !important;
    border-radius: 0;
    padding: 0 0 14px;
    font-size: 16px;
    font-weight: 500;
    color: #717171;
    background: none;
}
#langCurrencyModal .jwg-lc-tabs.nav-tabs .nav-link:hover {
    color: #222222;
}
#langCurrencyModal .jwg-lc-tabs.nav-tabs .nav-link.active {
    color: #222222;
    font-weight: 600;
    border-bottom-color: #222222 !important;
    background: none;
}
.jwg-lc-title {
    font-size: 22px;
    font-weight: 600;
    margin: 8px 0 20px;
    color: #222222;
}
/* Wider, so the currencies sit five to a row the way the reference does
   instead of three. max-width alone does nothing here: bootstrap sets
   `--bs-modal-width: 800px` on .modal-lg and detail.css pins the dialog with
   `width: var(--bs-modal-width)`, so the width is the variable. Setting the
   variable is both the fix and the idiomatic way to size a Bootstrap 5 modal. */
#langCurrencyModal .modal-dialog {
    /* On the dialog, not on the modal: bootstrap declares the variable on
       .modal-lg, which IS this element, and a value set on the descendant
       beats one inherited from its ancestor. */
    --bs-modal-width: 1040px;
    max-width: 1040px;
}
#langCurrencyModal .modal-body {
    padding: 20px 24px 28px;
}
/* One grid for both lists: the columns come from the available width rather
   than a percentage per list, so language and currency line up the same way
   and neither needs its own breakpoint. */
#langCurrencyPaneLanguage .language-option ul,
#langCurrencyPaneCurrency .language-option ul {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));
    gap: 2px 8px;
    margin: 0;
    padding: 0;
    list-style: none;
}
#langCurrencyPaneLanguage .language-option li,
#langCurrencyPaneCurrency .language-option li {
    display: block;
    width: auto;
    padding: 0;
    border-width: 0 !important;
    border-color: transparent !important;
}
#langCurrencyPaneLanguage .language-option li a,
#langCurrencyPaneCurrency .language-option li a {
    display: block;
    padding: 10px 12px;
    border-radius: 8px;
    border: 1px solid transparent;
    border-color: transparent !important;
    color: #222222;
    line-height: 1.35;
}
#langCurrencyPaneLanguage .language-option li a:hover,
#langCurrencyPaneCurrency .language-option li a:hover {
    background: #f7f7f7;
}
#langCurrencyPaneLanguage .language-option li.active a,
#langCurrencyPaneCurrency .language-option li.active a {
    border-color: #222222 !important;
    font-weight: 600;
}
@media (max-width: 1100px) {
    #langCurrencyModal .modal-dialog {
        --bs-modal-width: calc(100% - 32px);
        max-width: calc(100% - 32px);
    }
}
@media (max-width: 575px) {
    .jwg-lc-header {
        padding: 18px 16px 0;
    }
    #langCurrencyModal .modal-body {
        padding: 16px;
    }
    #langCurrencyPaneLanguage .language-option ul,
    #langCurrencyPaneCurrency .language-option ul {
        grid-template-columns: repeat(auto-fill, minmax(145px, 1fr));
    }
}

/* The language globe, centred between the last word of the nav and the profile
   button (JB-2783). Measured: 26px from the final glyph of "Inizia a ospitare"
   to the icon, 10px from the icon to the button's border — the box either side
   is symmetric, the ink is not, because the nav link before it carries 16px of
   right padding and the button carries none.

   So the box stays exactly where it is, 36px wide, and the icon moves 8px left
   inside it — half the discrepancy, which lands its centre on the midpoint of
   the two visible edges. Shifting the whole box instead would only move the
   gap to the other side. The padding still adds up to the same total, so
   nothing downstream reflows and the click target keeps its size. */
.jwg-lang-globe {
    /* Symmetric again, because the hover circle is the button's box: with 2/18
       the ink sat 8px left of the box centre and the grey disc came up visibly
       off the globe (JB-2811).

       The ink still lands where it did — the balance the note above worked out
       is worth keeping — but the whole control moves instead of the icon inside
       it, so the circle travels with the glyph. The margins cancel, so the row
       occupies the same width and nothing downstream reflows. */
    padding-left: 10px !important;
    padding-right: 10px !important;
    margin-left: -8px !important;
    margin-right: 8px !important;
}


/* ---- css/frontend/common.css ---- */
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

a {
  color: #222222;
}

/* Bootstrap loads after this file (head.blade.php: this one at line 275, its
   own at 293), so both its `a` rule and its `:root` win — which is why the
   place under a title, the review count, Share, the section tabs and "Hosted
   by …" all came out Bootstrap blue. `!important` on the variables is what
   makes these stick from here; without it the declarations below are simply
   overwritten a few lines later in the cascade. The nav variables are set on
   the components too, because `.nav` derives its own from the link colour and
   a value on `:root` never reaches it. */
:root {
  --bs-link-color: #222222 !important;
  --bs-link-color-rgb: 34, 34, 34 !important;
  --bs-link-hover-color: #222222 !important;
  --bs-link-hover-color-rgb: 34, 34, 34 !important;
}
.nav,
.nav-link,
.navbar-nav {
  --bs-nav-link-color: #222222 !important;
  --bs-nav-link-hover-color: #222222 !important;
}

/* the description of an accommodation, on the page and in its modal */
#summary a,
.summary_content a,
#modal_summary a,
.all_description a {
  color: #0d6efd;
}

body {
  font-family: 'circular', sans-serif !important;
}

@font-face {
  font-family: 'hellix';
  src: url(../fonts/Hellix-Regular.eot?cddb5c7708fda13e9350fbb14cab260a);
  src:
    url(../fonts/Hellix-Regular.eot?cddb5c7708fda13e9350fbb14cab260a) format('embedded-opentype'),
    url(../fonts/Hellix-Regular.woff?9d72cafdc11027a2d1a7fc0424a50366) format('woff'),
    url(../fonts/Hellix-Regular.woff2?09ebaa2b02f3d4e5199be5a35b37bfc7) format('woff2'),
    url(../fonts/Hellix-Regular.ttf?d85cb389bedbb5932823b49ef3bc5978) format('truetype'),
    url(../fonts/Hellix-Regular.svg?92df039e536b9153da8ac098c9285e70) format('svg');
  font-weight: 400;
  font-display: swap;
}

@font-face {
  font-family: 'hellix';
  src: url(../fonts/Hellix-Medium.eot?34c2b42280c9c2fdf6e6ef6fcfd82ece);
  src:
    url(../fonts/Hellix-Medium.eot?34c2b42280c9c2fdf6e6ef6fcfd82ece) format('embedded-opentype'),
    url(../fonts/Hellix-Medium.woff?cd5704a96befbd793e1fdd545d916d20) format('woff'),
    url(../fonts/Hellix-Medium.woff2?c9093a566e34fb9c1d527de0adc9812c) format('woff2'),
    url(../fonts/Hellix-Medium.ttf?28cbb504b6722b8a6daa9dce3f47f38f) format('truetype'),
    url(../fonts/Hellix-Medium.svg?470388c6a3ac7045810b2c0fd0dbf7bf) format('svg');
  font-weight: 500;
  font-display: swap;
}

@font-face {
  font-family: 'hellix';
  src: url(../fonts/Hellix-SemiBold.eot?86a816233f9709e00ec3e4d20d8a514d);
  src:
    url(../fonts/Hellix-SemiBold.eot?86a816233f9709e00ec3e4d20d8a514d) format('embedded-opentype'),
    url(../fonts/Hellix-SemiBold.woff?ff4d3dd628081f5bed1ce959a9e4b1ce) format('woff'),
    url(../fonts/Hellix-SemiBold.woff2?f1841bbbdddc1f2615dd419371b07b7c) format('woff2'),
    url(../fonts/Hellix-SemiBold.ttf?8882578d9e8cd4574c1937b8fcbd45f6) format('truetype'),
    url(../fonts/Hellix-SemiBold.svg?470388c6a3ac7045810b2c0fd0dbf7bf) format('svg');
  font-weight: 600;
  font-display: swap;
}

@font-face {
  font-family: 'hellix';
  src: url(../fonts/Hellix-Bold.eot?a7805c0fc3212ae108d56956371954f4);
  src:
    url(../fonts/Hellix-Bold.eot?a7805c0fc3212ae108d56956371954f4) format('embedded-opentype'),
    url(../fonts/Hellix-Bold.woff?d9c6a2cf028364bccb47a55588ed4022) format('woff'),
    url(../fonts/Hellix-Bold.woff2?7a208048535aa7797284081a83bb517c) format('woff2'),
    url(../fonts/Hellix-Bold.ttf?d681b20cf7c3b48f18605cf8d6c2d488) format('truetype'),
    url(../fonts/Hellix-Bold.svg?470388c6a3ac7045810b2c0fd0dbf7bf) format('svg');
  font-weight: bold;
  font-display: swap;
}
/* @font-face {
    font-family: "circular";
    src: url(../../fonts/CircularStd-Book.eot);
    src: url(../../fonts/CircularStd-Book.eot?#iefix)
            format("embedded-opentype"),
        url(../../fonts/CircularStd-Book.woff2) format("woff2"),
        url(../../fonts/CircularStd-Book.woff) format("woff"),
        url(../../fonts/CircularStd-Book.ttf) format("truetype"),
        url(../../fonts/CircularStd-Book.svg#CircularStd-Book) format("svg");
    font-weight: normal;
    font-style: normal;
    font-display: swap;
} */

@font-face {
  font-family: 'circular';
  src: url(../../fonts/lineto-circular-pro-book.eot);
  src:
    url(../../fonts/lineto-circular-pro-book.eot?#iefix) format('embedded-opentype'),
    url(../../fonts/lineto-circular-pro-book.woff) format('woff'),
    url(../../fonts/lineto-circular-pro-book.ttf) format('truetype'),
    url(../../fonts/lineto-circular-pro-book.svg#lineto-circular-pro-book) format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'circular-air-light';
  src: url(../../fonts/CircularAir-Light.eot);
  src:
    url(../../fonts/CircularAir-Light.eot?#iefix) format('embedded-opentype'),
    url(../../fonts/CircularAir-Light.woff) format('woff'),
    url(../../fonts/CircularAir-Light.ttf) format('truetype');
  font-weight: normal;
  font-style: normal;
  /* Without this the text using this face stays invisible while the font
     downloads — the other faces here already declare it. */
  font-display: swap;
}

a {
  text-decoration: none !important;
}

.fs-10 {
  font-size: clamp(0.7rem, 0.7vw, 0.9rem) !important;
}

.fs-12 {
  font-size: clamp(0.8rem, 0.8vw, 1rem) !important;
}

.fs-14 {
  font-size: clamp(0.9rem, 0.9vw, 1.1rem) !important;
}

.fs-16 {
  font-size: clamp(1rem, 1vw, 1.2rem) !important;
}

.fs-18 {
  font-size: clamp(1rem, 1.25vw, 1.25rem) !important;
}

.fs-20 {
  font-size: clamp(1.1rem, 1.3vw, 1.3rem) !important;
}

.fs-25 {
  font-size: clamp(1.2rem, 1.6vw, 1.7rem) !important;
}

.fs-30 {
  font-size: clamp(1.2rem, 2vw, 1.9rem) !important;
}

.fs-35 {
  font-size: clamp(1.5rem, 2.5vw, 2.2rem) !important;
}

.fs-40 {
  font-size: clamp(1.3rem, 2.6vw, 2.7rem) !important;
}

.fs-45 {
  font-size: clamp(1.5rem, 3vw, 3rem) !important;
}

.text-grey {
  color: #717171 !important;
}

.fs-09 {
  font-size: 0.9375rem !important;
}

/* Header nav (worldmap, how it works, become a host): the markup asks for
   fs-08-header but nothing defined it, so those links stayed at the button's
   16px while the rest of the header sits at 14px */
.fs-08-header {
  font-size: 0.875rem !important;
}

.fs-08 {
  font-size: 0.875rem !important;
}

.fs-07 {
  font-size: 0.75rem !important;
}

.fs-1em {
  font-size: 1em !important;
}

@media screen and (min-width: 576px) {
  .w-sm-90x {
    width: 90px !important;
  }
  .button_translate_image,
  .button_translate_image:hover {
    background-image: url(../../images/noun_Translation_987.svg) !important;
    background-size: 5% !important;
    background-repeat: no-repeat !important;
    background-position: right !important;
    background-origin: content-box !important;
  }
  #guests-nav-conversation-cont {
    margin-left: 0px !important;
    position: absolute !important;
    inset: 0px auto auto 0px !important;
    margin: 0px !important;
    transform: translate3d(-25%, 70px, 0px) !important;
  }
}

.text-blacks {
  color: #222222 !important;
}

.w-90 {
  width: 90% !important;
}

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

.no-results {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 60vh;
}
.world-map .slick-list.draggable {
  border-top-left-radius: 16px !important;
  border-top-right-radius: 16px !important;
}

.body_section .input-group.sep-search-input .form-control:focus {
  border: unset !important;
}

.content-para.w-100 {
  width: calc(100% - 100px) !important;
}
.w-70 {
  width: 70% !important;
}
.nav-usd img {
  opacity: 0.9;
  width: 21px;
  height: 21px;
}

.similar-listing .slick-track {
  margin-left: unset !important;
}

/* .detail-nav .container-fluid,
.detail-nav .container {
    max-width: 1280px;
    padding: 0 80px;
} */
@media only screen and (min-width: 1200px) {
  .container {
    max-width: 1170px !important;
  }
}

@media screen and (max-width: 991px) {
  .detail-nav .container-fluid,
  .detail-nav .container {
    padding: 0 40px;
  }
}

@media screen and (max-width: 576px) {
  .detail-nav .container-fluid,
  .detail-nav .container {
    padding: 0 15px;
  }
  .button_translate_image,
  .button_translate_image:hover {
    background-size: 10% !important;
  }
  .black-line-btn-mbl {
    border-radius: 4px !important;
    border: 1px solid #222222 !important;
    padding: 13px 15px !important;
    background-color: #fff;
    height: 42.67px;
    color: black !important;
    width: fit-content;
    line-height: 1;
  }
  .black-line-btn-mbl:hover {
    background-color: #f7f7f7 !important;
  }
}

.show-amety-div .btn-show-amety {
  border-color: #222222 !important;
  border-radius: 8px !important;
}

.show-amety-div .btn-show-amety:hover {
  background-color: #f7f7f7 !important;
}

.default-fade {
  opacity: 0;
  transition: 0.6s all;
}

.div-fade {
  opacity: 1 !important;
  transition: 0.6s all;
}

.w-30x {
  width: 30px !important;
}

.skel-div {
  overflow: hidden;
}

.exp-detail-skeleton-img {
  width: 100%;
  height: 460px;
}

.room-photos-skeleton {
  width: 100%;
  height: 200px;
}

.inside-skeleton .select-msg {
  height: 50px;
}

.inside-skeleton .inside-profile {
  width: 60px;
  height: 60px;
}

.inside-skeleton .inside-txt {
  height: 15px;
}

.inside-skeleton .inside-list-img {
  width: 110px;
  height: 60px;
  border-radius: 5px;
}

.inside-skeleton .inside-btn {
  width: 100%;
  height: 40px;
}

.inside-skeleton .skel-load {
  border-radius: 15px;
}

.inside-skeleton .inside-title-txt {
  height: 20px;
}

.inside-skeleton .payment-side-box {
  width: 85%;
  margin-left: auto;
  border: 1px solid #ccc;
  padding: 25px;
}

.inside-skeleton.profile-inside .skel-load {
  border-radius: 50px;
}

.inside-skeleton.profile-inside .skel-load::before,
.inside-skeleton.profile-inside .skel-load::after {
  border-radius: 50px;
}

.inside-skeleton.exp-inside-skel .skel-load::after {
  opacity: 0.5;
}

.inside-skeleton.exp-inside-skel .exp-mob-view-img {
  width: 100%;
  height: 400px;
}

.inside-skeleton.exp-inside-skel .exp-mob-view-img::after {
  opacity: 0.5;
}

.side-mob-view {
  min-width: 320px;
}

.main-wrap.bg-white .inside-skeleton.exp-inside-skel .skel-load::after {
  opacity: 1;
}

.main-wrap.bg-white .inside-skeleton.exp-inside-skel .exp-mob-view-img {
  width: 100%;
  height: 400px;
}

.main-wrap.bg-white .inside-skeleton.exp-inside-skel .exp-mob-view-img::after {
  opacity: 1;
}

.skel-load {
  border-radius: 15px;
  position: relative;
  overflow: hidden;
  display: block;
}

.skel-load::before {
  content: '';
  position: absolute;
  border-radius: 15px;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  transform: translateX(-100%);
  background-image: linear-gradient(
    90deg,
    rgba(255, 255, 255, 0) 0,
    rgba(255, 255, 255, 0.2) 20%,
    rgba(255, 255, 255, 0.5) 60%,
    rgba(255, 255, 255, 0)
  );
  animation: shine 1.5s infinite;
  z-index: 999;
}

.skel-load::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #dddddd;
  z-index: 99;
  border-radius: 12px;
}

.skel-inside-load {
  border-radius: 5px;
  position: relative;
  overflow: hidden;
  display: block;
}

.skel-inside-load::before {
  content: '';
  position: absolute;
  border-radius: 5px;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  transform: translateX(-100%);
  background-image: linear-gradient(
    90deg,
    rgba(255, 255, 255, 0) 0,
    rgba(255, 255, 255, 0.2) 20%,
    rgba(255, 255, 255, 0.5) 60%,
    rgba(255, 255, 255, 0)
  );
  animation: shine 1.5s infinite;
  z-index: 999;
}

.skel-inside-load::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #dddddd;
  z-index: 99;
  border-radius: 5px;
}

.skel-room-inside-load {
  border-radius: 5px;
  position: relative;
  overflow: hidden;
  display: block;
}

.skel-room-inside-load::before {
  content: '';
  position: absolute;
  border-radius: 5px;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  transform: translateX(-100%);
  background-image: linear-gradient(
    90deg,
    rgba(255, 255, 255, 0) 0,
    rgba(255, 255, 255, 0.2) 20%,
    rgba(255, 255, 255, 0.5) 60%,
    rgba(255, 255, 255, 0)
  );
  animation: shine 1.5s infinite;
  z-index: 999;
}

.skel-room-inside-load::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #dddddd;
  z-index: 99;
  border-radius: 5px;
}

.skel-content-load {
  border-radius: 5px;
  position: relative;
  overflow: hidden;
  display: block;
}

.skel-content-load::before {
  content: '';
  position: absolute;
  border-radius: 5px;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  transform: translateX(-100%);
  background-image: linear-gradient(
    90deg,
    rgba(255, 255, 255, 0) 0,
    rgba(255, 255, 255, 0.2) 20%,
    rgba(255, 255, 255, 0.5) 60%,
    rgba(255, 255, 255, 0)
  );
  animation: shine 1.5s infinite;
  z-index: 999;
}

.skel-content-load::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #dddddd;
  z-index: 99;
  border-radius: 5px;
}

.skel-wthradius-load {
  position: relative;
  overflow: hidden;
  display: block;
}

.skel-wthradius-load::before {
  content: '';
  position: absolute;
  border-radius: 0px;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  transform: translateX(-100%);
  background-image: linear-gradient(
    90deg,
    rgba(255, 255, 255, 0) 0,
    rgba(255, 255, 255, 0.2) 20%,
    rgba(255, 255, 255, 0.5) 60%,
    rgba(255, 255, 255, 0)
  );
  animation: shine 1.5s infinite;
  z-index: 999;
}

.skel-wthradius-load::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #dddddd;
  z-index: 99;
  border-radius: 0px;
}

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

.remv-skel {
  opacity: 0;
  z-index: -99;
}

.skel-row {
  flex-wrap: nowrap !important;
  overflow-x: hidden !important;
}

@media screen and (min-width: 1921px) {
  .skel-row .col-skel-xxl-2 {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
}

@media screen and (min-width: 1400px) and (max-width: 1920px) {
  .skel-row .col-xl-2_5 {
    flex: 0 0 auto;
    width: 20%;
  }
}

@media screen and (min-width: 1200px) and (max-width: 1399px) {
  .skel-row .col-xl-2_4 {
    flex: 0 0 auto;
    width: 25%;
  }
}
@media screen and (min-width: 1200px) {
  .skel-row .col-xl-2_3 {
    flex: 0 0 auto;
    width: 33.33%;
  }
}

.skel-static,
.skel-static-world-map {
  position: relative;
  overflow: hidden;
  display: inline-block;
}

.skel-static::before,
.skel-static-world-map::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: white;
  z-index: 999;
}

.skel-static::after,
.skel-static-world-map::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(240, 240, 240, 1);
  z-index: 999;
  animation: fadeBackground 1.25s ease-in-out infinite alternate;
  border-radius: 4px !important;
}

.skel-static-header {
  margin-left: 10px;
  position: relative;
  overflow: hidden;
  display: inline-block;
  border-radius: 4px !important;
}
.skel-static-header::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: white;
  z-index: 999;
}

.skel-static-header::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(240, 240, 240, 1);
  z-index: 999;
  animation: fadeBackground 1.25s ease-in-out infinite alternate;
  border-radius: 4px !important;
}
.skel-main .skel-img {
  aspect-ratio: 1/1;
}

.skel-main .skel-txt {
  height: 25px;
}

.skel-main .skel-frst-content {
  width: 90%;
}

.skel-main .skel-second-content {
  width: 70%;
}

.skel-main .skel-type-img {
  width: 40px;
  height: 40px;
  border-radius: 100px;
  margin: auto;
}

.skel-main .skel-type-txt {
  width: 80%;
  margin: auto;
}

.skel-main .skel-img-exp {
  aspect-ratio: 3/4;
}

.skel-main .skel-img-community {
  height: 500px;
}

.skel-main .skel-img-community::after {
  opacity: 0.5;
}

.room-types-div .skel-load::after {
  border-radius: 50px;
}

.room-types-div .skel-txt {
  height: 20px !important;
}

.skel-map .skel-div,
.skel-map .skel-load {
  width: 100%;
  height: 100%;
}

.skel-map .skel-load::after {
  border-radius: 15px 0 0 15px;
}

.search-card-static-div .skel-load::after,
.search-card-static-div .skel-content-load::after {
  z-index: 9;
}

[dir='rtl'] .review-count-div p {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  width: 75%;
}

[dir='rtl'] .share-popup .btn-close {
  margin: unset;
}

[dir='rtl'] .lg-outer {
  text-align: right !important;
}

[dir='rtl'] .lg-toolbar .lg-icon {
  float: left !important;
}

[dir='rtl'] .room-carousels .room-card-btn.slick-prev {
  right: unset !important;
  left: 20px !important;
}

[dir='rtl'] .room-carousels .room-card-btn.slick-next {
  right: unset;
  left: 60px;
}

[dir='rtl'] .room-types-div .arrow-right {
  justify-content: flex-start;
}

[dir='rtl'] .room-types-div .arrow-left {
  justify-content: flex-end;
}

[dir='rtl'] .nav-input-child .guest-txt.text-start,
[dir='rtl'] .nav-input-child .location-txt.text-start {
  text-align: right !important;
}

[dir='rtl'] .nav-input-child .location-padd {
  padding: 10px 25px 10px 0px !important;
}

[dir='rtl'] .rtl-navbar.custom-navbar .nav-input-child.active .form-control {
  padding: 0 0px 0 25px !important;
}

[dir='rtl'] .rtl-search-icon {
  padding-left: 15px;
}

[dir='rtl'] .desktop-nav .guests {
  padding: 0;
}

[dir='rtl'] .custom-dropdown-ul {
  text-align: start !important;
  left: unset !important;
  right: 0 !important;
}

[dir='rtl'] .become-host-div .custom-dropdown-ul {
  left: 0px !important;
  right: unset !important;
}

[dir='rtl'] .room-search-canvas-mob .ms-auto {
  margin-right: auto !important;
  margin-left: unset !important;
}

[dir='rtl'] .header-profile {
  padding: 3px 7px 3px 3px;
}

[dir='rtl'] .profile-menu-ul li.active::before {
  border-radius: 10px 0px 0px 10px !important;
  left: unset;
  right: -20px;
}

[dir='rtl'] .btn-play .play-icon {
  padding: 0 0 0 8px !important;
}

[dir='rtl'] .text-start {
  text-align: right !important;
}

[dir='rtl'] .home .ps-3 {
  padding-right: 1rem !important;
}

[dir='rtl'] .pe-2 {
  padding-left: 0.5rem !important;
  padding-right: unset !important;
}

[dir='rtl'] .search .bi-funnel-fill.pe-lg-2 {
  padding-left: unset !important;
  padding-right: unset !important;
}

[dir='rtl'] .search .pe-lg-2,
[dir='rtl'] .search .pe-2 {
  padding-left: 0.5rem !important;
  padding-right: unset !important;
}

[dir='rtl'] .search .map-div {
  right: unset;
  left: 0;
  border-radius: 0px 15px 15px 0px;
}

[dir='rtl'] .search .pe-0 {
  padding-left: 0 !important;
  padding-right: 15px !important;
}

[dir='rtl'] .ms-auto,
[dir='rtl'] .ms-md-auto {
  margin-right: auto !important;
  margin-left: unset !important;
}

@media screen and (max-width: 768px) {
  [dir='rtl'] .ms-md-auto {
    margin-right: unset !important;
    margin-left: auto !important;
  }
}

[dir='rtl'] .detail-page .in-div {
  border-right: unset !important;
  border-left: 1px solid grey;
}

[dir='rtl'] .detail-page .guests-div .dropdown-toggle::after {
  left: 0 !important;
  right: unset !important;
}

[dir='rtl'] .detail-page .ps-1 {
  padding-right: 0.25rem !important;
  padding-left: unset !important;
}

[dir='rtl'] .details-search .input-group-text {
  padding: unset;
}

.slick-dotted.slick-slider {
  margin-bottom: unset !important;
}

.width-max-content {
  width: -moz-max-content !important;
  width: max-content !important;
}

button:focus-visible,
a:focus-visible {
  box-shadow: unset !important;
  outline: unset !important;
}

hr {
  color: rgb(221, 221, 221) !important;
  opacity: 1 !important;
}

.btn-show-amety {
  border: 1px solid #dddddd !important;
  border-radius: 12px !important;
  padding: 11px 15px !important;
  background-color: #fff;
}

.btn-show-contact {
  border: 1px solid black !important;
  border-radius: 12px !important;
  padding: 11px 15px !important;
  background-color: #fff;
  color: #ee7455 !important;
}

.dark-custom:hover {
  background-color: #000 !important;
}

.filter-dates {
  width: 40%;
}

@media screen and (max-width: 991px) {
  .filter-dates {
    width: 60%;
  }
  /* .listing-dot{
        margin-right:-10px !important;
    } */
}

.bi-patch-check-fill {
  color: #222222 !important;
}

.bi-shield-check {
  color: #5cb85c !important;
}

/* .review-count-div p {
    position: relative;
    top: 2px;
    white-space: nowrap;
} */

.dot-rel {
  position: relative;
  top: -3px;
}

.bg-none {
  background-color: unset !important;
}

.map-auto-refresh {
  background-color: #fff;
  padding: 5px;
  border-radius: 5px;
}

.map-auto-refresh .form-check-input {
  border-color: #71717196;
}

.map-auto-refresh .form-check-input:checked {
  background-color: #222222;
  border-color: #222222;
}

.map-auto-refresh .form-check-input:focus {
  border-color: #71717196;
}

.map-auto-refresh small {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

@media screen and (max-width: 576px) {
  .unset-w50 {
    width: 100% !important;
  }
  #guests-nav-conversation-cont {
    width: calc(100% + 40px) !important;
    margin-left: 0px !important;
    position: absolute !important;
    inset: 0px auto auto 0px !important;
    margin: 0px !important;
    transform: translate3d(-20px, 70px, 0px) !important;
  }
}

@media screen and (min-width: 1800px) {
  .custom-xxl-3 {
    flex: 0 0 auto !important;
    width: 25% !important;
  }
}

.line-clamp-3 {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.white-nowrap {
  white-space: nowrap !important;
}

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

.line-clamp-1 {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  width: 90%;
}
.content-para .line-clamp-1 {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  width: 98%;
}

.cursor-pointer {
  cursor: pointer !important;
}

.home .input-group-text,
.detail-page .input-group-text,
.custom-navbar .input-group-text {
  background: unset !important;
  border: unset !important;
}

.home .form-control:focus,
.detail-page .form-control:focus,
.custom-navbar .form-control:focus {
  border: unset !important;
  box-shadow: unset !important;
}

.home .form-control:focus-visible,
.detail-page .form-control:focus-visible,
.custom-navbar .form-control:focus-visible {
  outline: unset !important;
}

.navbar-toggler:focus,
.accordion-button:focus,
.form-select:focus,
.btn-close:focus,
.form-check-input:focus {
  box-shadow: unset !important;
}
.btn-pink {
  background: #ff7a59 !important;
  color: #fff !important;
  border-color: #ff7a59 !important;
  position: relative;
  overflow: hidden;
  z-index: 0; /* base layer */
}

/* .btn-pink:hover, */
.btn-pink:active,
.btn-pink:focus,
.btn-pink:not(:disabled):not(.disabled):active,
.btn-pink:not(:disabled):not(.disabled):active:focus {
  background: #fa633d !important;
  border-color: #fa633d !important;
  box-shadow: none;
  color: #fff;
}

.btn-pink::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: radial-gradient(circle at var(--x, 10%) var(--y, 10%), #ff9a7a -5%, transparent 40%);
  opacity: 0;
  transition: opacity 0.2s ease;
  pointer-events: none;
  z-index: -1; /* ensures glow is below text */
}

.btn-pink:hover::before {
  opacity: 1;
}

.btn-pink.disabled,
.btn-pink:disabled {
  color: #fff;
  background-color: #ee7455 !important;
  border-color: #ee7455 !important;
  opacity: 0.35;
}

.img-contain img {
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
}

.img-cover img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.text-grey {
  color: #717171;
}

.btn-custom-close {
  background-color: unset;
  border-radius: 50px;
  border: 1px solid #717171;
}

.btn-custom-close i {
  font-size: 22px;
  display: flex;
  justify-content: center;
  align-items: center;
  color: black;
}

.btn-default {
  border: 1px solid #dbdbdb !important;
  background: #fff;
}

.custom-dropdown-ul {
  border: 1px solid #8080800f !important;
  box-shadow: 0px 2px 10px #0000001a;
  border-radius: 20px !important;
  margin-top: 5px !important;
  overflow: hidden;
}

.custom-dropdown-ul li {
  margin: 8px 0;
}
.custom-dropdown-ul li:hover {
  background-color: RGB(var(--gray-extra-light, 244, 244, 244));
}

.custom-dropdown-ul li:hover a {
  background-color: #f7f7f7 !important;
  color: #222222 !important;
}

.custom-dropdown-ul li:hover span {
  color: #222222 !important;
}

.custom-dropdown-ul li:hover i {
  color: #222222 !important;
}

.custom-dropdown-ul .dropdown-item:active {
  background-color: #ff7a59;
  color: #fff;
}

.guest-scroll {
  overflow: auto;
}

.detail-guest {
  position: relative;
}

.detail-guest::after {
  position: absolute;
  display: block;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}

.guest-dropdown {
  max-height: 250px;
  overflow-y: auto;
  list-style-type: none;
  padding: unset;
  margin-bottom: unset;
  /* width */
  /* Track */
  /* Handle */
}

.guest-dropdown::-webkit-scrollbar {
  width: 6px;
  overflow: hidden;
}

.guest-dropdown::-webkit-scrollbar-track {
  background: #f1f1f1;
  border-radius: 35px;
  border: 1px solid #80808012;
}

.guest-dropdown::-webkit-scrollbar-thumb {
  background: #88888845;
  border-radius: 50px;
}

.room-arow-btn {
  background-color: unset !important;
  font-weight: bold;
  width: 25px !important;
  height: 25px !important;
  border-radius: 50px;
  display: flex !important;
  justify-content: center;
  align-items: center;
}

.room-arow-btn::before {
  display: none;
}

.room-arow-btn i {
  font-size: clamp(0.75rem, 0.75vw, 1rem) !important;
  color: #222222 !important;
  font-weight: 600;
}

.room-types-div .arrow-shadow {
  position: absolute;
  top: 30%;
  transform: translateY(-35%);
  height: 100%;
  display: flex;
  align-items: center;
  transition: 0.2s all;
}

.room-types-div .arrow-left {
  left: -23px;
  width: 100px;
  justify-content: flex-start;
}

.room-types-div .arrow-right {
  right: -20px;
  width: -moz-max-content;
  width: max-content;
  justify-content: flex-end;
}

.room-types-div .slick-disabled {
  opacity: 0;
  cursor: auto;
}

.room-types-div .img-arrow {
  width: 31px;
  position: relative;
  top: 3px;
  cursor: pointer;
}

.see-all-card .expericence-see-all {
  height: 186px;
  width: 90%;
  margin: auto;
}

.see-all-card .expericence-see-all img {
  border-radius: 15px;
}

.see-all-card .see-all-room-img {
  height: 125px;
  width: 90%;
  margin: auto;
}

.see-all-card .see-all-room-img img {
  border-radius: 15px;
}

.see-all-card .see-all-btn .btn-pink {
  width: 80%;
  padding: 10px 0px;
  border-radius: 12px;
  font-weight: 600;
}

.see-all-card .see-all-btn .btn-pink i {
  color: #fff !important;
}

.room-carousels {
  min-height: 380px;
}

.room-carousels .room-arow-btn {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  background-color: #fff !important;
  z-index: 99;
  border: none;
  box-shadow:
    0 0 0 1px transparent,
    0 0 0 4px transparent,
    0 2px 4px rgba(0, 0, 0, 0.18);
}

.room-carousels .room-arow-btn::before {
  display: none;
}

.room-carousels .room-arow-btn i {
  color: #222222;
  font-size: 15px;
}
/* .slick-slide {
  max-height: 250px !important;
} */
.room-carousels {
  height: -moz-max-content !important;
  height: max-content !important;
}

.room-carousels .slick-prev {
  left: 5px;
}

.room-carousels .slick-next {
  right: 5px;
}

.room-carousels .slick-dots,
.world-map .slick-dots {
  display: flex;
  justify-content: center;
  list-style-type: none;
  padding: 0;
  margin: 0;
  position: absolute;
  bottom: 20px;
  left: 50%;
  transform: translateX(-50%);
  width: fit-content;
}

.room-carousels .slick-dots li,
.world-map .slick-dots li {
  margin: 0 2px !important;
  transition: 0.2s all;
  width: -moz-max-content;
  width: max-content;
  height: -moz-max-content;
  height: max-content;
}

.room-carousels .slick-dots li button,
.world-map .slick-dots li button {
  font-size: 0 !important;
  border: unset !important;
  width: 6px;
  height: 6px;
  background-color: #ffffffa1;
  border-radius: 50px;
  transition: 0.2s all;
  padding: unset;
}

.room-carousels .slick-dots li button:focus-visible,
.world-map .slick-dots li button:focus-visible {
  outline: unset;
}

.room-carousels .slick-dots li button::before,
.world-map .slick-dots li button::before {
  display: none;
}

.room-carousels .slick-dots li.slick-active button,
.world-map .slick-dots li.slick-active button {
  width: 8px;
  height: 8px;
  background-color: #fff;
  border-radius: 50px;
  transition: 0.2s all;
}

.room-carousels .room-card-btn {
  position: absolute;
  top: -40px;
  z-index: 99;
  background-color: unset;
  border: 1px solid #222222;
  font-weight: bold;
  width: 30px;
  height: 30px;
  border-radius: 50px;
  display: flex;
  justify-content: center;
  align-items: center;
}

@media screen and (max-width: 576px) {
  .room-carousels .room-card-btn {
    top: -38px;
  }
}

.room-carousels .room-card-btn i {
  font-size: clamp(1rem, 1vw, 1.2rem) !important;
  color: #222222;
}

.room-carousels .room-card-btn::before {
  display: none;
}

.room-carousels .room-card-btn.slick-next {
  right: 20px;
}

.room-carousels .room-card-btn.slick-prev {
  right: 60px;
  left: unset !important;
}

.room-carousels .room-card-btn.slick-disabled {
  opacity: 0.5;
  pointer-events: none;
}

.room-carousels .slick-active:hover .room-arow-btn {
  transition: 0.2s all;
  opacity: 0.9;
}

.room-carousels .slick-active:hover .slick-next:hover,
.room-carousels .slick-active:hover .slick-prev:hover {
  opacity: 1;
}

.room-carousels .room-arow-btn {
  opacity: 0;
  transition:
    visibility 0s,
    opacity 0.3s linear;
  padding: 16px;
}

.room-carousels .slick-list {
  border-radius: 12px;
  margin-bottom: 10px;
}

.canvas-map.room-carousels {
  min-height: unset;
}

.our-community-main .room-card-btn {
  top: -62px !important;
  border-color: #fff !important;
}

.our-community-main .room-card-btn i {
  color: #fff !important;
}

@media screen and (max-width: 576px) {
  .our-community-main .room-card-btn {
    top: -38px !important;
  }
  .room-carousels .room-arow-btn {
    opacity: 0 !important;
    transition:
      visibility 0s,
      opacity 0.3s linear;
    padding: 16px;
  }
}

.our-community-main .community-description {
  width: 90%;
  margin: auto;
}

.our-community-main .skel-txt::after {
  opacity: 0.5;
}

.profile-menu-canvas {
  width: 70% !important;
  max-width: 70% !important;
}

@media screen and (min-width: 577px) and (max-width: 1000px) {
  .profile-menu-canvas {
    width: 40% !important;
    max-width: 40% !important;
  }
}

.customBox.hover {
  background-color: #ff7a59 !important;
  color: #fff !important;
}

/* Already opened: a light grey pill with a thin dark ring, the way Airbnb
   marks the ones you have looked at. The ring is drawn with a shadow so the
   pill keeps exactly the same size. */
.customBox.customBoxVisit {
  background: #e4e4e4 !important;
  color: #222222;
  box-shadow: inset 0 0 0 1.5px #222222;
}

.star-icon i {
  color: black;
}

.gold-bg {
  color: #fcc24d !important;
}

.room-types-slick,
.room-card-carousel {
  opacity: 0;
  transition: 0.2s all;
}

.room-types-slick.slick-initialized,
.room-card-carousel.slick-initialized {
  opacity: 1;
  transition: 0.2s all;
}

.loading-full {
  position: relative;
}

.loading-full::after {
  content: '';
  display: inline-block;
  border: none !important;
  border-top: none !important;
  width: 80px;
  height: 80px;
  animation: none !important;
  background-image: url(../images/loading.svg?40f0b562d104d733c38cd635a9f72ae7);
  background-size: 80px;
  position: fixed;
  left: 50%;
  top: 50%;
  margin: 0px 0;
  transform: translate(-50%, -50%);
  z-index: 9999;
  background-repeat: no-repeat;
}

.loading-full::before {
  position: absolute;
  content: '';
  display: inline-block;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background: #ffffffe3;
  z-index: 9999;
  border-radius: 10px;
  width: 100%;
}

.alllanguage ul,
.allcurrency ul {
  padding: unset;
  list-style-type: none;
}

.alllanguage ul li,
.allcurrency ul li {
  display: inline-block;
  width: 32%;
  border-radius: 5px;
  margin-bottom: 5px;
}

.alllanguage ul li a,
.allcurrency ul li a {
  padding: 10px;
  display: block;
}

.alllanguage ul li:hover,
.allcurrency ul li:hover {
  background-color: #f7f7f7 !important;
}

.alllanguage ul li.active,
.allcurrency ul li.active {
  border: 1px solid #222222;
}
.modal-open .modal.show {
  z-index: 10000000 !important;
}
.modal-backdrop.show {
  opacity: 0.2 !important;
  z-index: 9999 !important;
}

@media screen and (min-width: 992px) {
  .custom-navbar.navbar-expand-lg.navbar-collapse {
    display: none !important;
  }
}

@media screen and (max-width: 767px) {
  .detail-slider {
    height: 300px !important;
  }
  .payment-wrap {
    margin-top: -94px !important;
    margin-bottom: 94px;
  }
  .detail-slider li {
    height: 300px !important;
  }

  .detail-slider li img {
    height: 300px !important;
    border-radius: unset !important;
  }
  #payment-form-submit {
    width: 100%;
    font-weight: 700;
  }
  .photo-grid .photo-item .delete-photo-btn {
    display: block !important;
  }
}

@media only screen and (min-width: 768px) {
  .detail-nav .lg-toolbar,
  .detail-nav .lg-prev,
  .detail-nav .lg-next,
  .detail-nav .lg-pager-outer,
  .detail-nav .lg-hide-sub-html .lg-sub-html {
    opacity: 1 !important;
  }

  .detail-nav #lg-counter {
    margin: 10px 15px;
    color: white;
  }

  .detail-nav #lg-counter span {
    color: white;
  }

  .detail-banner .detail-slider {
    width: 100% !important;
    height: 400px !important;
    transform: none !important;
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
  }

  .detail-banner .detail-slider:hover li:before {
    opacity: 1;
  }

  .detail-banner .detail-slider > li {
    cursor: pointer;
    position: relative;
    overflow: hidden;
  }

  .detail-banner .detail-slider > li.clone {
    display: none !important;
  }

  .detail-banner .detail-slider > li.clone + .lslide {
    width: 50% !important;
    height: 400px;
  }

  .detail-banner .detail-slider > li.clone + .lslide > img {
    height: 100%;
  }

  .detail-banner .detail-slider > li.lslide {
    width: 25% !important;
    height: 195px;
  }

  .detail-banner .detail-slider > li.lslide > img {
    height: 100%;
  }

  .detail-banner .detail-slider > li:nth-last-child(2):not(:nth-child(6)) {
    height: 400px;
  }

  .detail-banner .detail-slider > li:nth-last-child(2):not(:nth-child(6)):nth-child(4) {
    height: 195px;
    width: 50% !important;
  }

  .detail-banner .detail-slider > li:nth-last-child(2):not(:nth-child(6)):nth-child(3) {
    width: 50% !important;
  }

  .detail-banner .detail-slider > li:nth-last-child(2):not(:nth-child(6)):nth-child(2) {
    width: 100% !important;
  }

  .detail-banner .detail-slider > li:nth-last-child(3):nth-child(3) {
    height: 195px;
    width: 50% !important;
  }

  .detail-banner .detail-slider > li:first-child:last-child {
    width: 100% !important;
    height: 400px !important;
  }

  .detail-banner .lSAction {
    display: none !important;
  }
}

.modal-content {
  border-radius: 24px !important;
  box-shadow: #0000001f 0px 6px 16px;
  border: unset !important;
}

.ui-datepicker-today a {
  background-color: #222 !important;
  color: #fff !important;
}

.ui-datepicker-today:not(.ui-datepicker-current-day) a {
  background-color: unset !important;
  color: #454545 !important;
}

.set-height-nav,
#site-content {
  margin-top: 75px !important;
}

.remv-margin-top#site-content {
  margin-top: unset !important;
}

@media (max-width: 576px) {
  .set-height-nav,
  #site-content {
    margin-top: 78px !important;
  }
}

.dual-range-slider .irs-handle {
  border: 1px solid #dddddd !important;
  cursor: pointer !important;
  box-shadow: 0 6px 16px #0000001f;
}

.dual-range-slider .irs-bar {
  height: 3px !important;
  background-color: #222222 !important;
}

.dual-range-slider .irs-line {
  height: 3px !important;
}

.dual-range-slider .irs-from,
.dual-range-slider .irs-to {
  background-color: #222222 !important;
}

.dual-range-slider .irs-from::before,
.dual-range-slider .irs-to::before {
  border-top-color: #222222 !important;
}

.dual-range-slider .irs-min,
.dual-range-slider .irs-max {
  display: none !important;
}

.dual-range-slider .irs--round .irs-from,
.dual-range-slider .irs--round .irs-to,
.dual-range-slider .irs--round .irs-single {
  background-color: #222222 !important;
}

.dual-range-slider .irs--round .irs-from:before,
.dual-range-slider .irs--round .irs-to:before,
.dual-range-slider .irs--round .irs-single:before {
  border-top-color: #222222 !important;
}

@media screen and (max-width: 991px) {
  .unset-w50.w-50 {
    width: 100% !important;
  }
}

.tax-fee-tooltip-content {
  position: absolute;
  bottom: 20px;
  background: #000000e0;
  padding: 3px;
  /* right: -102px; */
  left: -100;
  border-radius: 10px;
}

.tax-fee-tooltip-content td,
.tax-fee-tooltip-content th {
  border-color: inherit;
  border-style: solid;
  border-width: 0;
  padding: 5px;
  color: white;
  white-space: nowrap;
  text-align: center;
}

.carousel-div .slick-disabled {
  opacity: 0 !important;
}

.detail-page a,
.header-search-div.guests .guest-text {
  font-weight: 500;
}
.footer-top-space {
  padding-top: 38px;
}
.footers a,
.modal-content a {
  color: #222222;
}

.home a {
  color: #222222;
}

.alert-count {
  border-radius: 50%;
  color: #fff;
  background: #ff0000;
  padding: 3px;
  font-size: 12px;
  display: inline-block;
  font-style: normal;
  font-weight: 600;
  position: absolute;
  text-align: center;
  top: -13px;
  right: -13px;
  min-width: 20px;
  min-height: 20px;
  line-height: 13px;
}

.profile-dropdown-main .custom-dropdown-ul {
  width: 230px !important;
}

.detail-nav .lg-sub-html {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 50px;
  background-color: #00000073;
  opacity: 1;
  padding: unset;
}

.detail-nav .lg-sub-html p {
  font-size: 15px;
  margin: unset;
  padding: 10px 0;
}

.cookie-alert {
  background-color: #fff !important;
  position: fixed !important;
  bottom: 30px;
  left: 0;
  right: 0;
  border-radius: 15px !important;
  width: 60%;
  margin: 0 auto !important;
  z-index: 9999;
}

.cookie-alert .close1 {
  cursor: pointer;
  color: #ff5a5f;
  font-weight: bold;
}

@media screen and (max-width: 576px) {
  .cookie-alert {
    bottom: 60px;
  }
}

.box_shadow_cookies {
  max-width: 700px;
  margin: 0 auto;
  box-shadow:
    0 19px 38px rgba(0, 0, 0, 0.3),
    0 15px 12px rgba(0, 0, 0, 0.22);
}

.box_shadow_cookies .popup_height {
  height: 300px;
  overflow-y: auto;
}

@media screen and (max-width: 576px) {
  .box_shadow_cookies .popup_height {
    height: 200px;
  }
}

.box_shadow_cookies .accept_btn {
  border-top: 1px solid rgba(0, 0, 0, 0.125);
  width: 99%;
  text-align: end;
}

.box_shadow_cookies .accept_btn .btn-accept {
  background-color: #ff7a59;
  color: #fff !important;
}

.box_shadow_cookies .btn-accept .btn:active,
.box_shadow_cookies .btn:focus,
.box_shadow_cookies .btn:not(:disabled):not(.disabled):active {
  background-color: #ff7a59;
  outline: unset;
  box-shadow: unset;
}

.box_shadow_cookies .cookie_popup .list-group-item.active {
  color: #fff !important;
  background-color: #ff7a59 !important;
  border-color: #ff7a59 !important;
}

@media only screen and (max-width: 767px) {
  .cookie-alert {
    width: auto;
    margin: 0 auto !important;
  }
  .btn {
    padding: 0px 15px 1px 15px !important;
    font-size: 13px;
    height: 48px !important;
    border: 1px solid black;
  }
  .btn-border-mbl-grey {
    border: 2px solid grey !important;
  }
  .height-sm-45 {
    height: 45px !important;
  }
  .height-sm-60 {
    height: 60px !important;
  }
}
.height-60 {
  height: 60px !important;
}
.covid-icon-map {
  display: flex;
}

.covid-icon-map .covid-icon-img {
  max-height: 18px;
  min-width: 20px;
  width: 20px;
}

.covid-icon-map .covid-icon-img img {
  height: 100%;
  width: 100%;
}

.covid-icon-map .text-truncate .cls_covid {
  text-overflow: ellipsis;
  white-space: nowrap;
}

.covid-icon-map span {
  font-size: 15px;
}

.canvas-footer {
  z-index: 99999;
}

.skelton {
  position: relative;
  transition: 0.3s all;
}

.skelton::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #d3d3d3;
  border-radius: 5px;
  z-index: 99999;
  animation: skelton-glow 2s ease-in-out infinite;
}

.skelton-none {
  position: relative;
  transition: 0.3s all;
}

.skelton-none::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #d3d3d3;
  border-radius: 5px;
  z-index: 99999;
  animation: skelton-glow 2s ease-in-out infinite;
  transition: 0.3s all;
  opacity: 0 !important;
}

@keyframes skelton-glow {
  50% {
    background-color: #b7b7b7;
  }
}

.chat-notify {
  background-color: #dc3545;
  box-shadow: 0px 3px 14px 1px #00000029;
  position: absolute;
  cursor: pointer;
  padding: 5px;
  border-radius: 50px;
  right: 5px;
  top: 0;
}

.chat-notify::before {
  content: '';
  width: 1rem;
  height: 1rem;
  border-radius: 50px;
  position: absolute;
  top: 0;
  right: -3px;
  bottom: 0;
  background-color: #dc3545;
  margin: auto;
  transform: scale(0.3);
  transform-origin: center center;
  animation: pulse-me 1s linear infinite;
}

@keyframes pulse-me {
  0% {
    transform: scale(0.3);
    opacity: 0;
  }

  50% {
    opacity: 0.3;
  }

  70% {
    opacity: 0.09;
  }

  100% {
    transform: scale(3);
    opacity: 0;
  }
}

.property-types-courosel .bi-chevron-left,
.property-types-courosel .bi-chevron-right,
.property-types-couroselss .bi-chevron-left,
.property-types-couroselss .bi-chevron-right {
  position: absolute;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 5px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  border: 1px solid #222222 !important;
  border-radius: 50%;
  font-size: clamp(0.8rem, 0.8vw, 1rem) !important;
}

.wl-modal-input {
  cursor: pointer;
}

.wl-modal-input:focus-visible {
  padding: 5px 10px;
  border-radius: 5px;
  outline: 1px solid #cfcfd0;
}

.create-wl {
  cursor: pointer;
}

.create-wl:focus-visible {
  padding: 5px 10px;
  border-radius: 5px;
  outline: 1px solid #cfcfd0;
}

.room-search-canvas-mob .accordion-body .search-dest-div .input-group-text {
  background: unset !important;
  border: unset !important;
}

.room-search-canvas-mob .accordion-body .search-dest-div .input-group .form-control:focus {
  border: unset !important;
}

.room-search-canvas-mob .accordion-body .search-dest-div .input-group .form-control[readonly] {
  background-color: unset;
  opacity: 1;
}

@media screen and (max-width: 576px) {
  body .daterangepicker {
    width: 300px;
  }
}

@media screen and (max-width: 576px) {
  .filter-content-div .daterangepicker {
    min-width: 295px;
  }
}

@media screen and (max-width: 576px) {
  .filter-content-div .drp-buttons {
    display: none !important;
    min-width: 295px;
  }
}

@media screen and (min-width: 576px) {
  body .daterangepicker {
    margin-top: 15px;
  }
}

.suggest-location .row {
  --bs-gutter-x: 1.5rem;
  --bs-gutter-y: 0;
  display: flex;
  flex-wrap: wrap;
  margin-top: calc(-1 * var(--bs-gutter-y));
  margin-right: calc(-0.5 * var(--bs-gutter-x));
  margin-left: calc(-0.5 * var(--bs-gutter-x));
}

.btn-custom-close.flash-close {
  border: 0px;
}

.btn-custom-close.flash-close .bi-x {
  font-size: 22px;
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  color: #717171;
  transition: 0s;
}

.btn-custom-close.flash-close .bi-x:hover {
  color: #222222;
}

.sent-referral .profile-img a {
  width: 50px;
  height: 50px;
}

.map-auto-refresh.panel {
  display: none;
}

.profile-view-left .profile-img {
  width: 225px;
  height: 225px;
}

.profile-view-left .profile-img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.button-common {
  cursor: pointer !important;
  display: inline-block;
  margin: 0 !important;
  position: relative;
  text-align: left !important;
  font-size: 18px !important;
  line-height: 20px !important;
  border-radius: 8px !important;
  border: 1px solid rgb(221, 221, 221) !important;
  outline: 0 !important;
  padding: 14px 29px !important;
  transition:
    box-shadow 0.2s ease 0s,
    transform 0.1s ease 0s !important;
  color: #484848 !important;
  width: 100% !important;
  background-color: white;
}

.button-common:hover {
  border-color: #484848 !important;
  background-color: #f7f7f7 !important;
  color: #484848 !important;
}

.button-span {
  /* display: flex !important; */
  flex-direction: row !important;
  align-items: center !important;
  /* font-weight: bolder; */
  color: #484848;
  font-family: Circular;
  font-size: 16px !important;
  margin-left: 0;
  justify-content: space-between !important;
}

.button-common:active,
.button-common:focus,
.button-common:hover,
.button-common:not(:disabled):not(.disabled):active,
.button-common:not(:disabled):not(.disabled):active:focus {
  background: 0 0;
}

.button-expand.button_translate_image {
  width: 100% !important;
}
.button-expand {
  width: 50% !important;
}

.button_ajax_image {
  background-image: url('../../images/ajax-loader.gif') !important;
  background-size: 5%;
  background-repeat: no-repeat !important;
  background-position: center !important;
  width: 90%;
  margin-right: 20px !important;
  padding-right: 10px !important;
  background-color: rgb(247, 247, 247) !important;
}
@font-face {
  font-family: 'icomoon';
  /* 86 glyphs instead of 1,005, and woff2 first (JB-2795).
     Every icon-* class referenced anywhere in the codebase, plus the 53 in
     amenities.font — the only database column that stores one — comes to 86.
     The other 919 were carried by every visitor and drawn for nobody.
     162 kB over the wire becomes 15.5 kB. The eot and svg entries are gone with
     them: they existed for IE8 and Safari 4. */
  /* Absolute, not relative. This file lives at /css/frontend/, so ../fonts/
     resolves to /css/fonts/ — a directory that happens to hold a copy of the
     original icomoon files, which is why the old relative path worked and why
     the subset 404ed the moment it shipped. The font is in /fonts/ only. */
  src: url('/fonts/icomoon-subset.woff2?v2') format('woff2'),
    url('/fonts/icomoon-subset.woff?v2') format('woff');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

[class^='icon-'],
[class*=' icon-'] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: never !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  line-height: 1 !important;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.icomoon-fonts:before {
  font-family: 'icomoon' !important;
}
.icon2-5 {
  font-size: 2.7em;
  color: #2cacb7;
  font-family: 'icomoon' !important;
}
.common-font {
  font-size: 16px;
}
.expr-offer .common-font {
  font-size: 46px;
}
.icon-home:before {
  content: '\e600';
}
.icon-home2:before {
  content: '\e601';
}
.icon-home3:before {
  content: '\e602';
}
.icon-home4:before {
  content: '\e603';
}
.icon-home5:before {
  content: '\e604';
}
.icon-home6:before {
  content: '\e605';
}
.icon-bathtub:before {
  content: '\e606';
}
.icon-toothbrush:before {
  content: '\e607';
}
.icon-bed:before {
  content: '\e608';
}
.icon-couch:before {
  content: '\e609';
}
.icon-chair:before {
  content: '\e60a';
}
.icon-city:before {
  content: '\e60b';
}
.icon-apartment:before {
  content: '\e60c';
}
.icon-pencil:before {
  content: '\e60d';
}
.icon-pencil2:before {
  content: '\e60e';
}
.icon-pen:before {
  content: '\e60f';
}
.icon-pencil3:before {
  content: '\e610';
}
.icon-eraser:before {
  content: '\e611';
}
.icon-pencil4:before {
  content: '\e612';
}
.icon-pencil5:before {
  content: '\e613';
}
.icon-feather:before {
  content: '\e614';
}
.icon-feather2:before {
  content: '\e615';
}
.icon-feather3:before {
  content: '\e616';
}
.icon-pen2:before {
  content: '\e617';
}
.icon-pen-add:before {
  content: '\e618';
}
.icon-pen-remove:before {
  content: '\e619';
}
.icon-vector:before {
  content: '\e61a';
}
.icon-pen3:before {
  content: '\e61b';
}
.icon-blog:before {
  content: '\e61c';
}
.icon-brush:before {
  content: '\e61d';
}
.icon-brush2:before {
  content: '\e61e';
}
.icon-spray:before {
  content: '\e61f';
}
.icon-paint-roller:before {
  content: '\e620';
}
.icon-stamp:before {
  content: '\e621';
}
.icon-tape:before {
  content: '\e622';
}
.icon-desk-tape:before {
  content: '\e623';
}
.icon-texture:before {
  content: '\e624';
}
.icon-eye-dropper:before {
  content: '\e625';
}
.icon-palette:before {
  content: '\e626';
}
.icon-color-sampler:before {
  content: '\e627';
}
.icon-bucket:before {
  content: '\e628';
}
.icon-gradient:before {
  content: '\e629';
}
.icon-gradient2:before {
  content: '\e62a';
}
.icon-magic-wand:before {
  content: '\e62b';
}
.icon-magnet:before {
  content: '\e62c';
}
.icon-pencil-ruler:before {
  content: '\e62d';
}
.icon-pencil-ruler2:before {
  content: '\e62e';
}
.icon-compass:before {
  content: '\e62f';
}
.icon-aim:before {
  content: '\e630';
}
.icon-gun:before {
  content: '\e631';
}
.icon-bottle:before {
  content: '\e632';
}
.icon-drop:before {
  content: '\e633';
}
.icon-drop-crossed:before {
  content: '\e634';
}
.icon-drop2:before {
  content: '\e635';
}
.icon-snow:before {
  content: '\e636';
}
.icon-snow2:before {
  content: '\e637';
}
.icon-fire:before {
  content: '\e638';
}
.icon-lighter:before {
  content: '\e639';
}
.icon-knife:before {
  content: '\e63a';
}
.icon-dagger:before {
  content: '\e63b';
}
.icon-tissue:before {
  content: '\e63c';
}
.icon-toilet-paper:before {
  content: '\e63d';
}
.icon-poop:before {
  content: '\e63e';
}
.icon-umbrella:before {
  content: '\e63f';
}
.icon-umbrella2:before {
  content: '\e640';
}
.icon-rain:before {
  content: '\e641';
}
.icon-tornado:before {
  content: '\e642';
}
.icon-wind:before {
  content: '\e643';
}
.icon-fan:before {
  content: '\e644';
}
.icon-contrast:before {
  content: '\e645';
}
.icon-sun-small:before {
  content: '\e646';
}
.icon-sun:before {
  content: '\e647';
}
.icon-sun2:before {
  content: '\e648';
}
.icon-moon:before {
  content: '\e649';
}
.icon-cloud:before {
  content: '\e64a';
}
.icon-cloud-upload:before {
  content: '\e64b';
}
.icon-cloud-download:before {
  content: '\e64c';
}
.icon-cloud-rain:before {
  content: '\e64d';
}
.icon-cloud-hailstones:before {
  content: '\e64e';
}
.icon-cloud-snow:before {
  content: '\e64f';
}
.icon-cloud-windy:before {
  content: '\e650';
}
.icon-sun-wind:before {
  content: '\e651';
}
.icon-cloud-fog:before {
  content: '\e652';
}
.icon-cloud-sun:before {
  content: '\e653';
}
.icon-cloud-lightning:before {
  content: '\e654';
}
.icon-cloud-sync:before {
  content: '\e655';
}
.icon-cloud-lock:before {
  content: '\e656';
}
.icon-cloud-gear:before {
  content: '\e657';
}
.icon-cloud-alert:before {
  content: '\e658';
}
.icon-cloud-check:before {
  content: '\e659';
}
.icon-cloud-cross:before {
  content: '\e65a';
}
.icon-cloud-crossed:before {
  content: '\e65b';
}
.icon-cloud-database:before {
  content: '\e65c';
}
.icon-database:before {
  content: '\e65d';
}
.icon-database-add:before {
  content: '\e65e';
}
.icon-database-remove:before {
  content: '\e65f';
}
.icon-database-lock:before {
  content: '\e660';
}
.icon-database-refresh:before {
  content: '\e661';
}
.icon-database-check:before {
  content: '\e662';
}
.icon-database-history:before {
  content: '\e663';
}
.icon-database-upload:before {
  content: '\e664';
}
.icon-database-download:before {
  content: '\e665';
}
.icon-server:before {
  content: '\e666';
}
.icon-shield:before {
  content: '\e667';
}
.icon-shield-check:before {
  content: '\e668';
}
.icon-shield-alert:before {
  content: '\e669';
}
.icon-shield-cross:before {
  content: '\e66a';
}
/* .icon-lock:before {
    content: "\e66b";
  } */
.icon-rotation-lock:before {
  content: '\e66c';
}
.icon-unlock:before {
  content: '\e66d';
}
.icon-key:before {
  content: '\e66e';
}
.icon-key-hole:before {
  content: '\e66f';
}
.icon-toggle-off:before {
  content: '\e670';
}
.icon-toggle-on:before {
  content: '\e671';
}
.icon-cog:before {
  content: '\e672';
}
.icon-cog2:before {
  content: '\e673';
}
.icon-wrench:before {
  content: '\e674';
}
.icon-screwdriver:before {
  content: '\e675';
}
.icon-hammer-wrench:before {
  content: '\e676';
}
.icon-hammer:before {
  content: '\e677';
}
.icon-saw:before {
  content: '\e678';
}
.icon-axe:before {
  content: '\e679';
}
.icon-axe2:before {
  content: '\e67a';
}
.icon-shovel:before {
  content: '\e67b';
}
.icon-pickaxe:before {
  content: '\e67c';
}
.icon-factory:before {
  content: '\e67d';
}
.icon-factory2:before {
  content: '\e67e';
}
.icon-recycle:before {
  content: '\e67f';
}
.icon-trash:before {
  content: '\e680';
}
.icon-trash2:before {
  content: '\e681';
}
.icon-trash3:before {
  content: '\e682';
}
.icon-broom:before {
  content: '\e683';
}
.icon-game:before {
  content: '\e684';
}
.icon-gamepad:before {
  content: '\e685';
}
.icon-joystick:before {
  content: '\e686';
}
.icon-dice:before {
  content: '\e687';
}
.icon-spades:before {
  content: '\e688';
}
.icon-diamonds:before {
  content: '\e689';
}
.icon-clubs:before {
  content: '\e68a';
}
.icon-hearts:before {
  content: '\e68b';
}
.icon-heart:before {
  content: '\e68c';
}
/* .icon-star:before {
    content: "\e68d";
  } */
.icon-star-half:before {
  content: '\e68e';
}
.icon-star-empty:before {
  content: '\e68f';
}
.icon-flag:before {
  content: '\e690';
}
.icon-flag2:before {
  content: '\e691';
}
.icon-flag3:before {
  content: '\e692';
}
.icon-mailbox-full:before {
  content: '\e693';
}
.icon-mailbox-empty:before {
  content: '\e694';
}
.icon-at-sign:before {
  content: '\e695';
}
/* .icon-envelope:before {
    content: "\e696";
  } */
.icon-envelope-open:before {
  content: '\e697';
}
.icon-paperclip:before {
  content: '\e698';
}
.icon-paper-plane:before {
  content: '\e699';
}
.icon-reply:before {
  content: '\e69a';
}
.icon-reply-all:before {
  content: '\e69b';
}
.icon-inbox:before {
  content: '\e69c';
}
.icon-inbox2:before {
  content: '\e69d';
}
.icon-outbox:before {
  content: '\e69e';
}
.icon-box:before {
  content: '\e69f';
}
/* .icon-archive:before {
    content: "\e6a0";
  } */
.icon-archive2:before {
  content: '\e6a1';
}
.icon-drawers:before {
  content: '\e6a2';
}
.icon-drawers2:before {
  content: '\e6a3';
}
.icon-drawers3:before {
  content: '\e6a4';
}
.icon-eye:before {
  content: '\e6a5';
}
.icon-eye-crossed:before {
  content: '\e6a6';
}
.icon-eye-plus:before {
  content: '\e6a7';
}
.icon-eye-minus:before {
  content: '\e6a8';
}
.icon-binoculars:before {
  content: '\e6a9';
}
.icon-binoculars2:before {
  content: '\e6aa';
}
.icon-hdd:before {
  content: '\e6ab';
}
.icon-hdd-down:before {
  content: '\e6ac';
}
.icon-hdd-up:before {
  content: '\e6ad';
}
.icon-floppy-disk:before {
  content: '\e6ae';
}
.icon-disc:before {
  content: '\e6af';
}
.icon-tape2:before {
  content: '\e6b0';
}
.icon-printer:before {
  content: '\e6b1';
}
.icon-shredder:before {
  content: '\e6b2';
}
.icon-file-empty:before {
  content: '\e6b3';
}
.icon-file-add:before {
  content: '\e6b4';
}
.icon-file-check:before {
  content: '\e6b5';
}
.icon-file-lock:before {
  content: '\e6b6';
}
.icon-files:before {
  content: '\e6b7';
}
.icon-copy:before {
  content: '\e6b8';
}
.icon-compare:before {
  content: '\e6b9';
}
.icon-folder:before {
  content: '\e6ba';
}
.icon-folder-search:before {
  content: '\e6bb';
}
.icon-folder-plus:before {
  content: '\e6bc';
}
.icon-folder-minus:before {
  content: '\e6bd';
}
.icon-folder-download:before {
  content: '\e6be';
}
.icon-folder-upload:before {
  content: '\e6bf';
}
.icon-folder-star:before {
  content: '\e6c0';
}
.icon-folder-heart:before {
  content: '\e6c1';
}
.icon-folder-user:before {
  content: '\e6c2';
}
.icon-folder-shared:before {
  content: '\e6c3';
}
.icon-folder-music:before {
  content: '\e6c4';
}
.icon-folder-picture:before {
  content: '\e6c5';
}
.icon-folder-film:before {
  content: '\e6c6';
}
.icon-scissors:before {
  content: '\e6c7';
}
.icon-paste:before {
  content: '\e6c8';
}
.icon-clipboard-empty:before {
  content: '\e6c9';
}
.icon-clipboard-pencil:before {
  content: '\e6ca';
}
.icon-clipboard-text:before {
  content: '\e6cb';
}
.icon-clipboard-check:before {
  content: '\e6cc';
}
.icon-clipboard-down:before {
  content: '\e6cd';
}
.icon-clipboard-left:before {
  content: '\e6ce';
}
.icon-clipboard-alert:before {
  content: '\e6cf';
}
.icon-clipboard-user:before {
  content: '\e6d0';
}
.icon-register:before {
  content: '\e6d1';
}
.icon-enter:before {
  content: '\e6d2';
}
.icon-exit:before {
  content: '\e6d3';
}
.icon-papers:before {
  content: '\e6d4';
}
.icon-news:before {
  content: '\e6d5';
}
.icon-reading:before {
  content: '\e6d6';
}
.icon-typewriter:before {
  content: '\e6d7';
}
.icon-document:before {
  content: '\e6d8';
}
.icon-document2:before {
  content: '\e6d9';
}
.icon-graduation-hat:before {
  content: '\e6da';
}
.icon-license:before {
  content: '\e6db';
}
.icon-license2:before {
  content: '\e6dc';
}
.icon-medal-empty:before {
  content: '\e6dd';
}
.icon-medal-first:before {
  content: '\e6de';
}
.icon-medal-second:before {
  content: '\e6df';
}
.icon-medal-third:before {
  content: '\e6e0';
}
.icon-podium:before {
  content: '\e6e1';
}
.icon-trophy:before {
  content: '\e6e2';
}
.icon-trophy2:before {
  content: '\e6e3';
}
.icon-music-note:before {
  content: '\e6e4';
}
.icon-music-note2:before {
  content: '\e6e5';
}
.icon-music-note3:before {
  content: '\e6e6';
}
.icon-playlist:before {
  content: '\e6e7';
}
.icon-playlist-add:before {
  content: '\e6e8';
}
.icon-guitar:before {
  content: '\e6e9';
}
.icon-trumpet:before {
  content: '\e6ea';
}
.icon-album:before {
  content: '\e6eb';
}
.icon-shuffle:before {
  content: '\e6ec';
}
.icon-repeat-one:before {
  content: '\e6ed';
}
.icon-repeat:before {
  content: '\e6ee';
}
.icon-headphones:before {
  content: '\e6ef';
}
.icon-headset:before {
  content: '\e6f0';
}
.icon-loudspeaker:before {
  content: '\e6f1';
}
.icon-equalizer:before {
  content: '\e6f2';
}
.icon-theater:before {
  content: '\e6f3';
}
.icon-3d-glasses:before {
  content: '\e6f4';
}
.icon-ticket:before {
  content: '\e6f5';
}
.icon-presentation:before {
  content: '\e6f6';
}
.icon-play:before {
  content: '\e6f7';
}
.icon-film-play:before {
  content: '\e6f8';
}
.icon-clapboard-play:before {
  content: '\e6f9';
}
.icon-media:before {
  content: '\e6fa';
}
.icon-film:before {
  content: '\e6fb';
}
.icon-film2:before {
  content: '\e6fc';
}
.icon-surveillance:before {
  content: '\e6fd';
}
.icon-surveillance2:before {
  content: '\e6fe';
}
/* .icon-camera:before {
    content: "\e6ff";
  } */
.icon-camera-crossed:before {
  content: '\e700';
}
.icon-camera-play:before {
  content: '\e701';
}
.icon-time-lapse:before {
  content: '\e702';
}
.icon-record:before {
  content: '\e703';
}
.icon-camera2:before {
  content: '\e704';
}
.icon-camera-flip:before {
  content: '\e705';
}
.icon-panorama:before {
  content: '\e706';
}
.icon-time-lapse2:before {
  content: '\e707';
}
.icon-shutter:before {
  content: '\e708';
}
.icon-shutter2:before {
  content: '\e709';
}
.icon-face-detection:before {
  content: '\e70a';
}
.icon-flare:before {
  content: '\e70b';
}
.icon-convex:before {
  content: '\e70c';
}
.icon-concave:before {
  content: '\e70d';
}
.icon-picture:before {
  content: '\e70e';
}
.icon-picture2:before {
  content: '\e70f';
}
.icon-picture3:before {
  content: '\e710';
}
.icon-pictures:before {
  content: '\e711';
}
.icon-book:before {
  content: '\e712';
}
.icon-audio-book:before {
  content: '\e713';
}
.icon-book2:before {
  content: '\e714';
}
.icon-bookmark:before {
  content: '\e715';
}
.icon-bookmark2:before {
  content: '\e716';
}
.icon-label:before {
  content: '\e717';
}
.icon-library:before {
  content: '\e718';
}
.icon-library2:before {
  content: '\e719';
}
.icon-contacts:before {
  content: '\e71a';
}
.icon-profile:before {
  content: '\e71b';
}
.icon-portrait:before {
  content: '\e71c';
}
.icon-portrait2:before {
  content: '\e71d';
}
.icon-user:before {
  content: '\e71e';
}
.icon-user-plus:before {
  content: '\e71f';
}
.icon-user-minus:before {
  content: '\e720';
}
.icon-user-lock:before {
  content: '\e721';
}
.icon-users:before {
  content: '\e722';
}
.icon-users2:before {
  content: '\e723';
}
.icon-users-plus:before {
  content: '\e724';
}
.icon-users-minus:before {
  content: '\e725';
}
.icon-group-work:before {
  content: '\e726';
}
.icon-woman:before {
  content: '\e727';
}
.icon-man:before {
  content: '\e728';
}
.icon-baby:before {
  content: '\e729';
}
.icon-baby2:before {
  content: '\e72a';
}
.icon-baby3:before {
  content: '\e72b';
}
.icon-baby-bottle:before {
  content: '\e72c';
}
.icon-walk:before {
  content: '\e72d';
}
.icon-hand-waving:before {
  content: '\e72e';
}
.icon-jump:before {
  content: '\e72f';
}
.icon-run:before {
  content: '\e730';
}
.icon-woman2:before {
  content: '\e731';
}
.icon-man2:before {
  content: '\e732';
}
.icon-man-woman:before {
  content: '\e733';
}
.icon-height:before {
  content: '\e734';
}
.icon-weight:before {
  content: '\e735';
}
.icon-scale:before {
  content: '\e736';
}
.icon-button:before {
  content: '\e737';
}
.icon-bow-tie:before {
  content: '\e738';
}
.icon-tie:before {
  content: '\e739';
}
.icon-socks:before {
  content: '\e73a';
}
.icon-shoe:before {
  content: '\e73b';
}
.icon-shoes:before {
  content: '\e73c';
}
.icon-hat:before {
  content: '\e73d';
}
.icon-pants:before {
  content: '\e73e';
}
.icon-shorts:before {
  content: '\e73f';
}
.icon-flip-flops:before {
  content: '\e740';
}
.icon-shirt:before {
  content: '\e741';
}
.icon-hanger:before {
  content: '\e742';
}
.icon-laundry:before {
  content: '\e743';
}
.icon-store:before {
  content: '\e744';
}
.icon-haircut:before {
  content: '\e745';
}
.icon-store-24:before {
  content: '\e746';
}
.icon-barcode:before {
  content: '\e747';
}
.icon-barcode2:before {
  content: '\e748';
}
.icon-barcode3:before {
  content: '\e749';
}
.icon-cashier:before {
  content: '\e74a';
}
.icon-bag:before {
  content: '\e74b';
}
.icon-bag2:before {
  content: '\e74c';
}
.icon-cart:before {
  content: '\e74d';
}
.icon-cart-empty:before {
  content: '\e74e';
}
.icon-cart-full:before {
  content: '\e74f';
}
.icon-cart-plus:before {
  content: '\e750';
}
.icon-cart-plus2:before {
  content: '\e751';
}
.icon-cart-add:before {
  content: '\e752';
}
.icon-cart-remove:before {
  content: '\e753';
}
.icon-cart-exchange:before {
  content: '\e754';
}
.icon-tag:before {
  content: '\e755';
}
.icon-tags:before {
  content: '\e756';
}
.icon-receipt:before {
  content: '\e757';
}
.icon-wallet:before {
  content: '\e758';
}
.icon-credit-card:before {
  content: '\e759';
}
.icon-cash-dollar:before {
  content: '\e75a';
}
.icon-cash-euro:before {
  content: '\e75b';
}
.icon-cash-pound:before {
  content: '\e75c';
}
.icon-cash-yen:before {
  content: '\e75d';
}
.icon-bag-dollar:before {
  content: '\e75e';
}
.icon-bag-euro:before {
  content: '\e75f';
}
.icon-bag-pound:before {
  content: '\e760';
}
.icon-bag-yen:before {
  content: '\e761';
}
.icon-coin-dollar:before {
  content: '\e762';
}
.icon-coin-euro:before {
  content: '\e763';
}
.icon-coin-pound:before {
  content: '\e764';
}
.icon-coin-yen:before {
  content: '\e765';
}
.icon-calculator:before {
  content: '\e766';
}
.icon-calculator2:before {
  content: '\e767';
}
.icon-abacus:before {
  content: '\e768';
}
.icon-vault:before {
  content: '\e769';
}
.icon-telephone:before {
  content: '\e76a';
}
.icon-phone-lock:before {
  content: '\e76b';
}
.icon-phone-wave:before {
  content: '\e76c';
}
.icon-phone-pause:before {
  content: '\e76d';
}
.icon-phone-outgoing:before {
  content: '\e76e';
}
.icon-phone-incoming:before {
  content: '\e76f';
}
.icon-phone-in-out:before {
  content: '\e770';
}
.icon-phone-error:before {
  content: '\e771';
}
.icon-phone-sip:before {
  content: '\e772';
}
.icon-phone-plus:before {
  content: '\e773';
}
.icon-phone-minus:before {
  content: '\e774';
}
.icon-voicemail:before {
  content: '\e775';
}
.icon-dial:before {
  content: '\e776';
}
.icon-telephone2:before {
  content: '\e777';
}
.icon-pushpin:before {
  content: '\e778';
}
.icon-pushpin2:before {
  content: '\e779';
}
/* .icon-map-marker:before {
    content: "\e77a";
  } */
.icon-map-marker-user:before {
  content: '\e77b';
}
.icon-map-marker-down:before {
  content: '\e77c';
}
.icon-map-marker-check:before {
  content: '\e77d';
}
.icon-map-marker-crossed:before {
  content: '\e77e';
}
.icon-radar:before {
  content: '\e77f';
}
.icon-compass2:before {
  content: '\e780';
}
.icon-map:before {
  content: '\e781';
}
.icon-map2:before {
  content: '\e782';
}
.icon-location:before {
  content: '\e783';
}
.icon-road-sign:before {
  content: '\e784';
}
.icon-calendar-empty:before {
  content: '\e785';
}
.icon-calendar-check:before {
  content: '\e786';
}
.icon-calendar-cross:before {
  content: '\e787';
}
.icon-calendar-31:before {
  content: '\e788';
}
.icon-calendar-full:before {
  content: '\e789';
}
.icon-calendar-insert:before {
  content: '\e78a';
}
.icon-calendar-text:before {
  content: '\e78b';
}
.icon-calendar-user:before {
  content: '\e78c';
}
.icon-mouse:before {
  content: '\e78d';
}
.icon-mouse-left:before {
  content: '\e78e';
}
.icon-mouse-right:before {
  content: '\e78f';
}
.icon-mouse-both:before {
  content: '\e790';
}
.icon-keyboard:before {
  content: '\e791';
}
.icon-keyboard-up:before {
  content: '\e792';
}
.icon-keyboard-down:before {
  content: '\e793';
}
.icon-delete:before {
  content: '\e794';
}
.icon-spell-check:before {
  content: '\e795';
}
.icon-escape:before {
  content: '\e796';
}
.icon-enter2:before {
  content: '\e797';
}
.icon-screen:before {
  content: '\e798';
}
.icon-aspect-ratio:before {
  content: '\e799';
}
.icon-signal:before {
  content: '\e79a';
}
.icon-signal-lock:before {
  content: '\e79b';
}
.icon-signal-80:before {
  content: '\e79c';
}
.icon-signal-60:before {
  content: '\e79d';
}
.icon-signal-40:before {
  content: '\e79e';
}
.icon-signal-20:before {
  content: '\e79f';
}
.icon-signal-0:before {
  content: '\e7a0';
}
.icon-signal-blocked:before {
  content: '\e7a1';
}
.icon-sim:before {
  content: '\e7a2';
}
.icon-flash-memory:before {
  content: '\e7a3';
}
.icon-usb-drive:before {
  content: '\e7a4';
}
.icon-phone:before {
  content: '\e7a5';
}
.icon-smartphone:before {
  content: '\e7a6';
}
.icon-smartphone-notification:before {
  content: '\e7a7';
}
.icon-smartphone-vibration:before {
  content: '\e7a8';
}
.icon-smartphone-embed:before {
  content: '\e7a9';
}
.icon-smartphone-waves:before {
  content: '\e7aa';
}
.icon-tablet:before {
  content: '\e7ab';
}
.icon-tablet2:before {
  content: '\e7ac';
}
.icon-laptop:before {
  content: '\e7ad';
}
.icon-laptop-phone:before {
  content: '\e7ae';
}
.icon-desktop:before {
  content: '\e7af';
}
.icon-launch:before {
  content: '\e7b0';
}
.icon-new-tab:before {
  content: '\e7b1';
}
.icon-window:before {
  content: '\e7b2';
}
.icon-cable:before {
  content: '\e7b3';
}
.icon-cable2:before {
  content: '\e7b4';
}
.icon-tv:before {
  content: '\e7b5';
}
.icon-radio:before {
  content: '\e7b6';
}
.icon-remote-control:before {
  content: '\e7b7';
}
.icon-power-switch:before {
  content: '\e7b8';
}
.icon-power:before {
  content: '\e7b9';
}
.icon-power-crossed:before {
  content: '\e7ba';
}
.icon-flash-auto:before {
  content: '\e7bb';
}
.icon-lamp:before {
  content: '\e7bc';
}
.icon-flashlight:before {
  content: '\e7bd';
}
.icon-lampshade:before {
  content: '\e7be';
}
.icon-cord:before {
  content: '\e7bf';
}
.icon-outlet:before {
  content: '\e7c0';
}
.icon-battery-power:before {
  content: '\e7c1';
}
.icon-battery-empty:before {
  content: '\e7c2';
}
.icon-battery-alert:before {
  content: '\e7c3';
}
.icon-battery-error:before {
  content: '\e7c4';
}
.icon-battery-low1:before {
  content: '\e7c5';
}
.icon-battery-low2:before {
  content: '\e7c6';
}
.icon-battery-low3:before {
  content: '\e7c7';
}
.icon-battery-mid1:before {
  content: '\e7c8';
}
.icon-battery-mid2:before {
  content: '\e7c9';
}
.icon-battery-mid3:before {
  content: '\e7ca';
}
.icon-battery-full:before {
  content: '\e7cb';
}
.icon-battery-charging:before {
  content: '\e7cc';
}
.icon-battery-charging2:before {
  content: '\e7cd';
}
.icon-battery-charging3:before {
  content: '\e7ce';
}
.icon-battery-charging4:before {
  content: '\e7cf';
}
.icon-battery-charging5:before {
  content: '\e7d0';
}
.icon-battery-charging6:before {
  content: '\e7d1';
}
.icon-battery-charging7:before {
  content: '\e7d2';
}
.icon-chip:before {
  content: '\e7d3';
}
.icon-chip-x64:before {
  content: '\e7d4';
}
.icon-chip-x86:before {
  content: '\e7d5';
}
.icon-bubble:before {
  content: '\e7d6';
}
.icon-bubbles:before {
  content: '\e7d7';
}
.icon-bubble-dots:before {
  content: '\e7d8';
}
.icon-bubble-alert:before {
  content: '\e7d9';
}
.icon-bubble-question:before {
  content: '\e7da';
}
.icon-bubble-text:before {
  content: '\e7db';
}
.icon-bubble-pencil:before {
  content: '\e7dc';
}
.icon-bubble-picture:before {
  content: '\e7dd';
}
.icon-bubble-video:before {
  content: '\e7de';
}
.icon-bubble-user:before {
  content: '\e7df';
}
.icon-bubble-quote:before {
  content: '\e7e0';
}
.icon-bubble-heart:before {
  content: '\e7e1';
}
.icon-bubble-emoticon:before {
  content: '\e7e2';
}
.icon-bubble-attachment:before {
  content: '\e7e3';
}
.icon-phone-bubble:before {
  content: '\e7e4';
}
.icon-quote-open:before {
  content: '\e7e5';
}
.icon-quote-close:before {
  content: '\e7e6';
}
.icon-dna:before {
  content: '\e7e7';
}
.icon-heart-pulse:before {
  content: '\e7e8';
}
.icon-pulse:before {
  content: '\e7e9';
}
.icon-syringe:before {
  content: '\e7ea';
}
.icon-pills:before {
  content: '\e7eb';
}
.icon-first-aid:before {
  content: '\e7ec';
}
.icon-lifebuoy:before {
  content: '\e7ed';
}
.icon-bandage:before {
  content: '\e7ee';
}
.icon-bandages:before {
  content: '\e7ef';
}
.icon-thermometer:before {
  content: '\e7f0';
}
.icon-microscope:before {
  content: '\e7f1';
}
.icon-brain:before {
  content: '\e7f2';
}
.icon-beaker:before {
  content: '\e7f3';
}
.icon-skull:before {
  content: '\e7f4';
}
.icon-bone:before {
  content: '\e7f5';
}
.icon-construction:before {
  content: '\e7f6';
}
.icon-construction-cone:before {
  content: '\e7f7';
}
.icon-pie-chart:before {
  content: '\e7f8';
}
.icon-pie-chart2:before {
  content: '\e7f9';
}
.icon-graph:before {
  content: '\e7fa';
}
.icon-chart-growth:before {
  content: '\e7fb';
}
.icon-chart-bars:before {
  content: '\e7fc';
}
.icon-chart-settings:before {
  content: '\e7fd';
}
.icon-cake:before {
  content: '\e7fe';
}
.icon-gift:before {
  content: '\e7ff';
}
.icon-balloon:before {
  content: '\e800';
}
.icon-rank:before {
  content: '\e801';
}
.icon-rank2:before {
  content: '\e802';
}
.icon-rank3:before {
  content: '\e803';
}
.icon-crown:before {
  content: '\e804';
}
.icon-lotus:before {
  content: '\e805';
}
.icon-diamond:before {
  content: '\e806';
}
.icon-diamond2:before {
  content: '\e807';
}
.icon-diamond3:before {
  content: '\e808';
}
.icon-diamond4:before {
  content: '\e809';
}
.icon-linearicons:before {
  content: '\e80a';
}
.icon-teacup:before {
  content: '\e80b';
}
.icon-teapot:before {
  content: '\e80c';
}
.icon-glass:before {
  content: '\e80d';
}
.icon-bottle2:before {
  content: '\e80e';
}
.icon-glass-cocktail:before {
  content: '\e80f';
}
.icon-glass2:before {
  content: '\e810';
}
.icon-dinner:before {
  content: '\e811';
}
.icon-dinner2:before {
  content: '\e812';
}
.icon-chef:before {
  content: '\e813';
}
.icon-scale2:before {
  content: '\e814';
}
.icon-egg:before {
  content: '\e815';
}
.icon-egg2:before {
  content: '\e816';
}
.icon-eggs:before {
  content: '\e817';
}
.icon-platter:before {
  content: '\e818';
}
.icon-steak:before {
  content: '\e819';
}
.icon-hamburger:before {
  content: '\e81a';
}
.icon-hotdog:before {
  content: '\e81b';
}
.icon-pizza:before {
  content: '\e81c';
}
.icon-sausage:before {
  content: '\e81d';
}
.icon-chicken:before {
  content: '\e81e';
}
.icon-fish:before {
  content: '\e81f';
}
.icon-carrot:before {
  content: '\e820';
}
.icon-cheese:before {
  content: '\e821';
}
.icon-bread:before {
  content: '\e822';
}
.icon-ice-cream:before {
  content: '\e823';
}
.icon-ice-cream2:before {
  content: '\e824';
}
.icon-candy:before {
  content: '\e825';
}
.icon-lollipop:before {
  content: '\e826';
}
.icon-coffee-bean:before {
  content: '\e827';
}
.icon-coffee-cup:before {
  content: '\e828';
}
.icon-cherry:before {
  content: '\e829';
}
.icon-grapes:before {
  content: '\e82a';
}
.icon-citrus:before {
  content: '\e82b';
}
.icon-apple:before {
  content: '\e82c';
}
.icon-leaf:before {
  content: '\e82d';
}
.icon-landscape:before {
  content: '\e82e';
}
.icon-pine-tree:before {
  content: '\e82f';
}
.icon-tree:before {
  content: '\e830';
}
.icon-cactus:before {
  content: '\e831';
}
.icon-paw:before {
  content: '\e832';
}
.icon-footprint:before {
  content: '\e833';
}
.icon-speed-slow:before {
  content: '\e834';
}
.icon-speed-medium:before {
  content: '\e835';
}
.icon-speed-fast:before {
  content: '\e836';
}
.icon-rocket:before {
  content: '\e837';
}
.icon-hammer2:before {
  content: '\e838';
}
.icon-balance:before {
  content: '\e839';
}
.icon-briefcase:before {
  content: '\e83a';
}
.icon-luggage-weight:before {
  content: '\e83b';
}
.icon-dolly:before {
  content: '\e83c';
}
.icon-plane:before {
  content: '\e83d';
}
.icon-plane-crossed:before {
  content: '\e83e';
}
.icon-helicopter:before {
  content: '\e83f';
}
.icon-traffic-lights:before {
  content: '\e840';
}
.icon-siren:before {
  content: '\e841';
}
.icon-road:before {
  content: '\e842';
}
.icon-engine:before {
  content: '\e843';
}
.icon-oil-pressure:before {
  content: '\e844';
}
.icon-coolant-temperature:before {
  content: '\e845';
}
.icon-car-battery:before {
  content: '\e846';
}
.icon-gas:before {
  content: '\e847';
}
.icon-gallon:before {
  content: '\e848';
}
.icon-transmission:before {
  content: '\e849';
}
.icon-car:before {
  content: '\e84a';
}
.icon-car-wash:before {
  content: '\e84b';
}
.icon-car-wash2:before {
  content: '\e84c';
}
.icon-bus:before {
  content: '\e84d';
}
.icon-bus2:before {
  content: '\e84e';
}
.icon-car2:before {
  content: '\e84f';
}
.icon-parking:before {
  content: '\e850';
}
.icon-car-lock:before {
  content: '\e851';
}
.icon-taxi:before {
  content: '\e852';
}
.icon-car-siren:before {
  content: '\e853';
}
.icon-car-wash3:before {
  content: '\e854';
}
.icon-car-wash4:before {
  content: '\e855';
}
.icon-ambulance:before {
  content: '\e856';
}
.icon-truck:before {
  content: '\e857';
}
.icon-trailer:before {
  content: '\e858';
}
.icon-scale-truck:before {
  content: '\e859';
}
.icon-train:before {
  content: '\e85a';
}
.icon-ship:before {
  content: '\e85b';
}
.icon-ship2:before {
  content: '\e85c';
}
.icon-anchor:before {
  content: '\e85d';
}
.icon-boat:before {
  content: '\e85e';
}
.icon-bicycle:before {
  content: '\e85f';
}
.icon-bicycle2:before {
  content: '\e860';
}
.icon-dumbbell:before {
  content: '\e861';
}
.icon-bench-press:before {
  content: '\e862';
}
.icon-swim:before {
  content: '\e863';
}
.icon-football:before {
  content: '\e864';
}
.icon-baseball-bat:before {
  content: '\e865';
}
.icon-baseball:before {
  content: '\e866';
}
.icon-tennis:before {
  content: '\e867';
}
.icon-tennis2:before {
  content: '\e868';
}
.icon-ping-pong:before {
  content: '\e869';
}
.icon-hockey:before {
  content: '\e86a';
}
.icon-8ball:before {
  content: '\e86b';
}
.icon-bowling:before {
  content: '\e86c';
}
.icon-bowling-pins:before {
  content: '\e86d';
}
.icon-golf:before {
  content: '\e86e';
}
.icon-golf2:before {
  content: '\e86f';
}
.icon-archery:before {
  content: '\e870';
}
.icon-slingshot:before {
  content: '\e871';
}
.icon-soccer:before {
  content: '\e872';
}
.icon-basketball:before {
  content: '\e873';
}
.icon-cube:before {
  content: '\e874';
}
.icon-3d-rotate:before {
  content: '\e875';
}
.icon-puzzle:before {
  content: '\e876';
}
.icon-glasses:before {
  content: '\e877';
}
.icon-glasses2:before {
  content: '\e878';
}
.icon-accessibility:before {
  content: '\e879';
}
.icon-wheelchair:before {
  content: '\e87a';
}
.icon-wall:before {
  content: '\e87b';
}
.icon-fence:before {
  content: '\e87c';
}
.icon-wall2:before {
  content: '\e87d';
}
.icon-icons:before {
  content: '\e87e';
}
.icon-resize-handle:before {
  content: '\e87f';
}
.icon-icons2:before {
  content: '\e880';
}
.icon-select:before {
  content: '\e881';
}
.icon-select2:before {
  content: '\e882';
}
.icon-site-map:before {
  content: '\e883';
}
.icon-earth:before {
  content: '\e884';
}
.icon-earth-lock:before {
  content: '\e885';
}
.icon-network:before {
  content: '\e886';
}
.icon-network-lock:before {
  content: '\e887';
}
.icon-planet:before {
  content: '\e888';
}
.icon-happy:before {
  content: '\e889';
}
.icon-smile:before {
  content: '\e88a';
}
.icon-grin:before {
  content: '\e88b';
}
.icon-tongue:before {
  content: '\e88c';
}
.icon-sad:before {
  content: '\e88d';
}
.icon-wink:before {
  content: '\e88e';
}
.icon-dream:before {
  content: '\e88f';
}
.icon-shocked:before {
  content: '\e890';
}
.icon-shocked2:before {
  content: '\e891';
}
.icon-tongue2:before {
  content: '\e892';
}
.icon-neutral:before {
  content: '\e893';
}
.icon-happy-grin:before {
  content: '\e894';
}
.icon-cool:before {
  content: '\e895';
}
.icon-mad:before {
  content: '\e896';
}
.icon-grin-evil:before {
  content: '\e897';
}
.icon-evil:before {
  content: '\e898';
}
.icon-wow:before {
  content: '\e899';
}
.icon-annoyed:before {
  content: '\e89a';
}
.icon-wondering:before {
  content: '\e89b';
}
.icon-confused:before {
  content: '\e89c';
}
.icon-zipped:before {
  content: '\e89d';
}
.icon-grumpy:before {
  content: '\e89e';
}
.icon-mustache:before {
  content: '\e89f';
}
.icon-tombstone-hipster:before {
  content: '\e8a0';
}
.icon-tombstone:before {
  content: '\e8a1';
}
.icon-ghost:before {
  content: '\e8a2';
}
.icon-ghost-hipster:before {
  content: '\e8a3';
}
.icon-halloween:before {
  content: '\e8a4';
}
.icon-christmas:before {
  content: '\e8a5';
}
.icon-easter-egg:before {
  content: '\e8a6';
}
.icon-mustache2:before {
  content: '\e8a7';
}
.icon-mustache-glasses:before {
  content: '\e8a8';
}
.icon-pipe:before {
  content: '\e8a9';
}
.icon-alarm:before {
  content: '\e8aa';
}
.icon-alarm-add:before {
  content: '\e8ab';
}
.icon-alarm-snooze:before {
  content: '\e8ac';
}
.icon-alarm-ringing:before {
  content: '\e8ad';
}
.icon-bullhorn:before {
  content: '\e8ae';
}
.icon-hearing:before {
  content: '\e8af';
}
.icon-volume-high:before {
  content: '\e8b0';
}
.icon-volume-medium:before {
  content: '\e8b1';
}
.icon-volume-low:before {
  content: '\e8b2';
}
.icon-volume:before {
  content: '\e8b3';
}
.icon-mute:before {
  content: '\e8b4';
}
.icon-lan:before {
  content: '\e8b5';
}
.icon-lan2:before {
  content: '\e8b6';
}
.icon-wifi:before {
  content: '\e8b7';
}
.icon-wifi-lock:before {
  content: '\e8b8';
}
.icon-wifi-blocked:before {
  content: '\e8b9';
}
.icon-wifi-mid:before {
  content: '\e8ba';
}
.icon-wifi-low:before {
  content: '\e8bb';
}
.icon-wifi-low2:before {
  content: '\e8bc';
}
.icon-wifi-alert:before {
  content: '\e8bd';
}
.icon-wifi-alert-mid:before {
  content: '\e8be';
}
.icon-wifi-alert-low:before {
  content: '\e8bf';
}
.icon-wifi-alert-low2:before {
  content: '\e8c0';
}
.icon-stream:before {
  content: '\e8c1';
}
.icon-stream-check:before {
  content: '\e8c2';
}
.icon-stream-error:before {
  content: '\e8c3';
}
.icon-stream-alert:before {
  content: '\e8c4';
}
.icon-communication:before {
  content: '\e8c5';
}
.icon-communication-crossed:before {
  content: '\e8c6';
}
.icon-broadcast:before {
  content: '\e8c7';
}
.icon-antenna:before {
  content: '\e8c8';
}
.icon-satellite:before {
  content: '\e8c9';
}
.icon-satellite2:before {
  content: '\e8ca';
}
.icon-mic:before {
  content: '\e8cb';
}
.icon-mic-mute:before {
  content: '\e8cc';
}
.icon-mic2:before {
  content: '\e8cd';
}
.icon-spotlights:before {
  content: '\e8ce';
}
.icon-hourglass:before {
  content: '\e8cf';
}
.icon-loading:before {
  content: '\e8d0';
}
.icon-loading2:before {
  content: '\e8d1';
}
.icon-loading3:before {
  content: '\e8d2';
}
.icon-refresh:before {
  content: '\e8d3';
}
.icon-refresh2:before {
  content: '\e8d4';
}
.icon-undo:before {
  content: '\e8d5';
}
.icon-redo:before {
  content: '\e8d6';
}
.icon-jump2:before {
  content: '\e8d7';
}
.icon-undo2:before {
  content: '\e8d8';
}
.icon-redo2:before {
  content: '\e8d9';
}
.icon-sync:before {
  content: '\e8da';
}
.icon-repeat-one2:before {
  content: '\e8db';
}
.icon-sync-crossed:before {
  content: '\e8dc';
}
.icon-sync2:before {
  content: '\e8dd';
}
.icon-repeat-one3:before {
  content: '\e8de';
}
.icon-sync-crossed2:before {
  content: '\e8df';
}
.icon-return:before {
  content: '\e8e0';
}
.icon-return2:before {
  content: '\e8e1';
}
.icon-refund:before {
  content: '\e8e2';
}
.icon-history:before {
  content: '\e8e3';
}
.icon-history2:before {
  content: '\e8e4';
}
.icon-self-timer:before {
  content: '\e8e5';
}
.icon-clock:before {
  content: '\e8e6';
}
.icon-clock2:before {
  content: '\e8e7';
}
.icon-clock3:before {
  content: '\e8e8';
}
.icon-watch:before {
  content: '\e8e9';
}
.icon-alarm2:before {
  content: '\e8ea';
}
.icon-alarm-add2:before {
  content: '\e8eb';
}
.icon-alarm-remove:before {
  content: '\e8ec';
}
.icon-alarm-check:before {
  content: '\e8ed';
}
.icon-alarm-error:before {
  content: '\e8ee';
}
.icon-timer:before {
  content: '\e8ef';
}
.icon-timer-crossed:before {
  content: '\e8f0';
}
.icon-timer2:before {
  content: '\e8f1';
}
.icon-timer-crossed2:before {
  content: '\e8f2';
}
.icon-download:before {
  content: '\e8f3';
}
.icon-upload:before {
  content: '\e8f4';
}
.icon-download2:before {
  content: '\e8f5';
}
.icon-upload2:before {
  content: '\e8f6';
}
.icon-enter-up:before {
  content: '\e8f7';
}
.icon-enter-down:before {
  content: '\e8f8';
}
.icon-enter-left:before {
  content: '\e8f9';
}
.icon-enter-right:before {
  content: '\e8fa';
}
.icon-exit-up:before {
  content: '\e8fb';
}
.icon-exit-down:before {
  content: '\e8fc';
}
.icon-exit-left:before {
  content: '\e8fd';
}
.icon-exit-right:before {
  content: '\e8fe';
}
.icon-enter-up2:before {
  content: '\e8ff';
}
.icon-enter-down2:before {
  content: '\e900';
}
.icon-enter-vertical:before {
  content: '\e901';
}
.icon-enter-left2:before {
  content: '\e902';
}
.icon-enter-right2:before {
  content: '\e903';
}
.icon-enter-horizontal:before {
  content: '\e904';
}
.icon-exit-up2:before {
  content: '\e905';
}
.icon-exit-down2:before {
  content: '\e906';
}
.icon-exit-left2:before {
  content: '\e907';
}
.icon-exit-right2:before {
  content: '\e908';
}
.icon-cli:before {
  content: '\e909';
}
.icon-bug:before {
  content: '\e90a';
}
.icon-code:before {
  content: '\e90b';
}
.icon-file-code:before {
  content: '\e90c';
}
.icon-file-image:before {
  content: '\e90d';
}
.icon-file-zip:before {
  content: '\e90e';
}
.icon-file-audio:before {
  content: '\e90f';
}
.icon-file-video:before {
  content: '\e910';
}
.icon-file-preview:before {
  content: '\e911';
}
.icon-file-charts:before {
  content: '\e912';
}
.icon-file-stats:before {
  content: '\e913';
}
.icon-file-spreadsheet:before {
  content: '\e914';
}
.icon-link:before {
  content: '\e915';
}
.icon-unlink:before {
  content: '\e916';
}
.icon-link2:before {
  content: '\e917';
}
.icon-unlink2:before {
  content: '\e918';
}
.icon-thumbs-up:before {
  content: '\e919';
}
.icon-thumbs-down:before {
  content: '\e91a';
}
.icon-thumbs-up2:before {
  content: '\e91b';
}
.icon-thumbs-down2:before {
  content: '\e91c';
}
.icon-thumbs-up3:before {
  content: '\e91d';
}
.icon-thumbs-down3:before {
  content: '\e91e';
}
.icon-share:before {
  content: '\e91f';
}
.icon-share2:before {
  content: '\e920';
}
.icon-share3:before {
  content: '\e921';
}
.icon-magnifier:before {
  content: '\e922';
}
.icon-file-search:before {
  content: '\e923';
}
.icon-find-replace:before {
  content: '\e924';
}
.icon-zoom-in:before {
  content: '\e925';
}
.icon-zoom-out:before {
  content: '\e926';
}
.icon-loupe:before {
  content: '\e927';
}
.icon-loupe-zoom-in:before {
  content: '\e928';
}
.icon-loupe-zoom-out:before {
  content: '\e929';
}
.icon-cross:before {
  content: '\e92a';
}
.icon-menu:before {
  content: '\e92b';
}
.icon-list:before {
  content: '\e92c';
}
.icon-list2:before {
  content: '\e92d';
}
.icon-list3:before {
  content: '\e92e';
}
.icon-menu2:before {
  content: '\e92f';
}
.icon-list4:before {
  content: '\e930';
}
.icon-menu3:before {
  content: '\e931';
}
.icon-exclamation:before {
  content: '\e932';
}
/* .icon-question:before {
    content: "\e933";
  } */
.icon-check:before {
  content: '\e934';
}
.icon-cross2:before {
  content: '\e935';
}
.icon-plus:before {
  content: '\e936';
}
.icon-minus:before {
  content: '\e937';
}
.icon-percent:before {
  content: '\e938';
}
.icon-chevron-up:before {
  content: '\e939';
}
/* .icon-chevron-down:before {
    content: "\e93a";
  } */
/* .icon-chevron-left:before {
    content: "\e93b";
  } */
/* .icon-chevron-right:before {
    content: "\e93c";
  } */
.icon-chevrons-expand-vertical:before {
  content: '\e93d';
}
.icon-chevrons-expand-horizontal:before {
  content: '\e93e';
}
.icon-chevrons-contract-vertical:before {
  content: '\e93f';
}
.icon-chevrons-contract-horizontal:before {
  content: '\e940';
}
.icon-arrow-up:before {
  content: '\e941';
}
.icon-arrow-down:before {
  content: '\e942';
}
.icon-arrow-left:before {
  content: '\e943';
}
.icon-arrow-right:before {
  content: '\e944';
}
.icon-arrow-up-right:before {
  content: '\e945';
}
.icon-arrows-merge:before {
  content: '\e946';
}
.icon-arrows-split:before {
  content: '\e947';
}
.icon-arrow-divert:before {
  content: '\e948';
}
.icon-arrow-return:before {
  content: '\e949';
}
.icon-expand:before {
  content: '\e94a';
}
.icon-contract:before {
  content: '\e94b';
}
.icon-expand2:before {
  content: '\e94c';
}
.icon-contract2:before {
  content: '\e94d';
}
.icon-move:before {
  content: '\e94e';
}
.icon-tab:before {
  content: '\e94f';
}
.icon-arrow-wave:before {
  content: '\e950';
}
.icon-expand3:before {
  content: '\e951';
}
.icon-expand4:before {
  content: '\e952';
}
.icon-contract3:before {
  content: '\e953';
}
.icon-notification:before {
  content: '\e954';
}
.icon-warning:before {
  content: '\e955';
}
.icon-notification-circle:before {
  content: '\e956';
}
.icon-question-circle:before {
  content: '\e957';
}
.icon-menu-circle:before {
  content: '\e958';
}
.icon-checkmark-circle:before {
  content: '\e959';
}
.icon-cross-circle:before {
  content: '\e95a';
}
.icon-plus-circle:before {
  content: '\e95b';
}
.icon-circle-minus:before {
  content: '\e95c';
}
.icon-percent-circle:before {
  content: '\e95d';
}
.icon-arrow-up-circle:before {
  content: '\e95e';
}
.icon-arrow-down-circle:before {
  content: '\e95f';
}
.icon-arrow-left-circle:before {
  content: '\e960';
}
.icon-arrow-right-circle:before {
  content: '\e961';
}
.icon-chevron-up-circle:before {
  content: '\e962';
}
.icon-chevron-down-circle:before {
  content: '\e963';
}
.icon-chevron-left-circle:before {
  content: '\e964';
}
.icon-chevron-right-circle:before {
  content: '\e965';
}
.icon-backward-circle:before {
  content: '\e966';
}
.icon-first-circle:before {
  content: '\e967';
}
.icon-previous-circle:before {
  content: '\e968';
}
.icon-stop-circle:before {
  content: '\e969';
}
.icon-play-circle:before {
  content: '\e96a';
}
.icon-pause-circle:before {
  content: '\e96b';
}
.icon-next-circle:before {
  content: '\e96c';
}
.icon-last-circle:before {
  content: '\e96d';
}
.icon-forward-circle:before {
  content: '\e96e';
}
.icon-eject-circle:before {
  content: '\e96f';
}
.icon-crop:before {
  content: '\e970';
}
.icon-frame-expand:before {
  content: '\e971';
}
.icon-frame-contract:before {
  content: '\e972';
}
.icon-focus:before {
  content: '\e973';
}
.icon-transform:before {
  content: '\e974';
}
.icon-grid:before {
  content: '\e975';
}
.icon-grid-crossed:before {
  content: '\e976';
}
.icon-layers:before {
  content: '\e977';
}
.icon-layers-crossed:before {
  content: '\e978';
}
.icon-toggle:before {
  content: '\e979';
}
.icon-rulers:before {
  content: '\e97a';
}
.icon-ruler:before {
  content: '\e97b';
}
.icon-funnel:before {
  content: '\e97c';
}
.icon-flip-horizontal:before {
  content: '\e97d';
}
.icon-flip-vertical:before {
  content: '\e97e';
}
.icon-flip-horizontal2:before {
  content: '\e97f';
}
.icon-flip-vertical2:before {
  content: '\e980';
}
.icon-angle:before {
  content: '\e981';
}
.icon-angle2:before {
  content: '\e982';
}
.icon-subtract:before {
  content: '\e983';
}
.icon-combine:before {
  content: '\e984';
}
.icon-intersect:before {
  content: '\e985';
}
.icon-exclude:before {
  content: '\e986';
}
.icon-align-center-vertical:before {
  content: '\e987';
}
.icon-align-right:before {
  content: '\e988';
}
.icon-align-bottom:before {
  content: '\e989';
}
.icon-align-left:before {
  content: '\e98a';
}
.icon-align-center-horizontal:before {
  content: '\e98b';
}
.icon-align-top:before {
  content: '\e98c';
}
.icon-square:before {
  content: '\e98d';
}
.icon-plus-square:before {
  content: '\e98e';
}
.icon-minus-square:before {
  content: '\e98f';
}
.icon-percent-square:before {
  content: '\e990';
}
.icon-arrow-up-square:before {
  content: '\e991';
}
.icon-arrow-down-square:before {
  content: '\e992';
}
.icon-arrow-left-square:before {
  content: '\e993';
}
.icon-arrow-right-square:before {
  content: '\e994';
}
.icon-chevron-up-square:before {
  content: '\e995';
}
.icon-chevron-down-square:before {
  content: '\e996';
}
.icon-chevron-left-square:before {
  content: '\e997';
}
.icon-chevron-right-square:before {
  content: '\e998';
}
.icon-check-square:before {
  content: '\e999';
}
.icon-cross-square:before {
  content: '\e99a';
}
.icon-menu-square:before {
  content: '\e99b';
}
.icon-prohibited:before {
  content: '\e99c';
}
.icon-circle:before {
  content: '\e99d';
}
.icon-radio-button:before {
  content: '\e99e';
}
.icon-ligature:before {
  content: '\e99f';
}
.icon-text-format:before {
  content: '\e9a0';
}
.icon-text-format-remove:before {
  content: '\e9a1';
}
.icon-text-size:before {
  content: '\e9a2';
}
.icon-bold:before {
  content: '\e9a3';
}
.icon-italic:before {
  content: '\e9a4';
}
.icon-underline:before {
  content: '\e9a5';
}
.icon-strikethrough:before {
  content: '\e9a6';
}
.icon-highlight:before {
  content: '\e9a7';
}
.icon-text-align-left:before {
  content: '\e9a8';
}
.icon-text-align-center:before {
  content: '\e9a9';
}
.icon-text-align-right:before {
  content: '\e9aa';
}
.icon-text-align-justify:before {
  content: '\e9ab';
}
.icon-line-spacing:before {
  content: '\e9ac';
}
.icon-indent-increase:before {
  content: '\e9ad';
}
.icon-indent-decrease:before {
  content: '\e9ae';
}
.icon-text-wrap:before {
  content: '\e9af';
}
.icon-pilcrow:before {
  content: '\e9b0';
}
.icon-direction-ltr:before {
  content: '\e9b1';
}
.icon-direction-rtl:before {
  content: '\e9b2';
}
.icon-page-break:before {
  content: '\e9b3';
}
.icon-page-break2:before {
  content: '\e9b4';
}
.icon-sort-alpha-asc:before {
  content: '\e9b5';
}
.icon-sort-alpha-desc:before {
  content: '\e9b6';
}
.icon-sort-numeric-asc:before {
  content: '\e9b7';
}
.icon-sort-numeric-desc:before {
  content: '\e9b8';
}
.icon-sort-amount-asc:before {
  content: '\e9b9';
}
.icon-sort-amount-desc:before {
  content: '\e9ba';
}
.icon-sort-time-asc:before {
  content: '\e9bb';
}
.icon-sort-time-desc:before {
  content: '\e9bc';
}
.icon-sigma:before {
  content: '\e9bd';
}
.icon-pencil-line:before {
  content: '\e9be';
}
.icon-hand:before {
  content: '\e9bf';
}
.icon-pointer-up:before {
  content: '\e9c0';
}
.icon-pointer-right:before {
  content: '\e9c1';
}
.icon-pointer-down:before {
  content: '\e9c2';
}
.icon-pointer-left:before {
  content: '\e9c3';
}
.icon-finger-tap:before {
  content: '\e9c4';
}
.icon-fingers-tap:before {
  content: '\e9c5';
}
.icon-reminder:before {
  content: '\e9c6';
}
.icon-fingers-crossed:before {
  content: '\e9c7';
}
.icon-fingers-victory:before {
  content: '\e9c8';
}
.icon-gesture-zoom:before {
  content: '\e9c9';
}
.icon-gesture-pinch:before {
  content: '\e9ca';
}
.icon-fingers-scroll-horizontal:before {
  content: '\e9cb';
}
.icon-fingers-scroll-vertical:before {
  content: '\e9cc';
}
.icon-fingers-scroll-left:before {
  content: '\e9cd';
}
.icon-fingers-scroll-right:before {
  content: '\e9ce';
}
.icon-hand2:before {
  content: '\e9cf';
}
.icon-pointer-up2:before {
  content: '\e9d0';
}
.icon-pointer-right2:before {
  content: '\e9d1';
}
.icon-pointer-down2:before {
  content: '\e9d2';
}
.icon-pointer-left2:before {
  content: '\e9d3';
}
.icon-finger-tap2:before {
  content: '\e9d4';
}
.icon-fingers-tap2:before {
  content: '\e9d5';
}
.icon-reminder2:before {
  content: '\e9d6';
}
.icon-gesture-zoom2:before {
  content: '\e9d7';
}
.icon-gesture-pinch2:before {
  content: '\e9d8';
}
.icon-fingers-scroll-horizontal2:before {
  content: '\e9d9';
}
.icon-fingers-scroll-vertical2:before {
  content: '\e9da';
}
.icon-fingers-scroll-left2:before {
  content: '\e9db';
}
.icon-fingers-scroll-right2:before {
  content: '\e9dc';
}
.icon-fingers-scroll-vertical3:before {
  content: '\e9dd';
}
.icon-border-style:before {
  content: '\e9de';
}
.icon-border-all:before {
  content: '\e9df';
}
.icon-border-outer:before {
  content: '\e9e0';
}
.icon-border-inner:before {
  content: '\e9e1';
}
.icon-border-top:before {
  content: '\e9e2';
}
.icon-border-horizontal:before {
  content: '\e9e3';
}
.icon-border-bottom:before {
  content: '\e9e4';
}
.icon-border-left:before {
  content: '\e9e5';
}
.icon-border-vertical:before {
  content: '\e9e6';
}
.icon-border-right:before {
  content: '\e9e7';
}
.icon-border-none:before {
  content: '\e9e8';
}
.icon-ellipsis:before {
  content: '\e9e9';
}
.headingfont {
  font-family: Circular;
}
.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: 600 !important;
}
.listing-address-bar {
  font-weight: 600 !important;
  /* color: #757575 !important;
    font-family: Manrope, Arial, Helvetica, sans-serif; */
  font-size: 16px !important;
}
.profile-image {
  width: 92px;
  height: 91px;
  margin-top: 30px;
  -o-object-fit: cover;
  object-fit: cover;
  border-radius: 50%;
}
.dashboard-content .carousel-item strong {
  font-size: 2rem;
}
.notify-list {
  margin-bottom: 25vh;
  min-height: 100px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.all_messages_box {
  height: 100px;
}
.all_messages_box .all_messages_btn {
  background: transparent;
  border: 1px solid black;
  color: black;
  border-radius: 5px;
  padding: 10px 20px;
}
.all_messages_box .all_messages_btn:hover {
  background-color: #f7f7f7 !important;
}
.fw-semibold-desc {
  font-weight: 600 !important;
}

.loader,
.loader:before,
.loader:after {
  border-radius: 50%;
  width: 1.5em;
  height: 1.5em;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation: load7 1.8s infinite ease-in-out;
  animation: load7 1.8s infinite ease-in-out;
}
.loader {
  color: rgba(0, 0, 0, 0.5);
  font-size: 6px;
  /* margin: 80px auto; */
  position: relative;
  top: -2px;
  /* left: 100px; */
  text-indent: -9999em;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-animation-delay: -0.16s;
  animation-delay: -0.16s;
}
.loader:before,
.loader:after {
  content: '';
  position: absolute;
  top: 0;
}
.loader:before {
  left: -3.5em;
  -webkit-animation-delay: -0.32s;
  animation-delay: -0.32s;
}
.loader:after {
  left: 3.5em;
}
@-webkit-keyframes load7 {
  0%,
  80%,
  100% {
    box-shadow: 0 2.5em 0 -1.3em;
  }
  40% {
    box-shadow: 0 2.5em 0 0;
  }
}
@keyframes load7 {
  0%,
  80%,
  100% {
    box-shadow: 0 2.5em 0 -1.3em;
  }
  40% {
    box-shadow: 0 2.5em 0 0;
  }
}

.map-header-parent {
  width: 100%;
  text-align: -webkit-center;
  top: 10px !important;
}

.map_arrowbar {
  background: #fff;
  right: calc(45% - 50px);
  top: 152px;
  cursor: pointer;
  box-shadow: rgb(0 0 0 / 12%) 0 6px 16px;
  position: fixed;
  padding: 10px;
  display: flex;
  z-index: 99;
  border-radius: 4px;
  transition: right 0.3s;
}
.map_arrowbar.teaser .list_bar {
  display: inline-block;
}
.map_arrowbar .list_bar {
  display: none;
}
.map_arrowbar.teaser svg {
  transform: rotate(180deg);
}
.fontairb {
  font-family:
    Circular,
    -apple-system,
    BlinkMacSystemFont,
    Roboto,
    Helvetica Neue,
    sans-serif !important;
}
.truncate-text-listing {
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2; /* number of lines to show */
  -webkit-box-orient: vertical;
  line-height: 1.5; /* line height of the text */
  max-height: 3em; /* max height = line height * number of lines */
  color: #6a6a6a;
}

.animate-opacity {
  animation: opac 1s;
}
@keyframes opac {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

/* A grid of cards comes in one after another, in reading order, each card one
   step behind the one before it. Until 30.07.2026 the homepage got this by
   pushing a card into the scope every 100 ms, so the twenty-fourth card waited
   2.4 seconds for data that was already in memory; JB-2749 stopped that. The
   cards are all in the page from the first frame now and this is opacity only,
   so the cascade costs nothing and holds nothing back.

   The step repeats every twelve cards. Twelve divides every column count the
   two grids use except five (home: 6/5/4/3/2/1, search: 3/2/1), so a row starts
   at the left edge and a card low in the list does not sit blank waiting out
   the whole page. The last card of a cycle waits 1320 ms and finishes at 2.3 s,
   which is where the old timer had its twenty-fourth card — Andrea asked for it
   slower than the 90 ms step this started at, on both pages.

   A visitor who asked for less motion gets them at once. */
.fade-cascade {
  animation: opac 1s both;
}
.fade-cascade.fade-step-1 { animation-delay: 120ms; }
.fade-cascade.fade-step-2 { animation-delay: 240ms; }
.fade-cascade.fade-step-3 { animation-delay: 360ms; }
.fade-cascade.fade-step-4 { animation-delay: 480ms; }
.fade-cascade.fade-step-5 { animation-delay: 600ms; }
.fade-cascade.fade-step-6 { animation-delay: 720ms; }
.fade-cascade.fade-step-7 { animation-delay: 840ms; }
.fade-cascade.fade-step-8 { animation-delay: 960ms; }
.fade-cascade.fade-step-9 { animation-delay: 1080ms; }
.fade-cascade.fade-step-10 { animation-delay: 1200ms; }
.fade-cascade.fade-step-11 { animation-delay: 1320ms; }

@media (prefers-reduced-motion: reduce) {
  .fade-cascade {
    animation: none;
  }
}

.print_logo {
  display: none;
}

@media only print {
  .print_itinerary_logo {
    display: block;
    width: 150px !important;
  }
}

@media only print {
  .print_receipt_logo {
    display: block;
    width: 200px !important;
    padding: 15px 0 30px 0;
  }
  .border-print {
    margin-bottom: 5px;
    padding-bottom: 5px;
    border-bottom: 1px solid lightgrey;
    width: 200px !important;
    height: 5px;
    display: block;
  }
  .card-print {
    display: flex !important;
  }
}
.border_receipt {
  border-top: 3px solid !important;
}
.max-width-600 {
  max-width: 600px;
}

.location-txt.text-start {
  width: 100%;
  color: black;
}

.loading {
  width: 100%;
  height: 100%;
  /* background: rgba(0, 0, 0, 0.2); */
  display: flex;
  justify-content: center;
  align-items: center;
}

.text_jw_primary {
  color: #e00007 !important;
}
::-webkit-scrollbar {
  width: 3px;
}
::-webkit-scrollbar-track {
  background: #f1f1f1;
}
::-webkit-scrollbar-thumb {
  background: #888;
}
::-webkit-scrollbar-thumb:hover {
  background: #555;
  width: 8px;
}

/* slick slider fix */
.listing > .listing-img {
  position: absolute !important;
  width: 100%;
  /* height: 100%; */
  z-index: 11;
}
.hoverClass {
  height: 200px !important;
}
.map-canvas .listing-img {
  position: relative;
}
.map-canvas .listing-img .search-map-slider:not(.slick-initialized) > div:first-child {
  display: block;
  margin-bottom: 10px;
}
.map-canvas .listing-img .search-map-slider:not(.slick-initialized) > div:first-child > a > img {
  height: 180px !important;
  object-fit: cover;
}
.slick-arrow-custom {
  display: none;
}
.map-canvas .listing-img .search-map-slider:not(.slick-initialized) .slick-arrow-custom {
  display: block;
}
.map-canvas .listing-img .search-map-slider:not(.slick-initialized) > div {
  /* max-height: 190px; */
  -o-object-fit: cover;
  object-fit: cover;
  display: none;
}
.listing .search-info {
  position: absolute;
  /* bottom: 0%; */
  width: 100%;
  z-index: 1;
  min-height: auto;
}
.map-canvas .listing-img .marker_slider,
.world-map-marker {
  position: absolute;
  top: 34%;
  transform: translate(0, -50%);
  z-index: 1;
  font-size: 20px;
  color: #fff;
  text-shadow: 0 0 10px #000;
  cursor: pointer;
}
.map-canvas .listing-img .marker_slider.target-prev,
.world-map-marker.target-prev {
  left: 0;
}
.world-map-info {
  padding: 10px;
}
i.icon {
  display: inline-block;
  line-height: 12px;
}
.listing-map-popover .iconrightbefore {
  opacity: 0;
}
/* search-map-right = map-canvas */
/* slick slider fix End */

#exampleModal .pnaw-step2 {
  min-height: 260px;
}
#exampleModal .modal-dialog {
  position: relative;
  top: 50%;
  transform: translateY(-50%);
}
#exampleModal {
  background-color: #0000000f;
}
.uppy-Dashboard-AddFiles-title {
  display: contents;
}
.uppy-c-btn {
  background: #ff5a5f !important;
  color: #fff !important;
  border-color: #ff5a5f !important;
  padding: 7px 20px !important;
  border-radius: 4px !important;
  margin-top: 5px !important;
}
.uppy-c-btn:hover {
  background: #da282e !important;
  border-color: #da282e !important;
  box-shadow: none;
}
.uppy-size--md .uppy-Dashboard-inner {
  min-width: 50%;
  max-height: 400px !important;
}
.uppy-Root {
  text-align: center !important;
  text-align: -webkit-center !important;
}
[data-uppy-drag-drop-supported='true'] .uppy-Dashboard-AddFiles {
  border-color: #ff5a5f !important;
}
.uppy-Dashboard-browse:focus,
.uppy-Dashboard-browse:hover {
  border-bottom: none !important;
}
.uppy-Dashboard-AddFiles-title button {
  font-size: 16px;
  line-height: 1.4;
}
[data-uppy-num-acquirers='0'] .uppy-Dashboard-AddFiles-title {
  font-size: 16px !important;
}

/* .cancel_special_offer,
.cancel_change_date {
  border-radius: 4px !important;
  border: 1px solid #222222 !important;
  padding: 5px 15px !important;
  background-color: #fff;
  height: 42.67px;
  color: black;
  display: flex;
  width: fit-content;
  align-items: center;
}
.cancel_special_offer:hover,
.cancel_change_date:hover {
  background-color: #f7f7f7 !important;
} */
.login-container {
  padding-top: 5rem !important;
}
.black-line-btn {
  display: flex !important;
  justify-content: center;
  align-items: center;
  padding: 0 15px;
  text-align: center;
  border-radius: 4px !important;
  border: 1px solid #222222 !important;
  background-color: #fff;
  height: 39.47px;
  color: black !important;
  width: fit-content;
  line-height: 1 !important;
}
.black-line-general-btn {
  display: flex !important;
  justify-content: space-evenly;
  align-items: center;
  padding: 15px 15px;
  text-align: center;
  border-radius: 4px !important;
  border: 1px solid #222222 !important;
  background-color: #fff;
  color: black !important;
  width: fit-content;
  line-height: 1 !important;
}
.back-section-button {
  display: flex !important;
  justify-content: center;
  align-items: center;
  padding: 10px 19px 12px 19px;
  text-align: center;
  border-radius: 4px !important;
  border: 1px solid #222222 !important;
  background-color: #fff;
  color: black !important;
  width: fit-content;
  line-height: 1 !important;
}
.black-line-btn:hover,
.back-section-button:hover,
.black-line-general-btn:hover {
  background-color: #f7f7f7 !important;
}
.listing-dot {
  margin-right: 6px;
}
.uppy-Dashboard-AddFiles-list {
  flex: 0 !important;
}
.listing-photos-manage {
  width: 100% !important;
  height: 200px;
  object-fit: contain;
  background-color: #000;
}
.manage-listing-photos-grid {
  padding: 0 10px;
  width: calc(100% / 6) !important; /* Adjust the margin and gap as needed */
  margin: 0 10px;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
}

/* Media query for width above 1921px */
@media screen and (max-width: 3000px) {
  .manage-listing-photos-grid {
    width: calc(100% / 5) !important; /* Adjust the margin and gap as needed */
  }
}

/* Media queries for other breakpoints */
@media screen and (max-width: 1920px) {
  .manage-listing-photos-grid {
    width: calc(100% / 4) !important; /* Adjust the margin and gap as needed */
  }
}

@media screen and (max-width: 1400px) {
  .manage-listing-photos-grid {
    width: calc(100% / 3) !important; /* Adjust the margin and gap as needed */
  }
}

@media screen and (max-width: 1200px) {
  .manage-listing-photos-grid {
    width: calc(100% / 3) !important; /* Adjust the margin and gap as needed */
  }
}

@media screen and (max-width: 991px) {
  .manage-listing-photos-grid {
    width: calc(100% / 2) !important; /* Adjust the margin and gap as needed */
  }
}
@media screen and (max-width: 767px) {
  .manage-listing-photos-grid {
    width: calc(100% / 2) !important; /* Adjust the margin and gap as needed */
  }
  .photo-grid .photo-item .panel-body textarea {
    border: 1px solid #dbdbdb;
    min-height: 5rem !important;
    height: 5rem !important;
    font-size: 13px !important;
  }
  .photo-grid .photo-item .panel-body {
    padding: 7px !important;
  }
}
.profile-listing-info {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
}
.room-card-div-profile {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
}
.pricing-percentage:after {
  content: '\25BC'; /* Unicode character for downward arrow */
  position: absolute;
  right: 10px; /* Adjust based on your preference */
  top: 50%;
  transform: translateY(-50%);
  pointer-events: none; /* Ensures the arrow does not block the dropdown functionality */
}
.pricing-percentage {
  -webkit-appearance: menulist;
  -moz-appearance: menulist;
  appearance: menulist;
  background-color: white;
  border: 1px solid #ccc;
  padding: 5px;
  font-size: 16px;
  width: 100%;
}
.navbar {
  padding: 0.5rem 1rem !important;
}
@media only screen and (min-device-width: 600px) and (min-device-height: 768px) and (pointer: coarse) and (hover: none) and (-webkit-min-device-pixel-ratio: 1) {
  .room-carousels .room-arow-btn {
    opacity: 0 !important;
    transition:
      visibility 0s,
      opacity 0.3s linear;
    padding: 16px;
  }
  #help-center {
    display: none;
  }
  .logo-width {
    width: 280px !important;
  }
  #map_canvas .slick-arrow,
  .offcanvas-map-modal .slick-arrow {
    display: none !important;
  }
  .room-carousels .slick-active:hover .room-arow-btn {
    opacity: 0 !important;
  }
}
.svg_style {
  display: block;
  fill: none;
  height: 12px;
  width: 12px;
  stroke: currentcolor;
  stroke-width: 4;
  overflow: visible;
}
.guest_chat {
  background: #0091ae !important;
  color: white !important;
  border: 2px solid #0091ae !important;
}
.guest_chat:hover {
  background: #01748b !important;
}

.input-addon label {
  margin-bottom: 5px;
}

.input-addon {
  display: flex;
  flex-direction: row;
}

#paste_special table {
  margin-top: 20px;
  width: 100%;
}

#paste_special th,
#paste_special td {
  padding: 8px;
  text-align: left;
}

#paste_special th {
  background-color: #f2f2f2;
}

.button_box {
  display: flex;
  align-items: flex-end;
}

.amenity-btn-listings {
  padding: 15px;
  display: block !important;
  border-radius: 4px !important;
  border: 1px solid #ebebeb;
  background-color: #fff;
  color: black !important;
  transition: background-color 0.3s ease;
  cursor: pointer;
  width: 180px;
  align-content: center;
  align-self: stretch;
  text-align: center;
}
.amenity-btn-listings:hover {
  border: 1px solid #cccaca;
}

.amenity-btn-listings.selected {
  background-color: #dedede;
  border: 1px solid black;
}

.amenity-btn-listings span {
  pointer-events: none; /* To prevent text selection */
}
.amenity-btn-listings .custom-tooltip .tooltip-wrap.tool-arrow-bottom {
  left: -10px;
  width: 200px;
}
@media only screen and (max-width: 991px) {
  .amenity-btn-listings {
    width: 100% !important;
  }
  .amenity-list li {
    width: calc(50% - 16px) !important;
  }
}

.green-color {
  color: #008489 !important;
}

.close-plus-phone-modal {
  font-size: 2rem !important;
  background-color: rgba(0, 0, 0, 0.15) !important;
  align-items: baseline !important;
  width: 36px !important;
  height: 36px !important;
}

#ui-datepicker-div {
  z-index: 10000000 !important;
}

.fs-16-profile {
  font-size: clamp(1rem, 1vw, 1.07rem) !important;
}

.summary_content {
  font-family: 'circular-air-light', sans-serif !important;
}

.btn-translate-profile {
  font-size: 16px !important;
}
.payment-wrap {
  margin-top: -50px;
  margin-bottom: 94px;
}
.black-line-general-btn.orange-border {
  border: 1px solid #ff7a59 !important;
  color: #ff7a59 !important;
  height: 40px !important;
}
.delete-account-modal .black-line-general-btn.orange-border {
  height: 35px !important;
}

.review-text.clamp {
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  max-height: 4.5em; /* for fallback */
  transition: max-height 0.3s ease;
}

.text-truncate-3-line {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.btn-grey {
  background: #f2f2f2 !important;
}
.btn-grey:hover {
  background: #ebebeb !important;
  color: black !important;
}

.payment-section-step-section {
  border: 1px solid #ddd;
  border-radius: 8px;
  background: #fff;
  margin-bottom: 1.5rem;
  padding: 1rem;
}
.payment-section-step-header h5 {
  margin: 0;
  font-weight: 600;
}
.payment-section-step-content {
  display: none;
}
.payment-section-step-section.active .payment-section-step-content {
  display: block;
}
.payment-section-btn-change {
  cursor: pointer;
}
.payment-section-step-section.active {
  box-shadow:
    0px 0px 0px 1px rgba(0, 0, 0, 0.02),
    0px 2px 6px 0px rgba(0, 0, 0, 0.04),
    0px 4px 8px 0px rgba(0, 0, 0, 0.1);
}

/***** Step‑1 specific *****/
.payment-section-choose-pay-container {
  background: #fafafa;
  border: 1px solid #ddd;
  border-radius: 8px;
}
.payment-section-choose-pay-container h5 {
  font-size: 1.25rem;
  margin-bottom: 1rem;
}
.payment-section-payment-option {
  border: 1px solid #eaeaea;
  border-radius: 6px;
  padding: 1rem;
  margin-bottom: 1rem;
  background: #fff;
}
.payment-section-payment-option-content label {
  font-weight: 500;
}
.payment-section-theme-link {
  color: #007bff;
  text-decoration: underline;
}
.sticky-button-wrapper {
  position: sticky;
  top: 100px;
  z-index: 999;
  background: white; /* Prevents visual artifacts */
}

.review-text.expanded {
  -webkit-line-clamp: unset;
  max-height: none;
}
#detail-page-container,
#home-container {
  position: relative; /* important to contain the overlay */
  /* z-index: 1; */
}

#detail-page-container .local-overlay,
#home-container .local-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5); /* same effect as Bootstrap modal backdrop */
  z-index: 100;
}
.dropdown-changedate {
  left: -120px !important;
}
.dropdown-changedate li:hover {
  background-color: transparent !important;
}

.radio-btn-payment-method input[type='radio']:checked::before {
  background-color: black !important;
  border-color: #ccc;
}
.radio-btn-payment-method .form-check-input:checked {
  background-color: white !important;
  border-color: black !important;
}
.btn:active,
.btn-primary:active,
.btn-sm:active,
.btn-host:active,
.btn-secondary:active,
.btn-contrast:active,
.btn-host-secondary:active {
  transform: scale(0.95);
  transition:
    box-shadow 0.2s cubic-bezier(0.2, 0, 0, 1),
    transform 0.1s cubic-bezier(0.2, 0, 0, 1);
}

.breadcrumb {
  list-style: none;
  padding: 0;
  margin: 0;
}

.breadcrumb li {
  display: inline;
  font-size: 14px; /* adjust as needed */
}

.breadcrumb li + li:before {
  content: ' → ';
  padding: 0 4px;
  color: #333; /* separator color */
}

.breadcrumb a {
  text-decoration: none;
  color: #0073e6; /* link color */
}

.breadcrumb a:hover {
  text-decoration: underline;
}

.phone-number-block {
  margin-bottom: 20px;
}

.phone-number-block input {
  direction: ltr;
}

.phone-status-block .icon-remove {
  line-height: 1;
  display: inline-block;
}

.phone-status-block .icon-remove:before {
  font-weight: 900;
  font-size: 12px;
}

.phone-status-block input[readonly] {
  width: 160px;
  background: #edefed;
  border-radius: 2px 0 0 2px;
}

.phone-status-block label {
  margin: 0;
  padding: 10px;
  flex-grow: 1;
  border: 1px solid #dbdbdb;
  border-left: none;
}

@media only screen and (max-width: 767px) {
  .phone-status-block input[readonly] {
    width: 140px;
  }
}

.input-group-text {
  display: flex;
  align-items: center;
  padding: 0.375rem 0.75rem;
  margin-bottom: 0;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #565a5c;
  text-align: center;
  white-space: nowrap;
  background-color: #e9ecef;
  border: 1px solid #ced4da;
  border-radius: 0.25rem;
}


/* ---- css/frontend/home.css ---- */
.home .room-types-div {
    margin-top: 90px;
    min-height: 80px;
}

@media screen and (max-width: 576px) {
    .home .room-types-div {
        margin-top: 155px;
    }
    .home-top-margin {
        margin-top: 160px !important;
    }
}

.home .room-types-div .room-type-item {
    height: -moz-max-content;
    height: max-content;
}

@media screen and (max-width: 576px) {
    .home .room-types-div .room-type-item {
        height: -moz-max-content;
        height: max-content;
    }
}

.home .room-types-div .room-type-item img {
    width: 30px;
    height: 30px;
    -o-object-fit: contain;
    object-fit: contain;
}

.home .room-types-div .room-type-item .room-type-count {
    position: relative;
    height: 80px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: 0.2s all;
}

@media screen and (max-width: 576px) {
    .home .room-types-div .room-type-item .room-type-count {
        height: 65px;
    }
}

.home .room-types-div .room-type-item .room-type-count i {
    color: #717171;
}

.home .room-types-div .room-type-item .room-type-count span {
    color: #717171;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    font-weight: 600;
    font-size: 0.75rem;
}

.home .room-types-div .room-type-item .room-type-count img {
    opacity: 0.6;
}

.home .room-types-div .room-type-item .room-type-count:hover span {
    color: #222222;
    font-weight: 600;
}

.home .room-types-div .room-type-item .room-type-count:hover img {
    opacity: 1;
}

.home .room-types-div .room-type-item .room-type-count:hover::before {
    content: "";
    position: absolute;
    background-color: #71717196;
    width: 40%;
    height: 2px;
    left: 0;
    right: 0;
    text-align: center;
    margin: auto;
    bottom: 0px;
}

@media screen and (max-width: 576px) {
    .home .room-types-div .room-type-item .room-type-count:hover::before {
        bottom: 0px;
    }
}

.home .room-types-div .room-type-item .room-type-count .room-type-icon {
    padding-bottom: 5px;
}

.home .room-types-div .room-type-item .room-type-count.active i {
    color: #222222;
}

.home .room-types-div .room-type-item .room-type-count.active span {
    color: #222222;
    font-weight: 600;
}

.home .room-types-div .room-type-item .room-type-count.active img {
    opacity: 1;
}

.home .room-types-div .room-type-item .room-type-count.active::before {
    content: "";
    position: absolute;
    background-color: #222222;
    width: 40%;
    height: 2px;
    left: 0;
    right: 0;
    text-align: center;
    margin: auto;
    bottom: 0px;
}

@media screen and (max-width: 576px) {
    .home .room-types-div .room-type-item .room-type-count.active::before {
        bottom: 0px;
    }
}

.home .stay-experience-div .stay-ex {
    background-color: #fff;
    border: 0.5px solid #dddddd;
    border-radius: 20px;
    padding: 10px;
}

@media screen and (max-width: 440px) {
    .home .stay-experience-div .stay-ex {
        flex-direction: column;
    }
}

.home .stay-experience-div .stay-ex .stay-ex-img {
    width: 65px;
    height: 65px;
    min-width: 65px;
}

@media screen and (max-width: 440px) {
    .home .stay-experience-div .stay-ex .stay-ex-img {
        width: 100%;
        height: 100px;
        min-width: 100%;
    }
}

.home .stay-experience-div .stay-ex .stay-ex-img img {
    border-radius: 15px;
}

/* .home .room-carousels.experience-carousel .room-card-img {
    height: 380px !important;
    min-height: 380px;
} */

.home .our-community-main {
    background-color: #222222;
}

.home .our-community-main h4,
.home .our-community-main h5,
.home .our-community-main p {
    color: #fff;
}

.home .our-community-main .our-community-div .our-community-img {
    height: 500px;
    margin: 0 15px;
}

.home .our-community-main .our-community-div .our-community-img img {
    border-radius: 24px;
}

.home .customer-support-main .customer-support-div {
    background: #fcfcfc;
    border: 1px solid #ebebeb;
    border-radius: 20px;
    padding: 35px;
    height: 100%;
}

.home .customer-support-main .customer-support-div p {
    word-break: break-word;
}

.home .customer-support-main .customer-support-div i {
    position: relative;
    top: 4px;
}

.home .customer-support-main a {
    color: #222222;
    text-decoration: underline !important;
}

.home .skel-static-home-img {
    position: relative;
    overflow: visible;
    display: inline-block;
}

.home .skel-static-home-img::before {
    content: "";
    position: absolute;
    border-radius: 15px;
    top: -1px;
    left: -1px;
    width: calc(100% + 2px);
    height: calc(100% + 2px);
    transform: translateX(-100%);
    background-image: linear-gradient(
        90deg,
        rgba(255, 255, 255, 0) 0,
        rgba(255, 255, 255, 0.2) 20%,
        rgba(255, 255, 255, 0.5) 60%,
        rgba(255, 255, 255, 0)
    );
    animation: shine 1.5s infinite;
    z-index: 999;
}

.home .skel-static-home-img::after {
    content: "";
    position: absolute;
    top: -1px;
    left: -1px;
    width: calc(100% + 2px);
    height: calc(100% + 2px);
    background-color: #dddddd;
    z-index: 99;
    border-radius: 15px;
}

.room-carousels .room-card-div {
    width: 270px;
    margin: 0 10px;
}

.room-carousels .room-card-div .room-card-img {
    position: relative;
    aspect-ratio: 1/1;
    /* height: 260px !important; */
    /* min-height: 260px; */
}

@media screen and (max-width: 1300px) {
    .room-carousels .room-card-div .room-card-img {
        /* height: 230px !important; */
        aspect-ratio: 1/1;
    }
}

.room-carousels .room-card-div .room-card-img .wish-list {
    position: absolute;
    top: 10px;
    right: 10px;
    background-color: #22222294;
    border-radius: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 28px;
    height: 28px;
    cursor: pointer;
    padding-top: 4px;
    transition: transform 0.25s cubic-bezier(0.2, 0, 0, 1);
}

.room-carousels .room-card-div .room-card-img .wish-list i {
    color: #fff;
}

.room-carousels .room-card-div .room-card-img .wish-list label {
    cursor: pointer;
}

.room-carousels .room-card-div .slick-disabled {
    opacity: 0 !important;
    cursor: auto;
}

.room-carousels .room-type-title {
    color: #222222;
    font-size: 13px !important;
}

.room-carousels .room-name {
    /* color: #717171; */
    font-weight: 400;
}

.room-carousels .room-name:hover {
    color: #222222;
}

.room-carousels .room-price {
    font-size: 16px;
    color: #222222;
}

.beds-reviews i {
    font-size: 13px;
}

.wish-list {
    position: absolute;
    top: 10px;
    right: 10px;
    /* left: calc(100% - 30px); */
    z-index: 1;
}

.wish-list input[type="checkbox"] {
    display: none;
}

.wish-list input[type="checkbox"] + label .bi-heart {
    display: flex;
}

.wish-list input[type="checkbox"] + label .bi-heart-fill {
    display: none;
}

.wish-list input[type="checkbox"]:checked + label .bi-heart-fill {
    display: flex;
    color: #fff;
}

.wish-list input[type="checkbox"]:checked + label .bi-heart {
    display: none;
}

.guestFvrt-fade-scale {
    transform: scale(0);
    opacity: 0;
    -webkit-transition: all 0.25s linear;
    -o-transition: all 0.25s linear;
    transition: all 0.25s linear;
}
.guestFvrt-fade-scale.in {
    opacity: 1;
    transform: scale(1);
    z-index: 10000;
}
.guestFvrt-fade-scale.out {
    opacity: 0;
    transform: scale(0);
}
.guestFvrt-fade-scale .modal-dialog {
    position: absolute;
    left: 25px;
    right: 0;
    top: 50%;
    max-width: 900px !important;
    transform: translateY(-50%) !important;
}
.guestFvrt-modal-content .close:before {
    content: "\D7";
    font-weight: normal;
    line-height: 1;
    display: inline-block;
    vertical-align: top;
    background: #ece7e7;
    padding: 1px 10px 5px 10px;
    border-radius: 100%;
    font-size: 30px;
}
.guestFvrt-modal-content {
    border-radius: 12px !important;
    flex-direction: row !important;
}
.guest-text-desc {
    flex-direction: row-reverse;
    height: 100%;
    align-items: center;
}
.guest-text-desc-h2 {
    font-weight: 700;
    font-size: 60px;
    margin-top: 140px;
    border-top: 1px solid lightgray;
    border-bottom: 1px solid lightgray;
    padding: 30px 75px;
    margin-bottom: 0;
    line-height: 1;
}
.guest-text-btn {
    background: #222222 !important;
    color: white !important;
    border-radius: 8px !important;
}
.modal-open .modal.show {
    display: flex !important;
    padding: 20px 0;
}
button.close {
   background-color: transparent;
    border: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    padding: 0px !important;
    display: flex;
    align-items: center;
    margin: 0 !important;
    float: right;
    font-size: 1.5rem;
    font-weight: 800;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    opacity: 0.7 !important;
    font-size: 2rem !important;
    background-color: rgba(0, 0, 0, 0.15) !important;
    align-items: baseline !important;
    width: 36px !important;
    height: 36px !important;
    border-radius: 50%;
    justify-content: center;
    font-family: 'circular', sans-serif !important;
    margin-left: auto !important;
    transition: opacity 0.3s ease-in-out;
}
button.close:hover{
  opacity: 1 !important;
}
button.close:active {
  transform: scale(0.9);
  transition:
    box-shadow 0.2s cubic-bezier(0.2, 0, 0, 1),
    transform 0.1s cubic-bezier(0.2, 0, 0, 1);
}
.guest-img {
    background-color: #ff7a59;
    border-top-right-radius: 12px;
    border-bottom-right-radius: 12px;
}
.rebrand-text {
    padding: 25px 0px 25px 75px;
}
@media screen and (min-width: 768px) and (max-width: 991px) {
    .guest-text-desc-h2 {
        font-weight: 700;
        font-size: 60px;
        margin-top: 140px;
        border-top: 1px solid lightgray;
        border-bottom: 1px solid lightgray;
        padding: 30px 60px;
        margin-bottom: 0;
        line-height: 1;
    }
    .rebrand-text {
        padding: 25px 0px 25px 60px;
    }
}
@media screen and (max-width: 767px) {
    .guest-img {
        display: none !important;
    }
    .guest-text-desc-h2 {
        padding: 30px 0;
        display: flex;
        flex-direction: column;
        flex-wrap: wrap;
        align-content: space-around;
        margin-top: 68px;
    }
    .rebrand-text {
        padding: 25px 0px 25px 0px;
        display: flex;
        flex-direction: column;
        flex-wrap: wrap;
        align-content: space-around;
    }
    #navbar-contents{
      padding: 0 12px !important;
    }
}

.jwg-home-banner .jwg-home-banner-inner {
    background: linear-gradient(
        to bottom,
        rgb(77, 33, 183) 35%,
        rgb(255, 122, 89) 100%
    );

    height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    flex-direction: column;
}

.jwg-home-banner .jwg-home-banner-search {
    /* width: 1120px; */
    margin: 0 auto;
    flex-grow: 0.5;
    text-align: left;
    position: relative;
    /* padding: 80px 0px; */
    max-width: 1200px;
}
.jwg-home-banner .jwg-home-banner-search .jwg-home-banner-search-img {
    position: absolute;
    right: 0px;
    top: 0%;
    z-index: 1;
    width: 500px;
}
.jwg-home-banner .jwg-home-banner-search .banner {
    display: none;
}
.jwg-home-banner .jwg-home-banner-search .jwg-home-banner-search-img img {
    width: 100%;
}
.jwg-home-banner .jwg-home-banner-search .jwg-home-banner-search-heading h1,
.jwg-home-banner .jwg-home-banner-search .jwg-home-banner-search-heading h2 {
    color: #fff;
    font-size: 30px;
    margin: 0px;
    margin-bottom: 10px;
    font-weight: 900 !important;
    line-height: 60px;
    margin-bottom: 70px;
    width: 49%;
    font-family: "circular-air-light", sans-serif !important;
}
.jwg-home-banner .jwg-home-banner-search .jwg-home-banner-search-heading,
.jwg-home-banner .jwg-home-banner-search .jwg-home-banner-search-form {
    position: relative;
    z-index: 9;
    /* max-width: 92%; */
    margin: auto;
    top: 67px;
}

.jwg-home-banner .jwg-home-banner-search .nav-input-flex {
    background: #fff;
    border: 4px solid transparent !important;
    border-radius: 50px;
    background-clip: padding-box;
    position: relative;
}
.jwg-home-banner .jwg-home-banner-search .nav-input-flex::before {
    content: '';
    position: absolute;
    inset: -4px;
    border-radius: 50px;
    background: linear-gradient(135deg, #ff7a59, #e04080, #9b59b6);
    z-index: -1;
}

/* .jwg-home-banner .jwg-home-banner-search .nav-input-child.active {
    background-color: RGB(var(--gray-extra-light, 244, 244, 244));
} */

.jwg-home-banner .jwg-home-banner-search .location-padd {
    padding: 13px 0px 13px 25px;
    position: relative;
    border-right: 1px solid #c9d7e3;
    margin-right: -4px;
}
.location-btn {
    border-top-left-radius: 38px;
    border-bottom-left-radius: 38px;
}
.jwg-home-banner .jwg-home-banner-search .nav-input-child:hover {
    background-color: RGB(var(--gray-extra-light, 244, 244, 244)) !important;
}
#guests-nav-home-btn{
    width: max-content !important;
}
#guests-nav-home-cont{
    left: -140px;
    width: 490px;
/* padding: 30px !important; */
}
#guests-nav-home-cont ul{
    padding: 30px;
}
.home-guest-dropdown-only{
  position: absolute !important;
    inset: 0px auto auto 0px !important;
    margin: 0px !important;
    /* 81, not 88: the three panels of the search bar open at the same height,
       the one the date picker sets. Measured at 1280, 1600 and 1920px. */
    transform: translate3d(655.111px, 81px, 0px) !important;
}
#guests-nav-home-cont ul li:hover, #guest-dropdown-listing-cont ul li:hover{
    background-color: white !important;
}
/* .jwg-home-banner
    .jwg-home-banner-search
    .nav-input-child.active
    .location-padd {
    border-right: none;
} */
.jwg-home-banner .jwg-home-banner-search .form-label.mobile-resp-version {
    display: none;
}

.jwg-home-banner .jwg-home-banner-search .form-control {
    border: 0px !important;
    background: none;
    padding: 0px;
    cursor: pointer;
}
.jwg-home-banner .jwg-home-banner-search .form-control::placeholder {
    color: #aaa !important;
    opacity: 1 !important;
}
.jwg-home-banner .jwg-home-banner-search .search-icon {
    background: linear-gradient(135deg, #ff7a59, #e04080) !important;
    background-color: transparent !important;
    width: auto;
    height: 75px;
    padding: 0px 40px;
    min-width: 45px;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 36px;
    margin-right: 4px !important;
    font-weight: 600;
    transition: opacity 0.3s ease;
    box-shadow: 0 2px 8px rgba(224, 64, 128, 0.3);
}

.jwg-home-banner .jwg-home-banner-search .search-icon:hover {
    opacity: 0.9;
}
.jwg-home-banner
    .jwg-home-banner-search
    .nav-inputs
    .location-padd
    .form-control {
    font-size: 0.875rem;
}

.home-new-nav .custom-navbar .bg-white {
    background: none !important;
    box-shadow: inherit !important;
    position: fixed;
}
.home-new-nav .custom-navbar .bg-white.page-scrolled {
    background-color: #fff !important;
    box-shadow: #63636312 0px 2px 3px 0px !important;
}
.home-new-nav
    .custom-navbar
    .navbar-center-box.action-navbar.d-none.desktop-nav {
    display: none !important;
}
.home-new-nav
    .custom-navbar
    .page-scrolled
    .navbar-center-box.action-navbar.d-none.desktop-nav {
    display: inherit !important;
}

.home-new-nav .custom-navbar .become-host-div .nav-link {
    color: #fff !important;
}
.home-new-nav .custom-navbar .page-scrolled .become-host-div .nav-link {
    color: #000 !important;
}

/* .home-new-nav .custom-navbar .become-host-div .nav-link:hover {
    color: #000 !important;
} */

/* The cascade the homepage cards come in with is `.fade-cascade` in common.css,
   shared with the search page. It used to live here, twice as fast and capped at
   eight steps, which read as one block rather than a cascade. */

.suggest-location-div,
.suggest-location-div-home {
    width: 460px;
    padding: 0 20px !important;
}
/* The destinations panel opened 15px below the date picker: Bootstrap places it
   at 100% of the field and .custom-dropdown-ul adds a 5px margin on top, while
   the date picker overlaps the bar by 6px. Pull it up so both open at the same
   height. Measured at 1280, 1600 and 1920px. */
.suggest-location-div-home {
    margin-top: -10px !important;
}
.suggest-location-div ul,
.suggest-location-div-home ul {
    list-style: none;
}
.home-new-nav .nav-usd img {
    filter: invert(1);
}
.home-new-nav .page-scrolled .nav-usd img {
    filter: none;
}

.home-new-nav .header-profile .pe-1 svg {
    color: #fff;
}
.home-new-nav .page-scrolled .header-profile .pe-1 svg {
    color: #000;
}

.home-new-nav .custom-navbar .site-logo img {
    filter: brightness(0) invert(1);
    /* width: 130px; */
}
.home-new-nav .custom-navbar .page-scrolled .site-logo img {
    filter: none;
    /* width: 130px; */
}
/* .home-new-nav .nav-usd:hover img {
    filter: invert(0);
} */
.home-new-nav .page-scrolled .nav-usd:hover img {
    filter: none;
}

.mobile-home-banner-btn {
    position: absolute;
    z-index: 9;
    left: 0px;
    top: 0px;
    height: 100%;
    width: 100%;
    display: none;
    cursor: pointer;
}
.jwg-home-banner .jwg-home-banner-search .nav-input-child {
    width: 35%;
    margin: 4px;
}
@media only screen and (min-width: 1440px) {
    .home-container {
        padding: 0px 23px 0px 30px;
        max-width: 2520px;
        margin: 0 auto;
    }
}
@media only screen and (max-width: 1439px) {
    .home-container {
        padding: 0px 23px 0px 30px;
    }
}
@media only screen and (min-width: 1580px) {
    .jwg-home-banner
        .jwg-home-banner-search
        .jwg-home-banner-search-heading
        h1,
    .jwg-home-banner
        .jwg-home-banner-search
        .jwg-home-banner-search-heading
        h2 {
        font-size: 39px;
        width: 50% !important;
    }
    .jwg-home-banner .jwg-home-banner-search .jwg-home-banner-search-img {
        top: 0;
        width: 550px;
        right: -100px;
    }
    .jwg-home-banner .jwg-home-banner-search {
        width: 1120px;
    }
}
@media only screen and (max-width: 767px) {
    .home-container {
        padding: 0 14px 0px 24px;
    }
    .jwg-home-banner .jwg-home-banner-search .rtl-search-icon {
        padding: 0 5px 5px 5px;
    }
    .jwg-home-banner .jwg-home-banner-search .nav-input-flex {
        background: #fff;
        border: 4px solid #ff7a59 !important;
        border-bottom-left-radius: 28px !important;
        border-radius: 12px;
        border-bottom-right-radius: 28px;
        flex-direction: column;
        align-items: left !important;
    }
    .jwg-home-banner .jwg-home-banner-search .search-icon {
        height: 55px;
        margin: 0 !important;
    }
    .jwg-home-banner .jwg-home-banner-search .jwg-home-banner-search-form {
        max-width: 100%;
    }

    .jwg-home-banner .jwg-home-banner-search .nav-input-child {
        border-bottom: #ccc solid 1px;
        border-radius: 0 !important;
    }

    .jwg-home-banner
        .jwg-home-banner-search
        .nav-input-flex.align-items-center {
        align-items: inherit !important;
    }

    /* .jwg-home-banner .jwg-home-banner-search {
        width: 90%;
    } */
    .jwg-home-banner
        .jwg-home-banner-search
        .jwg-home-banner-search-heading
        h1,
    .jwg-home-banner
        .jwg-home-banner-search
        .jwg-home-banner-search-heading
        h2 {
        font-size: 28px;
        width: 100%;
        line-height: 1.5;
        margin-bottom: 20px;
    }
    .jwg-home-banner .jwg-home-banner-search .nav-input-child {
        width: 99%;
        margin: 0 !important;
        color: RGB(var(--gray-dark, 111, 111, 111));
    }

    .jwg-home-banner .jwg-home-banner-search .nav-input-child.active {
        background: none !important;
        box-shadow: inherit !important;
        border-radius: 42px;
        width: 100% !important;
        transition: 0.2s all;
    }
    .home-new-nav
        .custom-navbar
        .page-scrolled
        .navbar-center-box.action-navbar.d-none.desktop-nav {
        display: none !important;
    }

    .home-new-nav .page-scrolled .navbar-toggler img {
        filter: inherit;
    }
    .home-new-nav .page-scrolled .navbar-toggler {
        border-color: #000 !important;
    }
    .home-new-nav .navbar-center-box {
        display: none !important;
    }
    .home-new-nav .navbar-filter-box {
        display: none !important;
    }
    .home-new-nav .page-scrolled .navbar-center-box {
        display: flex;
    }
    .jwg-home-banner .jwg-home-banner-search .location-padd {
        border-right: 0px !important;
        width: 100%;
        padding: 16px ;
    }
    .jwg-home-banner-search-form-inner {
        position: relative;
    }
    .mobile-home-banner-btn {
        display: block;
    }
    .jwg-home-banner .jwg-home-banner-search .form-label.desktop-version {
        display: none;
    }
    .jwg-home-banner .jwg-home-banner-search .form-label.mobile-resp-version {
        display: inherit;
    }
    .jwg-home-banner
        .jwg-home-banner-search
        .nav-input-child.dont-show-on-mobile {
        display: none;
    }
    .f-gray-dark {
        fill: RGB(var(--gray-dark, 111, 111, 111));
    }
}

.home-top-margin {
    margin-top: 100px;
}
#mbl_menu_footer {
    bottom: 0px !important;
    left: 0px !important;
    right: 0px !important;
    position: fixed !important;
    z-index: 1000 !important;
    background-color: white !important;
    display: none;
}
.respons_icons {
    align-items: center !important;
    cursor: pointer !important;
    display: flex !important;
    /* margin: 0px 10px; */
    flex-direction: column !important;
    justify-content: center !important;
    padding: 0 5px !important;
    min-width: 75px;
    max-width: 85px;
    overflow: hidden;
    width: 100%;
}
@media only screen and (max-width: 991px) {
    .jwg-home-banner .jwg-home-banner-search .jwg-home-banner-search-img,
    .jwg-home-banner .jwg-home-banner-search .banner {
        display: none;
    }
    .world-map-button-home.no-banner {
        display: flex !important;
    }
    .jwg-home-banner
        .jwg-home-banner-search
        .jwg-home-banner-search-heading
        h1,
    .jwg-home-banner
        .jwg-home-banner-search
        .jwg-home-banner-search-heading
        h2 {
        width: 100% !important;
    }
    .jwg-home-banner .jwg-home-banner-search .jwg-home-banner-search-heading,
    .jwg-home-banner .jwg-home-banner-search .jwg-home-banner-search-form {
        max-width: 100%;
        padding: 0 24px;
    }
    .home-new-nav .navbar-toggler {
        padding-bottom: 0 !important;
        padding-right: 0 !important;
        font-size: 38px;
        margin-right: -5px;
    }
    .page-scrolled .navbar-toggler {
        color: #000 !important;
    }
}

.home-near {
    background-image: linear-gradient(
            to left,
            rgba(255, 255, 255, 0) 130px,
            white 40%
        ),
        url(../images/driving-distance-teaser.jpg);
    background-position: right center;
    background-size: auto 100%;
    border: 1px solid RGB(var(--gray-light, 224, 224, 224));
    background-repeat: space;
}
.home-near:hover {
    background-image: linear-gradient(
            to left,
            rgb(255 255 255 / 0%) 130px,
            RGB(var(--gray-extra-light, 244, 244, 244))
        ),
        url(../images/driving-distance-teaser.jpg);
}
.room-carousels .room-card-div .room-card-img .wish-list:hover {
    transform: scale(1.08);
}
.room-carousels .room-card-div .room-card-img .wish-list:hover i {
    font-size: 18px;
}
/* Set the width of room-card-div to fit 1/6th of the grid columns */
.room-carousels .home-card-div,
.room-carousels .home-exp-div {
    padding: 0;
    width: calc((100% / 6) - 27px); /* Adjust the margin and gap as needed */
    margin: 0 10px;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
}

/* Media query for width above 1921px */
@media screen and (min-width: 1880px) {
    .room-carousels .home-card-div,
    .room-carousels .home-exp-div {
        padding: 0;
        width: calc(
            (100% / 6) - 27px
        ); /* Adjust the margin and gap as needed */
    }
}

/* Media queries for other breakpoints */
@media screen and (max-width: 1879px) {
    .room-carousels .home-card-div,
    .room-carousels .home-exp-div {
        padding: 0;
        width: calc(
            (100% / 5) - 27px
        ); /* Adjust the margin and gap as needed */
    }
}

@media screen and (max-width: 1639px) {
    .room-carousels .home-card-div,
    .room-carousels .home-exp-div {
        padding: 0;
        width: calc(
            (100% / 4) - 26px
        ); /* Adjust the margin and gap as needed */
    }
}

@media screen and (max-width: 1127px) {
    .room-carousels .home-card-div,
    .room-carousels .home-exp-div {
        padding: 0;
        width: calc(
            (100% / 3) - 26px
        ); /* Adjust the margin and gap as needed */
    }
}

@media screen and (max-width: 949px) {
    .room-carousels .home-card-div,
    .room-carousels .home-exp-div {
        padding: 0;
        width: calc(
            (100% / 2) - 24px
        ); /* Adjust the margin and gap as needed */
    }
}

@media screen and (max-width: 549px) {
    .room-carousels .home-card-div {
        padding: 0;
        width: calc(100% - 20px); /* Adjust the margin and gap as needed */
    }
    .room-carousels .home-exp-div {
        padding: 0;
        width: calc(
            (100% / 2) - 20px
        ); /* Adjust the margin and gap as needed */
    }
    .location-close-icon-mobile {
        position: absolute;
        right: 10px;
        bottom: 0;
        transform: translateY(-100%);
        opacity: 0;
        z-index: 100;
        display: block;
        fill: none;
        height: 12px;
        width: 12px;
        stroke: currentcolor;
        stroke-width: 5.33333;
        overflow: visible;
    }
}
.btn-show-more {
    width: 100%;
    border: 1px solid black !important;
    color: black !important;
}
.btn-show-more:hover {
    background-color: #a7a7a72b !important;
}
.home-card-div:hover .room-arow-btn,
.home-exp-div:hover .room-arow-btn {
    transition: 0.2s all;
    opacity: 0.9;
    z-index: 9;
}
.suggest-location-div-home {
    position: absolute;
    inset: 0px auto auto 0px;
    margin: 0px;
    transform: translate(0px, 80px);
    padding-top: 15px !important;
}
.google-results-home .place_search {
    display: flex;
    padding: 2px;
    align-items: center;
}
.google-results-home {
    display: none;
    margin-bottom: 0;
}
.blck {
    font-size: 10px;
    padding-top: 5px;
}

.map-btn {
    position: fixed;
    bottom: 22px;
    right: 0;
    left: 0;
    width: -moz-max-content;
    width: max-content;
    text-align: center;
    margin: auto;
    z-index: 999;
}
.map-btn .map-button-home {
    display: flex;
    align-items: center;
    box-shadow: #11111a1a 0px 4px 16px, #11111a0d 0px 8px 32px;
    border-radius: 50px;
    padding: 8px 20px;
    font-weight: 500;
    color: white !important;
}

.map-btn .map-button-home i {
    color: #fff;
}

.listing-info {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%; /* Use 100vh instead of -webkit-fill-available */
}

.badge-area-show {
    position: relative;
}

.bagde-flag-wrap {
    position: absolute;
    top: 10px;
    left: -12px;
}

.bagde-flag-wrap::before {
    content: "";
    position: absolute;
    top: 35px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 12px 12px 0;
    border-color: transparent #ff7a59 transparent transparent;
}

.bagde-flag {
    text-transform: capitalize;
    color: #ffffff;
    background: #ff7a59;
    letter-spacing: 0;
    font-size: 14px;
    line-height: 15px;
    font-weight: 600;
    padding: 10px 15px;
    display: block;
    text-decoration: none;
}
.wish-list-home {
    position: absolute;
    top: 10px;
    right: 10px;
    border-radius: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 28px;
    height: 28px;
    cursor: pointer;
    padding-top: 3px;
    transition: transform 0.25s cubic-bezier(0.2, 0, 0, 1);
}
.wish-list-home i {
    color: #fff;
}

.wish-list-home label {
    cursor: pointer;
}

.wish-list-home {
    position: absolute;
    top: 12px;
    left: calc(100% - 42px);
    z-index: 1;
}

.wish-list-home input[type="checkbox"] {
    display: none;
}

.wish-list-home input[type="checkbox"] + label .bi-heart-fill {
    display: none;
}

.wish-list-home input[type="checkbox"]:checked + label .bi-heart-fill {
    display: flex;
    color: #fff;
}

.wish-list-home input[type="checkbox"]:checked + label .bi-heart {
    display: none;
}
.wish-list-home:hover {
    transform: scale(1.08);
}
.wish-list-home:hover i {
    font-size: 18px;
}
.exp-image-left .slick-track {
    float: left !important;
}
.exp-image-left .room-card-img {
    aspect-ratio: 3/4 !important;
}
label {
    color: black;
}
.home_svg1 {
    display: block;
    fill: none;
    height: 24px;
    width: 24px;
    stroke: currentcolor;
    stroke-width: 2px;
    overflow: visible;
}

.home_svg2 {
    display: block;
    height: 24px;
    width: 24px;
    fill: currentcolor;
}
.home_svg3 {
    display: block;
    fill: none;
    height: 24px;
    width: 24px;
    stroke: currentcolor;
    stroke-width: 2.66667;
    overflow: visible;
}
.home_svg4 {
    width: 24px;
    height: 24px;
    vertical-align: middle;
    fill: currentColor;
    overflow: hidden;
}

.world-map-button-home {
    /* The hero illustration is absolutely positioned with z-index 1, and this
       button was static — a static element cannot win against a positioned one
       whatever the DOM order, so at the widths where the picture reaches down
       this far it swallowed part of the button's clicks (JB-2780). */
    position: relative;
    z-index: 2;
    display: flex !important;
    align-items: center;
    justify-content: center;
    font-size: 18px !important;
    background-color: #333 !important;
    width: auto;
    height: 75px !important;
    padding: 0px 60px !important;
    min-width: 45px;
    color: #fff;
    border-radius: 36px !important;
    font-weight: 600;
    transition: background-color 0.3s ease;
    border: 1px solid #333 !important;
}

.world-map-button-home:hover {
    background-color: #000 !important;
    border: 1px solid #000 !important;
}

.search-icon.inside-search {
    font-size: 18px !important;
    font-weight: 600;
}

.svg-icon {
    display: block;
    height: 28px;
    width: 28px;
    stroke: rgb(255, 255, 255);
    stroke-width: 2;
    overflow: visible;
}

.wishlist-unsaved {
    fill: rgba(0, 0, 0, 0.5);
}

.wishlist-saved {
    fill: rgb(255, 90, 79);
}
.min-h-max-content {
  min-height: fit-content !important;
}
@media screen and (min-width: 768px) {
   .guest-home-main-div{
    width: 33%;
   }
}

/* ── "Show more", one button for the whole page (JB-2797) ────────────────────
   These rules used to live in a <style> inside the travel-inspiration section,
   which renders only when there is inspiration data. The listings button now
   uses the same classes, so they have to exist unconditionally — and being one
   source rather than two copies is what keeps the two buttons identical the
   next time either is touched. */
.insp-more-wrap {
    display: flex;
    justify-content: center;
    margin-top: 30px;
}
.insp-more {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    background: #fff;
    border: 1px solid #222;
    border-radius: 999px;
    padding: 11px 22px;
    font-size: 0.9rem;
    font-weight: 600;
    color: #222;
    cursor: pointer;
    transition: background-color 0.15s, color 0.15s;
}
.insp-more:hover {
    background: #222;
    color: #fff;
}
.insp-more:focus-visible {
    outline: 2px solid #222;
    outline-offset: 2px;
}
@media (prefers-reduced-motion: reduce) {
    .insp-more {
        transition: none;
    }
}

/* ------------------------------------------------------------------ JB-2808
   The inspiration card: a picture, a name and a line underneath.

   It lived in the homepage's own <style>, next to the section that introduced
   it. The country pages build their destinations block out of the same card
   now, and a rule that lives in one page's <style> does not exist on another —
   the block came out as a column of unsized photographs. Here it is shared, as
   .insp-more* already was for exactly this reason. */
.insp-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 26px 18px; }
@media (min-width: 576px) { .insp-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
@media (min-width: 992px) { .insp-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); } }
@media (min-width: 1400px) { .insp-grid { grid-template-columns: repeat(5, minmax(0, 1fr)); } }

.insp-card { display: flex; flex-direction: column; gap: 3px; text-decoration: none; color: #222; }
.insp-card[hidden] { display: none; }
.insp-thumb { display: block; position: relative; aspect-ratio: 16 / 9; border-radius: 14px; overflow: hidden; background: #f0efed; margin-bottom: 7px; }
.insp-thumb img { width: 100%; height: 100%; object-fit: cover; display: block; transition: transform .45s cubic-bezier(.2,.6,.2,1); }
.insp-card:hover .insp-thumb img { transform: scale(1.05); }
/* A place with no photograph must still look deliberate. */
.insp-thumb-empty { position: absolute; inset: 0; display: flex; align-items: center; justify-content: center; font-size: 2rem; font-weight: 600; color: #fff; background: linear-gradient(135deg, #8e8b93 0%, #5f5c66 100%); opacity: .92; }
.insp-title { font-size: 0.95rem; font-weight: 600; line-height: 1.3; }
.insp-card:hover .insp-title { text-decoration: underline; }
.insp-subtitle { font-size: 0.85rem; color: #717171; line-height: 1.3; }

@media (prefers-reduced-motion: reduce) {
    .insp-thumb img { transition: none; }
    .insp-card:hover .insp-thumb img { transform: none; }
}