#ml_hero {
}
#ml_hero_container {
    --hero-color-dark: hsla(217, 60%, 20%, 1);
    --hero-color-light: hsla(213, 50%, 42%, 1);
    background: linear-gradient(100deg, var(--hero-color-dark), var(--hero-color-light));
}
#ml_hero_content {
    padding: 60px 24px;
    display: flex;
    flex-direction: column;
    align-items: center;
}
#ml_hero_wrapper {
    width: 100%;
    max-width: 1100px;
    display: flex;
    flex-direction: column;
    gap: 30px;
}
#ml_hero_left {
    width: 100%;
}
#ml_hero_right {
    width: 100%;
}
#ml_hero_title {
    color: var(--white);
    letter-spacing: 1px;
    margin: 0;
}
#ml_hero_subtitle {
    color: hsla(0, 0%, 100%, 0.9);
    font-size: 1.1rem;
    margin: 0;
}
#ml_hero_button {
    justify-content: flex-start;
    margin: 24px 0 0 0;
}
#ml_hero_button a {
    color: var(--hero-color-dark);
    border-color: var(--white);
    font-weight: 700;
}
@media (min-width: 900px) {
    #ml_hero_content {
        padding: 80px 50px;
    }
    #ml_hero_wrapper {
        flex-direction: row;
        align-items: center;
        gap: 60px;
    }
    #ml_hero_left {
        width: 50%;
    }
    #ml_hero_right {
        width: 50%;
    }
}