@media (min-width: 1500px) {
    html[lang="ar"] .reach-us a{
        font-size: 175px;
    }
}
@media (max-width: 1500px) {
    h1{
       font-size: 120px;
    }
    html[lang="ar"] .reach-us a{
        font-size: 150px
    }
}
@media (max-width: 1200px) {
    .typed-out{
        font-size: 64px ;
    }
}
@media (max-width: 900px) {
        
    h1{
        font-size: 100px;
    }
    h2{
        font-size: 20px;
    }
    h3{
        font-size: 88px;
    }
    h4{
        font-size: 56px;
    }
    h5{
        font-size: 24px;
    }

    .xl3-text{
        font-size: 40px;
    }
    .xl2-text{
        font-size: 32px;
    }
    .xl-text{
        font-size: 24px;
    }
    .l-text{
        font-size: 20px;
    }
    .m-text{
        font-size: 16px;
    }
    .s-text{
        font-size: 14px;
    }
    .footer-text{
    font-size: 16px;
    }
    /* about page */
    .about-page-container h1{
        font-size: 80px;
    }
    .about-page-container h2{
        font-size: 32px;
    }
    .about-page-container h3{
        font-size: 64px;
    }
   

  
    .about-page-container .xl2-text{
        font-size: 24px;
    }
 
   
}
@media (max-width: 768px) {
    .about-page-container h1{
        font-size: 32px;
        text-emphasis: center;
        width: 100%;
    }
    .typed-out{
        font-size: 32px ;
    }
    h1,.about-page-container h1{
        font-size: 64px;
    }
    h2,.about-page-container h2{
        font-size: 16px;
    }
    h3{
        font-size: 40px;
    }
    .about-page-container h3{
        font-size: 40px;
    }
    h4,.about-page-container h4{
        font-size: 24px;
    }
  
    h5, .about-page-container h5{
        font-size: 16px;
    }

    .xl3-text{
        font-size: 32px;
    }
    .xl2-text{
        font-size: 20px;
    }
    .xl-text{
        font-size: 20px;
    }
    .l-text{
        font-size: 16px;
    }
    .m-text{
        font-size: 14px;
    }
    .s-text{
        font-size: 14px; 
        /* maaybe change */
    }
  .reach-us a{
    font-size: 80px;
  }
  html[lang="ar"] .reach-us a{
    font-size: 32px;
  }
  .eight-oils-section p{
    font-size: 72px;
    }
    .about-page-container .content h2{
        font-size: 48px;
        line-height: 1;
    }
    .services-list h3{
        font-size: 48px;
    }
    .services-list h4{
        font-size: 32px;
    }
}