@media (max-width: 992px) {
  html:lang(ar) section.shortcode-hero-banner{
	 background-position-x:25% !important;
    // for fixing the problem of hero background image in arabic
  }
}

.services__area-three h2.title{
   font-size: 18px !important;
  // decreasing the font size of each tittle box in first page in services component
}

html:lang(ar) .about__content-inner p {
  font-size: 25px !important;
  line-height: 30px !important;
 //for increasing the text of near to box of years experience in about us component 
}

html:lang(ar) section.about__area-three .about__img-wrap-three img:nth-child(2){

    left: initial;
    right: -25px;
}

html:lang(ar) section.about__area-three .about__list-box i:before {

	transform: rotate(180deg);
  
}

html:lang(ar) section.about__area-three .about__phone .content{

	display: flex;
    flex-direction: column;
}

html:lang(ar) section.about__area-three .about__phone .content a{

	direction:ltr
}