.hero-section {
    padding: 40px 0;
}

.hero-box {
    background: url('/assets/image/Background Hero.png') no-repeat center;
    background-size: cover;
    border-radius: 20px;
    padding: 60px 20px;
    color: white;
    position: relative;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
}

    .hero-box::after {
        width: 40%;
        height: 100%;
        background: url('/assets/image/Background Hero.png') no-repeat center;
        background-size: cover;
        opacity: 0.2;
    }

    .hero-box h2 {
        font-weight: 600;
        font-size: 32px;
        position: relative;
        z-index: 1;
    }
