.hero-slider{
position:relative;
height:100vh;
overflow:hidden;
}
.hero-slider iframe { margin-top:110px;}
.slide{
position:absolute;
width:100%;
height:100%;
background-size:cover;
background-position:center;
display:flex;
align-items:center;
justify-content:center;
opacity:0;
transform:scale(1.1);
transition:all 1.5s ease;
}

.slide.active{
opacity:1;
transform:scale(1);
z-index:2;
}

/* Glass overlay */

.overlay{
position:absolute;
width:100%;
height:100%;
background:linear-gradient(
rgba(0,0,0,0.15),
rgba(0,0,0,0.35)
);
}

/* Center Content */

.hero-content{
position:relative;
text-align:center;
color:#fff;
max-width:900px;
padding:20px;
animation:fadeUp 1.5s ease;
}

/* SEO friendly title */

.t1{
font-size:52px;
font-weight:700;
margin-bottom:15px;
text-shadow:0 6px 20px rgba(0,0,0,0.7);
}

/* Subtitle */

.hero-content p{
font-size:20px;
margin-bottom:25px;
opacity:.95;
}

/* CTA Button */

.hero-btn{
background:#d4af37;
color:#000;
padding:14px 36px;
font-size:16px;
border-radius:40px;
text-decoration:none;
font-weight:600;
transition:.4s;
}

.hero-btn:hover{
background:#fff;
color:#000;
transform:translateY(-3px);
box-shadow:0 10px 30px rgba(0,0,0,.3);
}

/* Text animation */

@keyframes fadeUp{
0%{
opacity:0;
transform:translateY(40px);
}
100%{
opacity:1;
transform:translateY(0);
}
}


