@font-face {
  font-family: 'Lufga';
  src: url('/fonts/Lufga/LufgaThin.ttf') format('truetype');
  font-weight: 100;
  font-style: normal;
}
@font-face {
  font-family: 'Lufga';
  src: url('/fonts/Lufga/LufgaThinItalic.ttf') format('truetype');
  font-weight: 100;
  font-style: italic;
}

@font-face {
  font-family: 'Lufga';
  src: url('/fonts/Lufga/LufgaExtraLight.ttf') format('truetype');
  font-weight: 200;
  font-style: normal;
}
@font-face {
  font-family: 'Lufga';
  src: url('/fonts/Lufga/LufgaExtraLightItalic.ttf') format('truetype');
  font-weight: 200;
  font-style: italic;
}

@font-face {
  font-family: 'Lufga';
  src: url('/fonts/Lufga/LufgaLight.ttf') format('truetype');
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: 'Lufga';
  src: url('/fonts/Lufga/LufgaLightItalic.ttf') format('truetype');
  font-weight: 300;
  font-style: italic;
}

@font-face {
  font-family: 'Lufga';
  src: url('./fonts/Lufga/LufgaRegular.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: 'Lufga';
  src: url('/fonts/Lufga/LufgaItalic.ttf') format('truetype');
  font-weight: 400;
  font-style: italic;
}

@font-face {
  font-family: 'Lufga';
  src: url('/fonts/Lufga/LufgaMedium.ttf') format('truetype');
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: 'Lufga';
  src: url('/fonts/Lufga/LufgaMediumItalic.ttf') format('truetype');
  font-weight: 500;
  font-style: italic;
}

@font-face {
  font-family: 'Lufga';
  src: url('/fonts/Lufga/LufgaSemiBold.ttf') format('truetype');
  font-weight: 600;
  font-style: normal;
}
@font-face {
  font-family: 'Lufga';
  src: url('/fonts/Lufga/LufgaSemiBoldItalic.ttf') format('truetype');
  font-weight: 600;
  font-style: italic;
}

@font-face {
  font-family: 'Lufga';
  src: url('/fonts/Lufga/LufgaBold.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: 'Lufga';
  src: url('/fonts/Lufga/LufgaBoldItalic.ttf') format('truetype');
  font-weight: 700;
  font-style: italic;
}

@font-face {
  font-family: 'Lufga';
  src: url('/fonts/Lufga/LufgaExtraBold.ttf') format('truetype');
  font-weight: 800;
  font-style: normal;
}
@font-face {
  font-family: 'Lufga';
  src: url('/fonts/Lufga/LufgaExtraBoldItalic.ttf') format('truetype');
  font-weight: 800;
  font-style: italic;
}

@font-face {
  font-family: 'Lufga';
  src: url('/fonts/Lufga/LufgaBlack.ttf') format('truetype');
  font-weight: 900;
  font-style: normal;
}
@font-face {
  font-family: 'Lufga';
  src: url('/fonts/Lufga/LufgaBlackItalic.ttf') format('truetype');
  font-weight: 900;
  font-style: italic;
}

html {
  scroll-behavior: smooth;
  width: 100vw !important;
}
body {
  font-family: 'Lufga' !important;
}
* {
  scrollbar-width: thin; /* Firefox */
  scrollbar-color: #ccc transparent;
}

/* WebKit (Chrome, Edge, Safari) */
*::-webkit-scrollbar {
  width: 3px;
}

*::-webkit-scrollbar-track {
  background: transparent;
}

*::-webkit-scrollbar-thumb {
  background-color: #ccc;
  border-radius: 3px;
}

.card.expanded .overlay {
  opacity: 1 !important;
  pointer-events: auto;
}
.card.expanded .bg-image {
  opacity: 1 !important;
}

.card-plan.expanded {
  background-image: none;
  background-color: #e8fd8a;
  color: #37590c;
}