@media (max-width: 767px) {

    .portfolio-mobile-carousel {
        position: relative;
        overflow: hidden;
    }

    .portfolio-mobile-carousel .swiper-wrapper__five-block {
        display: flex;
        gap: 16px;

        overflow-x: auto;
        overflow-y: hidden;

        scroll-snap-type: x mandatory;
        scroll-behavior: smooth;

        -webkit-overflow-scrolling: touch;

        margin: 0;
        padding: 0 0 20px;

        transform: none !important;
    }

    .portfolio-mobile-carousel .swiper-slide {
        flex: 0 0 100%;
        width: 100% !important;
        max-width: 100%;

        scroll-snap-align: start;

        transform: none !important;
    }

    .portfolio-mobile-carousel .swiper-wrapper__five-block::-webkit-scrollbar {
        display: none;
    }

    .portfolio-mobile-carousel .swiper-wrapper__five-block {
        scrollbar-width: none;
    }

    .portfolio-mobile-carousel__controls {
        display: flex;
        justify-content: space-between;
        align-items: center;
        gap: 12px;

        margin-top: 10px;
    }

    .portfolio-mobile-carousel__prev,
    .portfolio-mobile-carousel__next {
        display: flex;
        align-items: center;
        justify-content: center;

        width: 44px;
        height: 44px;

        padding: 0;

        border: 1px solid rgba(255,255,255,.5);
        border-radius: 50%;

        background: transparent;
        color: #fff;

        font-size: 20px;
        line-height: 1;

        cursor: pointer;
    }

    .portfolio-mobile-carousel__prev:disabled,
    .portfolio-mobile-carousel__next:disabled {
        opacity: .35;
        cursor: default;
    }
}