@import "tour-passengers-count.css";
@import "flight-passengers-count.css";
@import "magic-check-box.css";

section.landing {
  margin-top: 4.5vw;
  width: 100vw;
  height: 52vw;
  position: relative;
  z-index: 2;
  opacity: 1;
  visibility: visible;
}

section.landing .landing-divider {
  width: 100%;
  height: 100%;
  position: relative;
  background-image: url("../images/landing-bg.webp");
  background-position: center;
  background-size: cover;
}

section.landing .landing-divider.hide {
  display: none !important;
  opacity: 0;
  visibility: hidden;
}

section.landing .landing-cont {
  width: 80%;
  position: relative;
  z-index: 2;
  gap: 1vw;
  min-height: 30vw;
  margin-top: 7vw;
  justify-content: start !important;
  transform: translateY(-4.5vw);
}

section.landing .hero-content h2#landing-title {
  width: 70vw;
  color: white;
  font-size: 3vw !important;
  font-weight: bold;
  /* text-shadow: 0 0 0.5vw rgba(0, 0, 0, 0.75), 0 0 1vw rgba(0, 0, 0, 0.75); */
  text-align: center !important;
}

section.landing #bottom-wave-landing {
  width: 100%;
  position: absolute;
  bottom: -0.25vw;
  overflow: hidden;
  justify-content: end !important;
}

section.landing #bottom-wave-landing svg {
  width: 100%;
  fill: #f4f4f4 !important;
}

.landing-search-box-container {
  margin-top: 3vw;
  width: 100%;
  height: 21vw;
  border-radius: 1vw;
  box-shadow: 0 0 0.6vw rgba(0, 0, 0, 0.35);
  background-color: rgba(255, 255, 255, 0.5);
  backdrop-filter: blur(6px);
  justify-content: start !important;
  position: relative;
  gap: 0.5vw;
}

.landing-search-box-container input[type="radio"] {
  display: none !important;
}

.landing-search-box-container .transport-options-list {
  margin: 0 !important;
  padding: 1vw !important;
  width: 100%;
  gap: 1vw;
  position: relative;
}

.landing-search-box-container .transport-options-list::before {
  content: "";
  width: 100%;
  height: 0.11vw;
  background: linear-gradient(
    to left,
    transparent,
    rgba(201, 201, 201, 0.9),
    transparent
  );
  position: absolute;
  bottom: 0;
  left: 0;
}

.landing-search-box-container .transport-options-list label {
  margin: 0 !important;
  width: 7vw;
  height: 4vw;
  cursor: pointer;
  position: relative;
  font-weight: 500;
  transition: all 0.25s ease-in-out;
}

.landing-search-box-container .transport-options-list label svg {
  width: 45%;
}

.landing-search-box-container .transport-options-list label:nth-child(4) svg {
  transform: translateX(0.05vw) scale(0.8) !important;
}

.landing-search-box-container .transport-options-list label:nth-child(5) svg {
  transform: translateX(0.1vw) scale(0.85) !important;
}

.landing-search-box-container .transport-options-list label svg path {
  transition: all 0.25s ease-in-out;
}

.landing-search-box-container
  .transport-options-list
  label.foreign-flight-label
  svg {
  transform: translateX(0.35vw) scale(1.05);
}

#l-radio-btn1:checked ~ .transport-options-list label#landing-label1 {
  color: var(--blue4);
}

#l-radio-btn1:checked ~ .transport-options-list label#landing-label1 svg path {
  fill: var(--blue4);
}

#l-radio-btn2:checked ~ .transport-options-list label#landing-label2 {
  color: var(--blue4);
}

#l-radio-btn4:checked ~ .transport-options-list label#landing-label4 {
  color: var(--blue4);
}

#l-radio-btn5:checked ~ .transport-options-list label#landing-label5 {
  color: var(--blue4);
}

#l-radio-btn2:checked ~ .transport-options-list label#landing-label2 svg path {
  fill: var(--blue4);
}

form#search-form4 {
  font-size: 1.6vw;
  color: var(--blue4);
}

form#search-form5 {
  font-size: 1.6vw;
  color: var(--blue4);
}

#l-radio-btn3:checked ~ .transport-options-list label#landing-label3 {
  color: var(--blue4);
}

#l-radio-btn3:checked ~ .transport-options-list label#landing-label3 svg path {
  fill: var(--blue4);
}

#l-radio-btn4:checked ~ .transport-options-list label#landing-label4 svg path {
  fill: var(--blue4);
}

#l-radio-btn5:checked ~ .transport-options-list label#landing-label5 svg path {
  fill: var(--blue4);
}

.landing-search-box {
  padding: 1vw;
  width: 100%;
  height: 68%;
  position: relative;
}

.landing-search-box form {
  padding: 1vw;
  width: 100%;
  height: 100%;
  position: absolute;
  visibility: hidden;
  opacity: 0;
  display: none !important;
  transition: all 0.2s ease-in-out;
}

.landing-search-box form#search-form1 {
  gap: 1vw;
}

.landing-search-box form#search-form2,
.landing-search-box form#search-form3 {
  gap: 0.1vw;
}

#l-radio-btn1:checked ~ .landing-search-box form#search-form1 {
  visibility: visible;
  opacity: 1;
  display: flex !important;
  animation: animate-form-revealer 0.35s ease-in-out forwards;
}

#l-radio-btn2:checked ~ .landing-search-box form#search-form2 {
  visibility: visible;
  opacity: 1;
  display: flex !important;
  animation: animate-form-revealer 0.35s ease-in-out forwards;
}

#l-radio-btn3:checked ~ .landing-search-box form#search-form3 {
  visibility: visible;
  opacity: 1;
  display: flex !important;
  animation: animate-form-revealer 0.35s ease-in-out forwards;
}

#l-radio-btn4:checked ~ .landing-search-box form#search-form4 {
  visibility: visible;
  opacity: 1;
  display: flex !important;
  animation: animate-form-revealer 0.35s ease-in-out forwards;
}

#l-radio-btn5:checked ~ .landing-search-box form#search-form5 {
  visibility: visible;
  opacity: 1;
  display: flex !important;
  animation: animate-form-revealer 0.35s ease-in-out forwards;
}

@keyframes animate-form-revealer {
  0% {
    visibility: hidden;
    opacity: 0;
  }
  100% {
    visibility: visible;
    opacity: 1;
  }
}

/*/////*/

.landing-search-box form .search-inputs-container {
  width: 100%;
  height: 50%;
  position: relative;
  z-index: 1;
  gap: 1.2vw;
  justify-content: space-between !important;
}

.landing-search-box form .search-inputs-container input:disabled {
  filter: brightness(1) !important;
  opacity: 0.7;
  cursor: not-allowed !important;
}

.landing-search-box form .search-inputs-container .search-input-group {
  width: 20vw;
  gap: 0.2vw;
  position: relative;
  justify-content: space-between !important;
}

.landing-search-box form .search-inputs-container .search-input-group input {
  background: rgba(185, 194, 203, 0.5);
  box-shadow: 0 0 0.5vw rgba(0, 0, 0, 0.3);
  cursor: pointer;
}

.landing-search-box
  form
  .search-inputs-container
  .search-input-group
  .input-group {
  position: relative;
}

.landing-search-box
  form
  .search-inputs-container
  .search-input-group
  .input-group
  input {
  width: 100%;
}

.landing-search-box
  form
  .search-inputs-container
  .search-input-group
  .input-group
  > i {
  right: 1vw;
  font-size: 1.1vw;
}

.landing-search-box
  form
  .search-inputs-container
  .search-input-group
  input::placeholder {
  color: rgba(0, 0, 0, 0.55);
  font-weight: 500;
}

.landing-search-box
  form
  .search-inputs-container
  .search-input-group
  input:hover {
  filter: brightness(1.3);
}

.landing-search-box
  form
  .search-inputs-container
  .search-input-group
  .input-group.open
  input {
  filter: brightness(1.25);
  background: rgba(178, 195, 211, 0.5);
}

.landing-search-box
  form
  .search-inputs-container
  .search-input-group:nth-child(1) {
  width: 35vw;
}

.landing-search-box
  form
  .search-inputs-container
  .search-input-group:nth-child(1)
  .input-group {
  width: 16vw;
  position: relative;
}

.landing-search-box
  form
  .search-inputs-container
  .search-input-group:nth-child(1)
  .input-group
  input {
  width: 100%;
}

.landing-search-box
  form
  .search-inputs-container
  .search-input-group:nth-child(1)
  .reverseHandler-location {
  padding: 0.9vw;
  background: #cfd7de;
  border-radius: 0.7vw;
  font-size: 1.2vw;
  box-shadow: 0 0 0.5vw rgba(0, 0, 0, 0.3);
}

