.card-front,
.card-back {
    transition: opacity 0.4s ease !important;
}

.card-back {
    opacity: 0 !important;
    pointer-events: none !important;
}

.card-front.is-hidden {
    opacity: 0 !important;
    pointer-events: none !important;
}

.card-back.is-visible {
    opacity: 1 !important;
    pointer-events: auto !important;
    
}





.tab-1 .tn-atom,
.tab-2 .tn-atom,
.tab-3 .tn-atom,
.tab-4 .tn-atom {
    transition: background-color 0.3s ease, color 0.3s ease !important;
}

.tab-active .tn-atom {
    background-color: #F47B20 !important;
    color: #FFFFFF !important;
}