.hero{

    position:relative;

    width:100%;

    height:100vh;

    overflow:hidden;

}

.hero video{

    position:absolute;

    top:0;
    left:0;

    width:100%;
    height:100%;

    object-fit:cover;

}

.hero-overlay{

    position:absolute;

    inset:0;

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

}

.hero-content{

    position:relative;

    z-index:10;

    height:100%;

    display:flex;

    flex-direction:column;

    justify-content:center;

    align-items:center;

    text-align:center;

    color:white;

    padding:20px;

}

.hero h1{

    font-size:64px;

    margin-bottom:20px;

}

.hero p{

    max-width:700px;

    margin-bottom:30px;

}

.hero-btn{

    background:var(--secondary);

    color:white;

    text-decoration:none;

    padding:15px 35px;

    border-radius:50px;

}


.hero h1{
    font-size:72px;
    font-weight:700;
    margin-bottom:20px;
}

.hero p{
    font-size:20px;
    max-width:800px;
    line-height:1.9;
}


.hero-stats{
    display:flex;
    gap:50px;
    margin-top:60px;
}

.stat{
    text-align:center;
}

.stat h3{
    font-size:42px;
    color:var(--secondary);
}

.stat span{
    font-size:15px;
}