.hero-slider{
    position:relative;
    height:650px;
    overflow: hidden;
	
}

.hero-slider .swiper-slide{
    position:relative;
}

.hero-slider img{
    width:100%;
    height:650px;
    object-fit: cover;
    display: block;
}
.swiper-slide::before{
    content: "";
    position: absolute;
    inset: 0;
    z-index: 1;
    pointer-events: none;

    background: linear-gradient(
        90deg,
        rgba(27, 61, 68, .85) 0%,
        rgba(27, 61, 68, .65) 25%,
        rgba(27, 61, 68, .35) 50%,
        rgba(27, 61, 68, 0) 100%
    );
}

.hero-content{
    position:absolute;
    left:8%;
	right:8%;
    top:50%;
    transform:translateY(-50%);
    max-width:620px;
    color:#fff;
    z-index:5;
}

.hero-content h1,
.hero-content h2{
    display: inline-block;
    color: #fdc851;
    font-size: 14px!important;
    font-weight: 700;
    text-transform: uppercase;
}

.hero-content .subtitle{
    margin-bottom: 20px;
    font-size: clamp(30px, 5vw, 45px);
    font-weight: 700;
    line-height: 1.1;
    color: #f8f8fa;
    letter-spacing: -.03em;
}

.hero-content p{

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

/* Общие стили */
.hero-slider .swiper-button-next,
.hero-slider .swiper-button-prev{
    width: 44px;
    height: 44px;
    margin-top: -22px;
}

/* Рисуем стрелки */
.hero-slider .swiper-button-next::before,
.hero-slider .swiper-button-prev::before{
    content: "";
    display: block;
    width: 18px;
    height: 18px;
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
    transition: all .25s ease;
}

/* Вправо */
.hero-slider .swiper-button-next::before{
    transform: rotate(45deg);
}

/* Влево */
.hero-slider .swiper-button-prev::before{
    transform: rotate(-135deg);
}

/* Анимация */
.hero-slider .swiper-button-next:hover::before{
    transform: rotate(45deg) translate(3px,-3px);
}

.hero-slider .swiper-button-prev:hover::before{
    transform: rotate(-135deg) translate(-3px,3px);
}

/* Мобильная версия */
@media (max-width:767px){
    .hero-slider .swiper-button-next,
    .hero-slider .swiper-button-prev{
        display:none;
    }
}