@charset "UTF-8";
.eg-shopping {
  max-width: 1200px;
}
[dir] .eg-shopping {
  margin: auto;
}

.search-bar-effect {
  -webkit-backdrop-filter: blur(10px);
          backdrop-filter: blur(10px);
}

[dir] .search-bar-effect {
  background-color: rgba(255, 255, 255, 0.48);
}

[dir] .custom-search-bar {
  padding-top: 17%;
}

.fit-content {
  width: -moz-fit-content;
  width: fit-content;
}

.height-fit-content {
  height: -moz-fit-content !important;
  height: fit-content !important;
}

.text-overflow {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.btn-custom {
  color: white;
}

[dir] .btn-custom {
  border-radius: 5px;
  background: #177fa4;
}

.btn-primary {
  color: white;
}

[dir] .btn-primary {
  border-radius: 5px;
  background: #177fa4;
}

.btn-primary-outline {
  color: #177fa4;
}

[dir] .btn-primary-outline {
  border-radius: 5px;
  background: white;
  border: 1px solid #177fa4;
}

.btn-primary {
  color: white;
}

[dir] .btn-primary {
  border-radius: 5px;
  background: #177fa4;
}

.btn-primary-outline {
  color: #177fa4;
}

[dir] .btn-primary-outline {
  border-radius: 5px;
  background: white;
  border: 1px solid #177fa4;
}

.title-custom {
  color: var(--tail-grids-black-color, #212b36);
  font-size: 24px;
  font-weight: 700;
  line-height: 30px;
}

[dir] .custom-search-bar-mobile {
  padding-top: 100px;
}

.no-decoration {
  text-decoration: none;
  color: #000;
}

.btn-book-now {
  color: #fff;
  font-size: 15px;
  font-weight: 700;
}

[dir] .btn-book-now {
  background: #166987;
  padding: 0px 5px;
}

.background-home-page {
  height: 800px;
  width: 100%;
}

[dir] .background-home-page {
  background-color: #3056d3;
  background-image: url("https://www.tazoom.com/wp-content/uploads/2023/01/home.svg");
  background-position: 50% 100%;
  background-repeat: no-repeat;
}

.background-home-page-mobile {
  max-height: 220px;
  max-width: 100%;
}

[dir] .background-home-page-mobile {
  background-color: #3056d3;
  background-image: url("https://www.tazoom.com/wp-content/uploads/2023/01/home.svg");
  background-position: bottom;
  background-repeat: no-repeat;
}
[dir] .background-home-page-mobile .search-box-mobile {
  background: white;
}
[dir] .background-home-page-mobile .q-card {
  box-shadow: none;
}

.landing-page-hot-deal {
  max-width: 1200px;
}

[dir] .landing-page-hot-deal {
  margin: auto;
}
[dir] .landing-page-hot-deal .tour-bg {
  background-color: white;
  margin-top: -5px;
  border-radius: 12px;
}
[dir] .landing-page-hot-deal .tour-bg-mobile {
  background-color: white;
  margin-top: 65px;
  border-radius: 12px;
}
.landing-page-hot-deal .info-content-title {
  font-family: "DiavloLight", "Open Sans", BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  font-style: bold;
  font-size: 32px;
  line-height: 30px;
  color: #212b36;
  font-weight: 700;
}
.landing-page-hot-deal .info-content-title-mobile {
  font-family: "DiavloLight", "Open Sans", BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  font-style: bold;
  font-size: 28px;
  line-height: 35px;
  color: #212b36;
  font-weight: 700;
}
.landing-page-hot-deal .info-content-caption {
  font-family: "DiavloLight", "Open Sans", BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  font-style: bold;
  font-size: 24px;
  line-height: 22px;
  color: #212b36;
  font-weight: 700;
}
.landing-page-hot-deal .info-content-caption-mobile {
  font-family: "DiavloLight", "Open Sans", BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  font-style: bold;
  font-size: 19px;
  line-height: 25px;
  color: #212b36;
  font-weight: 700;
}
.landing-page-hot-deal .btn-see-all-deal {
  font-family: "DiavloBook-Regular", "Open Sans", BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  color: #ffffff;
  height: 48px;
  font-size: 16px;
  line-height: 24px;
}
[dir] .landing-page-hot-deal .btn-see-all-deal {
  background: var(--q-color-primary-1);
  border-radius: 4px;
}

.landing-page-hot-deal .special-offer-block {
  font-family: "DiavloBook-Regular", "Open Sans", BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
}

[dir] .landing-page-hot-deal .special-offer-block {
  background-color: var(--q-color-bg);
  border-radius: 12px;
}
.landing-page-hot-deal .btn-special {
  width: -moz-fit-content;
  width: fit-content;
}
[dir] .landing-page-hot-deal .btn-special {
  background-color: var(--q-color-primary-1) !important;
  border-radius: 7px;
}
.landing-page-hot-deal .btn-special-mobile {
  width: -moz-fit-content;
  width: fit-content;
}
[dir] .landing-page-hot-deal .btn-special-mobile {
  background-color: var(--q-color-primary-1) !important;
  border-radius: 7px;
}
[dir] .landing-page-hot-deal .btn-special-mobile-partner {
  padding-bottom: 12px;
}
[dir=ltr] .landing-page-hot-deal .btn-special-mobile-partner {
  left: 50%;
  transform: translate(-50%, 300%);
}
[dir=rtl] .landing-page-hot-deal .btn-special-mobile-partner {
  right: 50%;
  transform: translate(50%, 300%);
}
.landing-page-hot-deal .btn-special-partner {
  top: 16%;
}
[dir=ltr] .landing-page-hot-deal .btn-special-partner {
  left: 50%;
  transform: translate(-50%, 300%);
}
[dir=rtl] .landing-page-hot-deal .btn-special-partner {
  right: 50%;
  transform: translate(50%, 300%);
}
.landing-page-hot-deal .btn-special-offer {
  font-family: "Open Sans", BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  color: white;
  font-weight: bold;
  font-size: 16px;
}
[dir] .landing-page-hot-deal .btn-special-offer {
  transform: translate(0, -40%);
}
[dir=ltr] .landing-page-hot-deal .btn-special-offer {
  left: 50%;
}
[dir=rtl] .landing-page-hot-deal .btn-special-offer {
  right: 50%;
}
.landing-page-hot-deal .desktop-special-img {
  width: 270px;
  height: 330px;
}
.landing-page-hot-deal .desktop-partner-img {
  width: 390px;
}
.landing-page-hot-deal .desktop-partner-img .q-img__image {
  height: 90% !important;
}
[dir] .landing-page-hot-deal .mobile-partner-img .q-img__image {
  margin-bottom: 30px;
}
.landing-page-hot-deal .desktop-item-content {
  width: 230px;
}
.landing-page-hot-deal .special-deal-item-desktop {
  min-width: 277px;
}
[dir] .landing-page-hot-deal .special-deal-item-desktop {
  border-radius: 8px;
}
.landing-page-hot-deal .special-deal-item-mobile {
  width: 100%;
}
[dir] .landing-page-hot-deal .special-deal-item-mobile {
  border-radius: 8px;
}
.landing-page-hot-deal .special-deal-item .q-img__content .deal-item-content {
  display: grid;
  justify-content: center;
  align-items: center;
  height: 70px;
}
[dir] .landing-page-hot-deal .special-deal-item .q-img__content .deal-item-content {
  background: #ffffff;
  margin: 10px 12px;
  padding: 10px;
  border-radius: 8px;
  box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.14);
}
.landing-page-hot-deal .special-deal-item .q-img__content .deal-item-content div {
  color: #212b36;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 19px;
  text-transform: capitalize;
}
[dir] .landing-page-hot-deal .special-deal-item .q-img__content .deal-item-content div {
  text-align: center;
}
.landing-page-hot-deal .special-deal-item .q-img__content .deal-item-content-mobile {
  display: grid;
  justify-content: center;
  align-items: center;
  height: 57px !important;
  /* margin: 18px 22px; kl remove margins */
  /* kl reduce padding from 8 to 6 */
}
[dir] .landing-page-hot-deal .special-deal-item .q-img__content .deal-item-content-mobile {
  background: #ffffff;
  margin: 290px 10px 10px 10px;
  padding: 6px !important;
  border-radius: 8px;
  box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.14);
}
.landing-page-hot-deal .special-deal-item .q-img__content .deal-item-content-mobile div {
  color: #212b36;
  font-size: 14px;
  /* kl reduce padding from 16 to 14 */
  font-style: normal;
  font-weight: 600;
  line-height: 16px;
  /* kl reduce padding from 19 to 16 */
  text-transform: capitalize;
}
[dir] .landing-page-hot-deal .special-deal-item .q-img__content .deal-item-content-mobile div {
  text-align: center;
}
.landing-page-hot-deal .special-deal-item .q-img__content .partner-offer-content-mobile {
  display: grid;
  justify-content: center;
  align-items: center;
  height: 45px;
}
[dir] .landing-page-hot-deal .special-deal-item .q-img__content .partner-offer-content-mobile {
  background: var(--q-color-primary-1);
  margin: 10px;
  padding: 12px !important;
  border-radius: 8px;
  box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.14);
}
.landing-page-hot-deal .special-deal-item .q-img__content .partner-offer-content-mobile div {
  color: #ffffff;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  text-transform: capitalize;
}
[dir] .landing-page-hot-deal .special-deal-item .q-img__content .partner-offer-content-mobile div {
  text-align: center;
}
.landing-page-hot-deal .special-deal-item .item-layer {
  position: absolute;
  bottom: -30px;
  width: 90px;
  height: 90px;
  color: #13c296;
  opacity: 0.11;
}
[dir] .landing-page-hot-deal .special-deal-item .item-layer {
  border-radius: 50%;
}
[dir=ltr] .landing-page-hot-deal .special-deal-item .item-layer {
  left: -10px;
}
[dir=rtl] .landing-page-hot-deal .special-deal-item .item-layer {
  right: -10px;
}

[dir] .why-desktop {
  padding: 64px 0px 20px 0px;
}

[dir] .why-mobile {
  padding: 16px;
}

.traveler-choose-tazoom {
  color: #212b36;
}
[dir] .traveler-choose-tazoom .globe-container {
  border-radius: 32px;
  background-color: #224e67;
  padding: 18px;
}
[dir] .traveler-choose-tazoom .globe-container-mobile {
  border-radius: 32px;
  background-color: #224e67;
  padding: 18px;
}
[dir] .traveler-choose-tazoom .globe-block {
  background-color: white;
  border-radius: 32px;
}
.traveler-choose-tazoom .info-content-title {
  font-family: "DiavloLight", "Open Sans", BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  font-style: bold;
  font-size: 32px;
  line-height: 30px;
  color: #212b36;
  font-weight: 700;
}
.traveler-choose-tazoom .info-content-title-mobile {
  font-family: "DiavloLight", "Open Sans", BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  font-style: bold;
  font-size: 22px;
  line-height: 35px;
  color: #212b36;
  font-weight: 700;
}
.traveler-choose-tazoom-container {
  max-width: 1200px;
}
[dir] .traveler-choose-tazoom-container {
  margin: auto;
}
.traveler-choose-tazoom-container .why-tazoom-title {
  font-family: "Open Sans", BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  font-style: bold;
  font-size: 32px;
  line-height: 30px;
  font-weight: 700;
  text-transform: capitalize;
  color: #224e67;
}
.traveler-choose-tazoom-container .why-tazoom-title-mobile {
  font-family: "Open Sans", BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  font-style: bold;
  font-size: 32px;
  line-height: 35px;
  color: #224e67;
  font-weight: 700;
  text-transform: capitalize;
}
.traveler-choose-tazoom-container .tazoom-content {
  font-family: "Open Sans", BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  font-size: 21px;
  font-weight: 550;
  line-height: 23px;
  text-transform: capitalize;
  color: #224e67;
}
.traveler-choose-tazoom-container .tazoom-lately {
  font-size: 32px;
  font-weight: 700;
  line-height: 45px;
}
.traveler-choose-tazoom-container .tazoom-lately-mobile {
  font-size: 24px;
  font-weight: 700;
  line-height: 45px;
}
.traveler-choose-tazoom-container .tazoom-lately-content {
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 45px;
}
[dir] .traveler-choose-tazoom-container .tazoom-lately-content {
  text-align: end;
}
.traveler-choose-tazoom-container .tazoom-lately-content-mobile {
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 45px;
}
.traveler-choose-tazoom-container .video-intro-desktop {
  width: 568px;
  height: 326px;
}
[dir] .traveler-choose-tazoom-container .video-intro-desktop {
  border-radius: 12px;
}
.traveler-choose-tazoom-container .video-intro-mobile {
  width: 100%;
  height: 200px;
}
[dir] .traveler-choose-tazoom-container .video-intro-mobile {
  border-radius: 12px;
}
.traveler-choose-tazoom-container .caption {
  font-size: 18px;
  font-weight: 550;
  text-transform: capitalize;
}
.traveler-choose-tazoom-container .title {
  font-size: 28px;
  font-weight: 700;
  text-transform: capitalize;
}

.swal-overlay {
  position: fixed;
  font-size: 0;
  pointer-events: none;
  opacity: 0;
  transition: opacity 0.3s;
  overflow: hidden !important;
}

[dir] .swal-overlay {
  text-align: center;
  box-shadow: none !important;
}
.swal-overlay--show-modal {
  opacity: 1;
  pointer-events: auto;
}

.swal-modal {
  width: 450px;
  pointer-events: auto;
  position: static;
  display: inline-block;
  vertical-align: middle;
  transition: transform 0.3s, opacity 0.2s;
}

[dir] .swal-modal {
  background-color: white;
  text-align: center;
  border-radius: 5px;
  margin: 30px auto;
  transform: scale(1);
  transform-origin: 50% 50%;
}
.swal-modal-mobile {
  width: 350px;
}
.swal-modal::after {
  content: "error";
  height: 50px;
  width: 50px;
  top: -21px;
  color: #dcb61b;
  position: absolute;
  font-size: 48px;
  font-family: "Material Icons" !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  line-height: 1;
  box-sizing: border-box;
}
[dir] .swal-modal::after {
  background-color: white;
  border-radius: 50%;
  text-align: center;
  transform-origin: center;
}
[dir=ltr] .swal-modal::after {
  left: 45%;
  transform: rotate(360deg);
}
[dir=rtl] .swal-modal::after {
  right: 45%;
  transform: rotate(-360deg);
}
.swal-modal .swal-title {
  font-size: 1.25rem;
  color: #2b2b2b;
  font-weight: 600;
  text-transform: none;
  position: relative;
  display: block;
  line-height: normal;
}
[dir] .swal-modal .swal-title {
  text-align: center;
  padding: 13px 16px 5px 16px;
}
[dir] .swal-modal .swal-title:not(:last-child) {
  margin-bottom: unset;
}
[dir] .swal-modal .swal-title:first-child {
  margin-top: 26px;
}
.swal-modal .swal-text {
  font-size: 15px;
  color: #2b2b2b;
  position: relative;
  line-height: normal;
  vertical-align: top;
  display: inline-block;
  font-weight: 400;
  max-width: calc(100% - 20px);
  overflow-wrap: break-word;
  box-sizing: border-box;
}
[dir] .swal-modal .swal-text {
  text-align: center;
  float: none;
  padding: 10px;
}
[dir] .swal-modal .swal-close {
  padding: 5px 3px;
}

.swal-modal-success {
  width: 500px;
  pointer-events: auto;
  position: static;
  display: inline-block;
  vertical-align: middle;
  transition: transform 0.3s, opacity 0.2s;
}

[dir] .swal-modal-success {
  background-color: white;
  text-align: center;
  border-radius: 5px;
  margin: 30px auto;
  transform: scale(1);
  transform-origin: 50% 50%;
}
.swal-modal-success-mobile {
  width: 350px;
}
.swal-modal-success::after {
  content: "check_circle";
  height: 50px;
  width: 50px;
  top: -21px;
  color: green;
  position: absolute;
  font-size: 48px;
  font-family: "Material Icons" !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  line-height: 1;
  box-sizing: border-box;
}
[dir] .swal-modal-success::after {
  background-color: white;
  border-radius: 50%;
  text-align: center;
  transform-origin: center;
}
[dir=ltr] .swal-modal-success::after {
  left: 45%;
  transform: rotate(360deg);
}
[dir=rtl] .swal-modal-success::after {
  right: 45%;
  transform: rotate(-360deg);
}
.swal-modal-success .swal-title {
  font-size: 1.25rem;
  color: #2b2b2b;
  font-weight: 600;
  text-transform: none;
  position: relative;
  display: block;
  line-height: normal;
}
[dir] .swal-modal-success .swal-title {
  text-align: center;
  padding: 13px 16px 5px 16px;
}
[dir] .swal-modal-success .swal-title:not(:last-child) {
  margin-bottom: unset;
}
[dir] .swal-modal-success .swal-title:first-child {
  margin-top: 26px;
}
.swal-modal-success .swal-text {
  font-size: 15px;
  color: #2b2b2b;
  position: relative;
  line-height: normal;
  vertical-align: top;
  display: inline-block;
  font-weight: 400;
  max-width: calc(100% - 20px);
  overflow-wrap: break-word;
  box-sizing: border-box;
}
[dir] .swal-modal-success .swal-text {
  text-align: center;
  float: none;
  padding: 10px;
}
[dir] .swal-modal-success .swal-close {
  padding: 5px 3px;
}

.custom-radius-btn {
  color: #ffffff;
  font-size: 14px;
}

[dir] .custom-radius-btn {
  border-radius: 7px !important;
  background-color: var(--q-color-primary-1);
  padding: 6px 27px;
}

.btn-selected-detail {
  color: #ffffff;
  font-size: 14px;
}

[dir] .btn-selected-detail {
  border-radius: 7px;
  background-color: var(--q-color-primary-1);
  padding: 3px 8px;
}

.map-view .price {
  width: 75%;
}
.map-view .price-mobile {
  width: 57%;
}
.map-view .price-mobile .text-mobile {
  font-size: 15px !important;
}
.map-view .select {
  width: 25%;
}
.map-view .select-mobile {
  width: 25%;
}
.map-view .title {
  width: 80%;
}
.map-view .title-mobile {
  width: 75%;
}
.map-view .title-mobile .name-mobile {
  font-size: 15px !important;
  font-weight: 500;
  overflow: hidden;
}
.map-view .tripadvisor {
  width: 20%;
}
.map-view .tripadvisor-mobile {
  width: 25%;
}

.datepicker {
  font-size: 14px;
  font-family: "Avenir", Helvetica, Arial, sans-serif;
  box-sizing: border-box;
  -webkit-tap-highlight-color: #0000;
  -webkit-font-smoothing: antialiased;
  color: #212124;
  font-weight: 700;
  position: relative;
  display: inline-block;
}
.datepicker .form-control {
  box-sizing: border-box;
  display: block;
  width: 100%;
  height: 34px;
  font-size: 14px;
  line-height: 1.42857;
  color: #555;
}
[dir] .datepicker .form-control {
  padding: 6px 12px;
  background-color: #fff;
  background-image: none;
  border: 1px solid #d9d9d9;
  border-radius: 4px;
  box-shadow: none;
}
.datepicker .form-control:hover, .datepicker .form-control:focus {
  outline: 0;
}
[dir] .datepicker .form-control:hover, [dir] .datepicker .form-control:focus {
  border-color: #40a9ff;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
}
.datepicker button.close {
  -webkit-appearance: none;
  font-size: 21px;
  font-weight: bold;
  line-height: 1;
  color: #000;
  opacity: 0.2;
  filter: alpha(opacity=20);
}
[dir] .datepicker button.close {
  padding: 0;
  cursor: pointer;
  background: #166987;
  border: 0;
  text-shadow: 0 1px 0 #fff;
}
[dir=ltr] .datepicker button.close {
  float: right;
}
[dir=rtl] .datepicker button.close {
  float: left;
}

[dir=ltr] input.datepicker-input.with-reset-button {
  padding-right: 25px;
}

[dir=rtl] input.datepicker-input.with-reset-button {
  padding-left: 25px;
}

.datepicker > button.close {
  position: absolute;
  top: 0;
  outline: none;
  z-index: 2;
  display: block;
  width: 34px;
  height: 34px;
  line-height: 34px;
}

[dir] .datepicker > button.close {
  text-align: center;
}

[dir=ltr] .datepicker > button.close {
  right: 0;
}

[dir=rtl] .datepicker > button.close {
  left: 0;
}

.datepicker > button.close:focus {
  opacity: 0.2;
}

.datepicker-wrapper {
  position: absolute;
  z-index: 1000;
}

.datepicker-wrapper-home-page {
  position: static;
}

.datepicker-inner {
  width: 440px;
}

[dir=ltr] .datepicker-inner {
  float: left;
}

[dir=rtl] .datepicker-inner {
  float: right;
}

[dir] .datepicker-body {
  padding: 20px 10px;
  text-align: center;
}
.datepicker-body p {
  font-size: 16px !important;
  color: #212124;
  font-weight: 700;
}
[dir] .datepicker-body p {
  margin: 0 0 16px;
}
.datepicker-body .event {
  color: #75767a;
  font-weight: 400;
  font-size: 12px;
}
.datepicker-body .low {
  color: red;
  font-weight: bold;
}

.datepicker-ctrl p,
.datepicker-ctrl span,
.datepicker-body span {
  display: inline-block;
  width: 60px;
  height: 50px;
  vertical-align: top;
}

[dir] .datepicker-ctrl p, [dir] .datepicker-ctrl span, [dir] .datepicker-body span {
  border-radius: 4px;
}

.datepicker-ctrl p {
  width: 65%;
}

.datepicker-ctrl span {
  position: absolute;
}

[dir] .datepicker-body span {
  text-align: center;
}

.datepicker-monthRange span {
  width: 48px;
  height: 50px;
  line-height: 45px;
}

[dir] .datepicker-item-disable {
  background-color: white !important;
  cursor: not-allowed !important;
}

.datepicker-item-hidden {
  visibility: hidden;
}

.decadeRange span:first-child,
.decadeRange span:last-child,
.datepicker-item-gray {
  color: #999;
}

.datepicker-item-disable {
  opacity: 0.7 !important;
  color: #999;
}

.datepicker-dateRange-item-active:hover,
.datepicker-dateRange-item-active {
  color: white !important;
}

[dir] .datepicker-dateRange-item-active:hover, [dir] .datepicker-dateRange-item-active {
  background: var(--q-color-primary) !important;
}
.datepicker-dateRange-item-active:hover .event,
.datepicker-dateRange-item-active .event {
  color: white !important;
}

.datepicker-item-disabled {
  color: #aaa;
  text-decoration: line-through;
}

[dir] .datepicker-item-hidden:hover {
  background-color: white !important;
}

[dir] .datepicker-monthRange {
  margin-top: 10px;
}

[dir] .datepicker-monthRange span, [dir] .datepicker-ctrl span, [dir] .datepicker-ctrl p, [dir] .datepicker-dateRange span {
  cursor: pointer;
}

[dir] .datepicker-monthRange span:hover, [dir] .datepicker-ctrl p:hover, [dir] .datepicker-ctrl i:hover, [dir] .datepicker-dateRange span:hover, [dir] .datepicker-dateRange-item-hover {
  background-color: #eeeeee;
}

.datepicker-dateRange .daytoday-start,
.datepicker-dateRange .daytoday-start:hover,
.datepicker-dateRange .daytoday-end,
.datepicker-dateRange .daytoday-end:hover {
  color: white !important;
}

[dir] .datepicker-dateRange .daytoday-start, [dir] .datepicker-dateRange .daytoday-start:hover, [dir] .datepicker-dateRange .daytoday-end, [dir] .datepicker-dateRange .daytoday-end:hover {
  background: #3276b1 !important;
}

[dir] .datepicker-dateRange .daytoday-range, [dir] .datepicker-dateRange .daytoday-range:hover {
  background-color: #ddd;
}

.datepicker-weekRange span {
  color: #75767a;
  font-weight: 500;
}

[dir] .datepicker-weekRange span {
  margin-top: -5px;
}

.datepicker-label {
  font-weight: 700;
}

[dir] .datepicker-label {
  background-color: #f8f8f8;
  padding: 7px 0;
  text-align: center;
}

.datepicker-ctrl {
  position: relative;
  /*height: 30px;*/
  line-height: 30px;
  font-weight: bold;
  top: 3px;
}

[dir] .datepicker-ctrl {
  text-align: center;
}

