﻿.widgets-3-column-container {
    margin: 3em 0;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-column-gap: 20px;
    grid-row-gap: 20px;
}

.widgets-3-column-container a:not([href]):not([tabindex]) {
        color: white !important;
        text-decoration: none;
    }

.widgets-4-column-container {
    margin: 3em 0;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-column-gap: 20px;
    grid-row-gap: 20px;
}

    .widgets-4-column-container a:not([href]):not([tabindex]) {
        color: white !important;
        text-decoration: none;
    }

.card {
    background-color: #E4E7ED !important;
}

.card .card-text {
    margin-bottom: 1em;
}

.card:hover {
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}