MULTI-TAB THUMBNAIL CAROUSEL CSS

/* section inner wrap inherit section height, usefull for 100vh sections*/

.ct-section-inner-wrap {
    min-height: inherit;
}

/* Tabs category icon size*/

@media (min-width: 1025px){

	.tab-cat-icon-2 > svg {
		width: 3.9vw;
		height: 3.9vw;
	}

}


/*active tab arrow icon  REPLACE WITH YOUR TAB ACTIVE CLASS*/
.tabs-5562-tab-active .tab-arrow-icon-2 {
	background: #17158c

}




/* MEDIA QUERY FOR TITLE SVG BACKGROUND DIV*/



@media (min-width:801px) and (max-width: 880px){
    .sync-title-wrap-2 {

    top: 12% !important;

}
}

@media (min-width:881px) and (max-width: 911px){
    .sync-title-wrap-2 {

    top: 5% !important;

}
}

@media (min-width:912px) and (max-width: 1023px){
    .sync-title-wrap-2 {

    top: 8% !important;

}
}




@media (min-width:1025px) and (max-width: 1180px){
    .sync-title-wrap-2 {

    top: 15% !important;

}
}




@media (min-width:1182px) and (max-width: 1330px){
    .sync-title-wrap-2 {

    top: 13%;

}
}



@media (min-width:1331px) and (max-width: 1400px){
    .sync-title-wrap-2 {

    top: 10%;

}
}





/*MAIN SLIDER*/


/* remove pointer event from category and change color*/

.sync-category-2 a {
	color: #9b9b9b;
	pointer-events:none;
}


/* slider thumbnail border*/
.sync-dot-image-wrapper-2{
	border: solid 3px rgb(255 255 255 / 0%);
}






/*----TAB CONTENT --------*/

.oxy-tabs-contents {

	position: relative;
	overflow: hidden;
}

.oxy-tab-content {

	padding: 0;
	transition: transform 0.7s, opacity 1s;
	overflow: hidden;

}

.oxy-tab-content > * {

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

}

.oxy-tabs-contents-content-hidden {
	display: flex !important;
	opacity: 0 !important;
	pointer-events: none;
	position: absolute;
	left: 0;
	z-index: -1;
}

.oxy-tabs-contents-content-hidden > * {
	opacity: 0;
	transform: translateX(30%);

}