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

body{
   font-family: "Tajawal", sans-serif !important;
}

p {
    font-family:  "Tajawal", sans-serif !important;
}

h2 {
     font-family: "Tajawal", sans-serif !important;
}

h3 {
    font-family: "Tajawal", sans-serif !important;
}

.custom-menu-class.header-login a{
    cursor: default;
  }

  .custom-menu-class.header-login .sub-menu li a{
    cursor:  pointer !important;
  }

  body #branding {
      display: none !important;
      opacity: 0 !important;
      color: transparent !important;
  }
  .login-page .create-account{
    text-align: right;
  }
  .sociallogin-custom{
    justify-content: flex-start ;
    width: 520px !important;
    margin: 20px 0 0;
  }
  .sociallogin-custom .oneall_social_login.newtiktok{
    left: 71px !important;
    right: auto !important;
  }

  ul.sub-menu{
    width: 98%;
  }

  .page-template-template-agent-myaccount .login-container {
      width: 100%;
      max-width: 100% !important;
      text-align: left !important;
  }
  .price-button{
    font-size: 11px !important;
  }

  .login-page .form-col img{
    width: 100%;
  }

  .login-page-agent .login-page::before{
    display: none !important;
  }

  .login-page-agent p.register a {
      color: #000;
      font-weight: 700;
      text-decoration: none;
  }

  span.pof-reCAPTCHA {
      text-align: right !important;
  }
  .login-page-agent p.register {
      font-size: 16px;
      font-weight: normal;
      color: #000000;
      text-align: right !important;
  }


  .wc-register-form {
      margin: auto;
      max-width: 520px;
  }
  .login-page::before{
    display: block !important;
  }

  .booking-main.collapsed {
      display: none;
      border-radius: 16px;
      position: relative;
  }
  .booking-main{
    position: relative;
  }

  .booking-main::before {
      width: 0px;
      height: 0px;
      border-style: solid;
      border-width: 0 10px 14px 10px;
      border-color: transparent transparent #c5a976 transparent;
      transform: rotate(0deg);
      content: "";
      position: absolute;
      top: -12px;
      left: 60px;
  }

  .mCS-light-2.mCSB_scrollTools .mCSB_draggerRail, .mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail {
    
        background-color: rgb(255 207 46) !important;

  }
  .mCS-light-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
      background-color: rgb(198 170 118) !important;
  }
  .custom-megamenu .mega-menu .menu-content .tab-content{
    max-height: inherit !important;
  }

  .content.demo-y {
      max-height: 495px;
  }
  .booking-main .items-view{
    display: block !important;
  }

  .booking-main .inner-content {
      width: 100%;
      display: flex;
      gap: 25px;
      padding: 40px !important;
      border: 2px solid #c6aa76;
      border-radius: 16px;
      margin-bottom: 30px;
  }


.close-expand {
    box-sizing: content-box;
    width: 1em;
    height: 1em;
    padding: .25em .25em;
    color: #000;
    border: 0;
    border-radius: .25rem;
    opacity: .5;
    position: absolute;
    background:url("../images/close-icon.svg") no-repeat 0px 0px;
    right: 10px;
    top: 11px;
    cursor: pointer;
}

.page-id-4190 .login-page{
  height: inherit !important;
}

.login-container-new h2 {
    text-align: left !important;
}
.login-container-new .detail-p{
  max-width: auto;
  margin-left:0 ;
  margin-right: 0;
  text-align: left !important;
}

.login-container-new p.register{
  text-align: left !important;
}

@media (max-width: 1030px) {
.booking-main .container{
  padding-left: 0;
  padding-right: 0;
}

.booking-main .inner-content {
    width: 100%;
    display: flex;
    gap: 25px;
    padding: 30px 10px 10px !important;
    border: 2px solid #c6aa76;
    border-radius: 16px;
    margin-bottom: 30px;
}

.booking-main .inner-content .right-section .items-view .total-section{
  flex-direction: column !important;
}
  .booking-main .inner-content .right-section .items-view .total-section .left-side {
        width: 100% !important;
    }
.booking-main .inner-content .right-section .items-view .total-section .right-side{
   width: 100% !important;
}

.close-expand {
    right: 7px;
    top: 7px;

}


}




