/* ===== SPACINGS ===== */


.one-rem-vertical-space {
    padding: 1rem 0 0 0;
}

.two-rem-vertical-space {
    padding: 2rem 0;
}

.two-rem-horizontal-space {
    padding: 0 2rem;
}

.four-rem-vertical-space {
    padding: 4rem 0;
}

.four-rem-horizontal-space {
    padding: 0 8rem;
}

.four-rem-horizontal-half-container {
    padding: 0 4rem;
}

.vertical-four-top-two-bottom-space {
    padding: 4rem 0 2rem 0;
}

.vertical-four-bottom-two-top-space {
    padding: 2rem 0 4rem 0;
}

.bg-red {
    background-color: var(--color-red-600);
}

.bg-gray-700 {
    background-color: var(--color-neutral-700);
}

.bg-orange-500 {
    background-color: var(--color-orange-500);
}

.text-content-ul {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
}

.divider-two-rem {
    height: 1px;
    background-color: #e7e7e7;
    width: 50%;
    margin: 2rem auto;
}

@media (max-width: 768px) {
    .reverse-column-mobile {
        flex-direction: column-reverse;
    }

    .four-rem-horizontal-space {
        padding: 0 3rem;
    }

    .two-rem-horizontal-space {
        padding: 0 3rem;
    }

    .one-rem-vertical-space {
        padding: 0.25rem 0 0 0;
    }

    .vertical-four-top-two-bottom-space {
        padding: 2rem 0 1.5rem 0;
    }

    .vertical-four-bottom-two-top-space {
        padding: 1.5rem 0 2rem 0;
    }

    .two-rem-vertical-space {
        padding: 1.5rem 0;
    }
}