.month-btn {
  font-weight: bold;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.datepicker-preBtn {
  font-size: 18px;
}

[dir] .datepicker-preBtn {
  padding-top: 19px;
}

[dir=ltr] .datepicker-preBtn {
  left: 2px;
}

[dir=rtl] .datepicker-preBtn {
  right: 2px;
}

.datepicker-nextBtn {
  font-size: 18px;
}

[dir] .datepicker-nextBtn {
  padding-top: 19px;
}

[dir=ltr] .datepicker-nextBtn {
  right: 2px;
}

[dir=rtl] .datepicker-nextBtn {
  left: 2px;
}

@font-face {
  font-family: "calendar";
  src: url(data:application/vnd.ms-fontobject;base64,rAUAAAQFAAABAAIAAAAAAAAAAAAAAAAAAAABAJABAAAAAExQAAAAAAAAAAAAAAAAAAAAAAEAAAAAAAAAnWMjhgAAAAAAAAAAAAAAAAAAAAAAABAAYwBhAGwAZQBuAGQAYQByAAAADgBSAGUAZwB1AGwAYQByAAAAFgBWAGUAcgBzAGkAbwBuACAAMQAuADAAAAAQAGMAYQBsAGUAbgBkAGEAcgAAAAAAAAEAAAALAIAAAwAwT1MvMg+dCoQAAAC8AAAAYGNtYXAPUuKQAAABHAAAAFRnYXNwAAAAEAAAAXAAAAAIZ2x5ZrVRJOYAAAF4AAABNGhlYWQQzSHDAAACrAAAADZoaGVhBJsDOwAAAuQAAAAkaG10eAbbACEAAAMIAAAAGGxvY2EAwgBwAAADIAAAAA5tYXhwAAgAJwAAAzAAAAAgbmFtZWq4IzgAAANQAAABknBvc3QAAwAAAAAE5AAAACAAAwFuAZAABQAAApkCzAAAAI8CmQLMAAAB6wAzAQkAAAAAAAAAAAAAAAAAAAABEAAAAAAAAAAAAAAAAAAAAABAAADxBQMz/zQAzAMzAMwAAAABAAAAAAAAAAAAAAAgAAAAAAADAAAAAwAAABwAAQADAAAAHAADAAEAAAAcAAQAOAAAAAoACAACAAIAAQAg8QX//f//AAAAAAAg8QT//f//AAH/4w8AAAMAAQAAAAAAAAAAAAAAAQAB//8ADwABAAAAAAAAAAAAAgAANzkBAAAAAAEAAAAAAAAAAAACAAA3OQEAAAAAAQAAAAAAAAAAAAIAADc5AQAAAAABABr/4wFmAh0AJAAAARQGDwEXHgEVFAYPAQ4BIyImJwEuATU0NjcBPgEzMhYfAR4BFQFmAwLh4QIDAwIdAwcDBAcC/vUCAwMCAQsCBwQDBwMdAgMB7gQHAuHhAgcEAwcDHAMDAwMBCgIIAwMIAgEKAwMDAxwDBgQAAAAAAQAH/+MBVAIdACQAAAEUBgcBDgEjIiYvAS4BNTQ2PwEnLgE1NDY/AT4BMzIWFwEeARUBVAMD/vYDBwMEBwIdAgQEAuHhAgQEAh0CBwQDBwMBCgMDAQADCAL+9gMDAwMcAwYEBAcC4eECBwQDBwMcAwMDA/72AggDAAAAAAEAAAABAACGI2OdXw889QALBAAAAAAA2CPvYwAAAADYI+9jAAD/4wFmAh0AAAAIAAIAAAAAAAAAAQAAAzP/NAAABAAAAAAAAWYAAQAAAAAAAAAAAAAAAAAAAAYEAAAAAAAAAAAAAAAAAAAAAYAAGgFbAAcAAAAAAAoAFAAeAFwAmgAAAAEAAAAGACUAAQAAAAAAAgAAAAAAAAAAAAAAAAAAAAAAAAAOAK4AAQAAAAAAAQAIAAAAAQAAAAAAAgAHAGkAAQAAAAAAAwAIADkAAQAAAAAABAAIAH4AAQAAAAAABQALABgAAQAAAAAABgAIAFEAAQAAAAAACgAaAJYAAwABBAkAAQAQAAgAAwABBAkAAgAOAHAAAwABBAkAAwAQAEEAAwABBAkABAAQAIYAAwABBAkABQAWACMAAwABBAkABgAQAFkAAwABBAkACgA0ALBjYWxlbmRhcgBjAGEAbABlAG4AZABhAHJWZXJzaW9uIDEuMABWAGUAcgBzAGkAbwBuACAAMQAuADBjYWxlbmRhcgBjAGEAbABlAG4AZABhAHJjYWxlbmRhcgBjAGEAbABlAG4AZABhAHJSZWd1bGFyAFIAZQBnAHUAbABhAHJjYWxlbmRhcgBjAGEAbABlAG4AZABhAHJGb250IGdlbmVyYXRlZCBieSBJY29Nb29uLgBGAG8AbgB0ACAAZwBlAG4AZQByAGEAdABlAGQAIABiAHkAIABJAGMAbwBNAG8AbwBuAC4AAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA);
  src: url(data:application/vnd.ms-fontobject;base64,rAUAAAQFAAABAAIAAAAAAAAAAAAAAAAAAAABAJABAAAAAExQAAAAAAAAAAAAAAAAAAAAAAEAAAAAAAAAnWMjhgAAAAAAAAAAAAAAAAAAAAAAABAAYwBhAGwAZQBuAGQAYQByAAAADgBSAGUAZwB1AGwAYQByAAAAFgBWAGUAcgBzAGkAbwBuACAAMQAuADAAAAAQAGMAYQBsAGUAbgBkAGEAcgAAAAAAAAEAAAALAIAAAwAwT1MvMg+dCoQAAAC8AAAAYGNtYXAPUuKQAAABHAAAAFRnYXNwAAAAEAAAAXAAAAAIZ2x5ZrVRJOYAAAF4AAABNGhlYWQQzSHDAAACrAAAADZoaGVhBJsDOwAAAuQAAAAkaG10eAbbACEAAAMIAAAAGGxvY2EAwgBwAAADIAAAAA5tYXhwAAgAJwAAAzAAAAAgbmFtZWq4IzgAAANQAAABknBvc3QAAwAAAAAE5AAAACAAAwFuAZAABQAAApkCzAAAAI8CmQLMAAAB6wAzAQkAAAAAAAAAAAAAAAAAAAABEAAAAAAAAAAAAAAAAAAAAABAAADxBQMz/zQAzAMzAMwAAAABAAAAAAAAAAAAAAAgAAAAAAADAAAAAwAAABwAAQADAAAAHAADAAEAAAAcAAQAOAAAAAoACAACAAIAAQAg8QX//f//AAAAAAAg8QT//f//AAH/4w8AAAMAAQAAAAAAAAAAAAAAAQAB//8ADwABAAAAAAAAAAAAAgAANzkBAAAAAAEAAAAAAAAAAAACAAA3OQEAAAAAAQAAAAAAAAAAAAIAADc5AQAAAAABABr/4wFmAh0AJAAAARQGDwEXHgEVFAYPAQ4BIyImJwEuATU0NjcBPgEzMhYfAR4BFQFmAwLh4QIDAwIdAwcDBAcC/vUCAwMCAQsCBwQDBwMdAgMB7gQHAuHhAgcEAwcDHAMDAwMBCgIIAwMIAgEKAwMDAxwDBgQAAAAAAQAH/+MBVAIdACQAAAEUBgcBDgEjIiYvAS4BNTQ2PwEnLgE1NDY/AT4BMzIWFwEeARUBVAMD/vYDBwMEBwIdAgQEAuHhAgQEAh0CBwQDBwMBCgMDAQADCAL+9gMDAwMcAwYEBAcC4eECBwQDBwMcAwMDA/72AggDAAAAAAEAAAABAACGI2OdXw889QALBAAAAAAA2CPvYwAAAADYI+9jAAD/4wFmAh0AAAAIAAIAAAAAAAAAAQAAAzP/NAAABAAAAAAAAWYAAQAAAAAAAAAAAAAAAAAAAAYEAAAAAAAAAAAAAAAAAAAAAYAAGgFbAAcAAAAAAAoAFAAeAFwAmgAAAAEAAAAGACUAAQAAAAAAAgAAAAAAAAAAAAAAAAAAAAAAAAAOAK4AAQAAAAAAAQAIAAAAAQAAAAAAAgAHAGkAAQAAAAAAAwAIADkAAQAAAAAABAAIAH4AAQAAAAAABQALABgAAQAAAAAABgAIAFEAAQAAAAAACgAaAJYAAwABBAkAAQAQAAgAAwABBAkAAgAOAHAAAwABBAkAAwAQAEEAAwABBAkABAAQAIYAAwABBAkABQAWACMAAwABBAkABgAQAFkAAwABBAkACgA0ALBjYWxlbmRhcgBjAGEAbABlAG4AZABhAHJWZXJzaW9uIDEuMABWAGUAcgBzAGkAbwBuACAAMQAuADBjYWxlbmRhcgBjAGEAbABlAG4AZABhAHJjYWxlbmRhcgBjAGEAbABlAG4AZABhAHJSZWd1bGFyAFIAZQBnAHUAbABhAHJjYWxlbmRhcgBjAGEAbABlAG4AZABhAHJGb250IGdlbmVyYXRlZCBieSBJY29Nb29uLgBGAG8AbgB0ACAAZwBlAG4AZQByAGEAdABlAGQAIABiAHkAIABJAGMAbwBNAG8AbwBuAC4AAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA#iefix) format("embedded-opentype"), url(data:font/ttf;base64,AAEAAAALAIAAAwAwT1MvMg+dCoQAAAC8AAAAYGNtYXAPUuKQAAABHAAAAFRnYXNwAAAAEAAAAXAAAAAIZ2x5ZrVRJOYAAAF4AAABNGhlYWQQzSHDAAACrAAAADZoaGVhBJsDOwAAAuQAAAAkaG10eAbbACEAAAMIAAAAGGxvY2EAwgBwAAADIAAAAA5tYXhwAAgAJwAAAzAAAAAgbmFtZWq4IzgAAANQAAABknBvc3QAAwAAAAAE5AAAACAAAwFuAZAABQAAApkCzAAAAI8CmQLMAAAB6wAzAQkAAAAAAAAAAAAAAAAAAAABEAAAAAAAAAAAAAAAAAAAAABAAADxBQMz/zQAzAMzAMwAAAABAAAAAAAAAAAAAAAgAAAAAAADAAAAAwAAABwAAQADAAAAHAADAAEAAAAcAAQAOAAAAAoACAACAAIAAQAg8QX//f//AAAAAAAg8QT//f//AAH/4w8AAAMAAQAAAAAAAAAAAAAAAQAB//8ADwABAAAAAAAAAAAAAgAANzkBAAAAAAEAAAAAAAAAAAACAAA3OQEAAAAAAQAAAAAAAAAAAAIAADc5AQAAAAABABr/4wFmAh0AJAAAARQGDwEXHgEVFAYPAQ4BIyImJwEuATU0NjcBPgEzMhYfAR4BFQFmAwLh4QIDAwIdAwcDBAcC/vUCAwMCAQsCBwQDBwMdAgMB7gQHAuHhAgcEAwcDHAMDAwMBCgIIAwMIAgEKAwMDAxwDBgQAAAAAAQAH/+MBVAIdACQAAAEUBgcBDgEjIiYvAS4BNTQ2PwEnLgE1NDY/AT4BMzIWFwEeARUBVAMD/vYDBwMEBwIdAgQEAuHhAgQEAh0CBwQDBwMBCgMDAQADCAL+9gMDAwMcAwYEBAcC4eECBwQDBwMcAwMDA/72AggDAAAAAAEAAAABAACGI2OdXw889QALBAAAAAAA2CPvYwAAAADYI+9jAAD/4wFmAh0AAAAIAAIAAAAAAAAAAQAAAzP/NAAABAAAAAAAAWYAAQAAAAAAAAAAAAAAAAAAAAYEAAAAAAAAAAAAAAAAAAAAAYAAGgFbAAcAAAAAAAoAFAAeAFwAmgAAAAEAAAAGACUAAQAAAAAAAgAAAAAAAAAAAAAAAAAAAAAAAAAOAK4AAQAAAAAAAQAIAAAAAQAAAAAAAgAHAGkAAQAAAAAAAwAIADkAAQAAAAAABAAIAH4AAQAAAAAABQALABgAAQAAAAAABgAIAFEAAQAAAAAACgAaAJYAAwABBAkAAQAQAAgAAwABBAkAAgAOAHAAAwABBAkAAwAQAEEAAwABBAkABAAQAIYAAwABBAkABQAWACMAAwABBAkABgAQAFkAAwABBAkACgA0ALBjYWxlbmRhcgBjAGEAbABlAG4AZABhAHJWZXJzaW9uIDEuMABWAGUAcgBzAGkAbwBuACAAMQAuADBjYWxlbmRhcgBjAGEAbABlAG4AZABhAHJjYWxlbmRhcgBjAGEAbABlAG4AZABhAHJSZWd1bGFyAFIAZQBnAHUAbABhAHJjYWxlbmRhcgBjAGEAbABlAG4AZABhAHJGb250IGdlbmVyYXRlZCBieSBJY29Nb29uLgBGAG8AbgB0ACAAZwBlAG4AZQByAGEAdABlAGQAIABiAHkAIABJAGMAbwBNAG8AbwBuAC4AAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA) format("truetype"), url(data:font/woff;base64,d09GRgABAAAAAAVQAAsAAAAABQQAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABPUy8yAAABCAAAAGAAAABgD50KhGNtYXAAAAFoAAAAVAAAAFQPUuKQZ2FzcAAAAbwAAAAIAAAACAAAABBnbHlmAAABxAAAATQAAAE0tVEk5mhlYWQAAAL4AAAANgAAADYQzSHDaGhlYQAAAzAAAAAkAAAAJASbAztobXR4AAADVAAAABgAAAAYBtsAIWxvY2EAAANsAAAADgAAAA4AwgBwbWF4cAAAA3wAAAAgAAAAIAAIACduYW1lAAADnAAAAZIAAAGSargjOHBvc3QAAAUwAAAAIAAAACAAAwAAAAMBbgGQAAUAAAKZAswAAACPApkCzAAAAesAMwEJAAAAAAAAAAAAAAAAAAAAARAAAAAAAAAAAAAAAAAAAAAAQAAA8QUDM/80AMwDMwDMAAAAAQAAAAAAAAAAAAAAIAAAAAAAAwAAAAMAAAAcAAEAAwAAABwAAwABAAAAHAAEADgAAAAKAAgAAgACAAEAIPEF//3//wAAAAAAIPEE//3//wAB/+MPAAADAAEAAAAAAAAAAAAAAAEAAf//AA8AAQAAAAAAAAAAAAIAADc5AQAAAAABAAAAAAAAAAAAAgAANzkBAAAAAAEAAAAAAAAAAAACAAA3OQEAAAAAAQAa/+MBZgIdACQAAAEUBg8BFx4BFRQGDwEOASMiJicBLgE1NDY3AT4BMzIWHwEeARUBZgMC4eECAwMCHQMHAwQHAv71AgMDAgELAgcEAwcDHQIDAe4EBwLh4QIHBAMHAxwDAwMDAQoCCAMDCAIBCgMDAwMcAwYEAAAAAAEAB//jAVQCHQAkAAABFAYHAQ4BIyImLwEuATU0Nj8BJy4BNTQ2PwE+ATMyFhcBHgEVAVQDA/72AwcDBAcCHQIEBALh4QIEBAIdAgcEAwcDAQoDAwEAAwgC/vYDAwMDHAMGBAQHAuHhAgcEAwcDHAMDAwP+9gIIAwAAAAABAAAAAQAAhiNjnV8PPPUACwQAAAAAANgj72MAAAAA2CPvYwAA/+MBZgIdAAAACAACAAAAAAAAAAEAAAMz/zQAAAQAAAAAAAFmAAEAAAAAAAAAAAAAAAAAAAAGBAAAAAAAAAAAAAAAAAAAAAGAABoBWwAHAAAAAAAKABQAHgBcAJoAAAABAAAABgAlAAEAAAAAAAIAAAAAAAAAAAAAAAAAAAAAAAAADgCuAAEAAAAAAAEACAAAAAEAAAAAAAIABwBpAAEAAAAAAAMACAA5AAEAAAAAAAQACAB+AAEAAAAAAAUACwAYAAEAAAAAAAYACABRAAEAAAAAAAoAGgCWAAMAAQQJAAEAEAAIAAMAAQQJAAIADgBwAAMAAQQJAAMAEABBAAMAAQQJAAQAEACGAAMAAQQJAAUAFgAjAAMAAQQJAAYAEABZAAMAAQQJAAoANACwY2FsZW5kYXIAYwBhAGwAZQBuAGQAYQByVmVyc2lvbiAxLjAAVgBlAHIAcwBpAG8AbgAgADEALgAwY2FsZW5kYXIAYwBhAGwAZQBuAGQAYQByY2FsZW5kYXIAYwBhAGwAZQBuAGQAYQByUmVndWxhcgBSAGUAZwB1AGwAYQByY2FsZW5kYXIAYwBhAGwAZQBuAGQAYQByRm9udCBnZW5lcmF0ZWQgYnkgSWNvTW9vbi4ARgBvAG4AdAAgAGcAZQBuAGUAcgBhAHQAZQBkACAAYgB5ACAASQBjAG8ATQBvAG8AbgAuAAAAAwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA==) format("woff"), url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBzdGFuZGFsb25lPSJubyI/Pgo8IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiID4KPHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8bWV0YWRhdGE+R2VuZXJhdGVkIGJ5IEljb01vb248L21ldGFkYXRhPgo8ZGVmcz4KPGZvbnQgaWQ9ImNhbGVuZGFyIiBob3Jpei1hZHYteD0iMTAyNCI+Cjxmb250LWZhY2UgdW5pdHMtcGVyLWVtPSIxMDI0IiBhc2NlbnQ9IjgxOS4yIiBkZXNjZW50PSItMjA0LjgiIC8+CjxtaXNzaW5nLWdseXBoIGhvcml6LWFkdi14PSIxMDI0IiAvPgo8Z2x5cGggdW5pY29kZT0iJiN4MjA7IiBob3Jpei1hZHYteD0iMCIgZD0iIiAvPgo8Z2x5cGggdW5pY29kZT0iJiN4ZjEwNDsiIGdseXBoLW5hbWU9ImFuZ2xlLWxlZnQiIGhvcml6LWFkdi14PSIzODQiIGQ9Ik0zNTguMjg2IDQ5My43MTRjMC00LjU3MS0yLjI4Ni05LjcxNC01LjcxNC0xMy4xNDNsLTIyNC41NzEtMjI0LjU3MSAyMjQuNTcxLTIyNC41NzFjMy40MjktMy40MjkgNS43MTQtOC41NzEgNS43MTQtMTMuMTQzcy0yLjI4Ni05LjcxNC01LjcxNC0xMy4xNDNsLTI4LjU3MS0yOC41NzFjLTMuNDI5LTMuNDI5LTguNTcxLTUuNzE0LTEzLjE0My01LjcxNHMtOS43MTQgMi4yODYtMTMuMTQzIDUuNzE0bC0yNjYuMjg2IDI2Ni4yODZjLTMuNDI5IDMuNDI5LTUuNzE0IDguNTcxLTUuNzE0IDEzLjE0M3MyLjI4NiA5LjcxNCA1LjcxNCAxMy4xNDNsMjY2LjI4NiAyNjYuMjg2YzMuNDI5IDMuNDI5IDguNTcxIDUuNzE0IDEzLjE0MyA1LjcxNHM5LjcxNC0yLjI4NiAxMy4xNDMtNS43MTRsMjguNTcxLTI4LjU3MWMzLjQyOS0zLjQyOSA1LjcxNC04IDUuNzE0LTEzLjE0M3oiIC8+CjxnbHlwaCB1bmljb2RlPSImI3hmMTA1OyIgZ2x5cGgtbmFtZT0iYW5nbGUtcmlnaHQiIGhvcml6LWFkdi14PSIzNDciIGQ9Ik0zNDAgMjU2YzAtNC41NzEtMi4yODYtOS43MTQtNS43MTQtMTMuMTQzbC0yNjYuMjg2LTI2Ni4yODZjLTMuNDI5LTMuNDI5LTguNTcxLTUuNzE0LTEzLjE0My01LjcxNHMtOS43MTQgMi4yODYtMTMuMTQzIDUuNzE0bC0yOC41NzEgMjguNTcxYy0zLjQyOSAzLjQyOS01LjcxNCA4LTUuNzE0IDEzLjE0MyAwIDQuNTcxIDIuMjg2IDkuNzE0IDUuNzE0IDEzLjE0M2wyMjQuNTcxIDIyNC41NzEtMjI0LjU3MSAyMjQuNTcxYy0zLjQyOSAzLjQyOS01LjcxNCA4LjU3MS01LjcxNCAxMy4xNDNzMi4yODYgOS43MTQgNS43MTQgMTMuMTQzbDI4LjU3MSAyOC41NzFjMy40MjkgMy40MjkgOC41NzEgNS43MTQgMTMuMTQzIDUuNzE0czkuNzE0LTIuMjg2IDEzLjE0My01LjcxNGwyNjYuMjg2LTI2Ni4yODZjMy40MjktMy40MjkgNS43MTQtOC41NzEgNS43MTQtMTMuMTQzeiIgLz4KPC9mb250PjwvZGVmcz48L3N2Zz4=#calendar) format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "DiavloBook-Regular";
  src: url(../fonts/Diavlo_BOOK_II_37.001d01f4.otf) format("opentype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "DiavloLight";
  src: url(../fonts/Diavlo_LIGHT_II_37.0fd70b0b.otf) format("opentype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Diavlo-Medium";
  src: url(../fonts/Diavlo_MEDIUM_II_37.01ef9bd9.otf) format("opentype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Diavlo-Bold";
  src: url(../fonts/Diavlo_BOLD_II_37.579661ad.otf) format("opentype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Diavlo-Black";
  src: url(../fonts/Diavlo_BLACK_II_37.826afa4d.otf) format("opentype");
  font-weight: normal;
  font-style: normal;
}
[class^=calendaricon-],
[class*=" calendaricon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "calendar" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.calendaricon-angle-left:before {
  content: "";
}

.calendaricon-angle-right:before {
  content: "";
}

[dir] .custom-date-calendar {
  padding: 5px;
}

.width-calendar {
  width: inherit !important;
}
[dir] .width-calendar .custom-date-calendar {
  padding: 2px;
}
.width-calendar span {
  width: 39px;
  height: 36px;
}
.width-calendar .event .custom-label {
  font-size: 10px;
}

[dir] .tour-travel .q-page-container {
  background-color: #f8f8f8 !important;
}

[dir] .travel-summary-content {
  padding-top: 56px;
}
.travel-summary .custom-btn-font {
  height: 50px;
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 150%;
}

[dir] .travel-custom .q-item {
  padding: 3px 16px;
}
.travel-custom .q-item .q-item__section--avatar {
  min-width: 35px;
}
[dir=ltr] .travel-custom .q-item .q-item__section--avatar {
  padding-left: 10px !important;
  padding-right: 10px;
}
[dir=rtl] .travel-custom .q-item .q-item__section--avatar {
  padding-right: 10px !important;
  padding-left: 10px;
}
[dir=ltr] .travel-custom .q-item .q-item__section--side {
  padding-left: 5px;
}
[dir=rtl] .travel-custom .q-item .q-item__section--side {
  padding-right: 5px;
}
.travel-custom .q-item .traveler-title {
  font-size: 16px;
  font-weight: 500;
  text-transform: capitalize;
  color: var(--q-color-primary);
  line-height: 150%;
}
.travel-custom .q-item .traveler-title-child {
  font-size: 16px;
  font-weight: 500;
}
[dir=ltr] .travel-custom .q-item .traveler-title-child {
  padding: 8px 0px 8px 5px;
}
[dir=rtl] .travel-custom .q-item .traveler-title-child {
  padding: 8px 5px 8px 0px;
}

[dir] .field-custom {
  padding: 0 10px 0 10px;
}

.travel-personal {
  font-weight: 500;
}

[dir] .travel-personal {
  padding-bottom: 10px;
}

[dir] .travel-who .who-border {
  border: 1px solid #d9dbe0;
  border-radius: 4px;
}
.travel-who .who-checkbox {
  height: 20px;
  width: 20px;
}
.travel-who input[type=checkbox][readonly] {
  pointer-events: none;
}
.travel-who .who-label {
  font-size: 16px;
  font-weight: 500;
  color: #4c4c50;
  line-height: 150%;
}

[dir] .tour-detail-page .q-page-container {
  background-color: white !important;
}

[dir] .td-content {
  padding-top: 7px;
}
.td-content .home-custom {
  color: #212124;
  font-weight: 500;
}
[dir] .td-content .q-col-gutter-md {
  margin-top: 0px;
}

[dir] .td-search-form .td-search-header {
  border-bottom: 1px solid #c5c9d0;
  padding-bottom: 24px;
}
[dir] .td-search-form .q-card__section--vert {
  padding: 24px;
  padding-bottom: 0px;
}
.td-search-form .q-card__section .td-search-from {
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 150%;
  text-transform: capitalize;
}
.td-search-form .q-card__section .td-search-currency {
  font-style: normal;
  font-weight: 500;
  font-size: 24px;
  line-height: 135%;
  color: #4c4c50;
}
.td-search-form .q-card__section .td-search-currency .td-sf-currency {
  color: var(--q-color-primary);
}
.td-search-form .q-field--auto-height.q-field--dense .q-field__control {
  min-height: 56px;
}
[dir] .td-search-form .q-field--dense .q-field__prepend {
  padding-top: 17px;
}
[dir=ltr] .td-search-form .q-field--dense .q-field__prepend {
  padding-right: 6px;
}
[dir=rtl] .td-search-form .q-field--dense .q-field__prepend {
  padding-left: 6px;
}
[dir] .td-search-form .q-field--auto-height.q-field--labeled .q-field__native {
  padding-top: 5px;
}
.td-search-form .q-field--dense.q-field--float .q-field__label {
  font-weight: 500;
}
[dir] .td-search-form .q-field--dense.q-field--float .q-field__label {
  transform: translateY(0%) scale(0.75);
}
.td-search-form .q-field__native .q-item__label {
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 150%;
}

[dir] .cs-border-bottom {
  border-bottom: 1px solid #c5c9d0;
}

[dir=ltr] .tour-detail-activity .activity-box-width {
  padding: 0 0 10px 16px;
}

[dir=rtl] .tour-detail-activity .activity-box-width {
  padding: 0 16px 10px 0;
}
[dir=ltr] .tour-detail-activity .custom-border {
  border-right: 1px solid lightgrey;
}
[dir=rtl] .tour-detail-activity .custom-border {
  border-left: 1px solid lightgrey;
}
[dir] .tour-detail-activity .border-tab {
  border: 1px solid lightgrey;
  border-radius: 11px;
}
[dir] .tour-detail-activity .custom-border-box {
  border: 1px solid lightgrey;
  border-radius: 4px;
  margin-bottom: 8px;
}
.tour-detail-activity .custom-btn {
  height: 48px;
  font-size: 16px;
}

.text-custom {
  color: var(--q-color-primary);
  font-family: "DM Sans";
  font-style: normal;
  font-size: 16px;
}
.text-custom:hover {
  text-decoration: underline;
}

.to-complete-custom {
  color: #4b4fa6;
  font-weight: 500;
  font-size: 12px;
}

[dir] .to-complete-custom {
  background-color: #ededf6;
  border-radius: 4px;
}

.completed-custom {
  color: #036835;
  font-weight: 500;
  font-size: 12px;
}

[dir] .completed-custom {
  background-color: #e6f2ec;
  border-radius: 4px;
}

[dir] .travel-custom {
  border-radius: 4px;
  border: 1px solid rgba(0, 0, 0, 0.16);
  background: #ffffff;
}
.travel-custom .q-checkbox__bg {
  height: 20px;
  width: 20px;
}
[dir] .travel-custom .q-checkbox__bg {
  border-radius: 4px;
}
[dir] .travel-custom-checkbox {
  border-radius: 4px;
  border: 1px solid rgba(0, 0, 0, 0.16);
  background: #ffffff;
}
[dir=ltr] .travel-custom-checkbox {
  padding-right: 10px;
}
[dir=rtl] .travel-custom-checkbox {
  padding-left: 10px;
}

.custom-chip-label {
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 150%;
  color: #212124;
}

.custom-chip-color {
  height: 40px;
  color: #2f73d2;
  height: 48px;
}

[dir] .custom-chip-color {
  background: #eaf1fb;
  border-radius: 4px;
  border: 1px solid rgba(47, 115, 210, 0.5);
}

.custom-nochip-color {
  height: 40px;
  color: #2f73d2;
  height: 48px;
}

.icon-custom {
  font-size: 20px;
}

[dir=ltr] .icon-custom {
  margin-right: 6px;
}

[dir=rtl] .icon-custom {
  margin-left: 6px;
}

[dir] .tour-detail-img {
  padding-top: 0px;
}
[dir] .tour-detail-img .q-img__image {
  background-position: 50% 0% !important;
}

.btn-itinerary {
  font-size: 0.875rem;
}

[dir] .btn-itinerary {
  border-radius: 4px;
}

.title-itinerary {
  font-size: 1.125rem;
  font-weight: 600;
}

[dir] .tour-detail-img {
  padding-top: 0px;
}
[dir] .tour-detail-img .q-img__image {
  background-position: 50% 0% !important;
}

[dir] .tour-detail-dialog .tour-detail-dialog .q-img__image {
  background-size: auto !important;
  background-position: center !important;
}

.custom-caption .text-caption {
  font-size: 14px;
  font-family: "DM Sans";
  color: #4c4c50;
}

.custom-scroll {
  height: 386px;
}
.custom-scroll-child {
  height: 66px;
}
.custom-scroll-child .text-caption {
  font-size: 14px;
  font-family: "DM Sans";
  color: #4c4c50;
}
.custom-scroll-tag {
  height: 303px;
}
.custom-scroll-tag .text-caption {
  font-size: 14px;
  font-family: "DM Sans";
  color: #4c4c50;
}
.custom-scroll-caption .text-caption {
  font-size: 14px;
  font-family: "DM Sans";
  color: #4c4c50;
}

.detail-color {
  font-family: "DM Sans";
  color: #4c4c50;
  font-size: 14px;
}

.stop-number {
  color: #ffffff;
  font-size: 0.875rem;
  flex: 0 0 auto;
  height: 2.25rem;
  width: 2.25rem;
}

[dir] .stop-number {
  background-color: #2a2d32;
  border-radius: 50%;
  border: 2px solid #ffffff;
  text-align: center;
}

[dir=ltr] .stop-number {
  margin-right: 1rem;
}

[dir=rtl] .stop-number {
  margin-left: 1rem;
}

.stop-pass-by {
  color: #ffffff;
  flex: 0 0 auto;
  height: 1rem;
  width: 1rem;
}

[dir] .stop-pass-by {
  background-color: #2a2d32;
  border-radius: 50%;
  text-align: center;
}

[dir=ltr] .stop-pass-by {
  left: 9px;
  margin-right: 1rem;
}

[dir=rtl] .stop-pass-by {
  right: 9px;
  margin-left: 1rem;
}

.itinerary-stop {
  display: flex;
}

[dir] .itinerary-stop {
  padding-bottom: 1.5rem;
}

[dir=ltr] .stop-name {
  margin: 0.25rem 0rem 0.25rem 0;
}

[dir=rtl] .stop-name {
  margin: 0.25rem 0 0.25rem 0rem;
}

.time-slot-custom {
  color: #ffffff;
}

[dir] .time-slot-custom {
  background: var(--q-color-primary);
}
.time-slot-custom-color {
  color: var(--q-color-primary) !important;
}
[dir] .time-slot-custom-color {
  border-color: var(--q-color-primary);
}

.custom-qchip {
  color: #ffffff;
}

[dir] .custom-qchip {
  background-color: #186b6d;
}

.custom-qtimeline {
  color: #212124;
}

[dir] .border-qcard {
  border: none;
}

.error-destination {
  color: red;
  font-family: system- "Open Sans", ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
}

.promo_message {
  color: var(--q-color-primary);
  font-size: 12px;
}

[dir] .promo_message {
  padding-top: 0px;
  margin-top: 0px;
}

[dir=ltr] .promo_message {
  padding-left: 16px;
}

[dir=rtl] .promo_message {
  padding-right: 16px;
}

[dir=ltr] .option-custom {
  border-right: 1px solid #e5e5e5;
}

[dir=rtl] .option-custom {
  border-left: 1px solid #e5e5e5;
}
.option-custom .text-option-custom {
  font-size: 13px !important;
}

[dir=ltr] .select-custom {
  float: right;
}

[dir=rtl] .select-custom {
  float: left;
}

.custom-size-btn {
  width: 100px;
}

.product_id_hidden {
  font-size: 10px;
  visibility: hidden;
}

.product-info-text {
  color: #637381;
}

.dialog-thank-you .title-overview {
  font-size: 20px;
  font-weight: 600;
  color: #2a3977;
}
.dialog-thank-you .subtitle-overview {
  font-size: 16px;
  font-weight: 500;
  color: #637381;
}

[dir] .thank-you-page-item .product-item-bg {
  background-color: #f4f5f8;
}

[dir] .your-trip-summary {
  background: #ffffff;
}
[dir] .your-trip-summary-desktop {
  border-radius: 5px;
  border: 1px solid rgba(0, 0, 0, 0.16);
}
.your-trip-summary .your-trip-summary-title {
  font-size: 16px;
  line-height: 24px;
  font-weight: 500;
  color: #212124;
}

[dir] .guest-detail {
  border-radius: 5px;
  border: 1px solid rgba(0, 0, 0, 0.16);
  background: #ffffff;
}
.guest-detail .guest-detail-title {
  font-size: 16px;
  line-height: 24px;
  font-weight: 500;
  color: #212124;
}
.guest-detail .guest-detail-title .guest-detail-caption {
  color: #75767a;
  font-weight: 400;
}
.guest-detail .guest-table {
  width: 100%;
}
.guest-detail .guest-table .table-head {
  height: 40px;
  color: #75767a;
}
[dir] .guest-detail .guest-table .table-head {
  background: #f4f5f8;
}
.guest-detail .guest-table .table-head td {
  font-weight: 600;
  color: #212124;
}
[dir] .guest-detail .guest-table .table-head td {
  padding: 10px;
}
.guest-detail .guest-table .table-body td {
  color: #212124;
  font-size: 12px;
}
[dir] .guest-detail .guest-table .table-body td {
  padding: 10px;
  border-bottom: 1px solid #e1e1e1;
}
.guest-detail .guest-table .table-body td .passport-field {
  color: #999;
}

[dir] .thank-you-page-price, [dir] .thank-you-page-status {
  border-radius: 12px !important;
  border: 1px solid rgba(0, 0, 0, 0.16);
  background: #ffffff;
}

[dir] .thank-you-page-status {
  padding: 19px;
}

.thank-you-page-image {
  width: 120px;
}

[dir] .thank-you-page-image {
  margin-top: 25px;
  margin-bottom: 25px;
}

[dir] .thank-you-page-title {
  margin-bottom: 10px;
}

[dir] .thank-you-page-subtitle {
  margin-bottom: 10px;
}

.thank-you-page-content-success {
  font-weight: 700;
  font-size: 15px;
  color: #03760b;
}
.thank-you-page-content-pending {
  font-weight: 700;
  font-size: 15px;
  color: #fb3;
}

.default-color {
  color: var(--q-color-primary-2);
}

.text-thank-you {
  font-size: 18px;
  font-weight: 400;
  line-height: 25px;
}

.flight-route-line-desktop {
  position: absolute;
  top: 49%;
  width: 77px;
  height: 1px;
}

[dir] .flight-route-line-desktop {
  background: var(--q-color-primary-4);
}

[dir=ltr] .flight-route-line-desktop {
  left: 60.8%;
  transform: translateX(-50%);
}

[dir=rtl] .flight-route-line-desktop {
  right: 60.8%;
  transform: translateX(50%);
}
.flight-route-line-mobile {
  position: absolute;
  top: 49%;
  width: 77px;
  height: 1px;
}
[dir] .flight-route-line-mobile {
  background: var(--q-color-primary-4);
}
[dir=ltr] .flight-route-line-mobile {
  left: 48.8%;
  transform: translateX(-50%);
}
[dir=rtl] .flight-route-line-mobile {
  right: 48.8%;
  transform: translateX(50%);
}

.custom-airport-type {
  color: var(--q-color-primary-2);
  line-height: 25px;
  font-weight: 400;
  font-size: 16px;
}

.street-address-color {
  color: #222222;
  font-weight: 300;
  line-height: 19px;
}

.fligt-route-color {
  color: #222222;
  font-weight: 300;
  font-size: 12px;
  line-height: 16px;
}

.yellow-custom {
  color: var(--q-color-primary-3);
}

[dir=ltr] .yellow-custom {
  transform: rotate(90deg);
}

[dir=rtl] .yellow-custom {
  transform: rotate(-90deg);
}

.yellow-icon-payment {
  color: var(--q-color-primary-3);
}

.airline-custom {
  font-weight: 700;
  font-size: 14px;
  line-height: 19px;
  color: var(--q-color-primary-2);
}
.airline-text {
  color: #222222;
  font-weight: 300;
  line-height: 19px;
}

.hotel-text {
  color: #222222;
  font-weight: 300;
  line-height: 19px;
  font-size: 14px;
}
.hotel-text-custom {
  color: var(--q-color-stepper);
  font-weight: 300;
  line-height: 19px;
  font-size: 14px;
}
.hotel-text-custom-active {
  color: var(--q-color-stepper-active);
  font-weight: 300;
  line-height: 19px;
  font-size: 14px;
}
.hotel-box-desktop {
  height: 78px !important;
  width: 188px !important;
}
[dir] .hotel-box-desktop {
  background: #f3f3f3;
  border-radius: 5px;
  padding: 21px !important;
}
.hotel-box-mobile {
  height: 78px !important;
}
[dir] .hotel-box-mobile {
  background: #f3f3f3;
  border-radius: 5px;
  padding: 20px 17px !important;
}

.currency-package {
  color: #4f4f4f;
  font-weight: 300;
  font-size: 14px;
  line-height: 19px;
}

.price-package {
  font-weight: 400;
  font-size: 24px;
  line-height: 124%;
  color: var(--q-color-primary-2);
}

.price-package-payment {
  font-weight: 400;
  font-size: 18px;
  line-height: 124%;
  color: #056c88;
}

[dir] .thank-you-page-radius {
  border-radius: 12px !important;
}

[dir=ltr] .thank-you-page-color {
  padding-right: 7px !important;
}

[dir=rtl] .thank-you-page-color {
  padding-left: 7px !important;
}
[dir=ltr] .thank-you-page-color-mobile {
  padding-right: 0px !important;
}
[dir=rtl] .thank-you-page-color-mobile {
  padding-left: 0px !important;
}

.airline-width {
  width: 100%;
}
.airline-width .airline-logo-width {
  width: 15%;
}
.airline-width .airline-image {
  height: 80px;
  width: 80px;
}
[dir] .airline-width .airline-image {
  border-radius: 5px;
}
.airline-width .airline-name-width {
  width: 85%;
}
.airline-width .airline-name-width-payment {
  width: 100%;
}
.airline-width .airline-space {
  width: 22%;
}
.airline-width .airline-departure {
  width: 25%;
}
.airline-width .airline-departure-mobile {
  width: 33%;
}
.airline-width .airline-route {
  width: 28%;
}
.airline-width .airline-route-mobile {
  width: 33%;
}
.airline-width .flight-route {
  font-size: 9px;
}

.hotel-width {
  position: relative;
  width: 100%;
}

.hotel-logo-width {
  width: 20%;
}
.hotel-logo-width-payment {
  width: 34%;
}

.hotel-card-custom {
  height: 95px;
  width: 120px;
}

[dir] .hotel-card-custom {
  border-radius: 5px;
}
.hotel-card-custom-payment {
  width: 115px;
  height: 127px;
}
[dir] .hotel-card-custom-payment {
  border-radius: 4px;
}

.hotel-title-custom {
  width: 80%;
  height: 95px;
}
.hotel-title-custom-payment {
  width: 66%;
  height: 127px;
}

.hotel-space-1 {
  width: 19%;
}

.hotel-space-2 {
  width: 5%;
}

.hotel-space-3 {
  width: 2%;
}

.hotel-checkin {
  width: 37%;
}

.flex-thank-you {
  display: flex;
}

.icon-person-custom {
  color: #e622b3;
}

.complete-btn-payment-mobile {
  color: #fff;
  font-size: 14px;
  font-weight: 500;
  line-height: 22px;
}

[dir] .complete-btn-payment-mobile {
  border-radius: 6px;
  background: var(--q-color-primary-1);
}

[dir] .payment-template-custom {
  border-radius: 7px;
  border: 1px solid var(--stroke, #e7e7e7);
  background: var(--white, #fff);
}
.payment-template-custom .title-payment-custom {
  color: var(--tail-grids-black-color, #212b36);
  font-size: 24px;
  font-weight: 700;
  line-height: 30px;
}
.payment-template-custom .btn-payment-custom {
  color: #fff;
  font-size: 15px;
  font-weight: 600;
  line-height: 24px;
}
[dir] .payment-template-custom .btn-payment-custom {
  border-radius: 4px;
  background: var(--q-color-primary-1);
  padding: 0 7px;
}
[dir] .payment-template-custom .promo-payment-custom {
  background: #fff;
}
.payment-template-custom .travel-insurance-title {
  color: #637381;
  font-size: 16px;
  font-weight: 400;
  line-height: 25px;
}
[dir] .payment-template-custom .travel-insurance-checkbox {
  border-radius: 7px;
  background: rgba(30, 224, 118, 0.1);
}
[dir] .payment-template-custom .travel-insurance-checkbox .q-field__bottom {
  padding: 0 10px;
}
.payment-template-custom .payment-option-custom {
  color: var(--tail-grids-text-color, #637381);
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  /* 150% */
}
.payment-template-custom .insure-my-trip-custom {
  color: var(--dark-blue, #113454);
  font-size: 14px;
  font-weight: 600;
  line-height: 150%;
}
[dir] .payment-template-custom .checkbox-insure-my-trip .q-checkbox__bg {
  background: var(--q-color-primary-1);
  border: 1px solid var(--q-color-primary-1);
}
.payment-template-custom .checkbox-insure-my-trip .q-checkbox__svg {
  color: white;
}
.payment-template-custom .complete-btn-payment-custom {
  color: #fff;
  font-size: 14px;
  font-weight: 500;
  line-height: 22px;
  width: 400px;
  height: 48px;
}
[dir] .payment-template-custom .complete-btn-payment-custom {
  border-radius: 6px;
  background: var(--q-color-primary-1);
}
.payment-template-custom .title-payment-price {
  color: var(--tail-grids-black-color, #212b36);
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  /* 150% */
}
.payment-template-custom .price-title-payment {
  color: var(--tail-grids-black-color, #212b36);
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  /* 150% */
}
[dir] .payment-template-custom .bg-payment-price {
  background: rgba(247, 247, 247, 0.6);
}

.personal-details-and-payment {
  color: #2e2e2e;
  font-size: 26px;
  font-weight: 700;
  line-height: 45px;
  text-transform: capitalize;
}

[dir] .price-card-custom {
  border-radius: 7px !important;
  border: 1px solid var(--stroke, #e7e7e7);
  background: #fff;
  box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.14);
}
[dir] .price-card-custom .header-price-custom {
  background: #f9f9f9;
}
.price-card-custom .header-price-custom .title-price-custom {
  color: var(--tail-grids-black-color, #212b36);
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 30px;
}
.price-card-custom .date-price {
  color: var(--tail-grids-text-color, #637381);
  font-size: 13px;
  font-weight: 500;
  line-height: 24px;
}
.price-card-custom .price-custom {
  color: #056c88;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  /* 150% */
}
.price-card-custom .title-price {
  color: var(--tail-grids-black-color, #212b36);
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  /* 162.5% */
}
.price-card-custom .price-image-custom {
  height: 155px;
}
[dir] .price-card-custom .price-image-custom .price-image {
  background-size: cover;
}

[dir] .price-card-custom-mobile {
  border: 1px solid var(--stroke, #e7e7e7);
  background: #fff;
  box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.14);
}
[dir] .price-card-custom-mobile .header-price-custom {
  background: #f9f9f9;
}
.price-card-custom-mobile .header-price-custom .title-price-custom {
  color: var(--tail-grids-black-color, #212b36);
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 30px;
}
.price-card-custom-mobile .date-price {
  color: var(--tail-grids-text-color, #637381);
  font-size: 13px;
  font-weight: 500;
  line-height: 24px;
}
.price-card-custom-mobile .price-custom {
  color: #056c88;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  /* 150% */
}
.price-card-custom-mobile .title-price {
  color: var(--tail-grids-black-color, #212b36);
  font-size: 16px;
  font-weight: 600;
  line-height: 26px;
  /* 162.5% */
}
.price-card-custom-mobile .price-image-custom {
  height: 155px;
}
[dir] .price-card-custom-mobile .price-image-custom .price-image {
  background-size: cover;
  border-radius: 7px 7px 0px 0px;
}

[dir] .payment-radius {
  border-radius: inherit !important;
}
[dir=ltr] .payment-radius-summary {
  border-top-left-radius: 0px !important;
  border-top-right-radius: 0px !important;
  border-bottom-left-radius: 0px !important;
  border-bottom-right-radius: 0px !important;
}
[dir=rtl] .payment-radius-summary {
  border-top-right-radius: 0px !important;
  border-top-left-radius: 0px !important;
  border-bottom-right-radius: 0px !important;
  border-bottom-left-radius: 0px !important;
}

[dir=ltr] .check-box-payment-pl {
  padding-left: 8px;
  padding-right: 8px;
}

[dir=rtl] .check-box-payment-pl {
  padding-right: 8px;
  padding-left: 8px;
}

[dir=ltr] .back-payment-pl {
  padding-left: 16px;
}

[dir=rtl] .back-payment-pl {
  padding-right: 16px;
}

[dir] .mobile .eg-shopping-mobile-payment {
  padding: 16px 0 0 0 !important;
}

.open-summary-payment {
  font-weight: 300;
  font-size: 14px;
  line-height: 19px;
  color: var(--q-color-open-summary);
}

.sticky-mobile-payment {
  position: -webkit-sticky;
  position: fixed;
  width: -webkit-fill-available;
  bottom: 0;
  z-index: 1;
}
.sticky-mobile-payment .complete-btn-payment-title,
.sticky-mobile-payment .price-package-payment,
.sticky-mobile-payment .hotel-text,
.sticky-mobile-payment .open-summary-payment {
  font-weight: 600;
}

.payment-text {
  font-weight: 300;
  font-size: 14px;
  line-height: 19px;
  color: #868686;
}

.payment-text-color {
  font-weight: 400;
  font-size: 18px;
  line-height: 25px;
  color: var(--q-color-primary-2);
}

.color-radio .q-radio__inner--truthy {
  color: var(--q-color-primary-2);
}
.color-radio .q-radio__inner--truthy .q-radio__check {
  color: var(--q-color-primary-2);
}

.payment-method-space {
  width: 12%;
}

.payment-method-color {
  color: #42454b;
}

.payment-option-space {
  width: 88%;
}

.contact-color-custom .q-field__native {
  font-weight: 300;
  font-size: 14px;
  line-height: 19px;
  color: var(--q-color-primary-2);
}
.contact-color-custom-phone {
  font-weight: 300;
  font-size: 14px;
  line-height: 19px;
  color: var(--q-color-primary-2);
}

.text-term {
  font-weight: 300;
  font-size: 14px;
  line-height: 19px;
  color: #222222;
}

[dir] .bottom-contact {
  margin-bottom: 2.5%;
  margin-top: 1.5%;
}

.flight-payment {
  font-weight: 700;
  font-size: 14px;
  line-height: 19px;
  color: #222222;
}
.flight-payment-date {
  font-weight: 300;
  font-size: 14px;
  line-height: 19px;
  color: #222222;
}
.flight-payment-duration {
  font-weight: 300;
  font-size: 12px;
  line-height: 16px;
  color: #222222;
}

.payment-flight-width {
  width: 100%;
}

.payment-flight-departure-width {
  width: 22%;
}

.payment-flight-info-width {
  width: 50%;
}

.flight-route-line-payment {
  position: absolute;
  top: 49%;
  width: 77px;
  height: 1px;
}

[dir] .flight-route-line-payment {
  background: var(--q-color-primary-4);
}

[dir=ltr] .flight-route-line-payment {
  left: 46.8%;
  transform: translateX(-50%);
}

[dir=rtl] .flight-route-line-payment {
  right: 46.8%;
  transform: translateX(50%);
}

.flight-payment-width {
  width: 100%;
}

.flight-payment-logo-width {
  width: 11%;
}

.flight-payment-info-width {
  width: 89%;
}

.flight-payment-contents {
  display: contents;
}

.red-color-payment {
  color: red;
}

.green-color-payment {
  color: green;
}

.flight-payment-expansion .q-expansion-item__toggle-icon {
  color: var(--q-color-primary-2);
}

[dir=ltr] .flight-payment-expansion .q-expansion-item__toggle-icon {
  right: 17px;
}

[dir=rtl] .flight-payment-expansion .q-expansion-item__toggle-icon {
  left: 17px;
}
[dir=ltr] .flight-payment-expansion .cursor-pointer {
  padding-left: 0;
}
[dir=rtl] .flight-payment-expansion .cursor-pointer {
  padding-right: 0;
}

.btn-payment {
  color: #ffffff;
}

[dir] .btn-payment {
  background: var(--q-color-primary-2);
}

.complete-btn-payment {
  height: 48px;
  color: #ffffff;
}

[dir] .complete-btn-payment {
  background: var(--q-color-primary-3);
  border-radius: 4px;
  box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.15);
}
.complete-btn-payment-title {
  font-weight: 400;
  font-size: 16px;
  line-height: 22px;
}

.back-btn-payment-title {
  font-weight: 400;
  font-size: 14px;
  line-height: 17px;
  color: #7c8385;
  display: contents;
}

[dir] .back-btn-payment-title {
  cursor: pointer;
}
.back-btn-payment-title:hover {
  display: inline-block;
}

.payment-title-back {
  display: flex;
  align-items: center;
}

.color-icon-back {
  color: #7c8385;
  font-size: 14px;
}

[dir] .flight-payment-padding {
  padding-top: 2%;
}

.dob-payment-color .q-field__label,
.dob-payment-color span {
  font-weight: 300;
  font-size: 14px;
  line-height: 19px;
  color: var(--q-color-primary-2);
}

.birthday-width {
  width: 100%;
}
.birthday-width .birthday-date-width {
  width: 30%;
}
.birthday-width .birthday-space-width {
  width: 5%;
}

.select-phone-payment {
  width: 100%;
}
.select-phone-payment .phone-code-width {
  width: 47.5%;
}
.select-phone-payment .phone-space-width {
  width: 5%;
}

[dir] .padding-flight-detail {
  padding-bottom: 16px;
  padding-top: 0px;
}

[dir=ltr] .padding-flight-detail {
  padding-left: 10px;
  padding-right: 4px;
}

[dir=rtl] .padding-flight-detail {
  padding-right: 10px;
  padding-left: 4px;
}

.justify-center-icon-custom {
  justify-content: inherit;
}

[dir] .custom-terms-checkbox {
  padding: 0px;
}
[dir] .custom-terms-checkbox .q-field__bottom {
  padding: 0 10px;
}

.payment-option img {
  height: 40px;
  width: 60px;
}
[dir] .payment-option .q-btn__wrapper {
  padding: 0;
}
[dir] .payment-option .selected-option {
  border: 1px solid #64af53;
  border-radius: 6px;
}
[dir] .payment-option .select {
  border: 1px solid white;
}

[dir] .header-custom-dropdown .q-field--auto-height.q-field--dense.q-field--labeled .q-field__control-container {
  padding-top: 0px;
}
[dir=ltr] .header-custom-dropdown .q-field--dense .q-field__append {
  padding-left: 0px;
}
[dir=rtl] .header-custom-dropdown .q-field--dense .q-field__append {
  padding-right: 0px;
}
.header-custom-dropdown .header-language-select span {
  font-size: 14px;
}
.header-custom-dropdown .header-language-select .q-select__dropdown-icon {
  color: #504f4f;
}
.header-custom-dropdown .header-currency-select span {
  font-size: 14px;
}
.header-custom-dropdown .header-currency-select .q-select__dropdown-icon {
  color: #504f4f;
}
.header-custom-dropdown .header-title {
  font-size: 18px;
  font-weight: 400;
  font-family: "DiavloBook-Regular", "Aharoni", "Open Sans", sans-serif;
  color: #224e67;
}
[dir] .header-custom-dropdown .header-title {
  cursor: pointer;
}
[dir=ltr] .header-custom-dropdown .header-title {
  padding-left: 35px;
}
[dir=rtl] .header-custom-dropdown .header-title {
  padding-right: 35px;
}
.header-custom-dropdown span {
  font-weight: 400;
  font-size: 16px;
  line-height: 19px;
}
.header-custom-dropdown .q-select__dropdown-icon {
  color: #fff;
}

[dir] .footer-padding {
  padding: 15px 80px;
}

[dir] .footer-padding-mobile {
  padding: 15px 10px;
}

[dir] .footer-payment-mobile {
  padding: 10px 10px 120px 10px;
}

.footer-information {
  color: #224e67;
}

[dir] .footer-information {
  background: #ffffff;
}
[dir] .footer-information .footer {
  margin: auto;
}
.footer-information .footer .footer-logo {
  align-items: center;
  display: flex;
}
.footer-information .footer .footer-title {
  font-weight: 400;
  font-size: 14px;
  line-height: 19px;
}
[dir] .footer-information .footer .footer-title {
  text-align: center;
}
.footer-information .footer .footer-title p.title {
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}
.footer-information .footer .footer-title p.copy-right {
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 24px;
}
[dir] .footer-information .footer .footer-title-desktop {
  margin-bottom: 40px;
}
[dir] .footer-information .footer p {
  margin: 0px;
}
.footer-information .footer .eg-footer-logo-icon {
  width: 40px;
  height: 40px;
}
.footer-information .footer .footer-btn {
  font-size: 16px;
}
[dir] .footer-information .footer .footer-btn {
  border-radius: 6px;
}
.footer-information .footer .footer-btn-join {
  font-size: 16px;
  color: white;
}
[dir] .footer-information .footer .footer-btn-join {
  border-radius: 6px;
}
[dir] .footer-information .footer .footer-btn-join .q-btn__wrapper:before {
  box-shadow: none;
}
.footer-information .footer .nav-link {
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  text-decoration: none;
  color: #224e67;
}
[dir] .footer-information .footer .nav-link {
  cursor: pointer;
}
.footer-information .footer .nav-content {
  font-size: 16px;
  color: #f6edcc !important;
  font-weight: bold !important;
  display: inline-block;
  font-family: "DiavloLight", Arial;
}
[dir] .footer-information .footer .nav-content {
  margin: 0;
}
.footer-information .footer .footer_icon {
  justify-content: start;
  gap: 15px;
}

.discover-page {
  height: 2000px;
}

[dir] .discover-page {
  background-image: url("https://drxp4nsypg3ox.cloudfront.net/cms/tazoom/images/background-discover-page.svg");
  background-position: 50% 100%;
  background-repeat: no-repeat;
  background-size: cover;
}

.btn-search-discover {
  font-family: "DiavloBook-Regular", "Aharoni", "Open Sans", sans-serif;
  color: #fff;
  font-weight: 600;
  font-size: 18px;
}

[dir] .btn-search-discover {
  border-radius: 4px;
  background: var(--q-color-primary-1);
}

.btn-search-discover-mobile {
  color: #fff;
  font-weight: 600;
  line-height: 20px;
  font-size: 16px;
  width: 100%;
}

[dir] .btn-search-discover-mobile {
  border-radius: 4px;
  border: none;
  cursor: pointer;
  background-image: linear-gradient(to bottom, #f15811, #f58a4c);
}
.btn-search-discover-mobile :hover {
  opacity: 0.7;
}

[dir] .calendar-list-custom .custom-date-calendar {
  padding: 0px !important;
}

.datepicker-wrapper-mobile {
  width: 98vw !important;
}

[dir] .datepicker-wrapper-mobile {
  border-radius: 12px !important;
}

.calendar-minisize {
  font-weight: 400 !important;
  width: 100%;
}
.calendar-minisize .datepicker-body p {
  font-size: 20px !important;
  line-height: 26px;
  font-weight: 500;
}
.calendar-minisize .datepicker-wrapper {
  width: 480px !important;
}
[dir=ltr] .calendar-minisize .datepicker-wrapper {
  left: -50%;
}
[dir=rtl] .calendar-minisize .datepicker-wrapper {
  right: -50%;
}
[dir] .calendar-minisize .datepicker-popup {
  border: 1px solid #fff;
  border-radius: 5px;
  background: #fff;
  margin-top: 6px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
  border-radius: 12px !important;
}
.calendar-minisize .datepicker-popup:before, .calendar-minisize .datepicker-popup:after {
  content: " ";
  display: table;
}
[dir] .calendar-minisize .datepicker-popup:after {
  clear: both;
}
[dir] .calendar-minisize .datepicker-popup-desktop {
  padding: 20px 8px 8px 8px;
}
[dir] .calendar-minisize .datepicker-popup-mobile {
  padding: 8px;
}
.calendar-minisize .datepicker-inner {
  width: 405px;
}
.calendar-minisize .datepicker-ctrl-desktop p,
.calendar-minisize .datepicker-ctrl-desktop span,
.calendar-minisize .datepicker-body-desktop span {
  width: 48px;
  height: 48px;
}
[dir] .calendar-minisize .datepicker-ctrl-desktop p, [dir] .calendar-minisize .datepicker-ctrl-desktop span, [dir] .calendar-minisize .datepicker-body-desktop span {
  padding: 4px;
}
.calendar-minisize .datepicker-ctrl-mobile p,
.calendar-minisize .datepicker-ctrl-mobile span,
.calendar-minisize .datepicker-body-mobile span {
  width: 40px;
  height: 40px;
}
[dir] .calendar-minisize .datepicker-ctrl-mobile p, [dir] .calendar-minisize .datepicker-ctrl-mobile span, [dir] .calendar-minisize .datepicker-body-mobile span {
  padding: 6px;
}
[dir] .calendar-minisize .datepicker-body {
  padding: inherit;
}
[dir] .calendar-minisize .datepicker-dateRange-item-active {
  background: #e6b441 !important;
}
.calendar-minisize .datepicker-dateRange .daytoday-range {
  color: #fff;
}
[dir] .calendar-minisize .datepicker-dateRange .daytoday-range {
  background: #e3c47b !important;
  border-radius: inherit;
}
.calendar-minisize .datepicker-dateRange .daytoday-range:hover,
.calendar-minisize .datepicker-dateRange .daytoday-start:hover,
.calendar-minisize .datepicker-dateRange .daytoday-end:hover {
  color: black !important;
}
[dir] .calendar-minisize .datepicker-dateRange .daytoday-range:hover, [dir] .calendar-minisize .datepicker-dateRange .daytoday-start:hover, [dir] .calendar-minisize .datepicker-dateRange .daytoday-end:hover {
  background: #eeeeee !important;
}
.calendar-minisize .datepicker-dateRange .daytoday-start {
  color: #fff;
}
[dir] .calendar-minisize .datepicker-dateRange .daytoday-start {
  background: #e6b441 !important;
}
[dir=ltr] .calendar-minisize .datepicker-dateRange .daytoday-start {
  border-top-left-radius: 100px;
  border-bottom-left-radius: 100px;
}
[dir=rtl] .calendar-minisize .datepicker-dateRange .daytoday-start {
  border-top-right-radius: 100px;
  border-bottom-right-radius: 100px;
}
.calendar-minisize .datepicker-dateRange .daytoday-end {
  color: #fff;
}
[dir] .calendar-minisize .datepicker-dateRange .daytoday-end {
  background: #e6b441 !important;
}
[dir=ltr] .calendar-minisize .datepicker-dateRange .daytoday-end {
  border-top-right-radius: 100px;
  border-bottom-right-radius: 100px;
}
[dir=rtl] .calendar-minisize .datepicker-dateRange .daytoday-end {
  border-top-left-radius: 100px;
  border-bottom-left-radius: 100px;
}
.calendar-minisize .datepicker-preBtn,
.calendar-minisize .datepicker-nextBtn {
  width: 46px;
  height: 46px;
}
[dir] .calendar-minisize .datepicker-preBtn, [dir] .calendar-minisize .datepicker-nextBtn {
  border-radius: 7px;
  border: 0.5px solid var(--stroke, #e7e7e7);
  background: var(--gray, #f4f7ff);
}
.calendar-minisize .calendaricon-angle-left:before,
.calendar-minisize .calendaricon-angle-right:before {
  font-size: 27px;
}

.event-calendar-discover {
  font-weight: 400 !important;
}
.event-calendar-discover .datepicker-body p {
  font-size: 20px !important;
  line-height: 26px;
  font-weight: 500;
}
.event-calendar-discover .datepicker-wrapper {
  width: 830px !important;
}
[dir=ltr] .event-calendar-discover .datepicker-wrapper {
  left: 0px;
}
[dir=rtl] .event-calendar-discover .datepicker-wrapper {
  right: 0px;
}
.event-calendar-discover .datepicker-wrapper-minisize {
  width: 115% !important;
}
[dir=ltr] .event-calendar-discover .datepicker-wrapper-minisize {
  left: 0px;
}
[dir=rtl] .event-calendar-discover .datepicker-wrapper-minisize {
  right: 0px;
}
[dir] .event-calendar-discover .datepicker-popup {
  border: 1px solid #fff;
  border-radius: 5px;
  background: #fff;
  margin-top: 6px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
  border-radius: 12px !important;
}
.event-calendar-discover .datepicker-popup:before, .event-calendar-discover .datepicker-popup:after {
  content: " ";
  display: table;
}
[dir] .event-calendar-discover .datepicker-popup:after {
  clear: both;
}
[dir] .event-calendar-discover .datepicker-popup-desktop {
  padding: 15px 15px 10px 15px;
}
[dir] .event-calendar-discover .datepicker-popup-mobile {
  padding: 8px;
}
.event-calendar-discover .datepicker-inner {
  width: 352px;
}
.event-calendar-discover .datepicker-ctrl-desktop p,
.event-calendar-discover .datepicker-ctrl-desktop span,
.event-calendar-discover .datepicker-body-desktop span {
  width: 46px;
  height: 40px;
}
[dir] .event-calendar-discover .datepicker-ctrl-desktop p, [dir] .event-calendar-discover .datepicker-ctrl-desktop span, [dir] .event-calendar-discover .datepicker-body-desktop span {
  padding: 4px;
}
.event-calendar-discover .datepicker-ctrl-mobile p,
.event-calendar-discover .datepicker-ctrl-mobile span,
.event-calendar-discover .datepicker-body-mobile span {
  width: 40px;
  height: 40px;
}
[dir] .event-calendar-discover .datepicker-ctrl-mobile p, [dir] .event-calendar-discover .datepicker-ctrl-mobile span, [dir] .event-calendar-discover .datepicker-body-mobile span {
  padding: 6px;
}
[dir] .event-calendar-discover .datepicker-body {
  padding: inherit;
}
[dir] .event-calendar-discover .datepicker-dateRange-item-active {
  background: #e622b3 !important;
}
.event-calendar-discover .datepicker-dateRange .daytoday-range {
  color: #fff;
}
[dir] .event-calendar-discover .datepicker-dateRange .daytoday-range {
  background: #e622b3ab !important;
  border-radius: inherit;
}
.event-calendar-discover .datepicker-dateRange .daytoday-range:hover,
.event-calendar-discover .datepicker-dateRange .daytoday-start:hover,
.event-calendar-discover .datepicker-dateRange .daytoday-end:hover {
  color: black !important;
}
[dir] .event-calendar-discover .datepicker-dateRange .daytoday-range:hover, [dir] .event-calendar-discover .datepicker-dateRange .daytoday-start:hover, [dir] .event-calendar-discover .datepicker-dateRange .daytoday-end:hover {
  background: #eeeeee !important;
}
.event-calendar-discover .datepicker-dateRange .daytoday-start {
  color: #fff;
}
[dir] .event-calendar-discover .datepicker-dateRange .daytoday-start {
  background: #e622b3 !important;
}
[dir=ltr] .event-calendar-discover .datepicker-dateRange .daytoday-start {
  border-top-left-radius: 100px;
  border-bottom-left-radius: 100px;
}
[dir=rtl] .event-calendar-discover .datepicker-dateRange .daytoday-start {
  border-top-right-radius: 100px;
  border-bottom-right-radius: 100px;
}
.event-calendar-discover .datepicker-dateRange .daytoday-end {
  color: #fff;
}
[dir] .event-calendar-discover .datepicker-dateRange .daytoday-end {
  background: #e622b3 !important;
}
[dir=ltr] .event-calendar-discover .datepicker-dateRange .daytoday-end {
  border-top-right-radius: 100px;
  border-bottom-right-radius: 100px;
}
[dir=rtl] .event-calendar-discover .datepicker-dateRange .daytoday-end {
  border-top-left-radius: 100px;
  border-bottom-left-radius: 100px;
}
.event-calendar-discover .datepicker-preBtn,
.event-calendar-discover .datepicker-nextBtn {
  width: 46px;
  height: 46px;
}
[dir] .event-calendar-discover .datepicker-preBtn, [dir] .event-calendar-discover .datepicker-nextBtn {
  border-radius: 7px;
  border: 0.5px solid var(--stroke, #e7e7e7);
  background: var(--gray, #f4f7ff);
}
.event-calendar-discover .calendaricon-angle-left:before,
.event-calendar-discover .calendaricon-angle-right:before {
  font-size: 27px;
}

[dir=ltr] .carousel-slide-safari-tour {
  padding-left: 105px !important;
  padding-right: 93px !important;
}

[dir=rtl] .carousel-slide-safari-tour {
  padding-right: 105px !important;
  padding-left: 93px !important;
}

[dir=ltr] .carousel-slide-safari-tour-mobile {
  padding-left: 0px !important;
  padding-right: 0px !important;
}

[dir=rtl] .carousel-slide-safari-tour-mobile {
  padding-right: 0px !important;
  padding-left: 0px !important;
}

[dir] .carousel-safari-tour {
  background-color: #2a3977;
  border-radius: 30px;
}
.carousel-safari-tour .scroll {
  overflow: hidden !important;
}
.carousel-safari-tour .q-checkbox__svg {
  color: var(--q-color-primary-1);
}
@media (min-width: 768px) {
  [dir=ltr] .carousel-safari-tour .q-carousel__next-arrow--horizontal {
    right: 57px !important;
  }
  [dir=rtl] .carousel-safari-tour .q-carousel__next-arrow--horizontal {
    left: 57px !important;
  }
  [dir=ltr] .carousel-safari-tour .q-carousel__prev-arrow--horizontal {
    left: 50px !important;
  }
  [dir=rtl] .carousel-safari-tour .q-carousel__prev-arrow--horizontal {
    right: 50px !important;
  }
}

.safari-tour-custom {
  height: 90px;
}

[dir] .safari-tour-custom {
  border-radius: 5px;
  border: 1px solid #e7e7e7;
  background: var(--gray, #f4f7ff);
  cursor: pointer;
}
.safari-tour-custom.selected {
  height: 70px;
}
[dir] .safari-tour-custom .check-box-safari-tour .q-checkbox__bg {
  background: #fff;
}
.safari-tour-custom .check-box-safari-tour .q-checkbox__svg {
  color: var(--q-color-primary-1);
}
.safari-tour-custom .img-safari-tour {
  height: 100%;
}
[dir] .safari-tour-custom .img-safari-tour {
  background-size: auto !important;
}
.safari-tour-custom .img-safari-tour-cover {
  height: 100%;
}
[dir] .safari-tour-custom .img-safari-tour-cover {
  background-size: cover !important;
}
.safari-tour-custom .img-safari-tour-over {
  height: 70%;
}
[dir] .safari-tour-custom .img-safari-tour-over {
  background-size: auto !important;
}
[dir=ltr] .safari-tour-custom .img-safari-tour-over {
  background-position: 68% 25% !important;
}
[dir=rtl] .safari-tour-custom .img-safari-tour-over {
  background-position: 32% 25% !important;
}
.safari-tour-custom .img-height-safari-tour {
  max-height: 70px;
  max-width: 80px;
}
.safari-tour-custom .safari-tour-title {
  color: var(--tail-grids-black-color, #212b36);
  font-family: "DiavloLight", "Open Sans", sans-serif;
  font-size: 14px;
  font-weight: 700;
  line-height: 20px;
  overflow: hidden;
  word-wrap: break-word;
}

.safari-tour-custom-mobile {
  height: 85px;
}

[dir] .safari-tour-custom-mobile {
  border-radius: 5px;
  background: var(--gray, #f4f7ff);
  cursor: pointer;
}
[dir=ltr] .safari-tour-custom-mobile .check-box-safari-tour {
  margin-left: -5px;
}
[dir=rtl] .safari-tour-custom-mobile .check-box-safari-tour {
  margin-right: -5px;
}
[dir] .safari-tour-custom-mobile .check-box-safari-tour .q-checkbox__bg {
  background: #fff;
}
.safari-tour-custom-mobile .check-box-safari-tour .q-checkbox__svg {
  color: var(--q-color-primary-1);
}
.safari-tour-custom-mobile .img-safari-tour {
  height: 100%;
}
[dir] .safari-tour-custom-mobile .img-safari-tour {
  background-size: auto !important;
}
.safari-tour-custom-mobile .img-safari-tour-cover {
  height: 100%;
}
[dir] .safari-tour-custom-mobile .img-safari-tour-cover {
  background-size: cover !important;
}
.safari-tour-custom-mobile .img-safari-tour-over {
  height: 70%;
}
[dir] .safari-tour-custom-mobile .img-safari-tour-over {
  background-size: auto !important;
}
[dir=ltr] .safari-tour-custom-mobile .img-safari-tour-over {
  background-position: 68% 25% !important;
}
[dir=rtl] .safari-tour-custom-mobile .img-safari-tour-over {
  background-position: 32% 25% !important;
}
.safari-tour-custom-mobile .safari-tour-title {
  color: var(--tail-grids-black-color, #212b36);
  font-size: 11px;
  font-weight: 700;
  overflow: hidden;
  text-overflow: ellipsis;
  word-wrap: break-word;
}
[dir] .safari-tour-custom-mobile .safari-tour-title {
  text-align: center;
}
[dir] .safari-tour-custom-mobile .q-img__image {
  background-size: contain !important;
}

.slick-prev:before {
  content: "‹" !important;
  font-size: 50px !important;
}

.slick-next:before {
  content: "›" !important;
  font-size: 50px !important;
}

.slick-prev,
.slick-next {
  top: 25% !important;
}

[dir] .who-going-scope {
  margin-top: 12px;
}

.place-scope {
  width: 750px;
  position: inherit;
}

[dir] .place-scope {
  border-radius: 12px !important;
  margin-top: 6px;
}
.place-scope .option-parent-place {
  width: 100%;
  height: auto;
}
[dir] .place-scope .option-parent-place {
  border-radius: 18.851px;
  background: #fff;
  box-shadow: 0px 3.7701816559px 49.9549064636px 0px rgba(0, 0, 0, 0.1);
  cursor: pointer;
}
[dir=ltr] .place-scope .option-parent-place {
  margin: 15px 0px 3px 5px;
}
[dir=rtl] .place-scope .option-parent-place {
  margin: 15px 5px 3px 0px;
}
.place-scope .option-parent-place .check-box-place .q-checkbox__icon {
  color: var(--q-color-primary-1);
}
.place-scope .region-header {
  font-size: 16px;
  font-weight: 700;
}
.place-scope .image-country {
  width: 61%;
}
.place-scope .image-country .custom-img-place {
  height: 100%;
}
[dir] .place-scope .image-country .custom-img-place {
  background-size: cover !important;
}
.place-scope .image-country .img-place-over {
  height: 70%;
}
[dir] .place-scope .image-country .img-place-over {
  background-size: auto !important;
}
[dir=ltr] .place-scope .image-country .img-place-over {
  background-position: 68% 50% !important;
}
[dir=rtl] .place-scope .image-country .img-place-over {
  background-position: 32% 50% !important;
}
.place-scope .image-country .img-height-place {
  height: 120px;
}
.place-scope .region-title {
  font-size: 13px;
  color: var(--tail-grids-black-color, #212b36);
}

.qmenu-country {
  position: absolute;
  top: -6px;
  z-index: 999;
}

[dir] .qmenu-country {
  background: none;
}

[dir=ltr] .qmenu-country {
  left: 0px;
}

[dir=rtl] .qmenu-country {
  right: 0px;
}

.dropdown-country {
  width: 411px;
  position: static;
}

[dir] .dropdown-country {
  border-radius: 12px !important;
  border: 2px solid gray;
}
.dropdown-country-mobile {
  top: 220px;
  width: 270px;
  position: inherit;
}
[dir] .dropdown-country-mobile {
  border-radius: 12px !important;
  margin-top: 6px;
}
[dir] .dropdown-country-mobile .dropdown-icon {
  background-color: #d3d3d3;
  padding: 8px;
  border-radius: 12px;
}
[dir] .dropdown-country-mobile .dropdown-item:hover {
  background-color: #e5e4e2;
}
[dir] .dropdown-country .dropdown-icon {
  background-color: #d3d3d3;
  padding: 8px;
  border-radius: 12px;
}
[dir] .dropdown-country .dropdown-item:hover {
  background-color: #e5e4e2;
}

.place-scope-mobile {
  width: 98vw;
}

[dir] .place-scope-mobile {
  border-radius: 12px !important;
}
.place-scope-mobile .region-header {
  font-size: 16px;
  font-weight: 700;
}
[dir] .place-scope-mobile .region-header {
  margin-bottom: 10px;
  margin-top: -20px;
}
.place-scope-mobile .option-parent-place {
  height: 100px;
}
[dir] .place-scope-mobile .option-parent-place {
  border-radius: 12px;
  background: #fff;
  box-shadow: 0px 3.7701816559px 49.9549064636px 0px rgba(0, 0, 0, 0.1);
  cursor: pointer;
}
.place-scope-mobile .option-parent-place .check-box-place .q-checkbox__icon {
  color: #3056d3;
}
[dir] .place-scope-mobile .option-parent-place.selected {
  border: 1px solid var(--q-color-primary);
}
.place-scope-mobile .image-country {
  width: 61%;
}
.place-scope-mobile .image-country .custom-img-place {
  height: 100%;
}
[dir] .place-scope-mobile .image-country .custom-img-place {
  background-size: cover !important;
}
.place-scope-mobile .image-country .img-place-over {
  height: 70%;
  width: 70%;
}
[dir] .place-scope-mobile .image-country .img-place-over {
  background-size: cover !important;
}
.place-scope-mobile .image-country .img-height-place {
  max-height: 187px;
}
.place-scope-mobile .region-title {
  position: absolute;
  top: 70%;
  width: 92%;
  height: 50px;
  font-weight: 600;
  line-height: 16px;
  font-size: 11px;
  color: var(--tail-grids-black-color, #212b36);
}
[dir] .place-scope-mobile .region-title {
  padding: 4px;
  border-radius: 5px !important;
  border: 1px solid #e7e7e7 !important;
  background: var(--gray, #f4f7ff);
  text-align: center;
}

.custom-pax-discover {
  width: 100%;
}

[dir] .custom-pax-discover {
  padding: 7px;
  border-radius: 6px;
  border: 1px solid var(--stroke, #cccccc);
  background: #fff;
  cursor: pointer;
}

.pax-discover {
  width: 100%;
}

[dir] .pax-discover {
  padding: 10px 5px;
  border-radius: 6px;
  border: 1px solid var(--stroke, #e7e7e7);
  background: #fff;
  cursor: pointer;
}
.pax-discover .q-field--auto-height.q-field--dense .q-field__native {
  min-height: 20px;
}
[dir] .pax-discover .q-field--labeled .q-field__native {
  padding-top: 10px;
  padding-bottom: 0px;
}
[dir] .pax-discover .q-field__native {
  padding: 0px;
}

.edit-search-listing-page {
  width: 100%;
  height: 100%;
  color: #fff;
}

[dir] .edit-search-listing-page {
  border-radius: 4px;
  background: var(--q-color-primary-1);
}

.error-destination-size {
  font-size: 12px;
}

.custom-alert-warning {
  display: block;
}

.color-icon {
  color: var(--tail-grids-text-color, #637381);
}

.color-title-inspire {
  color: var(--tail-grids-black-color, #212b36) !important;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px !important;
}

[dir] .custom-remove-icon {
  border-radius: 4px;
  border: 0.5px solid var(--stroke, #e7e7e7);
  background: var(--gray, #f4f7ff);
}

[dir] .custom-add-icon {
  border-radius: 4px;
  background: var(--tail-grids-color, #166987);
}

.title-count-number {
  width: 37px;
  height: 37px;
  color: var(--tail-grids-black-color, #212b36);
  font-size: 18px;
  font-weight: 500;
  line-height: 24px;
}

[dir] .title-count-number {
  border-radius: 7px;
  border: 0.5px solid var(--stroke, #e7e7e7);
  background: var(--gray, #f4f7ff);
}

.custom-card-who-going {
  width: 700px;
  position: inherit;
}

[dir] .custom-card-who-going {
  border-radius: 12px !important;
}

[dir=ltr] .custom-card-who-going {
  right: 28%;
}

[dir=rtl] .custom-card-who-going {
  left: 28%;
}

.custom-card-who-going-mobile {
  width: 98vw;
}

[dir] .custom-card-who-going-mobile {
  border-radius: 12px !important;
}

.pax-picker-home-field {
  position: relative;
}

[dir] .pax-picker-home-field {
  margin-bottom: 250px;
}

.pax-picker-home {
  position: absolute !important;
  top: 50px;
}

[dir=ltr] .pax-picker-home {
  left: 810px;
  right: 0px !important;
}

[dir=rtl] .pax-picker-home {
  right: 810px;
  left: 0px !important;
}

.pax-picker-minisize.custom-card-who-going {
  width: 585px;
  position: inherit;
}

[dir] .pax-picker-minisize.custom-card-who-going {
  border-radius: 12px !important;
}

[dir=ltr] .pax-picker-minisize.custom-card-who-going {
  right: auto;
}

[dir=rtl] .pax-picker-minisize.custom-card-who-going {
  left: auto;
}

.pax-picker-minisize.custom-card-who-going-mobile {
  width: 100%;
  position: inherit;
}

[dir] .pax-picker-minisize.custom-card-who-going-mobile {
  border-radius: 12px !important;
}

[dir=ltr] .pax-picker-minisize.custom-card-who-going-mobile {
  right: 0%;
}

[dir=rtl] .pax-picker-minisize.custom-card-who-going-mobile {
  left: 0%;
}

.span-who-going {
  color: #fff;
  font-size: 16px;
  font-weight: 600;
}

[dir] .btn-clear-who-going {
  padding: 4px 0px;
  border-radius: 4px;
  background: var(--tail-grids-black-color, #212b36);
}

[dir] .btn-done-who-going {
  padding: 4px 0px;
  border-radius: 4px;
  background: var(--tail-grids-color, var(--q-color-primary-1));
}

.title-inspire-me {
  color: #000;
  font-size: 32px;
  font-weight: 700;
}

[dir] .inspire-me-card {
  padding: 7%;
}
.inspire-me-card .title-custom {
  color: var(--dark-blue, #113454);
}
.inspire-me-card .title-custom .title-parent {
  font-size: 24px;
  font-weight: 700;
  line-height: 150%;
}
.inspire-me-card .title-custom .title-child {
  font-size: 20px;
  font-weight: 400;
  line-height: 150%;
}
.inspire-me-card .option-group-custom {
  width: 100%;
}
[dir] .inspire-me-card .option-group-custom {
  background: #fff;
  border-radius: 12px;
  border: 2px solid #3056d3;
}
.inspire-me-card .option-group-custom .option-parent .q-checkbox {
  height: 40px;
}
[dir] .inspire-me-card .option-group-custom .option-parent .q-checkbox {
  border-radius: 5px;
  border: 1px solid #e7e7e7;
  background: var(--gray, #f4f7ff);
  margin: 15px 10px 15px 10px;
}
[dir=ltr] .inspire-me-card .option-group-custom .option-parent .q-checkbox {
  padding: 8px 22px 8px 10px;
}
[dir=rtl] .inspire-me-card .option-group-custom .option-parent .q-checkbox {
  padding: 8px 10px 8px 22px;
}
[dir] .inspire-me-card .option-group-custom .option-parent .q-checkbox .q-checkbox__bg {
  background: #fff;
}
.inspire-me-card .option-group-custom .label-custom {
  color: var(--tail-grids-black-color, #212b36);
  font-size: 14px;
  font-weight: 600;
  line-height: 24px;
}

[dir] .camels-image .q-img__image {
  background-size: inherit !important;
}

[dir] .custom-camels-image {
  background: rgba(0, 0, 0, 0) !important;
}
.custom-camels-image .button-camels-image {
  width: 24%;
  font-size: 16px;
  font-weight: 600;
  line-height: 20px;
}
[dir] .custom-camels-image .button-camels-image {
  border-radius: 4px;
  background: #637381;
  padding: 5px 25px;
}

.tour-detail-page {
  max-width: 1200px;
}

[dir] .tour-detail-page {
  margin: auto;
}
.tour-detail-page .background-avatar-description {
  color: #fff;
  font-size: 16px;
  font-weight: 500;
}
[dir] .tour-detail-page .background-avatar-description {
  background: #00000078;
  border-radius: 4px;
}

.tour-option-container .tour-option-table {
  border-collapse: collapse;
  width: 100%;
}
.tour-option-container .tour-option-table table {
  width: 100%;
}
[dir] .tour-option-container .tour-option-table table {
  border-radius: 10px;
  background: #fff;
  box-shadow: 0px 3px 8px 0px rgba(0, 0, 0, 0.08);
}
[dir] .tour-option-container .tour-option-table td, [dir] .tour-option-container .tour-option-table th {
  padding: 10px;
}
[dir=ltr] .tour-option-container .tour-option-table td.book-btn {
  padding: 10px 10px 10px 0px;
}
[dir=rtl] .tour-option-container .tour-option-table td.book-btn {
  padding: 10px 0px 10px 10px;
}
[dir] .tour-option-container .tour-option-table th {
  border-radius: 10px 10px 0px 0px;
}
[dir] .tour-option-container .tour-option-table tr {
  border-bottom: 1px solid var(--stroke, #e7e7e7);
}
.tour-option-container .tour-option-table .name-table-what-is-included {
  color: #212b36;
  font-size: 15px;
  font-weight: 600;
  line-height: 26px;
}
.tour-option-container .tour-option-table .title-table-what-is-included {
  color: #637381;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
}
.tour-option-container .tour-option-table .span-what-is-included {
  color: #8d99a3;
  font-size: 14px;
  font-weight: 500;
  line-height: 24px;
}
.tour-option-container .tour-option-table .row-item {
  color: var(--tail-grids-text-color, #637381);
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
}
.tour-option-container .tour-option-table .row-item-contact {
  color: #0000ee;
}
.tour-option-container .column-percent {
  width: 20%;
}
.tour-option-container .column-percent .btn-book {
  color: #fff;
  font-size: 12px;
  font-weight: 500;
}
[dir] .tour-option-container .column-percent .btn-book {
  background: var(--q-color-primary-1);
}

.tkp-tour-detail-page {
  width: 100%;
}

[dir] .tkp-tour-detail-page {
  margin: auto;
}

.tkp-panels-custom-size {
  top: -25px;
  position: relative;
  overflow: hidden;
}

[dir] .tkp-panels-custom-size {
  background: #f4f7ff;
}

.tour-detail-contain-mobile {
  width: 100vw;
  top: -25px;
  position: relative;
}

[dir] .tour-detail-contain-mobile {
  background-position: 50% 70%;
  background-size: cover;
}

[dir=ltr] .tour-detail-contain-mobile {
  left: 50%;
  right: 50%;
  margin-left: -50vw;
  margin-right: -50vw;
}

[dir=rtl] .tour-detail-contain-mobile {
  right: 50%;
  left: 50%;
  margin-right: -50vw;
  margin-left: -50vw;
}

.section-save-wishlist {
  display: flex;
  justify-content: flex-end;
}
.section-save-wishlist .save-wishlist {
  color: var(--tail-grids-text-color, #166987);
  font-size: 16px;
  font-weight: 600;
}
[dir] .section-save-wishlist .save-wishlist {
  border-radius: 4px;
  background: var(--white, #e6b441);
  box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.14);
}
[dir=ltr] .section-save-wishlist .save-wishlist {
  padding: 8px 25px 8px 15px;
}
[dir=rtl] .section-save-wishlist .save-wishlist {
  padding: 8px 15px 8px 25px;
}

.tour-header {
  height: 270px;
}
@media (min-width: 768px) {
  .tour-header {
    height: 380px;
  }
}
.tour-header .tour-detail .tour-title {
  color: #212b36;
  font-size: 20px;
  font-weight: 700;
}
@media (min-width: 768px) {
  .tour-header .tour-detail {
    width: 450px;
  }
  [dir=ltr] .tour-header .tour-detail {
    margin-left: 50px;
  }
  [dir=rtl] .tour-header .tour-detail {
    margin-right: 50px;
  }
  .tour-header .tour-detail .title-tour-header {
    font-size: 28px;
  }
}
.tour-header .tour-detail .title-safari-header {
  color: #3056d3;
  font-size: 16px;
  font-weight: 600;
}
.tour-header .tour-detail .sub-title-tour-header {
  color: #637381;
  font-size: 16px;
  font-weight: 500;
  line-height: 28px;
}
.tour-header .tour-detail .btn-book-now-tour-header {
  color: #fff;
  font-size: 15px;
  font-weight: 500;
}
[dir] .tour-header .tour-detail .btn-book-now-tour-header {
  background: #e622b3;
  padding: 0px 5px;
}
.tour-header .tour-detail .review-tour-header {
  color: var(--tail-grids-text-color, #637381);
  font-size: 15px;
  font-weight: 500;
  line-height: 24px;
}

[dir] .availability-search-form {
  padding: 25px;
  border-radius: 7px;
}

[dir] .tour-intro {
  background-color: #166987;
}
[dir] .tour-intro .tour-intro-card {
  background-color: #166987;
  box-shadow: none;
}
[dir] .tour-intro .tour-intro-card .tour-intro-card-section {
  padding-top: 0px;
}
.tour-intro .tour-intro-card .title-tour-intro {
  color: #fff;
  font-size: 24px;
  font-weight: 700;
  line-height: 45px;
}
.tour-intro .tour-intro-card .sub-title-tour-intro {
  color: #fff;
  font-size: 16px;
  font-weight: 700;
}
@media (min-width: 768px) {
  .tour-intro .tour-intro-card .title-tour-intro {
    font-size: 28px;
  }
  .tour-intro .tour-intro-card .sub-title-tour-intro {
    font-size: 18px;
  }
}
.tour-intro .dotted-half-img {
  bottom: -50px !important;
}

.tour-features .title-tour-features {
  color: #2e2e2e;
  font-size: 35px;
  font-weight: 700;
  line-height: 45px;
}
.tour-features .sub-title-tour-features {
  color: #637381;
  font-size: 16px;
  font-weight: 400;
  line-height: 25px !important;
}
.tour-features .title-video-description {
  color: #637381;
  font-size: 16px;
  font-weight: 400;
  line-height: 25px !important;
}
.tour-features .txt-head-content {
  color: #2e2e2e;
  font-size: 35px;
  font-weight: 700;
  line-height: 30px;
  text-transform: capitalize;
}
.tour-features .title-video-tour-features {
  color: #212b36;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
}
.tour-features .video-tour-features {
  max-width: 363px;
  height: 182px;
  width: 100%;
}
[dir] .tour-features .video-tour-features {
  border-radius: 12px;
}
.tour-features .table-tour-features table {
  width: 100%;
}
[dir] .tour-features .table-tour-features table {
  border-radius: 8px;
  border: 1px solid var(--stroke, #e7e7e7);
}
[dir] .tour-features .table-tour-features td, [dir] .tour-features .table-tour-features th {
  padding: 15px;
}
[dir=ltr] .tour-features .table-tour-features td, [dir=ltr] .tour-features .table-tour-features th {
  text-align: left;
}
[dir=rtl] .tour-features .table-tour-features td, [dir=rtl] .tour-features .table-tour-features th {
  text-align: right;
}
[dir] .tour-features .table-tour-features th {
  border-bottom: 1px solid var(--stroke, #e7e7e7);
}
[dir=ltr] .tour-features .table-tour-features th {
  padding-left: 2%;
}
[dir=rtl] .tour-features .table-tour-features th {
  padding-right: 2%;
}
.tour-features .table-tour-features .name-table-features {
  color: #212b36;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
}
.tour-features .table-tour-features .title-table-features {
  color: var(--tail-grids-text-color, #637381);
  font-size: 14px;
  font-weight: 700;
  line-height: 24px;
}
.tour-features .table-tour-features .sub-title-table-features {
  color: var(--tail-grids-text-color, #637381);
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
}
[dir] .tour-features .table-tour-features .table-features-img {
  background-size: inherit !important;
}
.tour-features .btn-get-in-touch {
  color: #fff;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
}
[dir] .tour-features .btn-get-in-touch {
  border-radius: 6px;
  background: #e622b3;
  padding: 3px 15px 0px 15px;
}

.tour-detail-tab-content {
  width: 100%;
}

[dir] .tour-detail-tab-content {
  background: #f4f7ff;
  border-radius: 12px;
}

.tour-tabs {
  max-width: 1200px;
}

[dir] .tour-tabs {
  background: #f4f7ff;
  border-radius: 12px;
}
.tour-tabs .tour-tabs-list {
  width: 100%;
}
.tour-tabs .tour-tabs-list .q-tab__icon {
  color: #e622b3;
}
[dir] .tour-tabs-header {
  padding: 20px 16px;
  border-bottom: 3px solid #ebeffb;
  background: #a8c2cc;
}
.tour-tabs .tour-tab-active {
  height: 50px;
  color: #fff !important;
  text-transform: capitalize;
}
[dir] .tour-tabs .tour-tab-active {
  border-radius: 8px;
  background: #e3c47b;
}
.tour-tabs .tour-tab-default {
  color: #166987;
  height: 43px;
  font-size: 16px;
  font-weight: 600;
  line-height: 28px;
  text-transform: capitalize;
}
[dir] .tour-tabs .tour-tab-default {
  border-radius: 5px;
  text-align: center;
}

.base-social {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 48px;
  height: 48px;
  font-weight: 700;
}

[dir] .base-social {
  background-color: #ebf5fc;
  border-radius: 50%;
}

[dir=ltr] .base-social {
  margin-right: 10px;
  box-shadow: -2px -2px 5px white, 3px 3px 5px rgba(0, 0, 0, 0.1);
}

[dir=rtl] .base-social {
  margin-left: 10px;
  box-shadow: 2px -2px 5px white, -3px 3px 5px rgba(0, 0, 0, 0.1);
}

.activities-transport {
  height: 483px;
}
.activities-transport .activities-transport-card {
  height: 300px;
}
[dir] .activities-transport .activities-transport-card {
  border-radius: 20px;
  background: #fff;
  box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.1);
  padding: 40px;
}
.activities-transport .title-activities-transport {
  color: #000;
  font-size: 24px;
  font-weight: 600;
}
.activities-transport .activities-transport-img {
  max-width: 137px;
}
[dir] .activities-transport .activities-transport-img {
  background-size: inherit !important;
}

[dir] .covid-19 {
  padding: 5% 0%;
}
[dir] .covid-19 .covid-19-card {
  border-radius: 10px;
  background: #fff;
  box-shadow: 0px 3px 8px 0px rgba(0, 0, 0, 0.08);
}
.covid-19 .table-covid-19 {
  border-collapse: collapse;
}
.covid-19 .table-covid-19 table {
  width: 100%;
}
[dir] .covid-19 .table-covid-19 table {
  border-radius: 10px;
  background: #fff;
  box-shadow: 0px 3px 8px 0px rgba(0, 0, 0, 0.08);
}
[dir] .covid-19 .table-covid-19 td, [dir] .covid-19 .table-covid-19 th {
  padding: 15px;
}
[dir=ltr] .covid-19 .table-covid-19 td, [dir=ltr] .covid-19 .table-covid-19 th {
  text-align: left;
}
[dir=rtl] .covid-19 .table-covid-19 td, [dir=rtl] .covid-19 .table-covid-19 th {
  text-align: right;
}
[dir] .covid-19 .table-covid-19 th {
  border-radius: 10px 10px 0px 0px;
  background: #f9fafb;
  border-bottom: 1px solid var(--stroke, #e7e7e7);
}
[dir=ltr] .covid-19 .table-covid-19 th {
  padding-left: 3.6%;
}
[dir=rtl] .covid-19 .table-covid-19 th {
  padding-right: 3.6%;
}
.covid-19 .table-covid-19 .name-table-covid-19 {
  color: #212b36;
  font-size: 15px;
  font-weight: 600;
  line-height: 26px;
}
.covid-19 .table-covid-19 .title-table-covid-19 {
  color: #637381;
  font-size: 16px;
  font-weight: 600;
  line-height: 16px;
}
.covid-19 .table-covid-19 .icon-covid-19 {
  color: #1bbb81;
  font-size: 24px;
}

[dir] .accommodation-meals {
  padding: 5% 0%;
}
[dir] .accommodation-meals .accommodation-meals-card {
  border-radius: 10px;
  background: #fff;
  box-shadow: 0px 3px 8px 0px rgba(0, 0, 0, 0.08);
}
.accommodation-meals .table-accommodation-meals {
  border-collapse: collapse;
  width: 100%;
}
.accommodation-meals .table-accommodation-meals table {
  width: 100%;
}
[dir] .accommodation-meals .table-accommodation-meals table {
  border-radius: 10px;
  background: #fff;
  box-shadow: 0px 3px 8px 0px rgba(0, 0, 0, 0.08);
}
[dir] .accommodation-meals .table-accommodation-meals td, [dir] .accommodation-meals .table-accommodation-meals th {
  padding: 20px;
}
[dir=ltr] .accommodation-meals .table-accommodation-meals td, [dir=ltr] .accommodation-meals .table-accommodation-meals th {
  text-align: left;
  padding-left: 3.6%;
}
[dir=rtl] .accommodation-meals .table-accommodation-meals td, [dir=rtl] .accommodation-meals .table-accommodation-meals th {
  text-align: right;
  padding-right: 3.6%;
}
[dir] .accommodation-meals .table-accommodation-meals th {
  border-radius: 10px 10px 0px 0px;
}
[dir] .accommodation-meals .table-accommodation-meals tr {
  border-bottom: 1px solid var(--stroke, #e7e7e7);
}
.accommodation-meals .table-accommodation-meals .name-table-accommodation-meals {
  color: #212b36;
  font-size: 15px;
  font-weight: 600;
  line-height: 26px;
}
.accommodation-meals .table-accommodation-meals .title-table-accommodation-meals {
  color: #637381;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
}
.accommodation-meals .table-accommodation-meals .icon-accommodation-meals {
  color: #1bbb81;
  font-size: 24px;
}
.accommodation-meals .day-table-accommodation-meals {
  color: #ffa70b;
  font-size: 14px;
  font-weight: 500;
  line-height: 22px;
}
[dir] .accommodation-meals .day-table-accommodation-meals {
  padding: 4px 14px;
  border-radius: 30px;
  background: rgba(255, 167, 11, 0.08);
}

[dir] .gallery-custom {
  padding: 20px 0px;
}
.gallery-custom .image-gallery {
  height: 275px;
}

.image-and-video-custom .title-image-gallery {
  color: #637381;
  font-size: 16px;
  font-weight: 400;
}

[dir] .video-gallery-custom {
  padding-bottom: 5%;
}

.video-gallery {
  height: 100%;
  max-height: 333px;
  object-fit: cover;
}

.gallery-image {
  object-fit: cover;
}

.table-custom .table-background {
  width: 782px;
}

[dir] .table-custom .table-background {
  border-radius: 10px;
  background: #fff;
  box-shadow: 0px 3px 8px 0px rgba(0, 0, 0, 0.08);
}
[dir] .table-custom .table-background .table-percent-what-is-included {
  border-bottom: 1px solid var(--stroke, #e7e7e7);
}
.table-custom .overflow-custom {
  overflow-x: auto;
}
.table-custom table {
  border-collapse: collapse;
  border-spacing: 0;
  width: 100%;
}
[dir] .table-custom th, [dir] .table-custom td {
  padding: 10px;
}
[dir=ltr] .table-custom th, [dir=ltr] .table-custom td {
  text-align: left;
}
[dir=rtl] .table-custom th, [dir=rtl] .table-custom td {
  text-align: right;
}

[dir] .what-is-included {
  padding: 7px 0px;
}
[dir] .what-is-included-mobile {
  padding: 10px 0px;
}
[dir] .what-is-included .included-card {
  border-radius: 10px;
  background-color: #fff;
  box-shadow: 0px 3px 8px 0px rgba(0, 0, 0, 0.08);
}
.what-is-included .included-card .sub-tour-tab {
  color: #2a3977;
  text-transform: capitalize;
}
[dir] .what-is-included .included-card .sub-tour-tab {
  background-color: #e6e6e6;
  border-radius: 5px;
}
[dir=ltr] .what-is-included .included-card .sub-tour-tab {
  margin-right: 10px;
}
[dir=rtl] .what-is-included .included-card .sub-tour-tab {
  margin-left: 10px;
}
.what-is-included .included-card .sub-tour-tab .sub-tour-tab-title {
  font-weight: 600;
}
.what-is-included .included-card .sub-tour-tab.active {
  color: white;
}
[dir] .what-is-included .included-card .sub-tour-tab.active {
  background-color: #41ace1;
}
.what-is-included .table-included {
  width: 100%;
  border-collapse: collapse;
}
[dir=ltr] .what-is-included .table-included-mobile th {
  padding-left: 4.9% !important;
}
[dir=rtl] .what-is-included .table-included-mobile th {
  padding-right: 4.9% !important;
}
.what-is-included .table-included table {
  width: 100%;
}
[dir] .what-is-included .table-included table {
  border-radius: 10px;
  background: #fff;
  box-shadow: 0px 3px 8px 0px rgba(0, 0, 0, 0.08);
}
[dir] .what-is-included .table-included td, [dir] .what-is-included .table-included th {
  padding: 15px;
}
[dir=ltr] .what-is-included .table-included td, [dir=ltr] .what-is-included .table-included th {
  text-align: left;
}
[dir=rtl] .what-is-included .table-included td, [dir=rtl] .what-is-included .table-included th {
  text-align: right;
}
[dir] .what-is-included .table-included th {
  border-radius: 10px 10px 0px 0px;
  background: #f9fafb;
  border-bottom: 1px solid var(--stroke, #e7e7e7);
}
[dir=ltr] .what-is-included .table-included th {
  padding-left: 2.9%;
}
[dir=rtl] .what-is-included .table-included th {
  padding-right: 2.9%;
}
[dir] .what-is-included .table-included td {
  padding: 7px;
}
.what-is-included .table-included .name-table-included {
  color: #212b36;
  font-size: 15px;
  font-weight: 600;
  line-height: 26px;
}
[dir] .what-is-included .table-included .padding-included {
  padding-top: 2px;
}
.what-is-included .table-included .title-table-included {
  color: #637381;
  font-size: 16px;
  font-weight: 600;
  line-height: 16px;
}
.what-is-included .table-included .icon-included-success {
  color: #1bbb81;
  font-size: 24px;
}
.what-is-included .table-included .icon-included-fail {
  color: #dc2626;
  font-size: 24px;
}
.what-is-included .title-header {
  color: #212b36;
  font-size: 20px;
  font-weight: 700;
  line-height: 24px;
}
[dir] .what-is-included .what-is-included-card {
  border-radius: 7px;
}
.what-is-included .table-what-is-included {
  border-collapse: collapse;
  width: 100%;
}
.what-is-included .table-what-is-included table {
  width: 100%;
}
[dir] .what-is-included .table-what-is-included table {
  border-radius: 10px;
  background: #fff;
  box-shadow: 0px 3px 8px 0px rgba(0, 0, 0, 0.08);
}
.what-is-included .table-what-is-included .table-percent-what-is-included {
  width: 100%;
}
.what-is-included .table-what-is-included .table-percent-what-is-included .start-date-percent {
  width: 20%;
}
[dir=ltr] .what-is-included .table-what-is-included .table-percent-what-is-included .start-date-table {
  padding-left: 2.7%;
}
[dir=rtl] .what-is-included .table-what-is-included .table-percent-what-is-included .start-date-table {
  padding-right: 2.7%;
}
.what-is-included .table-what-is-included .table-percent-what-is-included .people-percent {
  width: 11%;
}
.what-is-included .table-what-is-included .table-percent-what-is-included .more-people-percent {
  width: 14%;
}
[dir] .what-is-included .table-what-is-included td, [dir] .what-is-included .table-what-is-included th {
  padding: 10px;
}
[dir=ltr] .what-is-included .table-what-is-included td, [dir=ltr] .what-is-included .table-what-is-included th {
  text-align: left;
  padding-left: 1%;
}
[dir=rtl] .what-is-included .table-what-is-included td, [dir=rtl] .what-is-included .table-what-is-included th {
  text-align: right;
  padding-right: 1%;
}
[dir] .what-is-included .table-what-is-included th {
  border-radius: 10px 10px 0px 0px;
}
[dir] .what-is-included .table-what-is-included tr {
  border-bottom: 1px solid var(--stroke, #e7e7e7);
}
[dir] .what-is-included .table-what-is-included td {
  padding: 10px;
}
.what-is-included .table-what-is-included .table-header {
  color: #212b36;
  font-size: 15px;
  font-weight: 600;
  line-height: 26px;
}
.what-is-included .table-what-is-included .title-table-what-is-included {
  color: #637381;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
}
.what-is-included .table-what-is-included .span-what-is-included {
  color: #8d99a3;
  font-size: 14px;
  font-weight: 500;
  line-height: 24px;
}
.what-is-included .day-table-what-is-included {
  color: var(--tail-grids-text-color, #637381);
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
}
.what-is-included .day-table-what-is-included-contact {
  color: #0000ee;
}

.itinerary-custom .itinerary-content {
  display: flex;
}

[dir] .itinerary-custom .itinerary-content {
  padding-bottom: 1.5rem;
}

[dir=ltr] .itinerary-custom .itinerary-content {
  background: linear-gradient(90deg, #f4f7ff 43px, #0d97ce 43px, #def0f7 45px, #f4f7ff 40px);
}

[dir=rtl] .itinerary-custom .itinerary-content {
  background: linear-gradient(-90deg, #f4f7ff 43px, #0d97ce 43px, #def0f7 45px, #f4f7ff 40px);
}
@media (max-width: 768px) {
  [dir=ltr] .itinerary-custom .itinerary-content {
    background: linear-gradient(90deg, #f4f7ff 35px, #0089be 35px, #def0f7 37px, #f4f7ff 32px);
  }
  [dir=rtl] .itinerary-custom .itinerary-content {
    background: linear-gradient(-90deg, #f4f7ff 35px, #0089be 35px, #def0f7 37px, #f4f7ff 32px);
  }
}
.itinerary-custom .title-itinerary-list {
  color: #166987;
  font-size: 14px;
  font-weight: 500;
  line-height: 22px;
}
.itinerary-custom .description-itinerary-list {
  color: #637381;
  font-size: 16px;
  font-weight: 400;
  line-height: 28px;
}
.itinerary-custom .description-itinerary-list-mobile {
  color: #637381;
  font-size: 16px;
  font-weight: 400;
  line-height: 26px;
}
.itinerary-custom .title-meals-list {
  color: #637381;
  font-size: 16px;
  font-weight: 700;
  line-height: 16px;
}
.itinerary-custom .icon-itinerary {
  color: #1bbb81;
  font-size: 24px;
}
.itinerary-custom .image-itinerary {
  width: 582px;
  height: 435px;
}
.itinerary-custom .image-itinerary-mobile {
  width: 582px;
  height: 150px;
}
.itinerary-custom .image-custom-mobile {
  height: 170px;
}
.itinerary-custom .image-custom-mobile .img {
  object-fit: cover;
}
.itinerary-custom .contain-itinerary {
  width: 100%;
}
.itinerary-custom .icon-image-itinerary,
.itinerary-custom .div-image-itinerary {
  height: 45px;
  width: 45px;
}
.itinerary-custom .stop-number {
  width: 88px;
  height: 50px;
  color: #ffffff;
  font-size: 18px;
  font-weight: 600;
  line-height: 24px;
}
[dir] .itinerary-custom .stop-number {
  margin: 15px 0;
  background-color: #e3c47b;
  border-radius: 10px;
  text-align: center;
}
.itinerary-custom .stop-number-mobile {
  width: 70px;
  height: 40px;
  color: #ffffff;
  font-size: 12px;
  font-weight: 600;
  line-height: 24px;
}
[dir] .itinerary-custom .stop-number-mobile {
  margin: 14px 0;
  background-color: #e3c47b;
  border-radius: 10px;
  text-align: center;
}
.itinerary-custom .stop-number-custom {
  width: 90px;
}
.itinerary-custom .stop-number-custom-mobile {
  width: 70px;
}

.what-our-customers-say .title-what-our-customers-say {
  color: #2e2e2e;
  font-size: 40px;
  font-weight: 700;
  line-height: 45px;
}

.click-tour-background {
  max-width: 1100px;
  min-height: 150px;
  z-index: 1000;
}

[dir] .click-tour-background {
  background-color: #3b87ce;
  border-radius: 20px;
  padding: 20px 16px;
  margin: auto;
  border: 1px solid #c7dcf8;
}
.click-tour-background #typed-what-are-you-interested {
  font-family: "DiavloBook-Regular", "Open Sans", sans-serif;
}

.search-tour-background {
  max-width: 1100px;
  width: auto;
  min-height: 150px;
  z-index: 800;
  position: relative;
  top: -40px;
}

[dir] .search-tour-background {
  background-color: #3284c8;
  border-radius: 15px;
  padding: 20px 16px;
  margin: auto;
  border: 2px solid #c7dcf8;
}
.search-tour-background .btn-search-discover {
  height: 56px;
  font-size: 16px !important;
  font-weight: 700 !important;
  color: white;
}
[dir] .search-tour-background .btn-search-discover {
  padding: 10px !important;
  background-image: linear-gradient(to bottom, #f15811, #f58a4c);
  border: none;
  border-radius: 10px;
  cursor: pointer;
}
.search-tour-background .btn-search-discover :hover {
  opacity: 0.7;
}
@media (max-width: 480px) {
  .search-tour-background .btn-search-discover {
    width: 120px;
  }
}

.search-tour-background-mobile {
  top: -30px !important;
  max-width: 1100px;
  width: auto;
  min-height: 150px;
  z-index: 800;
  position: relative;
}

[dir] .search-tour-background-mobile {
  background-color: #3b87ce;
  border-radius: 20px;
  padding: 20px 16px;
  margin: auto;
  border: 1px solid #c7dcf8;
}

[dir] .safari-options {
  margin-top: 25px;
  margin-bottom: 20px;
}

[dir] .discover-your-dream-background {
  background-color: #2a3977;
}

[dir] .discover-button {
  cursor: pointer;
}

.discover-your-dream {
  max-width: 1200px;
}

[dir] .discover-your-dream {
  margin: auto;
  border-radius: 32px 32px 0px 0px;
}
.discover-your-dream h4 {
  color: white;
}
[dir] .discover-your-dream h4 {
  margin-top: 5px;
  margin-bottom: 25px;
}
[dir=ltr] .discover-your-dream h4 {
  padding-left: 20px;
}
[dir=rtl] .discover-your-dream h4 {
  padding-right: 20px;
}
.discover-your-dream .background-discover {
  top: 12%;
}
[dir] .discover-your-dream .background-discover .q-img__image {
  background-size: cover !important;
}
.discover-your-dream .image-discover {
  height: 215px;
}
.discover-your-dream .title-discover {
  font-size: 24px;
  font-weight: 700;
  line-height: 15px;
}
[dir] .discover-your-dream .title-discover {
  padding: 40px 0;
}
.discover-your-dream .title-discover-image {
  color: #ffffff;
  font-size: 42px;
  font-weight: 700;
  line-height: 55px;
  letter-spacing: 0.5px;
  color: #ffffff;
  font-family: "DiavloBook-Regular", "Aharoni", "Open Sans", sans-serif;
}
.discover-your-dream .title-discover-head {
  color: #ffffff;
  font-size: 42px;
  font-weight: 700;
  line-height: 55px;
  letter-spacing: 0.5px;
  color: #224e67;
  font-family: "DiavloBook-Regular", "Aharoni", "Open Sans", sans-serif;
}
.discover-your-dream .title-discover-mobile {
  color: #ffffff;
  font-size: 32px;
  font-weight: 700;
  line-height: 45px;
  letter-spacing: 0.5px;
  color: #ffffff;
  font-family: "DiavloBook-Regular", "Aharoni", "Open Sans", sans-serif;
}

.discover-your-dream-mobile {
  height: 100%;
  width: 100%;
}

[dir] .discover-your-dream-mobile {
  background-color: #2a3977;
  background-size: cover;
}
.discover-your-dream-mobile .background-discover {
  height: 86px;
}
[dir] .discover-your-dream-mobile .background-discover .q-img__image {
  background-size: cover !important;
}
.discover-your-dream-mobile .image-discover {
  height: 100px;
}
.discover-your-dream-mobile .title-discover {
  font-size: 18px;
  font-weight: 700;
  line-height: 15px;
  line-height: 20px;
  color: #ffffff;
}
[dir] .discover-your-dream-mobile .title-discover {
  padding: 13px 0 30px 0;
}
.discover-your-dream-mobile .title-discover-head {
  color: #ffffff;
  font-size: 26px;
  font-weight: 700;
  letter-spacing: 0.2px;
}
[dir] .discover-your-dream-mobile .padding-title-discover {
  padding: 13px 43px 30px 43px;
}

.navigator {
  width: 100%;
}
[dir] .navigator .q-card {
  border: 1px solid var(--q-color-navigator-card);
  border-radius: 39px;
  padding: 5px;
}
[dir=ltr] .navigator-padding {
  padding-right: 15px;
}
[dir=rtl] .navigator-padding {
  padding-left: 15px;
}

.stepper-navigator {
  width: auto;
}

[dir] .stepper-navigator {
  padding: 4px 8px;
}
[dir] .stepper-navigator-active {
  background: var(--q-color-primary-3);
}
.stepper-navigator-arrow {
  width: auto;
  position: relative;
}
[dir] .stepper-navigator-arrow {
  padding: 0px;
}

.stepper-navigator-edit-search {
  width: auto;
}

[dir] .stepper-navigator-edit-search {
  padding-top: 2.65%;
}
[dir] .stepper-navigator-edit-search-mobile {
  padding-top: 8%;
}

[dir=ltr] .icon-flight-navigator {
  transform: rotate(90deg);
}

[dir=rtl] .icon-flight-navigator {
  transform: rotate(-90deg);
}

.icon-navigator {
  color: var(--q-color-navigator-icon);
}
.icon-navigator-done {
  color: var(--q-color-navigator-icon-done);
}

.icon-navigator-image {
  height: 80px;
  width: 80px;
}

[dir] .icon-navigator-image {
  border-radius: 5px;
}

[dir] .navigator-custom {
  padding-top: 0px;
}

.hidden-dialog-listing-page {
  display: none;
}

[dir] .custom-shopping-stepper {
  padding-top: 0;
  padding-bottom: 30px;
  margin-top: -16px;
}

[dir] .btn-stepper-navigator {
  border: 2px solid var(--q-color-primary-3);
  border-radius: 4px;
  background: #ffffff;
}
.btn-stepper-navigator span {
  font-weight: 400;
  font-size: 12px;
  line-height: 22px;
  color: #222222;
}
.btn-stepper-navigator .q-icon {
  color: var(--q-color-primary-3);
}
[dir] .btn-stepper-navigator .q-btn__wrapper:before {
  box-shadow: none;
}

#container {
  height: 45px;
  position: relative;
}

.arrow-right {
  width: 0;
  height: 45px;
  /* 46px height (23+23) */
  position: absolute;
}

[dir] .arrow-right {
  border-top: 23px solid transparent;
  border-bottom: 23px solid transparent;
}

[dir=ltr] .arrow-right {
  border-left: 13px solid var(--q-color-navigator);
  right: -13px;
}

[dir=rtl] .arrow-right {
  border-right: 13px solid var(--q-color-navigator);
  left: -13px;
}
[dir=ltr] .arrow-right-active {
  border-left: 13px solid var(--q-color-primary-3);
}
[dir=rtl] .arrow-right-active {
  border-right: 13px solid var(--q-color-primary-3);
}

.hotel-detail-page span {
  font-style: normal;
  font-weight: 300;
  font-size: 14px;
  line-height: 19px;
  color: #222222;
}
.hotel-detail-page span.text-selection {
  color: white;
}
.hotel-detail-page span.caption {
  font-style: normal;
  font-weight: 700;
  font-size: 14px;
  line-height: 19px;
  color: var(--q-color-primary-2);
}
.hotel-detail-page span.number {
  font-style: normal;
  font-weight: 400;
  font-size: 24px;
  line-height: 124%;
  color: var(--q-color-primary-2);
}
.hotel-detail-page span.duration {
  font-style: normal;
  font-weight: 300;
  font-size: 12px;
  line-height: 16px;
  color: #222222;
}
.hotel-detail-page .icon {
  color: #af8117;
}
.hotel-detail-page .info-icon {
  color: #0e44ac;
}
.hotel-detail-page .hotel-detail-title {
  font-size: 24px;
  font-weight: 400;
  color: var(--q-color-primary);
}
[dir] .hotel-detail-page .hotel-rooms {
  border-top: 1px solid #c8c8c8;
}
[dir=ltr] .hotel-detail-page .hotel-rooms .rate-detail {
  padding: 20px 20px 20px 16px;
}
[dir=rtl] .hotel-detail-page .hotel-rooms .rate-detail {
  padding: 20px 16px 20px 20px;
}
.hotel-detail-page .hotel-rooms .rate-detail .room-name {
  font-size: 18px;
  font-weight: 400;
  line-height: 25px;
  color: var(--q-color-primary);
}
[dir] .hotel-detail-page .hotel-rooms .rate-detail .room-name {
  padding-bottom: 5px;
}
[dir] .hotel-detail-page .hotel-rooms .rate-detail .board-basis {
  padding-bottom: 5px;
}
.hotel-detail-page .hotel-rooms .rate-detail .room-free-cancellation {
  color: #03760b;
  position: relative;
  align-items: center;
}
[dir] .hotel-detail-page .hotel-rooms .rate-detail .room-free-cancellation {
  padding-bottom: 5px;
}
[dir=ltr] .hotel-detail-page .hotel-rooms .rate-detail .room-free-cancellation span {
  padding-left: 10px;
}
[dir=rtl] .hotel-detail-page .hotel-rooms .rate-detail .room-free-cancellation span {
  padding-right: 10px;
}
.hotel-detail-page .hotel-rooms .rate-detail .room-no-free-cancellation {
  position: relative;
  color: red;
  align-items: center;
}
[dir] .hotel-detail-page .hotel-rooms .rate-detail .room-no-free-cancellation {
  padding-bottom: 5px;
}
[dir=ltr] .hotel-detail-page .hotel-rooms .rate-detail .room-no-free-cancellation span {
  padding-left: 10px;
}
[dir=rtl] .hotel-detail-page .hotel-rooms .rate-detail .room-no-free-cancellation span {
  padding-right: 10px;
}
.hotel-detail-page .hotel-rooms .rate-detail .room-cancel-policy {
  align-items: center;
}
.hotel-detail-page .hotel-rooms .rate-detail .room-cancel-policy span.tooltip {
  -webkit-text-decoration-line: underline;
          text-decoration-line: underline;
}
[dir=ltr] .hotel-detail-page .hotel-rooms .rate-detail .room-cancel-policy span.tooltip {
  padding-left: 10px;
}
[dir=rtl] .hotel-detail-page .hotel-rooms .rate-detail .room-cancel-policy span.tooltip {
  padding-right: 10px;
}
.hotel-detail-page .hotel-rooms .rate-detail .room-details {
  color: #0e44ac;
  -webkit-text-decoration-line: underline;
          text-decoration-line: underline;
}
[dir] .hotel-detail-page .hotel-rooms .rate-detail .room-details {
  padding-top: 16px;
}
[dir=ltr] .hotel-detail-page .hotel-rooms .rate-detail-desktop {
  border-right: 1px solid #c8c8c8;
}
[dir=rtl] .hotel-detail-page .hotel-rooms .rate-detail-desktop {
  border-left: 1px solid #c8c8c8;
}
[dir] .hotel-detail-page .hotel-rooms .room-price-container {
  padding: 20px;
}
.hotel-detail-page .hotel-rooms .room-price-container .price {
  align-items: center;
}
.hotel-detail-page .hotel-rooms .room-price-container .room-price {
  font-weight: 400;
  font-size: 24px;
  line-height: 124%;
  align-items: center;
  color: var(--q-color-primary-2);
}
[dir=ltr] .hotel-detail-page .hotel-rooms .room-price-container .room-price {
  padding-left: 4px;
}
[dir=rtl] .hotel-detail-page .hotel-rooms .room-price-container .room-price {
  padding-right: 4px;
}
.hotel-detail-page .hotel-rooms .room-price-breakdown {
  color: #0e44ac;
  -webkit-text-decoration-line: underline;
          text-decoration-line: underline;
}
[dir] .hotel-detail-page .hotel-rooms .room-price-breakdown {
  padding-top: 16px;
  padding-bottom: 16px;
}
.hotel-detail-page .hotel-rooms .select {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
[dir] .hotel-detail-page .hotel-rooms .select {
  background: #f4f9f5;
  border: 1px solid var(--q-color-primary-2);
  box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.15), inset 0px 0px 8px rgba(0, 0, 0, 0.25);
  border-radius: 4px;
}
.hotel-detail-page .hotel-rooms .select span {
  font-weight: 400;
  font-size: 16px;
  line-height: 22px;
  display: flex;
  align-items: center;
  color: var(--q-color-primary-2);
}
[dir] .hotel-detail-page .hotel-rooms .select span {
  text-align: center;
}
.hotel-detail-page .hotel-rooms .select-btn-mobile {
  height: 80%;
  width: 80%;
}
.hotel-detail-page .hotel-rooms .select-btn-desktop {
  width: 100%;
}
[dir] .hotel-detail-page .hotel-rooms .select-btn-desktop {
  padding: 11px 0px;
}
.hotel-detail-page .hotel-rooms .selected {
  display: flex;
  align-items: center;
}
[dir] .hotel-detail-page .hotel-rooms .selected {
  background: var(--q-color-primary-2);
  box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.15);
  border-radius: 4px;
}
.hotel-detail-page .hotel-rooms .selected div {
  align-items: center;
}
[dir] .hotel-detail-page .hotel-rooms .selected div {
  margin: auto;
}
.hotel-detail-page .hotel-rooms .selected span {
  font-weight: 400;
  font-size: 16px;
  line-height: 22px;
  display: flex;
  align-items: center;
  color: #ffffff;
}
[dir] .hotel-detail-page .hotel-rooms .selected span {
  text-align: center;
}
[dir=ltr] .hotel-detail-page .hotel-rooms .selected span {
  padding-left: 7px;
}
[dir=rtl] .hotel-detail-page .hotel-rooms .selected span {
  padding-right: 7px;
}
.hotel-detail-page .hotel-rooms .selected .icon {
  color: #ffffff;
}
[dir=ltr] .hotel-detail-page .hotel-rooms-img {
  border-right: 1px solid #c8c8c8;
}
[dir=rtl] .hotel-detail-page .hotel-rooms-img {
  border-left: 1px solid #c8c8c8;
}
[dir] .hotel-detail-page .hotel-detail-container {
  padding: 20px;
}
[dir] .hotel-detail-page .hotel-room-list {
  padding: 0px 0px 16px 0px;
}
[dir] .hotel-detail-page .hotel-room-list .loading {
  border-top: 1px solid #c8c8c8;
}
[dir] .hotel-detail-page .room-container {
  border-top: 1px solid #c8c8c8;
}
.hotel-detail-page .room-container img {
  display: block;
  width: 100%;
  height: 80%;
}
[dir] .hotel-detail-page .room-container:last-child .hotel-rooms:last-child .hotel-rooms-img {
  margin-bottom: -16px;
}
[dir] .hotel-detail-page .room-container:last-child .hotel-rooms:last-child .rate-detail {
  margin-bottom: -16px;
}
[dir] .hotel-detail-page .room-container:last-child .hotel-rooms:last-child .room-price-container {
  margin-bottom: -16px;
}
[dir] .hotel-detail-page .hotel-container {
  padding-top: 32px;
}
[dir] .hotel-detail-page .hotel-container-mobile {
  padding-top: 16px;
}
[dir] .hotel-detail-page .showmore-item {
  border-top: 1px solid #c8c8c8;
  padding: 15px;
}
.hotel-detail-page .showmore-item a {
  text-decoration: none;
}
.hotel-detail-page .hotel-info-title {
  font-weight: 400;
  font-size: 24px;
  line-height: 124%;
  color: var(--q-color-primary-2);
}
.hotel-detail-page .hotel-info-caption {
  font-weight: 400;
  font-size: 14px;
  line-height: 14px;
  color: #858585;
}
.hotel-detail-page .carousel-btn .next {
  width: 36px;
  height: 36px;
  align-items: center;
}
[dir] .hotel-detail-page .carousel-btn .next {
  background: #e6b441;
}
[dir=ltr] .hotel-detail-page .carousel-btn .next {
  border-radius: 4px 0px 0px 4px;
}
[dir=rtl] .hotel-detail-page .carousel-btn .next {
  border-radius: 0px 4px 4px 0px;
}
.hotel-detail-page .carousel-btn .previous {
  width: 36px;
  height: 36px;
  align-items: center;
}
[dir] .hotel-detail-page .carousel-btn .previous {
  background: #e6b441;
}
[dir=ltr] .hotel-detail-page .carousel-btn .previous {
  border-radius: 0px 4px 4px 0px;
}
[dir=rtl] .hotel-detail-page .carousel-btn .previous {
  border-radius: 4px 0px 0px 4px;
}
.hotel-detail-page .flight-summary-container .icon {
  color: #e6b441;
  z-index: 1;
}
[dir] .hotel-detail-page .flight-summary-container .icon {
  background-color: #fff;
}
[dir=ltr] .hotel-detail-page .flight-summary-container .icon {
  transform: rotate(90deg);
}
[dir=rtl] .hotel-detail-page .flight-summary-container .icon {
  transform: rotate(-90deg);
}
.hotel-detail-page .summary-title {
  font-style: normal;
  font-weight: 400;
  font-size: 18px;
  line-height: 25px;
  color: var(--q-color-primary-2);
}
.hotel-detail-page .sticky {
  position: sticky;
  top: 0;
  z-index: 1;
}
.hotel-detail-page .flight-item .flight-route-line {
  position: absolute;
  top: 25px;
  width: 178px;
  height: 1px;
}
[dir] .hotel-detail-page .flight-item .flight-route-line {
  background: #f6edcc;
}
[dir=ltr] .hotel-detail-page .flight-item .flight-route-line {
  left: 50%;
  transform: translateX(-50%);
}
[dir=rtl] .hotel-detail-page .flight-item .flight-route-line {
  right: 50%;
  transform: translateX(50%);
}
.hotel-detail-page .flight-item .duration-container {
  width: 224px;
  position: relative;
}
.hotel-detail-page .flight-item .stop-container {
  height: 16px;
}
[dir=ltr] .hotel-detail-page .flight-item .next-day {
  right: -20px;
}
[dir=rtl] .hotel-detail-page .flight-item .next-day {
  left: -20px;
}
[dir=ltr] .hotel-detail-page .flight-item .detail-container {
  padding: 0px 4px 0px 24px;
}
[dir=rtl] .hotel-detail-page .flight-item .detail-container {
  padding: 0px 24px 0px 4px;
}

[dir] .flight-detail-dialog {
  border-radius: 10px !important;
}
.flight-detail-dialog span {
  font-weight: 300;
  font-size: 14px;
  line-height: 19px;
  color: #222222;
}
.flight-detail-dialog span.title {
  font-style: normal;
  font-weight: 400;
  font-size: 18px;
  line-height: 25px;
  color: var(--q-color-primary-2);
  z-index: 2;
}
.flight-detail-dialog .bold {
  font-weight: 700;
}
.flight-detail-dialog .transit-title {
  color: var(--q-color-primary-2);
  z-index: 1;
}
.flight-detail-dialog .close-icon {
  color: var(--q-color-primary-2);
}
.flight-detail-dialog .border {
  width: 1px;
  height: 100%;
}
[dir] .flight-detail-dialog .border {
  background: #d9d9d9;
}
[dir] .flight-detail-dialog .transit-container {
  padding: 16px;
  background: #f1f1f1;
  border-radius: 20px;
}
.flight-detail-dialog .transit-container .transit-border {
  height: 1px;
  width: 100%;
  z-index: 1;
}
[dir] .flight-detail-dialog .transit-container .transit-border {
  margin-top: 4px;
  margin-bottom: 12px;
  background: #d9d9d9;
}
.flight-detail-dialog .transit-container span.transit-title {
  position: absolute;
  top: -5px;
}
[dir] .flight-detail-dialog .transit-container span.transit-title {
  background-color: #f1f1f1;
}
.flight-detail-dialog .transit-container span.transit-title-mobile {
  color: var(--q-color-primary);
}
[dir] .flight-detail-dialog .flight-change-btn {
  border: 2px solid #e6b441;
  border-radius: 4px;
}
.flight-detail-dialog .timeline {
  position: absolute;
  top: 20%;
  width: 1px;
  height: calc(60%);
}
[dir] .flight-detail-dialog .timeline {
  background: #e1e1e1;
}
[dir=ltr] .flight-detail-dialog .timeline {
  left: 50%;
}
[dir=rtl] .flight-detail-dialog .timeline {
  right: 50%;
}
.flight-detail-dialog .timeline span {
  font-weight: 400;
  font-size: 12px;
  line-height: 14px;
  color: #858585;
}
[dir=ltr] .flight-detail-dialog .timeline span {
  transform: rotate(90deg);
}
[dir=rtl] .flight-detail-dialog .timeline span {
  transform: rotate(-90deg);
}
.flight-detail-dialog .timeline-duration {
  font-weight: 400;
  font-size: 12px;
  line-height: 14px;
  color: #858585;
  word-wrap: break-word;
}
[dir] .flight-detail-dialog .timeline-duration {
  padding-top: 16px;
}
[dir=ltr] .flight-detail-dialog .timeline-duration {
  transform: rotate(90deg);
}
[dir=rtl] .flight-detail-dialog .timeline-duration {
  transform: rotate(-90deg);
}
.flight-detail-dialog .timeline-duration-mobile {
  white-space: nowrap;
  position: absolute;
  top: 25%;
}
.flight-detail-dialog .data-container {
  width: 90%;
}

.sticky {
  position: sticky;
  top: 0;
  z-index: 9;
}

.sticky-mobile {
  position: sticky;
  bottom: 0;
  z-index: 9;
}

.fixed-mobile {
  position: -webkit-sticky;
  position: fixed;
  bottom: 0;
  z-index: 9;
}

.hotel-gallery {
  width: calc(100% / 6 - calc(8px / 6 * 5));
}
.hotel-gallery-mobile {
  width: calc(100% / 4 - calc(8px / 4 * 3));
}

.hotel-gallery-gap {
  gap: 8px;
}

.custom-terms-checkbox a {
  text-decoration: none;
}

/* ========== Loading gif ============== */
[dir] .event-custom {
  margin-top: 3%;
  margin-bottom: 1%;
}
.event-custom .image-event {
  width: 100%;
}
[dir] .event-custom .image-event {
  border-radius: 6px;
}
@keyframes rotate-ltr {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
@keyframes rotate-rtl {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(-360deg);
  }
}
.layer {
  height: 100%;
  width: 100%;
  position: absolute;
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
}
[dir=ltr] .layer {
  left: 0;
  right: 0;
}
[dir=rtl] .layer {
  right: 0;
  left: 0;
}

.layer-loading-logo {
  z-index: 1;
}

.layer-loading-title {
  top: 17%;
  color: #2a3977;
  font-size: 23px;
  font-weight: 600;
}

[dir] .dialog-loading {
  background: white;
}

.loading-icon {
  -webkit-transition-property: -webkit-transform;
  -webkit-transition-duration: 1.2s;
  -moz-transition-property: -moz-transform;
}

[dir] .loading-icon {
  transition-property: transform;
}

[dir=ltr] .loading-icon {
  -webkit-animation-name:  rotate-ltr ;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
  -moz-animation-name:  rotate-ltr ;
  -moz-animation-duration: 1.2s;
  -moz-animation-iteration-count: infinite;
  -moz-animation-timing-function: linear;
  animation-name:  rotate-ltr ;
  animation-duration: 1.2s;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
}

[dir=rtl] .loading-icon {
  -webkit-animation-name:  rotate-rtl ;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
  -moz-animation-name:  rotate-rtl ;
  -moz-animation-duration: 1.2s;
  -moz-animation-iteration-count: infinite;
  -moz-animation-timing-function: linear;
  animation-name:  rotate-rtl ;
  animation-duration: 1.2s;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
}

.loading-logo {
  height: 88px;
}

[dir=ltr] .loading-logo {
  animation: scaleCircle 0.5s 0s cubic-bezier(0.35, 1.35, 0.5, 1) backwards;
}

[dir=rtl] .loading-logo {
  animation: scaleCircle 0.5s 0s cubic-bezier(0.35, 1.35, 0.5, 1) backwards;
}
@media (max-width: 768px) {
  .loading-logo {
    height: 50px;
  }
}

/* ============== Loading gif ============== */
[dir] .product-summary {
  background-color: white;
  box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 6px 2px;
}
.product-summary-mobile {
  width: calc(100% + 32px);
}
[dir] .product-summary-mobile {
  border-radius: 11px 11px 0px 0px;
}
[dir=ltr] .product-summary-mobile {
  margin-left: -16px;
}
[dir=rtl] .product-summary-mobile {
  margin-right: -16px;
}
[dir] .product-summary-desktop {
  border-radius: 6px;
}
.product-summary .hotel-summary {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
}
[dir=ltr] .product-summary .hotel-summary {
  border-right: 1px solid #c8c8c8;
}
[dir=rtl] .product-summary .hotel-summary {
  border-left: 1px solid #c8c8c8;
}
[dir=ltr] .product-summary .hotel-summary .hotel-detail {
  padding: 0px 0px 0px 14px;
}
[dir=rtl] .product-summary .hotel-summary .hotel-detail {
  padding: 0px 14px 0px 0px;
}
.product-summary .hotel-summary .hotel-detail .hotel-star {
  color: #ffb800;
}
.product-summary .hotel-summary .hotel-detail .star {
  color: #c8c8c8;
}
.product-summary .hotel-summary .hotel-name {
  font-style: normal;
  font-weight: 400;
  font-size: 24px;
  line-height: 124%;
  color: #222222;
}
.product-summary .hotel-summary .address {
  display: inline-block;
  width: 100%;
  font-style: normal;
  color: #222222;
}
[dir] .product-summary .hotel-summary .address {
  padding: 6px 0 4px;
}
.product-summary .hotel-summary .map-view {
  font-style: normal;
  color: #222222;
}
.product-summary .hotel-summary .detail {
  color: #0e44ac;
  -webkit-text-decoration-line: underline;
          text-decoration-line: underline;
}
[dir=ltr] .product-summary .flight-summary {
  border-right: 1px solid #c8c8c8;
}
[dir=rtl] .product-summary .flight-summary {
  border-left: 1px solid #c8c8c8;
}
.product-summary .flight-summary .separator {
  width: 81px;
  height: 1px;
}
[dir] .product-summary .flight-summary .separator {
  background: #f6edcc;
}
.product-summary .flight-summary .icon {
  color: #e6b441;
  z-index: 1;
}
[dir] .product-summary .flight-summary .icon {
  background-color: #fff;
}
[dir=ltr] .product-summary .flight-summary .icon {
  transform: rotate(90deg);
}
[dir=rtl] .product-summary .flight-summary .icon {
  transform: rotate(-90deg);
}
[dir] .product-summary .price-summary .traveler-container {
  padding-bottom: 16px;
  border-bottom: 1px dashed #c8c8c8;
  margin-bottom: 16px;
}
[dir] .product-summary .price-summary .price-container {
  padding-top: 4px;
}
.product-summary .price-summary .book-container {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 10px;
  width: 100%;
  height: 48px;
}
[dir] .product-summary .price-summary .book-container {
  padding: 11px 20px;
  background: var(--q-color-btn-book);
  box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.15);
  border-radius: 4px;
}
.product-summary .price-summary .book-container span {
  font-weight: 400;
  font-size: 16px;
  line-height: 22px;
  display: flex;
  align-items: center;
  color: #ffffff;
}
[dir] .product-summary .price-summary .book-container span {
  text-align: center;
}
.product-summary .summary-title {
  font-style: normal;
  font-weight: 400;
  font-size: 18px;
  line-height: 25px;
  color: var(--q-color-primary-2);
}
.product-summary .change {
  font-style: normal;
  font-weight: 300;
  font-size: 14px;
  line-height: 19px;
  color: #0e44ac;
}
[dir] .product-summary .change {
  cursor: pointer;
}

[dir] #booking-summary {
  background-color: white;
}
#booking-summary .booking-summary {
  position: fixed;
  top: 0;
  z-index: 1;
  width: 100%;
}
[dir] #booking-summary .booking-summary {
  background-color: white;
  border-bottom: 1px solid #c5c9d0;
}
#booking-summary .booking-summary-icon {
  color: var(--q-color-primary);
}
#booking-summary .booking-summary-title {
  color: var(--q-color-primary);
  font-size: 16px;
  font-weight: 400;
}
#booking-summary .booking-summary-product {
  color: var(--q-color-primary);
  font-weight: 400;
  font-size: 24px;
  line-height: 124%;
}
[dir] #booking-summary .booking-summary-price-container {
  background-color: var(--q-color-primary);
  border-radius: 8px;
}
#booking-summary .booking-summary-price-container span {
  color: white;
  font-size: 16px;
  font-weight: 400;
  line-height: 22px;
}
#booking-summary .booking-summary-price-container span.price {
  font-size: 24px;
  font-weight: 100;
  line-height: 34px;
}
#booking-summary .room-free-cancellation {
  color: #03760b;
}
#booking-summary .room-free-cancellation-icon {
  color: #0e44ac;
}
#booking-summary .room-no-free-cancellation {
  color: red;
}

.q-tooltip {
  color: white;
}

[dir] .q-tooltip {
  background-color: #166987;
}
.q-tooltip span {
  font-size: 14px;
}

[dir] .hotel-price-range {
  padding-top: 32px;
}

[dir] .flight-time-range {
  padding-top: 32px;
}

[dir] .q-checkbox__bg {
  border: 1px solid #cbcbcb;
  border-radius: 4px;
}

[dir] .q-checkbox__inner--truthy .q-checkbox__bg, [dir] .q-checkbox__inner--indet .q-checkbox__bg {
  background: #ffffff;
}

.q-checkbox__svg {
  color: var(--q-color-primary-1);
}

[dir] .q-dialog__inner--minimized {
  padding: 0;
}

.q-scrollarea__container {
  overflow: hidden;
}

.q-scrollarea__bar {
  display: none;
}

.q-scrollarea__thumb {
  display: none;
  overflow: hidden;
  overflow-y: hidden;
}

.hotel-gallery-mobile .q-img {
  height: 58px !important;
}

.hotel-gallery-last {
  width: 15.9%;
  height: 79px;
  position: absolute;
  top: 174px;
  pointer-events: none;
}

[dir=ltr] .hotel-gallery-last {
  right: 0;
}

[dir=rtl] .hotel-gallery-last {
  left: 0;
}

.hotel-gallery-last-mobile {
  width: 22.9%;
  height: 58px;
  position: absolute;
  top: 131px;
  pointer-events: none;
}

[dir=ltr] .hotel-gallery-last-mobile {
  right: 0;
}

[dir=rtl] .hotel-gallery-last-mobile {
  left: 0;
}

.image-overlay {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 16px;
  color: white;
  font-weight: bold;
}

[dir] .image-overlay {
  background-color: rgba(0, 0, 0, 0.6);
  text-align: center;
}

.wish-list .cutom-btn-invite {
  color: #ffffff;
  font-size: 14px;
}

[dir] .wish-list .cutom-btn-invite {
  border-radius: 7px;
  background-color: var(--q-color-primary-1);
  padding: 2px;
}
.wish-list .custom-btn {
  color: #ffffff;
  font-size: 14px;
}
[dir] .wish-list .custom-btn {
  border-radius: 7px;
  background-color: var(--q-color-primary-1);
  padding: 6px;
}
.wish-list .custom-btn.btn-size {
  height: 75%;
  width: 75%;
}
.wish-list .name-list {
  font-weight: 500;
}
[dir] .wish-list .custom-border {
  border: 1px solid #c5c9d0;
}
[dir] .wish-list .custom-radius {
  border-radius: 7px;
}
[dir] .wish-list .cs-border-top {
  border-top: 1px solid #c5c9d0;
}
[dir] .wish-list .cs-border {
  border: 1px solid #c5c9d0;
}
[dir] .wish-list .item-wish-list {
  background-color: #eeeeee;
}
[dir] .wish-list .item-hover:hover {
  background-color: #c5c9d0;
}
.wish-list .btn-color {
  color: var(--q-color-primary-1);
}

[dir] .wish-list-page {
  background-color: #f4f7ff;
}
.wish-list-page .font-weight-title {
  font-weight: 700;
}
.wish-list-page .font-size-large {
  font-size: 24px;
}
.wish-list-page .font-size-title {
  font-size: 18px;
}
.wish-list-page .font-color-gray {
  color: #637381;
}
.wish-list-page .item-list-container {
  min-height: 1000px;
}
[dir] .wish-list-page .item-list-container {
  border-radius: 7px;
}

[dir] .backgound-welcome {
  background: #2a3977;
  background-image: url("https://drxp4nsypg3ox.cloudfront.net/cms/tazoom/images/b2b_background_welcome.png");
  background-position: bottom;
  background-size: 155% 100%;
  background-repeat: no-repeat;
}
[dir] .backgound-welcome .title-bg-welcome {
  background: white;
}
.backgound-welcome .title-bg-welcome .title-des {
  font-size: 18px;
  font-weight: 500;
}
.backgound-welcome .title-bg-welcome .subtitle-des {
  font-size: 16px;
  font-weight: 500;
}
[dir] .backgound-welcome .subtitle-bg-welcome {
  background: #e622b3;
}
[dir] .backgound-welcome .header-bg-welcome {
  background: #e622b3;
}
.backgound-welcome .item-welcome {
  max-width: 75%;
}
.backgound-welcome .subitem-welcome {
  max-width: 80%;
}
.backgound-welcome .btn-sign-up {
  color: white;
  font-size: 18px;
}
[dir] .backgound-welcome .btn-sign-up {
  background-color: #e622b3;
}

.support-page {
  min-height: 1042px;
}

[dir] .support-page {
  background-color: white;
  background-position: 50% 0%;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: fixed;
}
.support-page .support-detail-page {
  max-width: 1200px;
}
[dir] .support-page .support-detail-page {
  margin: auto;
}
[dir] .support-page .support-page-card {
  background: none;
  box-shadow: none;
}
[dir] .support-page .support-page-card .support-page-card-section {
  padding-top: 0px;
}
.support-page .support-page-card .title-support-page {
  color: #2e2e2e;
  font-size: 32px;
  font-weight: 700;
  line-height: 45px;
}
.support-page .support-page-card .sub-title-support-page {
  color: #fff;
  font-size: 20px;
  font-weight: 700;
}
.support-page .justify-button-end {
  justify-content: right !important;
}
.support-page .text-over-an-image {
  position: absolute;
  top: 50%;
}
[dir=ltr] .support-page .text-over-an-image {
  left: 50%;
  transform: translate(-50%, -50%);
}
[dir=rtl] .support-page .text-over-an-image {
  right: 50%;
  transform: translate(50%, -50%);
}
.support-page .layout-image-thankyou-page {
  position: relative;
}
[dir] .support-page .layout-image-thankyou-page {
  text-align: center;
}
.support-page .dotted-half-img {
  bottom: -50px !important;
}
.support-page .support-tabs-list {
  width: 50%;
}
[dir] .support-page .support-tabs-list {
  margin: auto;
}
.support-page .support-tabs-list-mobile {
  width: 100%;
}
[dir] .support-page .background-tab-color {
  background: #fff;
  border-radius: 8px;
}
.support-page .support-tab-active {
  text-transform: none;
  font-size: 24px;
  font-weight: 600;
  line-height: normal;
  height: 195px;
}
[dir] .support-page .support-tab-active {
  border-radius: 20px;
  background: #fff;
}
.support-page .support-tab-default {
  text-transform: none;
  font-size: 24px;
  font-weight: 600;
  line-height: normal;
  height: 195px;
  width: 50px;
}
[dir] .support-page .support-tab-default {
  border-radius: 20px;
  background: #fff;
}
.support-page .support-tab-default-color {
  color: #203a72;
}
.support-page .panels-custom-size-support {
  width: 100vw;
  top: 25px;
  position: relative;
  overflow: hidden;
}
[dir] .support-page .panels-custom-size-support {
  background-position: 50% 70%;
  background-size: cover;
  background: none;
}
[dir=ltr] .support-page .panels-custom-size-support {
  left: 50%;
  right: 50%;
  margin-left: -50vw;
  margin-right: -50vw;
}
[dir=rtl] .support-page .panels-custom-size-support {
  right: 50%;
  left: 50%;
  margin-right: -50vw;
  margin-left: -50vw;
}

.faq-title-custom {
  color: #203a72;
  font-size: 24px;
  font-weight: 700;
  line-height: 45px;
}

.faq-sub-title-custom {
  color: #2e2e2e;
  font-size: 20px;
  font-weight: 500;
  line-height: 45px;
}

.faq-description-custom {
  color: #637381;
  font-size: 18px;
  font-weight: 500;
  line-height: 24px;
}

.contact-us .txt-title {
  color: #2e2e2e;
  font-size: 18px;
  font-weight: 700;
  line-height: 26px;
}
.contact-us .btn-send {
  color: white;
  font-size: 18px;
  text-transform: capitalize;
}
[dir] .contact-us .btn-send {
  background-color: var(--q-color-primary-1);
  padding: 0 10px;
}

[dir] .accessibility-page {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  margin: 0;
}
.accessibility-page .accessibility-detail-page {
  max-width: 1200px;
}
[dir] .accessibility-page .accessibility-detail-page {
  margin: auto;
}
[dir] .accessibility-page .accessibility-page-card {
  background: none;
  box-shadow: none;
}
[dir] .accessibility-page .accessibility-page-card .accessibility-page-card-section {
  padding-top: 0px;
}
.accessibility-page .accessibility-page-card .title-accessibility-page {
  color: #2e2e2e;
  font-size: 32px;
  font-weight: 700;
  line-height: 45px;
}
.accessibility-page .accessibility-page-card .sub-title-accessibility-page {
  color: #2e2e2e;
  font-size: 20px;
  font-weight: 400;
}
.accessibility-page .accessibility-page-card .title-accessibility-page-custom {
  color: #2e2e2e;
  font-size: 20px;
  font-weight: 700;
}
.accessibility-page .accessibility-page-card .symbol-accessibility-page {
  font-size: 24px;
}
.accessibility-page .accessibility-page-card .border-accessibility-page {
  height: 200px;
  width: 200px;
}
[dir] .accessibility-page .accessibility-page-card .border-accessibility-page {
  border: 0.2em solid #445570;
}
.accessibility-page .accessibility-page-card .border-accessibility-page-mobile {
  height: 200px;
  width: 45%;
}
[dir] .accessibility-page .accessibility-page-card .border-accessibility-page-mobile {
  border: 0.2em solid #445570;
}
.accessibility-page .accessibility-page-card .title-img-custom {
  font-size: 16px;
  line-height: 10px;
}
.accessibility-page .accessibility-page-card .custom-img-accessibility {
  height: 100px;
  width: 100px;
}

.legal-page {
  min-height: 789px;
}

[dir] .legal-page {
  background: white;
  background-position: 50% 0%;
  background-repeat: no-repeat;
  background-size: cover;
}
.legal-page .legal-detail-page {
  max-width: 1200px;
}
[dir] .legal-page .legal-detail-page {
  margin: auto;
}
[dir] .legal-page .legal-page-card {
  background: none;
  box-shadow: none;
}
[dir] .legal-page .legal-page-card .legal-page-card-section {
  padding-top: 0px;
}
.legal-page .legal-page-card .title-legal-page {
  color: #2e2e2e;
  font-size: 32px;
  font-weight: 700;
  line-height: 45px;
}
.legal-page .legal-page-card .sub-title-legal-page {
  color: #2e2e2e;
  font-size: 20px;
  font-weight: 400;
}
.legal-page .legal-page-card .title-legal-page-custom {
  color: #2e2e2e;
  font-size: 20px;
  font-weight: 700;
}
.legal-page .legal-page-card .symbol-legal-page {
  font-size: 24px;
}
.legal-page .legal-page-card .border-legal-page {
  height: 200px;
  width: 200px;
}
[dir] .legal-page .legal-page-card .border-legal-page {
  border: 0.2em solid #445570;
  cursor: pointer;
}
.legal-page .legal-page-card .border-legal-page-mobile {
  height: 200px;
  width: 45%;
}
[dir] .legal-page .legal-page-card .border-legal-page-mobile {
  border: 0.2em solid #445570;
  cursor: pointer;
}
.legal-page .legal-page-card .title-img-custom {
  font-size: 18px;
}
.legal-page .legal-page-card .custom-img-legal {
  height: 100px;
  width: 100px;
}

.privacy-policy-page {
  min-height: 1042px;
}

[dir] .privacy-policy-page {
  background: white;
  background-position: 50% 0%;
  background-repeat: no-repeat;
  background-size: cover;
}
.privacy-policy-page .privacy-policy-detail-page {
  max-width: 1200px;
}
[dir] .privacy-policy-page .privacy-policy-detail-page {
  margin: auto;
}
[dir] .privacy-policy-page .privacy-policy-page-card {
  background: none;
  box-shadow: none;
}
[dir] .privacy-policy-page .privacy-policy-page-card .privacy-policy-page-card-section {
  padding-top: 0px;
}
.privacy-policy-page .privacy-policy-page-card .title-privacy-policy-page {
  color: #2e2e2e;
  font-size: 32px;
  font-weight: 700;
  line-height: 45px;
}
.privacy-policy-page .privacy-policy-page-card .sub-title-privacy-policy-page {
  color: #2e2e2e;
  font-size: 20px;
  font-weight: 400;
}
.privacy-policy-page .privacy-policy-page-card .title-privacy-policy-page-custom {
  color: #2e2e2e;
  font-size: 20px;
  font-weight: 700;
}
.privacy-policy-page .privacy-policy-page-card .sub-title-privacy-policy-page-custom {
  color: #767676;
  font-size: 15px;
  font-weight: 400;
  line-height: 1.4;
}
.privacy-policy-page .privacy-policy-page-card .symbol-privacy-policy-page {
  font-size: 24px;
}
.privacy-policy-page .privacy-policy-page-card .border-privacy-policy-page {
  height: 200px;
  width: 200px;
}
[dir] .privacy-policy-page .privacy-policy-page-card .border-privacy-policy-page {
  border: 0.2em solid #445570;
}
.privacy-policy-page .privacy-policy-page-card .border-privacy-policy-page-mobile {
  height: 200px;
  width: 45%;
}
[dir] .privacy-policy-page .privacy-policy-page-card .border-privacy-policy-page-mobile {
  border: 0.2em solid #445570;
}
.privacy-policy-page .privacy-policy-page-card .title-img-custom {
  font-size: 12px;
}
.privacy-policy-page .privacy-policy-page-card .custom-img-privacy-policy {
  height: 100px;
  width: 100px;
}
.privacy-policy-page .privacy-policy-page-card .text-privacy-statement {
  text-transform: lowercase;
  text-decoration: underline;
}
[dir] .privacy-policy-page .privacy-policy-page-card .text-privacy-statement {
  cursor: pointer;
}

.cookie-policy-page {
  min-height: 1042px;
}

[dir] .cookie-policy-page {
  background: white;
  background-position: 50% 0%;
  background-repeat: no-repeat;
  background-size: cover;
}
.cookie-policy-page .cookie-policy-detail-page {
  max-width: 1200px;
}
[dir] .cookie-policy-page .cookie-policy-detail-page {
  margin: auto;
}
[dir] .cookie-policy-page .cookie-policy-page-card {
  background: none;
  box-shadow: none;
}
[dir] .cookie-policy-page .cookie-policy-page-card .cookie-policy-page-card-section {
  padding-top: 0px;
}
.cookie-policy-page .cookie-policy-page-card .title-cookie-policy-page {
  color: #2e2e2e;
  font-size: 32px;
  font-weight: 700;
  line-height: 45px;
}
.cookie-policy-page .cookie-policy-page-card .sub-title-cookie-policy-page {
  color: #2e2e2e;
  font-size: 20px;
  font-weight: 400;
}
.cookie-policy-page .cookie-policy-page-card .title-cookie-policy-page-custom {
  color: #2e2e2e;
  font-size: 20px;
  font-weight: 700;
}
.cookie-policy-page .cookie-policy-page-card .sub-title-cookie-policy-page-custom {
  color: #767676;
  font-size: 15px;
  font-weight: 400;
  line-height: 1.4;
}

[dir] .payment-form .border {
  border-radius: 7px;
}
.payment-form .payment-details {
  font-size: 18px;
  font-weight: 600;
  color: #6b778c;
}
.payment-form .label {
  font-size: 16px;
  font-weight: 500;
}
[dir] .payment-form .label {
  padding-bottom: 8px;
}
.payment-form #card-field-placeholder,
.payment-form #card-number,
.payment-form #card-expiry,
.payment-form #card-cvc {
  color: #4a5568 !important;
  display: block;
  outline: none;
}
[dir] .payment-form #card-field-placeholder, [dir] .payment-form #card-number, [dir] .payment-form #card-expiry, [dir] .payment-form #card-cvc {
  background: #ffffff;
  border-radius: 3px;
  border: 1px solid rgba(0, 0, 0, 0.24);
  padding: 10px 12px;
}
[dir] .payment-form #card-number.focused, [dir] .payment-form #card-expiry.focused, [dir] .payment-form #card-cvc.focused {
  border: 2px solid #1976d2 !important;
}
[dir] .payment-form #card-number:hover, [dir] .payment-form #card-expiry:hover, [dir] .payment-form #card-cvc:hover {
  border: 1px solid #95aac1;
}
.payment-form input {
  color: #4a5568 !important;
}

.day-custom-itinerary {
  position: absolute;
  font-weight: bold;
  font-size: 28px;
  text-transform: capitalize;
}

[dir] .day-custom-itinerary {
  margin: -60px;
}

.title-deals {
  position: absolute;
}

.sticky-price-book-now {
  z-index: 1;
  justify-content: space-between;
  position: sticky;
  bottom: 0;
  width: 100%;
  color: white;
  max-width: 1200px;
}

[dir] .sticky-price-book-now {
  margin-bottom: -42px;
  background-color: #ffffff;
  text-align: center;
  border-radius: 7px;
}

[dir=ltr] .sticky-price-book-now {
  left: 0;
}

[dir=rtl] .sticky-price-book-now {
  right: 0;
}
.sticky-price-book-now .price-total {
  font-size: 17px;
  font-weight: 700;
  color: #000;
}
.sticky-price-book-now .price-total .price-total-from {
  font-size: 15px;
  font-weight: 700;
  color: #637381;
}
.sticky-price-book-now .price-total .price-total-per-person {
  font-size: 15px;
  font-weight: 600;
  color: #637381;
}

[dir=ltr] .wish-list-footer {
  text-align: left;
}

[dir=rtl] .wish-list-footer {
  text-align: right;
}

[dir=ltr] .itinerary-mobile {
  padding-left: 60px;
}

[dir=rtl] .itinerary-mobile {
  padding-right: 60px;
}

.tour-intro-card-mobile {
  color: white;
  font-size: 18px;
  font-weight: 700;
  text-transform: capitalize;
}

.social-share-mobile {
  color: var(--tail-grids-text-color, #637381);
}

[dir] .social-share-mobile {
  text-align: center;
}
.social-share-mobile .q-btn__wrapper {
  font-size: 16px;
  font-weight: 700;
}
[dir] .social-share-mobile .q-btn__wrapper {
  background-color: #fff;
}

.tour-list-img-mobile {
  object-fit: cover;
}

[dir] .tour-list-img-mobile {
  border-radius: 8px;
}

[dir] .tour-list-info-mobile {
  background-color: #fff;
  border-radius: 8px;
  border: 1px dashed #b8cad1;
}
.tour-list-info-mobile .tour-title {
  font-size: 18px;
  font-weight: 700;
}
.tour-list-info-mobile .custom-radius-btn-mobile {
  width: 60%;
  color: #ffffff;
  font-size: 14px;
  font-weight: 700;
}
[dir] .tour-list-info-mobile .custom-radius-btn-mobile {
  border-radius: 8px !important;
  background-color: var(--q-color-primary-1);
}

.card-tour-header-mobile {
  color: #637381;
  width: 95%;
  height: 155px;
}

[dir] .card-tour-header-mobile {
  background-color: #fff !important;
  border-radius: 4px;
  margin-top: 28px;
}

[dir=ltr] .card-tour-header-mobile {
  padding-left: 10px;
  margin-left: 9px;
}

[dir=rtl] .card-tour-header-mobile {
  padding-right: 10px;
  margin-right: 9px;
}
.card-tour-header-mobile .title-safari-header-mobile {
  color: #3056d3;
  font-size: 14px;
  font-weight: 600;
}
.card-tour-header-mobile .title-tour-header-mobile {
  color: #212b36;
  font-size: 20px;
  font-weight: 700;
  line-height: 45.5px;
}
.card-tour-header-mobile .sub-title-tour-header-mobile {
  color: #637381;
  font-size: 16px;
  font-weight: 500;
  line-height: 28px;
}
.card-tour-header-mobile .q-item__label {
  max-width: 70% !important;
}
.card-tour-header-mobile .btn-book-now-tour-header {
  color: #fff;
  font-size: 15px;
  font-weight: 500;
}
[dir] .card-tour-header-mobile .btn-book-now-tour-header {
  background: #e622b3;
  padding: 0px 5px;
}
.card-tour-header-mobile .review-tour-header {
  color: var(--tail-grids-text-color, #637381);
  font-size: 15px;
  font-weight: 500;
  line-height: 24px;
}

.check-box-tour-header-mobile {
  color: var(--tail-grids-text-color, #637381) !important;
  position: absolute;
  color: var(--tail-grids-text-color, #637381);
}

[dir] .check-box-tour-header-mobile {
  border-radius: 4px;
  padding: 6px;
  background-color: var(--white, #fff) !important;
  box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.14);
  margin-top: 28%;
}

[dir=ltr] .check-box-tour-header-mobile {
  margin-left: 72%;
}

[dir=rtl] .check-box-tour-header-mobile {
  margin-right: 72%;
}
.check-box-tour-header-mobile .q-btn__wrapper {
  font-size: 16px;
  font-weight: 700;
}
[dir] .check-box-tour-header-mobile .q-btn__wrapper {
  background-color: #fff;
}

.tour-intro-mobile {
  height: 165px;
}

[dir] .tour-intro-mobile {
  background: #3056d3;
}

[dir] .image-itinerary-mobile {
  background-size: contain !important;
}

[dir=ltr] .image-itinerary-mobile {
  background-position: 0% 50% !important;
}

[dir=rtl] .image-itinerary-mobile {
  background-position: 100% 50% !important;
}

.statement {
  position: fixed;
  bottom: 0;
  font-size: 18px;
  font-weight: 600;
  max-width: 300px;
  width: 500px;
  z-index: 1000;
}

[dir] .statement {
  margin: 20px;
}

[dir=ltr] .statement {
  right: 0;
}

[dir=rtl] .statement {
  left: 0;
}

.filter-title-statement {
  line-height: 26px;
  font-size: 15px;
}

[dir] .thankyou-page-background {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  background-attachment: fixed;
}

[dir] .booking-see-you-detail {
  background-color: #e1f8f0;
}

.btn-experience-question {
  color: #000000;
  font-size: 18px;
  font-weight: 700;
  text-decoration: underline;
}

[dir] .btn-experience-question {
  cursor: pointer;
}

.custom-btn-information {
  color: #ffffff;
  font-size: 18px;
  font-weight: bold;
}

[dir] .custom-btn-information {
  border-radius: 7px !important;
  background-color: var(--q-color-primary-1);
  padding: 0 18px;
}

.tour-information {
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  color: #637381;
}

[dir] .home-page-background-image {
  background-repeat: no-repeat;
  background-size: contain;
  background-size: cover;
  background-attachment: fixed;
  padding-top: 10px;
}
@media (max-width: 767px) {
  [dir] .home-page-background-image {
    background-color: white;
  }
}
@media (min-width: 1366px) {
  .home-page-background-image {
    width: 1200px;
  }
  [dir] .home-page-background-image {
    margin: auto;
    margin-top: -5px;
  }
}

[dir] .carousel-safari-tour-background {
  background-color: #224e67;
  border-radius: 32px;
}

[dir] .slick-slide-custom-desktop {
  padding: 0px 75px;
}
[dir] .slick-slide-custom-mobile {
  padding: 0px 29px;
}

[dir] .search-form-custom-desktop {
  padding: 0 55px;
}

.header-title-eg {
  font-size: 48px;
  font-weight: 700;
  font-family: "DiavloBook-Regular", "Aharoni", "Open Sans", sans-serif;
  color: #224e67;
}

[dir] .header-title-eg {
  cursor: pointer;
}

.header-title-eg-mobile {
  font-size: 40px;
  font-weight: 700;
  font-family: "DiavloBook-Regular", "Aharoni", "Open Sans", sans-serif;
  color: #224e67;
}

[dir] .header-title-eg-mobile {
  cursor: pointer;
}

[dir] .background-tour-listing {
  background-color: white;
  border-radius: 13px;
}

.register-dialog {
  width: 650px;
  max-width: 90vw;
}
.register-dialog .sign-up-title {
  font-size: 36px;
}
.register-dialog .button-submit {
  color: white;
}
[dir] .register-dialog .button-submit {
  background-color: var(--q-color-primary-1);
}
.register-dialog .register-cancel-btn {
  color: #467929;
}
[dir] .register-dialog .register-cancel-btn {
  padding: 4px 53px;
}

.login-dialog {
  width: 500px;
  max-width: 90vw;
}
.login-dialog .change-password {
  font-size: 30px;
}
.login-dialog .content-descript {
  font-size: 15px;
  color: #646060;
}
.login-dialog .button-submit {
  color: white;
}
[dir] .login-dialog .button-submit {
  background-color: var(--q-color-primary-1);
}
.login-dialog .back-to-login-btn {
  color: #467929;
}
[dir] .login-dialog .back-to-login-btn {
  padding: 4px 31px;
}

.sign-up-account {
  color: #ffffff;
}

[dir] .sign-up-account {
  background-color: var(--q-color-primary-1);
}

.member-login-popup {
  color: #505557;
}
.member-login-popup.absolute-view {
  position: absolute;
  width: 320px;
  top: 60px;
  z-index: 100;
}
[dir] .member-login-popup.absolute-view {
  background: white;
  border-radius: 20px;
  padding: 20px;
}
[dir=ltr] .member-login-popup.absolute-view {
  right: 0;
}
[dir=rtl] .member-login-popup.absolute-view {
  left: 0;
}
.member-login-popup .toggle-button {
  position: relative;
}
.member-login-popup .toggle-button .toggle-bg {
  display: flex;
  position: relative;
  overflow: hidden;
  height: 100%;
}
[dir] .member-login-popup .toggle-button .toggle-bg {
  background-color: #f1f1f1;
  border-radius: 20px;
  padding: 5px;
}
.member-login-popup .toggle-button .toggle-bg .toggle-btn {
  flex: 1;
  z-index: 1;
  text-transform: none;
}
[dir] .member-login-popup .toggle-button .toggle-bg .toggle-btn {
  border-radius: 20px;
}
.member-login-popup .toggle-button .toggle-bg .toggle-btn span {
  font-size: 14px;
}
.member-login-popup .toggle-button .toggle-bg .toggle-btn .q-focus-helper,
.member-login-popup .toggle-button .toggle-bg .toggle-btn .q-ripple {
  display: none;
}
.member-login-popup .toggle-button .toggle-bg .toggle-slider {
  position: absolute;
  top: 4px;
  bottom: 4px;
  width: 50%;
  z-index: 0;
}
[dir] .member-login-popup .toggle-button .toggle-bg .toggle-slider {
  background-color: white;
  border-radius: 20px;
}
[dir=ltr] .member-login-popup .toggle-button .toggle-bg .toggle-slider {
  left: 3px;
  transition: left 0.5s cubic-bezier(0.15, 0.88, 0.15, 0.97);
}
[dir=rtl] .member-login-popup .toggle-button .toggle-bg .toggle-slider {
  right: 3px;
  transition: right 0.5s cubic-bezier(0.15, 0.88, 0.15, 0.97);
}
[dir=ltr] .member-login-popup .toggle-button .toggle-bg .toggle-slider.right {
  left: calc(50% - 3px);
}
[dir=rtl] .member-login-popup .toggle-button .toggle-bg .toggle-slider.right {
  right: calc(50% - 3px);
}
.member-login-popup .advisor-signup-text {
  font-size: 14px;
}
[dir=ltr] .member-login-popup .advisor-signup-text {
  float: left;
  text-align: left;
}
[dir=rtl] .member-login-popup .advisor-signup-text {
  float: right;
  text-align: right;
}
[dir] .member-login-popup .advisor-signup-text a {
  float: unset;
}

.supplier-page {
  min-height: 1042px;
}

[dir] .supplier-page {
  background: white;
  background-position: 50% 0%;
  background-repeat: no-repeat;
  background-size: cover;
}
.supplier-page .supplier-detail-page {
  max-width: 1200px;
}
[dir] .supplier-page .supplier-detail-page {
  margin: auto;
}
[dir] .supplier-page .supplier-page-card {
  background: none;
  box-shadow: none;
}
[dir] .supplier-page .supplier-page-card .supplier-page-card-section {
  padding-top: 0px;
}
.supplier-page .supplier-page-card .title-supplier-page {
  color: #2e2e2e;
  font-size: 32px;
  font-weight: 700;
  line-height: 45px;
}
.supplier-page .supplier-page-card .sub-title-supplier-page {
  color: #2e2e2e;
  font-size: 20px;
  font-weight: 400;
}
.supplier-page .supplier-page-card .title-supplier-page-custom {
  color: #2e2e2e;
  font-size: 20px;
  font-weight: 700;
}
.supplier-page .supplier-page-card .sub-title-supplier-page-custom {
  color: #767676;
  font-size: 15px;
  font-weight: 400;
  line-height: 1.4;
}
.supplier-page .supplier-page-card .title-img-custom {
  font-size: 12px;
}

.q-item__section--side .q-icon {
  color: var(--q-color-primary-1) !important;
}

.q-radio__inner--truthy {
  color: var(--q-color-primary-1) !important;
}

.product-detail-see-more {
  width: 95% !important;
}
@media (min-width: 768px) {
  .product-detail-see-more {
    width: 45% !important;
  }
}

.product-detail-see-more.see-more-home {
  width: 90% !important;
}
.product-detail-see-more.see-more-home .q-btn__content {
  font-size: 20px;
}

.product-detail-cancel {
  width: 95%;
}

.thankyou-pagebtn-mobile {
  white-space: nowrap;
}

.aig-partner-page .partner-bg {
  position: relative;
}

[dir] .aig-partner-page .partner-bg {
  background-color: #1976d2;
}
[dir] .aig-partner-page .aig-sub-title {
  padding: 20px 120px;
}
.aig-partner-page .q-img__content div {
  font-weight: 700;
  font-size: 30px;
}
[dir] .aig-partner-page .q-img__content div {
  background-color: unset !important;
  padding-bottom: 80px;
}
.aig-partner-page-mobile .partner-bg {
  position: relative;
}
[dir] .aig-partner-page-mobile .partner-bg {
  background-color: #1976d2;
}
.aig-partner-page-mobile .q-img__content div {
  font-weight: 700;
  font-size: 23px;
}
[dir] .aig-partner-page-mobile .q-img__content div {
  background-color: unset !important;
  padding-bottom: 40px;
}

.samsonite-partner-page .partner-bg {
  position: relative;
}

[dir] .samsonite-partner-page .partner-bg {
  background-color: #1976d2;
}
.samsonite-partner-page .banner1 .q-img__content div {
  font-weight: 700;
  font-size: 30px;
  color: #000000 !important;
  width: 400px;
}
[dir] .samsonite-partner-page .banner1 .q-img__content div {
  background-color: #ffffff !important;
  margin-bottom: 80px;
  padding: 20px 30px;
}
[dir=ltr] .samsonite-partner-page .banner1 .q-img__content div {
  margin-left: 120px;
}
[dir=rtl] .samsonite-partner-page .banner1 .q-img__content div {
  margin-right: 120px;
}
.samsonite-partner-page .banner1-mobile .q-img__content div {
  font-weight: 700;
  font-size: 23px;
  color: #000000 !important;
  width: 80%;
}
[dir] .samsonite-partner-page .banner1-mobile .q-img__content div {
  margin: auto;
  background-color: #ffffff !important;
  margin-bottom: 30px;
  padding: 15px 25px;
}
.samsonite-partner-page .banner2 .q-img__content div {
  position: absolute;
  font-weight: 700;
  font-size: 30px;
  color: #000000 !important;
  width: 80%;
}
[dir] .samsonite-partner-page .banner2 .q-img__content div {
  background-color: #ffffff !important;
  margin-bottom: 80px;
  padding: 30px;
}
.samsonite-partner-page .banner2-mobile .q-img__content div {
  font-weight: 700;
  font-size: 23px;
  color: #000000 !important;
  width: 80%;
}
[dir] .samsonite-partner-page .banner2-mobile .q-img__content div {
  margin: auto;
  background-color: #ffffff !important;
  margin-bottom: 30px;
  padding: 15px 25px;
}
.samsonite-partner-page .banner3 .q-img__content div {
  position: absolute;
  font-weight: 700;
  font-size: 50px;
  line-height: 57px;
  color: #000000 !important;
  width: 800px;
}
[dir] .samsonite-partner-page .banner3 .q-img__content div {
  background-color: #ffffff !important;
  margin-bottom: 270px;
  padding: 25px;
}
[dir=ltr] .samsonite-partner-page .banner3 .q-img__content div {
  left: 50px;
}
[dir=rtl] .samsonite-partner-page .banner3 .q-img__content div {
  right: 50px;
}
.samsonite-partner-page .banner3 .discover-btn {
  width: 650px;
  color: #ffffff;
  font-size: 30px;
  font-weight: 700;
  bottom: 110px;
}
[dir] .samsonite-partner-page .banner3 .discover-btn {
  background-color: #000000;
  padding: 20px 50px;
}
[dir=ltr] .samsonite-partner-page .banner3 .discover-btn {
  left: 135px;
}
[dir=rtl] .samsonite-partner-page .banner3 .discover-btn {
  right: 135px;
}
.samsonite-partner-page .banner3-mobile .q-img__content div {
  position: absolute;
  font-weight: 700;
  font-size: 25px;
  color: #000000 !important;
  width: 85%;
}
[dir] .samsonite-partner-page .banner3-mobile .q-img__content div {
  background-color: #ffffff !important;
  margin-bottom: 170px;
}
.samsonite-partner-page .banner3-mobile .discover-btn {
  width: 70%;
  color: #ffffff;
  font-size: 23px;
  font-weight: 700;
  bottom: 30px;
}
[dir] .samsonite-partner-page .banner3-mobile .discover-btn {
  margin: auto;
  background-color: #000000;
}

.partner-logo {
  position: absolute;
  top: 0;
}

[dir=ltr] .partner-logo {
  left: 0;
}

[dir=rtl] .partner-logo {
  right: 0;
}

[dir] .why-tazoom-content {
  padding-top: 35px;
}

[dir] .edit-title-wish-list {
  text-align: center;
}

.tour-detail-contain {
  width: 99.5vw;
  top: -25px;
  position: relative;
}

[dir] .tour-detail-contain {
  background-position: 50% 70%;
  background-size: cover;
}

[dir=ltr] .tour-detail-contain {
  left: 50%;
  right: 50%;
  margin-left: -50vw;
  margin-right: -50vw;
}

[dir=rtl] .tour-detail-contain {
  right: 50%;
  left: 50%;
  margin-right: -50vw;
  margin-left: -50vw;
}

.img-tour-list-item {
  object-fit: cover;
}

.img-description {
  object-fit: cover;
}

.price-image-desktop {
  object-fit: cover;
}

@media (min-width: 320px) and (max-width: 768px) {
  .tour-header .card-tour-header {
    width: 250px;
  }
  [dir] .tour-header .card-tour-header {
    padding: 15px !important;
  }

  [dir] .q-pt-md, [dir] .q-py-md {
    margin-top: -10px !important;
    margin: 0px;
  }

  .tour-header .card-tour-header .title-tour-header {
    font-size: 16px;
  }

  .tour-header .card-tour-header .sub-title-tour-header {
    font-size: 12px;
  }
}
.btn-filter {
  color: #224e67;
}
[dir] .btn-filter {
  background-color: white;
}

[dir] .filter-bg {
  background-color: #224e67;
}

[dir=ltr] .filter-bg {
  margin-left: -8px;
}

[dir=rtl] .filter-bg {
  margin-right: -8px;
}

.filter-process-text {
  color: white;
  font-size: 1.9rem;
  font-weight: 400;
  line-height: 2.5rem;
}

.filter-process-trigger {
  color: white;
  font-size: 1.5rem;
  font-weight: 400;
  line-height: 2rem;
}

.filter-process-range-price {
  display: none;
  height: 43px;
  width: 275px;
  font-size: 20px;
  color: #224e67;
}

[dir] .filter-process-range-price {
  border: 1px solid #838995;
  border-width: thin;
  border-radius: 5p;
}

[dir=ltr] .filter-process-range-price {
  padding-left: 5px;
}

[dir=rtl] .filter-process-range-price {
  padding-right: 5px;
}

[dir] .homepage-bg {
  background-color: white;
}

[dir] .box-border {
  border: 7px solid #224e67;
  border-radius: 32px;
}

[dir] .choose-tazoom {
  background-color: #224e67;
  border-radius: 32px 32px 32px 32px;
}
.choose-tazoom .info-content-title {
  font-family: "DiavloLight", "Open Sans", BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  font-style: bold;
  font-size: 32px;
  line-height: 30px;
  color: #212b36;
  font-weight: 700;
}
.choose-tazoom .info-content-title-mobile {
  font-family: "DiavloLight", "Open Sans", BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  font-style: bold;
  font-size: 32px;
  line-height: 35px;
  color: #212b36;
  font-weight: 700;
}
.choose-tazoom .desktop-special-img {
  width: 270px;
  height: 270px;
}
.choose-tazoom .mobile-special-img {
  width: 100%;
  height: 270px;
}
.choose-tazoom .img-special-deals {
  width: 100%;
  height: 270px;
}
.choose-tazoom .desktop-item-content {
  width: 230px;
}
.choose-tazoom .special-deal-item {
  height: 100%;
}
[dir] .choose-tazoom .special-deal-item {
  border-radius: 50px;
  border: 1px solid #3030308c;
}
.choose-tazoom .special-deal-item .q-img.medium {
  position: relative;
  width: 100%;
  display: inline-block;
  vertical-align: middle;
  overflow: hidden;
  height: 270px;
}
.choose-tazoom .special-deal-item .q-img.medium .q-img__image {
  height: 160px;
  width: 100%;
}
[dir] .choose-tazoom .special-deal-item .q-img.medium .q-img__image {
  margin-top: 20px;
  background-size: inherit !important;
  background-position: center center !important;
}
.choose-tazoom .special-deal-item .q-img.medium .q-img__container {
  position: relative;
  width: 70%;
}
[dir] .choose-tazoom .special-deal-item .q-img.medium .q-img__container {
  border-radius: 0% !important;
}
[dir=ltr] .choose-tazoom .special-deal-item .q-img.medium .q-img__container {
  margin-left: 42px;
}
[dir=rtl] .choose-tazoom .special-deal-item .q-img.medium .q-img__container {
  margin-right: 42px;
}
.choose-tazoom .special-deal-item .q-img.small {
  position: relative;
  width: 100%;
  display: inline-block;
  vertical-align: middle;
  overflow: hidden;
  height: 270px;
}
.choose-tazoom .special-deal-item .q-img.small .q-img__image {
  height: 120px;
  width: 100%;
}
[dir] .choose-tazoom .special-deal-item .q-img.small .q-img__image {
  margin-top: 40px;
  background-size: inherit !important;
  background-position: center center !important;
}
.choose-tazoom .special-deal-item .q-img.small .q-img__container {
  position: relative;
  width: 70%;
}
[dir] .choose-tazoom .special-deal-item .q-img.small .q-img__container {
  border-radius: 0% !important;
}
[dir=ltr] .choose-tazoom .special-deal-item .q-img.small .q-img__container {
  margin-left: 42px;
}
[dir=rtl] .choose-tazoom .special-deal-item .q-img.small .q-img__container {
  margin-right: 42px;
}
.choose-tazoom .special-deal-item .q-img__content .deal-item-content {
  display: grid;
  justify-content: center;
  align-items: center;
  height: 85px;
}
[dir] .choose-tazoom .special-deal-item .q-img__content .deal-item-content {
  background: #ffffff;
  margin: 18px 22px;
  border-radius: 8px;
}
.choose-tazoom .special-deal-item .q-img__content .deal-item-content div {
  color: #212b36;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 19px;
  text-transform: capitalize;
}
[dir] .choose-tazoom .special-deal-item .q-img__content .deal-item-content div {
  text-align: center;
}
.choose-tazoom .special-deal-item .q-img__content .deal-item-content .special-option-btn {
  position: absolute;
  top: -8px;
  color: #3056d3;
}
[dir] .choose-tazoom .special-deal-item .q-img__content .deal-item-content .special-option-btn {
  cursor: pointer;
}
[dir=ltr] .choose-tazoom .special-deal-item .q-img__content .deal-item-content .special-option-btn {
  right: -8px;
}
[dir=rtl] .choose-tazoom .special-deal-item .q-img__content .deal-item-content .special-option-btn {
  left: -8px;
}
.choose-tazoom .special-deal-item .q-img__content .deal-item-content-mobile {
  display: grid;
  justify-content: center;
  align-items: center;
  height: 85px;
}
[dir] .choose-tazoom .special-deal-item .q-img__content .deal-item-content-mobile {
  background: #ffffff;
  margin: 18px auto;
  padding: 8px !important;
  border-radius: 8px;
}
.choose-tazoom .special-deal-item .q-img__content .deal-item-content-mobile div {
  color: #212b36;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 19px;
  text-transform: capitalize;
}
[dir] .choose-tazoom .special-deal-item .q-img__content .deal-item-content-mobile div {
  text-align: center;
}
.choose-tazoom .special-deal-item .q-img__content .deal-item-content-mobile .special-option-btn {
  position: absolute;
  top: -8px;
  color: #3056d3;
}
[dir] .choose-tazoom .special-deal-item .q-img__content .deal-item-content-mobile .special-option-btn {
  cursor: pointer;
}
[dir=ltr] .choose-tazoom .special-deal-item .q-img__content .deal-item-content-mobile .special-option-btn {
  right: -8px;
}
[dir=rtl] .choose-tazoom .special-deal-item .q-img__content .deal-item-content-mobile .special-option-btn {
  left: -8px;
}
.choose-tazoom .special-deal-item .q-img__content .deal-item-content div,
.choose-tazoom .special-deal-item .q-img__content .deal-item-content-mobile div {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
.choose-tazoom .special-deal-item .item-layer {
  position: absolute;
  bottom: -30px;
  width: 90px;
  height: 90px;
  color: #13c296;
  opacity: 0.11;
}
[dir] .choose-tazoom .special-deal-item .item-layer {
  border-radius: 50%;
}
[dir=ltr] .choose-tazoom .special-deal-item .item-layer {
  left: -10px;
}
[dir=rtl] .choose-tazoom .special-deal-item .item-layer {
  right: -10px;
}

[dir] .my-booking-list .booking-item {
  border-radius: 20px;
}
.my-booking-list .booking-item .item-image {
  width: 120px;
}
[dir] .my-booking-list .booking-item .item-image {
  border-radius: 50%;
}
@media screen and (max-width: 767px) {
  .my-booking-list .booking-item .booking-actions-wrapper {
    width: 100%;
  }
  .my-booking-list .booking-item .booking-actions-wrapper .column {
    width: 100%;
  }
}

.footer {
  -webkit-text-size-adjust: 100%;
  -webkit-tap-highlight-color: transparent;
  --in-story-vh: 5.46px;
  font-size: 14px;
  line-height: 1.42857143;
  color: #333;
  font-family: "OpenSans", Arial;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  box-sizing: border-box;
  display: block;
  overflow: hidden;
}

[dir] .footer {
  background-color: #3284c8;
  background-position: center bottom;
  clear: both;
  padding-bottom: 20px;
}
.footer p {
  font-size: 13px;
  color: #d9f6ff;
  display: block;
  line-height: 17px;
  font-family: "OpenSans", Arial;
}
[dir] .footer p {
  padding: 0;
  margin-bottom: 0;
}
[dir=ltr] .footer p {
  text-align: left;
}
[dir=rtl] .footer p {
  text-align: right;
}
.footer #logo_skytrax_wap {
  -webkit-text-size-adjust: 100%;
  -webkit-tap-highlight-color: transparent;
  --in-story-vh: 5.46px;
  font-size: 14px;
  line-height: 1.42857143;
  color: #333;
  font-family: "OpenSans", Arial;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  box-sizing: border-box;
}
.footer #logo-skytrax-wap {
  min-height: 75px;
}
[dir] .footer #logo-skytrax-wap {
  background-image: url("https://www.vietnamairlines.com/Themes/VNANew/Portal/images/other/pattern_vang.svg");
  background-repeat: repeat;
  background-size: 250px;
  background-color: #f8f3e7;
  padding: 20px 0;
}
.footer #logo-skytrax-wap .container {
  max-width: 1200px;
  width: 100%;
  position: relative;
}
[dir] .footer #logo-skytrax-wap .container {
  background-color: transparent;
  margin: auto;
  padding: 0;
}
.footer #logo-skytrax-wap .custom-logo {
  width: 60%;
  position: relative;
  min-height: 1px;
}
[dir=ltr] .footer #logo-skytrax-wap .custom-logo {
  padding-right: 15px;
  padding-left: 15px;
  float: left;
}
[dir=rtl] .footer #logo-skytrax-wap .custom-logo {
  padding-left: 15px;
  padding-right: 15px;
  float: right;
}
.footer #logo-skytrax-wap .logo-skytrax-img {
  display: block;
  min-width: 85px;
  width: 85px;
  vertical-align: middle;
}
[dir] .footer #logo-skytrax-wap .logo-skytrax-img {
  text-align: center;
}
.footer #logo-skytrax-wap .logo-skytrax-img img {
  display: block;
  width: 85px;
  position: absolute;
  bottom: -38px;
}
[dir] .footer #logo-skytrax-wap .logo-skytrax-img img {
  margin: auto;
}
[dir=ltr] .footer #logo-skytrax-wap .logo-skytrax-img img {
  left: 0;
}
[dir=rtl] .footer #logo-skytrax-wap .logo-skytrax-img img {
  right: 0;
}
.footer #logo-skytrax-wap .logo-skytrax-txt {
  width: calc(100% - 70px);
}
[dir=ltr] .footer #logo-skytrax-wap .logo-skytrax-txt {
  float: right;
  padding-left: 15px;
}
[dir=rtl] .footer #logo-skytrax-wap .logo-skytrax-txt {
  float: left;
  padding-right: 15px;
}
.footer #logo-skytrax-wap .logo-skytrax-txt h4 {
  color: #0b6e8b;
  font-size: 13px;
  font-weight: 600;
  line-height: 18px;
  font-family: "OpenSans", Arial;
}
[dir] .footer #logo-skytrax-wap .logo-skytrax-txt h4 {
  margin-top: 0;
  margin-bottom: 3px;
}
.footer #logo-skytrax-wap .logo-skytrax-txt p, .footer #logo-skytrax-wap .logo-skytrax-txt > p,
.footer #logo-skytrax-wap .logo-skytrax-txt #logo-skytrax-wap p {
  font-family: "OpenSans", Arial;
  font-weight: 600;
  font-size: 13px;
  line-height: 18px;
  color: #393939;
  min-height: unset;
}
[dir] .footer #logo-skytrax-wap .logo-skytrax-txt p, [dir] .footer #logo-skytrax-wap .logo-skytrax-txt > p, [dir] .footer #logo-skytrax-wap .logo-skytrax-txt #logo-skytrax-wap p {
  margin: 0;
  padding: 0;
}
.footer .container-wrapper {
  max-width: 1170px;
  position: relative;
}
[dir] .footer .container-wrapper {
  margin: auto;
  clear: both;
  border-radius: 4px;
}
.footer .navbar {
  position: relative;
  min-height: 50px;
}
[dir] .footer .navbar {
  border: none;
}
@media (min-width: 768px) {
  [dir] .footer .navbar {
    border-radius: 4px;
  }
  [dir=ltr] .footer .navbar .navbar-nav {
    float: left;
  }
  [dir=rtl] .footer .navbar .navbar-nav {
    float: right;
  }
}
.footer .navbar-footer .nav.navbar-nav {
  width: 100%;
}
[dir] .footer .navbar-footer .nav.navbar-nav {
  margin: 0;
  border-bottom: 0.6px solid #c7dcf8;
  padding-bottom: 5px;
}
.footer .navbar-footer .nav.navbar-nav li.dropdown {
  width: 25%;
}
[dir=ltr] .footer .navbar-footer .nav.navbar-nav li.dropdown {
  float: left;
}
[dir=rtl] .footer .navbar-footer .nav.navbar-nav li.dropdown {
  float: right;
}
.footer .navbar-footer .nav.navbar-nav li, .footer .navbar-footer .nav.navbar-nav li > a {
  display: block;
  position: relative;
}
.footer .navbar-footer .nav.navbar-nav li a {
  color: #fff;
}
.footer .navbar-footer .nav.navbar-nav li h4 {
  font-size: 16px;
  color: white;
  display: inline-block;
  font-family: "DiavloLight", Arial;
}
[dir] .footer .navbar-footer .nav.navbar-nav li h4 {
  margin: 0;
}
.footer .navbar-footer .nav.navbar-nav li > a, .footer .navbar-footer .nav.navbar-nav li > a:focus {
  opacity: 0.8;
  font-size: 14px;
  font-weight: 400;
  color: #ffffff;
  display: inline-block;
  line-height: 19px;
  white-space: normal;
  font-family: "OpenSans", Arial;
}
[dir] .footer .navbar-footer .nav.navbar-nav li > a, [dir] .footer .navbar-footer .nav.navbar-nav li > a:focus {
  padding: 5px 0;
  cursor: default;
  background-color: transparent;
}
[dir=ltr] .footer .navbar-footer .nav.navbar-nav li > a, [dir=ltr] .footer .navbar-footer .nav.navbar-nav li > a:focus {
  text-align: left;
}
[dir=rtl] .footer .navbar-footer .nav.navbar-nav li > a, [dir=rtl] .footer .navbar-footer .nav.navbar-nav li > a:focus {
  text-align: right;
}
.footer .navbar-footer .nav.navbar-nav li ul.dropdown-menu {
  display: block;
  position: relative;
  z-index: 1;
}
[dir] .footer .navbar-footer .nav.navbar-nav li ul.dropdown-menu {
  background-color: transparent;
  box-shadow: none;
  border: none;
}
.footer .navbar-footer .nav.navbar-nav .dropdown-menu {
  position: absolute;
  top: 100%;
  z-index: 1000;
  display: none;
  min-width: 160px;
  font-size: 14px;
  list-style: none;
}
[dir] .footer .navbar-footer .nav.navbar-nav .dropdown-menu {
  padding: 5px 0;
  margin: 2px 0 0;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 4px;
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
}
[dir=ltr] .footer .navbar-footer .nav.navbar-nav .dropdown-menu {
  left: 0;
  text-align: left;
}
[dir=rtl] .footer .navbar-footer .nav.navbar-nav .dropdown-menu {
  right: 0;
  text-align: right;
}
[dir=ltr] .footer .nav {
  padding-left: 0;
}
[dir=rtl] .footer .nav {
  padding-right: 0;
}
.footer .navbar-footer .nav.navbar-nav li.dropdown a.dropdown-toggle {
  display: block;
}
[dir] .footer .navbar-nav > li > .dropdown-menu {
  margin-top: 0;
}
[dir=ltr] .footer .navbar-nav > li > .dropdown-menu {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
[dir=rtl] .footer .navbar-nav > li > .dropdown-menu {
  border-top-right-radius: 0;
  border-top-left-radius: 0;
}
.footer .footer-row {
  display: table;
  width: 100%;
}
.footer .footer-row .clearfix-footer,
.footer .footer-row .company-info,
.footer .footer-row .logo-partner {
  display: table-cell;
  vertical-align: middle;
}
[dir] .footer .footer-row .clearfix-footer, [dir] .footer .footer-row .company-info, [dir] .footer .footer-row .logo-partner {
  float: none;
}
.footer .skyteam-ft {
  display: block;
}
[dir] .footer .skyteam-ft {
  margin: 0;
  margin-bottom: 10px;
}
.footer .skyteam-ft img {
  width: 170px;
  height: 62px;
  height: auto;
  display: block;
}
.footer a,
.footer a:focus,
.footer a:visited {
  outline: none;
  color: #ffffff;
  text-decoration: none;
}
.footer a:hover,
.footer a:focus:hover,
.footer a:visited:hover {
  color: #e6b441;
}
[dir] .footer a:hover, [dir] .footer a:focus:hover, [dir] .footer a:visited:hover {
  cursor: pointer;
}
.footer .social-icon {
  width: 100%;
}
[dir=ltr] .footer .social-icon {
  float: left;
}
[dir=rtl] .footer .social-icon {
  float: right;
}
.footer .social-icon ul {
  display: inline-block;
}
[dir] .footer .social-icon ul {
  margin: 0;
  padding: 0;
}
.footer .social-icon li {
  display: inline-block;
  font-size: 0;
  height: 35px;
  width: 35px;
  overflow: hidden;
  position: relative;
  z-index: 1;
  list-style-type: none;
}
[dir] .footer .social-icon li {
  cursor: pointer;
  margin: 10px 2px;
  text-align: center;
}
[dir=ltr] .footer .social-icon li {
  float: left;
}
[dir=rtl] .footer .social-icon li {
  float: right;
}
.footer .social-icon li a {
  display: block;
  color: transparent;
  text-decoration: none;
  width: 100%;
  height: 100%;
}
[dir] .footer .social-icon li a {
  background-size: 30px;
  background-position: center center;
}
.footer .footer-col-term {
  overflow: hidden;
}
[dir] .footer .footer-col-term {
  clear: both;
}
.footer .footer-col-term li {
  width: auto;
  height: auto;
}
[dir] .footer .footer-col-term li {
  border-radius: 0;
  margin: 0;
  padding-top: 0;
  padding-bottom: 0;
}
[dir=ltr] .footer .footer-col-term li {
  border-right: 1px solid #94e6ff;
  padding-right: 5px;
  padding-left: 5px;
}
[dir=rtl] .footer .footer-col-term li {
  border-left: 1px solid #94e6ff;
  padding-left: 5px;
  padding-right: 5px;
}
.footer .footer-col-term li a {
  color: #d9f6ff !important;
  font-size: 13px;
}
[dir=ltr] .footer .footer-col-term li:last-child {
  border-right: none;
}
[dir=rtl] .footer .footer-col-term li:last-child {
  border-left: none;
}
.footer .company-info img {
  width: 18px;
  height: 18px;
}
[dir] .footer .company-info img {
  margin-bottom: 10px;
}
.footer .company-info div.company-info img {
  opacity: 0.5;
  transition: opacity 0.5s ease-out;
  -moz-transition: opacity 0.5s ease-out;
  -o-transition: opacity 0.5s ease-out;
}
[dir] .footer .company-info div.company-info img {
  -webkit-transition: opacity 0.5s ease-out;
}
.footer .company-info div.company-info img:hover {
  opacity: 1;
}
.footer p.contactcenter {
  color: #ffffff;
}
.footer p.contactcenter img {
  width: 16px !important;
  display: inline !important;
}
[dir] .footer p.contactcenter img {
  margin: 0 0 -4px 0 !important;
}
.footer p.contactcenter a {
  font-size: 14px;
  font-weight: 400;
  color: #ffffff;
}
.footer p.contactcenter a:hover, .footer p.contactcenter a:focus, .footer p.contactcenter a:active {
  color: #dba510;
}
.footer .logo-small-footer {
  overflow: hidden;
}
[dir] .footer .logo-small-footer {
  margin-top: 10px;
}
[dir=ltr] .footer .logo-small-footer {
  padding-left: 0;
}
[dir=rtl] .footer .logo-small-footer {
  padding-right: 0;
}
.footer .logo-small-footer li {
  width: 100%;
  max-width: 450px;
}
.footer .logo-small-footer li img {
  width: 100%;
  height: auto;
}
.footer .logo-partner ul {
  overflow: hidden;
  list-style: none;
}
[dir] .footer .logo-partner ul {
  margin: 0;
  padding: 0;
}
[dir=ltr] .footer .logo-partner ul li {
  float: left;
}
[dir=rtl] .footer .logo-partner ul li {
  float: right;
}
.footer .logo-partner ul li img {
  height: 35px;
  width: auto;
}
[dir=ltr] .footer .logo-partner ul li:not(:first-child) {
  margin-left: 20px;
}
[dir=rtl] .footer .logo-partner ul li:not(:first-child) {
  margin-right: 20px;
}
.footer .logo-partner ul li:last-child {
  width: 100%;
}
[dir] .footer .logo-partner ul li:last-child {
  margin-top: 15px;
  text-align: center;
}
[dir=ltr] .footer .logo-partner ul li:last-child {
  margin-left: 0;
}
[dir=rtl] .footer .logo-partner ul li:last-child {
  margin-right: 0;
}
.footer .logo-partner ul li a {
  color: #d9f6ff;
  display: inline-block;
  line-height: 19px;
  white-space: normal;
  font-family: "OpenSans", Arial;
  text-transform: capitalize;
  text-decoration: none;
  transition: ease-in-out 0.3s;
  -moz-transition: ease-in-out 0.3s;
  -ms-transition: ease-in-out 0.3s;
  -o-transition: ease-in-out 0.3s;
}
[dir] .footer .logo-partner ul li a {
  padding: 5px 0;
  cursor: default;
  background-color: transparent;
  cursor: pointer;
  -webkit-transition: ease-in-out 0.3s;
}
[dir=ltr] .footer .logo-partner ul li a {
  text-align: left;
}
[dir=rtl] .footer .logo-partner ul li a {
  text-align: right;
}
.footer .logo-partner ul li a:hover {
  color: #e2aa11;
}
[dir] .footer .logo-partner ul li a:hover {
  cursor: pointer;
}
.footer img {
  opacity: 1;
  transition: opacity 0.3s;
}
[dir] .footer .copyright-footer {
  border-top: 1px solid #6ab6cc;
  padding: 20px 10px 0;
  margin-top: 15px;
  text-align: center;
}
.footer .copyright-footer p {
  color: #b1e0ee;
  line-height: 1.5;
  font-size: 11px;
}
[dir] .footer .copyright-footer p {
  text-align: center;
}
.footer .copyright-footer ul {
  display: inline-block;
}
.footer .copyright-footer ul li {
  display: inline-block;
  vertical-align: middle;
}
[dir] .footer .copyright-footer ul li {
  margin: 5px 5px 0;
}
.footer .copyright-footer ul li a {
  text-decoration: none;
}
[dir=ltr] .footer .copyright-footer ul li a {
  float: left;
}
[dir=rtl] .footer .copyright-footer ul li a {
  float: right;
}
.footer .copyright-footer ul li a img {
  opacity: 0.5;
  transition: opacity 0.5s ease-out;
  -moz-transition: opacity 0.5s ease-out;
  -o-transition: opacity 0.5s ease-out;
}
[dir] .footer .copyright-footer ul li a img {
  -webkit-transition: opacity 0.5s ease-out;
}
.footer .copyright-footer ul li a img:hover {
  opacity: 1;
}
.footer a.footertel {
  color: #d9f6ff;
  text-decoration: none;
}
.footer a.footertel:hover, .footer a.footertel:focus, .footer a.footertel:active {
  color: #dba510;
  text-decoration: none;
}
.footer .icon-facebook {
  width: 24px;
  height: 24px;
}
[dir] .footer .icon-facebook {
  margin: auto;
}
.footer .icon-youtube {
  width: 40px;
  height: 40px;
}
[dir] .footer .icon-youtube {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAUCAYAAACJfM0wAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAFmSURBVHgBpVTtUcMwDJV7/Ccb4A1gA7JBjwlSJmiYIGECygQtE3SE0glaJrA3CBsY6ZAbxfVHe313is6S/CRHshVcCedchapBIW1R9kopC7cASVuUwZ2jZb9G6UiHm9oMqRZEWybYCttaJO1OxxMBdYJ4Pdk02rvzA7ild9bCOEyOMhL4ap4ivjmRCY7nVFYTknsHpH9V7/fS+i7wr1BqFKqKyDeo9yj3UEbD+lVm+5D/RqxDGEhXbDjmQVZsWWv64Fy+YcAnV6HZd0T5gjSqWLa6VFEJyR6IrjdwJWhSeO/B22bC/856FRupAny8hUTmjWhUDxcCY3fF0wYzbVziJop4edW1t8+8U+hfFgKt5xlSmoQdL/vJK4fOhYtj4OqrFCk1KzlNPGomID3kGhjsMS7ytijxC+jVqmG8EIRv+O+05bUOYujSvBQfej7eQnTZZX7TMselcklQPXJ1ms0W5QcrPEIBf2yJNtgO2Go+AAAAAElFTkSuQmCC);
  background-repeat: no-repeat;
  margin: auto;
}
.footer .icon-instagram {
  width: 24px;
  height: 24px;
}
[dir] .footer .icon-instagram {
  margin: auto;
}
.footer .pc img {
  opacity: 1 !important;
}

@media screen and (max-width: 767px) {
  .footer .custom-logo {
    display: flex;
    width: 100%;
  }
  [dir] .footer .custom-logo {
    padding: 0 25px;
    margin-bottom: 30px;
  }
  [dir] .footer .custom-logo:last-child {
    margin-bottom: 0;
  }
  .footer .logo-skytrax-img img {
    position: unset;
  }
  [dir] .footer #logo-skytrax-wap {
    padding: 15px 0 22px 0;
  }
  [dir] .footer .logo-skytrax-txt h4 {
    margin-top: 5px;
    margin-bottom: 5px;
  }

  .footer-row {
    display: table;
    width: 100%;
  }
  .footer-row .clearfix-footer,
.footer-row .company-info,
.footer-row .logo-partner {
    display: block;
    width: 100%;
  }
  [dir] .footer-row .clearfix-footer, [dir] .footer-row .company-info, [dir] .footer-row .logo-partner {
    text-align: center;
  }

  .company-info {
    overflow: hidden;
  }

  [dir] .company-info {
    padding: 20px 10px;
  }

  [dir] .skyteam-ft img {
    margin: auto;
  }

  [dir] .navbar-footer > div > ul > li {
    border-bottom: 1px solid #ddd;
    clear: both;
  }
  .navbar-footer li > a, .navbar-footer li > a:focus {
    font-size: 13px;
    color: #d9f6ff;
    display: inline-block;
    line-height: 19px;
    white-space: normal;
    font-family: "OpenSans", Arial;
    text-transform: capitalize;
  }
  [dir] .navbar-footer li > a, [dir] .navbar-footer li > a:focus {
    padding: 5px 0;
    cursor: default;
    background-color: transparent;
  }
  [dir=ltr] .navbar-footer li > a, [dir=ltr] .navbar-footer li > a:focus {
    text-align: left;
  }
  [dir=rtl] .navbar-footer li > a, [dir=rtl] .navbar-footer li > a:focus {
    text-align: right;
  }
  .navbar-footer li > a:focus {
    text-decoration: underline;
  }
  .navbar-footer li h4 {
    font-size: 16px;
    color: #f6edcc !important;
    font-weight: bold !important;
    display: inline-block;
    font-family: "Open Sans", Arial, sans-serif;
  }
  [dir] .navbar-footer li h4 {
    margin: 0;
  }
  .navbar-footer li h4 a {
    font-size: 16px;
    color: #f6edcc !important;
    display: inline-block;
    font-family: "Open Sans", Arial, sans-serif;
  }
  [dir] .navbar-footer li h4 a {
    margin: 0;
  }
  [dir=ltr] .navbar-footer li h3 span {
    text-align: right;
    float: right;
  }
  [dir=rtl] .navbar-footer li h3 span {
    text-align: left;
    float: left;
  }
  [dir] .navbar-footer li.dropdown a:hover, [dir] .navbar-footer li.dropdown a:focus, [dir] .navbar-footer li.dropdown a.open > a:focus, [dir] .navbar-footer li.dropdown a.open > a:visited {
    background-color: #166987;
  }
  .navbar-footer ul.dropdown-menu > li {
    width: 100%;
  }
  .navbar-footer ul.dropdown-menu > li > a {
    transition: ease-in-out 0.3s;
    -moz-transition: ease-in-out 0.3s;
    -ms-transition: ease-in-out 0.3s;
    -o-transition: ease-in-out 0.3s;
  }
  [dir] .navbar-footer ul.dropdown-menu > li > a {
    cursor: pointer;
    -webkit-transition: ease-in-out 0.3s;
  }
  .navbar-footer ul.dropdown-menu > li > a:hover {
    color: #e2aa11 !important;
  }
  .navbar-footer .nav.navbar-nav {
    width: 100%;
  }
  [dir] .navbar-footer .nav.navbar-nav {
    margin: 0;
  }
  .navbar-footer .nav.navbar-nav li.dropdown {
    width: 25%;
  }
  [dir=ltr] .navbar-footer .nav.navbar-nav li.dropdown {
    float: left;
  }
  [dir=rtl] .navbar-footer .nav.navbar-nav li.dropdown {
    float: right;
  }
  .navbar-footer ul.extra-nav {
    width: 15%;
  }
  [dir=ltr] .navbar-footer ul.extra-nav {
    float: left;
  }
  [dir=rtl] .navbar-footer ul.extra-nav {
    float: right;
  }
  .navbar-footer ul.extra-nav li a {
    font-size: 16px;
    color: #e2aa11;
    display: inline-block;
    font-family: "DiavloLight", Arial;
    text-decoration: none;
    text-transform: capitalize;
  }
  [dir] .navbar-footer ul.extra-nav li a {
    margin: 0;
    cursor: pointer;
  }
  .navbar-footer .navbar-nav li ul.dropdown-menu {
    display: block;
    position: relative;
    z-index: 1;
  }
  [dir] .navbar-footer .navbar-nav li ul.dropdown-menu {
    background-color: transparent;
    box-shadow: none;
    border: none;
  }
  .navbar-footer .open .dropdown-menu {
    position: static;
    width: auto;
  }
  [dir] .navbar-footer .open .dropdown-menu {
    float: none;
    margin-top: 0;
    background-color: transparent;
    border: 0;
    box-shadow: none;
  }

  [dir=ltr] .footer-col-term li:last-child {
    border-right: none;
  }

  [dir=rtl] .footer-col-term li:last-child {
    border-left: none;
  }

  [dir] .footer-col-term li a:hover, [dir] .footer-col-term li:hover {
    box-shadow: none;
  }

  .skyteam-ft {
    display: block;
  }

  [dir] .skyteam-ft {
    margin: 0;
    margin-bottom: 10px;
  }
  .skyteam-ft img {
    width: 120px;
    height: auto;
    display: block;
  }

  .social-icon {
    width: 100%;
  }

  [dir=ltr] .social-icon {
    float: left;
  }

  [dir=rtl] .social-icon {
    float: right;
  }
  .social-icon ul {
    display: inline-block;
  }
  [dir] .social-icon ul {
    margin: 0;
    padding: 0;
  }
  .social-icon li {
    display: inline-block;
    font-size: 0;
    height: 35px;
    width: 35px;
    overflow: hidden;
    position: relative;
    z-index: 1;
    list-style-type: none;
  }
  [dir] .social-icon li {
    cursor: pointer;
    margin: 10px 2px;
    text-align: center;
  }
  [dir=ltr] .social-icon li {
    float: left;
  }
  [dir=rtl] .social-icon li {
    float: right;
  }
  .social-icon li a {
    display: block;
    color: transparent;
    text-decoration: none;
    width: 100%;
    height: 100%;
  }
  [dir] .social-icon li a {
    background-size: 30px;
    background-position: center center;
  }
}
@media screen and (max-width: 1024px) {
  [dir] #logo-skytrax-wap {
    padding: 10px 0;
  }

  .logo-skytrax-txt {
    width: calc(100% - 90px);
  }

  [dir=ltr] .logo-skytrax-txt {
    padding-left: 10px;
  }

  [dir=rtl] .logo-skytrax-txt {
    padding-right: 10px;
  }

  .logo-skytrax-img img {
    bottom: -25px;
  }

  [dir] .footer-mobile .row .clearfix-footer {
    text-align: center;
  }
  [dir] .footer-mobile .row .clearfix-footer .skyteam-ft img {
    margin: auto;
  }
  [dir] .footer-mobile .row .logo-partner {
    margin-top: 15px;
  }
}
.footer {
  overflow: hidden;
}
[dir] .footer {
  background-color: #3284c8 !important;
  background-position: center bottom;
  clear: both;
  padding: 39px 80px;
}
.footer p {
  font-size: 14px;
  font-weight: 400;
  color: #ffffff;
  opacity: 0.8;
  display: block;
  line-height: 17px;
  font-family: "OpenSans", Arial;
}
[dir] .footer p {
  padding: 0;
  margin-bottom: 0;
}
[dir=ltr] .footer p {
  text-align: left;
}
[dir=rtl] .footer p {
  text-align: right;
}

.footer-col {
  vertical-align: top;
}

[dir=ltr] .footer-col {
  float: left;
  padding-right: 10px;
}

[dir=rtl] .footer-col {
  float: right;
  padding-left: 10px;
}
[dir=ltr] .footer-col:last-child {
  padding-right: 0;
}
[dir=rtl] .footer-col:last-child {
  padding-left: 0;
}

.footer-col-4 {
  display: inline-block;
  *display: inline-block;
}

.footer-col h3 {
  font-size: 16px;
  color: #e2aa11;
  display: block;
  font-family: "Open Sans", Arial, sans-serif;
}

[dir] .footer-col h3 {
  margin: 10px 0 20px;
}

.footer-col li a {
  font-size: 13px;
  color: #d9f6ff;
  display: block;
  line-height: 19px;
  height: 25px;
  transition: ease-in-out 0.4s;
  font-family: "Open Sans", Arial, sans-serif;
}

[dir] .footer-col li a {
  padding: 0;
}

[dir=ltr] .footer-col li a {
  text-align: left;
}

[dir=rtl] .footer-col li a {
  text-align: right;
}
.footer-col li a:hover, .footer-col li a:focus {
  color: #ffad00;
}
[dir] .footer-col li a:hover, [dir] .footer-col li a:focus {
  background-color: transparent;
}

.social-icon {
  width: 100%;
}

[dir=ltr] .social-icon {
  float: left;
}

[dir=rtl] .social-icon {
  float: right;
}
.social-icon ul {
  display: inline-block;
}
[dir] .social-icon ul {
  margin: 0;
  padding: 0;
}
.social-icon li {
  display: inline-block;
  font-size: 0;
  height: 35px;
  width: 35px;
  overflow: hidden;
  position: relative;
  z-index: 1;
  list-style-type: none;
}
[dir] .social-icon li {
  cursor: pointer;
  margin: 10px 2px;
  text-align: center;
}
[dir=ltr] .social-icon li {
  float: left;
}
[dir=rtl] .social-icon li {
  float: right;
}
.social-icon li a {
  display: block;
  color: transparent;
  text-decoration: none;
  width: 100%;
  height: 100%;
}
[dir] .social-icon li a {
  background-size: 30px;
  background-position: center center;
}

[dir] .icon-youtube {
  background-image: url("https://www.vietnamairlines.com/images/icon/icon_youtube.png");
  background-repeat: no-repeat;
  margin: auto;
}

[dir] .icon-wechat {
  background-image: url("https://www.vietnamairlines.com/images/icon/icon-wechat.png");
  background-repeat: no-repeat;
  margin: auto;
}

#logo-skytrax-wap {
  min-height: 75px;
}

[dir] #logo-skytrax-wap {
  background-image: url("https://www.vietnamairlines.com/images/other/pattern_vang.svg");
  background-repeat: repeat;
  background-size: 250px;
  background-color: #f8f3e7;
  padding: 10px 0;
}
#logo-skytrax-wap .container {
  max-width: 1200px;
  width: 100%;
  position: relative;
}
[dir] #logo-skytrax-wap .container {
  background-color: transparent;
  margin: auto;
  padding: 0;
}

.logo-skytrax-img {
  display: inline-block;
  min-width: 120px;
  vertical-align: middle;
  width: 120px;
}

[dir] .logo-skytrax-img {
  text-align: center;
}
.logo-skytrax-img img {
  display: block;
  width: 85px;
  position: absolute;
  bottom: -30px;
}
[dir] .logo-skytrax-img img {
  margin: auto;
}
[dir=ltr] .logo-skytrax-img img {
  left: 0;
}
[dir=rtl] .logo-skytrax-img img {
  right: 0;
}

.logo-skytrax-txt {
  display: inline-block;
  vertical-align: middle;
  width: 50%;
  font-size: 13px;
  color: #333;
}

[dir=ltr] .logo-skytrax-txt {
  padding-left: 10px;
}

[dir=rtl] .logo-skytrax-txt {
  padding-right: 10px;
}
.logo-skytrax-txt p, .logo-skytrax-txt > p,
.logo-skytrax-txt #logo-skytrax-wap p {
  color: #333;
}
[dir] .logo-skytrax-txt p, [dir] .logo-skytrax-txt > p, [dir] .logo-skytrax-txt #logo-skytrax-wap p {
  margin-bottom: 0;
}

.navbar-footer .nav.navbar-nav li a {
  color: #fff;
}

.social-icon.sprite-icon li.text {
  width: auto;
}

[dir] .social-icon.sprite-icon li.text {
  padding: 8px 0;
}

[dir=ltr] .social-icon.sprite-icon li.text {
  margin-right: 5px;
}

[dir=rtl] .social-icon.sprite-icon li.text {
  margin-left: 5px;
}
.social-icon.sprite-icon li.text p {
  color: #fff;
  line-height: 1;
}
[dir] .social-icon.sprite-icon li.text p {
  padding-top: 3px;
}

.footer-row .logo-partner .our-awards::after {
  content: "";
  width: 18px;
  height: 18px;
  display: inline-block;
  vertical-align: middle;
  transition: all 0.1s ease-out;
  -moz-transition: all 0.1s ease-out;
}

[dir] .footer-row .logo-partner .our-awards::after {
  background-image: url("https://www.vietnamairlines.com/images/icon/VNA_iconLink_gray.svg");
  margin-top: -1px;
  background-color: transparent;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  -webkit-transition: all 0.1s ease-out;
}

[dir=ltr] .footer-row .logo-partner .our-awards::after {
  margin-left: 5px;
}

[dir=rtl] .footer-row .logo-partner .our-awards::after {
  margin-right: 5px;
}

[dir] .footer-row .logo-partner .our-awards:hover::after {
  background-image: url("https://www.vietnamairlines.com/images/icon/VNA_iconLink_yellow.svg");
}

@media screen and (min-width: 767px) and (max-width: 1024px) {
  .social-icon.sprite-icon li.text {
    width: 100%;
  }
  [dir] .social-icon.sprite-icon li.text {
    margin-bottom: 0;
    padding-bottom: 0;
  }

  [dir] .social-icon li {
    margin-top: 0;
  }

  [dir] .logo-partner ul li {
    text-align: center;
    margin: 5px 0;
    clear: both;
  }
  [dir] .logo-partner ul li:not(:first-child) {
    margin-top: 10px;
  }
  [dir=ltr] .logo-partner ul li:not(:first-child) {
    margin-left: 0;
  }
  [dir=rtl] .logo-partner ul li:not(:first-child) {
    margin-right: 0;
  }
  [dir] .logo-partner ul li:last-child {
    margin-top: 0;
  }
}
@media screen and (max-width: 767px) {
  .logo-partner ul li {
    width: auto;
    display: inline-block;
  }
  [dir] .logo-partner ul li {
    float: none;
  }
  [dir=ltr] .logo-partner ul li:not(:first-child) {
    margin-left: 0;
  }
  [dir=rtl] .logo-partner ul li:not(:first-child) {
    margin-right: 0;
  }
}
.logo-partner ul li img {
  height: 35px;
  width: auto;
}

.logo-partner ul li a {
  font-size: 13px;
  color: #d9f6ff;
  display: inline-block;
  line-height: 19px;
  white-space: normal;
  font-family: "OpenSans", Arial;
  text-transform: capitalize;
  text-decoration: none;
  transition: ease-in-out 0.3s;
  -moz-transition: ease-in-out 0.3s;
  -ms-transition: ease-in-out 0.3s;
  -o-transition: ease-in-out 0.3s;
}

[dir] .logo-partner ul li a {
  padding: 5px 0;
  cursor: default;
  background-color: transparent;
  cursor: pointer;
  -webkit-transition: ease-in-out 0.3s;
}

[dir=ltr] .logo-partner ul li a {
  text-align: left;
}

[dir=rtl] .logo-partner ul li a {
  text-align: right;
}
.logo-partner ul li a:hover {
  color: #e2aa11;
}
[dir] .logo-partner ul li a:hover {
  cursor: pointer;
}

[dir] .copyright-footer {
  border-top: 1px solid #6ab6cc;
  padding: 20px 10px 0;
  margin-top: 20px;
  text-align: center;
}
.copyright-footer p {
  color: #b1e0ee;
  line-height: 1.5;
  font-size: 11px;
}
[dir] .copyright-footer p {
  text-align: center;
}

.copyright-footer ul {
  display: inline-block;
}
.copyright-footer ul li {
  display: inline-block;
  vertical-align: middle;
}
[dir] .copyright-footer ul li {
  margin: 15px 5px 0;
}
.copyright-footer ul li a {
  text-decoration: none;
}
[dir=ltr] .copyright-footer ul li a {
  float: left;
}
[dir=rtl] .copyright-footer ul li a {
  float: right;
}
.copyright-footer ul li a img {
  opacity: 0.5;
  transition: opacity 0.5s ease-out;
  -moz-transition: opacity 0.5s ease-out;
  -o-transition: opacity 0.5s ease-out;
}
[dir] .copyright-footer ul li a img {
  -webkit-transition: opacity 0.5s ease-out;
}
.copyright-footer ul li a img:hover {
  opacity: 1;
}

.navbar-footer ul.dropdown-menu > li > a:hover {
  color: #e2aa11 !important;
}

[dir] .navbar-footer ul.dropdown-menu > li > a:hover {
  cursor: pointer !important;
}

.navbar-footer li h4 {
  font-size: 16px;
  color: #f6edcc !important;
  font-weight: bold !important;
  display: inline-block;
  font-family: "Open Sans", Arial, sans-serif;
}

[dir] .navbar-footer li h4 {
  margin: 0;
  cursor: pointer;
}

.icon-newpage-footer::after {
  content: "";
  width: 18px;
  height: 18px;
  display: inline-block;
  vertical-align: middle;
}

[dir] .icon-newpage-footer::after {
  margin-top: -1px;
  background-color: transparent;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  background-image: url("https://www.vietnamairlines.com/Themes/VNANew/Portal/images/icon/VNA_iconLink_gray.svg");
}

[dir=ltr] .icon-newpage-footer::after {
  margin-right: 5px;
}

[dir=rtl] .icon-newpage-footer::after {
  margin-left: 5px;
}

.footer-mobile {
  -webkit-text-size-adjust: 100%;
  -webkit-tap-highlight-color: transparent;
  --in-story-vh: 5.46px;
  font-size: 14px;
  line-height: 1.42857143;
  color: #333;
  font-family: "OpenSans", Arial;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  box-sizing: border-box;
  display: block;
  overflow: hidden;
  /* Menu Styling */
  /* Submenu Styling */
}

[dir] .footer-mobile {
  background-color: #166987 !important;
  background-position: center bottom;
  clear: both;
  padding-bottom: 30px;
}
.footer-mobile p {
  font-size: 13px;
  color: #d9f6ff;
  display: block;
  line-height: 17px;
  font-family: "OpenSans", Arial;
}
[dir] .footer-mobile p {
  padding: 0;
  margin-bottom: 0;
}
[dir=ltr] .footer-mobile p {
  text-align: left;
}
[dir=rtl] .footer-mobile p {
  text-align: right;
}
.footer-mobile #logo_skytrax_wap {
  -webkit-text-size-adjust: 100%;
  -webkit-tap-highlight-color: transparent;
  --in-story-vh: 5.46px;
  font-size: 14px;
  line-height: 1.42857143;
  color: #333;
  font-family: "OpenSans", Arial;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  box-sizing: border-box;
}
.footer-mobile #logo-skytrax-wap {
  min-height: 75px;
}
[dir] .footer-mobile #logo-skytrax-wap {
  background-image: url("https://www.vietnamairlines.com/Themes/VNANew/Portal/images/other/pattern_vang.svg");
  background-repeat: repeat;
  background-size: 250px;
  background-color: #f8f3e7;
  padding: 25px 0;
}
.footer-mobile #logo-skytrax-wap .container {
  max-width: 1000px;
  width: 100%;
  position: relative;
}
[dir] .footer-mobile #logo-skytrax-wap .container {
  background-color: transparent;
  margin: auto;
  padding: 0;
}
.footer-mobile #logo-skytrax-wap .custom-logo {
  width: 130%;
  position: relative;
  min-height: 1px;
  display: flex;
  align-items: center;
}
[dir=ltr] .footer-mobile #logo-skytrax-wap .custom-logo {
  padding-right: 24px;
  padding-left: 15px;
  float: left;
}
[dir=rtl] .footer-mobile #logo-skytrax-wap .custom-logo {
  padding-left: 24px;
  padding-right: 15px;
  float: right;
}
.footer-mobile #logo-skytrax-wap .logo-skytrax-img {
  position: relative;
  display: block;
  min-width: 85px;
  width: 85px;
}
[dir] .footer-mobile #logo-skytrax-wap .logo-skytrax-img {
  text-align: center;
}
.footer-mobile #logo-skytrax-wap .logo-skytrax-img img {
  display: block;
  width: 85px;
  position: unset;
}
.footer-mobile #logo-skytrax-wap .logo-skytrax-txt {
  width: calc(100% - 70px);
}
[dir=ltr] .footer-mobile #logo-skytrax-wap .logo-skytrax-txt {
  float: right;
  padding-left: 15px;
}
[dir=rtl] .footer-mobile #logo-skytrax-wap .logo-skytrax-txt {
  float: left;
  padding-right: 15px;
}
.footer-mobile #logo-skytrax-wap .logo-skytrax-txt h4 {
  color: #0b6e8b;
  font-size: 13px;
  font-weight: 600;
  line-height: 18px;
  font-family: "OpenSans", Arial;
}
[dir] .footer-mobile #logo-skytrax-wap .logo-skytrax-txt h4 {
  margin-top: 0;
  margin-bottom: 3px;
}
.footer-mobile #logo-skytrax-wap .logo-skytrax-txt p, .footer-mobile #logo-skytrax-wap .logo-skytrax-txt > p,
.footer-mobile #logo-skytrax-wap .logo-skytrax-txt #logo-skytrax-wap p {
  font-family: "OpenSans", Arial;
  font-weight: 600;
  font-size: 13px;
  line-height: 18px;
  color: #393939;
  min-height: unset;
}
[dir] .footer-mobile #logo-skytrax-wap .logo-skytrax-txt p, [dir] .footer-mobile #logo-skytrax-wap .logo-skytrax-txt > p, [dir] .footer-mobile #logo-skytrax-wap .logo-skytrax-txt #logo-skytrax-wap p {
  margin: 0;
  padding: 0;
}
.footer-mobile .container-wrapper {
  max-width: 1000px;
  position: relative;
}
[dir] .footer-mobile .container-wrapper {
  margin: auto;
  padding: 0 5px;
  clear: both;
}
.footer-mobile .menu {
  list-style: none;
}
[dir] .footer-mobile .menu {
  padding: 20px 10px 0 10px;
  margin: 0;
}
.footer-mobile .menu li h4 {
  font-size: 16px;
  color: #f6edcc !important;
  font-weight: bold !important;
  display: inline-block;
  width: 100%;
  font-family: "DiavloLight", Arial;
}
[dir] .footer-mobile .menu li h4 {
  margin: 0;
  border-bottom: 1px solid #4aacc3;
}
[dir] .footer-mobile .menu :hover {
  background-color: #166987;
}
.footer-mobile .submenu.show {
  display: block !important;
}
.footer-mobile .menu li {
  position: relative;
}
[dir] .footer-mobile .menu li {
  padding: 20px 0;
  cursor: pointer;
}
[dir] .footer-mobile .menu li:hover {
  background-color: #166987;
}
.footer-mobile .menu li h4::after {
  content: "▼";
  font-family: "Glyphicons Halflings";
  position: absolute;
  color: #4aacc3;
}
[dir=ltr] .footer-mobile .menu li h4::after {
  right: 0;
}
[dir=rtl] .footer-mobile .menu li h4::after {
  left: 0;
}
.footer-mobile .submenu {
  display: none;
  list-style: none;
}
[dir] .footer-mobile .submenu {
  background: #166987;
}
[dir=ltr] .footer-mobile .submenu {
  padding-left: 20px;
}
[dir=rtl] .footer-mobile .submenu {
  padding-right: 20px;
}
.footer-mobile .submenu li {
  display: block;
  color: #fff;
}
[dir] .footer-mobile .submenu li {
  cursor: pointer;
  border-bottom: 1px solid #4aacc3;
  padding: 20px 0;
}
.footer-mobile .submenu li a {
  color: white;
  text-decoration: none;
}
.footer-mobile .submenu li a:hover {
  text-decoration: underline;
}
.footer-mobile .navbar {
  position: relative;
  min-height: 50px;
}
[dir] .footer-mobile .navbar {
  margin-bottom: 20px;
  border: none;
}
@media (min-width: 768px) {
  [dir] .footer-mobile .navbar {
    border-radius: 4px;
  }
  [dir=ltr] .footer-mobile .navbar .navbar-nav {
    float: left;
  }
  [dir=rtl] .footer-mobile .navbar .navbar-nav {
    float: right;
  }
}
.footer-mobile .navbar-footer .nav.navbar-nav {
  width: 100%;
}
[dir] .footer-mobile .navbar-footer .nav.navbar-nav {
  margin: 0;
}
.footer-mobile .navbar-footer .nav.navbar-nav li.dropdown {
  width: 20%;
}
[dir=ltr] .footer-mobile .navbar-footer .nav.navbar-nav li.dropdown {
  float: left;
}
[dir=rtl] .footer-mobile .navbar-footer .nav.navbar-nav li.dropdown {
  float: right;
}
.footer-mobile .navbar-footer .nav.navbar-nav li, .footer-mobile .navbar-footer .nav.navbar-nav li > a {
  display: block;
  position: relative;
}
.footer-mobile .navbar-footer .nav.navbar-nav li a {
  color: #fff;
}
.footer-mobile .navbar-footer .nav.navbar-nav li h4 {
  font-size: 16px;
  color: white;
  display: inline-block;
  font-family: "DiavloLight", Arial;
}
[dir] .footer-mobile .navbar-footer .nav.navbar-nav li h4 {
  margin: 0;
}
.footer-mobile .navbar-footer .nav.navbar-nav li > a, .footer-mobile .navbar-footer .nav.navbar-nav li > a:focus {
  font-size: 13px;
  color: #ffffff;
  display: inline-block;
  line-height: 19px;
  white-space: normal;
  font-family: "OpenSans", Arial;
  text-transform: capitalize;
}
[dir] .footer-mobile .navbar-footer .nav.navbar-nav li > a, [dir] .footer-mobile .navbar-footer .nav.navbar-nav li > a:focus {
  padding: 5px 0;
  cursor: default;
  background-color: transparent;
}
[dir=ltr] .footer-mobile .navbar-footer .nav.navbar-nav li > a, [dir=ltr] .footer-mobile .navbar-footer .nav.navbar-nav li > a:focus {
  text-align: left;
}
[dir=rtl] .footer-mobile .navbar-footer .nav.navbar-nav li > a, [dir=rtl] .footer-mobile .navbar-footer .nav.navbar-nav li > a:focus {
  text-align: right;
}
.footer-mobile .navbar-footer .nav.navbar-nav li ul.dropdown-menu {
  display: block;
  position: relative;
  z-index: 1;
}
[dir] .footer-mobile .navbar-footer .nav.navbar-nav li ul.dropdown-menu {
  background-color: transparent;
  box-shadow: none;
  border: none;
}
.footer-mobile .navbar-footer .nav.navbar-nav .dropdown-menu {
  position: absolute;
  top: 100%;
  z-index: 1000;
  display: none;
  min-width: 160px;
  font-size: 14px;
  list-style: none;
}
[dir] .footer-mobile .navbar-footer .nav.navbar-nav .dropdown-menu {
  padding: 5px 0;
  margin: 2px 0 0;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #ccc;
  border: #166987;
  border-radius: 4px;
}
[dir=ltr] .footer-mobile .navbar-footer .nav.navbar-nav .dropdown-menu {
  left: 0;
  text-align: left;
}
[dir=rtl] .footer-mobile .navbar-footer .nav.navbar-nav .dropdown-menu {
  right: 0;
  text-align: right;
}
[dir=ltr] .footer-mobile .nav {
  padding-left: 0;
}
[dir=rtl] .footer-mobile .nav {
  padding-right: 0;
}
.footer-mobile .navbar-footer .nav.navbar-nav li.dropdown a.dropdown-toggle {
  display: block;
}
[dir] .footer-mobile .navbar-nav > li > .dropdown-menu {
  margin-top: 0;
}
[dir=ltr] .footer-mobile .navbar-nav > li > .dropdown-menu {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
[dir=rtl] .footer-mobile .navbar-nav > li > .dropdown-menu {
  border-top-right-radius: 0;
  border-top-left-radius: 0;
}
.footer-mobile .footer-row {
  display: table;
  width: 100%;
}
.footer-mobile .footer-row .clearfix-footer,
.footer-mobile .footer-row .company-info,
.footer-mobile .footer-row .logo-partner {
  display: block;
  width: 100%;
}
[dir] .footer-mobile .footer-row .clearfix-footer, [dir] .footer-mobile .footer-row .company-info, [dir] .footer-mobile .footer-row .logo-partner {
  text-align: center;
}
.footer-mobile .footer-row .logo-partner ul li img {
  height: 35px;
  width: auto;
}
.footer-mobile .skyteam-ft {
  display: block;
  align-items: center;
}
[dir] .footer-mobile .skyteam-ft {
  margin: 0;
  margin-bottom: 10px;
}
.footer-mobile .skyteam-ft img {
  width: 120px;
  height: auto;
  display: block;
}
.footer-mobile a,
.footer-mobile a:focus,
.footer-mobile a:visited {
  font-size: 13px;
  color: #d9f6ff;
  display: inline-block;
  line-height: 19px;
  white-space: normal;
  font-family: "OpenSans", Arial;
}
[dir] .footer-mobile a:hover, [dir] .footer-mobile a:focus:hover, [dir] .footer-mobile a:visited:hover {
  cursor: pointer;
}
.footer-mobile .social-icon {
  width: 100%;
}
[dir=ltr] .footer-mobile .social-icon {
  float: left;
}
[dir=rtl] .footer-mobile .social-icon {
  float: right;
}
.footer-mobile .social-icon ul {
  display: inline-block;
}
[dir] .footer-mobile .social-icon ul {
  margin: 0;
  padding: 0;
}
.footer-mobile .social-icon li {
  display: inline-block;
  font-size: 0;
  height: 35px;
  width: 35px;
  overflow: hidden;
  position: relative;
  z-index: 1;
  list-style-type: none;
}
[dir] .footer-mobile .social-icon li {
  cursor: pointer;
  margin: 10px 2px;
  text-align: center;
}
[dir=ltr] .footer-mobile .social-icon li {
  float: left;
}
[dir=rtl] .footer-mobile .social-icon li {
  float: right;
}
.footer-mobile .social-icon li a {
  display: block;
  color: transparent;
  text-decoration: none;
  width: 100%;
  height: 100%;
}
[dir] .footer-mobile .social-icon li a {
  background-size: 30px;
  background-position: center center;
}
.footer-mobile .footer-col-term {
  overflow: hidden;
}
[dir] .footer-mobile .footer-col-term {
  clear: both;
}
.footer-mobile .footer-col-term li {
  width: auto;
  height: auto;
}
[dir] .footer-mobile .footer-col-term li {
  border-radius: 0;
  margin: 0;
  padding-top: 0;
  padding-bottom: 0;
}
[dir=ltr] .footer-mobile .footer-col-term li {
  border-right: 1px solid #94e6ff;
  padding-right: 5px;
  padding-left: 5px;
}
[dir=rtl] .footer-mobile .footer-col-term li {
  border-left: 1px solid #94e6ff;
  padding-left: 5px;
  padding-right: 5px;
}
.footer-mobile .footer-col-term li a {
  color: #d9f6ff !important;
  font-size: 13px;
}
[dir=ltr] .footer-mobile .footer-col-term li:last-child {
  border-right: none;
}
[dir=rtl] .footer-mobile .footer-col-term li:last-child {
  border-left: none;
}
.footer-mobile .company-info img {
  width: 18px;
  height: 18px;
}
[dir] .footer-mobile .company-info img {
  margin-bottom: 10px;
}
.footer-mobile .company-info div.company-info img {
  opacity: 0.5;
  transition: opacity 0.5s ease-out;
  -moz-transition: opacity 0.5s ease-out;
  -o-transition: opacity 0.5s ease-out;
}
[dir] .footer-mobile .company-info div.company-info img {
  -webkit-transition: opacity 0.5s ease-out;
}
.footer-mobile .company-info div.company-info img:hover {
  opacity: 1;
}
.footer-mobile p.contactcenter {
  color: #d9f6ff;
  letter-spacing: -1px;
}
.footer-mobile p.contactcenter img {
  width: 16px !important;
  display: inline !important;
}
[dir] .footer-mobile p.contactcenter img {
  margin: 0 0 -4px 0 !important;
}
.footer-mobile p.contactcenter a {
  font-size: 1.1em;
  font-weight: bold;
  font-family: "DiavloLight", "OpenSans-Light", Arial, Helvetica, sans-serif;
  color: #d9f6ff;
  letter-spacing: -1px;
}
.footer-mobile p.contactcenter a:hover, .footer-mobile p.contactcenter a:focus, .footer-mobile p.contactcenter a:active {
  color: #dba510;
}
.footer-mobile .logo-small-footer {
  overflow: hidden;
}
[dir] .footer-mobile .logo-small-footer {
  margin-top: 10px;
}
[dir=ltr] .footer-mobile .logo-small-footer {
  padding-left: 0;
}
[dir=rtl] .footer-mobile .logo-small-footer {
  padding-right: 0;
}
.footer-mobile .logo-small-footer li {
  width: 100%;
  max-width: 450px;
}
.footer-mobile .logo-small-footer li img {
  width: 100%;
  height: auto;
}
.footer-mobile .logo-partner {
  display: block;
}
.footer-mobile .logo-partner ul {
  overflow: hidden;
  list-style: none;
}
[dir] .footer-mobile .logo-partner ul {
  margin: 0;
  padding: 0;
  text-align: center;
}
.footer-mobile .logo-partner ul li {
  display: inline-block;
  vertical-align: middle;
}
.footer-mobile .logo-partner ul li img {
  height: 35px;
  width: auto;
  display: block;
}
[dir] .footer-mobile .logo-partner ul li img {
  margin: 0 auto;
}
[dir=ltr] .footer-mobile .logo-partner ul li:not(:first-child) {
  margin-left: 20px;
}
[dir=rtl] .footer-mobile .logo-partner ul li:not(:first-child) {
  margin-right: 20px;
}
.footer-mobile .logo-partner ul li:last-child {
  width: 100%;
}
[dir] .footer-mobile .logo-partner ul li:last-child {
  margin-top: 15px;
  text-align: center;
}
[dir=ltr] .footer-mobile .logo-partner ul li:last-child {
  margin-left: 0;
}
[dir=rtl] .footer-mobile .logo-partner ul li:last-child {
  margin-right: 0;
}
.footer-mobile .logo-partner ul li a {
  font-size: 13px;
  color: #d9f6ff;
  display: inline-block;
  line-height: 19px;
  white-space: normal;
  font-family: "OpenSans", Arial;
  text-transform: capitalize;
  text-decoration: none;
  transition: ease-in-out 0.3s;
}
[dir] .footer-mobile .logo-partner ul li a {
  padding: 5px 0;
  cursor: default;
  background-color: transparent;
  cursor: pointer;
}
[dir=ltr] .footer-mobile .logo-partner ul li a {
  text-align: left;
}
[dir=rtl] .footer-mobile .logo-partner ul li a {
  text-align: right;
}
.footer-mobile .logo-partner ul li a:hover {
  color: #e2aa11;
}
[dir] .footer-mobile .logo-partner ul li a:hover {
  cursor: pointer;
}
.footer-mobile img {
  opacity: 1;
  transition: opacity 0.3s;
}
[dir] .footer-mobile .copyright-footer {
  border-top: 1px solid #6ab6cc;
  padding: 20px 10px 0;
  margin-top: 15px;
  text-align: center;
}
.footer-mobile .copyright-footer .nav-content {
  font-size: 16px;
  color: #f6edcc !important;
  font-weight: bold !important;
  display: inline-block;
  font-family: "DiavloLight", Arial;
  text-decoration: none;
}
.footer-mobile .copyright-footer .footer-btn-join {
  font-size: 16px;
  color: white;
}
[dir] .footer-mobile .copyright-footer .footer-btn-join {
  border-radius: 6px;
}
[dir] .footer-mobile .copyright-footer .footer-btn-join .q-btn__wrapper:before {
  box-shadow: none;
}
.footer-mobile .copyright-footer p {
  color: #b1e0ee;
  line-height: 1.5;
  font-size: 11px;
}
[dir] .footer-mobile .copyright-footer p {
  text-align: center;
}
.footer-mobile .copyright-footer ul {
  display: block;
}
[dir] .footer-mobile .copyright-footer ul {
  margin: 0;
  padding: 0;
  text-align: center;
}
.footer-mobile .copyright-footer ul li {
  display: inline-block;
  vertical-align: middle;
}
[dir] .footer-mobile .copyright-footer ul li {
  margin: 5px 5px 0;
}
.footer-mobile .copyright-footer ul li a {
  display: inline-block;
  text-decoration: none;
}
.footer-mobile .copyright-footer ul li a img {
  opacity: 0.5;
  transition: opacity 0.5s ease-out;
}
.footer-mobile .copyright-footer ul li a img:hover {
  opacity: 1;
}
.footer-mobile a.footertel {
  color: #d9f6ff;
  text-decoration: none;
}
.footer-mobile a.footertel:hover, .footer-mobile a.footertel:focus, .footer-mobile a.footertel:active {
  color: #dba510;
  text-decoration: none;
}
[dir] .footer-mobile .icon-youtube {
  background-image: url("https://www.vietnamairlines.com/Themes/VNANew/Portal/images/icon/icon_youtube.png");
  background-repeat: no-repeat;
  margin: auto;
}
.footer-mobile .pc img {
  opacity: 1 !important;
}

.footer-mobile {
  overflow: hidden;
}

[dir] .footer-mobile {
  background-color: #166987 !important;
  background-position: center bottom;
  clear: both;
}
.footer-mobile p {
  font-size: 13px;
  color: #d9f6ff;
  display: block;
  line-height: 17px;
  font-family: "OpenSans", Arial;
}
[dir] .footer-mobile p {
  text-align: center;
  padding: 0;
  margin-bottom: 0;
}

.footer-col {
  vertical-align: top;
}

[dir=ltr] .footer-col {
  float: left;
  padding-right: 10px;
}

[dir=rtl] .footer-col {
  float: right;
  padding-left: 10px;
}
[dir=ltr] .footer-col:last-child {
  padding-right: 0;
}
[dir=rtl] .footer-col:last-child {
  padding-left: 0;
}

.footer-col-4 {
  display: inline-block;
  *display: inline-block;
}

.footer-col h3 {
  font-size: 16px;
  color: #e2aa11;
  display: block;
  font-family: "DiavloLight", Arial;
}

[dir] .footer-col h3 {
  margin: 10px 0 20px;
}

.footer-col li a {
  font-size: 13px;
  color: #d9f6ff;
  display: block;
  line-height: 19px;
  height: 25px;
  transition: ease-in-out 0.4s;
  font-family: "OpenSans", Arial;
}

[dir] .footer-col li a {
  padding: 0;
}

[dir=ltr] .footer-col li a {
  text-align: left;
}

[dir=rtl] .footer-col li a {
  text-align: right;
}
.footer-col li a:hover, .footer-col li a:focus {
  color: #ffad00;
}
[dir] .footer-col li a:hover, [dir] .footer-col li a:focus {
  background-color: transparent;
}

.social-icon {
  width: 100%;
}

[dir=ltr] .social-icon {
  float: left;
}

[dir=rtl] .social-icon {
  float: right;
}
.social-icon ul {
  display: inline-block;
}
[dir] .social-icon ul {
  margin: 0;
  padding: 0;
}
.social-icon li {
  display: inline-block;
  font-size: 0;
  height: 35px;
  width: 35px;
  overflow: hidden;
  position: relative;
  z-index: 1;
  list-style-type: none;
}
[dir] .social-icon li {
  cursor: pointer;
  margin: 10px 2px;
  text-align: center;
}
[dir=ltr] .social-icon li {
  float: left;
}
[dir=rtl] .social-icon li {
  float: right;
}
.social-icon li a {
  display: block;
  color: transparent;
  text-decoration: none;
  width: 100%;
  height: 100%;
}
[dir] .social-icon li a {
  background-size: 30px;
  background-position: center center;
}

[dir] .icon-youtube {
  background-image: url("https://www.vietnamairlines.com/images/icon/icon_youtube.png");
  background-repeat: no-repeat;
  margin: auto;
}

[dir] .icon-wechat {
  background-image: url("https://www.vietnamairlines.com/images/icon/icon-wechat.png");
  background-repeat: no-repeat;
  margin: auto;
}

#logo-skytrax-wap {
  min-height: 75px;
}

[dir] #logo-skytrax-wap {
  background-image: url("https://www.vietnamairlines.com/images/other/pattern_vang.svg");
  background-repeat: repeat;
  background-size: 250px;
  background-color: #f8f3e7;
  padding: 10px 0;
}
#logo-skytrax-wap .container {
  max-width: 1200px;
  width: 100%;
  position: relative;
}
[dir] #logo-skytrax-wap .container {
  background-color: transparent;
  margin: auto;
  padding: 0;
}