.landing-search-box
  form
  .search-inputs-container
  .search-input-group:nth-child(1)
  .reverseHandler-location
  i {
  transform: translateY(0.15vw);
}

.landing-search-box
  form
  .search-inputs-container
  .search-input-group:nth-child(1)
  .reverseHandler-location:hover {
  background: #b8e1f1;
  color: var(--dark-blue);
}

.landing-search-box
  form
  .search-inputs-container
  .search-input-group:nth-child(2) {
  width: 22vw;
  justify-content: space-between !important;
}

.landing-search-box
  form
  .search-inputs-container
  .search-input-group:nth-child(2)
  .input-group {
  position: relative;
  width: 50%;
}

.landing-search-box
  form
  .search-inputs-container
  .search-input-group:nth-child(3) {
  width: 14vw;
  justify-content: space-between !important;
}

.landing-search-box form .flights-options {
  padding: 0 0.25vw;
  width: 100%;
  min-height: 2vw;
  justify-content: start !important;
  gap: 1vw;
  position: relative;
  /*z-index: 2;*/
}

.landing-search-box form .flights-options > div {
  min-width: 6vw;
  position: relative;
}

.landing-search-box form .flights-options > div button {
  min-width: 6vw;
  background: rgba(185, 194, 203, 0.5);
  box-shadow: 0 0 0.5vw rgba(0, 0, 0, 0.3);
  cursor: pointer;
  gap: 0.3vw;
}

.landing-search-box form .flights-options > div button * {
  pointer-events: none;
}

.landing-search-box form .flights-options > div button:hover {
  filter: brightness(1.3);
}

.landing-search-box form .flights-options > div .flights-options-drop-down {
  min-width: 8vw;
  min-height: 5vw;
  background-color: var(--light-bg);
  border-radius: 0.8vw;
  box-shadow: 0 0 0.5vw rgba(0, 0, 0, 0.4);
  position: absolute;
  top: 100%;
  right: 0;
  overflow: hidden;
  opacity: 0;
  visibility: hidden;
  transition: all 0.25s ease-in-out;
}

.landing-search-box
  form
  .flights-options
  > div.active
  .flights-options-drop-down {
  opacity: 1;
  visibility: visible;
}

.landing-search-box
  form
  .flights-options
  > div
  .flights-options-drop-down
  input {
  display: none !important;
}

.landing-search-box
  form
  .flights-options
  > div
  .flights-options-drop-down
  label {
  padding: 0.65vw 0.75vw;
  min-width: 7vw;
  justify-content: start !important;
  font-size: 0.9vw;
  font-weight: normal;
  transition: all 0.25s ease-in-out;
  cursor: pointer;
  margin: 0 !important;
  text-align: start !important;
}

.landing-search-box
  form
  .flights-options
  > div:nth-child(2)
  .flights-options-drop-down
  label {
  min-width: 9vw;
}

.landing-search-box
  form
  .flights-options
  > div
  .flights-options-drop-down
  label
  * {
  pointer-events: none;
}

.landing-search-box
  form
  .flights-options
  > div
  .flights-options-drop-down
  label:hover {
  background-color: rgba(40, 187, 250, 0.1);
}

.landing-search-box
  form
  .flights-options-drop-down
  input:nth-child(1):checked
  ~ div
  label:nth-child(1) {
  background-color: rgba(40, 187, 250, 0.2);
  color: #287dfa;
}

.landing-search-box
  form
  .flights-options-drop-down
  input:nth-child(2):checked
  ~ div
  label:nth-child(2) {
  background-color: rgba(40, 187, 250, 0.2);
  color: #287dfa;
}

.landing-search-box
  form
  .flights-options-drop-down
  input:nth-child(3):checked
  ~ div
  label:nth-child(3) {
  background-color: rgba(40, 187, 250, 0.2);
  color: #287dfa;
}

/*home banners*/

section.home-banners {
  padding: 2.5vw 8vw;
  width: 100%;
  min-height: 15vw;
  position: relative;
  gap: 6vw;
}

section.home-banners > a {
  position: relative;
  width: 42%;
}

section.home-banners > a img {
  width: 100%;
  border-radius: 1vw;
  box-shadow: 0 0 0.4vw rgba(0, 0, 0, 0.1);
}

/*home-charter-air-ticket*/

section.home-charter-offers-air-ticket {
  margin-top: 3vw;
  padding: 1vw 5vw;
  width: 100%;
  min-height: 15vw;
  position: relative;
  gap: 4.5vw;
  background-color: var(--sand);
  margin-top: 8vw;
}

.last-offer-homepage {
  align-items: center;
  width: 100%;
  justify-content: space-between !important;
  padding: 0;
}

section.home-charter-offers-air-ticket h2 {
  width: 20vw;
  font-weight: bold;
  font-size: 1.5vw;
  position: relative;
  transition: all 0.25s ease-in-out;
  opacity: 0;
  visibility: hidden;
  transform: translateY(-1vw);
}

section.home-charter-offers-air-ticket h2.active {
  opacity: 1;
  visibility: visible;
}

section.home-charter-offers-air-ticket h2::before {
  content: "";
  width: 0;
  height: 0.16vw;
  border-radius: 0.25vw;
  background-color: var(--blue2);
  transition: all 0.25s ease-in-out;
  transition-delay: 0.2s;
  position: absolute;
  top: 150%;
  box-shadow: 0 0 0.5vw rgba(1, 150, 255, 0.5);
}

section.home-charter-offers-air-ticket h2.active::before {
  width: 75%;
}

.flex-hz.toggle-home-charter-tickets-cont {
  opacity: 0;
  visibility: hidden;
  transition: all 0.25s ease-in-out;
  transition-delay: 0.2s;
}

.flex-hz.toggle-home-charter-tickets-cont.active {
  opacity: 1;
  visibility: visible;
}

.flex-hz.toggle-home-charter-tickets-cont > button {
  box-shadow: none !important;
  outline: none !important;
}

.flex-hz.toggle-home-charter-tickets-cont > button:before {
  content: "";
  width: 0;
  height: 0.15vw;
  background-color: var(--blue2);
  border-radius: 0.2vw;
  transition: all 0.25s ease-in-out;
  position: absolute;
  bottom: 0;
}

.flex-hz.toggle-home-charter-tickets-cont > button.active:before {
  width: 100%;
}

.flex-hz.toggle-home-charter-tickets-cont > button:first-child {
  transform: translateX(-6vw) translateY(-0.1vw);
  font-size: 1.1vw;
  font-weight: 600;
  cursor: pointer;
}

.flex-hz.toggle-home-charter-tickets-cont > button:last-child {
  transform: translateX(6vw) translateY(-0.1vw);
  font-size: 1.1vw;
  font-weight: 600;
  cursor: pointer;
}

section.home-charter-offers-air-ticket .divider {
  width: 100%;
  /*min-height: 40vw;*/
  position: relative;
  opacity: 0;
  visibility: hidden;
  transform: translateY(0);
  transition: all 0.4s ease-in-out;
  justify-content: start !important;
}

section.home-charter-offers-air-ticket .divider.active {
  opacity: 1;
  visibility: visible;
  transform: translateY(-5vw);
}

section.home-charter-offers-air-ticket .divider > .home-charter-inner-flights,
section.home-charter-offers-air-ticket
  .divider
  > .home-charter-foreign-flights {
  width: 100%;
  position: relative;
  top: 0;
  gap: 1.5vw;
  grid-template-columns: repeat(2, 45%);
  justify-content: center;
  display: none;
}

section.home-charter-offers-air-ticket
  .divider
  > .home-charter-inner-flights.active,
section.home-charter-offers-air-ticket
  .divider
  > .home-charter-foreign-flights.active {
  display: grid;
  animation: animate-reveal4 0.25s ease-in-out forwards;
}

@keyframes animate-reveal4 {
  0% {
    opacity: 0;
    visibility: hidden;
  }
  100% {
    opacity: 1;
    visibility: visible;
  }
}

section.home-charter-offers-air-ticket a.charter-flight-card {
  padding: 1vw;
  height: 7.5vw;
  border-radius: 1vw;
  box-shadow: 0 0 0.75vw rgba(0, 0, 0, 0.2);
  position: relative;
  justify-content: space-between;
  background-color: var(--light-bg);
  overflow: hidden;
}

section.home-charter-offers-air-ticket a.charter-flight-card .ticket-date {
  padding: 0.1vw 0.7vw;
  min-width: 10vw;
  position: absolute;
  right: 0;
  top: 0;
  background-color: var(--blue2);
  border-radius: 0 0 0 0.75vw;
  color: var(--light-bg);
  font-size: 0.85vw;
  font-weight: 500;
}

section.home-charter-offers-air-ticket
  a.charter-flight-card
  figure.airline-logo {
  margin: 0;
  padding: 0.25vw;
  width: 4vw;
  position: relative;
}

