Tab Contents transition effect CSS

#tab_wrapper .oxy-tabs-contents {

    position: relative;
	overflow: hidden;
}

#tab_wrapper .oxy-tab-content {

    padding: 0;
    transform: translateX(0%);
    transition: transform 0.7s, opacity 1s;
    overflow: hidden;

}
	#tab_wrapper .oxy-tab-content > * {

   	opacity: 1;
    transform: translateY(0%);
    transition: transform 0.7s, opacity 1s;
	transition-delay: .5s;

}

#tab_wrapper .oxy-tabs-contents-content-hidden {
    display: flex !important;
    opacity: 0.5 !important;
    transform: translateX(100%) !important;
    position: absolute;
    left: 0;
    z-index: 5;
}

	#tab_wrapper .oxy-tabs-contents-content-hidden > * {
   	opacity: 0;
    transform: translateY(100%);

}