:root {
  --theme_shadow_10: 0px 6px 6px -3px rgba(0, 0, 0, 0.2), 0px 10px 14px 1px rgba(0, 0, 0, 0.14),
    0px 4px 18px 3px rgba(0, 0, 0, 0.12);
  --theme_palette_dark_grey_1: rgb(33, 39, 49);
  --theme_palette_background_paper: #fff;
  --theme_palette_primary_main: #0876cc;
  --theme_font_family: "Roboto", Tahoma, Helvetica, system-ui, "Segoe UI", sans-serif;

}

h1,
h2,
h3,
h4,
h5,
h6,
p,
span,
a,
ul,
li {
  margin: 0;
  padding: 0;
}

/* Body 1 */
.theme_typography_body1 {
  font-weight: 400;
  font-size: 1rem;
  line-height: 1.3;
  letter-spacing: normal;
}

/* Title 4 */
.theme_typography_title4 {
  font-weight: 500;
  font-size: 1.125rem;
  line-height: 1.2;
}
@media (min-width: 600px) {
  .theme_typography_title4 {
    font-size: 1.1836rem;
  }
}
@media (min-width: 960px) {
  .theme_typography_title4 {
    font-size: 1.2188rem;
  }
}
@media (min-width: 1280px) {
  .theme_typography_title4 {
    font-size: 1.25rem;
  }
}

/* H2 PROMO */
.theme-typography_h2promo {
  font-weight: 600;
  font-size: 1.5rem;
  line-height: 1.2;
}
@media (min-width: 600px) {
  .theme-typography_h2promo {
    font-size: 1.7344rem;
  }
}

@media (min-width: 960px) {
  .theme-typography_h2promo {
    font-size: 1.875rem;
  }
}

@media (min-width: 1280px) {
  .theme-typography_h2promo {
    font-size: 2rem;
  }
}


/* H2 */
.theme_typography_h2 {
  font-weight: 500;
  font-size: 1.25rem;
  line-height: 1.2;
  letter-spacing: normal;
}
@media (min-width: 600px) {
  .theme_typography_h2 {
    font-size: 1.3672rem;
  }
}
@media (min-width: 960px) {
  .theme_typography_h2 {
    font-size: 1.4375rem;
  }
}
@media (min-width: 1280px) {
  .theme_typography_h2 {
    font-size: 1.5rem;
  }
}

/* H3 */

.theme_typography_h3 {
  font-weight: 500;
  font-size: 1.125rem;
  line-height: 1.2;
  font-family: var(--theme_font_family);
  letter-spacing: normal;
}

@media (min-width: 600px) {
  .theme_typography_h3 {
    font-size: 1.1836rem;
  }
}
@media (min-width: 960px) {
  .theme_typography_h3 {
    font-size: 1.2188rem;
  }
}
@media (min-width: 1280px) {
  .theme_typography_h3 {
    font-size: 1.25rem;
  }
}

/* H4 */
.theme_typography_h4 {
    font-weight: 500;
    font-size: 1.0625rem;
    line-height: 1.3;
    font-family: var(--theme_font_family);
    letter-spacing: "normal";
  }
  @media (min-width: 600px) {
    .theme_typography_h4 {
      font-size: 1.0918rem;
    }
  }
  @media (min-width: 960px) {
    .theme_typography_h4 {
      font-size: 1.1094rem;
    }
  }
  @media (min-width: 1280px) {
    .theme_typography_h4 {
      font-size: "1.125rem";
    }
  }