section.home-charter-offers-air-ticket
  a.charter-flight-card
  figure.airline-logo
  span.airline-name {
  position: absolute;
  top: 100%;
  font-weight: 300;
  font-size: 0.8vw;
  color: var(--dark-font);
  transform: translateY(-0.25vw);
  width: 10vw;
  text-align: center;
}

section.home-charter-offers-air-ticket
  a.charter-flight-card
  figure.airline-logo
  img {
  width: 100%;
}

section.home-charter-offers-air-ticket
  a.charter-flight-card
  .origin-destination {
  width: 22vw;
  position: relative;
}

section.home-charter-offers-air-ticket
  a.charter-flight-card
  .origin-destination
  svg {
  width: 45%;
  transform: translateY(-1vw) rotateY(-180deg);
}

section.home-charter-offers-air-ticket
  a.charter-flight-card
  .origin-destination
  h4 {
  font-size: 1vw;
  font-weight: bold;
  width: 25%;
  gap: 0.25vw;
  color: var(--dark-font);
}

section.home-charter-offers-air-ticket
  a.charter-flight-card
  .origin-destination
  h4:first-child {
  transform: translateX(0.75vw);
  align-items: end !important;
}

section.home-charter-offers-air-ticket
  a.charter-flight-card
  .origin-destination
  h4:last-child {
  transform: translateX(-0.75vw);
  align-items: start !important;
}

section.home-charter-offers-air-ticket
  a.charter-flight-card
  .origin-destination
  h4
  span {
  font-size: 0.8vw;
  font-weight: 300;
}

section.home-charter-offers-air-ticket
  a.charter-flight-card
  .origin-destination
  span.flight-mode {
  font-weight: 500;
  font-size: 0.8vw;
  color: var(--dark-font);
  position: absolute;
  bottom: -0.5vw;
}

section.home-charter-offers-air-ticket a.charter-flight-card .price-cont {
  width: 9vw;
  align-items: end;
  gap: 0.25vw;
}

section.home-charter-offers-air-ticket a.charter-flight-card .price-cont h3 {
  font-size: 1.45vw;
  color: var(--blue2);
  font-weight: bold;
  gap: 0.3vw;
}

section.home-charter-offers-air-ticket
  a.charter-flight-card
  .price-cont
  h3
  svg.toman {
  width: 1.4vw;
  fill: var(--blue2);
}

section.home-charter-offers-air-ticket a.charter-flight-card .price-cont s {
  font-size: 0.95vw;
  font-weight: 300;
  opacity: 0.7;
  color: var(--dark-font);
}

/*offer-places*/

section.home-offer-places {
  margin-bottom: 4vw;
  padding: 3vw 8vw;
  width: 100%;
  position: relative;
  min-height: 10vw;
  gap: 5vw;
}

section.home-offer-places .home-offer-places-header {
  width: 100%;
  position: relative;
  justify-content: space-between !important;
  opacity: 0;
  visibility: hidden;
  transition: all 0.3s ease-in-out;
}

section.home-offer-places .home-offer-places-header.active {
  opacity: 1;
  visibility: visible;
}

section.home-offer-places .home-offer-places-header::before {
  content: "";
  width: 0;
  height: 0.15vw;
  /*background: linear-gradient(to right, transparent, rgba(192, 192, 192, 0.75));*/
  background: linear-gradient(to right, transparent, rgba(0, 150, 255, 0.75));
  position: absolute;
  right: 0;
  top: 130%;
  transform: skew(-25deg);
  transition: all 0.35s ease-in-out;
  transition-delay: 0.25s;
}

section.home-offer-places .home-offer-places-header.active::before {
  width: 100%;
}

section.home-offer-places .home-offer-places-header > h2 {
  font-size: 2.2vw;
  font-weight: bold;
  color: var(--dark-font);
  align-items: start !important;
  gap: 1vw;
}

section.home-offer-places .home-offer-places-header > h2 span {
  font-weight: 300;
  font-size: 1.2vw;
}

section.home-offer-places .home-offer-places-header > a.btn {
  min-width: 8vw;
  background-color: var(--blue2);
  transition: all 0.25s ease-in-out;
  color: var(--light-bg);
  font-weight: 500;
}

section.home-offer-places .home-offer-places-header > a.btn:hover {
  filter: brightness(1.25);
  color: var(--dark-font);
}

.home-offer-places-cont {
  margin: 0;
  width: 100%;
  height: 36vw;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1vw;
}

a.home-offer-place-frame-link {
  height: 18vw;
  position: relative;
  border-radius: 1vw;
  overflow: hidden;
  opacity: 0;
  visibility: hidden;
  transition: all 0.3s ease-in-out;
  transform: translateY(2.5vw);
}

a.home-offer-place-frame-link:nth-child(3) {
  height: 100%;
  grid-area: 1 / 3 / 3 / 4;
}

.home-offer-places-cont.active a.home-offer-place-frame-link {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}

.home-offer-places-cont.active a.home-offer-place-frame-link:nth-child(1) {
  transition-delay: 0.4s;
}

.home-offer-places-cont.active a.home-offer-place-frame-link:nth-child(2) {
  transition-delay: 0.55s;
}

.home-offer-places-cont.active a.home-offer-place-frame-link:nth-child(3) {
  transition-delay: 0.7s;
}

.home-offer-places-cont.active a.home-offer-place-frame-link:nth-child(4) {
  transition-delay: 0.85s;
}

.home-offer-places-cont.active a.home-offer-place-frame-link:nth-child(5) {
  transition-delay: 0.95s;
}

.home-offer-place-frame {
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: center;
  transition: all 0.3s ease-in-out;
}

.home-offer-place-frame:hover {
  transform: scale(1.03);
}

a.home-offer-place-frame-link > span.label {
  padding: 0.5vw;
  min-width: 5vw;
  position: absolute;
  top: 1vw;
  right: 1vw;
  background-color: var(--blue2);
  color: var(--light-bg);
  font-weight: 500;
  font-size: 0.8vw;
  border-radius: 0.5vw;
  z-index: 3;
}

.home-offer-place-frame .home-offer-place-frame-details {
  padding: 0 2vw;
  width: 100%;
  height: 36%;
  position: absolute;
  bottom: 0;
  left: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.75), transparent);
  transition: all 0.25s ease-in-out;
  z-index: 2;
  align-items: start !important;
  gap: 0.5vw;
  color: var(--light-bg);
}

.home-offer-place-frame:hover .home-offer-place-frame-details {
  height: 50%;
}

.home-offer-place-frame .home-offer-place-frame-details h2 {
  font-size: 1.4vw;
  font-weight: 600;
}

.home-offer-place-frame .home-offer-place-frame-details ul.score {
  gap: 0.2vw;
}

.home-offer-place-frame .home-offer-place-frame-details ul.score li {
  color: #ffb100;
  font-size: 0.8vw;
}

.home-offer-place-frame .home-offer-place-frame-details ul.score span {
  font-weight: 300;
  font-size: 0.8vw;
}

.home-offer-place-frame .home-offer-place-frame-details h4 {
  opacity: 0;
  visibility: hidden;
  transition: 0.25s ease-in-out;
  position: absolute;
  left: 1.5vw;
  bottom: 2vw;
  font-size: 0.9vw;
  gap: 0.3vw;
}

.home-offer-place-frame:hover .home-offer-place-frame-details h4 {
  opacity: 1;
  visibility: visible;
  font-weight: normal;
}

.home-offer-place-frame .home-offer-place-frame-details h4 span {
  font-size: 1.1vw;
  font-weight: 600;
}

/*mobile-app*/

section.download-mobile-app {
  padding: 1vw 4vw;
  width: 100%;
  min-height: 20vw;
  position: relative;
  background-color: white;
}

section.download-mobile-app::before {
  content: "";
  width: 100%;
  height: 14vw;
  background: linear-gradient(to bottom, white, white, transparent);
  position: absolute;
  z-index: 2;
  top: 96%;
}

.download-mobile-app-container {
  padding: 2vw;
  width: 100%;
  min-height: 20vw;
  position: relative;
  background-color: #f2f6f8;
  border-radius: 0.75vw;
  justify-content: space-between !important;
}

.download-mobile-app-container .divider {
  width: 33%;
  min-height: 20vw;
  position: relative;
  gap: 0.75vw;
}

.download-mobile-app-container .divider:nth-child(1) h2 {
  text-align: center;
  font-size: 1.75vw;
  font-weight: bold;
  line-height: 2.5vw;
}

.download-mobile-app-container .divider:nth-child(1) h5 {
  margin: 1vw 0;
  text-align: center;
  font-size: 1vw;
  font-weight: 300;
}

.download-mobile-app-container .divider:nth-child(1) .download-box {
  padding: 1vw;
  width: 100%;
  position: relative;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.75vw;
}