@media (max-width: 1000px) {
    .booking-main .inner-content .right-section .items-view .total-section {
        position: inherit !important;
        bottom: 55px;
        background:transparent !important;
        width: 100%;
        left: 0;
        padding: 0 !important;
        z-index: 1;
        box-shadow: inherit !important;
    }

    .login-container-new .container {
    padding-left: 20px;
    padding-right: 20px;
    text-align: left !important;
}
}


  @media only screen and (max-width: 991px) {
    .page-template-template-agent-myaccount .login-container {
          margin: 0 auto !important;
          padding-left: 35px;
          padding-right: 35px;
      }
      .wc-register-form .login-container{
  padding-left: 0;
          padding-right: 0;
  }
  }

  @media (max-width: 767px) {
      .login-page .col-sm-5.form-col {
          width: 100%;
          max-width: 100% !important;
          flex:  0 0 100% !important;
      }
          .login-page .col-sm-7.form-col {
          width: 100%;
          margin-top: 50px;
          max-width: 100% !important;
          flex:  0 0 100% !important;
      }
  
  }

  @media (max-width: 600px) {
      .login-page .create-account {
          font-size: 13px;
          margin: 0;
      }
      .login-page .form-col img{
        display: block !important;
      }
  }

  @media (max-width: 400px) {
    a.filter-button {
      font-size: 0 !important;
  }
  a.filter-button i img{
    width: 30px;
  }
      .mobile-only-srarch-section .listing-search-section-wrapper .col-md-3::before {
          top: 10px !important;
          z-index: 1;
          right: 6px !important;
      }
      .mobile-only-srarch-section .select-selected{
        font-size: 11px !important;
      }
      .mobile-only-srarch-section .listing-search-section-wrapper .col-md-3{
        padding-right: 0;
      }
          .mobile-only-srarch-section {
          margin: -33px 0px 0px 52px !important;
      }

          .booking-main .inner-content .right-section .items-view .total-section .left-side {
        width: 100% !important;
    }
    .landing-page .landing-content-section .landing-content-section-item .items-view{
      padding: 10px !important;
    }
  }


.home-image-slider .owl-carousel{
  direction: ltr;
}

/*.discover-brands-slider .mySwiper{
  direction: ltr;
}*/

.video-section-area .video-section-inner .swiper-section .swiper{
  direction: ltr;
}

.custom-megamenu .top-nav ul li:first-child a{
  justify-content: right;
}

.owl-carousel.owl-theme.banner-brand-slider.owl-loaded.owl-drag{
  direction:ltr;
}

.owl-carousel.owl-theme.banner-brand-slider.owl-loaded.owl-drag h4 {
    justify-content: end;
    flex-direction: row-reverse;
}
.owl-carousel.owl-theme.banner-brand-slider.owl-loaded.owl-drag .banner-slider-items p{
  direction: rtl;
}

.form-sub-section.pickup-time-section select {
    direction: ltr;
    text-align: right;
}

.form-sub-section.return-time-section select {
    direction: ltr;
    text-align: right;
}
ul.breadcrumb span {
    transform: rotate(180deg);
}
.rpi-flex {
    justify-content: flex-start !important;
}
.rpi-stars {
    justify-content: flex-start !important;
}

.wc-register-form{
  width: 100% !important;
}
.login-page h2{
  direction: rtl;
  text-align: right;
}

.woocommerce form .show-password-input, .woocommerce-page form .show-password-input {
    position: absolute;
    left:.7em !important;
    top: 22px !important;
    cursor: pointer;
    margin: 0 !important; 
}

.custom-megamenu .mega-menu .menu-content .tab-content .tab-items .sub-menu li a{
  text-align: right !important;
}