/* Custom styles untuk efek overlay dan animasi */
html {
  scroll-behavior: smooth;
}

@font-face {
  font-family: 'Figtree';
  src: url('/font/Figtree/static/Figtree-Regular.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: 'Figtree';
  src: url('/font/Figtree/static/Figtree-Medium.ttf') format('truetype');
  font-weight: 500;
  font-style: normal;
}

@font-face {
  font-family: 'Figtree';
  src: url('/font/Figtree/static/Figtree-SemiBold.ttf') format('truetype');
  font-weight: 600;
  font-style: normal;
}

@font-face {
  font-family: 'Figtree';
  src: url('/font/Figtree/static/Figtree-Bold.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
}

/* Italic contoh */
@font-face {
  font-family: 'Figtree';
  src: url('/font/Figtree/static/Figtree-Italic.ttf') format('truetype');
  font-weight: 400;
  font-style: italic;
}

body, h1, h2, h3, h4, h5, h6, p, div {
    font-family: 'Figtree', sans-serif;
}

body, p {
    color: #414140 ;
}

.banner-overlay {
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.7));
}

/* Animasi sliding untuk sponsor */
@keyframes slide-left {
    0% {
        transform: translateX(0);
    }

    100% {
        transform: translateX(-50%);
    }
}

.sponsor-track {
    animation: slide-left 30s linear infinite;
    display: flex;
    width: fit-content;
}

/* Efek blur putih di sisi kiri dan kanan */
.slider-fade-container {
    position: relative;
    /* Diperlukan untuk positioning pseudo-elements */
    overflow: hidden;
    /* Menyembunyikan bagian yang keluar dari container */
}

.slider-fade-container::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 150px;
    /* Lebar area blur */
    height: 100%;
    background: linear-gradient(to right, rgba(255, 255, 255, 1), rgba(255, 255, 255, 0));
    z-index: 20;
    /* Pastikan di atas slider */
}

.slider-fade-container::after {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    width: 150px;
    /* Lebar area blur */
    height: 100%;
    background: linear-gradient(to left, rgba(255, 255, 255, 1), rgba(255, 255, 255, 0));
    z-index: 20;
    /* Pastikan di atas slider */
}