/* ==========================================
   HERO SECTION
========================================== */
.hero{
    width:100%;
    height:calc(100vh - 128px);
    min-height:650px;
    display:flex;
    align-items:center;
    justify-content:center;
    position:relative;
    overflow:hidden;

    background-image:
        linear-gradient(rgba(0,0,0,.55),rgba(0,0,0,.55)),
        url("../images/hero/hero1.jpg");

    background-size:cover;
    background-position:center;
    background-repeat:no-repeat;
}

.hero-overlay{
    display:none;
}
.hero-content{
    position:relative;
    z-index:2;
    max-width:900px;
    text-align:center;
    color:#fff;
}

.hero-tag{

    display:inline-block;

    padding:10px 20px;

    background:rgba(255,255,255,.15);

    backdrop-filter:blur(10px);

    border-radius:40px;

    margin-bottom:20px;

    font-size:14px;

}
.hero h1{
    font-size:clamp(42px,6vw,72px);
    line-height:1.1;
    font-weight:800;
    margin-bottom:20px;
}

.hero p{

    font-size:22px;

    margin-bottom:35px;

}
.hero-buttons{
    display:flex;
    justify-content:center;
    gap:20px;
    flex-wrap:wrap;
}

.btn-primary{

    padding:16px 36px;

    border-radius:50px;

    background:#7B1113;

    color:#fff;

    font-weight:700;

}

.btn-outline{

    padding:16px 36px;

    border-radius:50px;

    border:2px solid #fff;

    color:#fff;

}
.heroSwiper,
.hero-slide{

    width:100%;

    height:100%;

}

.hero-slide{

    display:flex;

    align-items:center;

    justify-content:center;

    background-size:cover;

    background-position:center;

    position:relative;

}

.hero-overlay{

    position:absolute;

    inset:0;

    background:rgba(0,0,0,.45);

}

.swiper-button-next,
.swiper-button-prev{

    color:#fff;

}

.swiper-pagination-bullet{

    background:#fff;

    opacity:.8;

}

.swiper-pagination-bullet-active{

    background:#FFD54F;

}