@media(max-width: 1100px) {

  .hero-content h1 {
    font-size: 4.8rem;
  }

  .hero-stats {
    display: none;
  }

}


@media(max-width: 768px) {

  .nav-menu,
  .header-cta {
    display: none;
  }

  .mobile-menu-btn {
    display: flex;
    flex-direction: column;
    gap: 5px;
  }

  .mobile-menu-btn span {
    width: 28px;
    height: 2px;
    background: white;
  }

  .hero-content {
    padding-top: 180px;
    padding-left: 6%;
    padding-right: 6%;
  }

  .hero-content h1 {
    font-size: 3.5rem;
  }

  .hero-description {
    font-size: 1rem;
  }

  .hero-buttons {
    flex-direction: column;
  }

}
@media(max-width:768px){

  .hero-section{
    min-height:100vh;
    padding-top:120px;
  }

  .hero-content{
    padding:0 8%;
    max-width:100%;
  }

  .hero-content h1{
    font-size:clamp(2.5rem,11vw,4rem);
    line-height:0.95;
    margin-bottom:22px;
  }

  .hero-description{
    font-size:0.95rem;
    line-height:1.7;
    margin-bottom:35px;
  }

  .hero-buttons{
    flex-direction:column;
    gap:14px;
  }

  .primary-btn,
  .secondary-btn{
    width:100%;
    padding:16px;
  }

  .hero-stats{
    display:none;
  }

  .scroll-indicator{
    bottom:18px;
  }

  .hero-subtitle{
    letter-spacing:3px;
    font-size:12px;
  }

}
@media(max-width: 1440px){

  .hero-content{
    max-width:580px;
  }

  .hero-content h1{
    font-size:4.5rem;
  }

  .hero-description{
    font-size:1rem;
    max-width:500px;
  }

  .hero-stats{
    gap:14px;
    right:4%;
  }

  .stat-box{
    width:145px;
    padding:20px;
  }

  .stat-box h2{
    font-size:2rem;
  }

}
@media(max-width: 1100px){

  .hero-section{
    align-items:flex-start;
    padding-top:160px;
  }

  .hero-content{
    max-width:100%;
  }

  .hero-content h1{
    font-size:4rem;
  }

  .hero-stats{
    display:none;
  }

  .nav-menu{
    gap:20px;
  }

}

@media(max-width: 992px){

  .about-row{
    grid-template-columns: 1fr;
    gap: 40px;
  }

  .about-row.reverse{
    display: flex;
    flex-direction: column-reverse;
  }

  .about-content{
    padding: 35px;
  }

  .about-content h3{
    font-size: 2rem;
  }

}

@media(max-width: 768px){

  .about-section{
    padding: 100px 7%;
  }

  .section-heading{
    margin-bottom: 60px;
  }

  .about-content{
    padding: 28px;
  }

  .about-content h3{
    font-size: 1.7rem;
  }

  .about-stats{
    flex-direction: column;
  }

}
/* ===================== */
/* ABOUT RESPONSIVE */
/* ===================== */

@media(max-width:1100px){

  .about-row{
    grid-template-columns:1fr;
    gap:40px;
  }

  .about-content,
  .about-image{
    min-height:auto;
  }

  .about-image{
    height:500px;
  }

}

@media(max-width:768px){

  .about-section{
    padding:110px 7%;
  }

  .section-heading{
    margin-bottom:70px;
  }

  .about-content{
    padding:35px 28px;
  }

  .about-content h3{
    font-size:2rem;
  }

  .about-image{
    height:300px;
  }

  .about-stats{
    flex-direction:column;
  }

}

/* ABOUT PAGE */

@media(max-width:992px){

  .company-intro,
  .regions-section,
  .expertise-grid,
  .about-gallery,
  .about-stats-section{
    grid-template-columns:1fr;
  }

}

@media(max-width:768px){

  .about-hero{
    padding:0 7%;
  }

  .about-hero h1{
    font-size:3.2rem;
  }

  .company-intro,
  .expertise-section,
  .regions-section,
  .about-gallery{
    padding:100px 7%;
  }

  .about-stats-section{
    padding:0 7% 100px;
  }

}

@media(max-width:768px){

  .services-grid{
    grid-template-columns:1fr;
  }

  .service-card{
    height:360px;
  }

  .service-title{
    font-size:1.5rem;
  }

}