@import url('https://fonts.googleapis.com/css2?family=Almarai:wght@300;400;700;800&family=Cairo:wght@200;300;400;500;600;700;800;900&display=swap');
a,
table,
h1,
h2,
h3,
h4,
h5,
h6,
label,
button,
/* span, */
div,
p,
th,
input,
button,
textarea{
      /* font-family: 'Almarai', sans-serif!important; */
      font-family: 'Cairo', sans-serif!important;
}

.h-login-banner,
.features__item,
.research__content p,
.slider__area,
.slider-three .slider-container,
.counter__inner-2 .row .col-xxl-3,
.counter__item-border,
.course__area,
.counter__content p,
.postbox__details .postbox__item,
.teacher__area,
.contact__area .contact__info-inner,
.contact__area .contact__wrapper,
.course__bottom,
.sub-title,
.event__item, 
.app__inner,
.header__bottom-3 .container,
.header__bottom-3,
.mobile__menu.header__sticky .container .row,
.footer__area .footer__top .container .row,
.offcanvas__contact ul li,
.slider-rtl,
.header__menu,
.college-date{
      direction: rtl!important;
}


.slide label{
    direction: ltr;
}


.about__content,
.course__content .course__title,
.course__content p,
.footer-text-right,
.offcanvas__contact,
.offcanvas__text p,
.offcanvas__contact h4,
.header__category-content .nice-select .list li{
      text-align: right;
}


.sign__form h5{
    direction: rtl!important;
    text-align: right;
}

.main-menu-3 ul li {
      margin-right: unset;
      margin-left: 33px;
}


.main-menu-3 ul li:first-child{
      margin-right: 10px;
}


.main-menu ul li.has-dropdown > a::after{
      margin-left: unset;
      margin-right: 5px;
}


.header__category-content .nice-select::after{
      right: 110%;
}







.mean-container .mean-nav ul li{
      float: right
}


.mean-container .mean-nav ul li a{
      text-align: right;
      float: right
}

.mean-container .mean-nav ul li a.mean-expand{
      left: 0;
}


.offcanvas__contact-icon{
      margin-right: unset;
      margin-left: 15px;
}



.footer-col-3-1 {
      padding-right: unset;
      padding-left: 70px;
  }


  .footer-col-3-2 {
      padding-left: unset;
      padding-right: 45px;
  }

  @media only screen and (min-width: 1200px) and (max-width: 1399px){

        .footer-col-3-3 {
            padding-right: 20px;
              padding-left: unset;
            }
}


.footer-col-3-4 {
      padding-left: unset;
      padding-right: 70px;
  }


  .header__bottom-right,
  .user_icon{
      padding-left: 0;
      padding-right: 30px;
  }

  .header__hamburger{
      margin-left: unset;
      margin-right: 50px;
  }


  @media(min-width: 992px){
      .header__bottom-3 .container{
            direction: ltr!important;
      }
  }


  @media only screen and (min-width: 992px) and (max-width: 1200px){
 
.middle-nav,
.container, .container-lg, .container-md, .container-sm {
    max-width: 1030px;
}
  }

  .app__download .app__item{
      margin-right: unset;
      margin-left: 15px;
  }



  .about__area .about__thumb-left{
      margin-right: unset;
      margin-left: 10px;
  }


  .about__area .about__thumb-left .text-end{
      text-align: left!important;
  }

  .about__area .about__shape-1{
      right: -11%;
  }

  .about__area .about__shape-2{
      right: -24%;
  }

  .about__area .about__shape-3{
      right: unset;
      left: -7%;
  }


  .event__item .event__date{
      padding-right: unset;
      margin-right: unset;
      padding-left: 40px;
      margin-left: 30px;
  }

  .event__item .event__more{
      margin-left: unset;
      margin-right: 30px;
  }



  .contact__info-inner{
    /* padding-right: unset;
    padding-left: 70px; */
    padding: 45px 40px;
    padding-left: 70px;
  }

  .contact__info-inner .contact__info-icon{
    margin-right: unset;
    margin-left: 15px;
  }


  .teacher__details-shape img.teacher-details-shape-2 {
    left: unset;
    right: 2px; 
}

.teacher__details-shape img.teacher-details-shape-1 {
    right: unset;
    left: -40px;
   
}

 .course__sm .course__sm-thumb{
    margin-right: unset;
    margin-left: 20px;
 }


 .main-menu ul li .submenu{
    left: unset;
    right: 0;
 }


 .main-menu-3 ul li:first-child {
    margin-left: 33px;
}

.slider-three{
    text-align: right;
}



.vegas-wrapper::before{
    position: absolute;
    z-index: 1;
    content: '';
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1; 
    background: linear-gradient(165deg, rgba(0, 1, 9, 0.9) -2.84%, rgba(0, 2, 17, 0) 67.7%, rgba(0, 2, 17, 0.1) 99.11%)!important;
    background: -o-linear-gradient(165deg, rgba(0, 1, 9, 0.9) -2.84%, rgba(0, 2, 17, 0) 67.7%, rgba(0, 2, 17, 0.1) 99.11%)!important;
    background: -ms-linear-gradient(165deg, rgba(0, 1, 9, 0.9) -2.84%, rgba(0, 2, 17, 0) 67.7%, rgba(0, 2, 17, 0.1) 99.11%)!important;
    background: -moz-linear-gradient(165deg, rgba(0, 1, 9, 0.9) -2.84%, rgba(0, 2, 17, 0) 67.7%, rgba(0, 2, 17, 0.1) 99.11%)!important;
    background: -webkit-linear-gradient(165deg, rgba(0, 1, 9, 0.9) -2.84%, rgba(0, 2, 17, 0) 67.7%, rgba(0, 2, 17, 0.1) 99.11%)!important;
  
  }


 
  
/* .slider__content-2{
    padding-right: 58px;
} */

.slider__content-2 p{
    padding-right: unset;
}

  /* .slider__title-2,
  .slider__thumb-mask::after {
    right: 58px;
    }
   */

   .faq__accordion .accordion-item,
   .register-form,
   .header__login-2{
    direction: rtl;
   }


   .sign__agree label{
    padding-right: 10px;
   }


   .faq__accordion .accordion-button{
    padding-right: 25px;
    padding-left: unset;
   }


   .faq__accordion .accordion-button::after{
    left: unset;
    right: -74px;
   }


   .faq__accordion .accordion-item{
    padding-right: unset;
    padding-right: 65px;
   }


   .reg-select,
   .slide label{
    text-align: right;
   }

   .commitment-div,
   .reg-select,
   .slide .row,
   .slide .last-stage,
   .slide select{
    direction: rtl;
   }




   .checkout-form-list input[type=date], .checkout-form-list input[type=text], .checkout-form-list input[type=password], .checkout-form-list input[type=email]{
    padding-right: 30px;
    padding-left: 45px;
   }


   .features__item {
    padding-right: unset;
    padding-left: 55px;
}


.features__icon{
    margin-right: unset;
    margin-left: 25px;
}


.img-gallery-div{
    direction: rtl;
}

.img-gallery-div ul li{
    margin-right: unset;
    margin-left: 20px;
}


.gallery-dropdown > ul{
    right: 0;
    }


/* QR Code */
    .QRcontainer{
     direction: rtl;
    }

    .qr-sub-container{
        right: unset;
        left: 10px;
    }
 
    @media(max-width: 767px){
       
      .qr-sub-container{
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
      }

      .qr-container{
        text-align: center;
      }

    }

 
/* QR Code */