.download-mobile-app-container .divider:nth-child(1) .download-box > div {
  transition: all 0.25s ease-in-out;
  position: relative;
}

.download-mobile-app-container .divider:nth-child(1) .download-box > div img {
  width: 100% !important;
}

.download-mobile-app-container .divider:nth-child(1) .download-box > div:hover {
  filter: brightness(1.5);
}

.download-mobile-app-container .divider:nth-child(3) img {
  width: 100%;
}

.download-mobile-app-container .divider:nth-child(2) figure {
  width: 45%;
  position: relative;
}

.download-mobile-app-container .divider:nth-child(2) figure figcaption {
  font-size: 0.95vw;
  font-weight: 300;
  color: var(--dark-font);
}

.download-mobile-app-container .divider:nth-child(2) figure img {
  width: 100%;
}

.drop-down-header {
  display: none;
}

#cta-area-bg-desktop {
  display: inline-block !important;
  width: 100vw;
  transform: translateY(-2vw);
}

#cta-area-bg-mobile {
  display: none !important;
  width: 100vw;
  transform: translateY(-2vw);
}

section.cta-area::before {
  opacity: 0.25 !important;
}
section.calculation-installment {
  background: rgba(43, 187, 202, 0.34);
  /* box-shadow: rgba(0, 0, 0, 0.1) 0px 10px 50px; */
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(4px);
  border: none;
  margin-top: 0vw;
  padding: 8.6vw 9vw;
}
section.calculation-installment form {
  width: 100%;
  justify-content: space-between;
}
.right-div-installment {
  align-items: start;
  justify-content: start;
  height: 100%;
  padding-bottom: 9vw;
}
.left-div-installment {
  align-items: start;
  background: rgba(255, 255, 255, 1);
  /* box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px,
    rgba(0, 0, 0, 0.3) 0px 3px 7px -3px; */
  backdrop-filter: blur(0px);
  -webkit-backdrop-filter: blur(0px);
  border-radius: 1vw;
  width: 34vw;
  padding: 2.9vw 2vw;
  gap: 2vw;
}
.left-div-installment h4 {
  color: var(--dark-font);
}
.left-div-installment svg.toman {
  width: 1.7vw;
  fill: var(--blue2);
}
.installment-price {
  width: 100%;
  justify-content: center !important;
  color: var(--blue2);
  gap: 0.5vw;
  font-size: 2.5vw;
}
.all-price {
  justify-content: space-around;
  width: 100%;
  margin-top: 2vw;
}
.all-price div.flex-vr {
  gap: 0.6vw;
}
.all-price div.flex-vr h4 {
  color: var(--blue2);
  font-size: 1.6vw;
}
.all-price div.flex-vr h5 {
  color: var(--sand);
}
.right-div-installment h2 {
  font-family: Kalameh, sans-serif !important;
  font-size: 1.7vw;
  font-weight: bold;
  color: var(--dark-font);
  margin-bottom: 1vw;
}
.number-installment {
  display: flex;
  flex-direction: column;
  align-items: start;
  gap: 1.5vw;
  padding: 3vw 0;
}
.amount-per-tour {
  display: flex;
  flex-direction: column;
  align-items: start;
  gap: 1vw;
}
.number-installment h4 {
  font-family: Kalameh, sans-serif !important;
  font-size: 1.4vw;
  font-weight: bold;
  color: var(--sand);
  padding-bottom: 2vw;
}
.amount-per-tour h4 {
  font-family: Kalameh, sans-serif !important;
  font-size: 1.3vw;
  font-weight: bold;
  color: var(--sand);
  padding-bottom: 2vw;
}
.instalment-slider {
  width: 35vw;
  height: 0.28vw;
  background-color: #c9c5c5;
  border-radius: 2vw;
  position: relative;
  z-index: 2;
  margin-bottom: 1vw;
}
.installment-radio-btns input[type="radio"] {
  display: none;
}
.label-inst {
  position: absolute;
  width: 37vw;
  justify-content: space-between;
  bottom: -4vw;
  transform: translateY(0.05vw);
  flex-direction: row-reverse;
}
.circle-inst {
  z-index: 9;
  width: 0.85vw;
  height: 0.85vw;
  border-radius: 50%;
  background: var(--blue2);
}
.installment-radio-btns label * {
  pointer-events: none;
}
.installment-radio-btns label {
  cursor: pointer;
}
.installment-radio-btns input:nth-child(1):checked ~ div label:nth-child(1) {
  color: var(--sand);
}
.installment-radio-btns
  input:nth-child(1):checked
  ~ div
  label:nth-child(1)
  span.circle-inst {
  width: 1.5vw;
  height: 1.5vw;
  background-color: white;
  border: 0.2vw solid var(--dark-font);
  transition: all 0.3s;
}

.installment-radio-btns input:nth-child(2):checked ~ div label:nth-child(2) {
  color: var(--sand);
}
.installment-radio-btns
  input:nth-child(2):checked
  ~ div
  label:nth-child(2)
  span.circle-inst {
  width: 1.5vw;
  height: 1.5vw;
  background-color: white;
  border: 0.2vw solid var(--dark-font);
  transition: all 0.3s;
}

.installment-radio-btns input:nth-child(3):checked ~ div label:nth-child(3) {
  color: var(--sand);
}
.installment-radio-btns
  input:nth-child(3):checked
  ~ div
  label:nth-child(3)
  span.circle-inst {
  width: 1.5vw;
  height: 1.5vw;
  background-color: white;
  border: 0.2vw solid var(--dark-font);
  transition: all 0.3s;
}
.installment-radio-btns input:nth-child(4):checked ~ div label:nth-child(4) {
  color: var(--sand);
}
.installment-radio-btns
  input:nth-child(4):checked
  ~ div
  label:nth-child(4)
  span.circle-inst {
  width: 1.5vw;
  height: 1.5vw;
  background-color: white;
  border: 0.2vw solid var(--dark-font);
  transition: all 0.3s;
}

.installment-radio-btns input:nth-child(5):checked ~ div label:nth-child(5) {
  color: var(--sand);
}
.installment-radio-btns
  input:nth-child(5):checked
  ~ div
  label:nth-child(5)
  span.circle-inst {
  width: 1.5vw;
  height: 1.5vw;
  background-color: white;
  border: 0.2vw solid var(--dark-font);
  transition: all 0.3s;
}

.installment-radio-btns input:nth-child(6):checked ~ div label:nth-child(6) {
  color: var(--sand);
}
.installment-radio-btns
  input:nth-child(6):checked
  ~ div
  label:nth-child(6)
  span.circle-inst {
  width: 1.5vw;
  height: 1.5vw;
  background-color: white;
  border: 0.2vw solid var(--dark-font);
  transition: all 0.3s;
}

.installment-radio-btns input:nth-child(7):checked ~ div label:nth-child(7) {
  color: var(--sand);
}
.installment-radio-btns
  input:nth-child(7):checked
  ~ div
  label:nth-child(7)
  span.circle-inst {
  width: 1.5vw;
  height: 1.5vw;
  background-color: white;
  border: 0.2vw solid var(--dark-font);
  transition: all 0.3s;
}

.installment-radio-btns input:nth-child(8):checked ~ div label:nth-child(8) {
  color: var(--sand);
}
.installment-radio-btns
  input:nth-child(8):checked
  ~ div
  label:nth-child(8)
  span.circle-inst {
  width: 1.5vw;
  height: 1.5vw;
  background-color: white;
  border: 0.2vw solid var(--dark-font);
  transition: all 0.3s;
}

.installment-radio-btns input:nth-child(9):checked ~ div label:nth-child(9) {
  color: var(--sand);
}
.installment-radio-btns
  input:nth-child(9):checked
  ~ div
  label:nth-child(9)
  span.circle-inst {
  width: 1.5vw;
  height: 1.5vw;
  background-color: white;
  border: 0.2vw solid var(--dark-font);
  transition: all 0.3s;
}
.blue-slider {
  height: 0.28vw;
  background-color: var(--blue2);
  border-radius: 2vw;
  position: absolute;
  z-index: 7;
}
.installment-radio-btns input:nth-child(2):checked > span.blue-slider {
  width: 2.9% !important;
}
.progress-ins {
  height: 0.28vw;
  background-color: var(--blue2);
  position: absolute;
  width: 0vw;
  z-index: 0;
  left: 0.3vw;
  bottom: -0.01vw;
  opacity: 0.6;
}
form.advanced-calculator-form {
  display: none;
}

