.section-content-icons {
    background: var(--primary-green);
}

.section-content-icons.light-mode {
    color: var(--primary-green);
    background: var(--primary-beige);
}

.section-content-icons .section-heading {
    color: var(--primary-beige);
}

.section-content-icons.light-mode .section-heading {
    color: var(--primary-green);
}

.section-content-icons .items {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

.section-content-icons .items > div {
    color: var(--primary-beige);
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
    padding: 20px;
}

.section-content-icons .items > div:nth-child(4n) {
    padding-right: 0;
}

.section-content-icons .items > div:not(:nth-child(4n)) {
    border-right: 1px solid var(--primary-green-light);
}

.section-content-icons.light-mode .items > div:not(:nth-child(4n)) {
    border-right: 1px solid var(--secondary-sand);
}

.section-content-icons .items > div:nth-child(n+5) {
    border-top: 1px solid var(--primary-green-light);
}

.section-content-icons.light-mode .items > div:nth-child(n+5) {
    border-top: 1px solid var(--secondary-sand);
}

.section-content-icons .items p {
    color: var(--primary-beige);
    margin: 0;
    padding: 0;
}

.section-content-icons.light-mode .items p {
    color: var(--primary-green);
}

.section-content-icons .items .title {
    font-weight: 800;
}

.section-content-icons .items .description {
    font-size: 16px;
    line-height: 1.375;
}

.section-content-icons .footer {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 20px;
    color: var(--primary-beige);
    text-align: center;
    padding-top: 80px;
}

.section-content-icons.light-mode .footer {
    color: var(--primary-green);
}

@media (max-width: 992px) {
    .section-content-icons .items {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .section-content-icons .items > div {
        border-top: 1px solid var(--primary-green-light);
        border-right: 1px solid var(--primary-green-light) !important;
        padding: 16px
    }

    .section-content-icons.light-mode .items > div {
        border-top: 1px solid var(--secondary-sand);
        border-right: 1px solid var(--secondary-sand) !important;
    }

    .section-content-icons .items > div:nth-child(2n) {
        border-right: 0 !important;
    }

    .section-content-icons .items > div:nth-child(-n+2) {
        border-top: 0;
    }

    .section-content-icons .items img {
        width: auto;
        height: 24px;
    }

    .section-content-icons .items p,
    .section-content-icons .items .description {
        font-size: 14px;
        line-height: 1.285;
    }

    .section-content-icons .footer {
        gap: 16px;
        padding-top: 40px;
    }
}