html[lang="ar"] body,html[lang="ar"] h1,html[lang="ar"] h2,html[lang="ar"] h3,html[lang="ar"] h4,html[lang="ar"] h5,html[lang="ar"] h6,html[lang="ar"] li,html[lang="ar"] a,html[lang="ar"] span {
        font-family: 'Cairo', sans-serif;
        font-weight: 400; /* Adjust based on the desired weight */
      
      
}
html[lang="ar"] h1{
    text-align: right;
}
html[lang="ar"] .hero-section img{

    right: unset;

    left: 50px;

}



html[lang="ar"] .homepage .background{

    left: 0;

    right: unset;

    transform: scaleX(-1);

}

html[lang="ar"] .title{

    text-align: right;

}

html[lang="ar"] .homepage .smart-homes .section-background{

    transform: scaleX(-1);

}

html[lang="ar"] .long-slide .p-container{

    border-left: 1px solid var(--accent);

    border-right: none;

    padding-left: 20px;

    padding-right: 0;

    

}

html[lang="ar"] .long-slide .right-section .title-line{
    
    padding-right: 50px;
    
    padding-left: 0;
    
}
html[lang="ar"] .homepage .smart-homes .section-background .flex-column{
    transform: scaleX(-1);
}
html[lang="ar"] .single-project-main-container .project-details .description-text{
    text-align: right;
}
html[lang="ar"] .footer-container{
    text-align: right;
}
html[lang="ar"] .hamburger{
    right: unset;
    left: 5%;
}

html[lang="ar"]  .services-main-container .main-services h1{
    text-align: right;
}

html[lang="ar"]  .phone_number{
    text-align: right;
    direction: ltr;
}
html[lang="ar"] .interior-exterior-section h2 , html[lang="ar"] .interior-exterior-section p,
html[lang="ar"] .maintenance-section h2 , html[lang="ar"] .maintenance-section p

{
    text-align: right;

}

html[lang="ar"] .homepage .projects-three-cards-container .title p{
    display: none;
  }
  html[lang="ar"] .homepage .projects-three-cards-container .button-text{
    transform: rotateZ(-90deg)
  }
  html[lang="ar"] .projects-three-cards .project-card.card-3{
    border-bottom-right-radius: unset;
    border-bottom-left-radius:200px;
  }
  html[lang="ar"] .projects-three-cards .project-card.card-1{
    border-top-right-radius:200px;
    border-top-left-radius: unset;

  }
  html[lang="ar"] .hero-last .hero-image{
    transform: scaleX(-1);
  }
  
@media (max-width: 768px) {
   html[lang="ar"] .footer-column:nth-child(2) li{
       text-align:right;
   }
        
   html[lang="ar"] .footer-column{
       align-items:flex-end;
   }
    
}