/* -- Responsive: Mobile -- */
@media screen and (min-width: 320px) {
    /* -- General CSS -- */
    .section {
        padding: 2rem 0;
    }
        /* -- */
        .item-container {
            gap: 1.5rem;
        }
    
}

/* -- Responsive: Laptop -- */
@media screen and (min-width: 1024px) {
    /* -- General CSS -- */
    .section {
        padding: 3rem 0;
    }
        /* -- */
        .item-container {
            gap: 2rem;
        }
    

    /* -- */
    .card_container {
        flex-direction: row;
    }
}

/* -- Responsive: Desktop -- */
@media screen and (min-width: 1440px) {
    /* -- General CSS -- */
    .section {
        padding: 4rem 0;
    }
        /* -- */
        .item-container {
            gap: 3rem;
        }
}