.logo-skytrax-img {
  display: inline-block;
  min-width: 120px;
  vertical-align: middle;
  width: 120px;
}

[dir] .logo-skytrax-img {
  text-align: center;
}
.logo-skytrax-img img {
  display: block;
  width: 85px;
  position: absolute;
  bottom: -30px;
}
[dir] .logo-skytrax-img img {
  margin: auto;
}
[dir=ltr] .logo-skytrax-img img {
  left: 0;
}
[dir=rtl] .logo-skytrax-img img {
  right: 0;
}

.logo-skytrax-txt {
  display: inline-block;
  vertical-align: middle;
  width: 50%;
  font-size: 13px;
  color: #333;
}

[dir=ltr] .logo-skytrax-txt {
  padding-left: 10px;
}

[dir=rtl] .logo-skytrax-txt {
  padding-right: 10px;
}
.logo-skytrax-txt p, .logo-skytrax-txt > p,
.logo-skytrax-txt #logo-skytrax-wap p {
  color: #333;
}
[dir] .logo-skytrax-txt p, [dir] .logo-skytrax-txt > p, [dir] .logo-skytrax-txt #logo-skytrax-wap p {
  margin-bottom: 0;
}

.navbar-footer .nav.navbar-nav li a {
  color: #fff;
}

.social-icon.sprite-icon li.text {
  width: auto;
}

