.acf-block-preview .block-slider .swiper-acf-block-default .swiper-wrapper {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 15px;

}

.acf-block-preview .block-slider .swiper-acf-block-default .swiper-slide a,
.acf-block-preview .block-slider .swiper-acf-block-default .swiper-slide img {
    display: block;
    pointer-events: none;
}

.block-slider .swiper-slide img{
    display: block;
    width: 100%;
    height: 16.6vw;
    object-fit: cover;
    border-radius: 20px;
}

.block-slider__controls{
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 14px;
    margin-top: 32px;
}

.block-slider__nav>.slider-btn{
    display: flex;
    border: 0;
    outline: 0;
    background-color: #f6f6f9;
    padding: 14px;
    border-radius: 50%;
    transition: all .3s;
    cursor: pointer;
}

.block-slider__nav>.slider-btn:disabled,
.block-slider__nav>.slider-btn.swiper-button-disabled{
    opacity: .45;
    cursor: default;
    pointer-events: none;
}

.block-slider__nav>.slider-btn svg{
    path{
        transition: all .3s;
    }
}

.block-slider__nav>.slider-btn:not(.swiper-button-disabled):hover{
    background-color: #223b82;;
}

.block-slider__nav>.slider-btn:not(.swiper-button-disabled):hover svg{
    path{
        stroke: #f6f6f9;
    }
}

.block-slider .swiper-pagination{
    position: relative;
    display: flex;
    align-items: center;
    height: 4px;
    line-height: 0;
}

.block-slider .swiper-pagination-indicator{
    position: absolute;
    top: 0;
    left: 0;
    height: 4px;
    background-color: #223b82;
    border-radius: 4px;
    z-index: 2;
    pointer-events: none;
    transform: none;
    transition: left 600ms ease, width 600ms ease;
    will-change: left, width;
}

.block-slider .swiper-horizontal>.swiper-pagination-bullets,
.block-slider .swiper-pagination-bullets.swiper-pagination-horizontal{
    position: static;
    text-align: left;
}

.block-slider .swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,
.block-slider .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{
    margin: 0 !important;
}

.block-slider .swiper-pagination>.swiper-pagination-bullet{
    position: relative;
    z-index: 1;
    display: block;
    flex: 0 0 auto;
    border-radius: 0;
    width: 50px;
    height: 4px;
    background-color: #f6f6f9;
    opacity: 1;
}

.block-slider .swiper-pagination>.swiper-pagination-bullet:first-child{
    border-radius: 4px 0 0 4px;
}

.block-slider .swiper-pagination>.swiper-pagination-bullet:last-child{
    border-radius:  0 4px 4px 0;
}

.block-slider .swiper-pagination>.swiper-pagination-bullet-active{
    background-color: #f6f6f9;
}

.block-slider__nav{
    display: flex;
    align-items: center;
    gap: 14px;
}

@media screen and (max-width: 1200px) {
    .block-slider .swiper-slide img{
        height: 20.1vw;
        border-radius: 14px;
    }
    
    .block-slider__controls{
        margin-top: 20px;
    }
    
    .block-slider__nav>.slider-btn{
        padding: 11px;
    }

    .block-slider__nav>.slider-btn svg{
        width: 18px;
        height: 18px;

    }
    
    .block-slider .swiper-pagination{
        height: 2px;
    }
    
    .block-slider .swiper-pagination-indicator{
        height: 2px;
        background-color: #223b82;
        border-radius: 2px;
    }

    .block-slider .swiper-pagination>.swiper-pagination-bullet{
        height: 2px;
    }
    
    .block-slider__nav{
        gap: 14px;
    }
}

@media screen and (max-width: 768px) {
    .block-slider .swiper-slide img{
        height: 53.4vw;
        border-radius: 10px;
    }

    .block-slider__nav>.slider-btn{
        padding: 8px;
    }
}