.dashboard-grid {
    width: 100%;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    justify-items: center;
    row-gap: 40px;
    margin-top: 46px;
}

@media (min-width: 640px) {
    .dashboard-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

@media (min-width: 768px) {
    .dashboard-grid {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }
}

@media (min-width: 1024px) {
    .dashboard-grid {
        grid-template-columns: repeat(5, minmax(0, 1fr));
    }
}

@media (min-width: 1280px) {
    .dashboard-grid {
        grid-template-columns: repeat(6, minmax(0, 1fr));
    }
}

@media (min-width: 1536px) {
    .dashboard-grid {
        grid-template-columns: repeat(8, minmax(0, 1fr));
    }
}

.cursor-pointer {
    cursor: pointer;
}

.hover-dark-gray:hover {
    background-color: lightgray !important;
}