@import url("https://fonts.googleapis.com/css2?family=Heebo:wght@500;600&family=Inter:wght@500;600&display=swap");

@tailwind base;
@tailwind components;
@tailwind utilities;

@layer base {
  .font-satoshi {
    /* font-family: 'Satoshi', sans-serif; */
    font-family: "Satoshi-Variable", sans-serif !important;
  }

  body {
    @apply font-sans bg-white text-gray-900 dark:bg-gray-900 dark:text-white;
  }
  h1,
  h2,
  h3,
  h4,
  h5,
  h6 {
    @apply font-satoshi text-gray-900 dark:text-white;
  }
}

@layer components {
  /* Container */
  .main-container {
    @apply flex flex-col p-4 sm:py-7 sm:px-12 bg-eggshell-500 font-satoshi text-dirt-500;
  }
  .min-h-with-header {
    @apply min-h-[calc(100vh-90px)];
  }
  /* Flash messages */
  .alert {
    @apply p-4 
    text-sm
    text-gray-800
    rounded-lg
    bg-gray-50
    dark:bg-gray-800
    dark:text-gray-300;
  }

  .alert.alert-danger {
    @apply text-red-800
    bg-red-50
    dark:bg-red-800
    dark:text-red-400;
  }

  .alert.alert-success {
    @apply text-green-800
    bg-green-50
    dark:bg-green-800
    dark:text-green-400;
  }

  .alert.alert-notice {
    @apply text-blue-800
    bg-blue-50
    dark:bg-blue-800
    dark:text-blue-400;
  }

  .nav-link {
    @apply flex items-center p-2 w-full text-base font-medium text-gray-900 rounded-lg transition duration-75 hover:bg-gray-100 dark:text-white dark:hover:bg-gray-700;
  }
  .nav-link svg {
    @apply mr-3;
  }
  .nav-link.is-current-page {
    @apply bg-gray-100 dark:text-white dark:bg-gray-700;
  }

  /* Buttons */
  .btn {
    @apply inline-flex
    text-center
    items-center
    justify-center
    rounded-md
    bg-primary
    cursor-pointer
    px-3
    py-2
    text-sm
    font-medium
    text-white
    shadow-sm
    ring-1
    ring-inset
    ring-primary-100
    hover:bg-primary-100
    hover:no-underline
    focus:outline-none
    focus:ring-2
    focus:ring-primary-500
    focus:ring-offset-2
    transition-colors;
  }

  .btn.btn-secondary {
    @apply bg-secondary
    ring-secondary-100
    hover:bg-secondary-100
    focus:ring-secondary-500;
  }

  .btn-sm {
    @apply text-xs px-2 py-1;
  }

  .btn-md {
    @apply text-sm px-5 py-3;
  }

  .btn-lg {
    @apply text-base px-6 py-3;
  }

  .btn-xl {
    @apply text-lg px-8 py-4;
  }

  .btn-2xl {
    @apply text-xl px-10 py-5;
  }

  .btn-3xl {
    @apply text-2xl px-12 py-6;
  }

  /* Forms */

  .form-input,
  .form-select,
  .form-textarea,
  .form-richtext,
  .form-multiselect {
    @apply bg-gray-50 
    border 
    border-gray-300 
    text-gray-900
    text-sm
    rounded-lg
    focus:ring-primary
    focus:border-primary
    block
    w-full
    p-2.5
    dark:bg-gray-600
    dark:border-gray-500
    dark:placeholder-gray-400
    dark:text-white
    dark:focus:ring-primary-500;
  }

  .form-label {
    @apply block
    text-sm
    font-medium
    text-gray-900
    dark:text-white;
  }

  .form-textarea {
    @apply resize-none
    h-24;
  }

  .form-checkbox {
    @apply h-4 
    w-4
    rounded
    border-gray-300
    text-primary
    focus:ring-primary-500;
  }

  .form-radio {
    @apply h-4
    w-4
    rounded-full
    border-gray-300
    text-primary
    focus:ring-primary-500;
  }

  .iti.iti--allow-dropdown {
    width: 100%; /* Make sure the phone number wrapper also takes full width */
  }

  .amenity-item.selected {
    @apply bg-[rgba(166,142,107,0.4)]
    border
    border-[#A68E6B];
  }

  .no-scroll {
    overflow: hidden !important;
    position: relative;
    cursor: not-allowed;
  }

  .no-scroll > * {
    pointer-events: none;
  }

  .no-scroll a[href*="new_listing"],
  .no-scroll a[href*="new_listing"] * {
    pointer-events: auto !important;
    cursor: pointer !important;
  }
}
button.iti__selected-country {
  background: #8c8a84;
  border-radius: 10px;
  color: #fff;
  padding: 0 8px;
}
input#user_phone_number {
  padding-left: 25px;
}
/* .iti__arrow {
  border: solid #ffffff;
  border-width: 0 2px 2px 0;
  display: inline-block;
  padding: 3px;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  margin-left: 10px !important;
  margin-bottom: 3px;
  border-left: none !important;
  border-top: none !important;
  border-right: 2px solid #fff !important;
  border-bottom: 2px solid #fff !important;
} */

.iti__arrow {
  display: none;
}
.iti__dropdown-content,
.iti__search-input {
  background-color: #fffcf5 !important;
}

.iti__selected-country-primary:hover {
  background-color: #8c8a84 !important;
}

.iti--inline-dropdown .iti__dropdown-content {
  box-shadow: none !important;
  border: none !important;
}
.iti__country,
.iti__search-input {
  font-size: 14px;
}

.drop-down-btn button.iti__selected-country,
.drop-down-btn .iti__selected-country-primary:hover,
.iti__selected-flag {
  background: rgba(140, 138, 132, 1) !important;
  color: #ffffff;
  border-radius: 8px;
  padding: 8px 12px 8px 12px !important;
}

.input-md.iti__tel-input {
  padding-left: 95px !important;
}

button.iti__selected-country:after,
.iti__selected-flag:after {
  content: "";
  border: solid #ffffff;
  border-width: 0 2px 2px 0;
  display: inline-block;
  padding: 3px;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  margin-left: 10px !important;
  margin-bottom: 3px;
  border-left: none !important;
  border-top: none !important;
  border-right: 2px solid #fff !important;
  border-bottom: 2px solid #fff !important;
}

.iti .iti__selected-dial-code {
  margin-left: 0px !important;
}

/* Profile Image Upload Styles */
.upload-preview img {
  max-height: 180px;
  width: auto;
  height: auto;
  object-fit: contain;
  border-radius: 0.5rem;
  transition: all 0.3s ease;
}

.profile-picture-container {
  display: flex;
  align-items: center;
  justify-content: center;
  max-height: 300px;
  padding: 0.5rem;
}

/* Ensure images maintain aspect ratio */
.object-contain {
  object-fit: contain !important;
}

/* User dropdown profile picture styles - streamlined */
.profile-dropdown-btn {
  padding: 0 1rem 0 0;
  gap: 0.5rem;
}

.profile-pic-container {
  width: 43px;
  height: 43px;
  margin-left: 0.5rem;
  padding: 4px;
  background-color: #3b3a37;
  border-radius: 0.75rem;
  display: flex;
  align-items: center;
  justify-content: center;
}

.profile-pic-img {
  width: 35px;
  height: 35px;
  border-radius: 0.5rem;
  object-fit: cover;
}

.dropdown-arrow {
  width: 10px;
  height: 6px;
  margin-left: 0.5rem;
}

/* Custom styles for intl-tel-input */
.iti {
  width: 100%;
  display: block;
}

.iti__flag-container {
  display: flex !important;
  align-items: center;
}

.iti__selected-flag {
  display: flex !important;
  align-items: center;
  padding-left: 8px;
}

.iti__flag {
  display: inline-block !important;
}

.iti-container {
  width: 100%;
}

select.country-code:not([size]) {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' aria-hidden='true' viewBox='0 0 10 6'%3E%3Cpath stroke='%23FFFFFF' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m1 1 4 4 4-4'/%3E%3C/svg%3E");
  padding-right: 2rem;
}

