/* Scoped styles for Multi-Cities Search Form */
.form-search--multi-city {
  width: 1140px;
  height: 356px;
  position: absolute;
  left: 390px;
  top: 308px;
  background: rgba(0, 0, 0, 0.25);
  border-radius: 4px;
}

.form-search--multi-city,
.form-search--multi-city * {
  box-sizing: border-box;
}

.form-search--multi-city .rectangle-copy-22 {
  display: none;
}

.form-search--multi-city .mdi-radio-button-off-sharp {
  width: 24px;
  height: 24px;
  position: absolute;
  left: 180px;
  top: 24px;
  overflow: visible;
}

.form-search--multi-city .mdi-radio-button-on-sharp {
  width: 24px;
  height: 24px;
  position: absolute;
  left: 323px;
  top: 24px;
  overflow: visible;
}

.form-search--multi-city .mdi-radio-button-off-sharp2 {
  width: 24px;
  height: 24px;
  position: absolute;
  left: 24px;
  top: 24px;
  overflow: visible;
}

.form-search--multi-city .depart-date {
  width: 240px;
  height: 48px;
  position: absolute;
  left: 592px;
  top: 72px;
}

.form-search--multi-city .depart-date2 {
  width: 240px;
  height: 48px;
  position: absolute;
  left: 592px;
  top: 144px;
}

.form-search--multi-city .depart-date3 {
  width: 240px;
  height: 48px;
  position: absolute;
  left: 592px;
  top: 216px;
}

.form-search--multi-city .input-choose-origin {
  position: absolute;
  inset: 0;
}

.form-search--multi-city .rectangle-9 {
  background: #ffffff;
  border-radius: 4px;
  border-style: solid;
  border-color: var(--black-15, rgba(0, 0, 0, 0.15));
  border-width: 1px;
  width: 100%;
  height: 100%;
  position: absolute;
  right: 0%;
  left: 0%;
  bottom: 0%;
  top: 0%;
}

.form-search--multi-city .i-m-i {
  color: var(--neutral-color-45, rgba(0, 0, 0, 0.45));
  text-align: left;
  font-family: var(--regular-12px-font-family, "-", sans-serif);
  font-size: var(--regular-12px-font-size, 12px);
  line-height: var(--regular-12px-line-height, 140%);
  font-weight: var(--regular-12px-font-weight, 400);
  position: absolute;
  right: 67.08%;
  left: 6.67%;
  width: 26.25%;
  bottom: 54.17%;
  top: 10.42%;
  height: 35.42%;
}

