@font-face {
  font-family: "WorkSans";
  src: url("../../assets/fonts/WorkSans-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: "WorkSans";
  src: url("../../assets/fonts/WorkSans-Italic.ttf") format("truetype");
  font-weight: 400;
  font-style: italic;
}

@font-face {
  font-family: "WorkSans";
  src: url("../../assets/fonts/WorkSans-Medium.ttf") format("truetype");
  font-weight: 500;
  font-style: normal;
}

@font-face {
  font-family: "WorkSans";
  src: url("../../assets/fonts/WorkSans-MediumItalic.ttf") format("truetype");
  font-weight: 500;
  font-style: italic;
}

@font-face {
  font-family: "WorkSans";
  src: url("../../assets/fonts/WorkSans-SemiBold.ttf") format("truetype");
  font-weight: 600;
  font-style: normal;
}

@font-face {
  font-family: "WorkSans";
  src: url("../../assets/fonts/WorkSans-SemiBoldItalic.ttf") format("truetype");
  font-weight: 600;
  font-style: italic;
}

@font-face {
  font-family: "WISE";
  src: url("../../assets/fonts/WISE-Thin.otf") format("opentype"),
    url("../../assets/fonts/WISE-Thin.eot") format("embedded-opentype"),
    url("../../assets/fonts/WISE-Thin.ttf") format("truetype"),
    url("../../assets/fonts/WISE-Thin.woff") format("woff"),
    url("../../assets/fonts/WISE-Thin.woff2") format("woff2");
  font-weight: 100;
  font-style: normal;
}

@font-face {
  font-family: "WISE";
  src: url("../../assets/fonts/WISE-ExtraLight.otf") format("opentype"),
    url("../../assets/fonts/WISE-ExtraLight.eot") format("embedded-opentype"),
    url("../../assets/fonts/WISE-ExtraLight.ttf") format("truetype"),
    url("../../assets/fonts/WISE-ExtraLight.woff") format("woff"),
    url("../../assets/fonts/WISE-Black.woff2") format("woff2");
  font-weight: 200;
  font-style: normal;
}

@font-face {
  font-family: "WISE";
  src: url("../../assets/fonts/WISE-Light.otf") format("opentype"),
    url("../../assets/fonts/WISE-Light.eot") format("embedded-opentype"),
    url("../../assets/fonts/WISE-Light.ttf") format("truetype"),
    url("../../assets/fonts/WISE-Light.woff") format("woff"),
    url("../../assets/fonts/WISE-Light.woff2") format("woff2");
  font-weight: 300;
  font-style: normal;
}

@font-face {
  font-family: "WISE";
  src: url("../../assets/fonts/WISE-Regular.otf") format("opentype"),
    url("../../assets/fonts/WISE-Regular.eot") format("embedded-opentype"),
    url("../../assets/fonts/WISE-Regular.ttf") format("truetype"),
    url("../../assets/fonts/WISE-Regular.woff") format("woff"),
    url("../../assets/fonts/WISE-Regular.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: "WISE";
  src: url("../../assets/fonts/WISE-Medium.otf") format("opentype"),
    url("../../assets/fonts/WISE-Medium.eot") format("embedded-opentype"),
    url("../../assets/fonts/WISE-Medium.ttf") format("truetype"),
    url("../../assets/fonts/WISE-Medium.woff") format("woff"),
    url("../../assets/fonts/WISE-Medium.woff2") format("woff2");
  font-weight: 500;
  font-style: normal;
}

@font-face {
  font-family: "WISE";
  src: url("../../assets/fonts/WISE-Bold.otf") format("opentype"),
    url("../../assets/fonts/WISE-Bold.eot") format("embedded-opentype"),
    url("../../assets/fonts/WISE-Bold.ttf") format("truetype"),
    url("../../assets/fonts/WISE-Bold.woff") format("woff"),
    url("../../assets/fonts/WISE-Bold.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
}

@font-face {
  font-family: "WISE";
  src: url("../../assets/fonts/WISE-Black.otf") format("opentype"),
    url("../../assets/fonts/WISE-Black.eot") format("embedded-opentype"),
    url("../../assets/fonts/WISE-Black.ttf") format("truetype"),
    url("../../assets/fonts/WISE-Black.woff") format("woff"),
    url("../../assets/fonts/WISE-Black.woff2") format("woff2");
  font-weight: 900;
  font-style: normal;
}

h1,
h2,
h3,
h4,
h5,
h6,
.preheader,
textarea,
h1 a {
  font-family: "WISE", Helvetica, Arial, sans-serif !important;
  color: var(--foreground);
}

p,
button,
li,
em,
a,
span strong,
label,
input[type="submit"],
input[type="text"],
input[type="tel"],
input[type="email"] {
  font-family: "WorkSans", Helvetica, Arial, sans-serif !important;
  color: var(--foreground);
}

h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 18px 0;
}

p,
button,
li,
span,
label {
  margin: 24px 0;
}
/* S - M */
@media (max-width: 960px) {
  h1,
  .h1,
  h1 a,
  .h1 a {
    font-weight: 500;
    font-size: 30px;
    line-height: 32px;
  }

  h2,
  .h2 {
    font-weight: 300;
    font-size: 30px;
    line-height: 32px;
  }

  h3 {
    font-weight: 400;
    font-size: 27px;
    line-height: 32px;
  }

  h4,
  .h4 {
    font-weight: 400;
    font-size: 24px;
    line-height: 28px;
  }

  h5,
  .h5 {
    font-weight: 700;
    font-size: 19px;
    line-height: 28px;
  }

  h6,
  .preheader {
    font-weight: 700;
    font-size: 15px;
    line-height: 18px;
    text-transform: uppercase;
    letter-spacing: 0.05em;
  }

  p,
  li,
  label {
    font-size: 17px;
    font-weight: 400;
    line-height: 28px;
  }

  strong {
    font-weight: 600;
  }

  em {
    font-style: italic;
  }

  .pl {
    font-family: "WISE", Helvetica, Arial, sans-serif !important;
    font-weight: 400;
    font-size: 23px;
    line-height: 28px;
  }

  .wysiwyg strong {
    font-family: "WISE", Helvetica, Arial, sans-serif !important;
    font-weight: 400;
    font-size: 23px;
    line-height: 28px;
  }

  .wysiwyg strong > a {
    font-family: "WISE", Helvetica, Arial, sans-serif !important;
    font-weight: 400;
    font-size: 23px;
    line-height: 28px;
    text-decoration: none;
    border-bottom: 1px solid var(--foreground);
  }

  .ps {
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
  }

  .caption {
    font-size: 12px;
  }

  button {
    font-size: 16px;
    font-weight: 400;
    line-height: 28px;
  }

  a {
    font-size: 17px;
    font-weight: 400;
    line-height: 32px;
  }
}

/* L - XL */
@media (min-width: 961px) {
  h1,
  .h1,
  h1 a,
  .h1 a {
    font-weight: 500;
    font-size: 40px;
    line-height: 44px;
  }

  h2,
  .h2 {
    font-weight: 300;
    font-size: 36px;
    line-height: 44px;
  }

  h3 {
    font-weight: 400;
    font-size: 27px;
    line-height: 32px;
  }

  h4,
  .h4 {
    font-weight: 400;
    font-size: 26px;
    line-height: 32px;
  }

  h5,
  .h5 {
    font-weight: 700;
    font-size: 24px;
    line-height: 28px;
  }

  h6,
  .preheader {
    font-weight: 700;
    font-size: 15px;
    line-height: 18px;
    text-transform: uppercase;
    letter-spacing: 0.05em;
  }

  p,
  li {
    font-size: 17px;
    font-weight: 400;
    line-height: 28px;
  }

  strong {
    font-weight: 600;
  }

  em {
    font-style: italic;
  }

  .pl {
    font-family: "WISE", Helvetica, Arial, sans-serif !important;
    font-weight: 400;
    font-size: 23px;
    line-height: 28px;
  }

  .wysiwyg strong {
    font-family: "WISE", Helvetica, Arial, sans-serif !important;
    font-weight: 400;
    font-size: 23px;
    line-height: 28px;
  }

  .wysiwyg strong > a {
    font-family: "WISE", Helvetica, Arial, sans-serif !important;
    font-weight: 400;
    font-size: 23px;
    line-height: 28px;
    text-decoration: none;
    border-bottom: 1px solid var(--foreground);
  }

  .ps {
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
  }

  .caption {
    font-size: 12px;
  }

  button {
    font-size: 16px;
    font-weight: 400;
    line-height: 28px;
  }

  a {
    font-size: 17px;
    font-weight: 400;
    line-height: 32px;
  }
}