@font-face {
    font-family: "Inter";
    src: url("fonts/Inter-Bold.woff2") format("woff2"),
        url("fonts/Inter-Bold.woff") format("woff");
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Inter";
    src: url("fonts/Inter-Regular.woff2") format("woff2"),
        url("fonts/Inter-Regular.woff") format("woff");
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Inter";
    src: url("fonts/Inter-Medium.woff2") format("woff2"),
        url("fonts/Inter-Medium.woff") format("woff");
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Inter";
    src: url("fonts/Inter-Light.woff2") format("woff2"),
        url("fonts/Inter-Light.woff") format("woff");
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

/*

    color 1 -> black or very dark
    color 2 -> 10-20% lighter than color 1
    color 3 -> abstract color for highlights like red, blue, orange
    color 4 -> white or almost white
    color 5 -> something a little bit darker than color 4

*/

.FSZ {
    font-size: 150% !important;
}

.COLOR-1 {
    color: #020402;
}

.COLOR-2 {
    color: #0E1B0E;
}

.COLOR-3 {
    color: #61D17D;
}

.COLOR-4 {
    color: #FFFFFF;
}

.COLOR-5 {
    color: #EBEBEB;
}

.FILL-1 {
    fill: #020402;
}

.FILL-2 {
    fill: #0E1B0E;
}

.FILL-3 {
    fill: #61D17D;
}

.FILL-4 {
    fill: #FFFFFF;
}

.FILL-5 {
    fill: #EBEBEB;
}

.BG-COLOR-1 {
    background-color: #020402 !important;
}

.BG-COLOR-2 {
    background-color: #0E1B0E !important;
}

.BG-COLOR-3 {
    background-color: #61D17D !important;
}

.BG-COLOR-4 {
    background-color: #FFFFFF !important;
}

.BG-COLOR-5 {
    background-color: #EBEBEB !important;
}

.BORDER-COLOR-1 {
    border-color: #020402;
}

.BORDER-COLOR-2 {
    border-color: #0E1B0E;
}

.BORDER-COLOR-3 {
    border-color: #61D17D;
}

.BORDER-COLOR-4 {
    border-color: #FFFFFF;
}

.BORDER-COLOR-5 {
    border-color: #EBEBEB;
}

body {
    font-family: "Inter", sans-serif;
}

.FONT-300 {
    font-family: "Inter", sans-serif;   
    font-weight: 300;
}

.FONT-400, body {
    font-family: "Inter", sans-serif;   
    font-weight: 400;
}

.FONT-500 {
    font-family: "Inter", sans-serif;
    font-weight: 500;
}

.FONT-700, strong {
    font-family: "Inter", sans-serif;
    font-weight: 700;
}

.splide__slide {
    display: flex;
    align-items: center;
}

.FLICK-AVOID {
    page-break-before: always;
    page-break-inside: avoid;
}

.lds-ring {
  position: relative;
  width: 80px;
  height: 80px;
}
.lds-ring div {
  box-sizing: border-box;
  display: block;
  position: absolute;
  width: 64px;
  height: 64px;
  margin: 8px;
  border: 8px solid #fff;
  border-radius: 50%;
  animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
  border-color: #fff transparent transparent transparent;
}
.lds-ring div:nth-child(1) {
  animation-delay: -0.45s;
}
.lds-ring div:nth-child(2) {
  animation-delay: -0.3s;
}
.lds-ring div:nth-child(3) {
  animation-delay: -0.15s;
}
@keyframes lds-ring {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}