.slider-item{
    position: relative;
}

.slider .swiper-button-next{
    left: auto;
    right: 5px;
}

.slider .swiper-button-prev{
    right: auto;
    left: 5px;
}

.slider .swiper-button-next,
.slider .swiper-button-prev{
    opacity:0;
    visibility: hidden;
    transition: all ease 0.3s;
}

.slider .swiper-button-prev{
    transform: translateX(150%);
}

.slider .swiper-button-next{
    transform: translateX(-150%);
}

.slider:hover .swiper-button-prev,
.slider:hover .swiper-button-next{
    opacity:1;
    visibility: visible;
    transform: translateX(0);
}

.slider .swiper-button-prev:before,
.slider .swiper-button-prev:after,
.slider .swiper-button-next:before,
.slider .swiper-button-next:after{
    display: none;
}

.slider .swiper-pagination.slider-pagination {
    bottom: 70px;
}

.slider .slider-item{
    position: relative;
}

.slider .slider-item:before,
.slider .slider-item:after{
    content: "";
    position: absolute;
    top:0;
    bottom:0;
    left:0;
    right:0;
    z-index: 1;
}

.slider .slider-item:before{
    background-image: linear-gradient(260deg, var(--bs-light) 30%, transparent 70%);
}

.slider .slider-item:after{
    top:auto;
    height: 350px;
    background-image: linear-gradient(to top, var(--bs-light), transparent);
}

.slider .slider-item .slider--image{
    width:100%;
    object-fit: cover;
    height: 800px;
}

.slider .slider-item .slider-item--content{
    position: absolute;
    z-index: 2;
    left:0;
    right:0;
    top:0;
    bottom:30%;
    text-shadow: 1px 3px rgba(var(--bs-body-color-rgb), .1);
}