@import url('https://fonts.googleapis.com/css2?family=Almarai:wght@300;400;700;800&display=swap');
body{
  text-align:right;
  direction:rtl;
  letter-spacing:0; 
  font-family: "Almarai", sans-serif !important;
}
p{
  font-size:1.12rem;
}
.header__links--lang a{
      font-family: var(--bs-body-font-family) !important;
}
.form-control,
.dropdown-item,
input{
    text-align:right;
}
input[type="date"]::-webkit-calendar-picker-indicator {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 26px;
}
.back a svg,
.pagination a,
.ticketDetail .card__image--wrapper:after,
.header__links--searchWrapper .search-close,
.swiperControls .swiper-button:after,
.swiperControls .swiper-button.swiper-button-prev:after,
.innerBanner__bg img,
.account__left ul:last-child svg{
  transform: scaleX(-1);
}
.pagination a:not(:has(svg)) {
    transform: scaleX(1);
}
.sectionHead__title{
  line-height: 1.25;
}
.swiperControls .swiper-button.swiper-button-prev:after {
    transform: scaleX(1);
}
.text-end {
    text-align: left !important;
}
.text-start {
    text-align: right !important;
}
.select2-container .select2-selection--single .select2-selection__rendered{
  padding-right:0 !important;
  padding-left:20px !important;
}
.select2-container--default .select2-selection--single .select2-selection__arrow{
  right:auto !important;
  left: 20px !important;
}

.contactUs__contact ul li a{
  direction: ltr;
}
.sectionHead.text-center .sectionHead__title:after{
  inset-inline-start: unset;
}

.eventExperience.main-page .innerBanner .sectionHead{
  float:right;
}
.vouchers .card__image img.logo-img{
  inset-inline-start: 20px;
  inset-inline-end: 0;
}
.vouchers .card__image p{
  inset-inline-end: 38%;
  inset-inline-start: 0;
}
.modal.custom-modal .modal-dialog .modal-content .popup-cross-icon{
  left:15px;
  right:auto;
}
.form-check .form-check-input {
    float: right;
    margin-right: -1.5em;
    margin-left:0;
}
.otp{
  direction: ltr;
  text-align: left;
}
.header__links--lang a{
  font-size:1.25rem;
}
.otp .form-control{
  text-align: left;
}
.form-check {
    padding-right: 1.5em;
    padding-left:0;
}
.orders .card__image img.logo-img{
  left:33px;
  right:auto;
}
.garage .card__image:before{
      background: linear-gradient(-270deg, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, .88) 100%);
}
.mainBanner__caption h1 span{
  display: contents;
}
.filters .dropdown .dropdown-menu{
  left:0;
  right:auto;
}


@media screen and (min-width: 1025px) {
    .footer__links ul li a:hover span {
        transform: translateX(50%);
        right: 50%;
        left: auto;
    }
}
@media screen and (min-width:992px){
  .ourTracks .sectionHead{
    float: right;
  }
  .upcomingEvents__content{
    float: right;
  }
  .circuits__info ul li{
    font-size:15px;
  }
  .back a{
    font-size:1.12rem;
  }
  .btn{
    font-size:14px;
  }
}

@media screen and (max-width:991px){
  .eventExperience.main-page .innerBanner .sectionHead{
    float: none;
  }
  p{
    font-size:1rem;
  }
}

.phone-number .select2-container--default .select2-selection--single .select2-selection__arrow {
    left: 8px !important;
    right: auto !important;
}
.latestNews.custom-slider .sectionHead .swiperControls.static{
  margin-top:-40px;
}