/* Smooth Scrolling */
html {
    scroll-behavior: smooth;
}

/* Hide Scrollbar but keep functionality */
.hide-scrollbar::-webkit-scrollbar {
    display: none;
}
.hide-scrollbar {
    -ms-overflow-style: none;
    scrollbar-width: none;
}

/* Animations Fade In */
.fade-in {
    opacity: 0;
    transform: translateY(30px);
    transition: opacity 0.8s ease-out, transform 0.8s ease-out;
}

.fade-in.visible {
    opacity: 1;
    transform: translateY(0);
}

.delay-100 { transition-delay: 0.1s; }
.delay-200 { transition-delay: 0.2s; }
.delay-300 { transition-delay: 0.3s; }

/* Logo Ticker Animation */
.logo-ticker-mask {
    mask-image: linear-gradient(to right, transparent, black 10%, black 90%, transparent);
    -webkit-mask-image: linear-gradient(to right, transparent, black 10%, black 90%, transparent);
}

.logo-ticker-track {
    animation: scroll 30s linear infinite;
}

@keyframes scroll {
    0% { transform: translateX(0); }
    100% { transform: translateX(-50%); } /* Assuming content is duplicated once */
}

.ticker-item {
    padding: 0 3rem;
    font-size: 1.5rem;
    font-weight: 700;
    color: #1D1A31;
    opacity: 0.6;
    filter: grayscale(100%);
    transition: all 0.3s;
}

.ticker-item:hover {
    opacity: 1;
    filter: grayscale(0%);
}

/* Spinner Animations for Process Section */
@keyframes spin-slow {
    to { transform: rotate(360deg); }
}
@keyframes reverse-spin-slow {
    to { transform: rotate(-360deg); }
}

.animate-spin-slow {
    animation: spin-slow 30s linear infinite;
}
.animate-reverse-spin-slow {
    animation: reverse-spin-slow 20s linear infinite;
}

/* Modal Animations */
.modal-enter .modal-content {
    transform: scale(100%);
    opacity: 1;
}

.modal-enter .modal-overlay {
    opacity: 1;
}