html {
    scroll-behavior: smooth;
    scroll-padding-top: 80px;
}

.gallery-slide {
    display: none;
    animation: fadeIn 0.8s ease-in-out;
}

.gallery-slide.active {
    display: block;
}

@keyframes fadeIn {
    from {
        opacity: 0.4;
        transform: scale(0.98);
    }

    to {
        opacity: 1;
        transform: scale(1);
    }
}

.dot.active {
    transform: scale(1.3);
}

.dot {
    transition: all 0.3s ease;
}

.dot:hover {
    transform: scale(1.2);
}