/* ### HP MAIN CONTENT ### */

.hp-main-content section {
    padding: 2.5rem 0;
}

.hp-main-content section:nth-child(2n+1) {
    background-color: var(--gray-ex-light);
}

section.hp__main--content {
    display: flex;
}

.hp-main-content h2 {
    position: relative;
    text-align: center;
    font-size: 1.4rem;
    font-weight: 800;
    margin-bottom: 1.5rem;
}

.hp-main-content h2::after {
    position: absolute;
    content: '';
    width: 15%;
    height: 2px;
    left: 50%;
    top: 110%;
    transform: translateX(-50%);
    background-color: var(--orange-70);
}

@media only screen and (min-width: 900px) {
    .hp-main-content section {
        padding: 3rem 0;
    }
}

@media only screen and (min-width: 1200px) {
    .hp-main-content section {
        padding: 3.5rem 0;
    }
}