.dashboard-grid{

    display:grid;

    grid-template-columns:
    repeat(4,minmax(250px,1fr));

    gap:25px;

    margin-top:40px;

}


.dashboard-card{

    position:relative;

    overflow:hidden;

    padding:25px;

    min-height:180px;

    border-radius:30px;

    background:

    rgba(255,255,255,.03);

    border:

    1px solid rgba(255,255,255,.05);

    backdrop-filter:blur(25px);

    transition:.4s;

}

.dashboard-card::before{

    content:'';

    position:absolute;

    top:-80px;

    right:-80px;

    width:180px;

    height:180px;

    border-radius:50%;

    background:

    rgba(0,217,255,.05);

    filter:blur(70px);

}


.dashboard-card:hover{

    transform:translateY(-8px);

    border-color:

    rgba(0,217,255,.2);

    box-shadow:

    0 0 40px rgba(0,217,255,.10);

}


.dashboard-card i{

    font-size:30px;

    color:var(--primary);

    margin-bottom:25px;

}


.dashboard-card span{

    display:block;

    color:#888;

    font-size:15px;

    margin-bottom:15px;

}


.dashboard-card h2{

    font-size:52px;

    margin-bottom:10px;

}


.card-info{

    color:#666;

    font-size:14px;

}