.fs-18 {
  font-size: 18px !important;
}

.fs-32 {
  font-size: clamp(1.5rem, 3vw, 2rem) !important;
}

.fs-48 {
  font-size: clamp(2rem, 4vw, 3rem) !important;
}

.fs-96 {
  font-size: 96px !important;
}

.fw-black {
  font-weight: 900 !important;
}

.link-unstyled {
  text-decoration: none !important;
  color: inherit !important;
}

.hero-content {
  position: relative;
  z-index: 20;
}

.z-index-1000 {
  z-index: 1000 !important;
}

.mw-580 {
  max-width: 580px !important;
}

.text-black * {
  color: #000;
}

.text-primary-main {
  color: var(--primary-main);
  font-weight: 900;
}

.bg-secondary-main {
  background-color: var(--secondary-main) !important;
}

.bg-white {
  background-color: #fff !important;
}

.bg-primary-darker {
  background-color: var(--primary-darker) !important;
}

.bg-diagonal-tertiary {
  background: linear-gradient(120deg, #fff 0% 48%, var(--tertiary-lighter) 48% 100%) !important;
}

.bg-numbers {
  background-image: url(../assets/numbers_background.png) !important;
  background-repeat: no-repeat !important;
  background-size: cover !important;
}

.text-gray {
  color: var(--gray) !important;
}

@media (max-width: 991.98px) {
  .fs-40 {
    font-size: 32px !important;
  }

  .fs-96 {
    font-size: 48px !important;
  }
}

@media (max-width: 1199.98px) {
  .fs-42 {
    font-size: 39px !important;
  }
}

@Media (min-width: 1200px) {
  .mx-lg-160 {
  padding-left: 160px !important;
  padding-right: 160px !important;
  }
}