/* ==========================================================================
   cc-responsive — breakpoints for the cc-theme design system.
   The mobile off-canvas navigation lives in the layout's inline <style>.
   ========================================================================== */

@media (max-width: 1199px) {
  .hero-section { padding-top: 150px; }
}

@media (max-width: 991px) {
  .gap { padding: 72px 0; }

  .hero-section { padding: 130px 0 72px; text-align: center; }
  .hero-section .hero-text { margin-bottom: 40px; }
  .hero-section .hero-text p { margin-left: auto; margin-right: auto; }
  .hero-section .hero-btn { display: flex; justify-content: center; }
  .hero-section .swiper-button { position: static; justify-content: center; margin-top: 28px; }

  .heading { margin-bottom: 40px; }
  .heading-flex { flex-direction: column; align-items: flex-start; }

  .cc-page-hero { padding: 130px 0 56px; }
}

@media (max-width: 767px) {
  .gap { padding: 60px 0; }
  body { font-size: 15px; }
  .hero-section .hero-text p { font-size: 16px; }
  .btn, a.btn, button.btn { padding: 13px 26px; }
}

@media (max-width: 575px) {
  .heading h2 { font-size: 1.7rem; }
}