@import url('https://fonts.googleapis.com/css2?family=Cairo:wght@300;400;500;600;700;800&display=swap');
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6{font-family: Cairo !Important}
 html,
    body {
      direction: rtl;
      font-family: "Cairo", sans-serif;
    }

 

    .hero-content .d-flex {
      justify-content: flex-start;
    }

    .cta-banner {
    padding-right: 39px;
}

.value-item h3{    font-family: 'Cairo', serif;}
.btn-orange{margin-right: 20px;}
footer a{gap: 10px}

.decor-dots {
    bottom: -163px;}
   .hero-right img {  -webkit-transform: scaleX(-1);
  transform: scaleX(-1);}
  .invest-overlay {
    left: 30px; right: auto;}

    .register-btn {
       margin-left:0;
    margin-right: auto;
  }


     .programs-image-wrapper2 img {  -webkit-transform: scaleX(-1);
  transform: scaleX(-1);}

  .register-card {
   right: auto;
    left: 0px;
   
}


.hero-wrap {
  padding-bottom: 81px;
  position: relative;
  min-height: 1100px;
  display: flex;
  background: none;
  align-items: center;
}

.hero-wrap::before {
  content: "";
  position: absolute;
  inset: 0;
  background: url(../img/bannerAr.png) center no-repeat !important;
  background-size: cover !important;
  /*transform: scaleX(-1);   /* flip horizontally */*/
  z-index: -1;
}

.facility-badge {
    margin-left: .5rem;
}
.program-icon {
   left: auto;
    right: 24px;
  }
  .legend .item-text {
    padding-right: 28px;
}



.lang-switch {
    padding-right: 16px;
    padding-left: 0 !important;
    border-left:0 !important;
    border-right: 1px solid rgba(255, 255, 255, .25);
}

  @media (max-width:768px){
.hero-wrap {
    min-height:auto;
}
}
  .leaf{position: absolute; left: auto; right: -130px; top:30px;   transform: scaleX(-1);   }
  .form-field i{left: auto; right: 14px;}
  .form-field input, .form-field select{ text-align: right; padding: 12px 40px 12px 12px}

    .icon1{position: absolute; right: 40%; left: auto; top:30px;}
 
  .icon2{position: absolute; right: 7%;  left: auto; top:30px;}

    .mv-dots{
   
    right:auto;
    left:10px;
    }
    .seats-photo-wrap{ right:auto;
    left:10px;}
    .topbar .social-icon{margin-right:6px;}
    span i{margin-left:4px;}