@font-face {
	font-family: 'SVN-Gilroy';
	src: url('../fonts/SVN-Gilroy.woff2') format('woff2'),
		url('../fonts/SVN-Gilroy.woff') format('woff');
	font-weight: 400;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'SVN-Gilroy';
	src: url('../fonts/SVN-GilroyMedium.woff2') format('woff2'),
		url('../fonts/SVN-GilroyMedium.woff') format('woff');
	font-weight: 500;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'SVN-Gilroy';
	src: url('../fonts/SVN-GilroySemiBold.woff2') format('woff2'),
		url('../fonts/SVN-GilroySemiBold.woff') format('woff');
	font-weight: 600;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'SVN-Gilroy';
	src: url('../fonts/SVN-GilroyBold.woff2') format('woff2'),
		url('../fonts/SVN-GilroyBold.woff') format('woff');
	font-weight: 700;
	font-style: normal;
	font-display: swap;
}

body,
button,
input,
select,
textarea {
	font-family: 'SVN-Gilroy', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Arial, sans-serif;
}
p {
	margin: 0;
}
/* Header ASTEC */
.wootech-header {
	position: relative;
	z-index: 50;
	background: #000029;
	color: #f3f6ff;
	transition: box-shadow 0.25s ease;
}

@media (min-width: 1025px) {
	.wootech-header {
		position: sticky;
		top: 0;
		z-index: 100;
	}
	.wootech-header.is-scrolled {
		box-shadow: 0 4px 24px rgba(0, 0, 41, 0.35);
	}
}

.wootech-header__bar {
	max-width: 1640px;
	min-height: 106px;
	margin: 0 auto;
	padding: 0 24px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
}

.wootech-header__left {
	flex: 1;
	min-width: 0;
	display: flex;
	align-items: center;
	gap: 82px;
}

.wootech-logo-wrap {
	display: inline-flex;
	align-items: center;
	flex-shrink: 0;
}

.wootech-logo-wrap .custom-logo-link {
	display: inline-flex;
	align-items: center;
}

.wootech-logo-wrap .custom-logo {
	width: auto;
	height: 82px;
	max-height: 82px;
}

.wootech-logo-text {
	color: #ffffff;
	text-decoration: none;
	font-size: 30px;
	font-weight: 800;
	line-height: 1;
	letter-spacing: 0.02em;
}

.wootech-nav {
	min-width: 0;
	flex: 1;
}

.wootech-nav .menu {
	display: flex;
	align-items: center;
	flex-wrap: nowrap;
	margin: 0;
	padding: 0;
	list-style: none;
}

.wootech-nav .menu > li {
	position: relative;
}

.wootech-nav .menu > li > a {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 40px;
	padding: 15px 20px;
	gap: 5px;
	color: #9d99e9;
	font-size: 16px;
	font-weight: 500;
	line-height: normal;
	white-space: nowrap;
	text-decoration: none;
	transition: color 0.2s ease;
}

.wootech-nav .menu > li > a:hover,
.wootech-nav .menu > li > a:focus {
	color: #ffffff;
}

.wootech-nav .menu > li.menu-item-has-children > a::after {
	content: '';
	width: 10px;
	height: 9px;
	display: inline-block;
	background-repeat: no-repeat;
	background-size: 10px 9px;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='9' viewBox='0 0 10 9' fill='none'%3E%3Cpath d='M5.76446 8.25C5.37956 8.91667 4.41731 8.91667 4.03241 8.25L0.135298 1.5C-0.249602 0.833333 0.231524 0 1.00132 0L8.79555 0C9.56535 0 10.0465 0.833332 9.66158 1.5L5.76446 8.25Z' fill='%239D99E9'/%3E%3C/svg%3E");
}

.wootech-nav .sub-menu {
	position: absolute;
	top: calc(100% + 8px);
	left: 0;
	min-width: 311px;
	margin: 0;
	padding: 0;
	list-style: none;
	border-radius: 20px;
	border: 1px solid rgba(147, 147, 147, 0.5);
	background: rgba(0, 0, 39, 0.9);
	backdrop-filter: blur(50px);
	opacity: 0;
	visibility: hidden;
	transform: translateY(8px);
	max-height: 0;
	overflow: hidden;
	transition: opacity 0.18s ease, transform 0.18s ease, max-height 0.25s ease;
}

.wootech-nav .menu-item-has-children.is-open > .sub-menu {
	opacity: 1;
	visibility: visible;
	transform: translateY(0);
	max-height: 800px;
}

.wootech-nav .sub-menu a {
	display: flex;
	align-items: center;
	min-height: 67px;
	padding: 0 30px;
	color: #9d99e9;
	font-size: 16px;
	font-weight: 500;
	text-decoration: none;
	border-bottom: 1px solid #525252;
	background: transparent;
	transition: color 0.18s ease;
}

.wootech-nav .sub-menu a:hover,
.wootech-nav .sub-menu a:focus {
	color: #ffffff;
}

.wootech-nav .sub-menu li:last-child > a {
	border-bottom: 0;
}

.wootech-nav .sub-menu .sub-menu {
	position: relative;
	left: 0;
	top: 0;
	background: rgba(0, 0, 39, 0.9);
	border: 1px solid rgba(147, 147, 147, 0.5);
	border-radius: 0 0 18px 18px;
	max-height: 0;
	opacity: 0;
	visibility: hidden;
	transform: translateY(-6px);
	transition: opacity 0.18s ease, transform 0.2s ease, max-height 0.25s ease;
}

.wootech-nav .sub-menu .sub-menu a {
	padding-left: 45px;
}

.wootech-nav .sub-menu .menu-item-has-children > a::after {
	content: '';
	width: 10px;
	height: 9px;
	margin-left: auto;
	display: inline-block;
	background-repeat: no-repeat;
	background-size: 10px 9px;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='9' viewBox='0 0 10 9' fill='none'%3E%3Cpath d='M5.76446 8.25C5.37956 8.91667 4.41731 8.91667 4.03241 8.25L0.135298 1.5C-0.249602 0.833333 0.231524 0 1.00132 0L8.79555 0C9.56535 0 10.0465 0.833332 9.66158 1.5L5.76446 8.25Z' fill='%239D99E9'/%3E%3C/svg%3E");
	transform: rotate(-90deg);
}

.wootech-nav .sub-menu .menu-item-has-children.is-open > .sub-menu {
	max-height: 800px;
	opacity: 1;
	visibility: visible;
	transform: translateY(0);
}

.wootech-header__right {
	flex-shrink: 0;
	display: flex;
	align-items: center;
}

.wootech-search {
	position: relative;
	width: 50px;
	height: 50px;
	overflow: visible;
	transition: width 0.35s cubic-bezier(0.22, 1, 0.36, 1);
	z-index: 99;
}

.wootech-search__form {
	position: relative;
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
}

.wootech-search__input {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	padding: 0 14px 0 46px;
	border: 1px solid rgba(157, 153, 233, 0.35);
	border-radius: 10px;
	background: rgba(255, 255, 255, 0.08);
	color: #ffffff;
	font-size: 14px;
	opacity: 0;
	pointer-events: none;
	transform: scaleX(0.2);
	transform-origin: left center;
	transition: opacity 0.22s ease, transform 0.32s cubic-bezier(0.22, 1, 0.36, 1);
	box-sizing: border-box;
}

.wootech-search__input::placeholder {
	color: #9d99e9;
}

.wootech-search.is-open .wootech-search__input {
	opacity: 1;
	pointer-events: auto;
	transform: scaleX(1);
}

.wootech-search.is-open {
	width: 175px;
	background: #14143a;
}

.wootech-icon-btn {
	display: inline-flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	width: 50px;
	height: 50px;
	padding: 10px;
	box-sizing: border-box;
	border: 0;
	border-radius: 10px;
	background: transparent;
	color: #e8edff;
	cursor: pointer;
	transition: background-color 0.2s ease, transform 0.2s ease;
}

.wootech-icon-btn:active {
	transform: scale(0.97);
}

.wootech-search__toggle {
	position: absolute;
	top: 0;
	left: 0;
	right: auto;
}

.wootech-lang {
	position: relative;
}

.wootech-lang__native {
	position: absolute;
	width: 1px;
	height: 1px;
	overflow: hidden;
	clip: rect(1px, 1px, 1px, 1px);
	white-space: nowrap;
	clip-path: inset(50%);
	opacity: 0;
	pointer-events: none;
}

.gt_float_switcher,
#gt_float_wrapper,
.gtranslate_wrapper {
	position: fixed !important;
	left: -10000px !important;
	top: auto !important;
	bottom: 0 !important;
	width: 1px !important;
	height: 1px !important;
	overflow: hidden !important;
	opacity: 0 !important;
	pointer-events: none !important;
	visibility: hidden !important;
}

.goog-logo-link,
.goog-te-gadget > span,
body > .skiptranslate,
iframe.goog-te-banner-frame {
	display: none !important;
}

body {
	top: 0 !important;
}

.wootech-lang__toggle {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	height: 50px;
	padding: 0 12px;
	box-sizing: border-box;
	border: 0;
	border-radius: 10px;
	background: transparent;
	color: #ffffff;
	font-size: 15px;
	font-weight: 600;
	line-height: 1;
	cursor: pointer;
	transition: background-color 0.2s ease;
}

.wootech-lang__toggle svg {
	width: 22px;
	height: 22px;
	flex-shrink: 0;
	opacity: 0.95;
}

.wootech-lang__current {
	display: inline-flex;
	align-items: center;
	min-width: 34px;
	letter-spacing: 0;
}

.wootech-lang__toggle:hover,
.wootech-lang__toggle:focus-visible,
.wootech-lang.is-open .wootech-lang__toggle {
	background: #1a1a35;
}

.wootech-caret {
	position: relative;
	width: 12px;
	height: 12px;
	flex-shrink: 0;
	margin-left: 1px;
	transition: transform 0.2s ease;
}

.wootech-caret::before {
	content: '';
	position: absolute;
	top: 3px;
	left: 2px;
	width: 7px;
	height: 7px;
	border-right: 1.8px solid currentColor;
	border-bottom: 1.8px solid currentColor;
	transform: rotate(45deg);
}

.wootech-lang.is-open .wootech-caret {
	transform: rotate(180deg);
}

.wootech-lang__menu {
	position: absolute;
	top: calc(100% + 28px);
	right: 0;
	width: 118px;
	margin: 0;
	padding: 0;
	list-style: none;
	border-radius: 14px;
	border: 1px solid #e9ecff;
	background: #ffffff;
	opacity: 0;
	visibility: hidden;
	transform: translateY(6px);
	transition: opacity 0.18s ease, transform 0.18s ease, visibility 0.18s ease;
	z-index: 20;
	overflow: hidden;
	box-shadow: 0 18px 50px rgba(6, 9, 45, 0.22);
}

.wootech-lang.is-open .wootech-lang__menu {
	opacity: 1;
	visibility: visible;
	transform: translateY(0);
}

.wootech-lang__menu li + li {
	border-top: 1px solid #e5e5e5;
}

.wootech-lang__menu button {
	width: 100%;
	padding: 12px 10px;
	border: 0;
	background: #ffffff;
	color: #0d0d0d;
	font-family: inherit;
	font-size: 14px;
	font-weight: 400;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 8px;
	text-align: left;
	cursor: pointer;
}

.wootech-lang__option-label {
	display: inline-flex;
	align-items: center;
	gap: 7px;
	min-width: 0;
	max-width: 74px;
}

.wootech-lang__flag {
	width: 24px;
	height: 16px;
	border-radius: 4px;
	box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.08);
	flex-shrink: 0;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	font-size: 13px;
	line-height: 1;
}

