@import url('https://fonts.googleapis.com/css2?family=Tajawal:wght@400;500;600;700;800&display=swap');

html[dir="rtl"] body,
html[dir="rtl"] button,
html[dir="rtl"] input,
html[dir="rtl"] select {
  font-family: 'Tajawal', sans-serif;
}

html[dir="rtl"] h1,
html[dir="rtl"] h2,
html[dir="rtl"] h3,
html[dir="rtl"] .brand,
html[dir="rtl"] .price strong,
html[dir="rtl"] .pickup-title>strong,
html[dir="rtl"] .trip-stats strong {
  font-family: 'Tajawal', sans-serif;
}

html[dir="rtl"] body {
  text-align: right;
}

html[dir="rtl"] .header-actions {
  margin-left: 0;
  margin-right: auto;
}

html[dir="rtl"] .menu-button {
  margin-left: 0;
  margin-right: auto;
}

html[dir="rtl"] .gallery-stage,
html[dir="rtl"] .select-field,
html[dir="rtl"] .package-choice,
html[dir="rtl"] .faq-item button {
  text-align: right;
}

html[dir="rtl"] .stage-caption {
  left: auto;
  right: 22px;
}

html[dir="rtl"] .view-gallery {
  right: auto;
  left: 18px;
}

html[dir="rtl"] .video-trigger {
  left: auto;
  right: 14px;
}

html[dir="rtl"] .package-choice.active::after {
  right: auto;
  left: 10px;
}

html[dir="rtl"] .operator-overview img {
  object-position: right center;
}

html[dir="rtl"] .cart-package-choice {
  padding: 9px 12px;
  text-align: right;
}

html[dir="rtl"] .cart-package-choice,
html[dir="rtl"] .custom-dropdown-choice {
  text-align: right;
  padding: 9px 10px 9px 38px;
}

html[dir="rtl"] .cart-package-choice.active,
html[dir="rtl"] .custom-dropdown-choice.active {
  padding: 8px 9px 8px 37px;
}

html[dir="rtl"] .cart-package-choice.active::after,
html[dir="rtl"] .custom-dropdown-choice.active::after {
  right: auto;
  left: 7px;
}

html[dir="rtl"] .trip-stats>div {
  text-align: right;
}

html[dir="rtl"] .route-list {
  padding-left: 0;
  padding-right: 4px;
}

html[dir="rtl"] .route-list::before {
  left: auto;
  right: 25px;
}

html[dir="rtl"] .route-content,
html[dir="rtl"] .route-stop:nth-child(even) .route-content {
  text-align: right;
}

html[dir="rtl"] .faq-item.open .faq-answer p {
  margin-right: 3px !important;
  margin-left: 50px !important;
}

html[dir="rtl"] .footer-brand {
  margin-right: 0;
  margin-left: auto;
}

html[dir="rtl"] .modal-close,
html[dir="rtl"] .sheet-close {
  right: auto;
  left: 17px;
}

html[dir="rtl"] .sheet-close {
  left: 22px;
}

html[dir="rtl"] .video-close {
  right: auto;
  left: -12px;
}

html[dir="rtl"] .lightbox-close {
  right: auto;
  left: 24px;
}

html[dir="rtl"] .lightbox-prev,
html[dir="rtl"] .lightbox-next {
  direction: ltr;
}

html[dir="rtl"] .cart-toast {
  right: auto;
  left: 24px;
}

html[dir="rtl"] .cart-toast button {
  margin-left: 0;
  margin-right: 10px;
}

html[dir="rtl"] .transport-card a svg,
html[dir="rtl"] .desktop-cart-card .cart-open svg {
  transform: scaleX(-1);
}

html[dir="rtl"] .cart-field input,
html[dir="rtl"] .cart-section select {
  text-align: right;
}

html[dir="rtl"] .pickup-title>strong,
html[dir="rtl"] .route-label,
html[dir="rtl"] .stars,
html[dir="rtl"] #total-price,
html[dir="rtl"] #total_price,
html[dir="rtl"] #sub_total_price,
html[dir="rtl"] #total_group_discount_price,
html[dir="rtl"] #adultPrice,
html[dir="rtl"] #childPrice,
html[dir="rtl"] #adultRegularPrice,
html[dir="rtl"] #childRegularPrice,
html[dir="rtl"] .desktop-live-prices strong,
html[dir="rtl"] .mobile-prices strong,
html[dir="rtl"] .woocommerce-Price-amount,
html[dir="rtl"] .woocommerce-Price-currencySymbol,
html[dir="rtl"] .currency-symbol,
html[dir="rtl"] .traveller-row b,
html[dir="rtl"] .addon-item-row b,
html[dir="rtl"] [data-live-price] {
  direction: ltr !important;
  unicode-bidi: isolate !important;
}

html[dir="rtl"] .quantity {
  direction: rtl;
  unicode-bidi: isolate;
}

html[dir="rtl"] .step-guests .total-row {
  box-shadow: inset -4px 0 0 #f1faf8;
}

html[dir="rtl"] .desktop-selected-package strong,
html[dir="rtl"] .desktop-live-prices strong {
  font-family: 'Tajawal', sans-serif;
}



@media (max-width: 650px) {
  html[dir="rtl"] .stage-caption {
    right: 15px;
  }

  html[dir="rtl"] .view-gallery {
    left: 12px;
  }

  html[dir="rtl"] .video-trigger {
    right: 9px;
  }

  html[dir="rtl"] .route-list::before {
    right: 21px;
  }

  html[dir="rtl"] .faq-item.open .faq-answer p {
    margin-right: 3px !important;
    margin-left: 35px !important;
  }

  html[dir="rtl"] .cart-toast {
    right: 14px;
    left: 14px;
  }
}