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

.hero-section{
    position:relative;
}

.hero-slide{
    position:relative;
    min-height:700px;
    display:flex;
    align-items:center;
    background-size:cover;
    background-position:center;
}

.hero-overlay{
    position:absolute;
    inset:0;
    background:linear-gradient(
        90deg,
        rgba(7,21,59,.92),
        rgba(7,21,59,.80),
        rgba(7,21,59,.55),
        rgba(7,21,59,.35)
    );
}

.hero-content{
    position:relative;
    z-index:2;
    max-width:680px;
    color:#fff;
}

.hero-badge{
    display:inline-block;
    padding:10px 20px;
    border-radius:50px;
    background:rgba(255,255,255,.15);
    backdrop-filter:blur(12px);
    font-size:14px;
    margin-bottom:25px;
    border:1px solid rgba(255,255,255,.25);
}

.hero-content h1{
    font-size:64px;
    font-weight:800;
    line-height:1.1;
    margin-bottom:25px;
}

.hero-content p{
    font-size:19px;
    line-height:1.9;
    color:rgba(255,255,255,.90);
    margin-bottom:35px;
}

.hero-buttons{
    display:flex;
    gap:15px;
    margin-bottom:50px;
}

.hero-buttons .btn{
    padding:14px 30px;
    border-radius:50px;
    font-weight:600;
}

.hero-stats{
    display:flex;
    gap:45px;
}

.hero-stats h3{
    font-size:34px;
    font-weight:700;
    margin:0;
    color:#fff;
}

.hero-stats span{
    color:rgba(255,255,255,.75);
    font-size:14px;
}

.carousel-control-prev,
.carousel-control-next{
    width:60px;
}

.carousel-control-prev-icon,
.carousel-control-next-icon{
    width:55px;
    height:55px;
    border-radius:50%;
    background-color:rgba(255,255,255,.18);
    backdrop-filter:blur(10px);
    background-size:40%;
}

.carousel-indicators{
    bottom:40px;
}

.carousel-indicators [data-bs-target]{
    width:12px;
    height:12px;
    border-radius:50%;
}