.hero-section {
    background: linear-gradient(to right, rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.3)), url('<?=BASE?>assets/images/bg-01.jpg') center center no-repeat;
    background-size: cover;
    padding: 150px 0;
}

.hero-text {
    text-align: left;
}

.hero-text h1 {
    font-size: 3.5rem;
    margin-bottom: 20px;
}

.hero-text p {
    font-size: 1.2rem;
    margin-bottom: 30px;
}

.hero-image {
    text-align: center;
}