/* Increase hero subtitle size on both desktop and mobile */

/* Base styles (mobile first) */
.hero-subtitle {
    font-size: 1.4rem !important; /* Increased from ~1.15rem */
    line-height: 1.5 !important;
    font-weight: 500 !important;
    margin-bottom: 25px !important;
    max-width: 95% !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

/* Keep highlight styling but make it stand out more */
.hero-subtitle .highlight-subtle {
    font-weight: 700 !important;
}

/* Medium devices (tablets) */
@media (min-width: 768px) {
    .hero-subtitle {
        font-size: 1.6rem !important; /* Increased from ~1.3rem */
        max-width: 650px !important;
        line-height: 1.6 !important;
    }
}

/* Large devices (desktops) */
@media (min-width: 992px) {
    .hero-subtitle {
        font-size: 1.8rem !important; /* Increased from ~1.4rem */
        max-width: 700px !important;
    }
}

/* Extra large devices */
@media (min-width: 1200px) {
    .hero-subtitle {
        font-size: 2rem !important;
        max-width: 750px !important;
    }
}