@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+Arabic:wght@300;400;500;600;700&display=swap");

html[dir="rtl"] body {
  direction: rtl;
  text-align: right;
  font-family: "Noto Sans Arabic", "DM Sans", sans-serif !important;
}

html[dir="rtl"] [data-aos="fade-right"]:not(.aos-animate) {
  transform: translate3d(100px, 0, 0);
}

html[dir="rtl"] [data-aos="fade-left"]:not(.aos-animate) {
  transform: translate3d(-100px, 0, 0);
}

html[dir="rtl"] input,
html[dir="rtl"] select,
html[dir="rtl"] textarea,
html[dir="rtl"] button {
  font-family: inherit;
  text-align: right;
}

html[dir="rtl"] input[type="email"],
html[dir="rtl"] input[type="tel"],
html[dir="rtl"] input[type="number"],
html[dir="rtl"] #flight_no {
  direction: ltr;
  text-align: right;
  unicode-bidi: plaintext;
}

html[dir="rtl"] .limo-input.input-group-form .input-group-text {
  padding-right: 19px;
  padding-left: 7px;
}

html[dir="rtl"] .limo-input.input-group-form .form-floating .form-control {
  text-align: right !important;
}

html[dir="rtl"] .clear-btn {
  right: auto;
  left: 0;
  margin-right: 0;
  margin-left: 0.5rem;
}

html[dir="rtl"] .input-clearable-active,
html[dir="rtl"] .limo-input-horizontal .form-control.clearable:focus {
  padding-right: 0.75rem !important;
  padding-left: 2rem !important;
}

html[dir="rtl"] .limo-input-horizontal .form-label,
html[dir="rtl"] .limo-input-horizontal .form-no-label {
  text-align: left;
}

html[dir="rtl"] .limo-input-horizontal .parsley-errors-list {
  right: auto !important;
  left: 0 !important;
  text-align: left;
}

html[dir="rtl"] #form_step3 .parsley-errors-list {
  right: -8px !important;
  left: auto !important;
  text-align: right !important;
}

html[dir="rtl"] .form-group .help-block[data-fv-validator],
html[dir="rtl"] .invalid-feedback {
  text-align: right !important;
}

html[dir="rtl"] .form-group .help-block[data-fv-validator] {
  margin-right: 5px !important;
  margin-left: 0 !important;
}

html[dir="rtl"] .error-message,
html[dir="rtl"] .terms-error-message,
html[dir="rtl"] .flight-feedback,
html[dir="rtl"] .alert {
  direction: rtl;
  unicode-bidi: plaintext;
}

html[dir="rtl"] .form-time-info .time {
  margin-right: 0;
  margin-left: 0.375rem;
}

html[dir="rtl"] .form-details {
  padding: 2.25rem 0 2.25rem 2.25rem;
}

html[dir="rtl"] .mobileNav .navMobile {
  padding-right: 0;
}

html[dir="rtl"] .mobileNav .navMobile__menu-item a {
  text-align: right;
}

html[dir="rtl"] #heroCarousel .carousel-inner .carousel-item .hero-item__content {
  margin-right: 0;
  margin-left: auto;
  text-align: right;
}

html[dir="rtl"] #heroCarousel .carousel-indicators {
  margin-right: -3rem;
  margin-left: 0;
}

html[dir="rtl"] .hero-wifi {
  right: auto;
  left: 0;
  margin-right: 0;
  margin-left: 1.5rem;
}

html[dir="rtl"] .hero-form__box {
  right: auto;
  left: 0;
  margin-right: 0;
  margin-left: 0.75rem;
}

html[dir="rtl"] .about-content {
  padding-right: 1.625rem;
  padding-left: 0;
}

html[dir="rtl"] .about-content .luxlife-box {
  padding-right: 1.875rem;
  padding-left: 1.5rem;
}

html[dir="rtl"] .services-content .services-list .service__body .arrow {
  right: auto;
  left: 0;
  margin-right: 0;
  margin-left: 2rem;
}

html[dir="rtl"] .carsCarousel .carousel-inner .carousel-item-end.active,
html[dir="rtl"] .carsCarousel .carousel-inner .carousel-item-next {
  transform: translateX(-33.3333333333%);
}

html[dir="rtl"] .carsCarousel .carousel-inner .carousel-item-start.active,
html[dir="rtl"] .carsCarousel .carousel-inner .carousel-item-prev {
  transform: translateX(33.3333333333%);
}

html[dir="rtl"] .carsCarousel__footer .carouselPagination button .carousel-control-prev-icon {
  background-image: url("../img/svg/arrow-dark.svg");
}

html[dir="rtl"] .carsCarousel__footer .carouselPagination button .carousel-control-next-icon {
  background-image: url("../img/svg/arrow-left.svg");
}

html[dir="rtl"] .cars-content::after {
  right: 0;
  left: auto;
  transform: translateX(100%);
}

html[dir="rtl"] .basicSection__container .sectionImage__img {
  right: auto;
  left: 0;
}

html[dir="rtl"] .basicSection__container.reverse .sectionImage__img {
  right: 0;
  left: auto;
}

html[dir="rtl"] .ldnModal .modal-content {
  padding-right: 0;
  padding-left: 1.25rem;
}

html[dir="rtl"] .ldnModal .modal-header .btn-close {
  right: auto;
  left: 0;
  margin-right: 0;
  margin-left: -1.25rem;
}

