


/*@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;*/
 
  direction: ltr;
}
 
 .nav-bar .en-ar {
    margin-right: 15px;
    margin-left: unset;
}
 
 
 
 .hero-center-page i {
   
    transform: scaleX(-1);
}
.accordion-button::after {
    margin-left: 0;
    background-size: 1rem;
    margin-right: auto;
    margin-right: unset !important;
    margin-left: auto !important;
    filter: brightness(0.5) contrast(0.5) hue-rotate(846deg) invert(1);
}
.input-contact {
     
    direction: ltr;
}


a.btn-nav-fill.actives-btn i {
    transform: scaleX(-1);
}


.accordion-body p {
    text-align: left !important;
}

img.mask_border {
  
    opacity: 0;
    display: none;
}


.flex-multi-step .content-step::before {
    right: unset;
    left: 61px;
    /*width: 359px;*/
}
.flex-multi-step .content-step.active::before {
    right: unset;
    left: 10px;
    /*width: 310px;*/
}
@media (max-width: 1050px) {
    .flex-multi-step .content-step.active::before {
       left: 41px;
    }
    .flex-multi-step .content-step::before {
    right: unset;
    left: 41px;
 }
}


 
.about-back {
    left: unset;
    right: -74px;
}


.links-footer ul li:hover {
     transform: translateX(10px);
}



.content-card-news {
     direction: ltr;
}

/*@media (max-width: 1050px) {*/
/*    .flex-multi-step .content-step::before {*/
/*        width: 143px  ;*/
        
/*    }*/
/*}*/
/*@media (max-width: 1050px) {*/
/*    .flex-multi-step .content-step.active::before {*/
/*         width: 139px;*/
/*     }*/
/*}*/

.more {
    
    right: 0;
  left: unset;
}
.more i {
   transform: scaleX(-1);
}

.shop-num .number-shop {
    right: -1px;
    left: unset;
}
@media (max-width: 768px) {
    .about-back {
        left: unset;
         max-width: 153px;
        right: -50px;
    }
    .about_div_home {
    margin-left: -34%;
    margin-right: unset;
}
}

@media (max-width: 550px) {
    .about-back {
        left: unset !important;
          transform: translateX(50%);
        right: 15% !important;
    }
   
   
    
}
@media (max-width: 450px) {
     
}

 



a.btn-nav-fill.actives-btn {
   margin-left: 0 !important;
  margin-right: auto !important;
}