/* Responsive CSS for: 320px, 375px, 425px, 768px, 1024px, 1440px, 1920px */

body { overflow-x: hidden; }

@media (max-width: 1439.98px) {}

@media (max-width: 1023.98px) {
  .display-4 { font-size: 2.8rem; }
  .display-5 { font-size: 2.2rem; }
  .display-6 { font-size: 1.8rem; }
}

@media (max-width: 767.98px) {
  .display-4 { font-size: 2.2rem; }
  .display-5 { font-size: 1.8rem; }
  .display-6 { font-size: 1.5rem; }
  .hero-description { font-size: 1rem !important; }
  .custom-navbar { padding-top: 0.5rem; padding-bottom: 0.5rem; }
  .feature-item { border-right: none !important; border-bottom: none !important; }
  .stats-item::after { display: none !important; }
  .stats-item:nth-child(1), .stats-item:nth-child(2) { margin-bottom: 1.5rem; }
}

@media (max-width: 424.98px) {
  .display-4 { font-size: 1.8rem; }
  .hero-btn, .hero-btn-outline { width: 100%; margin-bottom: 0.5rem; }
  .hero-content-col { text-align: center; }
  .hero-label { justify-content: center; }
}

@media (max-width: 374.98px) {
  .display-4 { font-size: 1.5rem; }
  .display-6 { font-size: 1.25rem; }
}