.he-case-slider{
padding:100px 0;
overflow:hidden;
}

.he-heading{
text-align:center;
margin-bottom:20px;
}

.he-description{
text-align:center;
max-width:850px;
margin:0 auto 70px;
}

.he-slider{
margin:0 -12px;
}

.he-slide{
padding:0 12px;
}

.he-card{
position:relative;
display:block;
height:540px;
border-radius:24px;
overflow:hidden;
text-decoration:none;
background:linear-gradient(
135deg,
#323761 0%,
#242948 100%
);
transition:all .35s ease;
}

.he-card:hover{
transform:translateY(-10px);
}

.he-card-bg{
position:absolute;
inset:0;
width:100%;
height:100%;
object-fit:cover;
transition:transform .5s ease;
}

.he-card:hover .he-card-bg{
transform:scale(1.08);
}

.he-overlay{
position:absolute;
inset:0;
background:linear-gradient(
180deg,
rgba(0,0,0,.15) 0%,
rgba(0,0,0,.80) 100%
);
z-index:1;
}

.he-card-content{
position:relative;
z-index:2;
height:100%;
display:flex;
align-items:flex-end;
padding:32px;
}

.he-bottom-content{
width:100%;
}

.he-title h1,
.he-title h2,
.he-title h3,
.he-title h4,
.he-title h5,
.he-title h6,
.he-title p{
color:#fff;
margin:0;
font-size:28px;
line-height:1.35;
font-weight:600;
}

.he-arrow{
width:58px;
height:58px;
margin-top:24px;
border-radius:50%;
background:#FF7A59;
color:#fff;


display:flex;
align-items:center;
justify-content:center;

font-size:24px;
font-weight:700;

transition:.3s ease;


}

.he-card:hover .he-arrow{
transform:translateX(5px);
}

.slick-list{
overflow:visible;
}

.slick-track{
display:flex;
}

.slick-slide{
height:inherit;
}

.slick-slide > div{
height:100%;
}

.slick-prev,
.slick-next{
width:56px;
height:56px;
background:#323761;
border-radius:50%;
z-index:5;
}

.slick-prev:hover,
.slick-next:hover

.slick-prev{
left:-10px;
}

.slick-next{
right:-10px;
}

.slick-prev:before,
.slick-next:before{
color:#fff;
opacity:1;
font-size:20px;
}

@media(max-width:1024px){


.he-card{
    height:500px;
}

.he-title h1,
.he-title h2,
.he-title h3,
.he-title h4,
.he-title h5,
.he-title h6,
.he-title p{
    font-size:24px;
}


}

@media(max-width:767px){


.he-case-slider{
    padding:70px 0;
}

.he-description{
    margin-bottom:40px;
}

.he-card{
    height:420px;
}

.he-card-content{
    padding:24px;
}
  
  .he-card{
        height:460px;
    }

    .he-card-bg{
        object-fit:cover;
        object-position:top center;
    }

}

.he-title h1,
.he-title h2,
.he-title h3,
.he-title h4,
.he-title h5,
.he-title h6,
.he-title p{
    font-size:20px;
}

.slick-prev,
.slick-next{
    display:none !important;
}


}