.hero-slider{
position:relative;
width:100%;
height:80vh;
overflow:hidden;
}

.hero-slider .slide{
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
opacity:0;
transition:opacity 1s ease-in-out;
}

.hero-slider .slide.active{
opacity:1;
z-index:1;
}

.hero-slider img{
width:100%;
height:100%;
object-fit:cover;
}

.hero-slider .caption{
position:absolute;
top:50%;
left:50%;
transform:translate(-50%,-50%);
background:rgba(6,43,85,.65);
padding:30px;
border-radius:15px;
text-align:center;
color:#fff;
max-width:700px;
}

.hero-slider .caption h2{
font-size:42px;
margin-bottom:15px;
}

.hero-slider .caption p{
font-size:20px;
margin-bottom:20px;
}

.hero-slider .btn{
display:inline-block;
padding:14px 30px;
background:#d4af37;
color:#062b55;
text-decoration:none;
font-weight:bold;
border-radius:10px;
}

.hero-slider .btn:hover{
background:#f2c94c;
}

@media(max-width:768px){

.hero-slider{
height:60vh;
}

.hero-slider .caption{
width:90%;
padding:20px;
}

.hero-slider .caption h2{
font-size:28px;
}

.hero-slider .caption p{
font-size:16px;
}

}