/* Summary stats section */

.cardBox {
    position: relative;
    width: 100%;
    padding: 20px;
    display: grid;
    grid-template-columns: repeat(4,1fr);
    grid-gap: 25px;
}
.cardBox .cardsimple {
    position: relative;
    background: var(--white);
    padding: 30px;
    /* border-radius: 20px; */
    display: flex;
    justify-content: space-between;
    /* cursor: pointer; */
    box-shadow: 0 7px 25px rgba(0,0,0,0.08);
}

.cardBox .cardsimple .numbers {
    position: relative;
    font-weight: 400;
    font-size: 38px;
    /* color: var(--blue); */
}
.cardBox .cardsimple .cardName {
    /* color: var(--black2); */
    font-size: 20px;
    margin-top: 5px;
}

/* charts */

.graphBox {
    position: relative;
    width: 100%;
    padding: 20px;
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 25px;
    min-height: 480px;
}

.graphBox .box {
    position: relative;
    background: #fff;
    padding: 20px;
    width: 100%;
    box-shadow: 0 7px 25px rgb(0, 0, 0, 0.08);
    /* border-radius: 20px; */
}

.chart {
    width: 100%; 
    min-height: 450px;
}
.row {
    margin:0 !important;
}

@media (max-width:991px) {
    .graphBox {
        grid-template-columns: 1fr;
        height: auto;
    }
    .cardBox {
        grid-template-columns: 1fr;
    }
}