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

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

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

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

  body {
    font-family: "Aptos Narrow", sans-serif !important;
  }

@keyframes scrollHorizontal {
    0% { transform: translateX(0); }
    100% { transform: translateX(-50%); }
}

.animate-scroll-horizontal {
    animation: scrollHorizontal 60s linear infinite;
}

/* Hide scrollbars for all browsers */
.scrollbar-hide {
  -ms-overflow-style: none;  /* IE/Edge */
  scrollbar-width: none;     /* Firefox */
}
.scrollbar-hide::-webkit-scrollbar {
  display: none;             /* Chrome, Safari */
}

@keyframes fade-in {
  from { opacity: 0; transform: translateY(20px); }
  to { opacity: 1; transform: translateY(0); }
}

.animate-fade-in {
  animation: fade-in 0.8s ease-out both;
}