.hero {
    margin-top: 4%;
    max-inline-size: 1440px;
    inline-size: 100%;
    padding-block: 10vh;

    padding-inline: 30px;
    margin-inline: auto;

    .heading {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 1rem;
        inline-size: 100%;
        font-size: 1.2rem;

        margin-bottom: 1.5rem;
    }

    ul,
    ol {
        list-style-position: inside;
    }

    h2,
    h3,
    h4 {
        margin: 0;
        text-align: left;
    }
}