.form-search--multi-city .text {
  color: var(--blue-malay-p600, #2649aa);
  text-align: left;
  font-family: var(--medium-14px-font-family, "-", sans-serif);
  font-size: var(--medium-14px-font-size, 14px);
  line-height: var(--medium-14px-line-height, 140%);
  font-weight: var(--medium-14px-font-weight, 400);
  position: absolute;
  left: 6.67%;
  width: auto;
  max-width: 180px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  bottom: 12.5%;
  top: 45.83%;
  height: 41.67%;
}

.form-search--multi-city .mdi-calendar-outline,
.form-search--multi-city .mdi-calendar-outline2,
.form-search--multi-city .mdi-calendar-outline3 {
  width: 10%;
  height: 50%;
  position: absolute;
  right: 6.67%;
  left: 83.33%;
  bottom: 25%;
  top: 25%;
  overflow: visible;
}

.form-search--multi-city .muliple-destination {
  color: #ffffff;
  text-align: left;
  font-family: var(--roboto-regular-14px-font-family, "-", sans-serif);
  font-size: var(--roboto-regular-14px-font-size, 14px);
  line-height: var(--roboto-regular-14px-line-height, 140.63%);
  font-weight: var(--roboto-regular-14px-font-weight, 400);
  position: absolute;
  right: 62.63%;
  left: 31.14%;
  width: 6.23%;
  top: calc(50% - 188px);
}

.form-search--multi-city .muliple-destination2 {
  color: #ffffff;
  text-align: left;
  font-family: var(--roboto-regular-14px-font-family, "-", sans-serif);
  font-size: var(--roboto-regular-14px-font-size, 14px);
  line-height: var(--roboto-regular-14px-line-height, 140.63%);
  font-weight: var(--roboto-regular-14px-font-weight, 400);
  position: absolute;
  right: 76.58%;
  left: 18.6%;
  width: 4.82%;
  top: calc(50% - 188px);
}

.form-search--multi-city .round-trip {
  position: absolute;
  inset: 0;
}

.form-search--multi-city .round-trip2 {
  color: #ffffff;
  text-align: left;
  font-family: var(--regular-14px-font-family, "-", sans-serif);
  font-size: var(--regular-14px-font-size, 14px);
  line-height: var(--regular-14px-line-height, 140%);
  font-weight: var(--regular-14px-font-weight, 400);
  position: absolute;
  right: 89.12%;
  left: 4.91%;
  width: 5.96%;
  top: calc(50% - 188px);
}

.form-search--multi-city .btn-find-flights-48-px {
  width: 240px;
  height: 48px;
  position: absolute;
  left: 856px;
  top: 348px;
}

.form-search--multi-city .rectangle-10 {
  background: var(--red-malya-p500, #eb453c);
  border-radius: 4px;
  width: 100%;
  height: 100%;
  position: absolute;
  right: 0%;
  left: 0%;
  bottom: 0%;
  top: 0%;
}

.form-search--multi-city .serach {
  color: #ffffff;
  text-align: center;
  font-family: var(--roboto-medium-14px-font-family, "-", sans-serif);
  font-size: var(--roboto-medium-14px-font-size, 14px);
  line-height: var(--roboto-medium-14px-line-height, 140.63%);
  font-weight: var(--roboto-medium-14px-font-weight, 400);
  position: absolute;
  right: 38.75%;
  left: 38.75%;
  width: 22.5%;
  bottom: 29.17%;
  top: 29.17%;
  height: 41.67%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.form-search--multi-city .dropdown-passengers {
  width: 392px;
  height: 48px;
  position: absolute;
  left: 24px;
  top: 348px;
}

.form-search--multi-city .i-m-i2 {
  color: var(--neutral-color-45, rgba(0, 0, 0, 0.45));
  text-align: left;
  font-family: var(--regular-12px-font-family, "-", sans-serif);
  font-size: var(--regular-12px-font-size, 12px);
  line-height: var(--regular-12px-line-height, 140%);
  font-weight: var(--regular-12px-font-weight, 400);
  position: absolute;
  right: 79.85%;
  left: 4.08%;
  width: 16.07%;
  bottom: 54.17%;
  top: 10.42%;
  height: 35.42%;
}

.form-search--multi-city .text2 {
  color: var(--blue-malay-p600, #2649aa);
  text-align: left;
  font-family: var(--medium-14px-font-family, "-", sans-serif);
  font-size: var(--medium-14px-font-size, 14px);
  line-height: var(--medium-14px-line-height, 140%);
  font-weight: var(--medium-14px-font-weight, 400);
  position: absolute;
  right: 84.44%;
  left: 4.08%;
  width: 11.48%;
  bottom: 12.5%;
  top: 45.83%;
  height: 41.67%;
}

.form-search--multi-city .mdi-caret-down-outline {
  width: 4.08%;
  height: 33.33%;
  position: absolute;
  right: 4.08%;
  left: 91.84%;
  bottom: 33.33%;
  top: 33.33%;
  overflow: visible;
}

.form-search--multi-city .promotion-code {
  width: 392px;
  height: 48px;
  position: absolute;
  left: 440px;
  top: 348px;
}

.form-search--multi-city .rectangle-102 {
  background: #ffffff;
  border-radius: 4px;
  border-style: solid;
  border-color: var(--black-15, rgba(0, 0, 0, 0.15));
  border-width: 1px;
  width: 100%;
  height: 100%;
  position: absolute;
  right: 0%;
  left: 0%;
  bottom: 0%;
  top: 0%;
}

.form-search--multi-city .i-m-i3 {
  color: var(--neutral-color-45, rgba(0, 0, 0, 0.45));
  text-align: left;
  font-family: var(--regular-12px-font-family, "-", sans-serif);
  font-size: var(--regular-12px-font-size, 12px);
  line-height: var(--regular-12px-line-height, 140%);
  font-weight: var(--regular-12px-font-weight, 400);
  position: absolute;
  right: 73.98%;
  left: 4.08%;
  width: 21.94%;
  bottom: 54.17%;
  top: 10.42%;
  height: 35.42%;
}

.form-search--multi-city .text3 {
  color: var(--blue-malay-900, #00247d);
  text-align: left;
  font-family: var(--medium-14px-font-family, "-", sans-serif);
  font-size: var(--medium-14px-font-size, 14px);
  line-height: var(--medium-14px-line-height, 140%);
  font-weight: var(--medium-14px-font-weight, 400);
  opacity: 0.24;
  position: absolute;
  right: 70.41%;
  left: 4.08%;
  width: 25.51%;
  bottom: 12.5%;
  top: 45.83%;
  height: 41.67%;
}

.form-search--multi-city .from-select-place {
  width: 544px;
  height: 48px;
  position: absolute;
  left: 24px;
  top: 72px;
}

.form-search--multi-city .from-select-place2 {
  width: 544px;
  height: 48px;
  position: absolute;
  left: 24px;
  top: 144px;
}

.form-search--multi-city .from-select-place3 {
  width: 544px;
  height: 48px;
  position: absolute;
  left: 24px;
  top: 216px;
}

.form-search--multi-city .i-m-i4 {
  color: var(--neutral-color-45, rgba(0, 0, 0, 0.45));
  text-align: left;
  font-family: var(--regular-12px-font-family, "-", sans-serif);
  font-size: var(--regular-12px-font-size, 12px);
  line-height: var(--regular-12px-line-height, 140%);
  font-weight: var(--regular-12px-font-weight, 400);
  position: absolute;
  right: 91.91%;
  left: 2.94%;
  width: 5.15%;
  bottom: 54.17%;
  top: 10.42%;
  height: 35.42%;
}

.form-search--multi-city .i-m-i5 {
  color: var(--neutral-color-45, rgba(0, 0, 0, 0.45));
  text-align: left;
  font-family: var(--regular-12px-font-family, "-", sans-serif);
  font-size: var(--regular-12px-font-size, 12px);
  line-height: var(--regular-12px-line-height, 140%);
  font-weight: var(--regular-12px-font-weight, 400);
  position: absolute;
  right: 42.28%;
  left: 55.15%;
  width: 2.57%;
  bottom: 54.17%;
  top: 10.42%;
  height: 35.42%;
}

.form-search--multi-city .text4 {
  color: var(--blue-malay-900, #00247d);
  text-align: left;
  font-family: var(--medium-14px-font-family, "-", sans-serif);
  font-size: var(--medium-14px-font-size, 14px);
  line-height: var(--medium-14px-line-height, 140%);
  font-weight: var(--medium-14px-font-weight, 400);
  opacity: 0.24;
  position: absolute;
  left: 2.94%;
  width: auto;
  max-width: 200px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  bottom: 12.5%;
  top: 45.83%;
  height: 41.67%;
}

.form-search--multi-city .text5 {
  color: var(--blue-malay-900, #00247d);
  text-align: left;
  font-family: var(--medium-14px-font-family, "-", sans-serif);
  font-size: var(--medium-14px-font-size, 14px);
  line-height: var(--medium-14px-line-height, 140%);
  font-weight: var(--medium-14px-font-weight, 400);
  opacity: 0.24;
  position: absolute;
  left: 55.15%;
  width: auto;
  max-width: 200px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  bottom: 12.5%;
  top: 45.83%;
  height: 41.67%;
}

.form-search--multi-city .mdi-refresh-airplane {
  width: 24px;
  height: 24px;
  position: absolute;
  left: 260px;
  top: 12px;
}

.form-search--multi-city .group,
.form-search--multi-city .group2,
.form-search--multi-city .group3 {
  opacity: 0.24;
  width: 100%;
  height: 100%;
  position: absolute;
  right: 0%;
  left: 0%;
  bottom: 0%;
  top: 0%;
  overflow: visible;
}

.form-search--multi-city .mdi-airplane-sharp,
.form-search--multi-city .mdi-airplane-sharp2,
.form-search--multi-city .mdi-airplane-sharp3 {
  width: 14px;
  height: 14px;
  position: absolute;
  left: 6px;
  top: 5px;
  overflow: visible;
}

.form-search--multi-city .mdi-caret-down-outline2,
.form-search--multi-city .mdi-caret-down-outline4,
.form-search--multi-city .mdi-caret-down-outline6 {
  width: 16px;
  height: 16px;
  position: absolute;
  left: 228px;
  top: 16px;
  overflow: visible;
}

.form-search--multi-city .mdi-caret-down-outline3,
.form-search--multi-city .mdi-caret-down-outline5,
.form-search--multi-city .mdi-caret-down-outline7 {
  width: 16px;
  height: 16px;
  position: absolute;
  left: 512px;
  top: 16px;
  overflow: visible;
}

/* Multi-Cities Row container & items */
.form-search--multi-city .multi-city-row {
  position: absolute;
  left: 24px;
  width: 1092px;
  height: 48px;
}

.form-search--multi-city .multi-city-row .from-select-place,
.form-search--multi-city .multi-city-row [class*="from-select-place"] {
  position: absolute;
  left: 0;
  top: 0;
  width: 544px;
  height: 48px;
}

.form-search--multi-city .multi-city-row .depart-date,
.form-search--multi-city .multi-city-row [class*="depart-date"] {
  position: absolute;
  left: 568px;
  top: 0;
  width: 240px;
  height: 48px;
}

.form-search--multi-city .multi-city-row .multi-city-trash-can {
  position: absolute;
  left: 832px;
  top: 12px;
  width: 24px;
  height: 24px;
  cursor: pointer;
  z-index: 10;
}

.form-search--multi-city .multi-city-row .multi-city-trash-can img {
  width: 100%;
  height: 100%;
  display: block;
}

/* Multi-Cities Row Count Specific Styles */
.form-search--multi-city.has-2-rows {
  height: 356px;
}
.form-search--multi-city.has-2-rows .rectangle-158,
.form-search--multi-city.has-2-rows .add-flight {
  top: 216px;
  display: flex;
}
.form-search--multi-city.has-2-rows .dropdown-passengers,
.form-search--multi-city.has-2-rows .promotion-code,
.form-search--multi-city.has-2-rows .btn-find-flights-48-px {
  top: 276px;
}

.form-search--multi-city.has-3-rows {
  height: 428px;
}
.form-search--multi-city.has-3-rows .rectangle-158,
.form-search--multi-city.has-3-rows .add-flight {
  top: 288px;
  display: flex;
}
.form-search--multi-city.has-3-rows .dropdown-passengers,
.form-search--multi-city.has-3-rows .promotion-code,
.form-search--multi-city.has-3-rows .btn-find-flights-48-px {
  top: 348px;
}

.form-search--multi-city.has-4-rows {
  height: 500px;
}
.form-search--multi-city.has-4-rows .rectangle-158,
.form-search--multi-city.has-4-rows .add-flight {
  top: 360px;
  display: flex;
}
.form-search--multi-city.has-4-rows .dropdown-passengers,
.form-search--multi-city.has-4-rows .promotion-code,
.form-search--multi-city.has-4-rows .btn-find-flights-48-px {
  top: 420px;
}

.form-search--multi-city.has-5-rows {
  height: 512px;
}
.form-search--multi-city.has-5-rows .rectangle-158,
.form-search--multi-city.has-5-rows .add-flight {
  display: none !important;
}
.form-search--multi-city.has-5-rows .dropdown-passengers,
.form-search--multi-city.has-5-rows .promotion-code,
.form-search--multi-city.has-5-rows .btn-find-flights-48-px {
  top: 432px;
}

.form-search--multi-city .rectangle-158 {
  background: var(--red-malya-p500, #eb453c);
  border-radius: 4px;
  width: 127px;
  height: 36px;
  position: absolute;
  left: 27px;
  cursor: pointer;
}

.form-search--multi-city .add-flight {
  color: #ffffff;
  text-align: center;
  font-family: var(--medium-14px-font-family, "-", sans-serif);
  font-size: var(--medium-14px-font-size, 14px);
  line-height: var(--medium-14px-line-height, 140%);
  font-weight: var(--medium-14px-font-weight, 500);
  position: absolute;
  left: 27px;
  width: 127px;
  height: 36px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}

.form-search--multi-city .mdi-24-px-trash-can-1,
.form-search--multi-city ._24-px-trash-can-2 {
  width: 24px;
  height: 24px;
  position: absolute;
  left: 856px;
  overflow: hidden;
  cursor: pointer;
}

.form-search--multi-city .group4,
.form-search--multi-city .group5 {
  width: 100%;
  height: 100%;
  position: absolute;
  right: 0%;
  left: 0%;
  bottom: 0%;
  top: 0%;
  overflow: visible;
}

/* Multi-Cities Expansion: shifts all content below search form down by 204px */
.home-book-your-trip-round-trip.is-multicity {
  height: 3785px !important;
}
.home-book-your-trip-round-trip.is-multicity .rectangle-154,
.home-book-your-trip-round-trip.is-multicity .rectangle-155 {
  height: 734px !important;
}
.home-book-your-trip-round-trip.is-multicity .view-the-latest-offers-departing-from {
  top: 864px !important;
}
.home-book-your-trip-round-trip.is-multicity .favourite-destinations {
  top: 1246px !important;
}
.home-book-your-trip-round-trip.is-multicity .special-promotions {
  top: 1820px !important;
}
.home-book-your-trip-round-trip.is-multicity .extra-services {
  top: 2130px !important;
}
.home-book-your-trip-round-trip.is-multicity .app {
  top: 2800px !important;
}
.home-book-your-trip-round-trip.is-multicity .footer {
  top: 3252px !important;
}