.hero-section
{
    background-image: var(--home-hero-bg) !important;
    background-size: cover;
    background-position: center;
    position: relative;
    min-height: 100vh;
    mix-blend-mode: var(--home-hero-mix-blend-mode) !important;
}

.hero-title {
    font-size: 135px;
    font-weight: bolder;
    color: var(--bs-primary);
    text-shadow: var(--title-shadow);
}
.hero-subtitle {
    font-size: 95px;
    font-weight: 500;
    color: var(--bs-body-color);
    text-shadow: 0px 6px 7px rgba(var(--bs-body-color-rgb), 0.5);
}
@media (max-width: 1200px) {
    .hero-title {
        font-size: 100px;
    }
    .hero-subtitle {
        font-size: 70px;
    }
}
@media (max-width: 992px) {
    .hero-title {
        font-size: 70px;
    }
    .hero-subtitle {
        font-size: 50px;
    }
}
@media (max-width: 768px) {
    .hero-title {
        font-size: 40px;
    }
    .hero-subtitle {
        font-size: 25px;
    }
}