.homepage-hero{
    padding:120px 0;
    background:#f8fafc;
    overflow:hidden;
}

.hero-tag{
    display:inline-block;
    padding:12px 24px;
    background:#e8f7ef;
    color:#8ab728;
    border-radius:100px;
    font-size:14px;
    font-weight:700;
    letter-spacing:1px;
    margin-bottom:25px;
}

.hero-title{
    font-size:4.5rem;
    line-height:1.1;
    font-weight:800;
    color:#111827;
    margin-bottom:25px;
}

.hero-title span{
    display:block;
    color:#8ab728;
}

.hero-description{
    font-size:1.1rem;
    line-height:1.9;
    color:#6b7280;
    margin-bottom:40px;
}

.hero-buttons{
    display:flex;
    gap:15px;
    flex-wrap:wrap;
}

.btn-primary-custom{
    background:#8ab728;
    color:white;
    text-decoration:none;
    padding:16px 34px;
    border-radius:100px;
    font-weight:600;
    transition:.4s;
}

.btn-primary-custom:hover{
    background:#007e3b;
    color:white;
}

.btn-secondary-custom{
    border:2px solid #8ab728;
    color:#8ab728;
    text-decoration:none;
    padding:16px 34px;
    border-radius:100px;
    font-weight:600;
    transition:.4s;
}

.btn-secondary-custom:hover{
    background:#8ab728;
    color:white;
}

.hero-video-wrapper{
    position:relative;
    overflow:hidden;
    border-radius:30px;
    box-shadow:0 30px 80px rgba(0,0,0,.12);
}

.hero-video-wrapper video{
    width:100%;
    display:block;
    border-radius:30px;
    aspect-ratio:16/10;
    object-fit:cover;
}

@media(max-width:1200px){

.hero-title{
    font-size:3.8rem;
}

}

@media(max-width:991px){

.homepage-hero{
    padding:80px 0;
}

.hero-title{
    font-size:3rem;
}

.hero-video-wrapper{
    margin-top:50px;
}

}

@media(max-width:767px){

.hero-title{
    font-size:2.3rem;
}

.hero-description{
    font-size:1rem;
}

.hero-buttons{
    flex-direction:column;
}

.btn-primary-custom,
.btn-secondary-custom{
    text-align:center;
    width:100%;
}

}