[dir] .social-icon.sprite-icon li.text {
  padding: 8px 0;
}

[dir=ltr] .social-icon.sprite-icon li.text {
  margin-right: 5px;
}

[dir=rtl] .social-icon.sprite-icon li.text {
  margin-left: 5px;
}
.social-icon.sprite-icon li.text p {
  color: #fff;
  line-height: 1;
}
[dir] .social-icon.sprite-icon li.text p {
  padding-top: 3px;
}

.footer-row .logo-partner .our-awards::after {
  content: "";
  width: 18px;
  height: 18px;
  display: inline-block;
  vertical-align: middle;
  transition: all 0.1s ease-out;
  -moz-transition: all 0.1s ease-out;
}

[dir] .footer-row .logo-partner .our-awards::after {
  background-image: url("https://www.vietnamairlines.com/images/icon/VNA_iconLink_gray.svg");
  margin-top: -1px;
  background-color: transparent;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  -webkit-transition: all 0.1s ease-out;
}

[dir=ltr] .footer-row .logo-partner .our-awards::after {
  margin-left: 5px;
}

[dir=rtl] .footer-row .logo-partner .our-awards::after {
  margin-right: 5px;
}

[dir] .footer-row .logo-partner .our-awards:hover::after {
  background-image: url("https://www.vietnamairlines.com/images/icon/VNA_iconLink_yellow.svg");
}

