.hero-page-section {
    padding: 216px 0 100px;
}

.hero-container {
    display: flex;
    flex-direction: column;
    row-gap: 40px;
}

.hero-subtitle {
    font-size: 22px;
    font-weight: 500;
    line-height: 26px;
    font-family: "Parkinsans", sans-serif;
    color: var(--green-color);
}

.hero-container {
    width: 1000px;
    max-width: 100%;
    margin-inline: auto;
}


@media(max-width: 991px) {
    .hero-page-section {
        padding: 172px 0 100px;
    }
}


@media(max-width: 768px) {
    .hero-page-section {
        padding: 132px 0 60px;
    }
}


@media(max-width: 575px) {
    .hero-page-section {
        padding: 102px 0 30px;
    }

    .hero-subtitle {
        font-size: 16px;
        line-height: 19px;
    }

    .hero-container {
        row-gap: 20px;
    }
}