@media (max-width: 1200px) {
  .section {
    margin: 0 16px 16px;
    border-radius: 20px;
  }

  .hero-content {
    gap: 40px;
    padding: 0 40px 0;
  }

  .hww-content {
    gap: 40px;
  }

  .hww-steps {
    width: 380px;
  }

  .cta-image {
    width: 440px;
    right: 40px;
  }
}

@media (max-width: 1024px) {
  .hero-content {
    flex-direction: column;
    padding: 0 32px;
  }

  .text-details {
    height: auto;
    gap: 32px;
  }

  .images {
    display: none;
  }

  .hww-content {
    flex-direction: column;
  }

  .hww-image {
    height: 360px;
    flex: none;
    width: 100%;
  }

  .hww-steps {
    width: 100%;
  }

  .jobs-row {
    flex-direction: column;
  }

  .something-about {
    flex-direction: column;
    height: auto;
  }

  .sa-text {
    width: 100%;
    min-height: 200px;
  }

  .blogs-grid {
    flex-direction: column;
  }

  .cta-image {
    display: none;
  }

  .footer-newsletter {
    flex-direction: column;
    gap: 32px;
  }

  .newsletter-title {
    width: 100%;
  }
}

@media (max-width: 768px) {
  .nav {
    padding: 16px 24px;
    flex-wrap: wrap;
    gap: 16px;
  }

  .menu {
    display: none;
  }

  h1 {
    font-size: 40px;
  }

  .section-title-lg {
    font-size: 32px;
    letter-spacing: -0.64px;
  }

  .how-we-work,
  .jobs-section,
  .faqs-section,
  .blogs-section,
  .cta-section,
  .footer-section {
    padding: 32px 24px;
  }

  .search-job {
    flex-wrap: wrap;
  }

  .location-input {
    width: auto;
    flex: 1;
  }

  .footer-details {
    flex-direction: column;
  }

  .footer-nav {
    gap: 32px;
  }

  .something-about {
    height: auto;
  }

  .sa-image {
    height: 300px;
    flex: none;
  }
}