@import url("developer.css");
@import url("color.css");
@import url("fonts.css");
@import url("style.css");
@import url(./airline.css);

.filter-fixed {
  position: fixed;
  bottom: 20px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 10;
}

.swiper-pagination-bullet {
  background: white !important;
  opacity: 0.5 !important;
  width: 8px !important;
  height: 8px !important;
}
.swiper-pagination-bullet-active {
  opacity: 1 !important;
}

.custom-checkbox {
  appearance: none;
  -webkit-appearance: none;
  width: 24px;
  height: 24px;
  border: 2px solid #2d3956;
  border-radius: 8px;
  background-color: transparent;
  cursor: pointer;
  position: relative;
  transition: all 0.2s ease;
}

.custom-checkbox:checked {
  background-color: var(--primary);
  border-color: var(--primary);
}

.custom-checkbox:checked::after {
  content: "";
  position: absolute;
  left: 7px;
  top: 3px;
  width: 6px;
  height: 12px;
  border: solid white;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
}