@font-face {
  font-family: Madani;
  src: url("../font/alfont_com_Madani-Arabic-Regular-1.ttf"); 
  font-weight: bold;
}
 
body,
html {
/* width: 100%; */
  font-family: 'Madani', sans-serif !important;
text-align: left;

}
 
 
 

 
 
h1 ,h2 ,h3 ,h4 ,h5 ,h6 ,p ,a ,address , ul ,li {
padding: 0;
margin: 0px !important; 
text-align: left;
}
 
 
#actives .owl-nav {
  direction: rtl;
}

.more  {
 direction: ltr;
}
.more i {
  transform: rotate(180deg)  ;
  margin-left: 4px;
}
 
.searchButton-nav {
  right: 10px;
  left: unset;
}
.inout-icon-div-textarea i , .inout-icon-div i {
  right: unset;
  left: 5px;
}
.inout-icon-div-textarea textarea , .input-form-contact  {
  padding-right: 0;
  padding-left: 30px;
}
.btn-nav-000 i {
  transform: rotate(180deg) translateY(3px);
  margin-left: 4px;
}

.search__button {
  right: unset;
  left: 21px;
}

.about-schools {
  direction: rtl;
}
.mic__button {
  right: 12px;
  left: unset;
}

.search__input {
  padding: 14px 14px 14px 64px;
}
.right-title {
  padding-right: unset;
  padding-left: 70px;
}
.right-title::before {
  right: unset;
  left: 0;
}
.owl-carousel .more {
  flex-direction: row-reverse;
}
.search__input {
  padding: 14px 14px 14px  64px !important;
}
.mic__button {
  right: 12px !important;
  left: unset !important;
}

.container {
  direction: ltr;
}
/*  nav-bar */
.nav-bar ul .active a:before  {
  left: 0;
  right: unset;
}
.hero-text span {
  background: #fff;
  color: var(--unnamed-color-c1222e);
  padding: 10px 15px;
  font-family: 'Madani', sans-serif !important;
       margin-left: 10px !important;


}

 
.nav-bar ul a:before {
   left: 0;
  right: unset;
}
.nav-bar ul a:after {
  left: 0;
  right: unset;
 } 
 .input_jop {
  padding-left: 3rem;
  padding-right: 0;
}
.icon_jop {
  right: 0;
  left: 1rem;
}

.nav-bar ul a:hover:after {
  left: 0;
  right: unset;
}

@media (max-width:1560px) {
  .hero-text h2 {
    font-size: 50px;
    line-height: normal !important;
}
.dots-img {
  display: none;
}
}
@media (max-width:999px) {
  .hero-text h2 ,.hero-text h2 span {
    font-size: 40px !important;
    line-height: normal !important;
}
h2 span {
    line-height: normal !important;
    font-size: 30px !important;
}
h2   {
    line-height: normal !important;
    font-size: 30px !important;
}
.hero-text span {
  padding:  5px !important;
}
}

@media (max-width:768px) {
  .hero-text h2 {
    font-size: 25px !important;
}
.hero-text h2 span {
  font-size: 25px !important;
}
}


.hero-text span {
         margin-right: 10px !important;
         margin-left: 0 !important;


}



.call-me .border-dashed {
  position: absolute;
  right: 18px;
  top:  20px;
}
 
.nav-bar {
  direction: ltr !important;
}

.accordion-button::after {
  margin-left:  auto;
  margin-right: unset;
}
.mic__button {
  border-radius: 0 2pc !important;
}
.search__input {
  border-radius: 0 3pc !important;
  
}

 .btn-nav-empty {
  border-radius:  0 3pc  !important;
 }

 footer ul li:hover {
  padding-left: 10px !important;
}
@media (max-width:600px) {
  .flex-bet {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    flex-direction: column;
    gap: 1rem;
}
}
footer .circle-yellow {
  left:  unset;
  right: 44px;
  top: 44px;
}
 
.about-schools .more {
  flex-direction: row !important;
}
.more {
  display: flex;
  gap: 5px;
  align-items: center;
  text-transform: capitalize;
  flex-direction: row-reverse;
}
.schools-grid {
  display: grid;
  gap: 24px;
  grid-template-columns: repeat(auto-fill, minmax(350px , 1fr));
  justify-content: center;
  direction: ltr;
}
 .schools-dir .more {
  flex-direction: row    ;
 

}








ul.ul {
  margin-right: 0 !important;
  margin-left: 12px !important;
}


.img-schools {
  margin-right: unset;
  margin-left: auto;
}