@media(max-width:980px){

  .nav-links,
  .btn-nav{
    display:none;
  }

  .hero-container{
    grid-template-columns:1fr;
    text-align:center;
    padding-top:150px;
  }

  .hero-description{
    margin-left:auto;
    margin-right:auto;
    font-size:19px;
  }

  .hero-buttons{
    justify-content:center;
  }

  .hero-right img{
    max-width:330px;
  }

}

@media(max-width:768px){

  body{
    overflow-x:hidden;
  }

  .services{
    padding:70px 5%;
  }

  .services-grid,
  .countries-grid,
  .steps-grid,
  .community-container{
    grid-template-columns:1fr !important;
  }

  .service-card,
  .country-card,
  .step-item,
  .community-card{
    width:100%;
    max-width:100%;
  }

  .section-title h2,
  .countries-title h2,
  .steps-title h2{
    font-size:36px;
  }

  .footer-container{
    grid-template-columns:1fr;
  }

}

@media(max-width:600px){

  .logo{
    width:74px;
  }

  .hero-container{
    padding-top:135px;
  }

  .hero-left h1{
    font-size:52px;
    letter-spacing:-2px;
  }

  .hero-top{
    font-size:12px;
  }

  .hero-description{
    font-size:18px;
  }

  .btn-primary,
  .btn-secondary{
    width:100%;
    text-align:center;
  }

  .services-grid{
    display:grid;
    grid-template-columns:1fr !important;
    gap:22px;
  }

  .service-card{
    padding:32px 24px;
    min-width:0;
  }

  .service-card h3{
    font-size:28px;
  }

  .service-card p{
    font-size:18px;
  }

}