form.advanced-calculator-form.active {
  display: flex !important;
  transition: all 0.3s ease-in-out;
  gap: 2.5vw;
}
.advanced-calculator-btn.hide {
  display: none;
}
.adv-box {
  align-items: start;
  justify-content: start;
  gap: 0.2vw;
}
.advanced-calculator-btn {
  border: 0.12vw solid var(--blue2);
  padding: 1vw;
  width: 15vw;
  border-radius: 0.77vw;
  color: var(--blue2);
  background-color: transparent !important;
  transition: all 0.25s ease-in-out;
}
.close-advanced-calc {
  border: 0.12vw solid var(--blue2);
  padding: 1vw;
  width: 15vw;
  border-radius: 0.77vw;
  color: var(--blue2);
  background-color: transparent !important;
  transition: all 0.25s ease-in-out;
}
.advanced-calculator-btn:hover {
  background-color: var(--blue2) !important;
  color: #ffffff !important;
}
.close-advanced-calc:hover {
  background-color: var(--blue2) !important;
  color: #ffffff !important;
}
.adv-container {
  width: 100%;
  align-items: start;
  gap: 1.5vw;
}
.adv-title {
  text-align: right;
  color: var(--blue2);
  font-size: 1.42vw;
}
input#tour-amount-adv {
  width: 19vw;
  background-color: var(--light-bg);
  padding: 0.8vw;
  height: 3.6vw;
  border: none;
  border-radius: 0.7vw;
  box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
}
input#tour-amount-adv:focus {
  outline: none !important;
}
.error-msg {
  display: none;
}
.error-msg.active {
  display: block !important;
  color: rgb(183, 0, 0);
}
.inputs-container {
  gap: 3vw;
  align-items: start;
  justify-content: start;
}
.prepayment {
  width: 14vw;
  height: 3.6vw;
  background-color: var(--light-bg);
  padding: 0.8vw;
  margin-top: 0.6vw;
  border: none;
  border-radius: 0.7vw;
  box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
  justify-content: space-between;
}
.adv-inst-division {
  width: 14vw;
  height: 3.6vw;
  background-color: var(--light-bg);
  padding: 0.8vw;
  margin-top: 0.3vw;
  border: none;
  border-radius: 0.7vw;
  box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
  justify-content: space-between;
}
.prepayment-btn {
  border: none;
  background-color: transparent !important;
  color: var(--blue2);
  font-size: 1.4vw;
  font-weight: 500;
  outline: none !important;
}
.adv-num-installments-btn {
  border: none;
  background-color: transparent !important;
  color: var(--blue2);
  font-size: 1.4vw;
  font-weight: 500;
  outline: none !important;
  position: relative;
  margin-right: 0.71vw;
}
.exclamation-btn {
  background-color: transparent !important;
  border: none;
  outline: none !important;
  margin-right: 0.71vw;
  transition: all 0.5s ease-in-out;
  position: relative;
}
.adv-num-installments-btn i,
.exclamation-btn i {
  color: #ffa200;
  font-size: 1.5vw;
}
.prepayment-note,
.adv-num-installments-note {
  display: none;
  position: absolute;
  z-index: 10;
  width: 16vw;
  height: 6vw;
  background-color: #4a4a4af5;
  transition: all 0.5s ease-in-out;
  left: -7.5vw;
  color: white;
  border-radius: 0.6vw;
  align-items: center;
  padding: 1vw;
  font-size: 0.83vw;
  line-height: 2.6vw;
  cursor: default !important;
}

