h1, h2, h3, h4, h5, h6, h1 span, h2 span, h3 span, h4 span, h5 span, h6 span {
  font-family: 'Satoshi', sans-serif;
  color: var(--color-5);
  font-weight: 700;
}

#sidebar-menu ul li a, #sidebar-menu .item-menu .badge {
  font-family: 'Satoshi', sans-serif !important;
  font-weight: 400 !important;
}

h1 {
  font-size: 59.30px;
}

h2 {
  font-size: 36.65px;
  margin-bottom: 16px;
}

h3 {
  font-size: 22.65px;
}

h4, h5, h6 {
  font-size: 14px;
}

@media only screen and (max-width: 1440px) {
  h2 {
    font-size: 36.65px;
  }
}

@media only screen and (max-width: 991px) {
  h1 {
    font-size: 36.65px;
  }

  h2 {
    font-size: 36.65px;
  }

  h3 {
    font-size: 22.65px;
  }
}

@media only screen and (max-width: 400px) {
  h1 {
    font-size: 36.65px;
  }
  h2 {
    font-size: 22.65px;
  }
}

body, .apexcharts-xaxis text, .apexcharts-yaxis text {
  font-family: 'Satoshi', sans-serif !important;
}

/**
 * @license
 *
 * Font Family: Satoshi
 * Designed by: Deni Anggara
 * URL: https://www.fontshare.com/fonts/satoshi
 * © 2023 Indian Type Foundry
 *
 * Font Styles:
 * Satoshi Regular
 * Satoshi Italic
 * Satoshi Bold
 *
*/

@font-face {
  font-family: 'Satoshi';
  src: url('/public/assets/fonts/Satoshi-Regular.woff2') format('woff2');
       font-weight: 400;
       font-display: swap;
       font-style: normal;
}

@font-face {
  font-family: 'Satoshi';
  src: url('/public/assets/fonts/Satoshi-Italic.woff2') format('woff2');
       font-weight: 400;
       font-display: swap;
       font-style: italic;
}


@font-face {
  font-family: 'Satoshi';
  src: url('/public/assets/fonts/Satoshi-Bold.woff2') format('woff2');
       font-weight: 700;
       font-display: swap;
       font-style: normal;
}