/* Home page typography override */

body,
button,
input,
textarea,
select,
a,
p,
span,
strong,
h1,
h2,
h3,
h4,
h5,
h6,
.logo,
.navbar,
.dropdown-menu,
.btn,
.product-link,
.section-tagline,
.eyebrow {
  font-family: "Anta", Arial, sans-serif !important;
}

.hero-content h1,
.hero-content h2 {
  font-family: "Anta", Arial, sans-serif !important;
  font-size: clamp(28px, 4vw, 52px) !important;
  line-height: 1;
  margin-bottom: 20px;
  max-width: 720px;
  letter-spacing: 0.7px;
  font-weight: 600;
}

.about-card strong,
.about-content h2,
.specialization-header h2,
.specialization-header h3,
.expertise-card span,
.expertise-card h3,
.products-header h2,
.product-card h3,
.stock-badge,
.solution-content h2,
.solution-icon,
.solution-card h2,
.reviews-header h2,
.review-card strong,
.cta-content h2,
.footer-column h3 {
  font-family: "Anta", Arial, sans-serif !important;
}

.specialization-header h3 {
  font-size: clamp(24px, 4vw, 42px);
  line-height: 1;
  color: #20150f;
  letter-spacing: 0;
  margin-bottom: 22px;
}

.hero-content h2 b {
  font: inherit;
}

@media (max-width: 520px) {
  .hero-content h1,
  .hero-content h2 {
    font-size: 26px !important;
    line-height: 1.2;
  }
}