.swiper-navigation {
    display: flex;
    align-items: center;
    gap: 20px;
}

.swiper-nav-btn {
    width: 64px;
    height: 64px;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 2px solid #202029;
    background: #202029;
    border-radius: 100%;
    transition: all 0.3s ease;
    cursor: pointer;
}

.swiper-nav-btn:hover {
    background: #FF5A46;
    border-color: #FF5A46;
}

.swiper-scrollbar-wrapper {
    display: none;
}

@media screen and (max-width: 1023.98px) {
    .swiper-scrollbar-wrapper {
        padding: 1px;
        position: relative;
        border-radius: 10px;
        width: calc(100% - 100px);
        margin: 25px auto 0 auto;
        display: block;
    }

    .swiper-horizontal>.swiper-scrollbar, .swiper-scrollbar.swiper-scrollbar-horizontal {
        background: #DEE3ED;
        position: relative;
    }
    .swiper-horizontal>.swiper-scrollbar, .swiper-scrollbar.swiper-scrollbar-horizontal {
        border-radius: 10px;
    }

    .swiper-scrollbar-drag {
        background: #202029;
        border-radius: 10px;
        position: relative;
        height: 7px;
    }
}