.hero-section{
    position:relative;
    width:100%;
    height:600px;
    overflow:hidden;
    display:flex;
    align-items:center;
    justify-content:center;
    text-align:center;
    color:#fff;

  
}

.hero-image{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    object-fit:fill;
   
}

.hero-overlay{
    position:absolute;
    inset:0;
  
}

.hero-content{
    position:relative;
    z-index:2;
    max-width:900px;
    padding:20px;
}

.hero-badge{
    display:inline-block;
    background:rgba(255,255,255,.2);
    padding:8px 20px;
    border-radius:50px;
    margin-bottom:20px;
    backdrop-filter:blur(8px);
    font-size:15px;
}

.hero-title{
    font-size:54px;
    font-weight:700;
    margin-bottom:20px;
}

.hero-title span{
    color:#00d26a;
}

.hero-text{
    font-size:20px;
    line-height:1.7;
    color:#f2f2f2;
}

/* Mobile */
@media(max-width:768px){

.hero-section{
    height:400px;
}

.hero-title{
    font-size:34px;
}

.hero-text{
    font-size:16px;
}

.hero-badge{
    font-size:13px;
}
}