@media screen and (min-width: 767px) and (max-width: 1024px) {
  .social-icon.sprite-icon li.text {
    width: 100%;
  }
  [dir] .social-icon.sprite-icon li.text {
    margin-bottom: 0;
    padding-bottom: 0;
  }

  [dir] .social-icon li {
    margin-top: 0;
  }

  [dir] .logo-partner ul li {
    text-align: center;
    margin: 5px 0;
    clear: both;
  }
  [dir] .logo-partner ul li:not(:first-child) {
    margin-top: 10px;
  }
  [dir=ltr] .logo-partner ul li:not(:first-child) {
    margin-left: 0;
  }
  [dir=rtl] .logo-partner ul li:not(:first-child) {
    margin-right: 0;
  }
  [dir] .logo-partner ul li:last-child {
    margin-top: 0;
  }
}
@media screen and (max-width: 767px) {
  .logo-partner ul li {
    width: auto;
    display: inline-block;
  }
  [dir] .logo-partner ul li {
    float: none;
  }
  [dir=ltr] .logo-partner ul li:not(:first-child) {
    margin-left: 0;
  }
  [dir=rtl] .logo-partner ul li:not(:first-child) {
    margin-right: 0;
  }
}
.logo-partner ul li img {
  height: 35px;
  width: auto;
}

