.wd-tabs:not(.wd-inited) .wd-nav-tabs[class*="wd-style-underline"]>li:first-child>a .nav-link-text:after {
	width: 100%;
}

.wd-tabs {
	--wd-row-gap: 20px;
	--wd-header-padding: .001px;
	display: flex;
	flex-direction: column;
	gap: var(--wd-row-gap);
}

.wd-tabs .tabs-name {
	text-transform: uppercase;
	font-size: 22px;
	margin-bottom: 0;
}

.wd-tabs .tabs-name>span {
	vertical-align: middle;
}

.wd-tabs .tabs-name .img-wrapper {
	display: inline-flex;
	margin-right: 10px;
}

.wd-tabs-header {
	display: flex;
	flex-direction: column;
	gap: 10px;
	padding: var(--wd-header-padding);
}

.wd-tabs-header.wp-block .tabs-text {
	display: inline-block;
}

.wd-nav-tabs {
	--nav-gap: 30px;
	align-items: center;
}

.wd-nav-tabs>li>a {
	padding: 10px 0;
	vertical-align: bottom;
	font-weight: var(--wd-title-font-weight);
	font-style: var(--wd-title-font-style);
	font-size: 16px;
	font-family: var(--wd-title-font);
	line-height: 1;
}

.wd-tabs.tabs-design-default:not(.wd-header-with-bg) {
	--wd-row-gap: 10px;
}

.wd-tabs.tabs-design-simple .tabs-name {
	position: relative;
	z-index: 1;
	margin-bottom: -2px;
	padding-block: 5px;
	border-bottom: 2px solid var(--wd-primary-color);
	vertical-align: middle;
}

.wd-tabs.tabs-design-simple .tabs-name>span {
	vertical-align: bottom;
}

.wd-tabs.tabs-design-simple .tabs-name .img-wrapper {
	margin-left: 4px;
}

.wd-tabs.tabs-design-simple .wd-nav-tabs li a {
	min-height: 42px;
	font-size: 14px;
}

.wd-tabs.wd-header-with-bg {
	--wd-header-padding: 15px;
}

.wd-tabs.wd-header-with-bg .wd-tabs-header {
	background-color: var(--bgcolor-gray-100);
	border-radius: var(--wd-brd-radius);
}

.wd-tabs:not(.wd-inited) .wd-nav-tabs>li:first-child>a {
	color: var(--nav-color-active);
}

.color-scheme-light .wd-nav-tabs.wd-style-default {
	--nav-color-hover: var(--wd-primary-color);
	--nav-color-active: var(--wd-primary-color);
}

.wd-nav-tabs[class*="wd-style-underline"] {
	--nav-color: rgba(51, 51, 51, .7);
	--nav-color-hover: #333;
	--nav-color-active: #333;
}

.color-scheme-light .wd-nav-tabs[class*="wd-style-underline"] {
	--nav-color: rgba(255, 255, 255, .7);
	--nav-color-hover: #fff;
	--nav-color-active: #fff;
}

.wd-nav-tabs a {
	gap: 10px;
}

.wd-nav-tabs .img-wrapper {
	min-width: max-content;
}

.wd-nav-tabs.wd-icon-pos-start a {
	flex-direction: row;
}

.wd-nav-tabs.wd-icon-pos-top {
	align-items: flex-end;
}

.wd-nav-tabs.wd-icon-pos-top a {
	flex-direction: column;
}

.wd-nav-tabs.wd-icon-pos-end a {
	flex-direction: row-reverse;
}

.wd-nav-tabs.wd-icon-pos-left a {
	flex-direction: row;
}

.wd-nav-tabs.wd-icon-pos-right a {
	flex-direction: row-reverse;
}

.wd-tabs:not(.wd-inited) .wd-tab-content:first-child {
	display: flex;
	opacity: 1;
	transform: none;
}

.wd-tabs .wd-tabs-content-wrapper {
	position: relative;
}

.wd-tabs .wd-tab-content {
	display: none;
	opacity: 0;
	transition: all .25s ease;
	transform: translateY(30px);
}

.wd-tabs .wd-tab-content>div:not(:is(.wd-nav-arrows, .grid-masonry)) {
	--wd-width: 100%;
	width: var(--wd-width);
}

.wd-tabs .wd-tab-content.wd-active {
	display: flex;
}

.wd-tabs .wd-tab-content.wd-in {
	opacity: 1;
	transform: none;
}

.wd-tabs .wd-tab-content>.elementor {
	min-width: 1px;
}

.wp-block-wd-tabs .wd-tab-content {
	--wd-row-gap: 20px;
	flex-direction: column;
	row-gap: var(--wd-row-gap);
}

:root .wp-block-wd-tabs .wd-tab-content>* {
	margin-bottom: 0;
}

@media (min-width: 1025px) {
	.wd-tabs.tabs-design-aside {
		position: relative;
		display: grid;
		align-items: flex-start;
		grid-template-columns: var(--wd-side-width, 300px) 1fr;
		gap: var(--wd-row-gap);
	}
	
	.wd-tabs.tabs-design-aside .wd-tabs-header {
		--text-align: start;
	}
	
	.wd-tabs.tabs-design-aside .wd-nav-tabs {
		flex-direction: column;
		align-items: flex-start;
		row-gap: var(--nav-gap);
		--nav-gap: .001px;
	}
	
	.wd-tabs.tabs-design-aside .wd-nav-tabs>li {
		margin-inline-end: 0;
		cursor: pointer;
	}
	
	.wd-tabs.tabs-design-aside .wd-nav-tabs>li>a {
		display: inline-flex;
	}
	
	.wd-tabs.tabs-design-aside .wd-tabs-content-wrapper {
		min-width: 1px;
	}
	
	.wd-tabs.tabs-design-alt .wd-tabs-header {
		align-items: center;
		flex-direction: row;
		flex-wrap: wrap;
		justify-content: space-between;
	}
	
	.wd-tabs.tabs-design-simple .wd-tabs-header {
		flex-direction: row;
		align-items: flex-end;
		gap: 25px;
		border-bottom: 2px solid var(--brdcolor-gray-300);
	}
}

@media (max-width: 1024px) {
	.wd-tabs {
		--wd-row-gap: 10px;
	}
	
	.wd-tabs .wd-tabs-header .svg-icon {
		width: 25px !important;
		height: 25px !important;
	}
	
	.wd-tabs .wd-tabs-header .img-wrapper img {
		max-height: 25px;
		width: auto;
	}
	
	.wd-nav-tabs {
		flex-wrap: nowrap;
		white-space: nowrap;
	}
	
	.wd-nav-tabs-wrapper {
		overflow-x: auto;
		-webkit-mask-image: linear-gradient(to left, transparent 5px, #000 40px);
		mask-image: linear-gradient(to left, transparent 5px, #000 40px);
	}
	
	.wd-tabs.tabs-design-simple .wd-tabs-header {
		--text-align: start;
		align-items: flex-start;
		gap: 0;
	}
	
	.wd-tabs.tabs-design-simple .wd-nav-tabs-wrapper {
		flex: 1 1 auto;
		max-width: 100%;
		width: 100%;
		border-top: 2px solid var(--brdcolor-gray-300);
	}
}