
.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 {
	font-size: 16px;
	font-weight: var(--wd-title-font-weight);
	font-style: var(--wd-title-font-style);
	font-family: var(--wd-title-font);
}

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

.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:where(:not(.wd-inited)) .wd-nav-tabs > li:first-child > a {
	color: var(--nav-color-active);
	background-color: var(--nav-bg-active);
	box-shadow: var(--nav-shadow-active);
	border: var(--nav-border-active);
}

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

.wd-nav-tabs[class*=wd-style-underline] {
	--nav-color: rgba(var(--wd-navigation-color), .7);
	--nav-color-hover: rgba(var(--wd-navigation-color), 1);
}

.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;
	justify-content: center;
}

.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 (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;
	}
}