.exclamation-btn:hover .prepayment-note {
  display: flex !important;
}
.adv-num-installments-btn:hover .adv-num-installments-note {
  display: flex !important;
}
.totall-calc {
  border: 0.12vw solid var(--blue2);
  outline: none !important;
  background-color: var(--blue2);
  color: var(--light-font);
  margin-top: 2.5vw;
  width: 13vw;
  padding: 1vw;
  font-size: 1.1vw;
  border-radius: 0.7vw;
  transition: all 0.3s ease-in-out;
}
.totall-calc:hover {
  background-color: transparent !important;
  color: var(--blue2);
  border: 0.12vw solid var(--blue2);
}
.adv-instalments-details {
  display: none;
  justify-content: space-between;
  padding: 3vw 2vw;
  border-radius: 1vw;
  background-color: var(--light-bg);
  box-shadow: rgba(0, 0, 0, 0.1) 0px 10px 15px -3px,
    rgba(0, 0, 0, 0.05) 0px 4px 6px -2px;
  width: 100%;
}
.adv-instalments-details.active {
  display: flex !important;
}
.inst-det {
  align-items: start;
  gap: 1.4vw;
}
.inst-det h2 {
  font-size: 1.4vw;
  color: var(--sand);
}
.inst-det div.flex-hz {
  font-size: 1.4vw;
  color: var(--blue2);
  font-weight: 500;
  gap: 0.4vw;
}
.toman svg {
  width: 1.6vw;
  fill: var(--blue2);
}
p#prev-page {
  display: none !important;
}
@media screen and (max-width: 450px) {
  #cta-area-bg-desktop {
    display: none !important;
  }

  #cta-area-bg-mobile {
    display: inline-block !important;
  }

  section.landing {
    margin-top: 20.5vw;
    width: 100vw;
    height: 170vw;
    position: relative;
    z-index: 2;
    opacity: 1;
    visibility: visible;
  }

  section.landing .landing-divider {
    width: 100%;
    height: 100% !important;
    position: relative;
    background-image: url("../images/landing-bg3-mobile.webp");
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat !important;
  }

  section.landing #bottom-wave-landing {
    width: 100%;
    position: absolute;
    bottom: -2.15vw;
    overflow: hidden;
    justify-content: end !important;
  }

  section.landing .landing-cont {
    width: 90%;
    position: relative;
    z-index: 2;
    gap: 3vw;
    min-height: 30vw;
    margin-top: 0;
    justify-content: start !important;
    transform: translateY(-4.5vw);
  }

  .hero-content {
    margin-top: 11vw;
  }

  section.landing .hero-content h2#landing-title {
    width: 90vw;
    color: white;
    margin-bottom: 2vw;
    font-size: 4.95vw !important;
    font-weight: bold;
    /* text-shadow: 0 0 6.5vw rgba(0, 0, 0, 0.75), 0 0 2vw rgba(0, 0, 0, 0.75); */
    text-align: center !important;
  }

  .cd-words-wrapper b {
    font-size: 5vw;
  }

  .landing-search-box-container {
    margin-top: 0;
    width: 100%;
    height: 119vw;
    padding: 2vw;
    border-radius: 3.9vw;
    box-shadow: 0 0 4.6vw rgba(0, 0, 0, 0.45);
    background-color: rgba(255, 255, 255, 0.5);
    backdrop-filter: blur(6px);
    justify-content: start !important;
    position: relative;
    gap: 0.5vw;
  }

  .landing-search-box-container .transport-options-list {
    justify-content: space-around;
  }

  .landing-search-box-container .transport-options-list label {
    margin: 0 !important;
    width: 14vw;
    height: 13vw;
    font-size: 2.88vw;
    white-space: nowrap;
  }

  .landing-search-box-container .transport-options-list label svg {
    width: 7.5vw;
  }

  .landing-search-box-container .transport-options-list label:nth-child(3) svg {
    transform: translateX(1vw);
  }

  .landing-search-box form .search-inputs-container {
    width: 100%;
    height: 50%;
    position: relative;
    z-index: 1;
    gap: 4vw;
    flex-direction: column;
  }

  .landing-search-box-container .transport-options-list::before {
    content: "";
    width: 100%;
    height: 0.41vw;
    background: linear-gradient(
      to left,
      transparent,
      rgba(201, 201, 201, 0.9),
      transparent
    );
    position: absolute;
    bottom: 0;
    left: 0;
  }

  .landing-search-box {
    margin-top: 2vw;
  }

  .landing-search-box
    form
    .search-inputs-container
    .search-input-group:nth-child(1) {
    width: 100%;
    gap: 5.3vw;
    padding: 0 1vw;
    flex-direction: column;
  }

  .landing-search-box
    form
    .search-inputs-container
    .search-input-group:nth-child(1)
    .input-group {
    width: 100%;
    position: relative;
  }

  #l-radio-btn1:checked ~ .landing-search-box form#search-form1 {
    justify-content: start;
  }

  #l-radio-btn3:checked ~ .landing-search-box form#search-form3 {
    justify-content: start;
  }

  #l-radio-btn2:checked ~ .landing-search-box form#search-form2 {
    justify-content: start;
  }

  .landing-search-box
    form
    .search-inputs-container
    .search-input-group
    .input-group
    > i {
    right: 1.99vw !important;
    top: 4vw !important;
    font-size: 3.891vw;
  }

  .landing-search-box
    form
    .search-inputs-container
    .search-input-group
    .input-group
    > i.fa-magnifying-glass {
    right: 0.99vw !important;
    top: 5.1vw !important;
    font-size: 3.891vw;
  }

  .landing-search-box form .search-inputs-container .search-input-group input {
    box-shadow: 0 0 2.5vw rgba(0, 0, 0, 0.3);
  }

  .landing-search-box
    form
    .search-inputs-container
    .search-input-group:nth-child(2) {
    width: 100%;
    gap: 2vw;
    padding: 0 1vw;
  }

  .landing-search-box
    form
    .search-inputs-container
    .search-input-group:nth-child(3) {
    width: 100%;
    justify-content: space-between !important;
    padding: 0 1vw;
  }

  .landing-search-box
    form
    .search-inputs-container
    .search-input-group
    input::placeholder {
    font-size: 3.4vw;
  }

  .landing-search-box form .flights-options {
    padding: 0 1vw;
    margin-bottom: 3vw;
    justify-content: space-between !important;
  }

  .landing-search-box form .flights-options > div button {
    min-width: 39.75vw;
    padding: 2.5vw 0;
    background: rgba(185, 194, 203, 0.5);
    box-shadow: 0 0 2.5vw rgba(0, 0, 0, 0.3);
    cursor: pointer;
    gap: 1.3vw;
    border-radius: 2.3vw;
  }

  .landing-search-box form .flights-options > div button span {
    font-size: 3.4vw !important;
  }

  .landing-search-box form .flights-options > div button i {
    font-size: 3vw;
  }

  .landing-search-box form .flights-options > div .flights-options-drop-down {
    min-width: 39.75vw;
    min-height: 25vw;
    border-radius: 2.38vw;
    box-shadow: 0 0 4.5vw rgba(0, 0, 0, 0.4);
    z-index: 6 !important;
  }

  .landing-search-box
    form
    .flights-options
    > div
    .flights-options-drop-down
    label {
    font-size: 3.4vw !important;
    padding: 2.5vw 1.95vw;
  }

  .landing-search-box
    form
    .search-inputs-container
    .search-input-group:nth-child(1)
    .reverseHandler-location {
    background: #cfd7de;
    border-radius: 2.2vw;
    font-size: 3.9vw;
    top: 10vw;
    left: 4vw;
    width: 9vw;
    height: 9vw;
    z-index: 4;
    transform: rotate(90deg);
    box-shadow: 0 0 3.5vw rgba(0, 0, 0, 0.3);
    position: absolute;
  }

  .flight-passengers-list-container > div .divider > .right-division span {
    font-size: 3vw !important;
    font-weight: normal;
    opacity: 0.6;
  }

  #tour-passengers-list-container
    .room-options
    > div
    .divider
    .right-division
    span {
    font-weight: normal;
    color: #b0b0b0;
    font-size: 3vw !important;
  }

  section.home-charter-offers-air-ticket {
    margin-top: 2vw;
    padding: 11vw 3vw;
    width: 100%;
    min-height: 165vw;
    justify-content: start;
  }

  section.home-charter-offers-air-ticket h2 {
    width: 40vw;
    font-weight: bold;
    font-size: 3.5vw;
    position: relative;
    transition: all 0.25s ease-in-out;
    opacity: 0;
    visibility: hidden;
    transform: translateY(-1vw);
  }

  section.home-charter-offers-air-ticket h2.active::before {
    width: 83%;
  }

  .flex-hz.toggle-home-charter-tickets-cont > button:first-child {
    font-size: 3.1vw;
  }

  .flex-hz.toggle-home-charter-tickets-cont > button:last-child {
    font-size: 3.1vw;
  }

  .toggle-home-charter-tickets label {
    position: absolute;
    width: calc(var(--sz) * 6);
    height: calc(var(--sz) * 4);
    background: linear-gradient(0deg, var(--bg1), var(--bg3));
    border-radius: calc(var(--sz) * 2.5);
    box-shadow: 0 calc(var(--sz) * 0.01) calc(var(--sz) / 10)
        calc(var(--sz) / 500) #ffffff80,
      0 0px calc(var(--sz) / 1) calc(var(--sz) / 10) rgb(219, 179, 122),
      0 calc(var(--sz) * -0.05) calc(var(--szm) * 0.5) calc(var(--szm) * 0.25)
        #15182f44;
  }

  .toggle-home-charter-tickets
    #toggle-home-charter-ticket:checked
    + label
    span {
    --lg: var(--on);
    left: 2vw !important;
  }

  .toggle-home-charter-tickets .rail:before,
  .rail:after {
    content: "";
    position: absolute;
    width: calc(var(--sz) * 1.2);
    height: calc(var(--sz) * 1.2);
    transition: calc(var(--sz) * 1.2);
    border-radius: calc(var(--sz) * 1.2);
  }

  .toggle-home-charter-tickets .rail:before {
    left: calc(var(--sz) * 0.2);
  }

  .toggle-home-charter-tickets label span {
    position: absolute;
    width: 10vw;
    height: 10vw;
    top: 4.8vw;
    left: 17vw !important;
    background: radial-gradient(
        circle at 55% 50%,
        #fff0 calc(var(--sz) / 1.2),
        var(--lg) calc(var(--sz) / 0.5)
      ),
      radial-gradient(
        circle at 60% 50%,
        #fff0 calc(var(--sz) / 0.95),
        var(--lg) calc(var(--sz) / 0.75)
      ),
      linear-gradient(180deg, var(--bg1), var(--bg3));
    border-radius: var(--sz);
    box-shadow: calc(var(--sz) / -50) calc(var(--sz) / 50) calc(var(--sz) / 30)
        0 #fff2 inset,
      0 0 calc(var(--sz) / 10) calc(var(--sz) / 50) #6b6b6b,
      0 calc(var(--sz) / 10) calc(var(--sz) / 5) 0 #0006;
    cursor: pointer;
    z-index: 1;
    overflow: hidden;
  }

  section.home-charter-offers-air-ticket .divider > .home-charter-inner-flights,
  section.home-charter-offers-air-ticket
    .divider
    > .home-charter-foreign-flights {
    width: 100%;
    position: relative;
    top: 0;
    margin-top: 6vw;
    gap: 9.5vw;
    grid-template-columns: repeat(1, 45%);
    justify-content: start;
  }

  section.home-charter-offers-air-ticket a.charter-flight-card {
    padding: 2vw;
    height: 37.5vw;
    width: 93.3vw;
    border-radius: 3vw;
    box-shadow: 0 0 2.75vw rgba(0, 0, 0, 0.2);
    position: relative;
    justify-content: space-between;
  }

  section.home-charter-offers-air-ticket a.charter-flight-card .ticket-date {
    padding: 1vw 1.7vw;
    min-width: 30vw;
    border-radius: 0 0 0 3vw;
    font-size: 2.85vw;
  }

  section.home-charter-offers-air-ticket
    a.charter-flight-card
    figure.airline-logo {
    padding: 0.25vw 0vw;
    width: 11vw;
    position: relative;
    margin-right: 2vw;
    margin-bottom: 5.6vw;
  }

  .last-offer-homepage {
    flex-direction: column;
    gap: 8vw;
  }

  section.home-charter-offers-air-ticket
    a.charter-flight-card
    figure.airline-logo
    span.airline-name {
    font-size: 3.5vw !important;
    width: 12vw;
  }

  section.home-charter-offers-air-ticket
    a.charter-flight-card
    .origin-destination {
    width: 60vw;
    margin-right: 15vw;
    margin-bottom: 3vw;
    position: absolute;
  }

  section.home-charter-offers-air-ticket
    a.charter-flight-card
    .origin-destination
    h4 {
    font-size: 3vw;
    font-weight: bold;
    width: 25%;
    gap: 0.25vw;
    color: var(--dark-font);
  }

  section.home-charter-offers-air-ticket
    a.charter-flight-card
    .origin-destination
    svg {
    width: 100%;
    transform: translateY(-4vw) rotateY(-180deg);
  }

  section.home-charter-offers-air-ticket a.charter-flight-card .price-cont h3 {
    font-size: 3.8vw;
  }

  section.home-charter-offers-air-ticket a.charter-flight-card .price-cont {
    width: 15vw;
    align-items: end;
    gap: 1.25vw;
    margin-top: 26vw;
    margin-left: 12vw;
    flex-direction: row-reverse;
  }

  section.home-charter-offers-air-ticket
    a.charter-flight-card
    .price-cont
    h3
    svg.toman {
    width: 3.9vw;
  }

  section.home-charter-offers-air-ticket a.charter-flight-card .price-cont s {
    font-size: 3.195vw;
    font-weight: 300;
    opacity: 0.7;
    color: var(--dark-font);
  }

  section.home-banners {
    padding: 2.5vw 4vw;
    min-height: 15vw;
    gap: 7vw;
    flex-direction: column;
  }

  section.home-banners > a {
    width: 100%;
  }

  section.home-banners > a img {
    width: 100%;
    border-radius: 3vw;
    box-shadow: 0 0 0.5vw rgba(0, 0, 0, 0.2);
  }

  section.home-offer-places .home-offer-places-header > h2 {
    font-size: 3.7vw;
    gap: 3vw;
  }

  section.home-offer-places {
    margin-bottom: 6vw;
    margin-top: 6vw;
    padding: 3vw 4vw;
  }

  section.home-offer-places .home-offer-places-header > a.btn {
    font-size: 3.3vw;
    padding: 1vw 2.3vw;
    border-radius: 2vw;
  }

  .home-offer-places-cont {
    margin: 0;
    width: 100%;
    min-height: 300vw;
    display: flex;
    flex-direction: column;
    gap: 4vw;
    margin-top: 3vw;
  }

  a.home-offer-place-frame-link {
    height: 94vw;
    position: relative;
    border-radius: 3vw;
  }

  a.home-offer-place-frame-link:nth-child(3) {
    height: 94vw;
  }

  a.home-offer-place-frame-link > span.label {
    padding: 1.5vw 2vw;
    top: 2vw;
    right: 2vw;
    font-size: 3.58vw;
    border-radius: 2.5vw;
  }

  .home-offer-place-frame .home-offer-place-frame-details h2 {
    font-size: 3.5vw;
  }

  .home-offer-place-frame .home-offer-place-frame-details {
    padding: 0 3vw;
  }

  .home-offer-place-frame .home-offer-place-frame-details ul.score {
    gap: 1.2vw;
  }

  .home-offer-place-frame .home-offer-place-frame-details ul.score li {
    color: #ffb100;
    font-size: 3.5vw;
  }

  .home-offer-place-frame .home-offer-place-frame-details ul.score span {
    font-weight: 300;
    font-size: 3.5vw;
  }

  section.download-mobile-app {
    padding: 1vw 3vw;
    width: 100%;
    height: 230vw;
    position: relative;
    background-color: white;
  }

  .download-mobile-app-container {
    padding: 4vw;
    width: 100%;

    position: relative;
    background-color: #f2f6f8;
    border-radius: 2.75vw;
    justify-content: start !important;
    flex-direction: column;
  }

  .download-mobile-app-container .divider {
    width: 100%;
    min-height: 20vw;
    position: relative;
    gap: 0.75vw;
  }

  .download-mobile-app-container .divider:nth-child(2) figure {
    width: 55%;
    position: relative;
  }

  .download-mobile-app-container .divider:nth-child(1) h2 {
    font-size: 3.75vw;
    line-height: 5.5vw;
  }

  .download-mobile-app-container .divider:nth-child(1) h5 {
    margin: 1vw 0;
    text-align: center;
    font-size: 2.9vw;
    font-weight: 300;
    margin-bottom: 2vw;
  }

  .download-mobile-app-container .divider:nth-child(2) figure figcaption {
    font-size: 2.95vw;
  }

  .download-mobile-app-container .divider:nth-child(1) .download-box {
    gap: 2.35vw;
  }

  section.home-charter-offers-air-ticket
    a.charter-flight-card
    .origin-destination
    span.flight-mode {
    font-size: 3vw !important;
  }

  section.home-charter-offers-air-ticket
    a.charter-flight-card
    .origin-destination
    h4
    span {
    font-size: 3vw !important;
  }

  .flex-hz.toggle-home-charter-tickets-cont > button:before {
    height: 0.33vw !important;
    bottom: -1.3vw;
    box-shadow: 0 0 1.5vw rgba(1, 150, 255, 0.5);
  }

  section.home-charter-offers-air-ticket h2::before {
    height: 0.43vw !important;
    bottom: -1.2vw;
    box-shadow: 0 0 2.4vw rgba(1, 150, 255, 0.5);
  }

  .flex-hz.toggle-home-charter-tickets-cont.active {
    margin-bottom: 2vw;
  }

  section.home-offer-places .home-offer-places-header > h2 span {
    font-size: 2.8vw;
  }

  form#search-form4 {
    font-size: 4vw;
    color: var(--blue4);
  }

  form#search-form5 {
    font-size: 4vw;
    color: var(--blue4);
  }

  .drop-down-header {
    display: block;
    font-size: 4.3vw;
    color: var(--blue2);
  }

  section.calculation-installment {
    background: rgba(43, 187, 202, 0.34);
    /* box-shadow: rgba(0, 0, 0, 0.1) 0px 10px 50px; */
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(4px);
    border: none;
    margin-top: 0vw;
    padding: 20.6vw 3vw;
  }
  section.calculation-installment form {
    width: 100%;
    justify-content: space-between;
    flex-direction: column;
    gap: 22vw;
  }
  .right-div-installment {
    align-items: center;
    justify-content: center;
    height: 100%;
    width: 100%;
    padding-bottom: 9vw;
  }
  .left-div-installment {
    align-items: start;
    background: rgba(255, 255, 255, 1);
    /* box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px,
      rgba(0, 0, 0, 0.3) 0px 3px 7px -3px; */
    backdrop-filter: blur(0px);
    -webkit-backdrop-filter: blur(0px);
    border-radius: 2.5vw;
    width: 100%;
    padding: 3.39vw 4vw;
    gap: 8vw;
  }
  .left-div-installment h4 {
    color: var(--dark-font);
    font-size: 4.98vw;
  }
  .left-div-installment svg.toman {
    width: 7.7vw;
    fill: var(--blue2);
  }
  .installment-price {
    width: 100%;
    justify-content: center;
    color: var(--blue2);
    gap: 2vw;
    font-size: 8vw;
  }
  .all-price {
    justify-content: space-around;
    width: 100%;
    margin-top: 2vw;
  }
  .all-price div.flex-vr {
    gap: 2.6vw;
  }
  .all-price div.flex-vr h4 {
    color: var(--blue2);
    font-size: 5.6vw;
  }
  .all-price div.flex-vr h5 {
    color: var(--sand);
  }

  .all-price svg {
    width: 5vw !important;
    margin-bottom: 2vw;
  }
  .right-div-installment h2 {
    font-family: Kalameh, sans-serif !important;
    font-size: 4.7vw;
    font-weight: bold;
    color: var(--dark-font);
    margin-bottom: 1vw;
  }
  .number-installment {
    display: flex;
    flex-direction: column;
    align-items: start;
    gap: 1.5vw;
    padding-bottom: 27vw;
    padding-top: 9vw;
  }
  .amount-per-tour {
    display: flex;
    flex-direction: column;
    align-items: start;
    gap: 1vw;
  }
  .number-installment h4 {
    font-family: Kalameh, sans-serif !important;
    font-size: 3.94vw;
    font-weight: bold;
    color: var(--sand);
    padding-bottom: 5vw;
  }
  .amount-per-tour h4 {
    font-family: Kalameh, sans-serif !important;
    font-size: 3.94vw;
    font-weight: bold;
    color: var(--sand);
    padding-bottom: 5vw;
  }
  .instalment-slider {
    width: 87.8vw;
    height: 0.98vw;
    background-color: #c9c5c5;
    border-radius: 2vw;
    position: relative;
    z-index: 2;
    margin-bottom: 1vw;
  }
  .installment-radio-btns input[type="radio"] {
    display: none;
  }
  .label-inst {
    position: absolute;
    width: 94.15vw;
    justify-content: space-between;
    bottom: -14.5vw;
    flex-direction: row-reverse;
  }
  .circle-inst {
    z-index: 12;
    width: 3.8vw;
    height: 3.8vw;
    border-radius: 50%;
    background: var(--blue2);
  }
  .installment-radio-btns label * {
    pointer-events: none;
  }
  .installment-radio-btns label {
    cursor: pointer;
  }
  .installment-radio-btns label p {
    font-size: 3.7vw;
  }
  .installment-radio-btns input:nth-child(1):checked ~ div label:nth-child(1) {
    color: var(--sand);
  }
  .installment-radio-btns
    input:nth-child(1):checked
    ~ div
    label:nth-child(1)
    span.circle-inst {
    width: 4.2vw;
    height: 4.2vw;
    background-color: white;
    border: 0.2vw solid var(--dark-font);
    transition: all 0.2s;
  }

  .installment-radio-btns input:nth-child(2):checked ~ div label:nth-child(2) {
    color: var(--sand);
  }
  .installment-radio-btns
    input:nth-child(2):checked
    ~ div
    label:nth-child(2)
    span.circle-inst {
    width: 4.2vw;
    height: 4.2vw;
    background-color: white;
    border: 0.2vw solid var(--dark-font);
    transition: all 0.2s;
  }

  .installment-radio-btns input:nth-child(3):checked ~ div label:nth-child(3) {
    color: var(--sand);
  }
  .installment-radio-btns
    input:nth-child(3):checked
    ~ div
    label:nth-child(3)
    span.circle-inst {
    width: 4.2vw;
    height: 4.2vw;
    background-color: white;
    border: 0.2vw solid var(--dark-font);
    transition: all 0.2s;
  }
  .installment-radio-btns input:nth-child(4):checked ~ div label:nth-child(4) {
    color: var(--sand);
  }
  .installment-radio-btns
    input:nth-child(4):checked
    ~ div
    label:nth-child(4)
    span.circle-inst {
    width: 4.2vw;
    height: 4.2vw;
    background-color: white;
    border: 0.2vw solid var(--dark-font);
    transition: all 0.2s;
  }

  .installment-radio-btns input:nth-child(5):checked ~ div label:nth-child(5) {
    color: var(--sand);
  }
  .installment-radio-btns
    input:nth-child(5):checked
    ~ div
    label:nth-child(5)
    span.circle-inst {
    width: 4.2vw;
    height: 4.2vw;
    background-color: white;
    border: 0.2vw solid var(--dark-font);
    transition: all 0.2s;
  }

  .installment-radio-btns input:nth-child(6):checked ~ div label:nth-child(6) {
    color: var(--sand);
  }
  .installment-radio-btns
    input:nth-child(6):checked
    ~ div
    label:nth-child(6)
    span.circle-inst {
    width: 4.2vw;
    height: 4.2vw;
    background-color: white;
    border: 0.2vw solid var(--dark-font);
    transition: all 0.2s;
  }

  .installment-radio-btns input:nth-child(7):checked ~ div label:nth-child(7) {
    color: var(--sand);
  }
  .installment-radio-btns
    input:nth-child(7):checked
    ~ div
    label:nth-child(7)
    span.circle-inst {
    width: 4.2vw;
    height: 4.2vw;
    background-color: white;
    border: 0.2vw solid var(--dark-font);
    transition: all 0.2s;
  }

  .installment-radio-btns input:nth-child(8):checked ~ div label:nth-child(8) {
    color: var(--sand);
  }
  .installment-radio-btns
    input:nth-child(8):checked
    ~ div
    label:nth-child(8)
    span.circle-inst {
    width: 4.2vw;
    height: 4.2vw;
    background-color: white;
    border: 0.2vw solid var(--dark-font);
    transition: all 0.2s;
  }

  .installment-radio-btns input:nth-child(9):checked ~ div label:nth-child(9) {
    color: var(--sand);
  }
  .installment-radio-btns
    input:nth-child(9):checked
    ~ div
    label:nth-child(9)
    span.circle-inst {
    width: 4.2vw;
    height: 4.2vw;
    background-color: white;
    border: 0.2vw solid var(--dark-font);
    transition: all 0.2s;
  }
  .blue-slider {
    height: 0.28vw;
    background-color: var(--blue2);
    border-radius: 2vw;
    position: absolute;
    z-index: 7;
  }
  .installment-radio-btns input:nth-child(2):checked > span.blue-slider {
    width: 2.9% !important;
  }
  .progress-ins {
    height: 1vw;
    background-color: var(--blue2);
    position: absolute;
    width: 0vw;
    z-index: 0;
    left: 0.8vw;
    bottom: -0.01vw;
    opacity: 0.6;
  }

  form.advanced-calculator-form {
    display: none;
  }

  form.advanced-calculator-form.active {
    display: flex !important;
    transition: all 0.3s ease-in-out;
    gap: 4.5vw;
    padding: 1vw 3vw;
  }
  .advanced-calculator-btn.hide {
    display: none;
  }
  .adv-box {
    align-items: start;
    justify-content: start;
    gap: 2.2vw;
  }
  .advanced-calculator-btn {
    border: 0.42vw solid var(--blue2);
    padding: 1vw;
    width: 45vw;
    border-radius: 2vw;
    color: var(--blue2);
    font-size: 3.7vw;
    margin-top: 7vw;
    background-color: transparent !important;
    transition: all 0.25s ease-in-out;
  }
  .close-advanced-calc {
    border: 0.42vw solid var(--blue2);
    padding: 1vw;
    width: 45vw;
    border-radius: 2vw;
    color: var(--blue2);
    font-size: 3.7vw;
    margin-top: 7vw;
    background-color: transparent !important;
    transition: all 0.25s ease-in-out;
  }
  .advanced-calculator-btn:hover {
    background-color: var(--blue2) !important;
    color: #ffffff !important;
  }
  .close-advanced-calc:hover {
    background-color: var(--blue2) !important;
    color: #ffffff !important;
  }
  .adv-container {
    width: 100%;
    align-items: start;
    gap: 6.5vw;
    margin-top: 7vw;
  }
  .adv-title {
    text-align: right;
    color: var(--blue2);
    font-size: 4.42vw;
  }
  .adv-box label,
  .adv-box span {
    font-size: 3.9vw;
  }
  input#tour-amount-adv {
    width: 69vw;
    background-color: var(--light-bg);
    padding: 1.8vw;
    height: 12.6vw;
    border: none;
    font-size: 3.9vw;
    border-radius: 2vw;
    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
  }
  input#tour-amount-adv:focus {
    outline: none !important;
  }
  .error-msg {
    display: none;
  }
  .error-msg.active {
    display: block !important;
    color: rgb(183, 0, 0);
  }
  .inputs-container {
    gap: 8vw;
    align-items: start;
    justify-content: start;
    flex-direction: column !important;
    width: 100%;
  }
  .prepayment {
    width: 54vw;
    height: 12.6vw;
    background-color: var(--light-bg);
    padding: 2.3vw 3.8vw;
    margin-top: 0.6vw;
    border: none;
    border-radius: 2vw;
    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
    justify-content: space-between;
  }
  .adv-inst-division {
    width: 54vw;
    height: 12.6vw;
    background-color: var(--light-bg);
    padding: 2.3vw 3.8vw;
    margin-top: 0.3vw;
    border: none;
    border-radius: 2vw;
    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
    justify-content: space-between;
  }
  .prepayment-btn {
    border: none;
    background-color: transparent !important;
    color: var(--blue2);
    font-size: 5.4vw;
    font-weight: 500;
    outline: none !important;
  }
  .adv-num-installments-btn {
    border: none;
    background-color: transparent !important;
    color: var(--blue2);
    font-size: 1.4vw;
    font-weight: 500;
    outline: none !important;
    position: relative;
    margin-right: 1.71vw;
  }
  .exclamation-btn {
    background-color: transparent !important;
    border: none;
    outline: none !important;
    margin-right: 1.71vw;
    transition: all 0.5s ease-in-out;
    position: relative;
  }

  .adv-num-installments-btn i,
  .exclamation-btn i {
    color: #ffa200;
    font-size: 4.95vw;
  }
  .prepayment-note,
  .adv-num-installments-note {
    display: none;
    position: absolute;
    z-index: 10;
    width: 54vw;
    height: 17vw;
    background-color: #4a4a4af5;
    transition: all 0.5s ease-in-out;
    left: -28.5vw;
    color: white;
    border-radius: 2vw;
    align-items: center;
    padding: 1vw;
    font-size: 2.83vw;
    line-height: 5.6vw;
    cursor: default !important;
  }

  .exclamation-btn:hover .prepayment-note {
    display: flex !important;
  }
  .adv-num-installments-btn:hover .adv-num-installments-note {
    display: flex !important;
  }
  .totall-calc {
    border: 0.42vw solid var(--blue2);
    outline: none !important;
    background-color: var(--blue2);
    color: var(--light-font);
    margin-top: 5.5vw;
    width: 100%;
    padding: 1.8vw;
    font-size: 4.1vw;
    border-radius: 2vw;
    transition: all 0.3s ease-in-out;
  }
  .totall-calc:hover {
    background-color: transparent !important;
    color: var(--blue2);
    border: 0.42vw solid var(--blue2);
  }
  .adv-instalments-details {
    display: none;
    align-items: start;
    justify-content: space-between;
    padding: 3vw 4vw;
    border-radius: 2vw;
    background-color: var(--light-bg);
    box-shadow: rgba(0, 0, 0, 0.1) 0px 10px 15px -3px,
      rgba(0, 0, 0, 0.05) 0px 4px 6px -2px;
    width: 100%;
    flex-direction: column;
    gap: 5vw;
    margin-top: 4vw;
  }
  .adv-instalments-details.active {
    display: flex !important;
  }
  .inst-det {
    align-items: start;
    gap: 5.4vw;
  }
  .inst-det h2 {
    font-size: 4.9vw;
    color: var(--sand);
  }
  .inst-det div.flex-hz {
    font-size: 4.7vw;
    color: var(--blue2);
    font-weight: 500;
    gap: 1.4vw;
  }
  .toman svg {
    width: 4.9vw;
    fill: var(--blue2);
  }
  /* p#prev-page{
    display: flex !important;
    font-size: 2vw;
  } */
}