/**
 * 
 * Card Group: "Floating Tabs"
 * 
 */
.card-group-image_tabs-image,
.card-group-image_tabs-content {
    transition: opacity 0.4s ease, visibility 0.4s ease;
    opacity: 0;
    visibility: hidden;
    position: absolute;
}

.card-group-image_tabs-image.d-block,
.card-group-image_tabs-content.d-block {
    opacity: 1;
    visibility: visible;
    position: relative;
}

.card-group-image_tabs-link {
    border-left: 4px solid #ccc;
    color: #ccc;
}
.card-group-image_tabs-link.active {
    border-left-color: var(--bs-primary);
    color: #000;
}
.card-group-image_tabs-image {
    max-width: 600px;
    max-height: 520px;
}

.dpi-block-image-tabs .card-group-image_tabs-image {
    border: none;
}
.dpi-block-image-tabs .nav-link {
	color: #333;
}
.dpi-block-image-tabs .nav-link:not(.active):hover {
	background: var(--bs-body-color) !important;
	color: #fff !important;
}

@media (max-width: 576px) {
    .dpi-block-image-tabs .nav-item {
        margin-bottom: 8px;
    }
}