@font-face {
  font-family: "Diodrum Semibold";
  src: url("../../fonts/diodrum-cyrillic-semibold.eot");
  src: url("../../fonts/diodrum-cyrillic-semibold.eot?#iefix")
      format("embedded-opentype"),
    url("../../fonts/diodrum-cyrillic-semibold.woff2") format("woff2"),
    url("../../fonts/diodrum-cyrillic-semibold.woff") format("woff");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Diodrum Medium";
  src: url("/fonts/DiodrumCyrillic-Medium.eot");
  src: url("/fonts/DiodrumCyrillic-Medium.eot?#iefix")
      format("embedded-opentype"),
    url("/fonts/DiodrumCyrillic-Medium.woff2") format("woff2"),
    url("/fonts/DiodrumCyrillic-Medium.woff") format("woff");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Diodrum Extralight";
  src: url("../../fonts/DiodrumCyrillic-Extralight.eot");
  src: url("../../fonts/DiodrumCyrillic-Extralight.eot?#iefix")
      format("embedded-opentype"),
    url("../../fonts/DiodrumCyrillic-Extralight.woff2") format("woff2"),
    url("../../fonts/DiodrumCyrillic-Extralight.woff") format("woff");
  font-weight: 250;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Diodrum Regular";
  src: url("../../fonts/DiodrumCyrillic-Regular.eot");
  src: url("../../fonts/DiodrumCyrillic-Regular.eot?#iefix")
      format("embedded-opentype"),
    url("../../fonts/DiodrumCyrillic-Regular.woff2") format("woff2"),
    url("../../fonts/DiodrumCyrillic-Regular.woff") format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Onder";
  src: url("../../fonts/ONDER-REGULAR.woff2") format("woff2"),
    url("../../fonts/ONDER-REGULAR.TTF") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

.dio-medium {
  font-family: "Diodrum Medium", sans-serif;
  font-weight: 500;
}

.dio-regular {
  font-family: "Diodrum Regular", sans-serif;
  font-weight: 400;
}

.dio-extra-light {
  font-family: "Diodrum Extralight", Arial, sans-serif;
  font-weight: 250;
}

.onder {
  font-family: "Onder", sans-serif;
  font-size: 16px;
}

.padding-button {
  padding: var(--padding-button);
}

.padding-small-button{
  padding: var(--padding-sm) var(--padding-xl) !important;
  min-height: unset !important;
}

.padding-sm {
  padding: var(--padding-sm);
}

.padding-base {
  padding: var(--padding-base);
}

.padding-lg {
  padding: var(--padding-lg);
}

.padding-xl {
  padding: var(--padding-xl);
}

.padding-title {
  padding: var(--padding-title);
}

.margin-title {
  margin: var(--padding-base) var(--padding-lg);
}