/* Thin (100) */
@font-face {
  font-family: "Exo 2";
  src: url("../fonts/Exo_2/static/Exo2-Thin.ttf") format("truetype");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Exo 2";
  src: url("../fonts/Exo_2/static/Exo2-ThinItalic.ttf") format("truetype");
  font-weight: 100;
  font-style: italic;
  font-display: swap;
}

/* ExtraLight (200) */
@font-face {
  font-family: "Exo 2";
  src: url("../fonts/Exo_2/static/Exo2-ExtraLight.ttf") format("truetype");
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Exo 2";
  src: url("../fonts/Exo_2/static/Exo2-ExtraLightItalic.ttf") format("truetype");
  font-weight: 200;
  font-style: italic;
  font-display: swap;
}

/* Light (300) */
@font-face {
  font-family: "Exo 2";
  src: url("../fonts/Exo_2/static/Exo2-Light.ttf") format("truetype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Exo 2";
  src: url("../fonts/Exo_2/static/Exo2-LightItalic.ttf") format("truetype");
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}

/* Regular (400) */
@font-face {
  font-family: "Exo 2";
  src: url("../fonts/Exo_2/static/Exo2-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Exo 2";
  src: url("../fonts/Exo_2/static/Exo2-Italic.ttf") format("truetype");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}

/* Medium (500) */
@font-face {
  font-family: "Exo 2";
  src: url("../fonts/Exo_2/static/Exo2-Medium.ttf") format("truetype");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Exo 2";
  src: url("../fonts/Exo_2/static/Exo2-MediumItalic.ttf") format("truetype");
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}

/* SemiBold (600) */
@font-face {
  font-family: "Exo 2";
  src: url("../fonts/Exo_2/static/Exo2-SemiBold.ttf") format("truetype");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Exo 2";
  src: url("../fonts/Exo_2/static/Exo2-SemiBoldItalic.ttf") format("truetype");
  font-weight: 600;
  font-style: italic;
  font-display: swap;
}

/* Bold (700) */
@font-face {
  font-family: "Exo 2";
  src: url("../fonts/Exo_2/static/Exo2-Bold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Exo 2";
  src: url("../fonts/Exo_2/static/Exo2-BoldItalic.ttf") format("truetype");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}

/* ExtraBold (800) */
@font-face {
  font-family: "Exo 2";
  src: url("../fonts/Exo_2/static/Exo2-ExtraBold.ttf") format("truetype");
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Exo 2";
  src: url("../fonts/Exo_2/static/Exo2-ExtraBoldItalic.ttf") format("truetype");
  font-weight: 800;
  font-style: italic;
  font-display: swap;
}

/* Black (900) */
@font-face {
  font-family: "Exo 2";
  src: url("../fonts/Exo_2/static/Exo2-Black.ttf") format("truetype");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Exo 2";
  src: url("../fonts/Exo_2/static/Exo2-BlackItalic.ttf") format("truetype");
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}

.ac-number-semibold {
  font-family: "Exo 2", sans-serif;
  font-weight: 600;
  font-size: 260px;
  line-height: 100%;
  letter-spacing: 0;
}

.ac-maintitle-bold {
  font-family: "Exo 2", sans-serif;
  font-weight: 700;
  font-size: 48px;
  line-height: 100%;
  letter-spacing: 0;
}
.mobile-ac-maintitle-bold {
  font-family: "Exo 2", sans-serif;
  font-weight: 700;
  font-size: 48px;
  line-height: 52px;
  letter-spacing: 0;
}
.mobile-ac-number-bold {
  font-family: "Exo 2", sans-serif;
  font-weight: 700;
  font-size: 48px;
  line-height: 52px;
  letter-spacing: 0;
}
.ac-title-semibold {
  font-family: "Exo 2", sans-serif;
  font-weight: 600;
  font-size: 30px;
  line-height: 100%;
  letter-spacing: 0;
}
.title-medium {
  font-family: "Roboto", sans-serif;
  font-weight: 500;
  font-size: 26px;
  line-height: 100%;
  letter-spacing: 0;
}
.ac-main-semibold {
  font-family: "Exo 2", sans-serif;
  font-weight: 600;
  font-size: 18px;
  line-height: 100%;
  letter-spacing: 0;
}
.mobile-ac-main-semibold {
  font-family: "Exo 2", sans-serif;
  font-weight: 600;
  font-size: 16px;
  line-height: 100%;
  letter-spacing: 0;
}
.main-medium {
  font-family: "Roboto", sans-serif;
  font-weight: 500;
  font-size: 18px;
  line-height: 100%;
  letter-spacing: 0;
}
.main-regular {
  font-family: "Roboto", sans-serif;
  font-weight: 400;
  font-size: 18px;
  line-height: 100%;
  letter-spacing: 0;
}
.caption-medium {
  font-family: "Roboto", sans-serif;
  font-weight: 500;
  font-size: 16px;
  line-height: 100%;
  letter-spacing: 0;
}
.caption-regular {
  font-family: "Exo 2", sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 100%;
  letter-spacing: 0;
}
.extra-caption-regular {
  font-family: "Roboto", sans-serif;
  font-weight: 400;
  font-size: 12px;
  line-height: 100%;
  letter-spacing: 0;
}