.logo-partner ul li a {
  font-size: 13px;
  color: #d9f6ff;
  display: inline-block;
  line-height: 19px;
  white-space: normal;
  font-family: "OpenSans", Arial;
  text-transform: capitalize;
  text-decoration: none;
  transition: ease-in-out 0.3s;
  -moz-transition: ease-in-out 0.3s;
  -ms-transition: ease-in-out 0.3s;
  -o-transition: ease-in-out 0.3s;
}

[dir] .logo-partner ul li a {
  padding: 5px 0;
  cursor: default;
  background-color: transparent;
  cursor: pointer;
  -webkit-transition: ease-in-out 0.3s;
}

[dir=ltr] .logo-partner ul li a {
  text-align: left;
}

[dir=rtl] .logo-partner ul li a {
  text-align: right;
}
.logo-partner ul li a:hover {
  color: #e2aa11;
}
[dir] .logo-partner ul li a:hover {
  cursor: pointer;
}

[dir] .copyright-footer {
  border-top: 1px solid #6ab6cc;
  padding: 20px 10px 0;
  margin-top: 20px;
  text-align: center;
}
.copyright-footer p {
  color: #b1e0ee;
  line-height: 1.5;
  font-size: 11px;
}
[dir] .copyright-footer p {
  text-align: center;
}

