@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@100;200;300;400;500;600;700;800;900&family=Roboto:wght@100;300;400;500;700;900&display=swap');


html {
    overflow-x: hidden;
    scroll-behavior: smooth;
}

body {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: "Montserrat", "Roboto", sans-serif;
}


h1, h2, h3, h4, h5, h6 {
    margin: 0;
    padding: 0;
}

ul, li {
    list-style: none;
}

a {
    text-decoration: none;
}

section {
    margin-bottom: 1rem;
}


#sidebar {
    transition: transform 0.3s ease-in-out;
    transform: translateX(100%);
}

#sidebar.active {
    transform: translateX(0);
}

.swiper-pagination {
    position: relative !important;
}

.swiper-pagination-bullet {
    width: 15px !important;
    height: 15px !important;
    background-color: #242582 !important;
}

@keyframes moveUpAndDown {
    0% {
        transform: translateY(-1000px);
        opacity: 0;
    }
    50% {
        transform: translateY(-500px);
        opacity: 0.4;
    }
    100% {
        transform: translateY(0);
        opacity: 1;
    }
}

.loader-element {
    animation-duration: 2s; /* Длительность анимации */
    animation-timing-function: ease-in-out; /* Тип анимации */
    animation-fill-mode: forwards; /* Удерживает состояние анимации после ее завершения */
    opacity: 0;
}

.k-element {
    animation-name: moveUpAndDown;
    animation-delay: 0s;
}

.i-element_first {
    animation-name: moveUpAndDown;
    animation-delay: 1s;

}

.l-element {
    animation-name: moveUpAndDown;
    animation-delay: 2s;
}

.i-element_last {
    animation-name: moveUpAndDown;
    animation-delay: 3s;
}