@media only screen and (max-width: 768px) {
  .profile-pic-container {
    width: 38px;
    height: 38px;
    margin-left: 0px;
  }
  .profile-pic-img {
    width: 30px;
    height: 30px;
  }

  .profile-dropdown-btn {
    padding: 0 0.5rem 0 0;
    gap: 1px;
  }
}
:root {
  --iti-hover-color: rgba(0, 0, 0, 0.05);
  --iti-text-gray: #999;
  --iti-border-gray: #ccc;
  --iti-spacer-horizontal: 8px;
  --iti-flag-height: 15px;
  --iti-flag-width: 20px;
  --iti-border-width: 1px;
  --iti-arrow-height: 4px;
  --iti-arrow-width: 6px;
  --iti-triangle-border: calc(var(--iti-arrow-width) / 2);
  --iti-arrow-padding: 6px;
  --iti-arrow-color: #555;
  --iti-input-padding: 6px;
  --iti-right-hand-selected-country-padding: calc(var(--iti-spacer-horizontal) + var(--iti-spacer-horizontal) + var(--iti-flag-width));
  --iti-selected-country-arrow-padding: calc(var(--iti-arrow-padding) + var(--iti-arrow-padding) + var(--iti-flag-width) + var(--iti-spacer-horizontal) + var(--iti-arrow-width) + var(--iti-input-padding));
  --iti-path-flags-1x: url(https://www.wetravelnomad.com/../flags.png?1);
  --iti-path-flags-2x: url(https://www.wetravelnomad.com/../flags@2x.png?1);
  --iti-path-globe-1x: url(https://www.wetravelnomad.com/../globe.png);
  --iti-path-globe-2x: url(https://www.wetravelnomad.com/../globe@2x.png);
  --iti-flag-sprite-width: 5762px;
  --iti-flag-sprite-height: 15px;
  --iti-mobile-popup-margin: 30px;
}

.iti {
  position: relative;
  display: inline-block;
}
.iti * {
  box-sizing: border-box;
}
.iti__hide {
  display: none;
}
.iti__v-hide {
  visibility: hidden;
}
.iti__a11y-text {
  width: 1px;
  height: 1px;
  clip: rect(1px, 1px, 1px, 1px);
  overflow: hidden;
  position: absolute;
}
.iti input.iti__tel-input,
.iti input.iti__tel-input[type=text],
.iti input.iti__tel-input[type=tel] {
  position: relative;
  z-index: 0;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  padding-right: var(--iti-right-hand-selected-country-padding);
  margin-right: 0;
}
.iti__country-container {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  padding: var(--iti-border-width);
}
.iti__selected-country {
  z-index: 1;
  position: relative;
  display: flex;
  align-items: center;
  height: 100%;
  background: none;
  border: 0;
  margin: 0;
  padding: 0;
  font-family: inherit;
  font-size: inherit;
  color: inherit;
  border-radius: 0;
  font-weight: inherit;
  line-height: inherit;
  text-decoration: none;
}
.iti__selected-country-primary {
  display: flex;
  align-items: center;
  height: 100%;
  padding: 0 var(--iti-arrow-padding) 0 var(--iti-spacer-horizontal);
}
.iti__arrow {
  margin-left: var(--iti-arrow-padding);
  width: 0;
  height: 0;
  border-left: var(--iti-triangle-border) solid transparent;
  border-right: var(--iti-triangle-border) solid transparent;
  border-top: var(--iti-arrow-height) solid var(--iti-arrow-color);
}
[dir=rtl] .iti__arrow {
  margin-right: var(--iti-arrow-padding);
  margin-left: 0;
}
.iti__arrow--up {
  border-top: none;
  border-bottom: var(--iti-arrow-height) solid var(--iti-arrow-color);
}
.iti__dropdown-content {
  border-radius: 3px;
  background-color: white;
}
.iti--inline-dropdown .iti__dropdown-content {
  position: absolute;
  z-index: 2;
  margin-top: 3px;
  margin-left: calc(var(--iti-border-width) * -1);
  border: var(--iti-border-width) solid var(--iti-border-gray);
  box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.2);
}
.iti__search-input {
  width: 100%;
  border-width: 0;
  border-radius: 3px;
  padding: 9px 12px;
}
.iti__search-input + .iti__country-list {
  border-top: 1px solid var(--iti-border-gray);
}
.iti__country-list {
  list-style: none;
  padding: 0;
  margin: 0;
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
}
.iti--inline-dropdown .iti__country-list {
  max-height: 185px;
}
.iti--flexible-dropdown-width .iti__country-list {
  white-space: nowrap;
}
@media (max-width: 500px) {
  .iti--flexible-dropdown-width .iti__country-list {
    white-space: normal;
  }
}
.iti__flag-box {
  display: inline-block;
  width: var(--iti-flag-width);
}
.iti__country {
  display: flex;
  align-items: center;
  padding: 8px var(--iti-spacer-horizontal);
  outline: none;
}
.iti__dial-code {
  color: var(--iti-text-gray);
}
.iti__country.iti__highlight {
  background-color: var(--iti-hover-color);
}
.iti__flag-box, .iti__country-name {
  margin-right: var(--iti-spacer-horizontal);
}
[dir=rtl] .iti__flag-box, [dir=rtl] .iti__country-name {
  margin-right: 0;
  margin-left: var(--iti-spacer-horizontal);
}
.iti--allow-dropdown input.iti__tel-input,
.iti--allow-dropdown input.iti__tel-input[type=text],
.iti--allow-dropdown input.iti__tel-input[type=tel] {
  padding-right: var(--iti-input-padding);
  padding-left: var(--iti-selected-country-arrow-padding);
  margin-left: 0;
}
[dir=rtl] .iti--allow-dropdown input.iti__tel-input,
[dir=rtl] .iti--allow-dropdown input.iti__tel-input[type=text],
[dir=rtl] .iti--allow-dropdown input.iti__tel-input[type=tel] {
  padding-right: var(--iti-selected-country-arrow-padding);
  padding-left: var(--iti-input-padding);
  margin-right: 0;
}
.iti--allow-dropdown .iti__country-container {
  right: auto;
  left: 0;
}
[dir=rtl] .iti--allow-dropdown .iti__country-container {
  right: 0;
  left: auto;
}
.iti--allow-dropdown .iti__country-container:not(:has(+ input[disabled])):not(:has(+ input[readonly])):hover, .iti--allow-dropdown .iti__country-container:not(:has(+ input[disabled])):not(:has(+ input[readonly])):hover button {
  cursor: pointer;
}
.iti--allow-dropdown .iti__country-container:not(:has(+ input[disabled])):not(:has(+ input[readonly])) .iti__selected-country-primary:hover,
.iti--allow-dropdown .iti__country-container:not(:has(+ input[disabled])):not(:has(+ input[readonly])) .iti__selected-country:has(+ .iti__dropdown-content:hover) .iti__selected-country-primary {
  background-color: var(--iti-hover-color);
}
.iti .iti__selected-dial-code {
  margin-left: 4px;
}
[dir=rtl] .iti .iti__selected-dial-code {
  margin-left: 0;
  margin-right: 4px;
}
.iti--container {
  position: fixed;
  top: -1000px;
  left: -1000px;
  z-index: 1060;
  padding: var(--iti-border-width);
}
.iti--container:hover {
  cursor: pointer;
}

.iti--fullscreen-popup.iti--container {
  background-color: rgba(0, 0, 0, 0.5);
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  position: fixed;
  padding: var(--iti-mobile-popup-margin);
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
}
.iti--fullscreen-popup .iti__dropdown-content {
  display: flex;
  flex-direction: column;
  max-height: 100%;
  position: relative;
}
.iti--fullscreen-popup .iti__country {
  padding: 10px 10px;
  line-height: 1.5em;
}

.iti__flag {
  --iti-flag-offset: 0px;
  --iti-flag-width: 20px;
  --iti-flag-height: 14px;
  height: var(--iti-flag-height);
  width: var(--iti-flag-width);
  box-shadow: 0px 0px 1px 0px #888;
  background-image: var(--iti-path-flags-1x);
  background-repeat: no-repeat;
  background-position: var(--iti-flag-offset) 0;
  background-size: var(--iti-flag-sprite-width) var(--iti-flag-sprite-height);
}

.iti__np {
  --iti-flag-width: 13px;
}

.iti__va, .iti__ch {
  --iti-flag-width: 15px;
}

.iti__ne, .iti__be {
  --iti-flag-width: 18px;
}

.iti__mc {
  --iti-flag-width: 19px;
}

.iti__zw, .iti__ws, .iti__vg, .iti__uz, .iti__uk, .iti__tv, .iti__to, .iti__tl, .iti__tk, .iti__tj, .iti__tc, .iti__ta, .iti__su, .iti__st, .iti__ss, .iti__si, .iti__sh, .iti__sd, .iti__sc, .iti__sb, .iti__ps, .iti__pn, .iti__ph, .iti__om, .iti__nz, .iti__nu, .iti__nr, .iti__ng, .iti__nf, .iti__nc, .iti__my, .iti__ms, .iti__mp, .iti__mn, .iti__mk, .iti__me, .iti__md, .iti__ly, .iti__lv, .iti__lk, .iti__lc, .iti__kz, .iti__ky, .iti__kw, .iti__kp, .iti__ki, .iti__jo, .iti__jm, .iti__io, .iti__im, .iti__ie, .iti__hu, .iti__hr, .iti__hn, .iti__hm, .iti__gw, .iti__gs, .iti__gi, .iti__gb, .iti__fk, .iti__fj, .iti__et, .iti__er, .iti__eh, .iti__dm, .iti__dg, .iti__cx, .iti__cu, .iti__ck, .iti__cc, .iti__ca, .iti__by, .iti__bs, .iti__bn, .iti__bm, .iti__ba, .iti__az, .iti__au, .iti__as, .iti__am, .iti__ai, .iti__ae, .iti__ac {
  --iti-flag-height: 10px;
}

.iti__us, .iti__um, .iti__py, .iti__mh, .iti__lr, .iti__gu, .iti__fm {
  --iti-flag-height: 11px;
}

.iti__vu, .iti__tt, .iti__sv, .iti__ni, .iti__mx, .iti__lu, .iti__lt, .iti__li, .iti__km, .iti__kg, .iti__je, .iti__ir, .iti__ht, .iti__gy, .iti__gd, .iti__fi, .iti__de, .iti__cv, .iti__cr, .iti__cq, .iti__bz, .iti__bi, .iti__bh, .iti__bg, .iti__bd {
  --iti-flag-height: 12px;
}

.iti__tg, .iti__se, .iti__pw, .iti__pl, .iti__kh, .iti__gt, .iti__ee, .iti__ax, .iti__ar {
  --iti-flag-height: 13px;
}

.iti__xk, .iti__va, .iti__sm, .iti__sj, .iti__pg, .iti__np, .iti__no, .iti__ne, .iti__mc, .iti__is, .iti__il, .iti__ga, .iti__fo, .iti__dk, .iti__ch, .iti__cd, .iti__bv, .iti__be, .iti__al {
  --iti-flag-height: 15px;
}

.iti__qa {
  --iti-flag-height: 8px;
}

.iti__ac {
  --iti-flag-offset: 0px;
}

.iti__ad {
  --iti-flag-offset: -22px;
}

.iti__ae {
  --iti-flag-offset: -44px;
}

.iti__af {
  --iti-flag-offset: -66px;
}

.iti__ag {
  --iti-flag-offset: -88px;
}

.iti__ai {
  --iti-flag-offset: -110px;
}

.iti__al {
  --iti-flag-offset: -132px;
}

.iti__am {
  --iti-flag-offset: -154px;
}

.iti__ao {
  --iti-flag-offset: -176px;
}

.iti__aq {
  --iti-flag-offset: -198px;
}

.iti__ar {
  --iti-flag-offset: -220px;
}

.iti__as {
  --iti-flag-offset: -242px;
}

.iti__at {
  --iti-flag-offset: -264px;
}

.iti__au {
  --iti-flag-offset: -286px;
}

.iti__aw {
  --iti-flag-offset: -308px;
}

.iti__ax {
  --iti-flag-offset: -330px;
}

.iti__az {
  --iti-flag-offset: -352px;
}

.iti__ba {
  --iti-flag-offset: -374px;
}

.iti__bb {
  --iti-flag-offset: -396px;
}

.iti__bd {
  --iti-flag-offset: -418px;
}

.iti__be {
  --iti-flag-offset: -440px;
}

.iti__bf {
  --iti-flag-offset: -460px;
}

.iti__bg {
  --iti-flag-offset: -482px;
}

.iti__bh {
  --iti-flag-offset: -504px;
}

.iti__bi {
  --iti-flag-offset: -526px;
}

.iti__bj {
  --iti-flag-offset: -548px;
}

.iti__bl {
  --iti-flag-offset: -570px;
}

.iti__bm {
  --iti-flag-offset: -592px;
}

.iti__bn {
  --iti-flag-offset: -614px;
}

.iti__bo {
  --iti-flag-offset: -636px;
}

.iti__bq {
  --iti-flag-offset: -658px;
}

.iti__br {
  --iti-flag-offset: -680px;
}

.iti__bs {
  --iti-flag-offset: -702px;
}

.iti__bt {
  --iti-flag-offset: -724px;
}

.iti__bv {
  --iti-flag-offset: -746px;
}

.iti__bw {
  --iti-flag-offset: -768px;
}

.iti__by {
  --iti-flag-offset: -790px;
}

.iti__bz {
  --iti-flag-offset: -812px;
}

.iti__ca {
  --iti-flag-offset: -834px;
}

.iti__cc {
  --iti-flag-offset: -856px;
}

.iti__cd {
  --iti-flag-offset: -878px;
}

.iti__cf {
  --iti-flag-offset: -900px;
}

.iti__cg {
  --iti-flag-offset: -922px;
}

.iti__ch {
  --iti-flag-offset: -944px;
}

.iti__ci {
  --iti-flag-offset: -961px;
}

.iti__ck {
  --iti-flag-offset: -983px;
}

.iti__cl {
  --iti-flag-offset: -1005px;
}

.iti__cm {
  --iti-flag-offset: -1027px;
}

.iti__cn {
  --iti-flag-offset: -1049px;
}

.iti__co {
  --iti-flag-offset: -1071px;
}

.iti__cp {
  --iti-flag-offset: -1093px;
}

.iti__cq {
  --iti-flag-offset: -1115px;
}

.iti__cr {
  --iti-flag-offset: -1137px;
}

.iti__cu {
  --iti-flag-offset: -1159px;
}

.iti__cv {
  --iti-flag-offset: -1181px;
}

.iti__cw {
  --iti-flag-offset: -1203px;
}

.iti__cx {
  --iti-flag-offset: -1225px;
}

.iti__cy {
  --iti-flag-offset: -1247px;
}

.iti__cz {
  --iti-flag-offset: -1269px;
}

.iti__de {
  --iti-flag-offset: -1291px;
}

.iti__dg {
  --iti-flag-offset: -1313px;
}

.iti__dj {
  --iti-flag-offset: -1335px;
}

.iti__dk {
  --iti-flag-offset: -1357px;
}

.iti__dm {
  --iti-flag-offset: -1379px;
}

.iti__do {
  --iti-flag-offset: -1401px;
}

.iti__dz {
  --iti-flag-offset: -1423px;
}

.iti__ea {
  --iti-flag-offset: -1445px;
}

.iti__ec {
  --iti-flag-offset: -1467px;
}

.iti__ee {
  --iti-flag-offset: -1489px;
}

.iti__eg {
  --iti-flag-offset: -1511px;
}

.iti__eh {
  --iti-flag-offset: -1533px;
}

.iti__er {
  --iti-flag-offset: -1555px;
}

.iti__es {
  --iti-flag-offset: -1577px;
}

.iti__et {
  --iti-flag-offset: -1599px;
}

.iti__eu {
  --iti-flag-offset: -1621px;
}

.iti__ez {
  --iti-flag-offset: -1643px;
}

.iti__fi {
  --iti-flag-offset: -1665px;
}

.iti__fj {
  --iti-flag-offset: -1687px;
}

.iti__fk {
  --iti-flag-offset: -1709px;
}

.iti__fm {
  --iti-flag-offset: -1731px;
}

.iti__fo {
  --iti-flag-offset: -1753px;
}

.iti__fr {
  --iti-flag-offset: -1775px;
}

.iti__fx {
  --iti-flag-offset: -1797px;
}

.iti__ga {
  --iti-flag-offset: -1819px;
}

.iti__gb {
  --iti-flag-offset: -1841px;
}

.iti__gd {
  --iti-flag-offset: -1863px;
}

.iti__ge {
  --iti-flag-offset: -1885px;
}

.iti__gf {
  --iti-flag-offset: -1907px;
}

.iti__gg {
  --iti-flag-offset: -1929px;
}

.iti__gh {
  --iti-flag-offset: -1951px;
}

.iti__gi {
  --iti-flag-offset: -1973px;
}

.iti__gl {
  --iti-flag-offset: -1995px;
}

.iti__gm {
  --iti-flag-offset: -2017px;
}

.iti__gn {
  --iti-flag-offset: -2039px;
}

.iti__gp {
  --iti-flag-offset: -2061px;
}

.iti__gq {
  --iti-flag-offset: -2083px;
}

.iti__gr {
  --iti-flag-offset: -2105px;
}

.iti__gs {
  --iti-flag-offset: -2127px;
}

.iti__gt {
  --iti-flag-offset: -2149px;
}

.iti__gu {
  --iti-flag-offset: -2171px;
}

.iti__gw {
  --iti-flag-offset: -2193px;
}

.iti__gy {
  --iti-flag-offset: -2215px;
}

.iti__hk {
  --iti-flag-offset: -2237px;
}

.iti__hm {
  --iti-flag-offset: -2259px;
}

.iti__hn {
  --iti-flag-offset: -2281px;
}

.iti__hr {
  --iti-flag-offset: -2303px;
}

.iti__ht {
  --iti-flag-offset: -2325px;
}

.iti__hu {
  --iti-flag-offset: -2347px;
}

.iti__ic {
  --iti-flag-offset: -2369px;
}

.iti__id {
  --iti-flag-offset: -2391px;
}

.iti__ie {
  --iti-flag-offset: -2413px;
}

.iti__il {
  --iti-flag-offset: -2435px;
}

.iti__im {
  --iti-flag-offset: -2457px;
}

.iti__in {
  --iti-flag-offset: -2479px;
}

.iti__io {
  --iti-flag-offset: -2501px;
}

.iti__iq {
  --iti-flag-offset: -2523px;
}

.iti__ir {
  --iti-flag-offset: -2545px;
}

.iti__is {
  --iti-flag-offset: -2567px;
}

.iti__it {
  --iti-flag-offset: -2589px;
}

.iti__je {
  --iti-flag-offset: -2611px;
}

.iti__jm {
  --iti-flag-offset: -2633px;
}

.iti__jo {
  --iti-flag-offset: -2655px;
}

.iti__jp {
  --iti-flag-offset: -2677px;
}

.iti__ke {
  --iti-flag-offset: -2699px;
}

.iti__kg {
  --iti-flag-offset: -2721px;
}

.iti__kh {
  --iti-flag-offset: -2743px;
}

.iti__ki {
  --iti-flag-offset: -2765px;
}

.iti__km {
  --iti-flag-offset: -2787px;
}

.iti__kn {
  --iti-flag-offset: -2809px;
}

.iti__kp {
  --iti-flag-offset: -2831px;
}

.iti__kr {
  --iti-flag-offset: -2853px;
}

.iti__kw {
  --iti-flag-offset: -2875px;
}

.iti__ky {
  --iti-flag-offset: -2897px;
}

.iti__kz {
  --iti-flag-offset: -2919px;
}

.iti__la {
  --iti-flag-offset: -2941px;
}

.iti__lb {
  --iti-flag-offset: -2963px;
}

.iti__lc {
  --iti-flag-offset: -2985px;
}

.iti__li {
  --iti-flag-offset: -3007px;
}

.iti__lk {
  --iti-flag-offset: -3029px;
}

.iti__lr {
  --iti-flag-offset: -3051px;
}

.iti__ls {
  --iti-flag-offset: -3073px;
}

.iti__lt {
  --iti-flag-offset: -3095px;
}

.iti__lu {
  --iti-flag-offset: -3117px;
}

.iti__lv {
  --iti-flag-offset: -3139px;
}

.iti__ly {
  --iti-flag-offset: -3161px;
}

.iti__ma {
  --iti-flag-offset: -3183px;
}

.iti__mc {
  --iti-flag-offset: -3205px;
}

.iti__md {
  --iti-flag-offset: -3226px;
}

.iti__me {
  --iti-flag-offset: -3248px;
}

.iti__mf {
  --iti-flag-offset: -3270px;
}

.iti__mg {
  --iti-flag-offset: -3292px;
}

.iti__mh {
  --iti-flag-offset: -3314px;
}

.iti__mk {
  --iti-flag-offset: -3336px;
}

.iti__ml {
  --iti-flag-offset: -3358px;
}

.iti__mm {
  --iti-flag-offset: -3380px;
}

.iti__mn {
  --iti-flag-offset: -3402px;
}

.iti__mo {
  --iti-flag-offset: -3424px;
}

.iti__mp {
  --iti-flag-offset: -3446px;
}

.iti__mq {
  --iti-flag-offset: -3468px;
}

.iti__mr {
  --iti-flag-offset: -3490px;
}

.iti__ms {
  --iti-flag-offset: -3512px;
}

.iti__mt {
  --iti-flag-offset: -3534px;
}

.iti__mu {
  --iti-flag-offset: -3556px;
}

.iti__mv {
  --iti-flag-offset: -3578px;
}

.iti__mw {
  --iti-flag-offset: -3600px;
}

.iti__mx {
  --iti-flag-offset: -3622px;
}

.iti__my {
  --iti-flag-offset: -3644px;
}

.iti__mz {
  --iti-flag-offset: -3666px;
}

.iti__na {
  --iti-flag-offset: -3688px;
}

.iti__nc {
  --iti-flag-offset: -3710px;
}

.iti__ne {
  --iti-flag-offset: -3732px;
}

.iti__nf {
  --iti-flag-offset: -3752px;
}

.iti__ng {
  --iti-flag-offset: -3774px;
}

.iti__ni {
  --iti-flag-offset: -3796px;
}

.iti__nl {
  --iti-flag-offset: -3818px;
}

.iti__no {
  --iti-flag-offset: -3840px;
}

.iti__np {
  --iti-flag-offset: -3862px;
}

.iti__nr {
  --iti-flag-offset: -3877px;
}

.iti__nu {
  --iti-flag-offset: -3899px;
}

.iti__nz {
  --iti-flag-offset: -3921px;
}

.iti__om {
  --iti-flag-offset: -3943px;
}

.iti__pa {
  --iti-flag-offset: -3965px;
}

.iti__pe {
  --iti-flag-offset: -3987px;
}

.iti__pf {
  --iti-flag-offset: -4009px;
}

.iti__pg {
  --iti-flag-offset: -4031px;
}

.iti__ph {
  --iti-flag-offset: -4053px;
}

.iti__pk {
  --iti-flag-offset: -4075px;
}

.iti__pl {
  --iti-flag-offset: -4097px;
}

.iti__pm {
  --iti-flag-offset: -4119px;
}

.iti__pn {
  --iti-flag-offset: -4141px;
}

.iti__pr {
  --iti-flag-offset: -4163px;
}

.iti__ps {
  --iti-flag-offset: -4185px;
}

.iti__pt {
  --iti-flag-offset: -4207px;
}

.iti__pw {
  --iti-flag-offset: -4229px;
}

.iti__py {
  --iti-flag-offset: -4251px;
}

.iti__qa {
  --iti-flag-offset: -4273px;
}

.iti__re {
  --iti-flag-offset: -4295px;
}

.iti__ro {
  --iti-flag-offset: -4317px;
}

.iti__rs {
  --iti-flag-offset: -4339px;
}

.iti__ru {
  --iti-flag-offset: -4361px;
}

.iti__rw {
  --iti-flag-offset: -4383px;
}

.iti__sa {
  --iti-flag-offset: -4405px;
}

.iti__sb {
  --iti-flag-offset: -4427px;
}

.iti__sc {
  --iti-flag-offset: -4449px;
}

.iti__sd {
  --iti-flag-offset: -4471px;
}

.iti__se {
  --iti-flag-offset: -4493px;
}

.iti__sg {
  --iti-flag-offset: -4515px;
}

.iti__sh {
  --iti-flag-offset: -4537px;
}

.iti__si {
  --iti-flag-offset: -4559px;
}

.iti__sj {
  --iti-flag-offset: -4581px;
}

.iti__sk {
  --iti-flag-offset: -4603px;
}

.iti__sl {
  --iti-flag-offset: -4625px;
}

.iti__sm {
  --iti-flag-offset: -4647px;
}

.iti__sn {
  --iti-flag-offset: -4669px;
}

.iti__so {
  --iti-flag-offset: -4691px;
}

.iti__sr {
  --iti-flag-offset: -4713px;
}

.iti__ss {
  --iti-flag-offset: -4735px;
}

.iti__st {
  --iti-flag-offset: -4757px;
}

.iti__su {
  --iti-flag-offset: -4779px;
}

.iti__sv {
  --iti-flag-offset: -4801px;
}

.iti__sx {
  --iti-flag-offset: -4823px;
}

.iti__sy {
  --iti-flag-offset: -4845px;
}

.iti__sz {
  --iti-flag-offset: -4867px;
}

.iti__ta {
  --iti-flag-offset: -4889px;
}

.iti__tc {
  --iti-flag-offset: -4911px;
}

.iti__td {
  --iti-flag-offset: -4933px;
}

.iti__tf {
  --iti-flag-offset: -4955px;
}

.iti__tg {
  --iti-flag-offset: -4977px;
}

.iti__th {
  --iti-flag-offset: -4999px;
}

.iti__tj {
  --iti-flag-offset: -5021px;
}

.iti__tk {
  --iti-flag-offset: -5043px;
}

.iti__tl {
  --iti-flag-offset: -5065px;
}

.iti__tm {
  --iti-flag-offset: -5087px;
}

.iti__tn {
  --iti-flag-offset: -5109px;
}

.iti__to {
  --iti-flag-offset: -5131px;
}

.iti__tr {
  --iti-flag-offset: -5153px;
}

.iti__tt {
  --iti-flag-offset: -5175px;
}

.iti__tv {
  --iti-flag-offset: -5197px;
}

.iti__tw {
  --iti-flag-offset: -5219px;
}

.iti__tz {
  --iti-flag-offset: -5241px;
}

.iti__ua {
  --iti-flag-offset: -5263px;
}

.iti__ug {
  --iti-flag-offset: -5285px;
}

.iti__uk {
  --iti-flag-offset: -5307px;
}

.iti__um {
  --iti-flag-offset: -5329px;
}

.iti__un {
  --iti-flag-offset: -5351px;
}

.iti__us {
  --iti-flag-offset: -5373px;
}

.iti__uy {
  --iti-flag-offset: -5395px;
}

.iti__uz {
  --iti-flag-offset: -5417px;
}

.iti__va {
  --iti-flag-offset: -5439px;
}

.iti__vc {
  --iti-flag-offset: -5456px;
}

.iti__ve {
  --iti-flag-offset: -5478px;
}

.iti__vg {
  --iti-flag-offset: -5500px;
}

.iti__vi {
  --iti-flag-offset: -5522px;
}

.iti__vn {
  --iti-flag-offset: -5544px;
}

.iti__vu {
  --iti-flag-offset: -5566px;
}

.iti__wf {
  --iti-flag-offset: -5588px;
}

.iti__ws {
  --iti-flag-offset: -5610px;
}

.iti__xk {
  --iti-flag-offset: -5632px;
}

.iti__ye {
  --iti-flag-offset: -5654px;
}

.iti__yt {
  --iti-flag-offset: -5676px;
}

.iti__za {
  --iti-flag-offset: -5698px;
}

.iti__zm {
  --iti-flag-offset: -5720px;
}

.iti__zw {
  --iti-flag-offset: -5742px;
}

.iti__globe {
  background-image: var(--iti-path-globe-1x);
  background-size: contain;
  background-position: right;
  box-shadow: none;
  height: 19px;
}

@media (min-resolution: 2x) {
  .iti__flag {
    background-image: var(--iti-path-flags-2x);
  }
  .iti__globe {
    background-image: var(--iti-path-globe-2x);
  }
}
:root{--iti-hover-color:rgba(0, 0, 0, 0.05);--iti-text-gray:#999;--iti-border-gray:#ccc;--iti-spacer-horizontal:8px;--iti-flag-height:15px;--iti-flag-width:20px;--iti-border-width:1px;--iti-arrow-height:4px;--iti-arrow-width:6px;--iti-triangle-border:calc(var(--iti-arrow-width) / 2);--iti-arrow-padding:6px;--iti-arrow-color:#555;--iti-input-padding:6px;--iti-right-hand-selected-country-padding:calc(var(--iti-spacer-horizontal) + var(--iti-spacer-horizontal) + var(--iti-flag-width));--iti-selected-country-arrow-padding:calc(var(--iti-arrow-padding) + var(--iti-arrow-padding) + var(--iti-flag-width) + var(--iti-spacer-horizontal) + var(--iti-arrow-width) + var(--iti-input-padding));--iti-path-flags-1x:url(https://www.wetravelnomad.com/../flags.png?1);--iti-path-flags-2x:url(https://www.wetravelnomad.com/../flags@2x.png?1);--iti-path-globe-1x:url(https://www.wetravelnomad.com/../globe.png);--iti-path-globe-2x:url(https://www.wetravelnomad.com/../globe@2x.png);--iti-flag-sprite-width:5762px;--iti-flag-sprite-height:15px;--iti-mobile-popup-margin:30px}.iti{position:relative;display:inline-block}.iti *{box-sizing:border-box}.iti__hide{display:none}.iti__v-hide{visibility:hidden}.iti__a11y-text{width:1px;height:1px;clip:rect(1px,1px,1px,1px);overflow:hidden;position:absolute}.iti input.iti__tel-input,.iti input.iti__tel-input[type=tel],.iti input.iti__tel-input[type=text]{position:relative;z-index:0;margin-top:0!important;margin-bottom:0!important;padding-right:var(--iti-right-hand-selected-country-padding);margin-right:0}.iti__country-container{position:absolute;top:0;bottom:0;right:0;padding:var(--iti-border-width)}.iti__selected-country{z-index:1;position:relative;display:flex;align-items:center;height:100%;background:0 0;border:0;margin:0;padding:0;font-family:inherit;font-size:inherit;color:inherit;border-radius:0;font-weight:inherit;line-height:inherit;text-decoration:none}.iti__selected-country-primary{display:flex;align-items:center;height:100%;padding:0 var(--iti-arrow-padding) 0 var(--iti-spacer-horizontal)}.iti__arrow{margin-left:var(--iti-arrow-padding);width:0;height:0;border-left:var(--iti-triangle-border) solid transparent;border-right:var(--iti-triangle-border) solid transparent;border-top:var(--iti-arrow-height) solid var(--iti-arrow-color)}[dir=rtl] .iti__arrow{margin-right:var(--iti-arrow-padding);margin-left:0}.iti__arrow--up{border-top:none;border-bottom:var(--iti-arrow-height) solid var(--iti-arrow-color)}.iti__dropdown-content{border-radius:3px;background-color:#fff}.iti--inline-dropdown .iti__dropdown-content{position:absolute;z-index:2;margin-top:3px;margin-left:calc(var(--iti-border-width) * -1);border:var(--iti-border-width) solid var(--iti-border-gray);box-shadow:1px 1px 4px rgba(0,0,0,.2)}.iti__search-input{width:100%;border-width:0;border-radius:3px;padding:9px 12px}.iti__search-input+.iti__country-list{border-top:1px solid var(--iti-border-gray)}.iti__country-list{list-style:none;padding:0;margin:0;overflow-y:scroll;-webkit-overflow-scrolling:touch}.iti--inline-dropdown .iti__country-list{max-height:185px}.iti--flexible-dropdown-width .iti__country-list{white-space:nowrap}@media (max-width:500px){.iti--flexible-dropdown-width .iti__country-list{white-space:normal}}.iti__flag-box{display:inline-block;width:var(--iti-flag-width)}.iti__country{display:flex;align-items:center;padding:8px var(--iti-spacer-horizontal);outline:0}.iti__dial-code{color:var(--iti-text-gray)}.iti__country.iti__highlight{background-color:var(--iti-hover-color)}.iti__country-name,.iti__flag-box{margin-right:var(--iti-spacer-horizontal)}[dir=rtl] .iti__country-name,[dir=rtl] .iti__flag-box{margin-right:0;margin-left:var(--iti-spacer-horizontal)}.iti--allow-dropdown input.iti__tel-input,.iti--allow-dropdown input.iti__tel-input[type=tel],.iti--allow-dropdown input.iti__tel-input[type=text]{padding-right:var(--iti-input-padding);padding-left:var(--iti-selected-country-arrow-padding);margin-left:0}[dir=rtl] .iti--allow-dropdown input.iti__tel-input,[dir=rtl] .iti--allow-dropdown input.iti__tel-input[type=tel],[dir=rtl] .iti--allow-dropdown input.iti__tel-input[type=text]{padding-right:var(--iti-selected-country-arrow-padding);padding-left:var(--iti-input-padding);margin-right:0}.iti--allow-dropdown .iti__country-container{right:auto;left:0}[dir=rtl] .iti--allow-dropdown .iti__country-container{right:0;left:auto}.iti--allow-dropdown .iti__country-container:not(:has(+ input[disabled])):not(:has(+ input[readonly])):hover,.iti--allow-dropdown .iti__country-container:not(:has(+ input[disabled])):not(:has(+ input[readonly])):hover button{cursor:pointer}.iti--allow-dropdown .iti__country-container:not(:has(+ input[disabled])):not(:has(+ input[readonly])) .iti__selected-country-primary:hover,.iti--allow-dropdown .iti__country-container:not(:has(+ input[disabled])):not(:has(+ input[readonly])) .iti__selected-country:has(+ .iti__dropdown-content:hover) .iti__selected-country-primary{background-color:var(--iti-hover-color)}.iti .iti__selected-dial-code{margin-left:4px}[dir=rtl] .iti .iti__selected-dial-code{margin-left:0;margin-right:4px}.iti--container{position:fixed;top:-1000px;left:-1000px;z-index:1060;padding:var(--iti-border-width)}.iti--container:hover{cursor:pointer}.iti--fullscreen-popup.iti--container{background-color:rgba(0,0,0,.5);top:0;bottom:0;left:0;right:0;position:fixed;padding:var(--iti-mobile-popup-margin);display:flex;flex-direction:column;justify-content:flex-start}.iti--fullscreen-popup .iti__dropdown-content{display:flex;flex-direction:column;max-height:100%;position:relative}.iti--fullscreen-popup .iti__country{padding:10px 10px;line-height:1.5em}.iti__flag{--iti-flag-offset:0px;--iti-flag-width:20px;--iti-flag-height:14px;height:var(--iti-flag-height);width:var(--iti-flag-width);box-shadow:0 0 1px 0 #888;background-image:var(--iti-path-flags-1x);background-repeat:no-repeat;background-position:var(--iti-flag-offset) 0;background-size:var(--iti-flag-sprite-width) var(--iti-flag-sprite-height)}.iti__np{--iti-flag-width:13px}.iti__ch,.iti__va{--iti-flag-width:15px}.iti__be,.iti__ne{--iti-flag-width:18px}.iti__mc{--iti-flag-width:19px}.iti__ac,.iti__ae,.iti__ai,.iti__am,.iti__as,.iti__au,.iti__az,.iti__ba,.iti__bm,.iti__bn,.iti__bs,.iti__by,.iti__ca,.iti__cc,.iti__ck,.iti__cu,.iti__cx,.iti__dg,.iti__dm,.iti__eh,.iti__er,.iti__et,.iti__fj,.iti__fk,.iti__gb,.iti__gi,.iti__gs,.iti__gw,.iti__hm,.iti__hn,.iti__hr,.iti__hu,.iti__ie,.iti__im,.iti__io,.iti__jm,.iti__jo,.iti__ki,.iti__kp,.iti__kw,.iti__ky,.iti__kz,.iti__lc,.iti__lk,.iti__lv,.iti__ly,.iti__md,.iti__me,.iti__mk,.iti__mn,.iti__mp,.iti__ms,.iti__my,.iti__nc,.iti__nf,.iti__ng,.iti__nr,.iti__nu,.iti__nz,.iti__om,.iti__ph,.iti__pn,.iti__ps,.iti__sb,.iti__sc,.iti__sd,.iti__sh,.iti__si,.iti__ss,.iti__st,.iti__su,.iti__ta,.iti__tc,.iti__tj,.iti__tk,.iti__tl,.iti__to,.iti__tv,.iti__uk,.iti__uz,.iti__vg,.iti__ws,.iti__zw{--iti-flag-height:10px}.iti__fm,.iti__gu,.iti__lr,.iti__mh,.iti__py,.iti__um,.iti__us{--iti-flag-height:11px}.iti__bd,.iti__bg,.iti__bh,.iti__bi,.iti__bz,.iti__cq,.iti__cr,.iti__cv,.iti__de,.iti__fi,.iti__gd,.iti__gy,.iti__ht,.iti__ir,.iti__je,.iti__kg,.iti__km,.iti__li,.iti__lt,.iti__lu,.iti__mx,.iti__ni,.iti__sv,.iti__tt,.iti__vu{--iti-flag-height:12px}.iti__ar,.iti__ax,.iti__ee,.iti__gt,.iti__kh,.iti__pl,.iti__pw,.iti__se,.iti__tg{--iti-flag-height:13px}.iti__al,.iti__be,.iti__bv,.iti__cd,.iti__ch,.iti__dk,.iti__fo,.iti__ga,.iti__il,.iti__is,.iti__mc,.iti__ne,.iti__no,.iti__np,.iti__pg,.iti__sj,.iti__sm,.iti__va,.iti__xk{--iti-flag-height:15px}.iti__qa{--iti-flag-height:8px}.iti__ac{--iti-flag-offset:0px}.iti__ad{--iti-flag-offset:-22px}.iti__ae{--iti-flag-offset:-44px}.iti__af{--iti-flag-offset:-66px}.iti__ag{--iti-flag-offset:-88px}.iti__ai{--iti-flag-offset:-110px}.iti__al{--iti-flag-offset:-132px}.iti__am{--iti-flag-offset:-154px}.iti__ao{--iti-flag-offset:-176px}.iti__aq{--iti-flag-offset:-198px}.iti__ar{--iti-flag-offset:-220px}.iti__as{--iti-flag-offset:-242px}.iti__at{--iti-flag-offset:-264px}.iti__au{--iti-flag-offset:-286px}.iti__aw{--iti-flag-offset:-308px}.iti__ax{--iti-flag-offset:-330px}.iti__az{--iti-flag-offset:-352px}.iti__ba{--iti-flag-offset:-374px}.iti__bb{--iti-flag-offset:-396px}.iti__bd{--iti-flag-offset:-418px}.iti__be{--iti-flag-offset:-440px}.iti__bf{--iti-flag-offset:-460px}.iti__bg{--iti-flag-offset:-482px}.iti__bh{--iti-flag-offset:-504px}.iti__bi{--iti-flag-offset:-526px}.iti__bj{--iti-flag-offset:-548px}.iti__bl{--iti-flag-offset:-570px}.iti__bm{--iti-flag-offset:-592px}.iti__bn{--iti-flag-offset:-614px}.iti__bo{--iti-flag-offset:-636px}.iti__bq{--iti-flag-offset:-658px}.iti__br{--iti-flag-offset:-680px}.iti__bs{--iti-flag-offset:-702px}.iti__bt{--iti-flag-offset:-724px}.iti__bv{--iti-flag-offset:-746px}.iti__bw{--iti-flag-offset:-768px}.iti__by{--iti-flag-offset:-790px}.iti__bz{--iti-flag-offset:-812px}.iti__ca{--iti-flag-offset:-834px}.iti__cc{--iti-flag-offset:-856px}.iti__cd{--iti-flag-offset:-878px}.iti__cf{--iti-flag-offset:-900px}.iti__cg{--iti-flag-offset:-922px}.iti__ch{--iti-flag-offset:-944px}.iti__ci{--iti-flag-offset:-961px}.iti__ck{--iti-flag-offset:-983px}.iti__cl{--iti-flag-offset:-1005px}.iti__cm{--iti-flag-offset:-1027px}.iti__cn{--iti-flag-offset:-1049px}.iti__co{--iti-flag-offset:-1071px}.iti__cp{--iti-flag-offset:-1093px}.iti__cq{--iti-flag-offset:-1115px}.iti__cr{--iti-flag-offset:-1137px}.iti__cu{--iti-flag-offset:-1159px}.iti__cv{--iti-flag-offset:-1181px}.iti__cw{--iti-flag-offset:-1203px}.iti__cx{--iti-flag-offset:-1225px}.iti__cy{--iti-flag-offset:-1247px}.iti__cz{--iti-flag-offset:-1269px}.iti__de{--iti-flag-offset:-1291px}.iti__dg{--iti-flag-offset:-1313px}.iti__dj{--iti-flag-offset:-1335px}.iti__dk{--iti-flag-offset:-1357px}.iti__dm{--iti-flag-offset:-1379px}.iti__do{--iti-flag-offset:-1401px}.iti__dz{--iti-flag-offset:-1423px}.iti__ea{--iti-flag-offset:-1445px}.iti__ec{--iti-flag-offset:-1467px}.iti__ee{--iti-flag-offset:-1489px}.iti__eg{--iti-flag-offset:-1511px}.iti__eh{--iti-flag-offset:-1533px}.iti__er{--iti-flag-offset:-1555px}.iti__es{--iti-flag-offset:-1577px}.iti__et{--iti-flag-offset:-1599px}.iti__eu{--iti-flag-offset:-1621px}.iti__ez{--iti-flag-offset:-1643px}.iti__fi{--iti-flag-offset:-1665px}.iti__fj{--iti-flag-offset:-1687px}.iti__fk{--iti-flag-offset:-1709px}.iti__fm{--iti-flag-offset:-1731px}.iti__fo{--iti-flag-offset:-1753px}.iti__fr{--iti-flag-offset:-1775px}.iti__fx{--iti-flag-offset:-1797px}.iti__ga{--iti-flag-offset:-1819px}.iti__gb{--iti-flag-offset:-1841px}.iti__gd{--iti-flag-offset:-1863px}.iti__ge{--iti-flag-offset:-1885px}.iti__gf{--iti-flag-offset:-1907px}.iti__gg{--iti-flag-offset:-1929px}.iti__gh{--iti-flag-offset:-1951px}.iti__gi{--iti-flag-offset:-1973px}.iti__gl{--iti-flag-offset:-1995px}.iti__gm{--iti-flag-offset:-2017px}.iti__gn{--iti-flag-offset:-2039px}.iti__gp{--iti-flag-offset:-2061px}.iti__gq{--iti-flag-offset:-2083px}.iti__gr{--iti-flag-offset:-2105px}.iti__gs{--iti-flag-offset:-2127px}.iti__gt{--iti-flag-offset:-2149px}.iti__gu{--iti-flag-offset:-2171px}.iti__gw{--iti-flag-offset:-2193px}.iti__gy{--iti-flag-offset:-2215px}.iti__hk{--iti-flag-offset:-2237px}.iti__hm{--iti-flag-offset:-2259px}.iti__hn{--iti-flag-offset:-2281px}.iti__hr{--iti-flag-offset:-2303px}.iti__ht{--iti-flag-offset:-2325px}.iti__hu{--iti-flag-offset:-2347px}.iti__ic{--iti-flag-offset:-2369px}.iti__id{--iti-flag-offset:-2391px}.iti__ie{--iti-flag-offset:-2413px}.iti__il{--iti-flag-offset:-2435px}.iti__im{--iti-flag-offset:-2457px}.iti__in{--iti-flag-offset:-2479px}.iti__io{--iti-flag-offset:-2501px}.iti__iq{--iti-flag-offset:-2523px}.iti__ir{--iti-flag-offset:-2545px}.iti__is{--iti-flag-offset:-2567px}.iti__it{--iti-flag-offset:-2589px}.iti__je{--iti-flag-offset:-2611px}.iti__jm{--iti-flag-offset:-2633px}.iti__jo{--iti-flag-offset:-2655px}.iti__jp{--iti-flag-offset:-2677px}.iti__ke{--iti-flag-offset:-2699px}.iti__kg{--iti-flag-offset:-2721px}.iti__kh{--iti-flag-offset:-2743px}.iti__ki{--iti-flag-offset:-2765px}.iti__km{--iti-flag-offset:-2787px}.iti__kn{--iti-flag-offset:-2809px}.iti__kp{--iti-flag-offset:-2831px}.iti__kr{--iti-flag-offset:-2853px}.iti__kw{--iti-flag-offset:-2875px}.iti__ky{--iti-flag-offset:-2897px}.iti__kz{--iti-flag-offset:-2919px}.iti__la{--iti-flag-offset:-2941px}.iti__lb{--iti-flag-offset:-2963px}.iti__lc{--iti-flag-offset:-2985px}.iti__li{--iti-flag-offset:-3007px}.iti__lk{--iti-flag-offset:-3029px}.iti__lr{--iti-flag-offset:-3051px}.iti__ls{--iti-flag-offset:-3073px}.iti__lt{--iti-flag-offset:-3095px}.iti__lu{--iti-flag-offset:-3117px}.iti__lv{--iti-flag-offset:-3139px}.iti__ly{--iti-flag-offset:-3161px}.iti__ma{--iti-flag-offset:-3183px}.iti__mc{--iti-flag-offset:-3205px}.iti__md{--iti-flag-offset:-3226px}.iti__me{--iti-flag-offset:-3248px}.iti__mf{--iti-flag-offset:-3270px}.iti__mg{--iti-flag-offset:-3292px}.iti__mh{--iti-flag-offset:-3314px}.iti__mk{--iti-flag-offset:-3336px}.iti__ml{--iti-flag-offset:-3358px}.iti__mm{--iti-flag-offset:-3380px}.iti__mn{--iti-flag-offset:-3402px}.iti__mo{--iti-flag-offset:-3424px}.iti__mp{--iti-flag-offset:-3446px}.iti__mq{--iti-flag-offset:-3468px}.iti__mr{--iti-flag-offset:-3490px}.iti__ms{--iti-flag-offset:-3512px}.iti__mt{--iti-flag-offset:-3534px}.iti__mu{--iti-flag-offset:-3556px}.iti__mv{--iti-flag-offset:-3578px}.iti__mw{--iti-flag-offset:-3600px}.iti__mx{--iti-flag-offset:-3622px}.iti__my{--iti-flag-offset:-3644px}.iti__mz{--iti-flag-offset:-3666px}.iti__na{--iti-flag-offset:-3688px}.iti__nc{--iti-flag-offset:-3710px}.iti__ne{--iti-flag-offset:-3732px}.iti__nf{--iti-flag-offset:-3752px}.iti__ng{--iti-flag-offset:-3774px}.iti__ni{--iti-flag-offset:-3796px}.iti__nl{--iti-flag-offset:-3818px}.iti__no{--iti-flag-offset:-3840px}.iti__np{--iti-flag-offset:-3862px}.iti__nr{--iti-flag-offset:-3877px}.iti__nu{--iti-flag-offset:-3899px}.iti__nz{--iti-flag-offset:-3921px}.iti__om{--iti-flag-offset:-3943px}.iti__pa{--iti-flag-offset:-3965px}.iti__pe{--iti-flag-offset:-3987px}.iti__pf{--iti-flag-offset:-4009px}.iti__pg{--iti-flag-offset:-4031px}.iti__ph{--iti-flag-offset:-4053px}.iti__pk{--iti-flag-offset:-4075px}.iti__pl{--iti-flag-offset:-4097px}.iti__pm{--iti-flag-offset:-4119px}.iti__pn{--iti-flag-offset:-4141px}.iti__pr{--iti-flag-offset:-4163px}.iti__ps{--iti-flag-offset:-4185px}.iti__pt{--iti-flag-offset:-4207px}.iti__pw{--iti-flag-offset:-4229px}.iti__py{--iti-flag-offset:-4251px}.iti__qa{--iti-flag-offset:-4273px}.iti__re{--iti-flag-offset:-4295px}.iti__ro{--iti-flag-offset:-4317px}.iti__rs{--iti-flag-offset:-4339px}.iti__ru{--iti-flag-offset:-4361px}.iti__rw{--iti-flag-offset:-4383px}.iti__sa{--iti-flag-offset:-4405px}.iti__sb{--iti-flag-offset:-4427px}.iti__sc{--iti-flag-offset:-4449px}.iti__sd{--iti-flag-offset:-4471px}.iti__se{--iti-flag-offset:-4493px}.iti__sg{--iti-flag-offset:-4515px}.iti__sh{--iti-flag-offset:-4537px}.iti__si{--iti-flag-offset:-4559px}.iti__sj{--iti-flag-offset:-4581px}.iti__sk{--iti-flag-offset:-4603px}.iti__sl{--iti-flag-offset:-4625px}.iti__sm{--iti-flag-offset:-4647px}.iti__sn{--iti-flag-offset:-4669px}.iti__so{--iti-flag-offset:-4691px}.iti__sr{--iti-flag-offset:-4713px}.iti__ss{--iti-flag-offset:-4735px}.iti__st{--iti-flag-offset:-4757px}.iti__su{--iti-flag-offset:-4779px}.iti__sv{--iti-flag-offset:-4801px}.iti__sx{--iti-flag-offset:-4823px}.iti__sy{--iti-flag-offset:-4845px}.iti__sz{--iti-flag-offset:-4867px}.iti__ta{--iti-flag-offset:-4889px}.iti__tc{--iti-flag-offset:-4911px}.iti__td{--iti-flag-offset:-4933px}.iti__tf{--iti-flag-offset:-4955px}.iti__tg{--iti-flag-offset:-4977px}.iti__th{--iti-flag-offset:-4999px}.iti__tj{--iti-flag-offset:-5021px}.iti__tk{--iti-flag-offset:-5043px}.iti__tl{--iti-flag-offset:-5065px}.iti__tm{--iti-flag-offset:-5087px}.iti__tn{--iti-flag-offset:-5109px}.iti__to{--iti-flag-offset:-5131px}.iti__tr{--iti-flag-offset:-5153px}.iti__tt{--iti-flag-offset:-5175px}.iti__tv{--iti-flag-offset:-5197px}.iti__tw{--iti-flag-offset:-5219px}.iti__tz{--iti-flag-offset:-5241px}.iti__ua{--iti-flag-offset:-5263px}.iti__ug{--iti-flag-offset:-5285px}.iti__uk{--iti-flag-offset:-5307px}.iti__um{--iti-flag-offset:-5329px}.iti__un{--iti-flag-offset:-5351px}.iti__us{--iti-flag-offset:-5373px}.iti__uy{--iti-flag-offset:-5395px}.iti__uz{--iti-flag-offset:-5417px}.iti__va{--iti-flag-offset:-5439px}.iti__vc{--iti-flag-offset:-5456px}.iti__ve{--iti-flag-offset:-5478px}.iti__vg{--iti-flag-offset:-5500px}.iti__vi{--iti-flag-offset:-5522px}.iti__vn{--iti-flag-offset:-5544px}.iti__vu{--iti-flag-offset:-5566px}.iti__wf{--iti-flag-offset:-5588px}.iti__ws{--iti-flag-offset:-5610px}.iti__xk{--iti-flag-offset:-5632px}.iti__ye{--iti-flag-offset:-5654px}.iti__yt{--iti-flag-offset:-5676px}.iti__za{--iti-flag-offset:-5698px}.iti__zm{--iti-flag-offset:-5720px}.iti__zw{--iti-flag-offset:-5742px}.iti__globe{background-image:var(--iti-path-globe-1x);background-size:contain;background-position:right;box-shadow:none;height:19px}@media (min-resolution:2x){.iti__flag{background-image:var(--iti-path-flags-2x)}.iti__globe{background-image:var(--iti-path-globe-2x)}}
/**
 * @license
 *
 * Font Family: Satoshi
 * Designed by: Deni Anggara
 * URL: https://www.fontshare.com/fonts/satoshi
 * © 2024 Indian Type Foundry
 *
 * Font Styles:
 * Satoshi Variable(Variable font)
 * Satoshi Variable Italic(Variable font)
 * Satoshi Light
 * Satoshi Light Italic
 * Satoshi Regular
 * Satoshi Italic
 * Satoshi Medium
 * Satoshi Medium Italic
 * Satoshi Bold
 * Satoshi Bold Italic
 * Satoshi Black
 * Satoshi Black Italic
 *
*/


/**
* This is a variable font
* You can controll variable axes as shown below:
* font-variation-settings: 'wght' 900.0;
*
* available axes:

* 'wght' (range from 300.0 to 900.0)

*/

@font-face {
  font-family: 'Satoshi-Variable';
  src: url(https://www.wetravelnomad.com/../fonts/Satoshi-Variable.woff2) format('woff2'),
       url(https://www.wetravelnomad.com/../fonts/Satoshi-Variable.woff) format('woff'),
       url(https://www.wetravelnomad.com/../fonts/Satoshi-Variable.ttf) format('truetype');
       font-weight: 300 900;
       font-display: swap;
       font-style: normal;
}


/**
* This is a variable font
* You can controll variable axes as shown below:
* font-variation-settings: 'wght' 900.0;
*
* available axes:

* 'wght' (range from 300.0 to 900.0)

*/

@font-face {
  font-family: 'Satoshi-VariableItalic';
  src: url(https://www.wetravelnomad.com/assets/Satoshi-VariableItalic.woff2) format('woff2'),
       url(https://www.wetravelnomad.com/assets/Satoshi-VariableItalic.woff) format('woff'),
       url(https://www.wetravelnomad.com/assets/Satoshi-VariableItalic.ttf) format('truetype');
       font-weight: 300 900;
       font-display: swap;
       font-style: italic;
}


@font-face {
  font-family: 'Satoshi-Light';
  src: url(https://www.wetravelnomad.com/assets/Satoshi-Light.woff2) format('woff2'),
       url(https://www.wetravelnomad.com/assets/Satoshi-Light.woff) format('woff'),
       url(https://www.wetravelnomad.com/assets/Satoshi-Light.ttf) format('truetype');
       font-weight: 300;
       font-display: swap;
       font-style: normal;
}


@font-face {
  font-family: 'Satoshi-LightItalic';
  src: url(https://www.wetravelnomad.com/assets/Satoshi-LightItalic.woff2) format('woff2'),
       url(https://www.wetravelnomad.com/assets/Satoshi-LightItalic.woff) format('woff'),
       url(https://www.wetravelnomad.com/assets/Satoshi-LightItalic.ttf) format('truetype');
       font-weight: 300;
       font-display: swap;
       font-style: italic;
}


@font-face {
  font-family: 'Satoshi-Regular';
  src: url(https://www.wetravelnomad.com/assets/Satoshi-Regular.woff2) format('woff2'),
       url(https://www.wetravelnomad.com/assets/Satoshi-Regular.woff) format('woff'),
       url(https://www.wetravelnomad.com/assets/Satoshi-Regular.ttf) format('truetype');
       font-weight: 400;
       font-display: swap;
       font-style: normal;
}


@font-face {
  font-family: 'Satoshi-Italic';
  src: url(https://www.wetravelnomad.com/assets/Satoshi-Italic.woff2) format('woff2'),
       url(https://www.wetravelnomad.com/assets/Satoshi-Italic.woff) format('woff'),
       url(https://www.wetravelnomad.com/assets/Satoshi-Italic.ttf) format('truetype');
       font-weight: 400;
       font-display: swap;
       font-style: italic;
}


@font-face {
  font-family: 'Satoshi-Medium';
  src: url(https://www.wetravelnomad.com/assets/Satoshi-Medium.woff2) format('woff2'),
       url(https://www.wetravelnomad.com/assets/Satoshi-Medium.woff) format('woff'),
       url(https://www.wetravelnomad.com/assets/Satoshi-Medium.ttf) format('truetype');
       font-weight: 500;
       font-display: swap;
       font-style: normal;
}


@font-face {
  font-family: 'Satoshi-MediumItalic';
  src: url(https://www.wetravelnomad.com/assets/Satoshi-MediumItalic.woff2) format('woff2'),
       url(https://www.wetravelnomad.com/assets/Satoshi-MediumItalic.woff) format('woff'),
       url(https://www.wetravelnomad.com/assets/Satoshi-MediumItalic.ttf) format('truetype');
       font-weight: 500;
       font-display: swap;
       font-style: italic;
}


@font-face {
  font-family: 'Satoshi-Bold';
  src: url(https://www.wetravelnomad.com/assets/Satoshi-Bold.woff2) format('woff2'),
       url(https://www.wetravelnomad.com/assets/Satoshi-Bold.woff) format('woff'),
       url(https://www.wetravelnomad.com/assets/Satoshi-Bold.ttf) format('truetype');
       font-weight: 700;
       font-display: swap;
       font-style: normal;
}


@font-face {
  font-family: 'Satoshi-BoldItalic';
  src: url(https://www.wetravelnomad.com/assets/Satoshi-BoldItalic.woff2) format('woff2'),
       url(https://www.wetravelnomad.com/assets/Satoshi-BoldItalic.woff) format('woff'),
       url(https://www.wetravelnomad.com/assets/Satoshi-BoldItalic.ttf) format('truetype');
       font-weight: 700;
       font-display: swap;
       font-style: italic;
}


@font-face {
  font-family: 'Satoshi-Black';
  src: url(https://www.wetravelnomad.com/assets/Satoshi-Black.woff2) format('woff2'),
       url(https://www.wetravelnomad.com/assets/Satoshi-Black.woff) format('woff'),
       url(https://www.wetravelnomad.com/assets/Satoshi-Black.ttf) format('truetype');
       font-weight: 900;
       font-display: swap;
       font-style: normal;
}


@font-face {
  font-family: 'Satoshi-BlackItalic';
  src: url(https://www.wetravelnomad.com/assets/Satoshi-BlackItalic.woff2) format('woff2'),
       url(https://www.wetravelnomad.com/assets/Satoshi-BlackItalic.woff) format('woff'),
       url(https://www.wetravelnomad.com/assets/Satoshi-BlackItalic.ttf) format('truetype');
       font-weight: 900;
       font-display: swap;
       font-style: italic;
}

.inverse-left-circle {
  background-color: #F3F2ED;
  width: 20px;
  height: 40px;
  position: absolute;
  top: 0;
  left: -10px;
  border-radius: 0 0 0 15px;
}

.inverse-left-circle::after {
  content: "";
  background-color: #fff;
  width: 15px;
  height: 10px;
  position: absolute;
  top: 0;
  left: -15px;
  border-radius: 0 0 15px 15px;
  transform: rotate(180deg);
}

.inverse-left-circle::before {
  content: "";
  background-color: #F3F2ED;
  width: 10px;
  height: 10px;
  position: absolute;
  top: 0;
  left: -10px;
  /* border-radius: 0 0 15px 15px; */
  transform: rotate(180deg);
}

.inverse-right-circle {
  background-color: #F3F2ED;
  width: 20px;
  height: 40px;
  position: absolute;
  top: 0;
  right: -10px;
  border-radius: 0 0 15px 0;
}

.inverse-right-circle::after {
  content: "";
  background-color: #fff;
  width: 15px;
  height: 10px;
  position: absolute;
  top: 0;
  right: -15px;
  border-radius: 0 0 15px 15px;
  transform: rotate(180deg);
}

.inverse-right-circle::before {
  content: "";
  background-color: #F3F2ED;
  width: 10px;
  height: 10px;
  position: absolute;
  top: 0;
  right: -10px;
  /* border-radius: 0 0 15px 15px; */
  transform: rotate(180deg);
}

.header-left {
  background-color: #F3F2ED;
  padding: 10px 20px;
  margin-left: 5%;
  height: 40px;
}

.add-guest path {
  fill: #f3f2ed;
}
/*
 * This is a manifest file that'll be compiled into application.css, which will include all the files
 * listed below.
 *
 * Any CSS (and SCSS, if configured) file within this directory, lib/assets/stylesheets, or any plugin's
 * vendor/assets/stylesheets directory can be referenced here using a relative path.
 *
 * You're free to add application-wide styles to this file and they'll appear at the bottom of the
 * compiled file so the styles you add here take precedence over styles defined in any other CSS
 * files in this directory. Styles in this file should be added after the last require_* statement.
 * It is generally better to create a new file per style scope.
 *


 */
html {
  scroll-behavior: smooth;
}

input[type="file"]:focus {
  outline: none;
}
/* Remove chrome autofill color from inputs */
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
  transition: background-color 5000000s ease-in-out 0s;
}

/* Custom scrollbar styles */
.scrollbar-custom::-webkit-scrollbar {
  width: 12px;
}

.scrollbar-custom::-webkit-scrollbar-track {
  background: #f1f1f1;
}

.scrollbar-custom::-webkit-scrollbar-thumb {
  background: #c2c2c2;
}

.scrollbar-custom::-webkit-scrollbar-thumb:hover {
  background: #a0a0a0;
}

.scrollbar-custom::-webkit-scrollbar-thumb:active {
  background: #a0a0a0;
}

/* For Firefox */
.scrollbar-custom {
  scrollbar-color: #a0a0a0 #c2c2c2;
}

.no-scroll {
  overflow: hidden !important;
}

.scrollbar-hide {
  -ms-overflow-style: none;
  scrollbar-width: none;
}

.scrollbar-hide::-webkit-scrollbar {
  display: none;
}

.fill-gradient-to-r {
  fill: linear-gradient(to right, #56c067 50%, #d1d5db 50%);
}
.loading-indicator {
  position: absolute;
  background: #fff;
}

.Stars {
  --percent: calc(var(--rating) / 5 * 100%);
  display: inline-block;
  font-size: 24px;
  font-family: Times;
  line-height: 1;
}
.Stars::before {
  content: "★★★★★";
  letter-spacing: 3px;
  background: linear-gradient(
    90deg,
    #56c067 var(--percent),
    #8c8a84 var(--percent)
  );
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.edit_user [type=text]:focus, .edit_user select:focus, .edit_user [type=tel]:focus{
  box-shadow:none;
  border-color: transparent;
}
.introjs-tooltipbuttons {
  position: fixed;
  bottom: 30px;
  left: 30px;
  border: none !important;
  display: flex;
  gap: 10px;
  padding: 0 0 0 120px !important;
}

.introjs-tooltipbuttons .introjs-nextbutton {
  background: #ac8a5d !important;
  font-family: "Satoshi-Variable" !important;
  color: #fffaf0 !important;
  font-size: 14px;
  font-weight: 500;
  line-height: 21px;
  border-radius: 12px;
  padding: 8px 14px !important;
  text-shadow: none !important;
  border: 1px solid #ac8a5d !important;
}

.introjs-prevbutton {
  background: #e2e8f0 !important;
  font-family: "Satoshi-Variable" !important;
  color: #3b3a37 !important;
  font-size: 14px;
  font-weight: 500;
  line-height: 21px;
  border-radius: 12px !important;
  padding: 8px 14px !important;
  text-shadow: none !important;
  border: 1px solid #b6d3ff !important;
}
.introjs-skipbutton {
  position: fixed !important;
  bottom: 35px;
  left: 30px;
  top: unset !important;
  display: inline-block;
  width: unset !important;
  right: unset !important;
  z-index: 99;
}
.introjs-skipbutton .skip-btn {
  background: #e2e8f0 !important;
  font-family: "Satoshi-Variable" !important;
  color: #3b3a37 !important;
  font-size: 14px;
  font-weight: 500;
  line-height: 21px;
  border-radius: 12px !important;
  padding: 8px 14px !important;
  text-shadow: none !important;
  border: 1px solid #b6d3ff !important;
}

.introjs-tooltip {
  background: #3b3a37 !important;
  color: #ffffff;
}
.introjs-tooltip .introjs-tooltip-title {
  display: none; /* Hide the title */
}
.introjs-arrow.top,
.introjs-arrow.top-middle {
  border-bottom-color: #3b3a37 !important;
}
.introjs-arrow.bottom {
  border-top-color: #3b3a37 !important;
}
.introjs-arrow.right {
  border-left-color: #3b3a37 !important;
}
.introjs-tooltip-header {
  min-height: unset !important;
  padding: 0px !important;
  position: absolute !important;
  display:block !important
}
.introjs-prevbutton {
  display: none !important;
}

.introjs-tooltiptext svg {
  position: absolute;
  top: 4px;
  left: 4px;
}
.introjs-tooltiptext {
  padding: 12px 16px !important;
  font-size: 14px !important;
  font-weight: 400 !important;
  line-height: 16px !important;
  letter-spacing: -0.015em !important;
}
.custom-intro-tooltip .introjs-tooltiptext {
  font-size: 18px !important;
  font-weight: 400 !important;
  line-height: 27px !important;
  letter-spacing: unset !important;
}
.custom-intro-tooltip {
  min-width: 700px !important;
}
.tutorial-step1,
.tutorial-step2,
.tutorial-step3,
.tutorial-dropdown-menu-item {
  white-space: nowrap;
  max-width: unset !important;
}

.tutorial-step3 {
  left: 22% !important;
}

.tutorial-step4 {
  left: 33% !important;
}
.tutorial-step5 {
  min-width: 560px !important;
  left: 25% !important;
}

.tutorial-step5 .introjs-arrow {
  left: unset !important;
  right: 30px;
}
.steps-open {
  display: block !important;
}


@media (min-width:320px) and (max-width: 767px) {
  .custom-intro-tooltip.introjs-tooltip {
    min-width: 315px !important;
  }
  .custom-intro-tooltip .introjs-tooltiptext{
    font-size: 16px !important;
  }
  .tutorial-step1, .tutorial-step2, .tutorial-step3, .tutorial-dropdown-menu-item{
    white-space: unset !important
  }
  .introjs-tooltip{
    min-width: unset !important
  }
  .tutorial-step3 {
    left: 10% !important;
  }
  
  .tutorial-step4 {
    left: 30px !important;
    top: 220px !important;
  }
  .tutorial-step5 {
    min-width: 320px !important;
    left: 40px !important;
    top: 420px !important;
  }
  .mob-open{
    display: block;
  }
  .tutorial-step5 .introjs-arrow{
    left: 10px !important;
    right: unset !important;
  }
}

@media (min-width:768px) and (max-width: 1023px) {
  .custom-intro-tooltip.introjs-tooltip {
    min-width: 700px !important;
  }
  .tutorial-step1, .tutorial-step2, .tutorial-step3{
    white-space: unset !important
  }
  .tutorial-dropdown-menu-item.introjs-tooltip{
    min-width: 300px !important;
    white-space: unset !important
  }
  .introjs-tooltip{
    min-width: unset !important
  }
  .introjs-tooltip{
    min-width: unset !important
  }
  .tutorial-step5 {
    min-width: 500px !important;
    left: 10% !important;
  }

}

/* @media (min-width:1024px) {
  .tutorial-step2{
left: -30% !important;
  }
} */

@media (min-width:1024px) and (max-width: 1279px){
  .tutorial-step5{
    left: 10% !important;
  }
}

@media(min-width:1990px){
  .custom-container{
    max-width: 1540px;
    margin: 0 auto;
  }
}

/* Custom Swiper Styles */
.custom-swiper {
  overflow: hidden !important;
  position: relative;
  padding: 0 50px;
  max-width: 100%;
  margin: 0 auto;
}

.custom-swiper .swiper-wrapper {
  display: flex;
  width: 100%;
}

.custom-swiper .swiper-slide {
  flex: 0 0 calc((100% - 48px) / 3);
  width: calc((100% - 48px) / 3) !important;
}

.custom-swiper .swiper-slide img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 8px;
  transform: scale(1.3);
  object-position: center;
}

.swiper-button-prev,
.swiper-button-next {
  background-color: transparent !important;
  width: 65px !important;
  height: 66px !important;
}

.swiper-button-prev {
  left: -15px !important;
}

.swiper-button-next {
  right: -15px !important;
}

.swiper-button-prev:after,
.swiper-button-next:after {
  content: none !important;
}

@media (max-width: 1024px) {
  .custom-swiper .swiper-slide {
    flex: 0 0 calc((100% - 20px) / 2);
    width: calc((100% - 20px) / 2) !important;
  }
}

@media (max-width: 768px) {
  .custom-swiper {
    padding: 0 20px;
  }
  
  .custom-swiper .swiper-slide {
    flex: 0 0 100%;
    width: 100% !important;
  }
  
  .swiper-button-prev,
  .swiper-button-next {
    width: 33px !important;
    height: 33px !important;
  }
  
  .swiper-button-prev {
    left: -5px !important;
  }
  
  .swiper-button-next {
    right: -5px !important;
  }
}

.month-item-header{
  background: #FFFAF0;
  border-radius: 10px;
}

.month-item-weekdays-row{
  background: #FFFAF0;
  margin: 4px 0px;
  border-radius: 10px;
}

.modal-test{
  --tw-translate-x: -120% !important;
  transition: transform 0.10s ease-in-out;
}

.modal-open{
  transition: transform 0.10s ease-in-out;
}
/* .custom-litepicker{
  display: block !important;
} */

.radio-item [type="radio"] {
	display: none;
}
.radio-item + .radio-item {
	margin-top: 15px;
}
.radio-item label {
	display: block;
	padding: 0px 35px;
	cursor: pointer;
	font-size: 16px;
	font-weight: 500;
	min-width: 250px;
	white-space: nowrap;
	position: relative;
	transition: 0.4s ease-in-out 0s;
  color: #000000;
}
.radio-item label:after,
.radio-item label:before {
	content: "";
	position: absolute;
	border-radius: 50%;
}
.radio-item label:after {
	height: 20px;
	width: 20px;
	border: 1px solid #000000;
	left: 0px;
	top: calc(60% - 12px);
}
.radio-item label:before {
	background: #AC8A5D;
	height: 20px;
	width: 20px;
	left: 0px;
	top: calc(40% - 7px);
	opacity: 0;
	visibility: hidden;
	transition: 0.4s ease-in-out 0s;
}

.radio-item [type="radio"]:checked ~ label::before {
	opacity: 1;
	visibility: visible;
	transform: scale(1);
}


.button-next-month, .button-previous-month{
background: #6B6965 !important;
border-radius: 8px !important;
padding: 6px !important;
width: 32px;
height: 32px;
display: flex;
align-items: center;
justify-content: center;
}
.button-next-month svg, .button-previous-month svg
{
  fill:#FFFFFE !important
}

.member-status-Pending{
  color: #FFA500;
  background: rgba(255, 165, 0, 0.15);
  padding: 5px;
}
.member-status-Accepted{
  color: rgba(0, 165, 16, 1);
  background: rgba(0, 165, 16, 0.15);
  padding: 5px;
}
.member-status-Declined{
  color: rgba(255, 0, 0, 1);
  background: rgba(255, 0, 0, 0.15);
  padding: 5px;
}




/* Calendar Header */
.flatpickr-header {
  text-align: center;
  font-size: 16px;
  font-weight: bold;
  padding: 10px;
  background: #FFFAF0;
  border-bottom: 1px solid #ddd;
}

/* Footer Container */
.flatpickr-footer {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 10px;
  border-top: 1px solid #ddd;
  background: #FFFAF0;
}

/* Cancel Button */
.flatpickr-btn {
  padding: 5px 10px;
  border: none;
  cursor: pointer;
  border-radius: 4px;
  font-weight: bold;
  background: #F44336;
  color: white;
}

/* Info Text */
.flatpickr-info {
  font-size: 12px;
  display: flex;
  align-items: center;
  gap: 10px;
}

/* Dots */
.flatpickr-day .dot {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  display: inline-block;
  position: absolute;
  bottom: 4px;
  left: 50%;
  transform: translateX(-50%);
}

/* Dot Colors */
.dot-available { background-color: #56C067; }   /* 🟢 Available */
.dot-booked { background-color: #AC8A5D; }     /* 🟠 Booked */
.dot-unavailable { background-color: #EC8D09; }   /* 🔴 Unavailable */


/* Center the Year & Month Dropdown */
.flatpickr-months {
  display: flex;
  justify-content: center; /* Center Year & Month */
  align-items: center;
  position: relative;
  background: #FFFAF0;
  margin-top: 4px;
  border-radius: 10px;
  /* padding: 0px 4px; */
}

/* Move Navigation Arrows Beside Year/Month */
.flatpickr-prev-month,
.flatpickr-next-month {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  background: #6B6965;
  border-radius: 8px;
}

.flatpickr-prev-month svg,
.flatpickr-next-month svg{
  fill: #FFFFFE;
}

/* Left Arrow (◀) */
.flatpickr-prev-month {
  left: 10px;
}

/* Right Arrow (▶) */
.flatpickr-next-month {
  right: 10px;
}

/* Adjust Year & Month Text */
.flatpickr-monthDropdown-months, .numInputWrapper {
  font-size: 16px;
  font-weight: bold;
  margin: 0 10px; /* Add spacing between dropdowns */
}


.flatpickr-calendar{
    top: -200px !important;
    left: calc(100% + 100px) !important;
    width: 620px !important;
    background: #E8E4DA !important;
}
.flatpickr-days{
  width: 620px !important;
}
.dayContainer{
  width: 620px !important;
  max-width: 620px !important;
  justify-content: center !important;
}
.flatpickr-day{
  max-width: 87px !important;
  height: 65px !important;
  display: flex !important;
  align-items: center !important;
  border-radius: 0px !important;
  box-shadow: none !important;
}
.flatpickr-info p{
  position: relative;
  display: flex;
  align-items: center;
  gap: 5px;
  margin: 0px !important;
}
.flatpickr-info p span
{
  width: 12px;
  height: 12px;
  border-radius: 50%;
  display: inline-block;
  margin: 0px !important;
}

/* Start & End Date Background */
.flatpickr-day.startRange ,
.flatpickr-day.endRange  {
  background-color: #6B6965 !important;
  color: white !important;
  border-radius: 8px;
  border-color: transparent !important;
}

/* Middle Date Background */
.flatpickr-day.inRange {
  background-color: #E8E4DA !important;
  color: black !important;
  border-color: transparent !important;
}
.flatpickr-months .flatpickr-prev-month, .flatpickr-months .flatpickr-next-month{
  top: 16px !important;
}
.flatpickr-weekdays{
  height: 50px;
}

.flatpickr-day.flatpickr-disabled, .flatpickr-day.flatpickr-disabled:hover{
  color: rgba(57,57,57,0.5) !important;
}
.flatpickr-innerContainer{
  background: #FFFAF0;
  margin: 4px 0px;
  border-radius: 10px;
  /* padding: 0px 4px; */
}

.swap-hide{
 display: none;
}

@media (max-width:767px) {
  .flatpickr-calendar{
    top: -150 !important;
    left: calc(100% - 300px) !important;
    width: 340px !important;
    background: #E8E4DA !important;
}
.flatpickr-days{
  width: 340px !important;
}
.dayContainer{
  width: 340px !important;
  max-width: 340px !important;
  justify-content: center !important;
}
.flatpickr-day{
  height: 50px !important;
}
.open-payment-modal{
  transform: translateX(100%);
  transition: transform 0.3s ease-in-out;
}
.open-new-modal{
  transform: translateX(0%);
  transition: transform 0.3s ease-in-out;
}
}

@media (min-width:768px) and (max-width:1239px) {

  .flatpickr-calendar{
    top: calc(100% - 220px) !important;
    left: calc(100% - 380px) !important;
    width: 500px !important;
    background: #E8E4DA !important;
}
.flatpickr-days{
  width: 500px !important;
}
.dayContainer{
  width: 500px !important;
  max-width: 500px !important;
  justify-content: center !important;
}
.flatpickr-day{
  height: 50px !important;
}
}

.flatpickr-calendar.arrowTop:after,.flatpickr-calendar.arrowTop::before{
  content: unset !important;
}
/* Tutorial styles */
#welcome-tutorial-overlay {
  z-index: 10000;
}

#welcome-tutorial-overlay .bg-dirt-500 {
  border-radius: 12px;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.15);
}

#continue-tutorial-btn {
  transition: background-color 0.2s;
  cursor: pointer;
}

/* Fixed tutorial navigation buttons */
#tutorial-fixed-nav {
  box-shadow: 0 -2px 10px rgba(0, 0, 0, 0.1);
  background-color: white;
  padding: 15px 20px;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
}

#tutorial-skip-btn, #tutorial-next-btn {
  padding: 8px 20px;
  border-radius: 4px;
  font-weight: 500;
  transition: all 0.2s ease;
}

#tutorial-skip-btn {
  background-color: #E0E0E0;
  color: #333;
}

#tutorial-skip-btn:hover {
  background-color: #D0D0D0;
}

#tutorial-next-btn {
  background-color: #B44031; /* primary color */
  color: white;
}

#tutorial-next-btn:hover {
  background-color: #933525; /* darker primary color */
}

/* IntroJS tooltip styles */
.introjs-tooltip {
  background-color: #8C8A84; /* dirt color */
  color: white;
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15);
  border-radius: 8px;
  min-width: 300px;
  max-width: 400px;
  padding: 15px;
  border: none;
}

.introjs-tooltiptext {
  color: white;
  font-size: 14px;
  line-height: 1.5;
  width:100% !important;
  background:transparent !important;
}


.introjs-helperLayer {
  background-color: rgba(255, 255, 255, 0.1);
  border: 2px solid rgba(255, 255, 255, 0.7);
  box-shadow: 0 0 0 1000px rgba(0, 0, 0, 0.5);
}

.introjs-arrow {
  border-color: #8C8A84; /* dirt color */
}

.introjs-button {
  text-shadow: none;
  background-image: none;
  border: none;
  box-shadow: none;
  border-radius: 4px;
  padding: 8px 15px;
  margin: 5px;
  font-weight: 500;
}

.introjs-tooltipbuttons {
  display: flex;
  justify-content: space-between;
  border-top: 1px solid rgba(255, 255, 255, 0.2);
  padding-top: 10px;
}

.introjs-nextbutton {
  background-color: #B44031; /* primary color */
  color: white;
}

.introjs-nextbutton:hover {
  background-color: #933525; /* darker primary color */
  color: white;
}

.introjs-skipbutton {
  color: #333;
  /* background-color: #E0E0E0; */
  float: left;
  margin-right: auto;
}

.introjs-skipbutton:hover {
  background-color: #D0D0D0;
  color: #333;
}

/* Additional classes for custom styling */
.tutorial-step1, .tutorial-step2, .tutorial-step3, 
.tutorial-step4, .tutorial-step5, .tutorial-dropdown-menu-item {
  background-color: #8C8A84;
  color: white;
}

/* Profile picture scaling */
.profile-picture-container {
  position: relative;
  overflow: hidden;
}

.profile-picture-container img {
  object-fit: cover;
  width: 100%;
  height: 100%;
  transition: opacity 0.3s ease;
}

/* Fix for tall/wide images in upload previews */
.upload-preview img {
  max-width: 100%;
  max-height: 100%;
  object-fit: cover;
  display: block;
  margin: 0 auto;
}
.form-item [type=checkbox]:checked, .form-item  [type=radio]:checked{
  background-color:#A68E6B !important
}
input:invalid {
  border-color: #f87171 !important;
}

[type=checkbox]:focus, [type=radio]:focus{
  box-shadow: none !important;
  outline: none !important;
}
.stay-contact-path svg path{
  fill: #ffffff;
}
.simple-calendar-day.disabled .bg-forrest{
  display: none;
}
.modify-flatpicker-calendar .flatpickr-calendar{
  top:-250px !important;
}

.next-button:disabled {
  background-color: #9CA3AF; /* gray-400 */
  color: #FFFFFF;
  cursor: not-allowed;
}
.svg-color-white path{
  fill: #FFFFFF;
}

.disabled-request-radio-button::after{
  background: #d8d8d8;
  cursor: not-allowed;
  border: 1px solid #acacac !important;
}
.disabled-request-radio-button{
  color: #9e9e9e !important;
  cursor: not-allowed !important;
}
[type="checkbox"],
[type="radio"] {
  color: #ad8a5d;
}