@charset "UTF-8";
.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: var(--q-color-primary-1);
}

.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: var(--q-color-primary-1);
  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: 1280px;
}

[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: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "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: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
  font-style: bold;
  font-size: 32px;
  line-height: 35px;
  color: #212B36;
  font-weight: 700;
}
.landing-page-hot-deal .info-content-caption {
  font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "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: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "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: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "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: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "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: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "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: 292px;
}
[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;
  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: 54px !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 0px 0px 0px;
  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: 32px 100px;
}
[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: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "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: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
  font-style: bold;
  font-size: 32px;
  line-height: 35px;
  color: #212B36;
  font-weight: 700;
}
.traveler-choose-tazoom-container {
  max-width: 1280px;
}
[dir] .traveler-choose-tazoom-container {
  margin: auto;
}
.traveler-choose-tazoom-container .why-tazoom-title {
  font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "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: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "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: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "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: #0000;
  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;
}
[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-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "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: 24px;
  line-height: 124%;
  color: #E622B3;
}

[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: var(--tail-grids-black-color, #212B36);
  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: 26px;
  /* 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: var(--tail-grids-black-color, #212B36);
  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: 4px;
}
[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;
}
[dir=ltr] .header-custom-dropdown .header-language-select {
  padding-left: 35px;
}
[dir=rtl] .header-custom-dropdown .header-language-select {
  padding-right: 35px;
}
[dir=ltr] .header-custom-dropdown .header-currency-select {
  padding-left: 35px;
}
[dir=rtl] .header-custom-dropdown .header-currency-select {
  padding-right: 35px;
}
.header-custom-dropdown .header-title {
  font-size: 18px;
  font-weight: 400;
  font-family: "Aharoni";
  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: 700;
  font-size: 16px;
  line-height: 19px;
  color: #fff;
}
.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 {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  color: #224E67;
}

[dir] .footer-information {
  background: #ffffff;
}

[dir=ltr] .footer-information {
  box-shadow: 5px 3px 10px #9b9797;
}

[dir=rtl] .footer-information {
  box-shadow: -5px 3px 10px #9b9797;
}
.footer-information .footer {
  width: 1280px;
}
[dir] .footer-information .footer {
  padding: 0 16px;
  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;
}
[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 {
  color: #224E67;
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  line-height: 24px;
  text-decoration: none;
}
.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 {
  width: 100%;
  font-family: "Aharoni";
  color: #FFF;
  font-weight: 600;
  font-size: 21px;
}

[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;
  background: var(--q-color-primary-1);
}

[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: #E622B3 !important;
}
.calendar-minisize .datepicker-dateRange .daytoday-range {
  color: #FFF;
}
[dir] .calendar-minisize .datepicker-dateRange .daytoday-range {
  background: #e622b3ab !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: #E622B3 !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: #E622B3 !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: -106%;
}
[dir=rtl] .event-calendar-discover .datepicker-wrapper {
  right: -106%;
}
.event-calendar-discover .datepicker-wrapper-minisize {
  width: 115% !important;
}
[dir=ltr] .event-calendar-discover .datepicker-wrapper-minisize {
  left: -106%;
}
[dir=rtl] .event-calendar-discover .datepicker-wrapper-minisize {
  right: -106%;
}
[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-size: 12px;
  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;
}

.event-calendar-discover {
  width: 100%;
}

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

[dir] .custom-pax-discover {
  padding: 2%;
  border-radius: 6px;
  border: 1px solid var(--stroke, #E7E7E7);
  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, #3056D3);
}

.title-count-number {
  width: 47px;
  height: 47px;
  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: 852px;
  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: 460px;
  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: 1280px;
}

[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 {
  max-width: 900px;
}

[dir] .tour-option-container {
  margin: auto;
}
.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, #637381);
  font-size: 16px;
  font-weight: 600;
}
[dir] .section-save-wishlist .save-wishlist {
  border-radius: 4px;
  background: var(--white, #FFF);
  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 .card-tour-header {
  color: #637381;
  width: 300px;
}
[dir] .tour-header .card-tour-header {
  background: #FFF;
  padding: 20px 25px;
  border-radius: 5px;
}
.tour-header .card-tour-header .title-tour-header {
  color: #212B36;
  font-size: 20px;
  font-weight: 700;
}
@media (min-width: 768px) {
  .tour-header .card-tour-header {
    width: 450px;
  }
  [dir=ltr] .tour-header .card-tour-header {
    margin-left: 50px;
  }
  [dir=rtl] .tour-header .card-tour-header {
    margin-right: 50px;
  }
  .tour-header .card-tour-header .title-tour-header {
    font-size: 28px;
  }
}
.tour-header .card-tour-header .title-safari-header {
  color: #3056D3;
  font-size: 16px;
  font-weight: 600;
}
.tour-header .card-tour-header .sub-title-tour-header {
  color: #637381;
  font-size: 16px;
  font-weight: 500;
  line-height: 28px;
}
.tour-header .card-tour-header .btn-book-now-tour-header {
  color: #FFF;
  font-size: 15px;
  font-weight: 500;
}
[dir] .tour-header .card-tour-header .btn-book-now-tour-header {
  background: #E622B3;
  padding: 0px 5px;
}
.tour-header .card-tour-header .review-tour-header {
  color: var(--tail-grids-text-color, #637381);
  font-size: 15px;
  font-weight: 500;
  line-height: 24px;
}

.availability-search-form {
  width: 320px;
  height: 260px;
}

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

.availability-search-form-mobile {
  height: 230px;
}

[dir] .availability-search-form-mobile {
  padding: 10px 25px;
}

[dir] .tour-intro {
  background-color: #41ace1;
}
[dir] .tour-intro .tour-intro-card {
  background-color: #41ace1;
  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 .btn-share-listing {
  color: var(--tail-grids-text-color, #637381);
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
}
[dir] .tour-intro .btn-share-listing {
  border-radius: 4px;
  background: var(--white, #FFF);
  box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.14);
}
.tour-intro .dotted-half-img {
  bottom: -50px !important;
}

.card-share-link-custom .label-share-link-custom {
  color: #2E2E2E;
  font-size: 24px;
  font-weight: 700;
  line-height: 45px;
  text-transform: capitalize;
}

.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;
}
.tour-tabs .tour-tab-active {
  height: 50px;
  color: #FFF !important;
  text-transform: capitalize;
}
[dir] .tour-tabs .tour-tab-active {
  border-radius: 8px;
  background: #41ace1;
}
.tour-tabs .tour-tab-default {
  color: #2A3977;
  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: 10px;
  background: #FFF;
  box-shadow: 0px 3px 8px 0px rgba(0, 0, 0, 0.08);
}
.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: 25px 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, #41ace1 43px, #41ace1 45px, #F4F7FF 40px);
}

[dir=rtl] .itinerary-custom .itinerary-content {
  background: linear-gradient(-90deg, #F4F7FF 43px, #41ace1 43px, #41ace1 45px, #F4F7FF 40px);
}
@media (max-width: 768px) {
  [dir=ltr] .itinerary-custom .itinerary-content {
    background: linear-gradient(90deg, #F4F7FF 35px, #41ace1 35px, #41ace1 37px, #F4F7FF 32px);
  }
  [dir=rtl] .itinerary-custom .itinerary-content {
    background: linear-gradient(-90deg, #F4F7FF 35px, #41ace1 35px, #41ace1 37px, #F4F7FF 32px);
  }
}
.itinerary-custom .title-itinerary-list {
  color: #2A3977;
  font-size: 22px;
  font-weight: 600;
  line-height: 28px;
}
.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: #41ace1;
  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: #41ace1;
  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;
}

[dir] .background-color-eg-shopping {
  background: #FFF;
}

[dir] .click-tour-background {
  background-color: #224E67;
  border-radius: 0px 0px 32px 32px;
  padding: 20px 16px;
}

[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: 1280px;
}

[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: "Aharoni";
}
.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: "Aharoni";
}
.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: "Aharoni";
}

.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: 222px;
}

[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: 150px;
  }
}

/* ============== 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;
}

.tooltip {
  position: relative;
  display: inline-block;
}
.tooltip span {
  text-decoration: none;
  color: #222222;
}

[dir=ltr] .tooltip .tooltiptext.tooltip-mobile {
  left: 120%;
}

[dir=rtl] .tooltip .tooltiptext.tooltip-mobile {
  right: 120%;
}

.tooltip .tooltiptext {
  visibility: hidden;
  width: 350px;
  /* Position the tooltip */
  position: absolute;
  z-index: 1;
  bottom: 120%;
}

[dir] .tooltip .tooltiptext {
  border-radius: 6px;
}

[dir=ltr] .tooltip .tooltiptext {
  left: 50%;
  margin-left: -175px;
}

[dir=rtl] .tooltip .tooltiptext {
  right: 50%;
  margin-right: -175px;
}

.tooltip-title {
  font-weight: 400;
  font-size: 18px;
  line-height: 25px;
  align-items: center;
  color: var(--q-color-primary-2);
}

.tooltip:hover .tooltiptext {
  visibility: visible;
}

[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: 1280px;
}
[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 .btn-share-listing {
  color: var(--tail-grids-text-color, #637381);
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
}
[dir] .support-page .btn-share-listing {
  border-radius: 4px;
  background: var(--white, #FFF);
  box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.14);
  padding: 1px 10px;
}
.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: 1280px;
}
[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: 1280px;
}
[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: 1280px;
}
[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: 1280px;
}
[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;
}

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

[dir=ltr] .sticky-price-book-now {
  left: 0;
  box-shadow: 1px -6px 0.5rem -8px rgba(0, 0, 0, 0.5);
}

[dir=rtl] .sticky-price-book-now {
  right: 0;
  box-shadow: -1px -6px 0.5rem -8px rgba(0, 0, 0, 0.5);
}
.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: 1300px;
  }
  [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: "Aharoni";
  color: #224E67;
}

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

.header-title-eg-mobile {
  font-size: 40px;
  font-weight: 700;
  font-family: "Aharoni";
  color: #224E67;
}

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

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

[dir=ltr] .background-tour-listing {
  box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.5);
}

[dir=rtl] .background-tour-listing {
  box-shadow: -5px 5px 10px rgba(0, 0, 0, 0.5);
}

.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);
}

.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: 1280px;
}
[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: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "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: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "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 .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;
}
:root {
  /* border radius */
  --eg-border-rounded: 0.7rem;
  --eg-border-rounded-primary: 0.35rem;
}

.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: 1280px;
}

[dir] .tour-listing-page {
  margin: auto;
  margin-top: 13px;
}
.tour-listing-page .search-results {
  font-size: 26px;
  color: #2E2E2E;
  font-weight: 700;
  line-height: 45px;
}
[dir] .tour-listing-page .tour-navbar-item-first {
  background-color: #EDF1FF;
  border-bottom: 2px solid #3056D3;
}
[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: #3056D3;
  border-radius: 25px;
  padding: 1px 6px;
}
.tour-listing-page .tour-navbar-item-first-title {
  color: #3056D3;
  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: #2ECC71;
  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 #3056D3;
}
.tour-listing-page .accessibility-tour .accessibility-icon {
  color: #3056D3;
}
.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: #3056D3;
}
.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 {
  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;
}