/* =========================
NAVBAR
========================= */

.navbar{
background:#222;
padding:12px 0;
}

.navbar-brand{
color:#b84dff !important;
font-weight:bold;
font-size:22px;
letter-spacing:1px;
transition:0.3s;
}

.navbar-brand:hover{
color:#ff4da6 !important;
transform:scale(1.05);
}

/* menu links */

.navbar-nav .nav-link{
color:#fff !important;
margin:0 8px;
font-size:16px;
position:relative;
transition:0.3s;
}

.navbar-nav .nav-link:hover{
color:#ff4da6 !important;
}

/* underline animation */

.navbar-nav .nav-link::after{
content:"";
position:absolute;
width:0%;
height:2px;
background:#ff4da6;
left:0;
bottom:-3px;
transition:0.3s;
}

.navbar-nav .nav-link:hover::after{
width:100%;
}

/* =========================
/* HERO SECTION */



.carousel-item{
position:relative;
}

.carousel-item img{
height:420px;
object-fit:cover;
width:100%;
border-radius:12px;
}

/* DARK OVERLAY */

.carousel-item::before{
content:"";
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
background:rgba(0,0,0,0.55);
border-radius:12px;
z-index:1;
}

/* caption box */

.carousel-caption{
z-index:2;
bottom:30%;
background:rgba(0,0,0,0.45);
padding:20px;
border-radius:15px;
backdrop-filter:blur(6px);
}

.carousel-caption h2{
font-size:28px;
font-weight:bold;
}

.carousel-caption p{
font-size:16px;
margin-bottom:15px;
}
/* HERO BUTTON */

.hero-btn{
display:inline-block;
background:#ff3c96;
color:#fff;
padding:12px 26px;
border-radius:30px;
font-size:16px;
font-weight:bold;
text-decoration:none;
transition:0.3s;
}

.hero-btn:hover{
background:#ff0077;
color:#fff;
transform:scale(1.05);
}
.carousel-item img{
transition: transform 6s ease;
}

.carousel-item.active img{
transform: scale(1.1);
}
.scroll-down{
display:inline-block;
background:#ff3c96;   /* background color */
color:#fff;           /* arrow color */
padding:8px 14px;
border-radius:20px;
font-size:24px;
text-align:center;
animation:bounce 1.5s infinite;
}

/* bounce animation */
@keyframes bounce{
0%,100%{transform:translateY(0);}
50%{transform:translateY(10px);}
}