/**
 * Credensys tabs component.
 * Each group is self-contained through the .cd-tabs namespace.
 */
.cd-tabs {
	--cd-tabs-primary: #0d8bf2;
	--cd-tabs-accent: #ffbf00;
	padding: 1.25rem;
	border-radius: 1rem;
	background: var(--cd-tabs-primary);
}

.cd-tabs__list {
	display: flex;
	align-items: center;
	overflow-x: auto;
	scrollbar-width: thin;
	border-radius: .5rem .5rem 0 0;
	gap: 11px;
	margin-bottom: 1.10rem;
	padding: 2px 0;
}

.cd-tabs__tab {
	position: relative;
	flex: 0 0 auto;
	margin: 0;
	padding: .6rem 1.75rem;
	border: 2px solid rgba( 255, 255, 255, .55 );
	background: transparent;
	color: #fff;
	font: inherit;
	font-family: "Patrick Hand", cursive;
	font-size: clamp( 1.30rem, 2vw, 1.60rem );
	line-height: 1.2;
	cursor: pointer;
	transition: color .2s ease, background-color .2s ease;
	border-radius: 15px;
	transition: all .25s ease;
}

.cd-tabs__tab:last-child {
	
}

.cd-tabs__tab:hover,
.cd-tabs__tab:focus-visible {
	background: rgba( 255, 255, 255, .12 );
	outline: none;
}

.cd-tabs__tab:focus-visible {
	box-shadow: inset 0 0 0 3px #fff;
}

.cd-tabs__tab.is-active {
	background: #fff;
	color: var(--cd-primary);
	font-weight: 700;
	transform: translateY(-2px);
}

.cd-tabs thead{
	    background-color: #f8f8f8;
}


.cd-tabs__content {
	padding: 1.5rem 1.25rem .75rem;
	border-radius: 1rem;
	background: #fff;
}

.cd-tabs__panel {
	color: #151515;
	animation: cd-tabs-fade-in .28s ease both;
}

.cd-tabs__panel[hidden] {
	display: none;
}

.cd-tabs__panel > :first-child {
	margin-top: 0;
}

.cd-tabs__panel > :last-child {
	margin-bottom: 0;
}

/* Menu-table styling used by the standalone [cd_tabs] default layout. */
.cd-tabs__table-wrap {
	overflow-x: auto;
}

.cd-tabs__table {
	width: 100%;
	min-width: 46rem;
	border-collapse: collapse;
	font-size: .95rem;
   margin: 0 0 0.70em;
}

.cd-tabs__table th,
.cd-tabs__table td {
	padding: .65rem;
	border-bottom: 1px solid #d7d7d7;
	text-align: left;
	vertical-align: top;
}

.cd-tabs__table th {
	font-size: 1rem;
	font-weight: 700;
}

.cd-tabs__table td:first-child {
	color: #f0007b;
	font-size: .82rem;
	font-weight: 600;
	letter-spacing: .02em;
	text-transform: uppercase;
}

@keyframes cd-tabs-fade-in {
	from { opacity: 0; transform: translateY( .3rem ); }
	to { opacity: 1; transform: translateY( 0 ); }
}

@media (max-width: 544px) {
	.cd-tabs { padding: .75rem; border-radius: .75rem; }
	.cd-tabs__tab { padding: .5rem 1rem; }
	.cd-tabs__content { padding: 1.25rem 1rem .5rem; border-radius: .75rem; }
}

@media (prefers-reduced-motion: reduce) {
	.cd-tabs__tab { transition: none; }
	.cd-tabs__panel { animation: none; }
}

/* Mobile */
@media (max-width: 768px) {
	.cd-tabs__list{
		flex-wrap: wrap;
	    justify-content: center;
	    margin-top: 9px;
	}
}