.toggleNavBackground {
  display: none;
  opacity: 0;
  transition:
    opacity 0.5s ease,
    display 0.5s ease allow-discrete;
}

@media (max-width: 1023px) {
  .toggleNavBackground.open {
    opacity: 1;
    display: block;
  }
}

@starting-style {
  .toggleNavBackground.open {
    opacity: 0;
  }
}

.scrollbar-hide::-webkit-scrollbar {
  display: none;
}

.inter {
  font-family: "Inter", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
}

.inter-medium {
  font-family: "Inter", sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  font-style: normal;
}

.inter-semibold {
  font-family: "Inter", sans-serif;
  font-optical-sizing: auto;
  font-weight: 600;
  font-style: normal;
}

.inter-bold {
  font-family: "Inter", sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
}