.copyright-footer ul {
  display: inline-block;
}
.copyright-footer ul li {
  display: inline-block;
  vertical-align: middle;
}
[dir] .copyright-footer ul li {
  margin: 15px 5px 0;
}
.copyright-footer ul li a {
  text-decoration: none;
}
[dir=ltr] .copyright-footer ul li a {
  float: left;
}
[dir=rtl] .copyright-footer ul li a {
  float: right;
}
.copyright-footer ul li a img {
  opacity: 0.5;
  transition: opacity 0.5s ease-out;
  -moz-transition: opacity 0.5s ease-out;
  -o-transition: opacity 0.5s ease-out;
}
[dir] .copyright-footer ul li a img {
  -webkit-transition: opacity 0.5s ease-out;
}
.copyright-footer ul li a img:hover {
  opacity: 1;
}

.navbar-footer ul.dropdown-menu > li > a:hover {
  color: #e2aa11 !important;
}

[dir] .navbar-footer ul.dropdown-menu > li > a:hover {
  cursor: pointer !important;
}

.navbar-footer li h4 {
  font-size: 16px;
  color: #f6edcc !important;
  font-weight: bold !important;
  display: inline-block;
  font-family: "DiavloLight", Arial;
}

[dir] .navbar-footer li h4 {
  margin: 0;
  cursor: pointer;
}

.icon-newpage-footer::after {
  content: "";
  width: 18px;
  height: 18px;
  display: inline-block;
  vertical-align: middle;
}

[dir] .icon-newpage-footer::after {
  margin-top: -1px;
  background-color: transparent;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  background-image: url("https://www.vietnamairlines.com/Themes/VNANew/Portal/images/icon/VNA_iconLink_gray.svg");
}

[dir=ltr] .icon-newpage-footer::after {
  margin-right: 5px;
}

[dir=rtl] .icon-newpage-footer::after {
  margin-left: 5px;
}

.open {
  display: block !important;
}

.headernav {
  max-width: 800px;
}
.headernav a {
  text-decoration: none;
}
.headernav .mega-col a:hover {
  text-decoration: underline;
}

