/* Importing Satoshi Font */
@font-face {
    font-family: 'Satoshi';
    src: url('/fonts/satoshi/Satoshi-Regular.woff2') format('woff2'),
         url('/fonts/satoshi/Satoshi-Regular.woff') format('woff'),
         url('/fonts/satoshi/Satoshi-Regular.otf') format('opentype');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'Satoshi';
    src: url('/fonts/satoshi/Satoshi-Bold.woff2') format('woff2'),
         url('/fonts/satoshi/Satoshi-Bold.woff') format('woff'),
         url('/fonts/satoshi/Satoshi-Bold.otf') format('opentype');
    font-weight: 700;
    font-style: normal;
}

@font-face {
    font-family: 'Satoshi';
    src: url('/fonts/satoshi/Satoshi-Italic.woff2') format('woff2'),
         url('/fonts/satoshi/Satoshi-Italic.woff') format('woff'),
         url('/fonts/satoshi/Satoshi-Italic.otf') format('opentype');
    font-weight: 400;
    font-style: italic;
}



body {
    font-family: 'Satoshi', 'Work Sans', sans-serif;
}

h1, h2, h3, h4, h5, h6 {
    font-family: 'Satoshi', sans-serif;
    font-weight: 700; /* Bold by default */
}

p, span, a, button {
    font-family: 'Work Sans', sans-serif;
    font-weight: 400; /* Normal weight */
}

/* Hide scrollbar in WebKit-based browsers (Chrome, Safari, etc.) */
.scroll-hidden::-webkit-scrollbar {
    display: none;
  }
  
  /* Hide scrollbar in Firefox, IE, Edge */
  .scroll-hidden {
    -ms-overflow-style: none; /* IE and Edge */
    scrollbar-width: none;    /* Firefox */
  }