html[dir="rtl"] .header-form__content .button-back,
html[dir="rtl"] .outlined-button,
html[dir="rtl"] .filled-button {
  padding-right: 2.375rem;
  padding-left: 1.5rem;
}

html[dir="rtl"] #heroCarousel .hero-button,
html[dir="rtl"] .car-details__container .car-info__actions .download-button {
  padding-right: 1.875rem;
  padding-left: 1.5rem;
}

html[dir="rtl"] .header-form__content .button-back {
  padding-right: 1.375rem;
  padding-left: 2.5rem;
}

html[dir="rtl"] .form-box .step-footer .price,
html[dir="rtl"] .ride-summary__map .distance-container .distance,
html[dir="rtl"] .summary-row .value {
  text-align: left;
  unicode-bidi: plaintext;
}

html[dir="rtl"] #form_step1 .form-time-info {
  text-align: right;
}

html[dir="rtl"] .terms-acceptance .form-check-input {
  margin-right: 0;
  margin-left: 0;
}

html[dir="rtl"] .login-button-start.show {
  padding-right: 1.5rem;
  padding-left: 1.875rem;
}

html[dir="rtl"] .limo-button.form-button-small {
  padding-right: 2.5rem;
  padding-left: 1.875rem;
}

html[dir="rtl"] .car-details__container .car-info__pros {
  padding-right: 1.5rem;
  padding-left: 0;
}

html[dir="rtl"] .car-details__container .car-info__form .hero-form__box {
  right: 0;
  left: auto;
  margin-left: 0;
}

html[dir="rtl"] .car-gallery .main-image .images-counter {
  right: auto;
  left: 0;
}

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

html[dir="rtl"] img.arrow[src*="arrow"] {
  transform: scaleX(-1);
}

html[dir="rtl"] img.arrow.rotate180[src*="arrow"] {
  transform: rotate(180deg) scaleX(-1);
}

html[dir="rtl"] .services-content .services-list .service:hover {
  box-shadow: -5px 0 1.875rem rgba(88, 92, 101, 0.1);
}

html[dir="rtl"] .car-details__container .car-info__form .hero-form__box {
  box-shadow: -5px 0 30px rgba(88, 92, 101, 0.2);
}

html[dir="rtl"] .pac-container,
html[dir="rtl"] .flatpickr-calendar {
  direction: rtl;
  text-align: right;
}

html[dir="rtl"] .flatpickr-months .flatpickr-prev-month {
  right: 0;
  left: auto;
}

html[dir="rtl"] .flatpickr-months .flatpickr-next-month {
  right: auto;
  left: 0;
}

html[dir="rtl"] .flatpickr-months .flatpickr-prev-month svg,
html[dir="rtl"] .flatpickr-months .flatpickr-next-month svg {
  transform: scaleX(-1);
}

html[dir="rtl"] #form_step3 #phone,
html[dir="rtl"] #form_step3 #passenger_phone {
  direction: ltr;
  padding-right: 52px !important;
  padding-left: 100px !important;
}

html[dir="rtl"] #phone-validation-msg,
html[dir="rtl"] #passenger-phone-validation-msg {
  right: auto !important;
  left: 10px !important;
}

@media (max-width: 1199.98px) {
  html[dir="rtl"] .hero-form__box {
    margin-left: 2rem;
  }

  html[dir="rtl"] .car-details__container .car-info__pros {
    padding-right: 1.5rem;
    padding-left: 0;
  }

  html[dir="rtl"] .car-details__container .car-info__form .hero-form__box {
    margin-left: 0;
  }
}

@media (max-width: 991.98px) {
  html[dir="rtl"] .limo-input-horizontal .form-label,
  html[dir="rtl"] .limo-input-horizontal .form-no-label {
    text-align: right;
  }

  html[dir="rtl"] .form-details {
    padding: 1rem;
  }

  html[dir="rtl"] #heroCarousel .carousel-indicators {
    margin-right: 0;
  }

  html[dir="rtl"] .hero-wifi,
  html[dir="rtl"] .hero-form__box {
    margin-left: 0;
  }

  html[dir="rtl"] .about-content {
    padding-right: 0;
  }

  html[dir="rtl"] .about-content .luxlife-box {
    padding-right: 1.5rem;
    padding-left: 1.5rem;
  }

  html[dir="rtl"] #heroCarousel .hero-button,
  html[dir="rtl"] .car-details__container .car-info__actions .download-button {
    padding-right: 2.1875rem;
    padding-left: 1.875rem;
  }

  html[dir="rtl"] .carsCarousel .carousel-inner .carousel-item-end.active,
  html[dir="rtl"] .carsCarousel .carousel-inner .carousel-item-next {
    transform: translateX(-100%);
  }

  html[dir="rtl"] .carsCarousel .carousel-inner .carousel-item-start.active,
  html[dir="rtl"] .carsCarousel .carousel-inner .carousel-item-prev {
    transform: translateX(100%);
  }

  html[dir="rtl"] .carsCarousel__footer .carousel-indicators {
    right: auto;
    left: 0;
    margin-right: 0;
    margin-left: 1rem;
  }

  html[dir="rtl"] #services-other-services .sectionContent__heading h2 {
    text-align: right;
  }

  html[dir="rtl"] .limo-button.form-button-small {
    padding-right: 1.2rem;
    padding-left: 1.4rem;
  }

  html[dir="rtl"] #phone-validation-msg,
  html[dir="rtl"] #passenger-phone-validation-msg {
    right: auto !important;
    left: 36px !important;
  }
}