.wootech-lang__flag--vi {
	background: linear-gradient(135deg, #d9001b 0%, #f2422b 100%);
}

.wootech-lang__flag--en {
	background: linear-gradient(135deg, #0a47b8 0%, #1a73e8 50%, #ffffff 50%, #ffffff 100%);
}

.wootech-lang__flag--ko {
	background: linear-gradient(135deg, #ffffff 0%, #f4f6ff 100%);
}

.wootech-lang__text {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.wootech-lang__check {
	width: 14px;
	height: 14px;
	border: 1.5px solid #b8b8b8;
	border-radius: 50%;
	flex-shrink: 0;
	position: relative;
}

.wootech-lang__menu button.is-active .wootech-lang__check {
	border-color: #ff2d2d;
}

.wootech-lang__menu button.is-active .wootech-lang__check::after {
	content: '';
	position: absolute;
	top: 3px;
	left: 3px;
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background: #ff2d2d;
}

.wootech-lang__menu button:hover,
.wootech-lang__menu button:focus-visible {
	background: #f5f5f5;
}

.wootech-link {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	height: 50px;
	padding: 10px 30px 10px 20px;
	box-sizing: border-box;
	border-radius: 10px;
	color: #ffffff;
	text-decoration: none;
	font-size: 16px;
	font-weight: 700;
	line-height: normal;
	transition: background-color 0.2s ease, color 0.2s ease;
}

.wootech-link:hover,
.wootech-link:focus-visible {
	background: rgba(255, 255, 255, 0.06);
}

.wootech-button {
	cursor: pointer;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	height: 50px;
	padding: 10px 20px;
	box-sizing: border-box;
	border-radius: 12px;
	background: #ffffff;
	color: #4f60ff;
	text-decoration: none;
	font-size: 16px;
	font-weight: 600;
	line-height: normal;
	box-shadow: 0 12px 70px rgba(71, 57, 239, 0.1);
	transition: transform 0.2s ease, box-shadow 0.2s ease;
	border: none;
}

.wootech-button:hover,
.wootech-button:focus-visible {
	transform: translateY(-1px);
	box-shadow: 0 16px 50px rgba(71, 57, 239, 0.16);
	color: #fff;
	background: #4f60ff;
}

.wootech-menu-fallback a {
	text-decoration: none;
}

.wootech-auth-area {
	position: relative;
	display: inline-flex;
	align-items: center;
}

.wootech-auth-popover {
	position: absolute;
	top: calc(100% + 28px);
	right: 0;
	width: 425px;
	max-width: min(425px, calc(100vw - 24px));
	opacity: 0;
	visibility: hidden;
	pointer-events: none;
	transform: translateY(18px) scale(0.98);
	transform-origin: top right;
	transition: opacity 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275),
		transform 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275),
		visibility 300ms;
	z-index: 60;
}

.wootech-auth-area.is-open .wootech-auth-popover {
	opacity: 1;
	visibility: visible;
	pointer-events: auto;
	transform: translateY(0) scale(1);
}

.wootech-auth-popover__dialog {
	width: 100%;
	border-radius: 20px;
	background: #ffffff;
	padding: 40px 20px;
	box-sizing: border-box;
	box-shadow: 0 12px 70px rgba(71, 57, 239, 0.1);
	position: relative;
}

.wootech-auth-modal__close {
	display: none;
}

.wootech-auth-view {
	display: block;
	animation: wootechAuthViewIn 220ms ease;
}

.wootech-auth-view[hidden] {
	display: none;
}

.wootech-auth-notice {
	margin-bottom: 12px;
	padding: 10px 12px;
	border-radius: 8px;
	font-size: 14px;
	line-height: 1.5;
}

.wootech-auth-notice.is-error {
	background: #fff2f2;
	border: 1px solid #ffcccc;
	color: #b40000;
}

.wootech-auth-notice.is-success {
	background: #f1fff3;
	border: 1px solid #b9ebc2;
	color: #0f7a23;
}

.wootech-auth-modal__title {
	margin: 0;
	font-size: 24px;
	line-height: normal;
	font-weight: 700;
	color: #131326;
}

.wootech-auth-modal__title strong {
	color: #4739ef;
}

.wootech-auth-modal__subtitle {
	margin: 10px 0 0;
	font-size: 16px;
	line-height: 20px;
	color: #595683;
}

.wootech-auth-modal__form {
	display: flex;
	flex-direction: column;
	gap: 10px;
	margin-top: 30px;
}

.wootech-auth-modal__form label {
	font-size: 16px;
	font-weight: 600;
	color: #000000;
}

.wootech-auth-modal__form input[type='text'],
.wootech-auth-modal__form input[type='email'],
.wootech-auth-modal__form input[type='password'] {
	height: 60px;
	padding: 0 16px;
	border: 1px solid #dddaff;
	border-radius: 10px;
	background: #f5f5f5;
	font-size: 14px;
	color: #524d4d;
	box-sizing: border-box;
	transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

.wootech-auth-modal__form input[type='text']::placeholder,
.wootech-auth-modal__form input[type='email']::placeholder,
.wootech-auth-modal__form input[type='password']::placeholder {
	color: #8f8baa;
}

.wootech-auth-modal__form input[type='text']:focus,
.wootech-auth-modal__form input[type='email']:focus,
.wootech-auth-modal__form input[type='password']:focus {
	outline: none;
	border-color: #c9c3ff;
	box-shadow: 0 0 0 3px rgba(71, 57, 239, 0.08);
}

.wootech-auth-modal__meta-link {
	align-self: flex-start;
	font-size: 16px;
	font-weight: 600;
	color: #000000;
	text-decoration: none;
	margin-top: 8px;
	padding: 0;
	background: transparent;
	border: 0;
	cursor: pointer;
}

.wootech-auth-modal__submit {
	height: 60px;
	border: 0;
	border-radius: 10px;
	background: #1b1d44;
	color: #ffffff;
	font-size: 18px;
	font-weight: 600;
	cursor: pointer;
	margin-top: 10px;
}

.wootech-auth-modal__register {
	margin: 20px 0 0;
	text-align: center;
	font-size: 14px;
	line-height: 20px;
	color: #000000;
}

.wootech-auth-modal__register a {
	color: #4739ef;
}

.wootech-auth-switch {
	background: transparent;
	border: 0;
	padding: 0;
	margin: 0;
	color: #4739ef;
	text-decoration: underline;
	cursor: pointer;
	font: inherit;
}

@keyframes wootechAuthViewIn {
	from {
		opacity: 0;
		transform: translateY(4px);
	}
	to {
		opacity: 1;
		transform: translateY(0);
	}
}

body.wootech-modal-open {
	overflow: hidden;
}


.wootech-contact-area {
	position: relative;
	display: inline-flex;
	align-items: center;
}

.wootech-contact-modal {
	position: absolute;
	top: calc(100% + 28px);
	right: 0;
	width: 442px;
	max-width: min(442px, calc(100vw - 24px));
	opacity: 0;
	visibility: hidden;
	pointer-events: none;
	transform: translateY(18px) scale(0.98);
	transform-origin: top right;
	transition: opacity 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275),
		transform 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275),
		visibility 300ms;
	z-index: 60;
}

.wootech-contact-area.is-open .wootech-contact-modal {
	opacity: 1;
	visibility: visible;
	pointer-events: auto;
	transform: translateY(0) scale(1);
}

.wootech-contact-modal__dialog {
	position: relative;
	width: 100%;
	max-height: min(84vh, 920px);
	background: transparent;
	border-radius: 0;
	overflow: auto;
	box-shadow: none;
	padding: 0;
}

.wootech-contact-modal__close {
	position: absolute;
	top: 8px;
	right: 10px;
	width: 34px;
	height: 34px;
	border-radius: 50%;
	border: 0;
	background: rgba(0, 0, 39, 0.08);
	font-size: 24px;
	line-height: 1;
	color: #000029;
	cursor: pointer;
	z-index: 3;
}

.wootech-contact-modal__content {
    box-sizing: border-box;
    background: #fff;
    padding: 20px;
    border-radius: 10px;
}

.wootech-contact-modal__content .elementor {
	margin: 0;
}
.woo_title span {color:#4739EF;}
.woo_title_bg span {color: #9D99E9;}
.woo-hero-btn .elementor-button-content-wrapper {
	align-items: center;
	gap: 10px;
}
.woo-hero-btn svg {
    width: 42px !important;
    height: 42px !important;
}
.woo-hero-btn:hover svg circle {
	fill: #455BFF !important;
}
.woo-hero-btn:hover svg path {
	fill: #fff !important;
}
.woo-hero-icondt .elementor-image-box-img {
	display: -webkit-box!important;
}
.woo-hero-icondt .elementor-image-box-content h3 {
	margin: 0;
}

#hero-slide .swiper-pagination-bullet-active {
    width: 30px;
    height: 10px;
    border-radius: 100px;
}
.woo-title-home .elementor-heading-title {
	color: #000;
	font-family: SVN-Gilroy;
	font-size: 36px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
}

.wootech-timeline {
	--wootech-timeline-axis: 190px;
	position: relative;
	width: 100%;
	max-width: 1620px;
	margin: 0 auto;
	height: 335px;
	background: transparent;
	overflow: hidden;
	padding: 0;
	outline: none;
}

.wootech-timeline::before {
	content: '';
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	height: 196px;
	background-image: url("data:image/svg+xml,%3Csvg width='1620' height='196' viewBox='0 0 1620 196' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M132 0V194.855' stroke='%23CCCCCC' stroke-dasharray='6 6'/%3E%3Cpath d='M266 0V194.855' stroke='%23CCCCCC' stroke-dasharray='6 6'/%3E%3Cpath d='M402 0V194.855' stroke='%23CCCCCC' stroke-dasharray='6 6'/%3E%3Cpath d='M537 0V194.855' stroke='%23CCCCCC' stroke-dasharray='6 6'/%3E%3Cpath d='M671 0V194.855' stroke='%23CCCCCC' stroke-dasharray='6 6'/%3E%3Cpath d='M807 0V194.855' stroke='%23CCCCCC' stroke-dasharray='6 6'/%3E%3Cpath d='M942 0V194.855' stroke='%23CCCCCC' stroke-dasharray='6 6'/%3E%3Cpath d='M1076 0V194.855' stroke='%23CCCCCC' stroke-dasharray='6 6'/%3E%3Cpath d='M1211 0V194.855' stroke='%23CCCCCC' stroke-dasharray='6 6'/%3E%3Cpath d='M1347 0V194.855' stroke='%23CCCCCC' stroke-dasharray='6 6'/%3E%3Cpath d='M1481 0V194.855' stroke='%23CCCCCC' stroke-dasharray='6 6'/%3E%3Cpath d='M0 195.104L1620 195.105' stroke='%23455BFF'/%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-position: center top;
	background-size: 100% 196px;
	pointer-events: none;
	z-index: 0;
}

.wootech-timeline__swiper {
	height: 100%;
	position: relative;
	z-index: 2;
}

.wootech-timeline__wrapper {
	height: 100%;
}

.wootech-timeline__item {
	position: relative;
	height: 100%;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: flex-start;
	text-align: center;
	padding: 115px 0px 0px;
	box-sizing: border-box;
	border-left: 0;
	border-right: 0;
	opacity: 0.4;
	transition: opacity 0.38s ease;
}

.wootech-timeline__item::before {
	display: none;
}

.wootech-timeline__year-wrap {
	display: flex;
	flex-direction: column;
	align-items: center;
	line-height: 1.1;
	margin-bottom: 0;
	transform: translateY(12px);
	transition: transform 0.45s cubic-bezier(0.22, 1, 0.36, 1);
}

.wootech-timeline__year-label {
	font-size: 16px;
	font-weight: 600;
	color: #9d99e9;
	margin-bottom: 2px;
}

.wootech-timeline__year {
	margin: 0;
	font-size: 30px;
	font-weight: 700;
	line-height: 1;
	color: #8d8d8d;
}

.wootech-timeline__line {
	display: none;
}

.wootech-timeline__fixed-dots {
	position: absolute;
	left: 0;
	right: 0;
	top: var(--wootech-timeline-axis);
	transform: translateY(-50%);
	display: grid;
	grid-template-columns: repeat(5, 1fr);
	align-items: center;
	pointer-events: none;
	z-index: 2;
}

.wootech-timeline__fixed-dot {
	justify-self: center;
	width: 14px;
	height: 14px;
	border-radius: 50%;
	box-sizing: border-box;
	background: #ffffff;
	border: 2px solid #9d99e9;
	opacity: 0.95;
}

.wootech-timeline__fixed-dot--center {
	opacity: 0;
}

.wootech-timeline__dot {
	display: none;
}

.wootech-timeline__desc {
	position: absolute;
	top: calc(var(--wootech-timeline-axis) + 40px);
	left: 50%;
	margin: 0;
	font-size: 14px;
	line-height: 20px;
	font-weight: 400;
	color: #525252;
	width: 270px;
	transform: translateX(-50%);
	transition: transform 0.5s cubic-bezier(0.22, 1, 0.36, 1), color 0.3s ease, opacity 0.35s ease;
}

.wootech-timeline .swiper-slide-prev,
.wootech-timeline .swiper-slide-next {
	opacity: 1;
}

.wootech-timeline .swiper-slide-active {
	opacity: 1;
}

.wootech-timeline .swiper-slide-visible:not(.swiper-slide-active):not(.swiper-slide-prev):not(.swiper-slide-next) {
	opacity: 0.42;
}

.wootech-timeline .swiper-slide-active .wootech-timeline__year {
	font-size:45px;
	color: #454545;
}

.wootech-timeline .swiper-slide-active .wootech-timeline__year-wrap,
.wootech-timeline .swiper-slide-active .wootech-timeline__desc {
	transform: translateX(-50%);
}

.wootech-timeline .swiper-slide-active .wootech-timeline__year-wrap {
	transform: translateY(-25px);
}

.wootech-timeline .swiper-slide-prev .wootech-timeline__year-wrap,
.wootech-timeline .swiper-slide-next .wootech-timeline__year-wrap,
.wootech-timeline .swiper-slide-prev .wootech-timeline__desc,
.wootech-timeline .swiper-slide-next .wootech-timeline__desc {
	transform: translateX(-50%);
}

.wootech-timeline .swiper-slide-prev .wootech-timeline__year-wrap,
.wootech-timeline .swiper-slide-next .wootech-timeline__year-wrap {
	transform: translateY(0);
}

.wootech-timeline .swiper-slide-active .wootech-timeline__desc {
	font-weight: 600;
	color: #111111;
}

.wootech-timeline .swiper-slide-active .wootech-timeline__dot {
	opacity: 0;
}

.wootech-timeline .swiper-slide-active .wootech-timeline__dot::after {
	content: none;
}

.wootech-timeline__center-nav {
	position: absolute;
	left: 50%;
	top: var(--wootech-timeline-axis);
	transform: translate(-50%, -50%);
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 2px;
	width: 34px;
	height: 34px;
	border-radius: 50%;
	background: #455bff;
	border: 2px solid #ffffff;
	box-shadow: 0 0 0 2px #455bff;
	z-index: 4;
	overflow: visible;
}

.wootech-timeline__center-nav::before,
.wootech-timeline__center-nav::after {
	content: '';
	position: absolute;
	left: 50%;
	top: 50%;
	width: 52px;
	height: 52px;
	border-radius: 50%;
	border: 2px solid rgba(157, 153, 233, 0.42);
	transform: translate(-50%, -50%) scale(1);
	pointer-events: none;
	z-index: -1;
	animation: wootechTimelinePulse 2.2s ease-out infinite;
}

.wootech-timeline__center-nav::after {
	animation-delay: 1.1s;
}

.wootech-timeline__arrow {
	width: 12px;
	height: 18px;
	border: 0;
	background: transparent;
	color: #ffffff;
	cursor: pointer;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 0;
	line-height: 1;
	font-size: 0;
}

.wootech-timeline__arrow svg {
	display: block;
	width: 5px;
	height: 8px;
}

@keyframes wootechTimelinePulse {
	0% {
		opacity: 0.75;
		transform: translate(-50%, -50%) scale(0.92);
	}
	70% {
		opacity: 0;
		transform: translate(-50%, -50%) scale(1.6);
	}
	100% {
		opacity: 0;
		transform: translate(-50%, -50%) scale(1.8);
	}
}

.wootech-timeline__fade {
	position: absolute;
	top: 0;
	bottom: 0;
	width: 268px;
	pointer-events: none;
	z-index: 5;
}

.wootech-timeline__fade--left {
	left: 0;
	background: linear-gradient(90deg, #ffffff 0%, rgba(255, 255, 255, 0) 100%);
}

.wootech-timeline__fade--right {
	right: 0;
	background: linear-gradient(270deg, #ffffff 0%, rgba(255, 255, 255, 0) 100%);
}
@media (max-width:1400px) {
	.wootech-timeline {
		--wootech-timeline-axis: 175px;
	}
}

@media (max-width: 1280px) {
	.wootech-timeline {
		--wootech-timeline-axis: 169px;
		height: 280px;
	}

	.wootech-timeline__fade {
		width: 120px;
	}

	.wootech-timeline__item {
		padding: 70px 18px 24px;
	}

	.wootech-timeline__year-label {
		font-size: 15px;
	}

	.wootech-timeline__year {
		font-size: 36px;
	}

	.wootech-timeline .swiper-slide-active .wootech-timeline__year {
		font-size: 48px;
	}

	.wootech-timeline__desc {
		max-width: 230px;
		top: calc(var(--wootech-timeline-axis) + 30px);
	}
}
@media (max-width: 1024px) {
	.wootech-timeline {
        --wootech-timeline-axis: 155px;
    }
}

@media (max-width: 991px) {
	/* ── Timeline: mobile responsive (matches Figma 174:9114) ── */
	.wootech-timeline {
		display: block;
		overflow: hidden;
		--wootech-timeline-axis: 175px;
		height: 335px;
	}

	/* Replace desktop 1620px SVG with a proportional mobile version */
	.wootech-timeline::before {
		height: 196px;
		background-image: url("data:image/svg+xml,%3Csvg width='390' height='196' viewBox='0 0 390 196' fill='none' xmlns='http://www.w3.org/2000/svg' preserveAspectRatio='none'%3E%3Cpath d='M97 0V195' stroke='%23CCCCCC' stroke-dasharray='6 6'/%3E%3Cpath d='M195 0V195' stroke='%23CCCCCC' stroke-dasharray='6 6'/%3E%3Cpath d='M292 0V195' stroke='%23CCCCCC' stroke-dasharray='6 6'/%3E%3Cpath d='M0 195L390 195' stroke='%23455BFF'/%3E%3C/svg%3E");
		background-size: 100% 177px;
	}

	/* Slide base: dimmed adjacent slides, full padding */
	.wootech-timeline__item {
		border-left: 0;
		border-right: 0;
		padding: 68px 15px 20px;
		opacity: 0.3;
	}

	.wootech-timeline .swiper-slide-active {
		opacity: 1;
	}

	.wootech-timeline .swiper-slide-prev,
	.wootech-timeline .swiper-slide-next {
		opacity: 0.3;
	}

	.wootech-timeline__year-label {
		font-size: 14px;
	}

	/* Inactive year smaller; active matches Figma 45px */
	.wootech-timeline__year {
		font-size: 28px;
		color: #8d8d8d;
		white-space: nowrap;
		overflow: visible;
		text-overflow: clip;
	}

	.wootech-timeline .swiper-slide-active .wootech-timeline__year {
		font-size: 45px;
		color: #454545;
	}

	/* Lift active year-wrap above the axis line */
	.wootech-timeline .swiper-slide-active .wootech-timeline__year-wrap {
		transform: translateY(-20px);
	}

	/* Wider description, properly spaced below axis */
	.wootech-timeline__desc {
		font-size: 14px;
		line-height: 20px;
		width: min(320px, calc(100vw - 80px));
		transform: translateX(-50%);
		top: calc(var(--wootech-timeline-axis) + 28px);
	}

	.wootech-timeline .swiper-slide-active .wootech-timeline__desc {
		font-weight: 400;
		color: #525252;
	}

	/* 5-column dot grid doesn't align at 1-slide view: hide it */
	.wootech-timeline__fixed-dots {
		display: none;
	}

	/* Narrow fades so peeking adjacent slides remain visible */
	.wootech-timeline__fade {
		width: 20px;
	}
}
.hero-slide .swiper-pagination {
    display: flex;
    align-items: center;
}
.hero-slide .custom-slide-label {
    color: #fff;
    font-size: 16px;
    font-weight: 400;
    padding-left: 15px;
}
.hero-colright .elementor-icon-list-items .elementor-icon-list-item {
    background-color: rgba(255, 255, 255, 0.10);
    padding: 10px 20px;
    border-radius: 20px;
	margin-bottom: 10px;
}
@media (max-width: 1600px) {
	.wootech-header__bar {
		min-height: 84px;
		padding: 0 28px;
		gap: 22px;
	}

	.wootech-header__left {
		gap: 46px;
	}

	.wootech-logo-wrap .custom-logo {
		height: 64px;
		max-height: 64px;
	}

	.wootech-logo-text {
		font-size: 26px;
	}

	.wootech-nav .menu {
		gap: 2px;
	}

	.wootech-nav .menu > li > a {
		font-size: 15px;
		padding: 12px 14px;
	}

	.wootech-nav .sub-menu {
		min-width: 280px;
	}

	.wootech-nav .sub-menu a {
		font-size: 15px;
		min-height: 54px;
	}

	.wootech-lang,
	.wootech-link {
		font-size: 15px;
	}

	.wootech-button {
		height: 42px;
		font-size: 15px;
		padding: 0 18px;
	}

	.wootech-search.is-open {
		width: 220px;
	}
}
@media (max-width: 1400px) {
	.wootech-nav .menu > li > a {
	padding: 12px 10px;
    }
	.wootech-header__left {
	gap: 30px;
	}
}
@media (max-width: 767px) {
	.wootech-contact-modal {
		top: calc(100% + 12px);
		right: -8px;
		width: min(442px, calc(100vw - 16px));
	}

	.wootech-contact-modal__dialog {
		max-height: min(78vh, 820px);
	}
	.wootech-auth-popover {
		top: auto;
		right: 0;
		width: auto;
		bottom: 102px;
	}

	.wootech-auth-popover__dialog {
		padding: 20px;
		max-height: calc(100vh - 140px);
	}

	.wootech-auth-modal__title {
		font-size: 28px;
	}

	.wootech-auth-modal__subtitle {
		font-size: 17px;
		margin-bottom: 16px;
	}

	.wootech-auth-modal__form label,
	.wootech-auth-modal__meta-link,
	.wootech-auth-modal__register {
		font-size: 15px;
	}

	.wootech-auth-modal__form input[type='text'],
	.wootech-auth-modal__form input[type='email'],
	.wootech-auth-modal__form input[type='password'] {
		height: 48px;
		font-size: 15px;
	}

	.wootech-auth-modal__submit {
		height: 48px;
		font-size: 22px;
	}
}

@media (max-width: 1200px) {
	.wootech-header__left {
		gap: 26px;
	}

	.wootech-nav .menu {
		gap: 0;
	}

	.wootech-nav .menu > li > a {
		font-size: 14px;
		padding: 10px 12px;
	}

	.wootech-nav .sub-menu {
		min-width: 250px;
	}

	.wootech-nav .sub-menu a {
		padding: 12px 14px;
		min-height: 46px;
		font-size: 14px;
	}

	.wootech-lang,
	.wootech-link {
		font-size: 14px;
	}

	.wootech-button {
		height: 40px;
		font-size: 14px;
	}

	.wootech-link,
	.wootech-lang__toggle {
		height: 40px;
		padding: 8px 12px;
	}

	.wootech-icon-btn {
		width: 40px;
		height: 40px;
	}

	.wootech-search {
		width: 40px;
		height: 40px;
	}

	.wootech-search.is-open {
		width: 180px;
	}

	.wootech-lang__menu {
		width: 118px;
	}
}

.wootech-header__mobile-top {
	display: block;
	width: auto;
}

.wootech-mobile-contact-btn,
.wootech-mobile-tabbar,
.wootech-mobile-nav__close,
.wootech-mobile-nav__search {
	display: none;
}

@media (max-width: 1024px) {
	body.wootech-mobile-nav-open {
		overflow: hidden;
	}

	.wootech-header {
		background: #000029;
	}

	.wootech-header__bar {
		/* max-width: min(421px, calc(100vw - 20px)); */
		min-height: auto;
		padding: 22px 19px 20px;
		display: block;
	}

	.wootech-header__left {
		display: block;
		width: 100%;
	}

	.wootech-header__mobile-top {
		display: flex;
		align-items: center;
		justify-content: space-between;
		width: 100%;
		gap: 12px;
	}

	.wootech-logo-wrap .custom-logo {
		height: 62px;
		max-height: 62px;
	}

	.wootech-mobile-contact-btn {
		display: inline-flex;
		align-items: center;
		justify-content: center;
		height: auto;
		padding: 17px 20px;
		border-radius: 10px;
		background: #4f5dff;
		color: #ffffff;
		font-size: 16px;
		line-height: 1;
		font-weight: 600;
		white-space: nowrap;
		box-shadow: none;
		border: none;
	}

	.wootech-header__right {
		display: block;
		position: relative;
		width: 0;
		height: 0;
		overflow: visible;
	}

	.wootech-header__right > :not(.wootech-contact-area--desktop) {
		display: none !important;
	}

	.wootech-contact-area--desktop {
		display: inline-flex;
		position: fixed;
		top: 14px;
		right: 10px;
		z-index: 330;
	}

	.wootech-contact-modal {
		position: fixed;
		top: 82px;
		left: 50%;
		right: auto;
		width: min(442px, calc(100vw - 16px));
		max-width: min(442px, calc(100vw - 16px));
		transform: translate(-50%, 18px) scale(0.98);
		transform-origin: top center;
	}

	.wootech-contact-area.is-open .wootech-contact-modal {
		transform: translate(-50%, 0) scale(1);
	}

	.wootech-contact-area--desktop > .wootech-button {
		display: none;
	}

	.wootech-nav {
		display: block;
		visibility: hidden;
		opacity: 0;
		pointer-events: none;
		position: fixed;
		inset: 0;
		z-index: 300;
		padding: 0;
		background: transparent;
		transition:
			opacity 0.32s cubic-bezier(0.22, 1, 0.36, 1),
			visibility 0s linear 0.32s;
	}

	.wootech-nav.is-open {
		visibility: visible;
		opacity: 1;
		pointer-events: auto;
		transition:
			opacity 0.32s cubic-bezier(0.22, 1, 0.36, 1),
			visibility 0s linear 0s;
	}

	.wootech-nav__inner {
		position: absolute;
		top: 50px;
		left: 20px;
		right: 20px;
		bottom: 119px;
		max-width: 408px;
		margin-left: auto;
		margin-right: auto;
		display: flex;
		flex-direction: column;
		background: rgba(0, 0, 41, 0.5);
		backdrop-filter: blur(25px);
		-webkit-backdrop-filter: blur(25px);
		border: 1px solid rgba(79, 75, 159, 0.7);
		border-radius: 20px 20px 0 0;
		padding: 14px 14px 14px;
		box-sizing: border-box;
		overflow: hidden;
		transform: translateY(40px);
		transition: transform 0.38s cubic-bezier(0.22, 1, 0.36, 1);
	}

	.wootech-nav.is-open .wootech-nav__inner {
		transform: translateY(0);
	}

	.wootech-mobile-nav__close {
		display: inline-flex;
		align-items: center;
		justify-content: center;
		position: fixed;
		top: 8px;
		right: 8px;
		z-index: 310;
		width: 40px;
		height: 40px;
		border-radius: 50%;
		background: rgba(13, 13, 52, 0.95);
		border: 1px solid #fff;
		cursor: pointer;
		padding: 0;
		flex-shrink: 0;
		transform: scale(0.7);
		opacity: 0;
		transition: transform 0.3s cubic-bezier(0.22, 1, 0.36, 1), opacity 0.3s ease;
	}

	.wootech-nav.is-open .wootech-mobile-nav__close {
		transform: scale(1);
		opacity: 1;
	}

	.wootech-mobile-nav__search {
		display: block;
		position: relative;
		margin: 0 0 8px;
		flex-shrink: 0;
		z-index: 1;
	}

	.wootech-mobile-nav__search-icon {
		position: absolute;
		left: 15px;
		top: 50%;
		transform: translateY(-50%);
		width: 32px;
		height: 32px;
		display: flex;
		align-items: center;
		justify-content: center;
		pointer-events: none;
	}

	.wootech-mobile-nav__search-icon svg {
		width: 32px;
		height: 32px;
	}

	.wootech-mobile-nav__search input {
		width: 100%;
		height: 60px;
		padding: 0 18px 0 57px;
		border: 1px solid #9d99e9;
		border-radius: 10px;
		background: rgba(89, 86, 131, 0.05);
		backdrop-filter: blur(20px);
		-webkit-backdrop-filter: blur(20px);
		color: #ffffff;
		font-size: 16px;
		outline: none;
		box-sizing: border-box;
	}

	.wootech-mobile-nav__search input::placeholder {
		color: rgba(157, 153, 233, 0.7);
	}

	.wootech-nav__menu-wrap {
		flex: 1 1 auto;
		min-height: 0;
		overflow-y: auto;
		overflow-x: hidden;
		scrollbar-width: thin;
		scrollbar-color: rgba(71, 57, 239, 0.6) rgba(255, 255, 255, 0.04);
	}

	.wootech-nav__menu-wrap::-webkit-scrollbar {
		width: 4px;
	}

	.wootech-nav__menu-wrap::-webkit-scrollbar-track {
		background: rgba(255, 255, 255, 0.04);
		border-radius: 4px;
	}

	.wootech-nav__menu-wrap::-webkit-scrollbar-thumb {
		background: rgba(71, 57, 239, 0.6);
		border-radius: 4px;
	}

	.wootech-nav__menu-wrap::-webkit-scrollbar-thumb:hover {
		background: rgba(71, 57, 239, 0.9);
	}

	.wootech-nav .menu {
		display: block;
		background: transparent;
		border: none;
		border-radius: 0;
		padding: 0 0 8px;
		margin-top: 0;
		overflow: visible;
	}

	.wootech-nav .menu > li {
		border-bottom: 1px solid rgba(157, 153, 233, 0.25);
	}

	.wootech-nav .menu > li > a {
		padding: 16px 20px;
		min-height: unset;
		line-height: 1.3;
		font-size: 17px;
		font-weight: 500;
		color: #c0bdf0;
		justify-content: flex-start;
	}

	.wootech-nav .menu > li.current-menu-item > a,
	.wootech-nav .menu > li.current-menu-ancestor > a,
	.wootech-nav .menu > li > a:focus,
	.wootech-nav .menu > li > a:hover {
		color: #ffffff;
	}

	.wootech-nav .menu > li.menu-item-has-children > a::after {
		margin-left: 8px;
		width: 13px;
		height: 13px;
		background-size: 13px 13px;
	}

	.wootech-nav .sub-menu {
		position: relative;
		top: 0;
		left: 0;
		min-width: 100%;
		border: 0;
		border-radius: 0;
		background: transparent;
		transform: none;
		padding-left: 0;
		margin-left: 0;
		margin-right: 0;
		width: 100%;
	}

	.wootech-nav .sub-menu a {
		padding: 16px 20px;
		min-height: unset;
		line-height: 1.3;
		font-size: 17px;
		color: #c0bdf0;
		border-bottom: 1px solid rgba(157, 153, 233, 0.25);
	}

	.wootech-mobile-tabbar {
		position: fixed;
		left: 20px;
		right: 20px;
		bottom: 20px;
		z-index: 310;
		display: flex;
		align-items: center;
		justify-content: space-between;
		height: 99px;
		max-width: 408px;
		margin: 0 auto;
		padding: 0 16px;
		border-radius: 30px;
		border: 1px solid #4f4b9f;
		background: rgba(13, 13, 52, 0.95);
		box-shadow: 0 30px 32.4px rgba(71, 57, 239, 0.14);
	}

	.wootech-mobile-tab {
		width: 62px;
		height: 62px;
		display: inline-flex;
		align-items: center;
		justify-content: center;
		color: #ffffff;
		background: transparent;
		border: 0;
		border-radius: 15px;
		padding: 0;
		text-decoration: none;
		cursor: pointer;
		transition: background-color 0.2s ease;
	}

	.wootech-mobile-tabbar.is-open .wootech-mobile-tab--menu {
		background: #1f1f79;
	}

	.wootech-mobile-tab--backtop {
		transition: background-color 0.2s ease, opacity 0.3s ease;
	}

	.wootech-mobile-lang {
		position: relative;
		display: inline-flex;
		align-items: center;
		justify-content: center;
	}

	.wootech-mobile-lang .wootech-lang__toggle {
		height: 62px;
		width: 62px;
		padding: 0;
		gap: 0;
		border-radius: 15px;
	}

	.wootech-mobile-lang .wootech-lang__current {
		display: none;
	}

	.wootech-mobile-lang .wootech-caret {
		display: none;
	}

	.wootech-mobile-lang .wootech-lang__menu {
		top: auto;
		bottom: calc(100% + 30px);
		right: auto;
		left: 50%;
		transform: translateX(-50%) translateY(8px);
		width: 148px;
		background: #ffffff;
		border: 1px solid #e9ecff;
		border-radius: 14px;
		box-shadow: 0 -8px 40px rgba(6, 9, 45, 0.22);
	}

	.wootech-mobile-lang.is-open .wootech-lang__menu {
		transform: translateX(-50%) translateY(0);
	}

	.wootech-mobile-lang .wootech-lang__menu li + li {
		border-top: 1px solid #e5e5e5;
	}

	.wootech-mobile-lang .wootech-lang__menu button {
		color: #0d0d0d;
		background: transparent;
	}

	.wootech-mobile-lang .wootech-lang__menu button:hover,
	.wootech-mobile-lang .wootech-lang__menu button:focus-visible {
		background: #f5f5f5;
	}

	.wootech-mobile-lang .wootech-lang__text {
		color: #0d0d0d;
	}

	.wootech-mobile-lang.is-open .wootech-mobile-tab {
		background: #1f1f79;
	}

	.wootech-mobile-lang .wootech-lang__check {
		border-color: #b8b8b8;
	}

	.wootech-mobile-lang .wootech-lang__menu button.is-active .wootech-lang__check {
		border-color: #ff2d2d;
	}

	.wootech-mobile-lang .wootech-lang__menu button.is-active .wootech-lang__check::after {
		background: #ff2d2d;
	}

	.wootech-mobile-tab svg {
		width: 32px;
		height: 32px;
	}

	/* ── Mobile auth panel: slide up above tab bar ── */
	.wootech-header__right > .wootech-auth-area {
		display: block !important;
		position: fixed;
		inset: 0;
		z-index: 299;
		width: auto !important;
		height: auto !important;
		overflow: visible !important;
		pointer-events: none;
		background: transparent;
		transition: background 0.32s ease;
	}

	.wootech-header__right > .wootech-auth-area.is-open {
		pointer-events: auto;
		background: rgba(0, 0, 20, 0.5);
		cursor: pointer;
	}

	.wootech-auth-area > .wootech-link {
		display: none !important;
	}

	.wootech-auth-popover {
		position: fixed !important;
		top: auto !important;
		right: 0 !important;
		bottom: 119px !important;
		left: 0 !important;
		width: calc(100% - 40px) !important;
		max-width: 408px;
		margin: 0 auto;
		z-index: 300;
		transform-origin: bottom center !important;
		transform: translateY(40px) !important;
		transition:
			opacity 0.38s cubic-bezier(0.22, 1, 0.36, 1),
			transform 0.38s cubic-bezier(0.22, 1, 0.36, 1),
			visibility 0.38s !important;
		cursor: auto;
	}

	.wootech-auth-area.is-open .wootech-auth-popover {
		transform: translateY(0) !important;
		opacity: 1 !important;
		visibility: visible !important;
		pointer-events: auto !important;
	}

	.wootech-auth-popover__dialog {
		padding: 20px 20px 24px;
		border-radius: 20px;
		max-height: calc(100vh - 160px);
		overflow-y: auto;
		box-shadow: 0 -8px 60px rgba(71, 57, 239, 0.14);
	}

	.wootech-auth-modal__close {
		display: inline-flex;
		align-items: center;
		justify-content: center;
		position: absolute;
		top: 14px;
		right: 14px;
		width: 32px;
		height: 32px;
		border-radius: 50%;
		background: #f0f0f5;
		border: none;
		cursor: pointer;
		padding: 0;
		z-index: 1;
		transition: background 0.2s ease;
	}

	.wootech-auth-modal__close:hover,
	.wootech-auth-modal__close:focus-visible {
		background: #e0e0ec;
	}

	body {
		padding-bottom: 126px;
	}
}

@media (min-width: 768px) and (max-width: 1024px) {
	.wootech-nav__inner {
		left: 30px;
		right: 30px;
		max-width: 800px;
	}

	.wootech-mobile-nav__close {
		right: 88px;
        top: 33px;
	}
}

@media (max-width: 767px) {
	.wootech-header__bar {
		max-width: min(421px, calc(100vw - 14px));
		padding: 20px 15px 20px;
	}

	.wootech-logo-wrap .custom-logo {
		height: 45px;
		max-height: 45px;
	}

	.wootech-logo-text {
		font-size: 18px;
	}

	.wootech-mobile-contact-btn {
		color: #ffffff;
		font-size: 16px;
		border-radius: 10px;
	}

	.wootech-contact-area--desktop {
		top: 10px;
		right: 7px;
	}

	.wootech-contact-modal {
		top: 64px;
		width: min(442px, calc(100vw - 12px));
		max-width: min(442px, calc(100vw - 12px));
	}

	.wootech-nav {
		padding: 0;
	}

	.wootech-nav__inner {
		top: 42px;
		left: 12px;
		right: 12px;
		bottom: 70px;
		padding: 12px 10px 10px;
	}

	.wootech-mobile-nav__close {
		top: 18px;
		right: 2px;
		width: 36px;
		height: 36px;
	}

	.wootech-mobile-nav__search {
		margin: 0 0 8px;
	}

	.wootech-mobile-nav__search-icon {
		left: 14px;
		width: 26px;
		height: 26px;
	}

	.wootech-mobile-nav__search-icon svg {
		width: 26px;
		height: 26px;
	}

	.wootech-mobile-nav__search input {
		height: 54px;
		padding: 0 14px 0 50px;
		font-size: 15px;
		border-radius: 10px;
	}

	.wootech-nav .menu > li > a {
		padding: 28px 16px;
		font-size: 17px;
	}

	.wootech-nav .sub-menu a {
		padding: 28px 16px;
		font-size: 17px;
	}

	.wootech-mobile-tabbar {
		left: 12px;
		right: 12px;
		bottom: 12px;
		height: 78px;
		padding: 0 12px;
		border-radius: 24px;
	}

	.wootech-mobile-tab {
		width: 50px;
		height: 50px;
	}

	.wootech-mobile-lang .wootech-lang__toggle {
		height: 50px;
		width: 50px;
		border-radius: 12px;
	}

	.wootech-mobile-tab svg {
		width: 28px;
		height: 28px;
	}

	body {
		padding-bottom: 100px;
	}
}

@media (max-width: 767px) { 
	.woo-hero-icondt  {
		background: rgba(255, 255, 255, 0.10);
		backdrop-filter: blur(9.149999618530273px);
	}
	.woo-hero-icondt  .elementor-image-box-wrapper {
		display: flex;
	}
}

/** --- Css custom --- */
.woo-breadcrumb .elementor-icon-list-items {
	line-height: 20px;
}
.woo-breadcrumb .elementor-icon-list-item::after {
	height: 16px!important;
	transform: rotate(20deg);
	transform-origin: center;
}
.woo-wrap-title .woo-des {}

.woo-des-single {
	position: relative;
	padding-left: 40px;
	padding-right: 40px;
}

.woo-des-single::before,
.woo-des-single::after {
	content: '';
	position: absolute;
	top: 0;
	width: 27px;
	height: 25px;
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
	pointer-events: none;
}

.woo-des-single::before {
	left: 0;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='27' height='25' viewBox='0 0 27 25' fill='none'%3E%3Cpath d='M27 0V4.96865C23.5833 6.25364 21.9167 8.82363 21.9167 12.5929H27L27 24.1579H16.5833L16.5833 12.5929C16.5833 6.42497 20.0833 2.22732 27 0ZM10.4167 0V4.96865C7 6.25364 5.33333 8.82363 5.33333 12.5929L10.4167 12.5929L10.4167 24.1579H0L0 12.5929C0 6.42497 3.5 2.22732 10.4167 0Z' fill='white'/%3E%3C/svg%3E");
}

.woo-des-single::after {
	right: 0;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='27' height='25' viewBox='0 0 27 25' fill='none'%3E%3Cpath d='M1.90735e-06 24.1579L1.47298e-06 19.1893C3.41667 17.9043 5.08333 15.3343 5.08333 11.565L8.06439e-07 11.565L-2.04602e-07 6.17511e-06L10.4167 5.26446e-06L10.4167 11.565C10.4167 17.7329 6.91667 21.9306 1.90735e-06 24.1579ZM16.5833 24.1579L16.5833 19.1893C20 17.9043 21.6667 15.3343 21.6667 11.565L16.5833 11.565L16.5833 4.72535e-06L27 3.8147e-06L27 11.565C27 17.7329 23.5 21.9306 16.5833 24.1579Z' fill='white'/%3E%3C/svg%3E");
}
.woo-title-wrap span {
	font-weight: 400;
	display: block;
}
.home-thanhvien .swiper-slide .elementor-widget-text-editor {
	display: -webkit-box;
	-webkit-line-clamp: 4;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
}
@media (max-width: 767px) {
	.woo-des-single {
		padding-right: 0;
		overflow: hidden;
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 2;
		line-clamp: 2;
		text-overflow: ellipsis;
	}

	.woo-des-single p {
		margin: 0;
		overflow: hidden;
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 2;
		line-clamp: 2;
		text-overflow: ellipsis;
	}

	.woo-des-single::after {
		display: none;
	}
	.woo-des-2h-mb {
		display: -webkit-box;
		-webkit-line-clamp: 2;
		-webkit-box-orient: vertical;
		overflow: hidden;
		text-overflow: ellipsis;
		width: 80%;
		margin: auto !important;
	}
	.woo-mb-br br {
		display: none;
	}

}
@media (max-width: 768px) {
	.woo-hero-col-3 {width: 20%!important;}
	.hero-colright {display: none!important;}
}
.woo-footer-form .elementor-field-type-text {order: 1;}
.woo-footer-form .elementor-field-type-tel {order: 2;}
.woo-footer-form .elementor-field-type-html {order: 6;}
.woo-footer-form .elementor-field-type-email {order: 4;}
.woo-footer-form .elementor-field-type-textarea {order: 5;}
.woo-footer-form .elementor-field-type-submit {order: 3;}
.woo-des-2h {
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
}
.woo-image-gp .swiper-slide-inner {
	overflow: hidden;
	border-radius: 20px;
}
.woo-image-gp .swiper-slide-inner:hover .swiper-slide-image {
	transform: scale(1.05);
	transition: transform 0.3s ease;
}
.woo-image-gp .swiper-slide-inner .swiper-slide-image {
	transition: transform 0.3s ease;
}
.woo-image-gp .swiper-pagination-bullet-active {
    width: 25px !important;
    border-radius: 50px;
}
.home-product .product-item:hover .elementor-button {
	background-color: #4f5dff!important;
}
.home-product .product-item .elementor-button .elementor-button-content-wrapper {
	align-items: center;
}
.home-product .product-item .elementor-button svg {
	width: 42px!important;
}
.home-product .product-item:hover .elementor-widget-image img {
	transform: scale(1.05);
	transition: transform 0.3s ease;
}
.home-product .product-item .elementor-widget-image img {
	transition: transform 0.3s ease;
}
.home-product .swiper-pagination-bullet-active {
	width: 25px !important;
	border-radius: 50px;
}
.home-doitac .swiper-slide-inner img {
	filter: grayscale(100%);
	transition: filter 0.3s ease;
}
.home-doitac .swiper-slide-inner img:hover {
	filter: grayscale(0%);
}
.news-single .elementor-post-info__terms-list {color: #fff;}
.news-single .elementor-post-info__terms-list-item {
    border: 1px solid #ccc;
    padding: 10px 20px;
    border-radius: 10px;
	color: #595683;
}
.news-detail img.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}
@media (max-width: 1400px) {
	.hero-colright {
    left: -120px!important;
}
@media (max-width: 1024px) {
	.hero-slide-item {
		--min-height: 80vh!important;
	}
}
@media (max-width: 767px) {  
	.woo-wrap-title .woo-des {text-align: justify!important;}
	.woo-wrap-title .woo-des br {display: none;}
	.woo-title-wrap span {display: inline;}
	.news-single .elementor-post-info__terms-list {
		color:#595683;
		line-height: 18px;
	}
	.news-single .elementor-post-info__terms-list-item {
		border: none;
		padding: initial;
		border-radius: initial;
	}
}

.hero-colright .woo-t1 {padding: 15px!important;}
.hero-colright .woo-t1 p.elementor-heading-title {
	font-size: 16px!important;
	line-height: 18px!important;
}
.hero-colright .woo-h2 .elementor-heading-title {
	font-size: 26px!important;
	line-height: 28px!important;
}
.hero-colright .elementor-icon-list-items .elementor-icon-list-item {
	padding: 8px 10px!important;
	font-size: 14px!important;
}
.woo-hero-icondt .elementor-image-box-wrapper .elementor-image-box-img {
	width: 110px!important;
}
.woo-hero-icondt .elementor-image-box-title {
	font-size: 18px!important;
}
}
@media (max-width: 767px) {  
	.home-thanhvien .swiper-slide .elementor-widget-text-editor {
		-webkit-line-clamp: 2;
	}
	.woo-footer-form .elementor-field-type-submit {order: 5;}
}

/* Breadcrumb widget */
.wt-breadcrumb {
  font-family: 'SVN-Gilroy', Arial, sans-serif;
  font-weight: 500;
  font-size: 18px;
  color: #fff;
}

.wt-breadcrumb-list {
  display: block;
  margin: 0;
  padding: 0;
  list-style: none;
}

.wt-breadcrumb-item {
  display: inline;
}

.wt-breadcrumb-link {
  color: inherit;
  text-decoration: none;
  transition: color 0.2s ease;
}

.wt-breadcrumb-link:hover {
  color: #c9d9ff;
}

.wt-breadcrumb-current {
  color: #fff;
}

.wt-breadcrumb-separator {
  color: rgba(255, 255, 255, 0.6);
  padding: 0 6px;
}

@media (max-width: 767px) {
  .wt-breadcrumb {
    font-size: 16px;
  }
}

/* =============================================
   Account Dashboard Shortcode
   ============================================= */
.wootech-dashboard__login-required {
    text-align: center;
    padding: 40px 20px;
    color: #525252;
}
.wootech-dashboard__login-required a {
    color: #5242f3;
    text-decoration: underline;
}

.wootech-dashboard {
    display: flex;
    gap: 20px;
    align-items: stretch;
    font-family: 'SVN-Gilroy', sans-serif;
}

/* ---- Sidebar ---- */
.wootech-dashboard__sidebar {
    width: 260px;
    flex-shrink: 0;
    padding: 28px 20px;
    border-radius: 20px;
    border: 1px solid #F3F3F3;
    background: #FFF;
    box-shadow: 0 12px 79px 0 rgba(71, 57, 239, 0.05);
    display: flex;
    flex-direction: column;
    gap: 24px;
}
.wootech-dashboard__user {
    display: flex;
}
.wootech-dashboard__user-row {
    display: flex;
    align-items: flex-start;
    gap: 12px;
}
.wootech-dashboard__user-info {
    display: flex;
    flex-direction: column;
    gap: 2px;
    min-width: 0;
}
.wootech-dashboard__avatar-wrap {
    position: relative;
    flex-shrink: 0;
    width: 65px;
    height: 65px;
}
.wootech-dashboard__avatar {
    width: 65px;
    height: 65px;
    border-radius: 50%!important;
    object-fit: cover;
    display: block;
}
.wootech-dashboard__avatar-dot {
    position: absolute;
    bottom: 2px;
    right: 2px;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background: #22c55e;
    border: 2px solid #fff;
}
.wootech-dashboard__user-name {
    display: block;
    font-size: 16px;
    font-weight: 600;
    color: #131326;
    line-height: 1.3;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
	margin-bottom: 3px;
}
.wootech-dashboard__user-email {
    display: block;
    font-size: 14px;
    color: #8d8d8d;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 170px;
}
.wootech-dashboard__badge {
    display: inline-block;
    padding: 3px 14px;
    border-radius: 20px;
    background: #eeecfd;
    color: #5242f3;
    font-size: 12px;
    font-weight: 600;
    width: fit-content;
    margin-top: 5px;
}

/* ---- Sidebar nav ---- */
.wootech-dashboard__nav {
    display: flex;
    flex-direction: column;
    gap: 4px;
}
.wootech-dashboard__nav-item {
    display: flex;
    align-items: center;
    gap: 12px;
    width: 100%;
    padding: 15px 16px;
    border-radius: 12px;
    background: transparent;
    border: none;
    cursor: pointer;
    font-family: inherit;
    font-size: 15px;
    font-weight: 500;
    color: #424242;
    text-decoration: none;
    text-align: left;
    transition: background 0.18s, color 0.18s;
    line-height: 1.3;
}
.wootech-dashboard__nav-item:hover {
    background: #f5f4ff;
    color: #5242f3;
}
.wootech-dashboard__nav-item.is-active {
    background: #eeecfd;
    color: #5242f3;
}
.wootech-dashboard__nav-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    width: 22px;
    height: 22px;
}
.wootech-dashboard__nav-item--logout { margin-top: 8px; }
.wootech-dashboard__nav-item--logout:hover {
    background: #fff0f0;
    color: #e53935;
}

/* ---- Content area ---- */
.wootech-dashboard__content {
    flex: 1;
    min-width: 0;
    padding: 36px 40px;
    border-radius: 20px;
    border: 1px solid #F3F3F3;
    background: #FFF;
    box-shadow: 0 12px 79px 0 rgba(71, 57, 239, 0.05);
    display: flex;
    flex-direction: column;
}
.wootech-dashboard__notice {
    padding: 12px 16px;
    border-radius: 10px;
    font-size: 14px;
    font-weight: 500;
    margin-bottom: 20px;
}
.wootech-dashboard__notice.is-success { background: #e8f5e9; color: #2e7d32; }
.wootech-dashboard__notice.is-error   { background: #fdecea; color: #c62828; }

.wootech-dashboard__panel { display: none; flex: 1; }
.wootech-dashboard__panel.is-active { display: block; }

.wootech-dashboard__panel-title {
    font-size: 24px;
    font-weight: 700;
    color: #131326;
    margin: 0 0 8px;
}
.wootech-dashboard__panel-subtitle {
    font-size: 14px;
    color: #8d8d8d;
    line-height: 1.6;
    margin: 0 0 28px;
    max-width: 480px;
}

/* ---- Form ---- */
.wootech-dashboard__form-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 16px 20px;
    margin-bottom: 28px;
}
.wootech-dashboard__field {
    display: flex;
    flex-direction: column;
    gap: 8px;
}
.wootech-dashboard__field label {
    font-size: 14px;
    font-weight: 500;
    color: #131326;
}
.wootech-dashboard__field input {
    width: 100%;
    padding: 13px 16px;
    border: 1.5px solid #e8e8ee;
    border-radius: 12px;
    background: #f8f8fb;
    font-family: inherit;
    font-size: 15px;
    color: #131326;
    outline: none;
    transition: border-color 0.18s, background 0.18s;
    box-sizing: border-box;
}
.wootech-dashboard__field input:focus {
    border-color: #5242f3;
    background: #fff;
}
.wootech-dashboard__field input[readonly] {
    cursor: default;
    color: #8d8d8d;
    background: #f0f0f5;
}

/* Password with eye toggle */
.wootech-dashboard__input-wrap {
    position: relative;
    display: flex;
    align-items: center;
}
.wootech-dashboard__input-wrap input { padding-right: 46px; }
.wootech-dashboard__eye {
    position: absolute;
    right: 14px;
    top: 50%;
    transform: translateY(-50%);
    background: none;
    border: none;
    cursor: pointer;
    padding: 0;
    color: #8d8d8d;
    display: inline-flex;
    align-items: center;
    transition: color 0.15s;
}
.wootech-dashboard__eye:hover { color: #5242f3; }

/* ---- Actions ---- */
.wootech-dashboard__form-actions {
    display: flex;
    gap: 12px;
    align-items: center;
}
.wootech-dashboard__btn {
    padding: 12px 28px;
    border-radius: 10px;
    font-family: inherit;
    font-size: 15px;
    font-weight: 600;
    cursor: pointer;
    border: none;
    transition: background 0.18s, color 0.18s, opacity 0.18s;
}
.wootech-dashboard__btn--cancel {
    background: #f0f0f5;
    color: #424242;
    border: 1.5px solid #e8e8ee;
}
.wootech-dashboard__btn--cancel:hover { background: #e8e8f0; }
.wootech-dashboard__btn--primary { background: #5242f3; color: #fff; }
.wootech-dashboard__btn--primary:hover { background: #3d2ed6; }
.wootech-dashboard__btn--primary:disabled { opacity: 0.6; cursor: not-allowed; }
.wootech-dashboard__empty { font-size: 14px; color: #8d8d8d; padding: 40px 0; }

/* ---- Responsive: Tablet (768px – 1024px) — 1 card, nav ngang ---- */
@media (min-width: 768px) and (max-width: 1024px) {
    .wootech-dashboard {
        flex-direction: column;
        gap: 0;
        border-radius: 20px;
        border: 1px solid #F3F3F3;
        background: #FFF;
        box-shadow: 0 12px 79px 0 rgba(71, 57, 239, 0.05);
        overflow: hidden;
    }
    .wootech-dashboard__sidebar {
        width: 100%;
        padding: 20px 20px 0;
        border-radius: 0;
        border: none;
        box-shadow: none;
        background: transparent;
        gap: 12px;
    }
    .wootech-dashboard__nav {
        flex-direction: row;
        flex-wrap: nowrap;
        gap: 0;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        scrollbar-width: none;
        border-bottom: 1px solid #f0f0f5;
        margin: 0 -20px;
        padding: 0 20px;
    }
    .wootech-dashboard__nav::-webkit-scrollbar { display: none; }
    .wootech-dashboard__nav-item {
        flex: 0 0 auto;
        width: auto;
        padding: 15px 14px;
        font-size: 14px;
        gap: 7px;
        border-radius: 0;
        border-bottom: 2px solid transparent;
        margin-bottom: -1px;
        background: transparent !important;
    }
    .wootech-dashboard__nav-item:hover {
        color: #5242f3;
        border-bottom-color: #5242f3;
    }
    .wootech-dashboard__nav-item.is-active {
        color: #5242f3;
        border-bottom-color: #5242f3;
        background: transparent !important;
    }
    .wootech-dashboard__nav-item--logout {
        margin-top: 0;
        margin-left: 16px;
    }
    .wootech-dashboard__nav-item--logout:hover {
        color: #e53935;
        border-bottom-color: #e53935;
    }
    .wootech-dashboard__content {
        padding: 24px 20px;
        border-radius: 0;
        border: none;
        box-shadow: none;
        background: transparent;
    }
    .wootech-dashboard__form-grid {
        grid-template-columns: 1fr;
    }
    .wootech-dashboard__panel-title { font-size: 20px; }
}

/* ---- Responsive: Mobile (< 768px) — 2 card dọc như bt ---- */
@media (max-width: 767px) {
    .wootech-dashboard {
        flex-direction: column;
        min-height: unset;
        gap: 16px;
    }
    .wootech-dashboard__sidebar {
        width: 100%;
        padding: 20px;
        gap: 16px;
    }
    .wootech-dashboard__nav {
        flex-direction: column;
        gap: 4px;
    }
    .wootech-dashboard__nav-item {
        width: 100%;
        font-size: 14px;
    }
    .wootech-dashboard__nav-item--logout { margin-top: 8px; }
    .wootech-dashboard__content { padding: 24px 20px; }
    .wootech-dashboard__form-grid { grid-template-columns: 1fr; }
    .wootech-dashboard__panel-title { font-size: 20px; }
}
@media (max-width: 480px) {
    .wootech-dashboard__nav-item { font-size: 13px; padding: 14px 11px; gap: 6px; }
    .wootech-dashboard__nav-icon { width: 18px; height: 18px; }
    .wootech-dashboard__content { padding: 20px 16px; }
    .wootech-dashboard__form-actions { flex-direction: column; align-items: stretch; }
    .wootech-dashboard__btn { text-align: center; width: 100%; }
}

/* ===========================================
   Document Listing (public + dashboard)
   =========================================== */
.wt-docs {
	font-family: 'SVN-Gilroy', sans-serif;
}

/* ---- Filter tabs ---- */
.wt-docs__filters {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	margin-bottom: 28px;
	justify-content: flex-end;
}
.wt-docs__filter {
    padding: 15px 30px;
    border-radius: 10px;
    border: 1px solid #e4e4e4;
    background: #fff;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    color: #424242;
    cursor: pointer;
    transition: background .18s, color .18s, border-color .18s;
}
.wt-docs__filter:hover,
.wt-docs__filter.is-active {
	background: #5242f3;
	border-color: #5242f3;
	color: #fff;
}

/* ---- Grid ---- */
.wt-docs__grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 24px;
	margin-bottom: 36px;
}
.wt-docs__grid--2col {
	grid-template-columns: repeat(2, 1fr);
}
.wt-docs__loading {
	grid-column: 1 / -1;
	text-align: center;
	color: #8d8d8d;
	padding: 32px 0;
	font-size: 14px;
}
.wt-docs__empty {
	grid-column: 1 / -1;
	color: #8d8d8d;
	font-size: 14px;
	text-align: center;
	padding: 32px 0;
}

/* ---- Card ---- */
.wt-doc-card {
	border-radius: 16px;
	border: 1px solid #f0f0f5;
	background: #fff;
	padding: 20px;
	display: flex;
	flex-direction: column;
	gap: 12px;
	transition: box-shadow .2s;
}
.wt-doc-card:hover {
	box-shadow: 0 8px 32px 0 rgba(71, 57, 239, 0.08);
}
.wt-doc-card__top {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	gap: 12px;
}
.wt-doc-card__icon {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 52px;
	height: 52px;
	border-radius: 12px;
	background: #eeecfd;
	color: #5242f3;
	flex-shrink: 0;
}
.wt-doc-card__icon--pdf   { background: #fff0f0; color: #e53935; }
.wt-doc-card__icon--doc   { background: #e8f0fe; color: #1a73e8; }
.wt-doc-card__icon--xls   { background: #e6f4ea; color: #1e8e3e; }
.wt-doc-card__icon--ppt   { background: #fce8e6; color: #d93025; }
.wt-doc-card__icon--zip   { background: #fef7e0; color: #f9ab00; }
.wt-doc-card__icon--img   { background: #e8f5e9; color: #43a047; }
.wt-doc-card__icon--other { background: #eeecfd; color: #5242f3; }

.wt-doc-card__type-badge {
	position: absolute;
	bottom: -6px;
	right: -6px;
	font-size: 9px;
	font-weight: 700;
	color: #fff;
	background: #5242f3;
	border-radius: 4px;
	padding: 1px 4px;
	line-height: 1.4;
}
.wt-doc-card__icon--pdf   .wt-doc-card__type-badge { background: #e53935; }
.wt-doc-card__icon--doc   .wt-doc-card__type-badge { background: #1a73e8; }
.wt-doc-card__icon--xls   .wt-doc-card__type-badge { background: #1e8e3e; }
.wt-doc-card__icon--ppt   .wt-doc-card__type-badge { background: #d93025; }
.wt-doc-card__icon--zip   .wt-doc-card__type-badge { background: #f9ab00; }
.wt-doc-card__icon--img   .wt-doc-card__type-badge { background: #43a047; }

.wt-doc-card__download {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	padding: 8px 16px;
	border-radius: 8px;
	background: #131326;
	color: #fff;
	font-size: 13px;
	font-weight: 600;
	text-decoration: none;
	white-space: nowrap;
	transition: background .18s;
	flex-shrink: 0;
}
.wt-doc-card__download:hover {
	background: #5242f3;
}
.wt-doc-card__title {
	font-size: 15px;
	font-weight: 600;
	color: #131326;
	line-height: 1.4;
	margin: 0;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
}
.wt-doc-card__excerpt {
	font-size: 13px;
	color: #6b6b6b;
	line-height: 1.6;
	margin: 0;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
}

/* ---- Load more ---- */
.wt-docs__more-wrap {
	display: flex;
	justify-content: center;
	margin-top: 8px;
}
.wt-docs__more-wrap--hidden {
	display: none;
}
.wt-docs__load-more {
    padding: 14px 40px;
    border-radius: 10px;
    background: #000000;
    font-family: inherit;
    font-size: 18px;
    font-weight: 600;
    color: #fff;
    cursor: pointer;
    transition: background .18s, color .18s;
	border:	none;
}
.wt-docs__load-more:hover {
	background: #4739EF;
	color: #fff;
}
.wt-docs__load-more:disabled {
	opacity: .5;
	cursor: wait;
}

/* ---- Dashboard variant ---- */
.wt-docs--dashboard .wt-docs__load-more {
	color: #fff;
}
.wt-docs--dashboard .wt-docs__load-more:hover {
	background: #5242f3;
	color: #fff;
}

/* ---- Responsive ---- */
@media (max-width: 900px) {
	.wt-docs__grid { grid-template-columns: repeat(2, 1fr); gap: 16px; }
	.wt-docs__grid--2col { grid-template-columns: 1fr; }
	.wt-docs__filters {
		flex-wrap: nowrap;
		overflow-x: auto;
		justify-content: flex-start;
		-webkit-overflow-scrolling: touch;
		scrollbar-width: none;
		padding-bottom: 4px;
	}
	.wt-docs__filters::-webkit-scrollbar { display: none; }
	.wt-docs__filter { flex-shrink: 0; }
}
@media (max-width: 580px) {
	.wt-docs__grid { grid-template-columns: 1fr; }
}

/* ---- Download toast ---- */
.wt-download-toast {
    position: fixed;
    bottom: 28px;
    left: 50%;
    transform: translateX(-50%) translateY(20px);
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 13px 24px;
    border-radius: 100px;
    background: #131326;
    color: #fff;
    font-family: 'SVN-Gilroy', sans-serif;
    font-size: 14px;
    font-weight: 500;
    box-shadow: 0 8px 32px rgba(0,0,0,.18);
    opacity: 0;
    pointer-events: none;
    z-index: 99999;
    transition: opacity .25s, transform .25s;
}
.wt-download-toast--show {
    opacity: 1;
    transform: translateX(-50%) translateY(0);
    pointer-events: auto;
}
.wt-download-toast--hide {
    opacity: 0;
    transform: translateX(-50%) translateY(20px);
}

/* =============================================================
   RECRUITMENT MODULE – wt_job
   ============================================================= */

/* Wrapper */
.wt-jobs {
    font-family: 'SVN-Gilroy', sans-serif;
}

/* ---- Filter tabs ---- */
.wt-jobs__filters {
    display: flex;
    gap: 10px;
    justify-content: flex-end;
    flex-wrap: nowrap;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
    margin-bottom: 28px;
}
.wt-jobs__filters::-webkit-scrollbar { display: none; }

.wt-jobs__filter {
    flex-shrink: 0;
    padding: 15px 30px;
    border-radius: 10px;
    border: 1.5px solid #E2E2F0;
    background: #fff;
    color: #131326;
    font-family: 'SVN-Gilroy', sans-serif;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all .18s;
    white-space: nowrap;
}
.wt-jobs__filter:hover,
.wt-jobs__filter--active {
    background: #5242f3;
    border-color: #5242f3;
    color: #fff;
}

/* ---- Grid of job cards ---- */
.wt-jobs__grid {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.wt-jobs__empty {
    text-align: center;
    color: #888;
    padding: 40px 0;
}

/* ---- Load more ---- */
.wt-jobs__loadmore-wrap {
    display: flex;
    justify-content: center;
    margin-top: 32px;
}
.wt-jobs__loadmore {
    padding: 15px 40px;
    border-radius: 10px;
    background: #000;
    color: #fff;
    font-family: 'SVN-Gilroy', sans-serif;
    font-size: 15px;
    font-weight: 700;
    cursor: pointer;
    transition: all .18s;
    border: none;
}
.wt-jobs__loadmore:hover {
    background: #5242f3;
    color: #fff;
}
.wt-jobs__loadmore:disabled {
    opacity: .5;
    cursor: not-allowed;
}

/* ---- Job Card ---- */
.wt-job-card {
    display: flex;
    align-items: center;
	gap: 20px;
	min-height: 144px;
	padding: 33px 30px;
    border-radius: 20px;
    border: 1px solid #F3F3F3;
    background: #FFF;
	box-shadow: 0 12px 78.5px 0 rgba(71, 57, 239, 0.05);
    transition: box-shadow .18s, transform .18s;
}
.wt-job-card:hover {
    box-shadow: 0 16px 60px 0 rgba(82, 66, 243, 0.12);
    transform: translateY(-2px);
}
.wt-job-card__main {
    flex: 1;
    display: flex;
    align-items: center;
	gap: 28px;
	flex-wrap: nowrap;
    min-width: 0;
}
.wt-job-card__info {
	flex: 0 0 420px;
    min-width: 0;
}
.wt-job-card__title {
	font-size: 18px;
	font-weight: 700;
	color: #000;
	margin: 0 0 12px;
    line-height: 1.4;
}
.wt-job-card__excerpt {
    font-size: 13px;
	color: #707070;
    line-height: 1.5;
    margin: 0;
    display: -webkit-box;
    -webkit-line-clamp: 2;
	line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.wt-job-card__meta {
    display: flex;
	gap: 24px;
    flex: 1;
	flex-wrap: nowrap;
	align-items: center;
	justify-content: flex-start;
}
.wt-job-card__meta-item {
    display: flex;
    flex-direction: column;
	gap: 10px;
	flex: 0 0 160px;
	max-width: 160px;
	min-width: 160px;
}
.wt-job-card__meta-label {
	font-size: 18px;
	color: #000;
	font-weight: 700;
	text-transform: none;
	letter-spacing: 0;
	line-height: 1.25;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.wt-job-card__action {
    flex-shrink: 0;
}
.wt-job-card__btn {
	min-height: 55px;
	padding: 20px 30px;
	border-radius: 10px;
	background: #000;
	color: #EDF0F5;
    font-family: 'SVN-Gilroy', sans-serif;
	font-size: 16px;
	font-weight: 600;
	line-height: 1;
    border: none;
    cursor: pointer;
    white-space: nowrap;
    transition: background .18s;
}
.wt-job-card__btn:hover {
    background: #5242f3;
}

/* Badges */
.wt-job-card__badge {
    display: inline-flex;
    align-items: center;
	justify-content: flex-start;
	padding: 15px 20px;
	border-radius: 10px;
	font-size: 16px;
	font-weight: 600;
	line-height: 1;
	border: 1px solid transparent;
	width: auto;
	min-width: 0;
	max-width: 100%;
	align-self: flex-start;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.wt-job-card__badge--blue   { border-color: #4739EF; color: #4739EF; background: #DDE1FF; }
.wt-job-card__badge--green  { border-color: #08C356; color: #08C356; background: rgba(30,230,113,0.10); }
.wt-job-card__badge--orange { border-color: #E6991E; color: #E6991E; background: rgba(230,153,30,0.10); }
.wt-job-card__badge--purple { border-color: #EF39C3; color: #EF39C3; background: rgba(239,57,195,0.10); }

.wt-job-card__deadline {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 15px 20px;
	border-radius: 10px;
	font-size: 16px;
	font-weight: 600;
	line-height: 1;
	color: #595683;
	width: auto;
	min-width: 0;
	max-width: 100%;
	align-self: flex-start;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.wt-job-card__deadline--expired {
    color: #ef4444;
    background: #FEF2F2;
	border: 1px solid #FCA5A5;
	padding: 15px 20px;
	border-radius: 10px;
	font-size: 16px;
}

/* ---- Job card: Compact horizontal (≤ 1200px) ---- */
@media (max-width: 1200px) {
    .wt-job-card {
        gap: 14px;
        padding: 22px 20px;
        min-height: unset;
    }
    .wt-job-card__main {
        gap: 16px;
    }
    .wt-job-card__info {
        flex: 0 0 200px;
    }
    .wt-job-card__title { font-size: 15px; }
    .wt-job-card__meta {
        gap: 10px 12px;
    }
    .wt-job-card__meta-item {
        flex: 0 0 110px;
        max-width: 110px;
        min-width: 0;
        gap: 7px;
    }
    .wt-job-card__meta-label { font-size: 13px; }
    .wt-job-card__badge { font-size: 13px; padding: 10px 12px; }
    .wt-job-card__deadline { font-size: 13px; padding: 10px 12px; }
    .wt-job-card__btn { font-size: 14px; padding: 14px 18px; min-height: 46px; }
}

/* ---- Job card: Mobile (< 768px) ---- */
@media (max-width: 767px) {
    .wt-job-card {
        flex-direction: column;
        align-items: flex-start;
        gap: 14px;
        padding: 18px 16px;
        min-height: unset;
    }
    .wt-job-card__main {
        flex-direction: column;
        align-items: flex-start;
        gap: 12px;
        width: 100%;
    }
    .wt-job-card__info {
        flex: 0 0 auto;
        width: 100%;
    }
    .wt-job-card__title { font-size: 15px; margin-bottom: 8px; }
    .wt-job-card__meta {
        flex-wrap: wrap;
        gap: 8px 12px;
        width: 100%;
    }
    .wt-job-card__meta-item {
        flex: 0 0 calc(50% - 6px);
        max-width: calc(50% - 6px);
        min-width: 0;
        gap: 6px;
    }
    .wt-job-card__meta-label { font-size: 13px; }
    .wt-job-card__badge { font-size: 13px; padding: 10px 14px; }
    .wt-job-card__deadline { font-size: 13px; padding: 10px 14px; }
    .wt-job-card__deadline--expired { font-size: 13px; padding: 10px 14px; }
    .wt-job-card__action {
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 10px;
    }
    .wt-job-card__btn {
        flex: 1;
        text-align: center;
        font-size: 14px;
        padding: 14px 20px;
        min-height: 44px;
    }
}

/* ---- Detail View ---- */
.wt-jobs__detail {
    animation: wt-fade-in .25s ease;
}
@keyframes wt-fade-in {
    from { opacity: 0; transform: translateY(12px); }
    to   { opacity: 1; transform: translateY(0); }
}

/* Back button */
.wt-jobs__back-btn {
    display: inline-flex;
    align-items: center;
    gap: 8px;
	padding: 10px 18px;
    border-radius: 100px;
    border: 1.5px solid #E2E2F0;
    background: #fff;
    color: #131326;
    font-family: 'SVN-Gilroy', sans-serif;
    font-size: 14px;
    font-weight: 600;
    cursor: pointer;
	margin-bottom: 0;
    transition: all .18s;
}
.wt-jobs__back-btn:hover {
    border-color: #5242f3;
    color: #5242f3;
}
.wt-jobs__back-btn svg {
    flex-shrink: 0;
}

/* Detail layout: 2 columns on large screens */
.wt-jobs__detail-wrap {
    display: grid;
	grid-template-columns: minmax(0, 45%) minmax(0, 55%);
	gap: 40px;
    align-items: start;
}
@media (min-width: 1600px) {
    .wt-jobs__detail-wrap {
        grid-template-columns: minmax(0, 48%) minmax(0, 52%);
        gap: 48px;
    }
}
@media (max-width: 1400px) {
    .wt-jobs__detail-wrap {
        grid-template-columns: minmax(0, 42%) minmax(0, 58%);
        gap: 36px;
    }
}
@media (max-width: 1000px) {
    .wt-jobs__detail-wrap {
        grid-template-columns: minmax(0, 40%) minmax(0, 60%);
        gap: 32px;
    }
}
@media (max-width: 900px) {
    .wt-jobs__detail-wrap { grid-template-columns: 1fr; }
}

.wt-jobs__detail-header {
	margin-bottom: 30px;
}
@media (min-width: 1400px) {
    .wt-jobs__detail-header {
        margin-bottom: 36px;
    }
}
.wt-jobs__detail-top {
	display: flex;
	align-items: center;
	gap: 12px;
	margin-bottom: 20px;
}
.wt-jobs__detail-cat {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 10px 30px;
    border-radius: 10px;
    background: #E4E8F5;
    color: #4739EF;
    font-size: 16px;
    font-weight: 600;
}
.wt-jobs__detail-title {
	font-size: 36px;
	font-weight: 700;
	color: #000;
	margin: 0;
	line-height: 1.1;
}
@media (min-width: 1400px) {
	.wt-jobs__detail-title { font-size: 40px; }
}
@media (max-width: 600px) {
	.wt-jobs__detail-title { font-size: 28px; }
}

/* Detail meta grid */
.wt-jobs__detail-meta {
    display: grid;
	gap: 14px 18px;
	padding: 0;
	background: transparent;
	border-radius: 0;
	border: 0;
	margin-bottom: 0;
}

.wt-jobs__detail-meta--top {
	grid-template-columns: repeat(4, minmax(0, 1fr));
	margin-bottom: 22px;
}

.wt-jobs__detail-meta--bottom {
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 18px 26px;
}

@media (min-width: 1400px) {
	.wt-jobs__detail-meta--top {
		gap: 16px 20px;
		margin-bottom: 28px;
	}
	.wt-jobs__detail-meta--bottom {
		gap: 20px 28px;
	}
}

@media (max-width: 1200px) {
	.wt-jobs__detail-meta--top { grid-template-columns: repeat(2, 1fr); }
	.wt-jobs__detail-meta--bottom { grid-template-columns: repeat(2, 1fr); }
}

@media (max-width: 600px) {
	.wt-jobs__detail-meta--top { grid-template-columns: repeat(2, 1fr); }
	.wt-jobs__detail-meta--bottom { grid-template-columns: 1fr; }
}
.wt-jobs__detail-meta-item {
    display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: flex-start;
	gap: 10px;
	padding: 0;
	border-bottom: 0;
}
.wt-jobs__detail-meta-item--top {
	max-width: 100%;
}
.wt-jobs__detail-meta-label {
	font-size: 18px;
	color: #000;
	font-weight: 700;
	text-transform: none;
	letter-spacing: 0;
	line-height: 1.2;
	max-width: 100%;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
@media (min-width: 1400px) {
	.wt-jobs__detail-meta-label {
		font-size: 16px;
	}
}
.wt-jobs__detail-value {
	font-size: 16px;
	color: #595683;
	font-weight: 500;
	line-height: 1.3;
	text-align: left;
	max-width: 100%;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
}

.wt-jobs__detail-right {
	min-width: 0;
}
.wt-jobs__detail-panel {
	border: 1px solid #EAEAF1;
	border-radius: 20px;
	background: #fff;
	overflow: hidden;
}
@media (min-width: 1400px) {
	.wt-jobs__detail-panel {
		border-radius: 24px;
	}
}
.wt-jobs__detail-panel-head {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 16px;
	padding: 24px 24px 18px;
	border-bottom: 1px solid #F1F1F5;
}
@media (min-width: 1400px) {
	.wt-jobs__detail-panel-head {
		padding: 28px 28px 20px;
	}
}
.wt-jobs__detail-panel-title {
	margin: 0;
	color: #000;
	font-size: 26px;
	line-height: 1.1;
	font-weight: 700;
}
@media (min-width: 1400px) {
	.wt-jobs__detail-panel-title {
		font-size: 28px;
	}
}

/* Detail body content */
.wt-jobs__detail-body {
	color: #707070;
	line-height: 1.55;
	font-size: 14px;
	padding: 10px 24px 18px;
	margin-bottom: 0;
}
@media (min-width: 1400px) {
	.wt-jobs__detail-body {
		font-size: 15px;
		padding: 12px 28px 20px;
		line-height: 1.6;
	}
}
.wt-jobs__detail-body h1,
.wt-jobs__detail-body h2,
.wt-jobs__detail-body h3 { color: #131326; font-weight: 800; }
.wt-jobs__detail-body ul,
.wt-jobs__detail-body ol { padding-left: 20px; }
.wt-jobs__detail-body li { margin-bottom: 6px; }

.wt-jobs__detail-footer {
    display: flex;
	gap: 18px;
	padding: 12px 24px 14px;
	border-top: 1px solid #F1F1F5;
	margin-bottom: 0;
    color: #aaa;
    font-size: 13px;
}
@media (min-width: 1400px) {
	.wt-jobs__detail-footer {
		padding: 14px 28px 16px;
		font-size: 14px;
	}
}
.wt-jobs__detail-date {
    display: inline-flex;
    align-items: center;
    gap: 6px;
}

.wt-jobs__detail-actions {
	margin-bottom: 0;
}
.wt-jobs__apply-btn {
    display: inline-block;
	min-height: 55px;
	padding: 20px 30px;
	border-radius: 10px;
    background: #5242f3;
    color: #fff;
    font-family: 'SVN-Gilroy', sans-serif;
    font-size: 16px;
	font-weight: 600;
	line-height: 1;
    border: none;
    cursor: pointer;
    transition: background .18s, transform .18s;
}
@media (min-width: 1400px) {
	.wt-jobs__apply-btn {
		min-height: 60px;
		padding: 22px 36px;
		font-size: 17px;
	}
}
.wt-jobs__apply-btn:hover {
    background: #3d2fcc;
    transform: translateY(-2px);
}

/* Related jobs */
.wt-jobs__related { margin-top: 30px; }
.wt-jobs__related-title {
    font-size: 28px;
    font-weight: 800;
    color: #131326;
    margin: 0 0 20px;
}
.wt-jobs__related-grid {
    display: flex;
    flex-direction: column;
    gap: 14px;
}

/* Loading skeleton */
.wt-jobs__loading {
    display: flex;
    flex-direction: column;
    gap: 16px;
    padding: 20px 0;
}
.wt-jobs__loading-item {
    height: 90px;
    border-radius: 20px;
    background: linear-gradient(90deg, #f0f0f0 25%, #e8e8e8 50%, #f0f0f0 75%);
    background-size: 200% 100%;
    animation: wt-shimmer 1.4s infinite;
}
@keyframes wt-shimmer {
    0%   { background-position: 200% 0; }
    100% { background-position: -200% 0; }
}

/* ---- Apply Modal ---- */
.wt-apply-overlay {
    position: fixed;
    inset: 0;
    background: rgba(19,19,38,.55);
    backdrop-filter: blur(4px);
    z-index: 10000;
    display: none;
    align-items: center;
    justify-content: center;
    padding: 20px;
    opacity: 0;
    pointer-events: none;
    transition: opacity .22s;
}
.wt-apply-overlay--open {
    display: flex;
}
.wt-apply-overlay--visible {
    opacity: 1;
    pointer-events: auto;
}
.wt-apply-modal {
    position: relative;
    background: #fff;
    border-radius: 20px;
    padding: 40px 36px 32px;
    width: 100%;
    max-width: 560px;
    max-height: 90vh;
    overflow-y: auto;
    transform: translateY(24px);
    transition: transform .22s;
    box-shadow: 0 24px 80px rgba(19,19,38,.18);
}
.wt-apply-overlay--visible .wt-apply-modal {
    transform: translateY(0);
}
.wt-apply-modal__close {
    position: absolute;
    top: 16px;
    right: 16px;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    border: 1.5px solid #E2E2F0;
    background: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: all .15s;
    color: #555;
}
.wt-apply-modal__close:hover {
    background: #f5f5f5;
    border-color: #ccc;
}
.wt-apply-modal__header {
    margin-bottom: 28px;
}
.wt-apply-modal__title {
    font-size: 20px;
    font-weight: 800;
    color: #131326;
    margin: 0 0 8px;
    line-height: 1.3;
}
.wt-apply-modal__sub {
    font-size: 14px;
    color: #888;
    margin: 0;
    line-height: 1.5;
}

/* Apply form */
.wt-apply-form__row {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 14px;
    margin-bottom: 14px;
}
@media (max-width: 480px) {
    .wt-apply-form__row { grid-template-columns: 1fr; }
}
.wt-apply-form__field {
    margin-bottom: 14px;
}
.wt-apply-form__row .wt-apply-form__field {
    margin-bottom: 0;
}
.wt-apply-form input[type="text"],
.wt-apply-form input[type="tel"],
.wt-apply-form input[type="email"],
.wt-apply-form textarea {
    width: 100%;
    padding: 12px 16px;
    border: 1.5px solid #E2E2F0;
    border-radius: 10px;
    font-family: 'SVN-Gilroy', sans-serif;
    font-size: 14px;
    color: #131326;
    background: #fff;
    outline: none;
    transition: border-color .15s;
    box-sizing: border-box;
}
.wt-apply-form input:focus,
.wt-apply-form textarea:focus {
    border-color: #5242f3;
}
.wt-apply-form input.wt-error,
.wt-apply-form textarea.wt-error {
    border-color: #ef4444;
}
.wt-apply-form textarea {
    resize: vertical;
    min-height: 100px;
}

/* Dropzone */
.wt-apply-dropzone {
    border: 2px dashed #C4B5FD;
    border-radius: 10px;
    background: #F5F3FF;
    padding: 24px;
    cursor: pointer;
    transition: border-color .15s, background .15s;
    text-align: center;
}
.wt-apply-dropzone:hover,
.wt-apply-dropzone--dragover {
    border-color: #5242f3;
    background: #EDE9FE;
}
.wt-apply-dropzone__label {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    color: #5242f3;
    font-size: 14px;
    font-weight: 600;
    pointer-events: none;
}
.wt-apply-dropzone__filename {
    font-size: 13px;
    color: #065F46;
    font-weight: 700;
}

/* Form message */
.wt-apply-form__message {
    padding: 12px 16px;
    border-radius: 10px;
    font-size: 14px;
    font-weight: 600;
    margin-bottom: 14px;
}
.wt-apply-form__message--success {
    background: #ECFDF5;
    color: #065F46;
    border: 1px solid #6EE7B7;
}
.wt-apply-form__message--error {
    background: #FEF2F2;
    color: #991B1B;
    border: 1px solid #FCA5A5;
}
.wt-apply-form__submit {
    width: 100%;
    padding: 14px;
    border-radius: 100px;
    background: #5242f3;
    color: #fff;
    font-family: 'SVN-Gilroy', sans-serif;
    font-size: 16px;
    font-weight: 700;
    border: none;
    cursor: pointer;
    transition: background .18s;
    margin-bottom: 14px;
}
.wt-apply-form__submit:hover {
    background: #3d2fcc;
}
.wt-apply-form__submit:disabled {
    opacity: .6;
    cursor: not-allowed;
}
.wt-apply-form__privacy {
    font-size: 12px;
    color: #999;
    text-align: center;
    margin: 0;
    line-height: 1.5;
}
.wt-apply-form__privacy a {
    color: #5242f3;
    text-decoration: underline;
}

/* Mobile responsive for job card */
@media (max-width: 768px) {
    .wt-job-card {
        flex-direction: column;
        align-items: flex-start;
        gap: 16px;
		padding: 22px 20px;
    }
    .wt-job-card__main {
        flex-direction: column;
        gap: 14px;
		flex-wrap: wrap;
    }
    .wt-job-card__info {
        flex: none;
        width: 100%;
    }
    .wt-job-card__meta {
        gap: 12px;
		flex-wrap: wrap;
    }
	.wt-job-card__meta-item {
		flex: 0 0 calc(50% - 6px);
		max-width: calc(50% - 6px);
		min-width: calc(50% - 6px);
	}
    .wt-job-card__action {
        width: 100%;
    }
    .wt-job-card__btn {
        width: 100%;
        text-align: center;
    }
    .wt-jobs__filters {
        justify-content: flex-start;
    }
	.wt-job-card__title {
		font-size: 18px;
	}
	.wt-job-card__meta-label {
		font-size: 16px;
	}
	.wt-jobs__detail-meta-label {
		font-size: 16px;
	}
	.wt-jobs__detail-panel-title {
		font-size: 18px;
	}
	.wt-jobs__detail-top {
		flex-wrap: wrap;
	}
	/* Mobile: Move apply button below description */
	.wt-jobs__detail-panel {
		display: flex;
		flex-direction: column;
	}
	.wt-jobs__detail-panel-head {
		display: contents;
	}
	.wt-jobs__detail-panel-title {
		order: 1;
		padding: 24px 24px 18px;
		border-bottom: 1px solid #F1F1F5;
		margin: 0;
	}
	.wt-jobs__detail-body {
		order: 2;
	}
	.wt-jobs__apply-btn {
		order: 3;
		height: 55px;
		margin: 15px 24px 15px 24px;
		width: auto;
	}
	.wt-jobs__detail-footer {
		order: 4;
	}
}

/* ====== Solutions Grid ====== */
.wt-solutions-container {
	width: 100%;
}

/* ====== Solutions Slider Shortcode ====== */
.wt-solution-slider {
	width: 100%;
}

.wt-solution-slider__tabs {
	display: flex;
	justify-content: center;
	gap: 12px;
	margin-bottom: 24px;
	flex-wrap: wrap;
}

.wt-solution-slider__tab {
	padding: 10px 22px;
	font-size: 16px;
	font-weight: 600;
	color: #000;
	background: #fff;
	border: 1px solid #ececec;
	border-radius: 10px;
	cursor: pointer;
	white-space: nowrap;
	font-family: 'SVN-Gilroy', sans-serif;
	transition: all 0.25s ease;
}

.wt-solution-slider__tab:hover,
.wt-solution-slider__tab.is-active {
	background: #5242f3;
	color: #fff;
	border-color: #5242f3;
}

.wt-solution-slider__swiper {
	overflow: hidden;
	padding-bottom: 4px;
}

.wt-solution-slider__slide {
	height: auto;
	display: flex;
}

.wt-solution-slider__slide .wt-solution-card {
	width: 100%;
}

@media (max-width: 1024px) {
	.wt-solution-slider__tab {
		padding: 10px 16px;
		font-size: 15px;
	}
}

@media (max-width: 767px) {
	.wt-solution-slider__tabs {
		justify-content: flex-start;
		flex-wrap: nowrap;
		overflow-x: auto;
		overflow-y: hidden;
		scrollbar-width: none;
		-webkit-overflow-scrolling: touch;
	}

	.wt-solution-slider__tabs::-webkit-scrollbar {
		display: none;
	}

	.wt-solution-slider__tab {
		flex: 0 0 auto;
		font-size: 14px;
		padding: 9px 14px;
		border-radius: 8px;
	}
}

/* ====== Projects Grid ====== */
.wt-projects-container {
	width: 100%;
}

/* ====== Projects Showcase Shortcode ====== */
.wt-project-showcase {
	width: 100%;
	position: relative;
}

.wt-project-showcase__swiper {
	overflow: hidden;
}

.wt-project-showcase__slide {
	height: auto;
	display: flex;
}

.wt-project-showcase-card {
	width: 100%;
	display: flex;
}

.wt-project-showcase-card__inner {
	width: 100%;
	display: grid;
	grid-template-columns: minmax(0, 1fr) 42%;
	background: #fff;
	border: 1px solid #f3f3f3;
	border-radius: 20px;
	overflow: hidden;
	transition: transform 0.3s ease, box-shadow 0.3s ease, border-color 0.3s ease;
}

.wt-project-showcase-card__inner:hover {
	box-shadow: 0px 12px 70px rgba(71, 57, 239, 0.1);
	border-color: #e8e8f0;
	transform: translateY(-2px);
}

.wt-project-showcase-card__body {
	padding: 28px 26px;
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	min-width: 0;
}

.wt-project-showcase-card__title-link {
	text-decoration: none;
}

.wt-project-showcase-card__title {
	margin: 0 0 14px;
	font-size: 24px;
	line-height: 1.12;
	font-weight: 700;
	color: #101010;
	font-family: 'SVN-Gilroy', sans-serif;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
}

.wt-project-showcase-card__desc {
	margin: 0;
	font-size: 14px;
	line-height: 1.5;
	color: #2f2f2f;
	font-family: 'SVN-Gilroy', sans-serif;
	display: -webkit-box;
	-webkit-line-clamp: 4;
	line-clamp: 4;
	-webkit-box-orient: vertical;
	overflow: hidden;
}

.wt-project-showcase-card__link {
	margin-top: auto;
	padding-top: 20px;
	display: inline-flex;
	align-items: center;
	gap: 10px;
	font-size: 16px;
	font-weight: 600;
	color: #000;
	text-decoration: none;
	font-family: 'SVN-Gilroy', sans-serif;
	transition: color 0.25s ease;
}

.wt-project-showcase-card__link:hover {
	color: #5242f3;
}

.wt-project-showcase-card__link svg {
	width: 20px;
	height: 20px;
	stroke: #5242f3;
	transition: transform 0.25s ease;
}

.wt-project-showcase-card__link:hover svg {
	transform: translateX(3px);
}

.wt-project-showcase-card__image {
	display: block;
	background: #d8d8d8;
	overflow: hidden;
}

.wt-project-showcase-card__image img {
	width: 100%;
	height: 100%!important;
	object-fit: cover;
	display: block;
	transition: transform 0.45s ease;
}

.wt-project-showcase-card__inner:hover .wt-project-showcase-card__image img {
	transform: scale(1.05);
}

.wt-project-showcase__pagination {
	position: static !important;
	display: block;
	margin-top: 20px;
	text-align: center;
}

.wt-project-showcase__pagination .swiper-pagination-bullet {
	width: 8px;
	height: 8px;
	opacity: 1;
	background: #c9c9ff;
	margin: 0 3px !important;
	transition: all 0.25s ease;
}

.wt-project-showcase__pagination .swiper-pagination-bullet-active {
	width: 22px;
	border-radius: 8px;
	background: #5242f3;
}

@media (max-width: 1440px) {
	.wt-project-showcase-card__title {
		font-size: 28px;
	}

	.wt-project-showcase-card__desc {
		font-size: 16px;
	}

	.wt-project-showcase-card__link {
		font-size: 16px;
	}
}

@media (max-width: 1024px) {
	.wt-project-showcase-card__inner {
		grid-template-columns: minmax(0, 1fr) 44%;
		min-height: 240px;
	}

	.wt-project-showcase-card__body {
		padding: 20px 18px;
	}

	.wt-project-showcase-card__title {
		font-size: 24px;
	}

	.wt-project-showcase-card__desc {
		font-size: 15px;
		-webkit-line-clamp: 3;
		line-clamp: 3;
	}

	.wt-project-showcase-card__link {
		font-size: 16px;
	}

	.wt-project-showcase-card__image {
		min-height: 240px;
	}
}

@media (max-width: 767px) {
	.wt-project-showcase-card__inner {
		display: flex;
		flex-direction: column;
		min-height: 0;
		border-radius: 20px;
	}

	.wt-project-showcase-card__image {
		order: 1;
		min-height: 0;
		height: 180px;
	}

	.wt-project-showcase-card__body {
		order: 2;
		padding: 16px 20px 20px;
	}

	.wt-project-showcase-card__title {
		font-size: 16px;
		line-height: 1.3;
		margin-bottom: 10px;
	}

	.wt-project-showcase-card__desc {
		font-size: 14px;
		-webkit-line-clamp: 2;
		line-clamp: 2;
		margin-bottom: 12px;
	}

	.wt-project-showcase-card__link {
		font-size: 14px;
		gap: 8px;
		margin-top: 12px;
	}

	.wt-project-showcase-card__link svg {
		width: 18px;
		height: 18px;
	}
}

/* Projects Tabs */
.wt-projects-tabs {
	display: flex;
	justify-content: flex-end;
	gap: 20px;
	margin-bottom: 32px;
	flex-wrap: wrap;
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
}

.wt-projects-tabs::-webkit-scrollbar {
	height: 4px;
}

.wt-projects-tabs::-webkit-scrollbar-track {
	background: #f1f1f1;
}

.wt-projects-tabs::-webkit-scrollbar-thumb {
	background: #c1c1c1;
	border-radius: 4px;
}

.wt-projects-tab {
	padding: 15px 30px;
	font-size: 16px;
	font-weight: 600;
	color: #000;
	background: #fff;
	border: 1px solid #f3f3f3;
	border-radius: 10px;
	cursor: pointer;
	white-space: nowrap;
	font-family: 'SVN-Gilroy', sans-serif;
	transition: all 0.3s ease;
}

.wt-projects-tab:hover {
	border-color: #5242f3;
	color: #5242f3;
}

.wt-projects-tab.is-active {
	background: #5242f3;
	color: #fff;
	border-color: #5242f3;
}

.wt-projects-wrapper {
	width: 100%;
}

.wt-projects-grid {
	display: grid;
	gap: 28px 24px;
	margin: 0;
	padding: 0;
}

/* 3 columns on desktop */
.wt-projects-wrapper[data-columns="3"] .wt-projects-grid {
	grid-template-columns: repeat(3, 1fr);
}

/* 2 columns on tablet */
@media (max-width: 1024px) {
	.wt-projects-wrapper[data-columns="3"] .wt-projects-grid {
		grid-template-columns: repeat(2, 1fr);
	}
}

/* 1 column on mobile */
@media (max-width: 600px) {
	.wt-projects-wrapper[data-columns="3"] .wt-projects-grid {
		grid-template-columns: 1fr;
		gap: 20px 0;
	}

	.wt-projects-tabs {
		justify-content: flex-start;
		flex-wrap: nowrap;
		gap: 12px;
		margin-bottom: 24px;
		overflow-x: auto;
		overflow-y: hidden;
		scrollbar-width: none;
	}

	.wt-projects-tabs::-webkit-scrollbar {
		display: none;
	}

	.wt-projects-tab {
		flex: 0 0 auto;
		padding: 12px 20px;
		font-size: 14px;
		border-radius: 8px;
	}
}

/* Project Card */
.wt-project-card {
	display: flex;
	height: 100%;
}

.wt-project-card__inner {
	display: flex;
	flex-direction: column;
	width: 100%;
	background: #fff;
	border: 1px solid #f3f3f3;
	border-radius: 20px;
	overflow: hidden;
	transition: all 0.3s ease;
}

.wt-project-card__inner:hover {
	box-shadow: 0px 12px 70px rgba(71, 57, 239, 0.1);
	border-color: #e8e8f0;
	transform: translateY(-2px);
}

/* Card Image */
.wt-project-card__image {
	width: 100%;
	height: 220px;
	overflow: hidden;
	border-radius: 20px 20px 0 0;
	background: #f5f5f5;
	display: block;
}

.wt-project-card__image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
	transition: transform 0.4s ease;
}

.wt-project-card__inner:hover .wt-project-card__image img {
	transform: scale(1.08);
}

/* Card Body */
.wt-project-card__body {
	display: flex;
	flex-direction: column;
	padding: 20px 24px 24px;
	flex-grow: 1;
}

/* Card Title Link */
.wt-project-card__title-link {
	text-decoration: none;
}

/* Card Title */
.wt-project-card__title {
	margin: 0 0 12px;
	font-size: 20px;
	font-weight: 700;
	color: #000;
	line-height: 1.3;
	font-family: 'SVN-Gilroy', sans-serif;
	transition: color 0.3s ease;
}

.wt-project-card__title-link:hover .wt-project-card__title {
	color: #5242f3;
}

/* Card Description */
.wt-project-card__desc {
	margin: 0 0 auto 0;
	font-size: 16px;
	color: #595683;
	line-height: 1.6;
	font-weight: 400;
	font-family: 'SVN-Gilroy', sans-serif;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
}

/* Card Link Button */
.wt-project-card__link {
	display: inline-flex;
	align-items: center;
	gap: 10px;
	margin-top: 16px;
	padding: 0;
	font-size: 16px;
	font-weight: 600;
	color: #000;
	text-decoration: none;
	font-family: 'SVN-Gilroy', sans-serif;
	transition: all 0.3s ease;
	border: none;
	background: none;
	cursor: pointer;
}

.wt-project-card__link svg {
	width: 20px;
	height: 20px;
	stroke: currentColor;
	transition: transform 0.3s ease;
}

.wt-project-card__link:hover {
	color: #5242f3;
}

.wt-project-card__link:hover svg {
	transform: translateX(4px);
}

/* Projects Footer & Load More */
.wt-projects-footer {
	display: flex;
	justify-content: center;
	margin-top: 40px;
	padding-top: 20px;
}

.wt-projects-load-more {
    padding: 16px 40px;
    font-size: 16px;
    font-weight: 600;
    color: #fff;
    background: #000;
    border-radius: 10px;
    cursor: pointer;
    font-family: 'SVN-Gilroy', sans-serif;
    transition: all 0.3s ease;
	border:none
}

.wt-projects-load-more:hover {
	background: #5242f3;
	color: #fff;
	box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15);
	transform: translateY(-2px);
}

.wt-projects-load-more.is-loading {
	opacity: 0.6;
	pointer-events: none;
}

/* Larger screens - 4 columns */
@media (min-width: 1600px) {
	.wt-projects-wrapper[data-columns="3"] .wt-projects-grid {
		grid-template-columns: repeat(4, 1fr);
		gap: 25px;
	}

	.wt-project-card__image {
		height: 240px;
	}

	.wt-project-card__title {
		font-size: 20px;
	}

	.wt-projects-tab {
		font-size: 17px;
		padding: 12px 24px;
	}
}

/* Tablet adjustments */
@media (max-width: 1024px) {
	.wt-project-card__image {
		height: 200px;
	}

	.wt-project-card__title {
		font-size: 18px;
	}

	.wt-project-card__desc {
		font-size: 15px;
	}

	.wt-projects-tab {
		font-size: 15px;
		padding: 10px 16px;
	}
}

/* Mobile adjustments */
@media (max-width: 600px) {
	.wt-project-card__body {
		padding: 16px 20px 20px;
	}

	.wt-project-card__image {
		height: 180px;
	}

	.wt-project-card__title {
		font-size: 16px;
		margin-bottom: 10px;
	}

	.wt-project-card__desc {
		font-size: 14px;
		margin-bottom: 12px;
	}

	.wt-project-card__link {
		font-size: 14px;
		gap: 8px;
		margin-top: 12px;
	}

	.wt-project-card__link svg {
		width: 18px;
		height: 18px;
	}

	.wt-projects-load-more {
		width: 100%;
		padding: 14px 20px;
		font-size: 15px;
	}

	.wt-projects-footer {
		margin-top: 24px;
	}
}

/* Solutions Tabs */
.wt-solutions-tabs {
	display: flex;
	justify-content: flex-end;
	gap: 20px;
	margin-bottom: 32px;
	flex-wrap: wrap;
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
}

.wt-solutions-tabs::-webkit-scrollbar {
	height: 4px;
}

.wt-solutions-tabs::-webkit-scrollbar-track {
	background: #f1f1f1;
}

.wt-solutions-tabs::-webkit-scrollbar-thumb {
	background: #c1c1c1;
	border-radius: 4px;
}

.wt-solutions-tab {
	padding: 15px 30px;
	font-size: 16px;
	font-weight: 600;
	color: #000;
	background: #fff;
	border: 1px solid #f3f3f3;
	border-radius: 10px;
	cursor: pointer;
	white-space: nowrap;
	font-family: 'SVN-Gilroy', sans-serif;
	transition: all 0.3s ease;
}

.wt-solutions-tab:hover {
	border-color: #5242f3;
	color: #5242f3;
}

.wt-solutions-tab.is-active {
	background: #5242f3;
	color: #fff;
	border-color: #5242f3;
}

.wt-solutions-wrapper {
	width: 100%;
}

.wt-solutions-grid {
	display: grid;
	gap: 28px 24px;
	margin: 0;
	padding: 0;
}

/* 3 columns on desktop */
.wt-solutions-wrapper[data-columns="3"] .wt-solutions-grid {
	grid-template-columns: repeat(3, 1fr);
}

/* 2 columns on tablet */
@media (max-width: 1024px) {
	.wt-solutions-wrapper[data-columns="3"] .wt-solutions-grid {
		grid-template-columns: repeat(2, 1fr);
	}
}

/* 1 column on mobile */
@media (max-width: 600px) {
	.wt-solutions-wrapper[data-columns="3"] .wt-solutions-grid {
		grid-template-columns: 1fr;
		gap: 20px 0;
	}

	.wt-solutions-tabs {
		justify-content: flex-start;
		flex-wrap: nowrap;
		gap: 12px;
		margin-bottom: 24px;
		overflow-x: auto;
		overflow-y: hidden;
		scrollbar-width: none;
	}

	.wt-solutions-tabs::-webkit-scrollbar {
		display: none;
	}

	.wt-solutions-tab {
		flex: 0 0 auto;
		padding: 12px 20px;
		font-size: 14px;
		border-radius: 8px;
	}
}

/* Solution Card */
.wt-solution-card {
	display: flex;
	height: 100%;
}

.wt-solution-card__inner {
	display: flex;
	flex-direction: column;
	width: 100%;
	background: #fff;
	border-radius: 20px;
	overflow: hidden;
	transition: all 0.3s ease;
}

.wt-solution-card__inner:hover {
	box-shadow: 0px 12px 70px rgba(71, 57, 239, 0.1);
	border-color: #e8e8f0;
	transform: translateY(-2px);
}

/* Card Image */
.wt-solution-card__image {
	width: 100%;
	height: 220px;
	overflow: hidden;
	border-radius: 20px 20px 0 0;
	background: #f5f5f5;
	display: block;
}

.wt-solution-card__image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
	transition: transform 0.4s ease;
}

.wt-solution-card__inner:hover .wt-solution-card__image img {
	transform: scale(1.08);
}

/* Card Body */
.wt-solution-card__body {
	display: flex;
	flex-direction: column;
	padding: 20px 24px 24px;
	flex-grow: 1;
}

/* Card Title Link */
.wt-solution-card__title-link {
	text-decoration: none;
}

/* Card Title */
.wt-solution-card__title {
	margin: 0 0 12px;
	font-size: 20px;
	font-weight: 700;
	color: #000;
	line-height: 1.3;
	font-family: 'SVN-Gilroy', sans-serif;
	transition: color 0.3s ease;
}

.wt-solution-card__title-link:hover .wt-solution-card__title {
	color: #5242f3;
}

/* Card Description */
.wt-solution-card__desc {
	margin: 0 0 auto 0;
	font-size: 16px;
	color: #595683;
	line-height: 1.6;
	font-weight: 400;
	font-family: 'SVN-Gilroy', sans-serif;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
}

/* Card Link Button */
.wt-solution-card__link {
	display: inline-flex;
	align-items: center;
	gap: 10px;
	margin-top: 16px;
	padding: 0;
	font-size: 16px;
	font-weight: 600;
	color: #000;
	text-decoration: none;
	font-family: 'SVN-Gilroy', sans-serif;
	transition: all 0.3s ease;
	border: none;
	background: none;
	cursor: pointer;
}

.wt-solution-card__link svg {
	width: 20px;
	height: 20px;
	stroke: currentColor;
	transition: transform 0.3s ease;
}

.wt-solution-card__link:hover {
	color: #5242f3;
}

.wt-solution-card__link:hover svg {
	transform: translateX(4px);
}

/* Solutions Footer & Load More */
.wt-solutions-footer {
	display: flex;
	justify-content: center;
	margin-top: 40px;
	padding-top: 20px;
}

.wt-solutions-load-more {
    padding: 16px 40px;
    font-size: 16px;
    font-weight: 600;
    color: #fff;
    background: #000;
    border: none;
    border-radius: 10px;
    cursor: pointer;
    font-family: 'SVN-Gilroy', sans-serif;
    transition: all 0.3s ease;
}

.wt-solutions-load-more:hover {
	background: #5242f3;
	color: #fff;
	box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15);
	transform: translateY(-2px);
}

.wt-solutions-load-more.is-loading {
	opacity: 0.6;
	pointer-events: none;
}

/* Larger screens - 4 columns */
@media (min-width: 1600px) {
	.wt-solutions-wrapper[data-columns="3"] .wt-solutions-grid {
		grid-template-columns: repeat(4, 1fr);
		gap: 25px;
	}

	.wt-solution-card__image {
		height: 240px;
	}

	.wt-solution-card__title {
		font-size: 20px;
	}

	.wt-solutions-tab {
		font-size: 17px;
		padding: 12px 24px;
	}
}

/* Tablet adjustments */
@media (max-width: 1024px) {
	.wt-solution-card__image {
		height: 200px;
	}

	.wt-solution-card__title {
		font-size: 18px;
	}

	.wt-solution-card__desc {
		font-size: 15px;
	}

	.wt-solutions-tab {
		font-size: 15px;
		padding: 10px 16px;
	}
}

/* Mobile adjustments */
@media (max-width: 600px) {
	.wt-solution-card__body {
		padding: 16px 20px 20px;
	}

	.wt-solution-card__image {
		height: 180px;
	}

	.wt-solution-card__title {
		font-size: 16px;
		margin-bottom: 10px;
	}

	.wt-solution-card__desc {
		font-size: 14px;
		margin-bottom: 12px;
	}

	.wt-solution-card__link {
		font-size: 14px;
		gap: 8px;
		margin-top: 12px;
	}

	.wt-solution-card__link svg {
		width: 18px;
		height: 18px;
	}

	.wt-solutions-load-more {
		width: 100%;
		padding: 14px 20px;
		font-size: 15px;
	}

	.wt-solutions-footer {
		margin-top: 24px;
		padding: 0 20px;
	}
}

/* Vertical Carousel */
.wt-vertical-carousel {
	width: 100%;
	background: transparent;
	user-select: none;
	display: flex;
	flex-direction: column;
	gap: 0;
	position: relative;
	isolation: isolate;
}

.wt-vertical-carousel::before {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	width: 60px;
	background: #edf0f5;
	border-radius: 12px;
	pointer-events: none;
	z-index: 0;
}

.wt-vertical-carousel-viewport {
	width: 100%;
	overflow-y: auto;
	overflow-x: hidden;
	position: relative;
	height: 280px;
	scroll-behavior: smooth;
	cursor: grab;
	padding-left: 5px;
	scrollbar-width: none;
	-ms-overflow-style: none;
	z-index: 1;
}

.wt-vertical-carousel-viewport::-webkit-scrollbar {
	display: none;
}

.wt-vertical-carousel-track {
	display: flex;
	flex-direction: column;
	gap: 0;
	position: relative;
	z-index: 1;
}

.wt-vertical-carousel-item {
	display: flex;
	align-items: flex-start;
	gap: 22px;
	padding: 10px 0;
	flex-shrink: 0;
	position: relative;
	overflow: visible;
	width: 100%;
	height: auto !important;
	cursor: pointer;
	transition: border-color 0.3s ease;
	min-height: 92px;
	z-index: 1;
}

.wt-vertical-carousel-item:hover .wt-vertical-carousel-number:not(.is-active) {
	color: #4e4a51;
}

/* Number Badge */
.wt-vertical-carousel-number {
	width: 50px !important;
	height: 68px !important;
	min-width: 50px !important;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 10px;
	background-color: transparent;
	color: #666262;
	font-family: 'SVN-Gilroy', sans-serif;
	font-size: 25px !important;
	font-weight: 700;
	line-height: 65px;
	transition: background-color 0.32s cubic-bezier(0.22, 1, 0.36, 1), color 0.32s cubic-bezier(0.22, 1, 0.36, 1), box-shadow 0.32s cubic-bezier(0.22, 1, 0.36, 1), transform 0.32s cubic-bezier(0.22, 1, 0.36, 1);
	flex-shrink: 0;
	position: relative;
}

.wt-vertical-carousel-number::after {
	content: '';
	position: absolute;
	bottom: 10px;
	left: 50%;
	transform: translateX(-50%);
	width: 5px;
	height: 5px;
	border-radius: 50%;
	background-color: #666262;
	transition: all 0.3s cubic-bezier(0.22, 1, 0.36, 1);
	visibility: visible;
	opacity: 1;
}

.wt-vertical-carousel-number.is-active {
	background-color: #3b3aef;
	color: #fff;
	box-shadow: none;
	transform: translateY(0);
}

.wt-vertical-carousel-number.is-active::after {
	background-color: #fff;
}

/* Content */
.wt-vertical-carousel-content {
	flex: 1;
	display: flex;
	flex-direction: column;
	gap: 5px;
	pointer-events: auto;
	overflow: hidden;
	margin-top: 8px;
	padding-bottom: 0;
	border-bottom: none;
}

.wt-vertical-carousel-title {
	font-family: 'SVN-Gilroy', sans-serif;
	font-size: 24px;
	font-weight: 700;
	color: #3b3aef;
	margin: 0;
	line-height: 24px;
	transition: color 0.3s ease;
}

.wt-vertical-carousel-description {
	font-family: 'SVN-Gilroy', sans-serif;
	font-size: 16px;
	font-weight: 400;
	color: #414141;
	margin: 0;
	line-height: normal;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
}

.wt-vertical-carousel-image {
	width: 100%;
	height: auto;
	max-width: 200px;
	border-radius: 12px;
	object-fit: cover;
	margin-top: 8px;
	display: block;
}

.wt-vertical-carousel-sidebar {
	display: none;
}

/* Responsive */
@media (max-width: 768px) {
	.wt-vertical-carousel-viewport {
		height: 280px;
		padding-left: 10px;
	}

	.wt-vertical-carousel::before {
		width: 60px;
	}

	.wt-vertical-carousel-item {
		gap: 20px;
		padding: 10px 0;
		height: auto !important;
		min-height: 90px;
	}

	.wt-vertical-carousel-number {
		width: 50px !important;
		height: 68px !important;
		min-width: 50px !important;
		font-size: 25px !important;
	}

	.wt-vertical-carousel-title {
		font-size: 20px;
		line-height: 1.15;
	}

	.wt-vertical-carousel-description {
		font-size: 14px;
		line-height: 1.2;
	}
}

@media (max-width: 480px) {
	.wt-vertical-carousel-viewport {
		height: 260px;
		padding-left: 10px;
	}

	.wt-vertical-carousel::before {
		width: 50px;
		left: 5px;
	}

	.wt-vertical-carousel-item {
		gap: 16px;
		padding: 12px 0;
		height: auto !important;
		min-height: 90px;
	}

	.wt-vertical-carousel-number {
		width: 40px !important;
		height: 58px !important;
		min-width: 40px !important;
		font-size: 22px !important;
	}

	.wt-vertical-carousel-title {
		font-size: 18px;
	}

	.wt-vertical-carousel-description {
		font-size: 13px;
	}
}

/* =============================================
   woo-video – play button pulse animation
   ============================================= */
@keyframes wooVideoPulse {
	0%   { box-shadow: 0 0 0 0 rgba(255,255,255,0.55), 0 0 0 0 rgba(255,255,255,0.3); }
	70%  { box-shadow: 0 0 0 22px rgba(255,255,255,0), 0 0 0 44px rgba(255,255,255,0); }
	100% { box-shadow: 0 0 0 0 rgba(255,255,255,0), 0 0 0 0 rgba(255,255,255,0); }
}

.woo-video .elementor-custom-embed-play svg {
	border-radius: 50%;
	animation: wooVideoPulse 2.2s ease-out infinite;
}

/* ============================================================
   Testimonials Widget — wt-testimonials
   ============================================================ */

.wt-testimonials {
	width: 100%;
	position: relative;
}

/* Desktop/tablet: CSS Grid — equal-height rows, 3 cols */
.wt-testimonials__swiper {
	/* no override — Swiper handles overflow */
}

.wt-testimonials__wrapper {
	display: grid !important;
	grid-template-columns: repeat(3, 1fr);
	gap: 20px!important;
	align-items: start;
}

.wt-testimonial-card {
	display: flex;
	flex-direction: column;
	margin-bottom: 0 !important;
	width: 100%;
	background: #fff;
	border-radius: 16px;
	padding: 28px 26px;
	break-inside: avoid;
	box-shadow: 0 2px 16px rgba(0, 0, 0, 0.06);
	transition: box-shadow 0.3s ease, transform 0.3s ease;
}

.wt-testimonial-card:hover {
	box-shadow: 0 8px 40px rgba(71, 57, 239, 0.12);
	transform: translateY(-2px);
}

/* Quote icon box */
.wt-testimonial-card__icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 60px;
	height: 60px;
	background: #eeebff;
	border-radius: 50px;
	margin-bottom: 20px;
	flex-shrink: 0;
}

/* Body text */
.wt-testimonial-card__text {
	margin: 0 0 24px;
	font-size: 15px;
	line-height: 1.65;
	color: #2f2f2f;
	font-family: 'SVN-Gilroy', sans-serif;
}

/* Author row */
.wt-testimonial-card__author {
	margin-top: auto;
	display: flex;
	align-items: center;
	gap: 12px;
}

.wt-testimonial-card__avatar {
	width: 44px;
	height: 44px;
	border-radius: 50%;
	overflow: hidden;
	flex-shrink: 0;
}

.wt-testimonial-card__avatar img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}

.wt-testimonial-card__info {
	display: flex;
	flex-direction: column;
	min-width: 0;
}

.wt-testimonial-card__name {
	font-size: 15px;
	font-weight: 700;
	color: #101010;
	font-family: 'SVN-Gilroy', sans-serif;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.wt-testimonial-card__role {
	font-size: 13px;
	color: #767676;
	font-family: 'SVN-Gilroy', sans-serif;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

/* Pagination (mobile only) */
.wt-testimonials__pagination {
	position: static !important;
	display: none;
	text-align: center;
	margin-top: 20px;
}

.wt-testimonials__pagination .swiper-pagination-bullet {
	width: 8px;
	height: 8px;
	opacity: 1;
	background: #c9c9ff;
	margin: 0 3px !important;
	transition: all 0.25s ease;
}

.wt-testimonials__pagination .swiper-pagination-bullet-active {
	width: 22px;
	border-radius: 8px;
	background: #4739ef;
}

/* Tablet: 2 columns */
@media (max-width: 1024px) and (min-width: 768px) {
	.wt-testimonials__swiper {
		overflow: visible;
	}

	.wt-testimonials__wrapper {
		grid-template-columns: repeat(2, 1fr);
	}
}

/* Desktop only: need visible for grid layout */
@media (min-width: 1025px) {
	.wt-testimonials__swiper {
		overflow: visible;
	}
}

/* Mobile: class added by JS when Swiper is active */
.wt-testimonials.is-slider {
	overflow: hidden;
}

.wt-testimonials.is-slider .wt-testimonials__swiper {
	overflow: hidden;
}

/* Reset grid when Swiper is active — no media query needed */
.wt-testimonials.is-slider .wt-testimonials__wrapper {
	display: flex !important;
	grid-template-columns: unset !important;
	align-items: stretch;
}

.wt-testimonials.is-slider .wt-testimonials__wrapper .swiper-slide {
	height: auto;
	display: flex;
}

/* Equal height: each slide stretches to tallest */
.wt-testimonials.is-slider .wt-testimonial-card {
	width: 100% !important;
	height: 100%;
	flex-shrink: 0;
	margin-bottom: 0;
}

.wt-testimonials.is-slider .wt-testimonials__pagination {
	display: block;
}

@media (max-width: 767px) {
	.wt-testimonials__swiper {
		overflow: hidden !important;
	}
}

/* Post News (default post + category tabs) */
.wt-post-news {
	width: 100%;
}

/* ---------- Tabs: pill buttons + red underline bar ---------- */
.wt-post-news__tabs {
	display: flex;
	align-items: center;
	gap: 8px;
	overflow-x: auto;
	overflow-y: hidden;
	-webkit-overflow-scrolling: touch;
	white-space: nowrap;
	padding-bottom: 16px;
	margin-bottom: 24px;
	border-bottom: 1px solid #edf0f5;
	-ms-overflow-style: none;
	scrollbar-width: none;
	justify-content: flex-end;
}

.wt-post-news__tabs::-webkit-scrollbar {
	display: none;
}

.wt-post-news__tab {
	display: inline-block;
	padding: 10px 26px;
	border: 1px solid #f3f3f3;
	border-radius: 10px;
	background: #ffffff;
	color: #111111;
	text-decoration: none;
	font-family: 'SVN-Gilroy', sans-serif;
	font-size: 16px;
	font-weight: 600;
	line-height: 1.2;
	white-space: nowrap;
	flex-shrink: 0;
	cursor: pointer;
	transition: background 0.2s ease, border-color 0.2s ease, color 0.2s ease;
}

.wt-post-news__tab:hover {
	border-color: #4739ef;
	color: #4739ef;
}

.wt-post-news__tab.is-active {
	background: #4739ef;
	border-color: #4739ef;
	color: #ffffff;
}

/* ---------- Content / panels ---------- */
.wt-post-news__content {
	width: 100%;
}

.wt-post-news__panel {
	width: 100%;
}

.wt-post-news__panel:not(.is-active),
.wt-post-news__panel[hidden] {
	display: none !important;
}

/* Tỉ lệ Figma: cột trái ~59% (featured lớn), cột phải ~41% (side list) */
.wt-post-news__layout {
	display: grid;
	grid-template-columns: minmax(0, 59.4fr) minmax(0, 40.6fr);
	gap: 24px;
	align-items: start;
}

.wt-post-news__main {
	display: flex;
	flex-direction: column;
	gap: 20px;
}

/* ---------- Featured card ---------- */
.wt-post-news-featured {
	border: 1px solid #f3f3f3;
	border-radius: 20px;
	overflow: hidden;
	background: #ffffff;
	display: flex;
	flex-direction: column;
}

.wt-post-news-featured__image {
	display: block;
	width: 100%;
	aspect-ratio: 900 / 370;
	overflow: hidden;
	border-radius: 20px 20px 0 0;
	background: #e9e9e9;
}

.wt-post-news-featured__image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
	transition: transform 0.4s ease;
}

.wt-post-news-featured:hover .wt-post-news-featured__image img {
	transform: scale(1.03);
}

.wt-post-news-featured__body {
	padding: 20px 24px 26px;
	display: flex;
	flex-direction: column;
	gap: 14px;
}

/* ---------- Titles ---------- */
.wt-post-news-featured__title,
.wt-post-news-side-item__title,
.wt-post-news-weekly-item__title {
	margin: 0;
	line-height: 1.2;
	font-weight: 700;
	color: #111111;
}

.wt-post-news-featured__title {
	font-size: 24px;
	line-height: 1.25;
}

.wt-post-news-featured__title a,
.wt-post-news-side-item__title a,
.wt-post-news-weekly-item__title a {
	color: inherit;
	text-decoration: none;
	transition: color 0.2s;
}

.wt-post-news-featured__title a:hover,
.wt-post-news-side-item__title a:hover,
.wt-post-news-weekly-item__title a:hover {
	color: #4739ef;
}

/* ---------- Descriptions ---------- */
.wt-post-news-featured__desc,
.wt-post-news-side-item__desc,
.wt-post-news-weekly-item__desc {
	margin: 0;
	font-size: 14px;
	line-height: 1.57;
	color: #1f1f1f;
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
}

.wt-post-news-featured__desc {
	-webkit-line-clamp: 4;
}

/* ---------- "Xem thêm" link ---------- */
.wt-post-news__more {
	margin-top: auto;
	display: inline-flex;
	align-items: center;
	gap: 8px;
	color: #000000;
	font-size: 14px;
	font-weight: 600;
	text-decoration: none;
	line-height: 1;
	width: fit-content;
	transition: color 0.2s;
}

.wt-post-news__more:hover {
	color: #4739ef;
}

.wt-post-news__more svg {
	color: #4739ef;
	width: 20px;
	height: 20px;
	transition: transform 0.2s;
}

.wt-post-news__more:hover svg {
	transform: translateX(3px);
}

/* ---------- Side list (cột phải bài nổi bật) ---------- */
.wt-post-news__side {
	display: flex;
	flex-direction: column;
}

.wt-post-news__side-list {
	display: flex;
	flex-direction: column;
}

.wt-post-news-side-item {
	display: grid;
	grid-template-columns: 218px minmax(0, 1fr);
	gap: 20px;
	padding: 20px 0;
	border-bottom: 1px solid #f3f3f3;
}

.wt-post-news-side-item:first-child {
	padding-top: 0;
}

.wt-post-news-side-item:last-child {
	padding-bottom: 0;
	border-bottom: 0;
}

.wt-post-news-side-item__image {
	display: block;
	width: 100%;
	height: 150px;
	border-radius: 16px;
	overflow: hidden;
	background: #e9e9e9;
}

.wt-post-news-side-item__image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
	transition: transform 0.4s ease;
}

.wt-post-news-side-item:hover .wt-post-news-side-item__image img {
	transform: scale(1.03);
}

.wt-post-news-side-item__body {
	display: flex;
	flex-direction: column;
	gap: 10px;
	justify-content: center;
}

.wt-post-news-side-item__title {
	font-size: 18px;
}

.wt-post-news-side-item__desc {
	-webkit-line-clamp: 3;
}

/* ---------- Placeholder image ---------- */
.wt-post-news__img-placeholder {
	display: block;
	width: 100%;
	height: 100%;
	background: linear-gradient(135deg, #dcdcdc 0%, #f0f0f0 100%);
}

/* ---------- Weekly section (Tin tức trong tuần) ---------- */
.wt-post-news__weekly {
	margin-top: 48px;
}

.wt-post-news__weekly-title {
	margin: 0 0 28px;
	font-size: 32px;
	font-weight: 700;
	line-height: 1.15;
	color: #111111;
}

.wt-post-news__weekly-grid {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 24px;
}

/* ---------- Secondary 2-col card grid (left col, below featured) ---------- */
.wt-post-news__secondary-grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 20px;
}

/* ---------- Card ---------- */
.wt-post-news-card {
	border: 1px solid #f3f3f3;
	border-radius: 20px;
	overflow: hidden;
	background: #ffffff;
	display: flex;
	flex-direction: column;
}

.wt-post-news-card__image {
	display: block;
	width: 100%;
	aspect-ratio: 372 / 230;
	overflow: hidden;
	border-radius: 20px 20px 0 0;
	background: #e9e9e9;
}

.wt-post-news-card__image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
	transition: transform 0.4s ease;
}

.wt-post-news-card:hover .wt-post-news-card__image img {
	transform: scale(1.03);
}

.wt-post-news-card__body {
	padding: 16px 18px 18px;
	display: flex;
	flex-direction: column;
	gap: 12px;
	flex: 1;
}

.wt-post-news-card__title {
	margin: 0;
	font-size: 18px;
	font-weight: 700;
	line-height: 1.2;
	color: #111111;
}

.wt-post-news-card__title a {
	color: inherit;
	text-decoration: none;
	transition: color 0.2s;
}

.wt-post-news-card__title a:hover {
	color: #4739ef;
}

.wt-post-news-card__desc {
	margin: 0;
	font-size: 14px;
	line-height: 1.57;
	color: #1f1f1f;
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
}

/* ---------- Weekly card item ---------- */
.wt-post-news-weekly-item {
	border: 1px solid #f3f3f3;
	border-radius: 20px;
	overflow: hidden;
	background: #ffffff;
	display: flex;
	flex-direction: column;
	transition: box-shadow 0.2s ease;
}

.wt-post-news-weekly-item:hover {
	box-shadow: 0 8px 32px rgba(71, 57, 239, 0.08);
}

.wt-post-news-weekly-item__image {
	display: block;
	width: 100%;
	aspect-ratio: 372 / 230;
	overflow: hidden;
	border-radius: 20px 20px 0 0;
	background: #e9e9e9;
}

.wt-post-news-weekly-item__image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
	transition: transform 0.4s ease;
}

.wt-post-news-weekly-item:hover .wt-post-news-weekly-item__image img {
	transform: scale(1.03);
}

.wt-post-news-weekly-item__body {
	padding: 16px 18px 20px;
	display: flex;
	flex-direction: column;
	gap: 10px;
	flex: 1;
}

.wt-post-news-weekly-item__title {
	font-size: 17px;
}

.wt-post-news-weekly-item__desc {
	-webkit-line-clamp: 3;
}

/* ---------- Load more footer ---------- */
.wt-post-news__footer {
	display: flex;
	justify-content: center;
	margin-top: 36px;
}

.wt-post-news__load-more {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	padding: 14px 44px;
	border: 1px solid #4739ef;
	border-radius: 10px;
	background: #ffffff;
	color: #4739ef;
	font-family: 'SVN-Gilroy', sans-serif;
	font-size: 16px;
	font-weight: 600;
	cursor: pointer;
	transition: background 0.2s, color 0.2s, border-color 0.2s;
}

.wt-post-news__load-more:hover:not(:disabled) {
	background: #4739ef;
	color: #ffffff;
}

.wt-post-news__load-more:disabled,
.wt-post-news__load-more.is-loading {
	opacity: 0.55;
	cursor: not-allowed;
}

.wt-post-news__load-more.is-hidden {
	display: none;
}

/* ---------- Responsive: 1280px ---------- */
@media (max-width: 1279px) {
	.wt-post-news__layout {
		gap: 20px;
	}

	.wt-post-news-side-item {
		grid-template-columns: 170px minmax(0, 1fr);
	}

	.wt-post-news-side-item__image {
		height: 130px;
	}

	.wt-post-news__weekly-grid {
		grid-template-columns: repeat(3, minmax(0, 1fr));
		gap: 20px;
	}
}

/* ---------- Responsive: 1024px → stack columns ---------- */
@media (max-width: 1024px) {
	.wt-post-news__layout {
		grid-template-columns: 1fr;
	}

	.wt-post-news-side-item {
		grid-template-columns: 180px minmax(0, 1fr);
	}

	.wt-post-news-side-item__image {
		height: 132px;
	}

	.wt-post-news__weekly-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 18px;
	}

	.wt-post-news__weekly-title {
		font-size: 28px;
	}
}

/* ---------- Responsive: 767px (mobile) ---------- */
@media (max-width: 767px) {
	.wt-post-news__tabs {
		gap: 6px;
		margin-bottom: 18px;
		justify-content: flex-start;
		scroll-snap-type: x mandatory;
		padding-bottom: 12px;
	}

	.wt-post-news__tab {
		font-size: 13px;
		padding: 8px 18px;
		scroll-snap-align: start;
		flex-shrink: 0;
	}

	.wt-post-news-featured {
		border-radius: 12px;
	}

	.wt-post-news-featured__image {
		border-radius: 12px 12px 0 0;
	}

	.wt-post-news-featured__body {
		padding: 14px;
		gap: 10px;
	}

	.wt-post-news-featured__title {
		font-size: 20px;
	}

	.wt-post-news-featured__desc {
		-webkit-line-clamp: 3;
	}

	/* secondary 2-col cards: stack on mobile */
	.wt-post-news__secondary-grid {
		grid-template-columns: 1fr;
		gap: 12px;
	}

	.wt-post-news-card {
		display: grid;
		grid-template-columns: 110px minmax(0, 1fr);
		border-radius: 12px;
		gap: 10px;
	}

	.wt-post-news-card__image {
		aspect-ratio: auto;
		height: 100%;
		min-height: 90px;
		border-radius: 12px 0 0 12px;
	}

	.wt-post-news-card__body {
		padding: 10px 12px 10px 0;
		gap: 6px;
	}

	.wt-post-news-card__title {
		font-size: 14px;
	}

	.wt-post-news-card__desc {
		font-size: 12px;
		line-height: 1.4;
		-webkit-line-clamp: 2;
	}

	.wt-post-news-card .wt-post-news__more {
		display: none;
	}

	.wt-post-news-side-item {
		grid-template-columns: 110px minmax(0, 1fr);
		gap: 10px;
		padding: 14px 0;
	}

	.wt-post-news-side-item__image {
		height: 90px;
		border-radius: 10px;
	}

	.wt-post-news-side-item__title,
	.wt-post-news-weekly-item__title {
		font-size: 15px;
	}

	.wt-post-news-side-item__body {
		gap: 6px;
	}

	.wt-post-news__weekly {
		margin-top: 32px;
	}

	.wt-post-news__weekly-title {
		font-size: 22px;
		margin-bottom: 18px;
	}

	/* Mobile: weekly grid → horizontal scroll slider */
	.wt-post-news__weekly-grid {
		display: flex;
		grid-template-columns: unset;
		flex-wrap: nowrap;
		overflow-x: auto;
		scroll-snap-type: x mandatory;
		-webkit-overflow-scrolling: touch;
		gap: 12px;
		padding-bottom: 8px;
		-ms-overflow-style: none;
		scrollbar-width: none;
		margin: 0 -16px;
		padding-left: 16px;
		padding-right: 16px;
	}

	.wt-post-news__weekly-grid::-webkit-scrollbar {
		display: none;
	}

	.wt-post-news-weekly-item {
		border-radius: 12px;
		flex: 0 0 72vw;
		max-width: 280px;
		scroll-snap-align: start;
	}

	.wt-post-news-weekly-item__image {
		border-radius: 12px 12px 0 0;
		aspect-ratio: 4 / 3;
	}

	.wt-post-news-weekly-item__body {
		padding: 10px 12px 12px;
		gap: 6px;
	}

	.wt-post-news-weekly-item__desc {
		font-size: 12px;
		line-height: 1.4;
		-webkit-line-clamp: 2;
	}

	.wt-post-news-weekly-item .wt-post-news__more {
		display: none;
	}

	.wt-post-news__load-more {
		font-size: 14px;
		padding: 12px 32px;
	}
}
/* ================================================
   News Detail — Collapsible read-more
   ================================================ */
.news-detail-readmore-wrap {
	position: relative;
}

.news-detail-readmore-wrap.is-collapsed .news-detail {
	max-height: 500px;
	overflow: hidden;
}

.news-detail-readmore-wrap.is-collapsed::after {
	content: '';
	position: absolute;
	bottom: 48px;
	left: 0;
	right: 0;
	height: 160px;
	background: linear-gradient(to bottom, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);
	pointer-events: none;
	z-index: 1;
}

.news-detail-readmore-btn {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	margin: 12px auto 0;
	padding: 10px 28px;
	border: 1.5px solid #4739ef;
	border-radius: 10px;
	background: #ffffff;
	color: #4739ef;
	font-size: 15px;
	font-weight: 600;
	text-align: center;
	cursor: pointer;
	transition: background 0.2s ease, color 0.2s ease;
	position: relative;
	z-index: 2;
}

/* wrapper for centering the button */
.news-detail-readmore-btn-wrap {
	display: flex;
	justify-content: center;
	position: relative;
	z-index: 2;
	margin-top: 12px;
}

.news-detail-readmore-btn:hover {
	background: #4739ef;
	color: #ffffff;
}

/* ================================================
   Related Posts Slider — [wt_related_posts]
   ================================================ */
.wt-related-posts {
	position: relative;
	width: 100%;
	overflow: hidden;
}

.wt-related-posts__title {
	font-size: 28px;
	font-weight: 700;
	margin-bottom: 24px;
	color: #111111;
}

.wt-related-posts__track-wrap {
	overflow: hidden;
}

.wt-related-posts__track {
	display: flex;
	gap: 24px;
	transition: transform 0.4s ease;
	will-change: transform;
	cursor: grab;
}

/* Each item width controlled by JS via --slides-visible CSS var */
.wt-related-posts__item {
	flex: 0 0 calc((100% - 24px * (var(--rp-visible, 3) - 1)) / var(--rp-visible, 3));
	min-width: 0;
	border-radius: 12px;
	background: #ffffff;
	box-shadow: 0 2px 16px rgba(0,0,0,0.07);
	overflow: hidden;
	display: flex;
	flex-direction: column;
}

.wt-related-posts__image {
	display: block;
	width: 100%;
	aspect-ratio: 16 / 10;
	overflow: hidden;
	background: #edf0f5;
}

.wt-related-posts__image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
	transition: transform 0.35s ease;
}

.wt-related-posts__item:hover .wt-related-posts__image img {
	transform: scale(1.04);
}

.wt-related-posts__img-placeholder {
	display: block;
	width: 100%;
	height: 100%;
	background: #dde2ea;
}

.wt-related-posts__body {
	display: flex;
	flex-direction: column;
	gap: 8px;
	padding: 18px 20px 20px;
	flex: 1;
}

.wt-related-posts__cat {
	display: inline-block;
	font-size: 12px;
	font-weight: 600;
	color: #4739ef;
	text-decoration: none;
	text-transform: uppercase;
	letter-spacing: 0.04em;
}

.wt-related-posts__item-title {
	margin: 0;
	font-size: 17px;
	font-weight: 700;
	line-height: 1.35;
	color: #111111;
}

.wt-related-posts__item-title a {
	color: inherit;
	text-decoration: none;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
}

.wt-related-posts__item-title a:hover {
	color: #4739ef;
}

.wt-related-posts__excerpt {
	margin: 0;
	font-size: 14px;
	line-height: 1.6;
	color: #555555;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	overflow: hidden;
	flex: 1;
}

.wt-related-posts__more {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	color: #111111;
	text-decoration: none;
	font-size: 14px;
	font-weight: 600;
	margin-top: auto;
	transition: color 0.2s ease;
}

.wt-related-posts__more:hover {
	color: #4739ef;
}

/* Nav */
.wt-related-posts__nav {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 16px;
	margin-top: 28px;
}

.wt-related-posts__prev,
.wt-related-posts__next {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 40px;
	height: 40px;
	border-radius: 50%;
	border: 1.5px solid #dde2ea;
	background: #ffffff;
	color: #111111;
	cursor: pointer;
	transition: border-color 0.2s ease, color 0.2s ease, background 0.2s ease;
	flex-shrink: 0;
}

.wt-related-posts__prev:hover,
.wt-related-posts__next:hover {
	border-color: #4739ef;
	color: #4739ef;
}

.wt-related-posts__prev:disabled,
.wt-related-posts__next:disabled {
	opacity: 0.35;
	cursor: default;
	pointer-events: none;
}

.wt-related-posts__dots {
	display: flex;
	gap: 8px;
	align-items: center;
}

.wt-related-posts__dot {
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background: #dde2ea;
	border: none;
	cursor: pointer;
	padding: 0;
	transition: background 0.2s ease, transform 0.2s ease;
}

.wt-related-posts__dot.is-active {
	background: #4739ef;
	transform: scale(1.3);
}

/* Responsive */
@media (max-width: 1024px) {
	.wt-related-posts__track {
		gap: 16px;
	}
	.wt-related-posts__item {
		flex-basis: calc((100% - 16px * (var(--rp-visible, 2) - 1)) / var(--rp-visible, 2));
	}
}

@media (max-width: 767px) {
	.wt-related-posts__title {
		font-size: 22px;
		margin-bottom: 16px;
	}
	.wt-related-posts__track {
		gap: 12px;
	}
	.wt-related-posts__item {
		flex-basis: calc(100% / var(--rp-visible, 1));
	}
	.wt-related-posts__body {
		padding: 14px 14px 16px;
	}
}

/* =====================================================================
   WP NEWS TABS — [wt_news_tabs]
   ===================================================================== */

.wt-news-tabs {
	width: 100%;
	overflow-x: clip;
}

/* ---------- Header: tiêu đề + tabs ---------- */
.wt-news-tabs__header {
	display: flex;
	align-items: center;
	gap: 24px;
	flex-wrap: wrap;
	margin-bottom: 32px;
}

.wt-news-tabs__title {
	color: #000;
	text-align: center;
	font-family: 'SVN-Gilroy', sans-serif;
	font-size: 36px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
	margin: 0;
	flex-shrink: 0;
}

.wt-news-tabs__tabs {
	display: flex;
	align-items: center;
	gap: 8px;
	flex-wrap: wrap;
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
	white-space: nowrap;
	-ms-overflow-style: none;
	scrollbar-width: none;
}

.wt-news-tabs__tabs::-webkit-scrollbar {
	display: none;
}

.wt-news-tabs__tab {
	display: inline-flex;
	align-items: center;
	padding: 10px 26px;
	border: 1px solid #f3f3f3;
	border-radius: 10px;
	background: #ffffff;
	color: #111111;
	font-family: 'SVN-Gilroy', sans-serif;
	font-size: 16px;
	font-weight: 600;
	line-height: 1.2;
	white-space: nowrap;
	flex-shrink: 0;
	cursor: pointer;
	transition: background 0.2s ease, border-color 0.2s ease, color 0.2s ease;
}

.wt-news-tabs__tab:hover {
	border-color: #4739ef;
	color: #4739ef;
}

.wt-news-tabs__tab.is-active {
	background: #4739ef;
	border-color: #4739ef;
	color: #ffffff;
}

/* ---------- Panels ---------- */
.wt-news-tabs__panels {
	position: relative;
}

.wt-news-tabs__panel {
	width: 100%;
}

.wt-news-tabs__panel:not(.is-active),
.wt-news-tabs__panel[hidden] {
	display: none !important;
}

/* ---------- Slider ---------- */
.wt-news-tabs__track-wrap {
	overflow: hidden;
}

.wt-news-tabs__track {
	display: flex;
	gap: 20px;
	transition: transform 0.35s ease;
	will-change: transform;
	cursor: grab;
	user-select: none;
}

.wt-news-tabs__track.is-dragging {
	cursor: grabbing;
}

.wt-news-tabs__item {
	flex: 0 0 calc((100% - 20px * (var(--nts-visible, 4) - 1)) / var(--nts-visible, 4));
	min-width: 0;
	box-sizing: border-box;
	background: #fff;
	border-radius: 12px;
	overflow: hidden;
	border: 1px solid #f0f0f0;
	display: flex;
	flex-direction: column;
}

.wt-news-tabs__item-image {
	display: block;
	width: 100%;
	overflow: hidden;
	aspect-ratio: 16 / 9;
	position: relative;
}

.wt-news-tabs__item-image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
	transition: transform 0.3s ease;
}

.wt-news-tabs__item:hover .wt-news-tabs__item-image img {
	transform: scale(1.04);
}

.wt-news-tabs__img-placeholder {
	display: block;
	width: 100%;
	height: 100%;
	background: #f0f2f6;
	position: absolute;
	inset: 0;
}

.wt-news-tabs__item-body {
	padding: 16px 18px 20px;
	display: flex;
	flex-direction: column;
	gap: 8px;
	flex: 1;
}

.wt-news-tabs__item-cat {
	font-family: 'SVN-Gilroy', sans-serif;
	font-size: 12px;
	font-weight: 700;
	color: #4739ef;
	text-transform: uppercase;
	letter-spacing: 0.06em;
	text-decoration: none;
}

.wt-news-tabs__item-title {
	margin: 0;
	font-family: 'SVN-Gilroy', sans-serif;
	font-size: 18px;
	font-weight: 700;
	line-height: 1.4;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
}

.wt-news-tabs__item-title a {
	color: #111111;
	text-decoration: none;
}

.wt-news-tabs__item-title a:hover {
	color: #4739ef;
}

.wt-news-tabs__item-excerpt {
	margin: 0;
	font-family: 'SVN-Gilroy', sans-serif;
	font-size: 14px;
	color: #666;
	line-height: 1.6;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	overflow: hidden;
	flex: 1;
}

.wt-news-tabs__item-more {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	margin-top: 4px;
	font-family: 'SVN-Gilroy', sans-serif;
	font-size: 14px;
	font-weight: 600;
	color: #4739ef;
	text-decoration: none;
}

.wt-news-tabs__item-more:hover {
	gap: 10px;
}

.wt-news-tabs__item-more svg {
	transition: transform 0.2s ease;
}

.wt-news-tabs__item-more:hover svg {
	transform: translateX(3px);
}

/* ---------- Navigation: prev / dots / next ---------- */
.wt-news-tabs__nav {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 12px;
	margin-top: 24px;
}

.wt-news-tabs__prev,
.wt-news-tabs__next {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 40px;
	height: 40px;
	border: 1px solid #dde1ea;
	border-radius: 50%;
	background: #fff;
	color: #111;
	cursor: pointer;
	transition: background 0.2s ease, border-color 0.2s ease, color 0.2s ease;
	flex-shrink: 0;
}

.wt-news-tabs__prev:hover,
.wt-news-tabs__next:hover {
	background: #4739ef;
	border-color: #4739ef;
	color: #fff;
}

.wt-news-tabs__prev:disabled,
.wt-news-tabs__next:disabled {
	opacity: 0.35;
	pointer-events: none;
}

.wt-news-tabs__dots {
	display: flex;
	align-items: center;
	gap: 6px;
}

.wt-news-tabs__dot {
	width: 8px;
	height: 8px;
	border-radius: 50%;
	border: none;
	padding: 0;
	background: #dde1ea;
	cursor: pointer;
	transition: background 0.2s ease, transform 0.2s ease, width 0.2s ease;
}

.wt-news-tabs__dot.is-active {
	background: #4739ef;
	width: 22px;
	border-radius: 4px;
}

/* ---------- Responsive ---------- */
@media (max-width: 1024px) {
	.wt-news-tabs__header {
		gap: 16px;
	}
	.wt-news-tabs__title {
		font-size: 28px;
	}
	.wt-news-tabs__track {
		gap: 16px;
	}
	.wt-news-tabs__item {
		flex-basis: calc((100% - 16px * (var(--nts-visible, 2) - 1)) / var(--nts-visible, 2));
	}
}

@media (max-width: 767px) {
	.wt-news-tabs {
		padding-inline: 8px;
		box-sizing: border-box;
	}
	.wt-news-tabs__header {
		flex-direction: column;
		align-items: flex-start;
		gap: 12px;
		margin-bottom: 20px;
	}
	.wt-news-tabs__title {
		font-size: 24px;
	}
	.wt-news-tabs__tabs {
		flex-wrap: nowrap;
		width: 100%;
		max-width: 100%;
		min-width: 0;
		padding-right: 6px;
	}
	.wt-news-tabs__tab {
		padding: 9px 16px;
		font-size: 15px;
	}
	.wt-news-tabs__track {
		gap: 12px;
		touch-action: pan-y;
	}
	.wt-news-tabs__item {
		flex-basis: calc(100% / var(--nts-visible, 1));
	}
	.wt-news-tabs__item-body {
		padding: 12px 12px 14px;
	}
}

/* =====================================================================
   WOO-DOITAC — Logo marquee vô hạn
   ===================================================================== */

.woo-doitac .doitac-marquee {
	width: 100%;
	overflow: hidden;
	-webkit-mask-image: linear-gradient(
		to right,
		transparent 0%,
		#000 120px,
		#000 calc(100% - 120px),
		transparent 100%
	);
	mask-image: linear-gradient(
		to right,
		transparent 0%,
		#000 120px,
		#000 calc(100% - 120px),
		transparent 100%
	);
}

.woo-doitac .doitac-marquee__track {
	display: flex;
	align-items: center;
	gap: 60px;
	width: max-content;
	animation: doitac-scroll 28s linear infinite;
	will-change: transform;
}

.woo-doitac .doitac-marquee:hover .doitac-marquee__track {
	animation-play-state: paused;
}

.woo-doitac .doitac-marquee__track .swiper-slide-inner,
.woo-doitac .doitac-marquee__track .swiper-slide {
	width: 220px !important;
	margin: 0 !important;
	flex-shrink: 0;
	display: flex;
	align-items: center;
	justify-content: center;
}

.woo-doitac .doitac-marquee__track img {
	max-width: 220px;
	width: 100%;
	height: auto;
	object-fit: contain;
	display: block;
	filter: grayscale(100%);
	opacity: 0.6;
	transition: filter 0.3s ease, opacity 0.3s ease;
}

.woo-doitac .doitac-marquee__track img:hover {
	filter: grayscale(0%);
	opacity: 1;
}

@keyframes doitac-scroll {
	0%   { transform: translateX(0); }
	100% { transform: translateX(-50%); }
}

@media (max-width: 767px) {
	.woo-doitac .doitac-marquee {
		-webkit-mask-image: linear-gradient(
			to right,
			transparent 0%,
			#000 48px,
			#000 calc(100% - 48px),
			transparent 100%
		);
		mask-image: linear-gradient(
			to right,
			transparent 0%,
			#000 48px,
			#000 calc(100% - 48px),
			transparent 100%
		);
	}
	.woo-doitac .doitac-marquee__track {
		gap: 32px;
		animation-duration: 18s;
	}
	.woo-doitac .doitac-marquee__track .swiper-slide {
		width: 140px !important;
	}
	.woo-doitac .doitac-marquee__track img {
		max-width: 140px;
	}
}

/* =====================================================================
   WOOTECH SEARCH — [wootech_search_form] & [wootech_search_results]
   ===================================================================== */

/* ---- Search form ---- */
.wt-search-form {
	width: 100%;
	font-family: 'SVN-Gilroy', sans-serif;
}
.wt-search-form__inner {
	display: flex;
	align-items: center;
	gap: 0;
	background: #fff;
	border: 1.5px solid #E2E2F0;
	border-radius: 16px;
	padding: 6px 6px 6px 20px;
	transition: border-color .2s, box-shadow .2s;
}
.wt-search-form__inner:focus-within {
	border-color: #5242f3;
	box-shadow: 0 0 0 4px rgba(82,66,243,.08);
}
.wt-search-form__icon {
	flex-shrink: 0;
	color: #9D99E9;
	display: flex;
	align-items: center;
	margin-right: 10px;
}
.wt-search-form__input {
	flex: 1;
	border: none;
	outline: none;
	background: transparent;
	font-family: 'SVN-Gilroy', sans-serif;
	font-size: 16px;
	font-weight: 500;
	color: #131326;
	min-width: 0;
	padding: 10px 0;
}
.wt-search-form__input::placeholder { color: #b0aed8; }
.wt-search-form__btn {
	flex-shrink: 0;
	padding: 12px 28px;
	border-radius: 12px;
	background: #5242f3;
	color: #fff;
	font-family: 'SVN-Gilroy', sans-serif;
	font-size: 15px;
	font-weight: 700;
	border: none;
	cursor: pointer;
	transition: background .18s;
	white-space: nowrap;
}
.wt-search-form__btn:hover { background: #4739ef; }

/* Bar variant (inside results page) */
.wt-search-form--bar .wt-search-form__inner {
	border-radius: 20px;
	padding: 8px 8px 8px 24px;
}
.wt-search-form--bar .wt-search-form__btn {
	padding: 14px 36px;
	font-size: 16px;
}

/* ---- Results wrapper ---- */
.wt-search-results {
	font-family: 'SVN-Gilroy', sans-serif;
}
.wt-search-results__bar {
	margin-bottom: 36px;
}
.wt-search-results__count {
	font-size: 16px;
	color: #595683;
	margin: 0 0 28px;
	line-height: 1.5;
}
.wt-search-results__count strong { color: #131326; }

/* ---- Results grid ---- */
.wt-search-results__grid {
	display: grid;
	gap: 24px;
}
.wt-search-results__grid--col3 { grid-template-columns: repeat(3, 1fr); }
.wt-search-results__grid--col2 { grid-template-columns: repeat(2, 1fr); }

@media (max-width: 1024px) {
	.wt-search-results__grid--col3 { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 640px) {
	.wt-search-results__grid--col3,
	.wt-search-results__grid--col2 { grid-template-columns: 1fr; }
}

/* ---- Result card ---- */
.wt-search-card {
	display: flex;
	flex-direction: column;
	border-radius: 20px;
	border: 1px solid #F3F3F3;
	background: #fff;
	box-shadow: 0 12px 79px 0 rgba(71,57,239,.05);
	overflow: hidden;
	text-decoration: none;
	color: inherit;
	transition: box-shadow .2s, transform .2s;
}
.wt-search-card:hover {
	box-shadow: 0 16px 60px 0 rgba(82,66,243,.12);
	transform: translateY(-3px);
}
.wt-search-card__thumb {
	width: 100%;
	aspect-ratio: 16 / 9;
	overflow: hidden;
	background: #f5f5fa;
}
.wt-search-card__thumb img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform .35s ease;
}
.wt-search-card:hover .wt-search-card__thumb img {
	transform: scale(1.04);
}
.wt-search-card__thumb-placeholder {
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
}
.wt-search-card__body {
	padding: 20px 24px 24px;
	display: flex;
	flex-direction: column;
	flex: 1;
	gap: 10px;
}
.wt-search-card__badge {
	display: inline-flex;
	align-items: center;
	padding: 5px 14px;
	border-radius: 100px;
	font-size: 13px;
	font-weight: 700;
	align-self: flex-start;
}
.wt-search-card__title {
	font-size: 17px;
	font-weight: 700;
	color: #131326;
	margin: 0;
	line-height: 1.4;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
}
.wt-search-card__excerpt {
	font-size: 14px;
	color: #707070;
	margin: 0;
	line-height: 1.55;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	line-clamp: 3;
	-webkit-box-orient: vertical;
	overflow: hidden;
}
.wt-search-card__link {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	margin-top: auto;
	padding-top: 6px;
	font-size: 14px;
	font-weight: 700;
	color: #5242f3;
}

/* ---- Empty state ---- */
.wt-search-results__empty {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 16px;
	padding: 60px 24px;
	text-align: center;
	color: #707070;
	font-size: 15px;
}

/* =====================================================================
   WOOTECH 404 — [wootech_404]
   ===================================================================== */

.wt-404 {
	position: relative;
	overflow: hidden;
	text-align: center;
	padding: 80px 24px 100px;
	font-family: 'SVN-Gilroy', sans-serif;
	border-radius: 40px;
}

/* Decorative blobs */
.wt-404__decor { pointer-events: none; }
.wt-404__blob {
	position: absolute;
	border-radius: 50%;
	filter: blur(80px);
	opacity: .35;
	z-index: 0;
}
.wt-404__blob--1 {
	width: 480px; height: 480px;
	background: #c5beff;
	top: -120px; right: -100px;
}
.wt-404__blob--2 {
	width: 360px; height: 360px;
	background: #b8ecff;
	bottom: -80px; left: -60px;
}

/* All content above blobs */
.wt-404 > *:not(.wt-404__decor) {
	position: relative;
	z-index: 1;
}

/* Big 404 */
.wt-404__number {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 12px;
	margin-bottom: 36px;
	line-height: 1;
}
.wt-404__digit {
	font-size: clamp(100px, 16vw, 180px);
	font-weight: 900;
	color: #131326;
	letter-spacing: -4px;
	line-height: 1;
}
.wt-404__circle {
	display: flex;
	align-items: center;
	justify-content: center;
	width: clamp(80px, 12vw, 140px);
	height: clamp(80px, 12vw, 140px);
}
.wt-404__orbit-svg {
	width: 100%;
	height: 100%;
	animation: wt404-spin 8s linear infinite;
}
@keyframes wt404-spin {
	from { transform: rotate(0deg); }
	to   { transform: rotate(360deg); }
}
.wt-404__orbit-svg circle:nth-child(3) { /* inner circle — no spin */ }

/* Title */
.wt-404__title {
	font-size: clamp(24px, 4vw, 42px);
	font-weight: 800;
	color: #131326;
	margin: 0 0 18px;
	line-height: 1.25;
}

/* Description */
.wt-404__desc {
	font-size: 16px;
	color: #595683;
	line-height: 1.7;
	margin: 0 auto 36px;
	max-width: 660px;
}

/* Search bar */
.wt-404__search {
	max-width: 520px;
	margin: 0 auto 36px;
}
.wt-404__search-inner {
	display: flex;
	align-items: center;
	gap: 0;
	background: #fff;
	border: 1.5px solid #E2E2F0;
	border-radius: 14px;
	padding: 6px 6px 6px 18px;
	transition: border-color .2s, box-shadow .2s;
}
.wt-404__search-inner:focus-within {
	border-color: #5242f3;
	box-shadow: 0 0 0 4px rgba(82,66,243,.08);
}
.wt-404__search-icon {
	flex-shrink: 0;
	color: #9D99E9;
	margin-right: 10px;
}
.wt-404__search-input {
	flex: 1;
	border: none;
	outline: none;
	background: transparent;
	font-family: 'SVN-Gilroy', sans-serif;
	font-size: 15px;
	font-weight: 500;
	color: #131326;
	min-width: 0;
	padding: 10px 0;
}
.wt-404__search-input::placeholder { color: #b0aed8; }
.wt-404__search-btn {
	flex-shrink: 0;
	padding: 10px 24px;
	border-radius: 10px;
	background: #5242f3;
	color: #fff;
	font-family: 'SVN-Gilroy', sans-serif;
	font-size: 14px;
	font-weight: 700;
	border: none;
	cursor: pointer;
	transition: background .18s;
}
.wt-404__search-btn:hover { background: #4739ef; }

/* Action buttons */
.wt-404__actions {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-wrap: wrap;
	gap: 12px;
	margin-bottom: 48px;
}
.wt-404__btn {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	padding: 14px 28px;
	border-radius: 12px;
	font-family: 'SVN-Gilroy', sans-serif;
	font-size: 15px;
	font-weight: 700;
	cursor: pointer;
	transition: all .18s;
	text-decoration: none;
	white-space: nowrap;
}
.wt-404__btn--primary {
	background: #5242f3;
	color: #fff;
	border: 2px solid #5242f3;
}
.wt-404__btn--primary:hover {
	background: #4739ef;
	border-color: #4739ef;
	color: #fff;
	transform: translateY(-2px);
	box-shadow: 0 8px 24px rgba(82,66,243,.25);
}
.wt-404__btn--ghost {
	background: transparent;
	color: #131326;
	border: 2px solid #E2E2F0;
}
.wt-404__btn--ghost:hover {
	border-color: #5242f3;
	color: #5242f3;
	transform: translateY(-2px);
}

/* Suggestion links */
.wt-404__suggestions {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 14px;
}
.wt-404__suggestions-label {
	font-size: 14px;
	color: #9D99E9;
	margin: 0;
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: .08em;
}
.wt-404__suggestion-links {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 8px 10px;
}
.wt-404__suggestion-links a {
	padding: 8px 20px;
	border-radius: 100px;
	border: 1.5px solid #E2E2F0;
	background: #fff;
	color: #595683;
	font-size: 14px;
	font-weight: 600;
	text-decoration: none;
	transition: all .18s;
}
.wt-404__suggestion-links a:hover {
	border-color: #5242f3;
	color: #5242f3;
	background: #f4f3fe;
}

/* Mobile */
@media (max-width: 640px) {
	.wt-404 { padding: 60px 16px 80px; }
	.wt-404__digit { letter-spacing: -2px; }
	.wt-404__actions { flex-direction: column; align-items: stretch; }
	.wt-404__btn { justify-content: center; }
	.wt-404__blob--1 { width: 260px; height: 260px; top: -60px; right: -60px; }
	.wt-404__blob--2 { width: 200px; height: 200px; }
}