@import url("https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&display=swap");
@tailwind base;
@tailwind components;
@tailwind utilities;
body {
  font-family: "Lato", sans-serif;
}

.inter-font {
  font-family: "Inter", sans-serif;
}

/* Scroll bar */
::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  background-color: rgba(167, 167, 167, 0.1215686275);
}

::-webkit-scrollbar {
  width: 6px;
  background-color: rgba(167, 167, 167, 0.1215686275);
}

::-webkit-scrollbar-thumb {
  background-color: #613bff;
  border-radius: 3px;
}

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

@layer components {
  body.dark .check-circle {
    @apply text-white;
  }
  /* main container */
  .container {
    @apply mx-auto max-w-[430px];
  }
  /* Modal create */
  .modalOpen {
    @apply visible scale-100 opacity-100;
  }
  .modalClose {
    @apply invisible scale-0 opacity-0;
  }
  .countryList .item .check-circle {
    @apply text-n100;
  }
  .countryList .item.active .check-circle {
    @apply text-p1;
  }
  .popup-modal {
    @apply invisible z-50 opacity-0 duration-500;
  }
  .popup-modal .modal {
    @apply scale-90 duration-500;
  }
  .popup-modal.active {
    @apply visible opacity-100;
  }
  .popup-modal.active .modal {
    @apply scale-100;
  }
  .bottom-modal {
    @apply invisible z-50 opacity-0 duration-500;
  }
  .bottom-modal .modal {
    @apply translate-y-[100%] duration-500;
  }
  .bottom-modal.active {
    @apply visible opacity-100;
  }
  .bottom-modal.active .modal {
    @apply translate-y-0;
  }
}
/* Swiper Styles */
.swiper-pagination {
  position: relative !important;
  bottom: 0 !important;
}

.onboarding-steps-slider .swiper-pagination .swiper-pagination-bullet,
.hotelDetailsSliderPagingation .swiper-pagination .swiper-pagination-bullet {
  background: #6f7174 !important;
  width: 6px !important;
  height: 6px !important;
  transition: width 300ms ease;
}
.onboarding-steps-slider .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active,
.hotelDetailsSliderPagingation .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  width: 30px !important;
  height: 6px !important;
  border-radius: 6px !important;
  background-color: #613bff !important;
}

.passenger-area .swiper-slide-prev,
.passenger-area .swiper-slide-next {
  color: #aeb1b6;
}

/* Keyframe animation */
.circle {
  animation: circleAnimation 15s linear infinite;
}

@keyframes circleAnimation {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.zoomInOut {
  animation: zoomInOutAnimation 2s linear infinite;
}

@keyframes zoomInOutAnimation {
  50% {
    transform: scale(0.9);
  }
}
/* input number arrow hide */
/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefoxs */
input[type=number] {
  -moz-appearance: textfield;
}

/* Check box */
.path {
  stroke-width: 6;
  stroke-linecap: round;
  stroke-linejoin: round;
  transition: stroke-dasharray 0.5s ease, stroke-dashoffset 0.5s ease;
  stroke-dasharray: 241 9999999;
  stroke-dashoffset: 0;
}

.container input:checked ~ svg .path {
  stroke-dasharray: 70.5096664429 9999999;
  stroke-dashoffset: -262.2723388672;
}

.animationTwo {
  animation: fadeDown2 0.5s linear;
}

.animationOne {
  animation: fadeDown 0.5s linear;
}

@keyframes fadeDown {
  0% {
    opacity: 0;
    transform: translateY(-20px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes fadeDown2 {
  0% {
    opacity: 0;
    transform: translateY(-20px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
/* box shadow */
.shadow-1 {
  box-shadow: 0px 0px 24px 0px var(--Shadow-Shadow-2, rgba(9, 9, 9, 0.08));
}/*# sourceMappingURL=style.css.map */