/* Hover and keyboard focus for benefit and process cards on service detail pages only. */
.onlinexp-service-detail-page .xp-e-visual-grid .xp-e-mini-card {
    transform: none !important;
    transition: background-color .25s ease, border-color .25s ease, box-shadow .25s ease;
}

.onlinexp-service-detail-page .xp-e-visual-grid .xp-e-mini-card .elementor-heading-title {
    transition: color .25s ease, background-color .25s ease;
}

@media (hover: hover) and (pointer: fine) {
    .onlinexp-service-detail-page .xp-e-visual-grid .xp-e-mini-card:hover {
        border-color: #ff5a00 !important;
        background: #ff5a00 !important;
        box-shadow: 0 20px 42px rgba(255, 90, 0, .22) !important;
        transform: none !important;
    }

    .onlinexp-service-detail-page .xp-e-visual-grid .xp-e-mini-card:hover .elementor-heading-title {
        color: #ffffff !important;
    }

    .onlinexp-service-detail-page .xp-e-visual-grid .xp-e-mini-card:hover .xp-e-card-number .elementor-heading-title {
        color: #ffffff !important;
        background: rgba(255, 255, 255, .16) !important;
    }
}

@media (min-width: 621px) {
    .onlinexp-service-detail-page .xp-e-visual-grid .xp-e-mini-card:focus {
        border-color: #ff5a00 !important;
        outline: 3px solid rgba(255, 90, 0, .24);
        outline-offset: 3px;
        background: #ff5a00 !important;
        box-shadow: 0 20px 42px rgba(255, 90, 0, .22) !important;
        transform: none !important;
    }

    .onlinexp-service-detail-page .xp-e-visual-grid .xp-e-mini-card:focus .elementor-heading-title {
        color: #ffffff !important;
    }

    .onlinexp-service-detail-page .xp-e-visual-grid .xp-e-mini-card:focus .xp-e-card-number .elementor-heading-title {
        color: #ffffff !important;
        background: rgba(255, 255, 255, .16) !important;
    }
}