@media (max-width: 991px) {
  .hero {
    padding: 70px 0;
    text-align: center;
  }

  .hero h1 {
    font-size: 44px;
  }

  .hero p {
    margin-left: auto;
    margin-right: auto;
  }

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

  .hero-visual {
    margin-top: 30px;
    min-height: auto;
  }

  .main-mockup {
    margin: 0 auto;
  }
}

@media (max-width: 575px) {
  .hero {
    padding: 55px 0;
  }

  .hero h1 {
    font-size: 36px;
    letter-spacing: -1px;
  }

  .hero p {
    font-size: 16px;
  }

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

  .main-mockup {
    min-height: auto;
    height: auto;
    padding: 20px;
  }

  .mockup-title {
    font-size: 18px;
  }

  .service-preview-grid {
    grid-template-columns: 1fr;
  }

  .mockup-bottom {
    flex-direction: column;
  }

  .card-one,
  .card-two {
    position: relative;
    left: auto;
    right: auto;
    top: auto;
    bottom: auto;
    margin-top: 14px;
  }

  .floating-card {
    width: 100%;
  }
}

@media (max-width: 768px) {
  .stats-box {
    grid-template-columns: repeat(2, 1fr);
    padding: 28px;
  }

  .stat-item h3 {
    font-size: 34px;
  }
}

@media (max-width: 480px) {
  .stats-box {
    grid-template-columns: 1fr;
  }
}
@media (max-width: 991px) {
  .services-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 575px) {
  .services-grid {
    grid-template-columns: 1fr;
  }

  .services-section {
    padding: 70px 0;
  }

  .section-title {
    font-size: 34px;
  }
}
@media (max-width: 768px) {
  .offers-grid {
    grid-template-columns: 1fr;
  }
}
@media (max-width: 768px) {
  .flash-offer-box {
    grid-template-columns: 1fr;
    padding: 28px;
  }

  .flash-offer-content h2 {
    font-size: 30px;
  }

  .flash-offer-price strong {
    font-size: 34px;
  }
}

@media (max-width: 991px) {
  .process-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 575px) {
  .process-grid {
    grid-template-columns: 1fr;
  }
}
@media (max-width: 991px) {
  .quote-cta-box {
    grid-template-columns: 1fr;
    padding: 32px;
  }

  .quote-cta-content h2 {
    font-size: 34px;
  }
}

@media (max-width: 575px) {
  .quote-benefits {
    grid-template-columns: 1fr;
  }

  .quote-total {
    flex-direction: column;
    gap: 8px;
    text-align: center;
  }
}
@media (max-width: 991px) {
  .clients-slider {
    grid-template-columns: repeat(3, 1fr);
  }
}

@media (max-width: 768px) {
  .clients-slider {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 575px) {
  .clients-slider {
    grid-template-columns: 1fr;
  }
}