/* ==========================================================
   SERVICES SECTION
   ========================================================== */

.services__grid {
    display: grid;
    gap: var(--grid-gap);
    grid-template-columns: 1fr;
}

.services__footer {
    display: flex;
    justify-content: center;
    margin-top: var(--space-8);
}

@media (min-width: 768px) {
    .services__grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (min-width: 1024px) {
    .services__grid {
        grid-template-columns: repeat(6, 1fr);
    }

    .services__grid .card--service {
        grid-column: span 2;
    }

    .services__grid .card--service:nth-child(4) {
        grid-column: 2 / span 2;
    }

    .services__grid .card--service:nth-child(5) {
        grid-column: 4 / span 2;
    }
}