body {
  font-family: 'Noto Sans Display', azo-sans-web, sans-serif !important;
}

h1,
h2,
h3,
.section-title,
.title,
.inner-header,
.we-help-credit__title {
  font-family: 'REM', azo-sans-web, sans-serif !important;
}

.section-title {
  color: var(--color-alias-text-primary, #1A1A1A);
  text-align: center;
  font-size: var(--typography-font-size-title, 36px);
  font-style: normal;
  font-weight: var(--typography-font-weight-emphasis, 600);
  line-height: var(--typography-line-height-title, 44px);
  margin: 0;
  text-wrap: unset;
}

.section-title--light {
  color: #fff;
}

.section-subtitle {
  color: var(--color-alias-text-secondary, #424242);
  text-align: center;
  font-size: var(--typography-font-size-body-md, 20px);
  font-style: normal;
  font-weight: var(--typography-font-weight-body, 300);
  line-height: var(--typography-line-height-body-md, 28px);
  margin: 0;
}

.section-subtitle--light {
  color: #fff;
}

.dot-mix {
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 123px;
  background-image: radial-gradient(#6bb1ab 3px, transparent 4px);
  background-size: 28px 28px;
  transition: all 0.5s ease-out;
  z-index: 0;
  opacity: 0.7;
  pointer-events: none;
}

@media (max-width: 768px) {
  .section-title {
    font-size: 28px;
    line-height: 36px;
  }

  .section-subtitle {
    font-size: 18px;
    line-height: 26px;
  }

  .boundaries {
    padding: 40px 24px;
  }

  .dot-mix {
    height: 36px;
  }

  .lex-cta-box {
    width: 100% !important;
  }

  a.call-now-cta {
    width: 100% !important;
    max-width: 400px;
  }

  a.call-now-cta:before {
    content: none !important;
    display: none !important;
    visibility: hidden !important;
  }
}

@media (max-width: 500px) {
  a.call-now-cta {
    box-sizing: border-box;
  }
}

