.box-card-title h3{
    color: var(--color-primary) !important;
}
.box-card-title p{
    color: var(--color-primary-400) !important;
}


.box-card{
    border-radius: 0 !important;
    margin-bottom: 1.5rem !important;
}
.box-card.border-r {
    border-right: 1px dotted rgba(87, 101, 191, 1);
}

.box-card:hover {
    box-shadow: 0 0 0 rgba(0, 0, 0, 0) !important;
    transform: translateY(0) !important;
}


.box-card h3{
    font-size: 1.275rem !important;
    margin-bottom: .5rem !important;
}

.box-card p{
    font-size: .813rem !important;
}



@media (min-width: 1200px) {
    .row .col-xl-4:nth-child(3n) .border-r {
        border-right: none !important;
    }
}

/* Remove for every 2nd card on MD screens (col-md-6 => 2 per row) */
@media (min-width: 768px) and (max-width: 1199.98px) {
    .row .col-md-6:nth-child(2n) .border-r {
        border-right: none !important;
    }
}

/* Remove for every card on small screens (stacked) */
@media (max-width: 767.98px) {
    .row .col-md-6 .border-r {
        border-right: none !important;
    }
}