/* Responsive fine-tuning */

html, body {
  overflow-x: hidden;
}

.container {
  width: min(1240px, 93%);
}

@media (max-width: 480px) {
  .container {
    padding: 0 18px;
  }

  section {
    padding: 56px 0;
  }

  .hero {
    padding: 110px 0 48px !important;
  }

  .page-hero {
    padding: 120px 0 56px !important;
  }

  .btn {
    padding: 12px 22px;
    font-size: 14px;
  }

  .hero-buttons {
    flex-direction: column;
    width: 100%;
  }

  .hero-buttons .btn {
    width: 100%;
    justify-content: center;
  }

  .compact-audio-grid {
    grid-template-columns: 1fr !important;
  }

  .section-heading h2,
  h2.section-title {
    font-size: 28px !important;
  }

  .service-card,
  .process-card,
  .demo-card,
  .voice-card,
  .testimonial-card {
    padding: 28px 22px !important;
  }

  .contact-form-wrap {
    padding: 28px 22px !important;
  }

  .academic-card {
    padding: 32px 22px !important;
  }

  .cta-inner {
    padding: 36px 24px !important;
    text-align: center;
    justify-content: center !important;
  }

  .cta-white {
    width: 100%;
    justify-content: center;
  }

  .footer-top {
    padding: 56px 0 40px !important;
  }

  .footer-main {
    padding: 40px 0 32px !important;
  }

  .portfolio-section-title h3 {
    font-size: 22px !important;
  }
}

@media (max-width: 768px) {
  .logo-slider {
    padding: 28px 0;
  }
  .logo-track {
    gap: 40px;
  }
  .logo-track img {
    height: 36px;
  }

  .filter-btn {
    padding: 8px 16px;
    font-size: 12.5px;
  }
}