.headernav {
  overflow: visible;
}

[dir=ltr] .headernav {
  float: right;
  text-align: right;
}

[dir=rtl] .headernav {
  float: left;
  text-align: left;
}

.site-top {
  height: 36px;
  overflow: visible;
  width: 100%;
}

[dir] .site-top {
  margin-bottom: 0px;
}
[dir] .site-top .setting-item label {
  padding: 0;
}
.site-top .setting-item label .q-field__inner .q-field__control {
  height: -moz-fit-content;
  height: fit-content;
  min-height: unset;
}
[dir] .site-top .setting-item label .q-field__inner .q-field__control {
  padding: 0;
}
.site-top .setting-item label .q-field__inner .q-field__control .q-field__control-container {
  height: -moz-fit-content;
  height: fit-content;
}
[dir] .site-top .setting-item label .q-field__inner .q-field__control .q-field__control-container {
  padding-top: 0px;
}
.site-top .setting-item label .q-field__inner .q-field__control .q-field__control-container .q-field__native {
  height: -moz-fit-content;
  height: fit-content;
}
[dir] .site-top .setting-item label .q-field__inner .q-field__control .q-field__control-container .q-field__native {
  padding: 0;
}
.site-top .setting-item label .q-field__inner .q-field__control .q-field__control-container .q-field__native span {
  font-size: 13px;
  text-transform: uppercase;
}
[dir] .site-top .setting-item label .q-field__inner .q-field__control .q-field__control-container .q-field__native span {
  padding: 0 5px;
}
[dir=ltr] .site-top .setting-item label .q-field__inner .q-field__control .q-field__control-container .q-field__native span {
  border-left: 1px solid #999;
}
[dir=rtl] .site-top .setting-item label .q-field__inner .q-field__control .q-field__control-container .q-field__native span {
  border-right: 1px solid #999;
}
.site-top .setting-item label .q-field__inner .q-field__control .q-field__append {
  height: -moz-fit-content;
  height: fit-content;
}
.site-top .setting-item label .q-field__inner .q-field__control .q-field__append .q-select__dropdown-icon {
  color: inherit;
}

[dir] .header-custom-dropdown .q-field--auto-height.q-field--dense.q-field--labeled .q-field__control-container .hidden,
.visible-lg,
.visible-lg-block,
.visible-lg-inline,
.visible-lg-inline-block,
.visible-md,
.visible-md-block,
.visible-md-inline,
.visible-md-inline-block,
.visible-sm,
.visible-sm-block,
.visible-sm-inline,
.visible-sm-inline-block,
.visible-xs,
.visible-xs-block,
.visible-xs-inline,
.visible-xs-inline-block {
  display: none !important;
}

[dir] .site-top ul {
  margin: 0;
}

[dir=ltr] .site-top ul {
  float: right;
  text-align: right;
}

[dir=rtl] .site-top ul {
  float: left;
  text-align: left;
}

.register {
  position: relative;
}

.site-top ul li {
  list-style-type: none;
}

[dir=ltr] .site-top ul li {
  float: left;
}

[dir=rtl] .site-top ul li {
  float: right;
}

.headernav .site-top ul li a.hd-support {
  display: flex;
  align-items: center;
}

[dir] .headernav .site-top ul li a.hd-support {
  padding: 0 5px;
  margin-top: 2px;
}

[dir=ltr] .site-top ul li a {
  float: left;
}

[dir=rtl] .site-top ul li a {
  float: right;
}

[dir] .vnalogo a, [dir] .btn-close-navtab, [dir] .site-top a, [dir] .primary-nav li a, [dir] .confirm-checkbox a, [dir] .naviga-blue a {
  border: 1px solid transparent;
}

.headernav .site-top ul li a.hd-support p {
  display: block;
  color: #927200;
}

[dir] .headernav .site-top ul li a.hd-support p {
  margin: 0;
}

[dir] .site-top ul li.lotusmile-logo {
  padding-top: 3px;
}

[dir=ltr] .site-top ul li.lotusmile-logo {
  padding-right: 2px;
}

[dir=rtl] .site-top ul li.lotusmile-logo {
  padding-left: 2px;
}

.site-top ul li.lotusmile-logo,
.site-top ul li.login-link,
.site-top ul li.search-icon {
  font-family: "OpenSans-Light", Arial;
}

.site-top ul li.lotusmile-logo img {
  width: 90px;
}

[dir=ltr] .site-top ul li.lotusmile-logo img {
  float: left;
}

[dir=rtl] .site-top ul li.lotusmile-logo img {
  float: right;
}

.carousel-inner > .item > a > img,
.carousel-inner > .item > img,
.img-responsive,
.thumbnail a > img,
.thumbnail > img {
  max-width: 100%;
  height: auto;
}

[dir=ltr] .headernav ul.register li.lotusmile-logo:not(:first-child) > a p {
  border-left: 1px solid #999;
  padding-left: 5px;
}

[dir=rtl] .headernav ul.register li.lotusmile-logo:not(:first-child) > a p {
  border-right: 1px solid #999;
  padding-right: 5px;
}

.headernav ul.register li.lotusmile-logo a p {
  line-height: 1;
}

[dir] .headernav ul.register li.lotusmile-logo a p {
  margin-top: 2px;
}

.site-top ul li.lotusmile-logo p {
  color: #000;
  font-family: "OpenSans", Arial;
  font-size: 13px;
}

[dir] .site-top ul li.lotusmile-logo p {
  margin: 0;
}

[dir=ltr] .site-top ul li.lotusmile-logo p {
  padding-right: 5px;
  float: left;
}

[dir=rtl] .site-top ul li.lotusmile-logo p {
  padding-left: 5px;
  float: right;
}

.site-top ul li.lotusmile-logo p {
  line-height: 18px;
  color: #000;
  font-family: "OpenSans", Arial;
  font-size: 13px;
}

[dir] .site-top ul li.lotusmile-logo p {
  margin: 0;
}

[dir=ltr] .site-top ul li.lotusmile-logo p {
  padding-right: 5px;
  float: left;
  padding-left: 4px;
}

[dir=rtl] .site-top ul li.lotusmile-logo p {
  padding-left: 5px;
  float: right;
  padding-right: 4px;
}

[dir=ltr] .site-top ul li a {
  float: left;
}

[dir=rtl] .site-top ul li a {
  float: right;
}

[dir] .vnalogo a, [dir] .btn-close-navtab, [dir] .site-top a, [dir] .primary-nav li a, [dir] .confirm-checkbox a, [dir] .naviga-blue a {
  border: 1px solid transparent;
}

a,
a:focus,
a:visited {
  outline: none;
  color: #006885;
}

[dir] ul.primary-nav {
  clear: both;
  margin: 0;
}

[dir=ltr] ul.primary-nav {
  float: right;
}

[dir=rtl] ul.primary-nav {
  float: left;
}

.nav {
  list-style: none;
}

[dir=ltr] .nav {
  padding-left: 0;
}

[dir=rtl] .nav {
  padding-right: 0;
}

ul.primary-nav .dropdown {
  overflow: hidden;
  -webkit-transition-duration: 0.2s;
  -moz-transition-duration: 0.2s;
  -o-transition-duration: 0.2s;
}

[dir] ul.primary-nav .dropdown {
  border-radius: 5px 5px 0 0;
  transition-duration: 0.2s;
  transition-timing-function: linear;
}

.primary-nav > li {
  position: static;
  display: block;
}

[dir=ltr] .primary-nav > li {
  float: left;
  left: 0;
}

[dir=rtl] .primary-nav > li {
  float: right;
  right: 0;
}

ul.primary-nav .dropdown a.dropdown-toggle {
  line-height: 1;
  height: 40px;
  font-size: 14px;
  font-family: "DiavloBook-Regular", Arial;
}

[dir] ul.primary-nav .dropdown a.dropdown-toggle {
  padding: 5px 10px;
}

.primary-nav > li.dropdown a.dropdown-toggle {
  display: block;
  z-index: 7;
}

[dir] .primary-nav > li.dropdown a.dropdown-toggle {
  border: 1px solid transparent;
}

.primary-nav > li > a,
.primary-nav > li > a:visited,
.primary-nav .open > li a {
  color: #000;
  display: block;
  font-family: "DiavloLight", Arial;
  font-size: 18px;
  font-weight: 400;
  height: 33px;
  line-height: 36px;
  -webkit-transition-duration: 0.2s;
  -moz-transition-duration: 0.2s;
  -o-transition-duration: 0.2s;
}

[dir] .primary-nav > li > a, [dir] .primary-nav > li > a:visited, [dir] .primary-nav .open > li a {
  padding: 0;
  transition-duration: 0.2s;
  transition-timing-function: linear;
}

.navbar-nav > li > .dropdown-menu.secondary_subnav {
  max-width: initial;
  top: 80px !important;
}

[dir] .navbar-nav > li > .dropdown-menu.secondary_subnav {
  padding: 20px 50px 50px;
}

[dir] .navbar-nav > li > .dropdown-menu {
  margin-top: 0;
}

[dir=ltr] .navbar-nav > li > .dropdown-menu {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

[dir=rtl] .navbar-nav > li > .dropdown-menu {
  border-top-right-radius: 0;
  border-top-left-radius: 0;
}

.secondary_subnav {
  position: absolute !important;
  top: 80px \9 ;
  z-index: 12;
  max-width: 1050px;
}

[dir] .secondary_subnav {
  background-color: #fff !important;
  border-bottom: none;
  border-top: 5px solid #166986;
  margin-top: 3px;
}

[dir=ltr] .secondary_subnav {
  left: 0%;
  margin-left: -25px;
  margin-right: -25px;
  border-left: 0;
  border-right: 0;
  right: 0;
}

[dir=rtl] .secondary_subnav {
  right: 0%;
  margin-right: -25px;
  margin-left: -25px;
  border-right: 0;
  border-left: 0;
  left: 0;
}

.dropdown-menu {
  min-width: 160px;
  font-size: 14px;
  list-style: none;
}

[dir] .dropdown-menu {
  margin: 2px 0 0;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 4px;
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
}

[dir=ltr] .dropdown-menu {
  text-align: left;
}

[dir=rtl] .dropdown-menu {
  text-align: right;
}

[dir] .secondary_subnav ul li {
  margin-bottom: 0;
  padding: 10px 0px;
  border-bottom: 1px solid #ccc;
}

[dir] .secondary_subnav li {
  border: none;
  padding: 5px 0 0;
}

[dir] .vnalogo a, [dir] .btn-close-navtab, [dir] .site-top a, [dir] .primary-nav li a, [dir] .confirm-checkbox a, [dir] .naviga-blue a {
  border: 1px solid transparent;
}

.secondary_subnav li a {
  color: #333;
  font-size: 13px;
  display: inline-block;
  font-family: "OpenSans", Arial;
  transition: ease-in-out 0.4s;
  -moz-transition: ease-in-out 0.2s;
  -ms-transition: ease-in-out 0.2s;
  -o-transition: ease-in-out 0.2s;
}

[dir] .secondary_subnav li a {
  padding: 0;
  -webkit-transition: ease-in-out 0.2s;
}

[dir] .navbar-nav > li > .dropdown-menu {
  margin-top: 0;
}

[dir=ltr] .navbar-nav > li > .dropdown-menu {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

[dir=rtl] .navbar-nav > li > .dropdown-menu {
  border-top-right-radius: 0;
  border-top-left-radius: 0;
}

.secondary_subnav {
  position: absolute !important;
  top: 80px !important;
  top: 80px \9 ;
  display: none;
  z-index: 12;
  max-width: 1050px;
}

[dir] .secondary_subnav {
  background-color: #fff !important;
  padding: 30px 10px 80px;
  border-bottom: none;
  border-top: 5px solid #166986;
  margin-top: 3px;
}

[dir=ltr] .secondary_subnav {
  left: 0%;
  margin-left: -25px;
  margin-right: -25px;
  border-left: 0;
  border-right: 0;
  right: 0;
}

[dir=rtl] .secondary_subnav {
  right: 0%;
  margin-right: -25px;
  margin-left: -25px;
  border-right: 0;
  border-left: 0;
  left: 0;
}

.secondary_subnav .mega-col {
  width: 33%;
}

[dir=ltr] .secondary_subnav .mega-col {
  padding-right: 0;
  padding-left: 10px;
  float: left;
}

[dir=rtl] .secondary_subnav .mega-col {
  padding-left: 0;
  padding-right: 10px;
  float: right;
}

[dir=ltr] .mega-col ul {
  padding-left: 0px;
}

[dir=rtl] .mega-col ul {
  padding-right: 0px;
}

[dir] .secondary_subnav h3 {
  margin-bottom: 0;
  border-bottom: 1px solid #ccc;
}

.secondary_subnav h3 {
  color: #166987;
  font-family: "OpenSans-Bold", Arial;
  font-size: 13px;
  font-weight: 600;
}

[dir] .secondary_subnav h3 {
  margin-top: 0;
}

[dir] .vnalogo a, [dir] .btn-close-navtab, [dir] .site-top a, [dir] .primary-nav li a, [dir] .confirm-checkbox a, [dir] .naviga-blue a {
  border: 1px solid transparent;
}

.secondary_subnav h3 a {
  color: #166987;
  font-family: "OpenSans-Bold", Arial;
  font-size: 13px;
}

.nav-4col-row .mega-col {
  width: 25%;
}

.nav-5col-row .mega-col {
  width: 20%;
}

.primary-nav > li > a:hover,
.primary-nav > li > a:active,
.primary-nav > li > a.active {
  color: white !important;
  display: block;
  z-index: 9;
}

[dir] .primary-nav > li > a:hover, [dir] .primary-nav > li > a:active, [dir] .primary-nav > li > a.active {
  background-color: #166987 !important;
}

.lotusmile-dialog-menu {
  top: 35px !important;
}

.top-bar {
  display: flex;
  gap: 25px;
}
.top-bar .top-bar-item {
  color: #383838;
  font-weight: 700;
  font-size: 16px;
}
[dir] .top-bar .top-bar-item {
  padding-top: 15px;
}
.top-bar .btn-login {
  color: #3284c8;
  font-weight: 700;
  font-size: 14px;
  min-width: 140px;
  min-height: 40px;
}
[dir] .top-bar .btn-login {
  border-radius: 30px;
  background-color: white;
  border: 1px solid #c7dcf8;
  box-shadow: 0 1px 1px gray;
}
:root {
  /* border radius */
  --eg-border-rounded: 0.7rem;
  --eg-border-rounded-primary: 0.35rem;
}

html body {
  font-family: "Open Sans", Arial, sans-serif;
}

.text-limited {
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}

[dir] .eg-rounded {
  border-radius: var(--eg-border-rounded);
}

[dir] .eg-rounded-primary {
  border-radius: var(--eg-border-rounded-primary);
}

.eg-date-picker.hide-year-navigation .q-date__main .q-date__content .q-date__view .q-date__navigation > div:nth-child(4) {
  display: none !important;
}
.eg-date-picker.hide-year-navigation .q-date__main .q-date__content .q-date__view .q-date__navigation > div:nth-child(5) {
  display: none !important;
}
.eg-date-picker.hide-year-navigation .q-date__main .q-date__content .q-date__view .q-date__navigation > div:nth-child(6) {
  display: none !important;
}

.eg-product-item-left {
  height: 100%;
  width: calc(100% + 2rem);
}

[dir=ltr] .eg-product-item-left {
  margin-left: -2rem;
}

[dir=rtl] .eg-product-item-left {
  margin-right: -2rem;
}

.eg-product-item-right {
  height: 100%;
  width: calc(100% + 2rem);
}

[dir=ltr] .eg-product-item-right {
  margin-right: -2rem;
}

[dir=rtl] .eg-product-item-right {
  margin-left: -2rem;
}

html[dir=rtl] body .eg-product-item-left {
  margin-right: -2rem !important;
}
html[dir=rtl] body .eg-product-item-right {
  margin-left: -2rem !important;
}
html[dir=rtl] body .eg-product-mobile-skeleton {
  margin-left: 0px !important;
  margin-right: 10px;
}
html[dir=rtl] body .eg-price-breakdowns table thead th:first-child {
  text-align: right !important;
}
html[dir=rtl] body .eg-price-breakdowns table thead th:last-child {
  text-align: left !important;
}
html[dir=rtl] body .eg-price-breakdowns table tbody tr td:first-child {
  text-align: right !important;
}
html[dir=rtl] body .eg-price-breakdowns table tbody tr td:last-child {
  text-align: left !important;
}
html[dir=rtl] body .eg-price-breakdowns table tbody tr td:last-child .eg-total-price {
  text-align: right !important;
}

.eg-header {
  height: auto;
  display: flex;
  align-items: center;
}

[dir] .eg-header {
  background-color: none;
  background: none;
}
@media (max-width: 1000px) {
  [dir] .eg-header {
    background-color: #fed904;
    box-shadow: 0px 2px 10px 0px #d6d6d6;
  }
}

.eg-header-logo {
  height: 60px;
  width: 500px;
}

.eg-header-logo-mobile {
  height: 25px;
  width: 125px;
}

.text-h7 {
  font-size: 1.1rem;
}

[dir] .custom-btn {
  border-radius: 4px;
}
.custom-btn-font {
  font-size: 16px !important;
}
[dir] .custom-btn-font {
  border-radius: 4px;
}
.custom-btn-child {
  font-size: 14px !important;
}

.text-selection::selection {
  color: black;
}

[dir] .text-selection::selection {
  background-color: yellow;
}

.text-selection {
  color: #ffffff;
}

[dir] .flight-content .img-logo {
  margin: auto;
}
.flight-content .flight-segment-time {
  width: 62px;
  font-style: normal;
  font-weight: 400;
  font-size: 24px;
  color: var(--q-color-primary);
}
.flight-content .flight-segment-airport-code {
  width: 29px;
  font-weight: 300;
  font-size: 14px;
  color: #222222;
}
[dir] .flight-content .flight-segment-airport-code {
  margin: auto;
}
[dir] .flight-content .flight-summary {
  margin: auto;
}

.flight-segment-duration {
  font-weight: 300;
  font-size: 12px;
  line-height: 16px;
  color: #222222;
}

.flight-segment-duration-icon {
  color: var(--q-color-primary-1);
}

.flight-segment-stop {
  font-weight: 300;
  font-size: 12px;
  line-height: 16px;
  color: #222222;
}

[dir=ltr] .flight-price, [dir=ltr] .hotel-price {
  border-left: 1px solid #d3d3d3;
}

[dir=rtl] .flight-price, [dir=rtl] .hotel-price {
  border-right: 1px solid #d3d3d3;
}
.flight-price-lable,
.hotel-price-lable {
  font-weight: 300;
  font-size: 14px;
  line-height: 19px;
  color: #222222;
}
.flight-price-lable .view-full-booking,
.hotel-price-lable .view-full-booking {
  color: #0e44ac;
}
.flight-price-val .currency,
.hotel-price-val .currency {
  font-weight: 300;
  font-size: 16px;
}
.flight-price-val .price,
.hotel-price-val .price {
  font-weight: 400;
  font-size: 24px;
  color: var(--q-color-primary);
}
.flight-price-val .night-count,
.hotel-price-val .night-count {
  color: #222222;
}
.flight-price-btn,
.hotel-price-btn {
  height: 48px;
}
[dir] .flight-price-btn, [dir] .hotel-price-btn {
  padding: 10px 60px;
  background: #f4f9f5;
  border: 1px solid var(--q-color-selected);
  box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.15), inset 0px 0px 8px rgba(0, 0, 0, 0.25);
  border-radius: 4px;
  cursor: pointer;
}
.flight-price-btn-mobile,
.hotel-price-btn-mobile {
  height: 48px;
}
[dir] .flight-price-btn-mobile, [dir] .hotel-price-btn-mobile {
  padding: 13px 0;
  background: #f4f9f5;
  border: 1px solid var(--q-color-selected);
  box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.15), inset 0px 0px 8px rgba(0, 0, 0, 0.25);
  border-radius: 4px;
  cursor: pointer;
}
.flight-price-btn-mobile.selected,
.hotel-price-btn-mobile.selected {
  color: #ffffff;
}
[dir] .flight-price-btn-mobile.selected, [dir] .hotel-price-btn-mobile.selected {
  background: var(--q-color-selected);
}
.flight-price-btn-mobile.selected span,
.hotel-price-btn-mobile.selected span {
  color: #ffffff;
}
[dir] .flight-price-btn.book, [dir] .hotel-price-btn.book {
  padding: 10px 49px;
}
.flight-price-btn span,
.hotel-price-btn span {
  font-weight: 400;
  font-size: 16px;
  line-height: 22px;
  color: var(--q-color-selected);
}
.flight-price-btn.selected,
.hotel-price-btn.selected {
  color: #ffffff;
}
[dir] .flight-price-btn.selected, [dir] .hotel-price-btn.selected {
  background: var(--q-color-selected);
}
.flight-price-btn.selected span,
.hotel-price-btn.selected span {
  color: #ffffff;
}
.flight-price-book,
.hotel-price-book {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 10px;
  width: 100%;
  height: 48px;
}
[dir] .flight-price-book, [dir] .hotel-price-book {
  padding: 11px 20px;
  background: var(--q-color-btn-book);
  box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.15);
  border-radius: 4px;
  cursor: pointer;
}
.flight-price-book span,
.hotel-price-book span {
  font-weight: 400;
  font-size: 16px;
  line-height: 22px;
  color: #ffffff;
}

.flight-cabin-class {
  width: 11%;
  top: 7px;
  position: absolute;
  overflow: hidden;
  text-overflow: ellipsis;
  color: #ffffff;
  font-weight: bold;
  z-index: 2;
  font-size: 12px;
  font-weight: 400;
}

[dir] .flight-cabin-class {
  background-color: #4ba4b3;
  padding: 2px 7px;
  text-align: center;
}

[dir=ltr] .flight-cabin-class {
  left: -7px;
  border-radius: 0px 0px 4px 0px !important;
}

[dir=rtl] .flight-cabin-class {
  right: -7px;
  border-radius: 0px 0px 0px 4px !important;
}
[dir] .flight-cabin-class.checked {
  background-color: #03760b !important;
}
.flight-cabin-class-mobile {
  width: 35%;
  top: 7px;
  position: absolute;
  overflow: hidden;
  text-overflow: ellipsis;
  color: #ffffff;
  font-weight: bold;
  z-index: 2;
  font-size: 12px;
  font-weight: 400;
}
[dir] .flight-cabin-class-mobile {
  background-color: #4ba4b3;
  padding: 2px 7px;
  text-align: center;
}
[dir=ltr] .flight-cabin-class-mobile {
  left: -7px;
  border-radius: 0px 0px 4px 0px;
}
[dir=rtl] .flight-cabin-class-mobile {
  right: -7px;
  border-radius: 0px 0px 0px 4px;
}
[dir] .flight-cabin-class-mobile.checked {
  background-color: #03760b !important;
}

.flight-cabin-banner {
  position: absolute;
  top: 29px;
}

[dir] .flight-cabin-banner {
  border-top: 7px solid #118698;
}

[dir=ltr] .flight-cabin-banner {
  border-left: 7px solid transparent !important;
  left: -7px;
}

[dir=rtl] .flight-cabin-banner {
  border-right: 7px solid transparent !important;
  right: -7px;
}

.flight-sale {
  width: 10%;
  top: 7px;
  position: absolute;
  overflow: hidden;
  text-overflow: ellipsis;
  color: #ffffff;
  font-weight: bold;
  z-index: 2;
  font-size: 12px;
  font-weight: 400;
}

[dir] .flight-sale {
  background-color: var(--q-color-primary-1);
  padding: 2px 7px;
  text-align: center;
}

[dir=ltr] .flight-sale {
  left: 100px;
  border-radius: 0px 0px 4px 0px;
}

[dir=rtl] .flight-sale {
  right: 100px;
  border-radius: 0px 0px 0px 4px;
}
.flight-sale-mobile {
  width: 30%;
  top: -9px;
  position: absolute;
  overflow: hidden;
  text-overflow: ellipsis;
  color: #ffffff;
  font-weight: bold;
  z-index: 2;
  font-size: 12px;
  font-weight: 400;
}
[dir] .flight-sale-mobile {
  background-color: var(--q-color-primary-1);
  padding: 2px 7px;
  text-align: center;
}
[dir=ltr] .flight-sale-mobile {
  left: 100px;
  border-radius: 0px 0px 4px 0px;
}
[dir=rtl] .flight-sale-mobile {
  right: 100px;
  border-radius: 0px 0px 0px 4px;
}

.tabs-shadow {
  width: 83.3%;
}

[dir] .tabs-shadow {
  border-radius: 0 0 8px 8px;
  box-shadow: rgba(0, 0, 0, 0.2) 0 4px 6px -1px;
}

[dir] .fh-product-tabs {
  padding: 6px 12px 6px 12px;
}

.fh-product-change {
  font-size: 18px;
  width: 100% !important;
  opacity: 1;
}

[dir] .fh-product-change {
  background-color: #f4f9f5;
}
[dir] .fh-product-change-mobile-hotel {
  border-radius: 6px;
}
[dir=ltr] .fh-product-change-mobile-hotel {
  margin-right: 5px;
}
[dir=rtl] .fh-product-change-mobile-hotel {
  margin-left: 5px;
}
[dir] .fh-product-change-mobile-flight {
  border-radius: 6px;
}
[dir=ltr] .fh-product-change-mobile-flight {
  margin-left: 5px;
}
[dir=rtl] .fh-product-change-mobile-flight {
  margin-right: 5px;
}
.fh-product-change.q-tab--active {
  color: #ffffff !important;
}
[dir] .fh-product-change.q-tab--active {
  background-color: var(--q-color-selected);
}
.fh-product-change.q-tab--inactive {
  color: var(--q-color-selected);
}
[dir] .fh-product-change.q-tab--inactive {
  background-color: #eaf4ec;
}
.fh-product-change .q-tab__indicator {
  display: none;
}

[dir=ltr] .tab-radius-custom {
  border-radius: 6px 6px 6px 0;
}

[dir=rtl] .tab-radius-custom {
  border-radius: 6px 6px 0 6px;
}

[dir] .tab-custom-border {
  border: none;
}

.hotel-filter-content .q-item {
  display: flex !important;
}

.hotel-filter-section .q-expansion-item .q-item {
  display: none;
}

.hotel-detail-page .summary-title {
  font-style: normal;
  font-weight: 400;
  font-size: 18px;
  line-height: 25px;
  color: var(--q-color-primary-2);
}

[dir] .fh-listing-title {
  padding: 0 12px 16px 12px;
}
[dir] .fh-listing-title-mobile {
  padding: 0 12px 10px 12px !important;
}
.fh-listing-title .fh-destination {
  font-weight: 400;
  font-size: 24px;
  color: var(--q-color-primary);
}
.fh-listing-title .fh-destination-mobile {
  font-size: 20px !important;
}
.fh-listing-title .fh-date-and-pax {
  font-weight: 400;
  font-size: 16px;
  color: #858585;
}
.fh-listing-title .fh-date-and-pax-mobile {
  font-weight: 400;
  font-size: 12px;
  color: #858585;
}

[dir] .fh-hotel-list {
  background-color: #ffffff;
  border: 1px solid #0000001f;
  border-radius: 3px;
}
[dir] .fh-hotel-list-mobile {
  background-color: #ffffff;
  padding-bottom: 135px;
}
.fh-hotel-list-mobile .product-sorting-label {
  font-size: 13px;
}

.select-your-hotel {
  font-weight: 400;
  font-size: 24px;
  color: var(--q-color-primary);
}
.select-your-hotel-mobile {
  font-weight: 400;
  font-size: 22px;
  color: var(--q-color-primary);
}

.hotel-checkin-title {
  font-weight: 300;
  font-size: 14px;
  color: #222222;
}

[dir] .hotel-filter-button {
  border: 1px solid rgba(0, 0, 0, 0.24);
  padding: 1px 0;
  border-radius: 4px;
}
.hotel-filter-button-title {
  color: rgba(0, 0, 0, 0.87);
  font-weight: 400;
}
.hotel-filter-button-title .fh-filter-label {
  font-size: 13px;
}
.hotel-filter-button-icon {
  color: rgba(0, 0, 0, 0.54);
}

[dir] .fh-listing-notice {
  background-color: #eaf4ec;
  border-top: 1px solid var(--q-color-primary);
  border-bottom: 1px solid var(--q-color-primary);
}
.fh-listing-notice .notice-content {
  color: #222222;
  font-weight: 300;
  font-size: 14px;
  line-height: 19px;
}

.hotel-btn-show-more {
  font-weight: 300;
  font-size: 14px;
  line-height: 19px;
  color: #0e44ac;
  text-decoration: underline;
}

[dir] .hotel-btn-show-more {
  cursor: pointer;
}

.thankyou-page-title {
  color: #2e2e2e;
  font-size: 26px;
  font-style: normal;
  font-weight: 700;
  text-transform: capitalize;
}
[dir] .thankyou-page-item {
  border-radius: 12px;
  background-color: #ffffff;
  margin-bottom: 24px;
}
.thankyou-page .booking-detail-title {
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 30px;
}
.thankyou-page .booking-detail-message {
  color: #212b36;
  font-size: 17px;
  font-style: normal;
  font-weight: 500;
  line-height: 22px;
  display: inline-block;
}
[dir] .thankyou-page .booking-detail-message {
  border-radius: 8px;
  background: #e1f8f0;
  padding: 25px 40px;
}
[dir=ltr] .thankyou-page .booking-detail-message {
  border-left: 5px solid #34d399;
}
[dir=rtl] .thankyou-page .booking-detail-message {
  border-right: 5px solid #34d399;
}
.thankyou-page .booking-detail-message span {
  text-decoration: underline;
}
.thankyou-page .booking-detail-bookingcode {
  color: #ffffff;
  font-size: 24px;
  font-style: bold;
  font-weight: 700;
  line-height: 24px;
}
.thankyou-page .product-detail .product-info {
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  color: #637381;
}
.thankyou-page .product-detail .product-info-title {
  color: #212b36;
  font-size: 24px;
  font-style: normal;
  font-weight: 600;
}
.thankyou-page .product-detail .thankyou-page-image {
  position: relative;
  max-height: 200px;
  display: flex;
}
.thankyou-page .product-detail .thankyou-page-image .main-image {
  width: 100%;
}
[dir] .thankyou-page .product-detail .thankyou-page-image .main-image {
  border-radius: 8px;
}
[dir] .thankyou-page .product-detail .thankyou-page-image .main-image .q-img__image {
  background-size: auto !important;
}
.thankyou-page .product-detail .ufo-image {
  position: absolute;
  top: 13px;
}
[dir=ltr] .thankyou-page .product-detail .ufo-image {
  right: 13px;
}
[dir=rtl] .thankyou-page .product-detail .ufo-image {
  left: 13px;
}
.thankyou-page .product-detail-see-more {
  color: #fff;
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  line-height: 22px;
}
[dir] .thankyou-page .product-detail-see-more {
  cursor: pointer;
  border-radius: 6px;
  background: var(--q-color-primary-1);
  padding: 6px 30px;
  border: none;
}
@media (min-width: 768px) {
  .thankyou-page .product-detail-see-more {
    font-size: 20px;
  }
  [dir] .thankyou-page .product-detail-see-more {
    padding: 6px 100px;
  }
}
.thankyou-page .product-detail-cancel {
  color: #212b36;
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  line-height: 22px;
}
[dir] .thankyou-page .product-detail-cancel {
  cursor: pointer;
  border-radius: 6px;
  background: #fff;
  border: 1px solid #212b36;
  padding: 6px 30px;
}
@media (min-width: 768px) {
  .thankyou-page .product-detail-cancel {
    font-size: 20px;
  }
  [dir] .thankyou-page .product-detail-cancel {
    padding: 6px 100px;
  }
}
.thankyou-page .product-detail-images-desktop {
  max-height: 170px;
}
[dir] .thankyou-page .product-detail-images-desktop {
  border-radius: 8px;
}
.thankyou-page .product-detail-images-mobile {
  max-height: calc(200px / 3 - 4px);
}
[dir] .thankyou-page .product-detail-images-mobile {
  border-radius: 8px;
}
.thankyou-page .product-detail-last-images-desktop {
  max-height: 355px;
}
[dir] .thankyou-page .product-detail-last-images-desktop {
  border-radius: 8px;
}
[dir] .thankyou-page .other-product {
  border-radius: 8px;
  border: 1px solid #e7e7e7;
}
[dir] .thankyou-page .other-product div[class^=col-] {
  padding: 15px;
  text-align: center;
}
.thankyou-page .other-product-title {
  color: #000;
  font-size: 24px;
  font-weight: 600;
}
[dir] .thankyou-page .other-product-title {
  margin: 5px 0px;
}
.thankyou-page .other-product-avatar {
  width: 215px;
  height: 215px;
  display: inline-block;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  position: relative;
}
[dir] .thankyou-page .other-product-avatar {
  border-radius: 50%;
}
[dir] .thankyou-page .other-product-avatar.flight {
  background-color: #e62251;
}
[dir] .thankyou-page .other-product-avatar.jet {
  background-color: #ffdf6e;
}
[dir] .thankyou-page .other-product-avatar.accom {
  background-color: #3056d3;
}
.thankyou-page .other-product-avatar .image {
  position: absolute;
  width: 100px;
  top: 50%;
}
[dir=ltr] .thankyou-page .other-product-avatar .image {
  left: 50%;
  transform: translate(-50%, -50%);
}
[dir=rtl] .thankyou-page .other-product-avatar .image {
  right: 50%;
  transform: translate(50%, -50%);
}
.thankyou-page .other-product-desc {
  color: #000;
  font-size: 16px;
  font-weight: 400;
  width: 70%;
  display: inline-block;
}

.tour-listing-page {
  max-width: 1200px;
}

[dir] .tour-listing-page {
  margin: auto;
  margin-top: 13px;
}
.tour-listing-page .search-results {
  font-size: 26px;
  color: #166987;
  font-weight: 700;
  line-height: 45px;
}
[dir] .tour-listing-page .tour-navbar-item-first {
  background-color: #edf1ff;
  border-bottom: 2px solid #e3c47b;
}
[dir=ltr] .tour-listing-page .tour-navbar-item-first {
  padding: 15px 15px 15px 30px;
}
[dir=rtl] .tour-listing-page .tour-navbar-item-first {
  padding: 15px 30px 15px 15px;
}
.tour-listing-page .tour-navbar-item-first .item-icon {
  color: #ffffff;
}
[dir] .tour-listing-page .tour-navbar-item-first .item-icon {
  background-color: #e3c47b;
  border-radius: 25px;
  padding: 1px 6px;
}
.tour-listing-page .tour-navbar-item-first-title {
  color: #166987;
  font-weight: 500;
}
[dir] .tour-listing-page .tour-navbar-items {
  background-color: #fafafa;
  padding: 15px;
  border-bottom: 2px solid #f1f2f4;
}
.tour-listing-page .tour-navbar-items .item-icon {
  color: #7c828f;
}
[dir] .tour-listing-page .tour-navbar-items .item-icon {
  background-color: #fafafa;
  border: 1px solid #dfdfdf;
  border-radius: 25px;
  padding: 1px 6px;
}
[dir] .tour-listing-page .tour-navbar-items-input {
  background: #ffffff;
}
.tour-listing-page .found-tour {
  width: 24px;
  height: 24px;
}
[dir] .tour-listing-page .found-tour {
  background: #e3c47b;
  border-radius: 4px;
}
.tour-listing-page .found-tour .found-icon {
  color: #ffffff;
}
[dir] .tour-listing-page .tour-list-item .tour-pagination {
  border: 1px solid #edeff1;
  border-radius: 10px;
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
}
.tour-listing-page .accessibility-tour {
  width: 20px;
  height: 20px;
}
[dir] .tour-listing-page .accessibility-tour {
  background: #f1f4ff;
  border-radius: 4px;
  border: 1px solid #166987;
}
.tour-listing-page .accessibility-tour .accessibility-icon {
  color: #166987;
}
.tour-listing-page .q-pagination__content .q-btn,
.tour-listing-page .q-pagination__middle .q-btn {
  width: 35px;
  height: 35px;
}
[dir] .tour-listing-page .q-pagination__content .q-btn, [dir] .tour-listing-page .q-pagination__middle .q-btn {
  margin: 0 5px !important;
}
[dir] .tour-listing-page .q-pagination__content .q-btn--standard, [dir] .tour-listing-page .q-pagination__middle .q-btn--standard {
  background: #166987 !important;
}
.tour-listing-page .q-pagination__content .q-btn--standard .q-btn__content,
.tour-listing-page .q-pagination__middle .q-btn--standard .q-btn__content {
  color: #ffffff;
}
[dir] .tour-listing-page .q-pagination__content .q-btn--outline .q-btn__wrapper:before, [dir] .tour-listing-page .q-pagination__middle .q-btn--outline .q-btn__wrapper:before {
  border: 1px solid #edeff1;
}
.tour-listing-page .q-pagination__content .q-btn--outline .q-btn__content,
.tour-listing-page .q-pagination__middle .q-btn--outline .q-btn__content {
  color: #838995;
}
.tour-listing-page .tour-listing-filter .filter-title-part {
  color: #166987;
  font-size: 18px;
  font-weight: 600;
}
[dir] .tour-listing-page .tour-listing-filter .price-range-label {
  background-color: #f4f7ff;
  border: 1px solid #e7e7e7;
  border-radius: 7px;
  padding: 11.5px 8px;
}
.tour-listing-page .tour-listing-filter .price-range-btn {
  width: 30px;
  height: 30px;
  color: #ffffff;
}
[dir] .tour-listing-page .tour-listing-filter .price-range-btn {
  background: #3056d3 !important;
}
.tour-listing-page .tour-listing-filter .price-range-btn-remove {
  width: 30px;
  height: 30px;
}
[dir] .tour-listing-page .tour-listing-filter .price-range-btn-remove {
  background: #f4f7ff !important;
  border: 0.5px solid var(--stroke, #e7e7e7);
}

.tour-listing-item-title,
.tour-listing-item-price {
  color: #212b36;
  font-size: 16px;
  font-weight: 600;
}

.tour-listing-heart-btn {
  position: absolute;
  top: 12px;
}

[dir] .tour-listing-heart-btn {
  background-color: #ffffff;
}

[dir=ltr] .tour-listing-heart-btn {
  right: 20px;
}

[dir=rtl] .tour-listing-heart-btn {
  left: 20px;
}