@font-face {
	font-family: swiper-icons;
	src: url('data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA');
	font-weight: 400;
	font-style: normal
}

:root {
	--swiper-theme-color: #007aff
}

.swiper {
	margin-left: auto;
	margin-right: auto;
	position: relative;
	overflow: hidden;
	list-style: none;
	padding: 0;
	z-index: 1
}

.swiper-vertical>.swiper-wrapper {
	flex-direction: column
}

.swiper-wrapper {
	position: relative;
	width: 100%;
	height: 100%;
	z-index: 1;
	display: flex;
	transition-property: transform;
	box-sizing: content-box
}

.swiper-android .swiper-slide,
.swiper-wrapper {
	transform: translate3d(0, 0, 0)
}

.swiper-pointer-events {
	touch-action: pan-y
}

.swiper-pointer-events.swiper-vertical {
	touch-action: pan-x
}

.swiper-slide {
	flex-shrink: 0;
	width: 100%;
	height: 100%;
	position: relative;
	transition-property: transform
}

.swiper-slide-invisible-blank {
	visibility: hidden
}

.swiper-autoheight,
.swiper-autoheight .swiper-slide {
	height: auto
}

.swiper-autoheight .swiper-wrapper {
	align-items: flex-start;
	transition-property: transform, height
}

.swiper-backface-hidden .swiper-slide {
	transform: translateZ(0);
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden
}

.swiper-3d,
.swiper-3d.swiper-css-mode .swiper-wrapper {
	perspective: 1200px
}

.swiper-3d .swiper-cube-shadow,
.swiper-3d .swiper-slide,
.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-bottom,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top,
.swiper-3d .swiper-wrapper {
	transform-style: preserve-3d
}

.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-bottom,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	pointer-events: none;
	z-index: 10
}

.swiper-3d .swiper-slide-shadow {
	background: rgba(0, 0, 0, .15)
}

.swiper-3d .swiper-slide-shadow-left {
	background-image: linear-gradient(to left, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}

.swiper-3d .swiper-slide-shadow-right {
	background-image: linear-gradient(to right, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}

.swiper-3d .swiper-slide-shadow-top {
	background-image: linear-gradient(to top, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}

.swiper-3d .swiper-slide-shadow-bottom {
	background-image: linear-gradient(to bottom, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}

.swiper-css-mode>.swiper-wrapper {
	overflow: auto;
	scrollbar-width: none;
	-ms-overflow-style: none
}

.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar {
	display: none
}

.swiper-css-mode>.swiper-wrapper>.swiper-slide {
	scroll-snap-align: start start
}

.swiper-horizontal.swiper-css-mode>.swiper-wrapper {
	scroll-snap-type: x mandatory
}

.swiper-vertical.swiper-css-mode>.swiper-wrapper {
	scroll-snap-type: y mandatory
}

.swiper-centered>.swiper-wrapper::before {
	content: '';
	flex-shrink: 0;
	order: 9999
}

.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child {
	margin-inline-start: var(--swiper-centered-offset-before)
}

.swiper-centered.swiper-horizontal>.swiper-wrapper::before {
	height: 100%;
	min-height: 1px;
	width: var(--swiper-centered-offset-after)
}

.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child {
	margin-block-start: var(--swiper-centered-offset-before)
}

.swiper-centered.swiper-vertical>.swiper-wrapper::before {
	width: 100%;
	min-width: 1px;
	height: var(--swiper-centered-offset-after)
}

.swiper-centered>.swiper-wrapper>.swiper-slide {
	scroll-snap-align: center center
}

.swiper-virtual .swiper-slide {
	-webkit-backface-visibility: hidden;
	transform: translateZ(0)
}

.swiper-virtual.swiper-css-mode .swiper-wrapper::after {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	pointer-events: none
}

.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after {
	height: 1px;
	width: var(--swiper-virtual-size)
}

.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after {
	width: 1px;
	height: var(--swiper-virtual-size)
}

:root {
	--swiper-navigation-size: 44px
}

.swiper-button-next,
.swiper-button-prev {
	position: absolute;
	top: 50%;
	width: calc(var(--swiper-navigation-size)/ 44 * 27);
	height: var(--swiper-navigation-size);
	margin-top: calc(0px - (var(--swiper-navigation-size)/ 2));
	z-index: 10;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	color: var(--swiper-navigation-color, var(--swiper-theme-color))
}

.swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled {
	opacity: .35;
	cursor: auto;
	pointer-events: none
}

.swiper-button-next.swiper-button-hidden,
.swiper-button-prev.swiper-button-hidden {
	opacity: 0;
	cursor: auto;
	pointer-events: none
}

.swiper-navigation-disabled .swiper-button-next,
.swiper-navigation-disabled .swiper-button-prev {
	display: none !important
}

.swiper-button-next:after,
.swiper-button-prev:after {
	font-family: swiper-icons;
	font-size: var(--swiper-navigation-size);
	text-transform: none !important;
	letter-spacing: 0;
	font-variant: initial;
	line-height: 1
}

.swiper-button-prev,
.swiper-rtl .swiper-button-next {
	left: 10px;
	right: auto
}

.swiper-button-prev:after,
.swiper-rtl .swiper-button-next:after {
	content: 'prev'
}

.swiper-button-next,
.swiper-rtl .swiper-button-prev {
	right: 10px;
	left: auto
}

.swiper-button-next:after,
.swiper-rtl .swiper-button-prev:after {
	content: 'next'
}

.swiper-button-lock {
	display: none
}

.swiper-pagination {
	position: absolute;
	text-align: center;
	transition: .3s opacity;
	transform: translate3d(0, 0, 0);
	z-index: 10
}

.swiper-pagination.swiper-pagination-hidden {
	opacity: 0
}

.swiper-pagination-disabled>.swiper-pagination,
.swiper-pagination.swiper-pagination-disabled {
	display: none !important
}

.swiper-horizontal>.swiper-pagination-bullets,
.swiper-pagination-bullets.swiper-pagination-horizontal,
.swiper-pagination-custom,
.swiper-pagination-fraction {
	bottom: 10px;
	left: 0;
	width: 100%
}

.swiper-pagination-bullets-dynamic {
	overflow: hidden;
	font-size: 0
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
	transform: scale(.33);
	position: relative
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
	transform: scale(1)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
	transform: scale(1)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
	transform: scale(.66)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
	transform: scale(.33)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
	transform: scale(.66)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
	transform: scale(.33)
}

.swiper-pagination-bullet {
	width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px));
	height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px));
	display: inline-block;
	border-radius: 50%;
	background: var(--swiper-pagination-bullet-inactive-color, #000);
	opacity: var(--swiper-pagination-bullet-inactive-opacity, .2)
}

button.swiper-pagination-bullet {
	border: none;
	margin: 0;
	padding: 0;
	box-shadow: none;
	-webkit-appearance: none;
	appearance: none
}

.swiper-pagination-clickable .swiper-pagination-bullet {
	cursor: pointer
}

.swiper-pagination-bullet:only-child {
	display: none !important
}

.swiper-pagination-bullet-active {
	opacity: var(--swiper-pagination-bullet-opacity, 1);
	background: var(--swiper-pagination-color, var(--swiper-theme-color))
}

.swiper-pagination-vertical.swiper-pagination-bullets,
.swiper-vertical>.swiper-pagination-bullets {
	right: 10px;
	top: 50%;
	transform: translate3d(0, -50%, 0)
}

.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet {
	margin: var(--swiper-pagination-bullet-vertical-gap, 6px) 0;
	display: block
}

.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
	top: 50%;
	transform: translateY(-50%);
	width: 8px
}

.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
	display: inline-block;
	transition: .2s transform, .2s top
}

.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
	margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 4px)
}

.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
	left: 50%;
	transform: translateX(-50%);
	white-space: nowrap
}

.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
	transition: .2s transform, .2s left
}

.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
	transition: .2s transform, .2s right
}

.swiper-pagination-progressbar {
	background: rgba(0, 0, 0, .25);
	position: absolute
}

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
	background: var(--swiper-pagination-color, var(--swiper-theme-color));
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	transform: scale(0);
	transform-origin: left top
}

.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
	transform-origin: right top
}

.swiper-horizontal>.swiper-pagination-progressbar,
.swiper-pagination-progressbar.swiper-pagination-horizontal,
.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,
.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
	width: 100%;
	height: 4px;
	left: 0;
	top: 0
}

.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,
.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,
.swiper-pagination-progressbar.swiper-pagination-vertical,
.swiper-vertical>.swiper-pagination-progressbar {
	width: 4px;
	height: 100%;
	left: 0;
	top: 0
}

.swiper-pagination-lock {
	display: none
}

.swiper-scrollbar {
	border-radius: 10px;
	position: relative;
	-ms-touch-action: none;
	background: rgba(0, 0, 0, .1)
}

.swiper-scrollbar-disabled>.swiper-scrollbar,
.swiper-scrollbar.swiper-scrollbar-disabled {
	display: none !important
}

.swiper-horizontal>.swiper-scrollbar,
.swiper-scrollbar.swiper-scrollbar-horizontal {
	position: absolute;
	left: 1%;
	bottom: 3px;
	z-index: 50;
	height: 5px;
	width: 98%
}

.swiper-scrollbar.swiper-scrollbar-vertical,
.swiper-vertical>.swiper-scrollbar {
	position: absolute;
	right: 3px;
	top: 1%;
	z-index: 50;
	width: 5px;
	height: 98%
}

.swiper-scrollbar-drag {
	height: 100%;
	width: 100%;
	position: relative;
	background: rgba(0, 0, 0, .5);
	border-radius: 10px;
	left: 0;
	top: 0
}

.swiper-scrollbar-cursor-drag {
	cursor: move
}

.swiper-scrollbar-lock {
	display: none
}

.swiper-zoom-container {
	width: 100%;
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	text-align: center
}

.swiper-zoom-container>canvas,
.swiper-zoom-container>img,
.swiper-zoom-container>svg {
	max-width: 100%;
	max-height: 100%;
	object-fit: contain
}

.swiper-slide-zoomed {
	cursor: move
}

.swiper-lazy-preloader {
	width: 42px;
	height: 42px;
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -21px;
	margin-top: -21px;
	z-index: 10;
	transform-origin: 50%;
	box-sizing: border-box;
	border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
	border-radius: 50%;
	border-top-color: transparent
}

.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader,
.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader {
	animation: swiper-preloader-spin 1s infinite linear
}

.swiper-lazy-preloader-white {
	--swiper-preloader-color: #fff
}

.swiper-lazy-preloader-black {
	--swiper-preloader-color: #000
}

@keyframes swiper-preloader-spin {
	0% {
		transform: rotate(0)
	}

	100% {
		transform: rotate(360deg)
	}
}

.swiper .swiper-notification {
	position: absolute;
	left: 0;
	top: 0;
	pointer-events: none;
	opacity: 0;
	z-index: -1000
}

.swiper-free-mode>.swiper-wrapper {
	transition-timing-function: ease-out;
	margin: 0 auto
}

.swiper-grid>.swiper-wrapper {
	flex-wrap: wrap
}

.swiper-grid-column>.swiper-wrapper {
	flex-wrap: wrap;
	flex-direction: column
}

.swiper-fade.swiper-free-mode .swiper-slide {
	transition-timing-function: ease-out
}

.swiper-fade .swiper-slide {
	pointer-events: none;
	transition-property: opacity
}

.swiper-fade .swiper-slide .swiper-slide {
	pointer-events: none
}

.swiper-fade .swiper-slide-active,
.swiper-fade .swiper-slide-active .swiper-slide-active {
	pointer-events: auto
}

.swiper-cube {
	overflow: visible
}

.swiper-cube .swiper-slide {
	pointer-events: none;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	z-index: 1;
	visibility: hidden;
	transform-origin: 0 0;
	width: 100%;
	height: 100%
}

.swiper-cube .swiper-slide .swiper-slide {
	pointer-events: none
}

.swiper-cube.swiper-rtl .swiper-slide {
	transform-origin: 100% 0
}

.swiper-cube .swiper-slide-active,
.swiper-cube .swiper-slide-active .swiper-slide-active {
	pointer-events: auto
}

.swiper-cube .swiper-slide-active,
.swiper-cube .swiper-slide-next,
.swiper-cube .swiper-slide-next+.swiper-slide,
.swiper-cube .swiper-slide-prev {
	pointer-events: auto;
	visibility: visible
}

.swiper-cube .swiper-slide-shadow-bottom,
.swiper-cube .swiper-slide-shadow-left,
.swiper-cube .swiper-slide-shadow-right,
.swiper-cube .swiper-slide-shadow-top {
	z-index: 0;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden
}

.swiper-cube .swiper-cube-shadow {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	opacity: .6;
	z-index: 0
}

.swiper-cube .swiper-cube-shadow:before {
	content: '';
	background: #000;
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	right: 0;
	filter: blur(50px)
}

.swiper-flip {
	overflow: visible
}

.swiper-flip .swiper-slide {
	pointer-events: none;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	z-index: 1
}

.swiper-flip .swiper-slide .swiper-slide {
	pointer-events: none
}

.swiper-flip .swiper-slide-active,
.swiper-flip .swiper-slide-active .swiper-slide-active {
	pointer-events: auto
}

.swiper-flip .swiper-slide-shadow-bottom,
.swiper-flip .swiper-slide-shadow-left,
.swiper-flip .swiper-slide-shadow-right,
.swiper-flip .swiper-slide-shadow-top {
	z-index: 0;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden
}

.swiper-creative .swiper-slide {
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	overflow: hidden;
	transition-property: transform, opacity, height
}

.swiper-cards {
	overflow: visible
}

.swiper-cards .swiper-slide {
	transform-origin: center bottom;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	overflow: hidden
}

.home-banner-wrap {
	background: linear-gradient(180deg, #3e0076 31.11%, #2a004b 101.69%);
	color: #fff;
	overflow: hidden
}

.home-banner {
	overflow: hidden;
	padding-top: 2.4vw;
	padding-bottom: 15rem;
	position: relative
}

.home-banner-tt {
	font-family: Oswald, sans-serif;
	font-size: 8.125vw;
	line-height: 1.2;
	font-weight: 700;
	white-space: nowrap;
	text-transform: uppercase;
	width: 100%;
	min-height: 9.7916vw;
	text-align: center;
	position: relative
}

.home-banner-tt .title {
	position: absolute;
	width: 100%;
	height: 100%
}

.home-banner-img {
	margin-top: 10rem;
	position: relative;
	z-index: 3;
	transition: .5s ease-in-out;
	min-height: 32.8125vw
}

.home-banner-tt .marquee {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%
}

.marquee-icon {
	width: 12rem;
	height: 12rem;
	margin: 0 1.6rem;
	margin-top: -2.4rem
}

.home-banner-img .img-decor-group {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	z-index: 4;
	width: 100%;
	height: 100%;
	transform-origin: center;
	transition: .7s ease-in-out
}

.home-banner-img .img-decor {
	position: absolute;
	z-index: 2
}

.home-banner-img .img-decor picture {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 80%;
	height: 80%;
	display: block
}

.home-banner-img .img-decor img {
	transition: 3s ease-in-out;
	object-fit: contain
}

.home-banner-img .img-decor-wrap {
	position: relative;
	transition: 1s ease-in-out;
	padding-top: 100%;
	width: 100%
}

.home-banner-img .img-jupiter {
	top: -10%;
	right: -10%;
	width: 34.1435%;
	padding-top: 34.1435%
}

.home-banner-img .img-earth {
	bottom: -15%;
	right: 35%;
	width: 13.5995%;
	padding-top: 13.5995%
}

.home-banner-img .img-comet {
	top: 25%;
	left: 10%;
	width: 7.23379%;
	padding-top: 7.23379%
}

.home-banner-img .img-saturn {
	top: -8%;
	left: 10%;
	width: 14.4676%;
	padding-top: 14.4676%
}

.img-panda {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	top: 40%;
	width: 21.8171%
}

.img-panda img {
	position: relative;
	z-index: 2
}

.img-rocket {
	bottom: -15%;
	left: 8%;
	width: 20.7037%;
	padding-top: 20.7037%;
	transform: rotate(25deg)
}

.img-rocket img {
	transition: 0s
}

@media screen and (min-width:551px) {
	.img-rocket.active img {
		animation: ani-rocket .2s linear infinite
	}
}

.ani-fire {
	position: absolute
}

.ani-fire-render {
	position: absolute;
	bottom: 35%;
	left: 16%
}

.ani-fire .fire {
	display: inline-block;
	animation: ani-rocket-fire 2s linear infinite;
	width: 2.4rem;
	height: 2.4rem;
	border-radius: 49% 51% 57% 43%/53% 43% 57% 47%;
	background: radial-gradient(#fff, #999);
	opacity: 0
}

@media screen and (max-width:1200px) {
	.marquee-icon {
		width: 8rem;
		height: 8rem
	}
}

@media screen and (max-width:850px) {
	.home-banner {
		padding-top: 4.2rem;
		padding-bottom: 12rem
	}

	.home-banner-img {
		margin-top: 5rem
	}
}

@media screen and (max-width:576px) {
	.home-banner {
		margin-bottom: 4.2rem;
		padding: 2.4rem 0
	}

	.home-banner-tt {
		height: 5.6rem;
		font-size: 4.2rem
	}

	.home-banner-img {
		margin-top: 2.4rem
	}

	.marquee-icon {
		width: 4rem;
		height: 4rem;
		margin-left: .8rem;
		margin-right: .8rem;
		margin-top: -1.4rem
	}
}

.h-universe {
	position: absolute;
	z-index: 2;
	width: 44.7%;
	top: 4.9%;
	left: 27.4%;
	border-radius: 2.4rem;
	overflow: hidden;
	transform: perspective(172rem) rotateX(30deg);
	-webkit-transform: perspective(172rem) rotateX(30deg)
}

@media screen and (max-width:1380px) {
	.h-universe {
		top: 4.2%;
		transform: perspective(172rem) rotateX(32deg);
		-webkit-transform: perspective(172rem) rotateX(32deg)
	}
}

@media screen and (max-width:1200px) {
	.h-universe {
		top: -3.8%;
		transform: perspective(172rem) rotateX(43deg);
		-webkit-transform: perspective(172rem) rotateX(43deg)
	}
}

@media screen and (max-width:1050px) {
	.h-universe {
		top: -7.6%;
		transform: perspective(172rem) rotateX(47deg);
		-webkit-transform: perspective(172rem) rotateX(47deg)
	}
}

@media screen and (max-width:850px) {
	.h-universe {
		top: -14%;
		transform: perspective(175rem) rotateX(53deg);
		-webkit-transform: perspective(175rem) rotateX(53deg)
	}
}

@media screen and (max-width:550px) {
	.h-universe {
		transform: perspective(62rem) rotateX(35deg);
		-webkit-transform: perspective(62rem) rotateX(35deg);
		top: 2.5%
	}
}

@media screen and (max-width:450px) {
	.h-universe {
		transform: perspective(62rem) rotateX(45deg);
		-webkit-transform: perspective(62rem) rotateX(45deg);
		top: -6%
	}
}

.h-universe-wrap {
	position: relative;
	padding-top: 73%;
	width: 100%;
	height: 100%
}

@media screen and (max-width:1380px) {
	.h-universe-wrap {
		padding-top: 74%
	}
}

@media screen and (max-width:1200px) {
	.h-universe-wrap {
		padding-top: 86%
	}
}

@media screen and (max-width:1050px) {
	.h-universe-wrap {
		padding-top: 92%
	}
}

@media screen and (max-width:850px) {
	.h-universe-wrap {
		padding-top: 100%
	}
}

@media screen and (max-width:550px) {
	.h-universe-wrap {
		padding-top: 76.5%
	}
}

@media screen and (max-width:450px) {
	.h-universe-wrap {
		padding-top: 88.5%
	}
}

.h-universe-stars {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 100%;
	height: 100%
}

.h-universe-stars-wrap {
	position: relative;
	width: 100%;
	height: 100%;
	overflow: hidden
}

.h-universe-stars .star {
	position: absolute;
	z-index: 3;
	top: 10%;
	left: 10%;
	width: 2.2rem;
	height: 2.2rem
}

.h-universe-stars .star img {
	-webkit-animation: ani-star 3s 2s linear infinite;
	-moz-animation: ani-star 3s 2s linear infinite;
	-o-animation: ani-star 3s 2s linear infinite;
	animation: ani-star 3s 2s linear infinite
}

.h-universe-stars .star-group {
	position: absolute;
	width: 4.4rem;
	height: 5.2rem;
	-webkit-animation: ani-star 3s 2s linear infinite;
	-moz-animation: ani-star 3s 2s linear infinite;
	-o-animation: ani-star 3s 2s linear infinite;
	animation: ani-star 3s 2s linear infinite
}

@media screen and (max-width:550px) {
	.h-universe-stars .star-group {
		width: 2.4rem;
		height: 2.4rem
	}
}

.h-universe-stars .star-group-1 {
	top: 55%;
	left: 5%;
	animation-delay: 1s
}

.h-universe-stars .star-group-2 {
	right: 10%;
	top: 40%;
	animation-delay: 3s
}

.h-universe-stars .star-group-3 {
	left: 30%;
	top: 40%;
	animation-delay: 2s
}

.h-universe-stars .star-group-4 {
	left: 5%;
	top: 20%;
	animation-delay: 5s;
	width: 1.8rem;
	height: 1.8rem
}

@media screen and (max-width:768px) {
	.h-universe-stars .star-group-4 {
		width: 1rem;
		height: 1rem
	}
}

.h-universe-stars .star-group-5 {
	right: 10%;
	bottom: 20%;
	animation-delay: 7s;
	width: 1.8rem;
	height: 1.8rem
}

@media screen and (max-width:768px) {
	.h-universe-stars .star-group-5 {
		width: 1rem;
		height: 1rem
	}
}

.h-universe-stars .star-group-6 {
	left: 50%;
	bottom: 10%;
	animation-delay: 6s;
	width: 1.8rem;
	height: 1.8rem
}

@media screen and (max-width:768px) {
	.h-universe-stars .star-group-6 {
		width: 1rem;
		height: 1rem
	}
}

.h-universe-orbital {
	position: absolute;
	top: 50%;
	left: 60%;
	transform: translate(-50%, -50%) rotateZ(-10deg);
	-webkit-transform: translate(-50%, -50%) rotateZ(-10deg);
	width: 100%
}

.h-universe-orbital-wrap {
	position: relative;
	padding-top: 62%;
	transform: rotateX(75deg);
	transform-style: preserve-3d
}

.h-universe-orbital-planet {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	transform-style: preserve-3d
}

.h-universe-orbital .orbital {
	position: absolute;
	top: 0;
	left: 2em;
	border-radius: 50%;
	border: .1rem solid rgba(255, 255, 255, .7);
	transform-style: preserve-3d;
	animation: ani-orbital linear infinite;
	animation-name: ani-orbital
}

@media screen and (max-width:450px) {
	.h-universe-orbital .orbital {
		left: 1em
	}
}

.h-universe-orbital .orbital.earth {
	width: 35em;
	height: 35em
}

@media screen and (max-width:1200px) {
	.h-universe-orbital .orbital.earth {
		width: 23em;
		height: 23em
	}
}

@media screen and (max-width:768px) {
	.h-universe-orbital .orbital.earth {
		width: 15em;
		height: 15em
	}
}

@media screen and (max-width:450px) {
	.h-universe-orbital .orbital.earth {
		width: 10em;
		height: 10em
	}
}

.h-universe-orbital .orbital.earth,
.h-universe-orbital .orbital.earth .orbital-planet,
.h-universe-orbital .orbital.earth .orbital-position {
	animation-duration: 15s
}

.h-universe-orbital .orbital.earth .orbital-planet {
	transform: rotateX(0);
	font-size: 2em
}

@media screen and (max-width:1200px) {
	.h-universe-orbital .orbital.earth .orbital-planet {
		font-size: 1em
	}
}

@media screen and (max-width:450px) {
	.h-universe-orbital .orbital.earth .orbital-planet {
		font-size: .5em
	}
}

.h-universe-orbital .orbital.saturn {
	width: 58em;
	height: 58em;
	margin-top: -11em;
	margin-left: -14em
}

@media screen and (max-width:1200px) {
	.h-universe-orbital .orbital.saturn {
		width: 40em;
		height: 40em;
		margin-top: -9em;
		margin-left: -6em
	}
}

@media screen and (max-width:768px) {
	.h-universe-orbital .orbital.saturn {
		width: 27em;
		height: 27em;
		margin-top: -6em
	}
}

@media screen and (max-width:450px) {
	.h-universe-orbital .orbital.saturn {
		width: 16em;
		height: 16em;
		margin-top: -3em;
		margin-left: -2em
	}
}

.h-universe-orbital .orbital.saturn,
.h-universe-orbital .orbital.saturn .orbital-planet,
.h-universe-orbital .orbital.saturn .orbital-position {
	animation-duration: 35s
}

.h-universe-orbital .orbital.saturn .orbital-planet {
	transform: rotateX(0);
	font-size: 7em
}

@media screen and (max-width:1200px) {
	.h-universe-orbital .orbital.saturn .orbital-planet {
		font-size: 4em
	}
}

@media screen and (max-width:450px) {
	.h-universe-orbital .orbital.saturn .orbital-planet {
		font-size: 2em
	}
}

.h-universe-orbital .orbital.not-found {
	width: 85em;
	height: 85em;
	margin-top: -25em;
	margin-left: -25em;
	animation: unset
}

.h-universe-orbital .orbital.not-found .orbital-position {
	animation: unset
}

@media screen and (max-width:1200px) {
	.h-universe-orbital .orbital.not-found {
		width: 60em;
		height: 60em;
		margin-top: -20em;
		margin-left: -17em
	}
}

@media screen and (max-width:768px) {
	.h-universe-orbital .orbital.not-found {
		width: 45em;
		height: 45em;
		margin-top: -15em
	}
}

@media screen and (max-width:450px) {
	.h-universe-orbital .orbital.not-found {
		width: 25em;
		height: 25em;
		margin-top: -7em;
		margin-left: -8em
	}
}

.h-universe-orbital .orbital.not-found,
.h-universe-orbital .orbital.not-found .orbital-planet,
.h-universe-orbital .orbital.not-found .orbital-position {
	animation-duration: 55s
}

.h-universe-orbital .orbital.not-found .orbital-planet {
	transform: rotateX(0);
	font-size: 10em
}

@media screen and (max-width:1200px) {
	.h-universe-orbital .orbital.not-found .orbital-planet {
		font-size: 4em
	}
}

@media screen and (max-width:450px) {
	.h-universe-orbital .orbital.not-found .orbital-planet {
		font-size: 2em
	}
}

.h-universe-orbital .orbital-position {
	position: absolute;
	top: 50%;
	left: 100%;
	width: 5.2rem;
	height: 5.2rem;
	margin-top: -1em;
	margin-left: -1em;
	transform-style: preserve-3d;
	animation: ani-planet linear infinite
}

@media screen and (max-width:1200px) {
	.h-universe-orbital .orbital-position {
		width: 3.2rem;
		height: 3.2rem
	}
}

.h-universe-orbital .orbital-planet {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 1em;
	height: 1em;
	margin-top: -.5em;
	margin-left: -.5em;
	border-radius: 50%;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	-ms-align-items: center;
	align-items: center;
	-webkit-align-items: center;
	justify-content: center;
	-webkit-justify-content: center
}

.h-universe-orbital .orbital-planet img {
	object-fit: contain
}

.h-universe-meteor {
	position: absolute;
	top: calc(var(--y) * 1%);
	left: calc(var(--x) * 1%);
	animation: shoot calc(var(--speed) * 1s) linear calc(var(--delay) * 1s) infinite
}

.h-universe-meteor img {
	width: 2.4rem;
	height: 2.4rem
}

.h-universe-meteor .geminid__trail {
	height: .2rem;
	width: 5rem;
	position: absolute;
	background: linear-gradient(90deg, transparent, rgba(255, 255, 255, .25), rgba(255, 255, 255, .85));
	border-radius: 100% 25% 25% 100%;
	transform-origin: right;
	-webkit-animation: spark calc(var(--speed) * 1s) linear calc(var(--delay) * 1s) infinite;
	animation: spark calc(var(--speed) * 1s) linear calc(var(--delay) * 1s) infinite
}

.h-universe-meteor-wrap {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%
}

.h-universe-meteor,
.h-universe-meteor img {
	opacity: 0
}

.h-universe-meteor {
	animation: shoot-2 calc(var(--speed) * 1s) linear calc(var(--delay) * 1s) infinite
}

@-webkit-keyframes ani-star {
	0% {
		-webkit-transform: scale(1, 1) rotate(0);
		transform: scale(1, 1) rotate(0)
	}

	50% {
		-webkit-transform: scale(.5, .5) rotate(180deg);
		transform: scale(.5, .5) rotate(180deg)
	}

	100% {
		-webkit-transform: scale(1, 1) rotate(360deg);
		transform: scale(1, 1) rotate(360deg)
	}
}

@-moz-keyframes ani-star {
	0% {
		-moz-transform: scale(1, 1) rotate(0);
		transform: scale(1, 1) rotate(0)
	}

	50% {
		-moz-transform: scale(.5, .5) rotate(180deg);
		transform: scale(.5, .5) rotate(180deg)
	}

	100% {
		-moz-transform: scale(1, 1) rotate(360deg);
		transform: scale(1, 1) rotate(360deg)
	}
}

@-o-keyframes ani-star {
	0% {
		-o-transform: scale(1, 1) rotate(0);
		transform: scale(1, 1) rotate(0)
	}

	50% {
		-o-transform: scale(.5, .5) rotate(180deg);
		transform: scale(.5, .5) rotate(180deg)
	}

	100% {
		-o-transform: scale(1, 1) rotate(360deg);
		transform: scale(1, 1) rotate(360deg)
	}
}

@keyframes ani-star {
	0% {
		-webkit-transform: scale(1, 1) rotate(0);
		-moz-transform: scale(1, 1) rotate(0);
		-o-transform: scale(1, 1) rotate(0);
		transform: scale(1, 1) rotate(0)
	}

	50% {
		-webkit-transform: scale(.5, .5) rotate(180deg);
		-moz-transform: scale(.5, .5) rotate(180deg);
		-o-transform: scale(.5, .5) rotate(180deg);
		transform: scale(.5, .5) rotate(180deg)
	}

	100% {
		-webkit-transform: scale(1, 1) rotate(360deg);
		-moz-transform: scale(1, 1) rotate(360deg);
		-o-transform: scale(1, 1) rotate(360deg);
		transform: scale(1, 1) rotate(360deg)
	}
}

@keyframes ani-orbital {
	0% {
		transform: rotateZ(0)
	}

	100% {
		transform: rotateZ(-360deg)
	}
}

@keyframes ani-planet {
	0% {
		transform: rotateX(-90deg) rotateY(360deg) rotateZ(0)
	}

	100% {
		transform: rotateX(-90deg) rotateY(0) rotateZ(0)
	}
}

@keyframes shoot {
	0% {
		transform: rotate(calc(var(--angle) * -1deg))
	}

	100%,
	5% {
		transform: rotate(calc(var(--angle) * -1deg)) translate(calc(var(--travel) * -1vw), 0)
	}
}

@keyframes shoot-2 {
	0% {
		transform: rotate(calc(var(--angle) * -1deg))
	}

	100%,
	5% {
		opacity: 1;
		transform: rotate(calc(var(--angle) * -1deg)) translate(calc(var(--travel) * -1vw), 0)
	}
}

@keyframes spark {

	0%,
	100%,
	5% {
		transform: scaleX(0)
	}

	1%,
	4% {
		transform: scaleX(calc(var(--trail) * -1))
	}
}

@keyframes ani-rocket {

	0%,
	100% {
		transform: translate(.2rem, .2rem)
	}

	50% {
		transform: translate(0, 0)
	}
}

@keyframes ani-rocket-fire {
	0% {
		transform: translate(0, 0) scale(0) rotate(0);
		opacity: .4
	}

	10% {
		transform: translate(-1rem, 1rem) scale(.2) rotate(45deg);
		opacity: .8
	}

	20% {
		transform: translate(-2rem, 2rem) scale(.4) rotate(90deg);
		opacity: 1
	}

	30% {
		transform: translate(-3rem, 3rem) scale(.6) rotate(135deg);
		opacity: 1
	}

	40% {
		transform: translate(-4rem, 4rem) scale(.8) rotate(180deg);
		opacity: 1
	}

	50% {
		transform: translate(-5rem, 5rem) scale(1) rotate(225deg);
		opacity: 1
	}

	60% {
		transform: translate(-6rem, 6rem) scale(1) rotate(270deg);
		opacity: 1
	}

	70% {
		transform: translate(-7rem, 7rem) scale(1) rotate(315deg);
		opacity: .9
	}

	80% {
		transform: translate(-8rem, 8rem) scale(.8) rotate(360deg);
		opacity: .7
	}

	90% {
		transform: translate(-9rem, 9rem) scale(.6) rotate(410deg);
		opacity: .5
	}

	100% {
		transform: translate(-10rem, 10rem) scale(.4) rotate(450deg);
		opacity: 0
	}
}

@media screen and (max-width:768px) {
	.playground {
		padding-top: 0
	}
}

.playground-tt {
	font-size: 18rem
}

@media screen and (max-width:1200px) {
	.playground-tt {
		font-size: 7.2rem
	}
}

@media screen and (max-width:768px) {
	.playground-tt {
		font-size: 5.6rem
	}
}

@media screen and (max-width:450px) {
	.playground-tt {
		font-size: 4.2rem
	}
}

.playground-tt .title {
	display: block
}

.playground-tt .title.txt-the-bakvitech {
	text-transform: uppercase;
	font-weight: 800
}

.playground-tt .title.txt-playground {
	background: linear-gradient(180deg, rgba(255, 255, 255, 0) 13.89%, #fff 69.5%);
	background-clip: text;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	margin-top: -15rem
}

@media screen and (max-width:1200px) {
	.playground-tt .title.txt-playground {
		margin-top: -6rem
	}
}

@media screen and (max-width:550px) {
	.playground-tt .title.txt-playground {
		margin-top: -5rem
	}
}

@media screen and (max-width:450px) {
	.playground-tt .title.txt-playground {
		margin-top: -3.7rem
	}
}

.playground-img {
	position: relative;
	z-index: 1;
	width: 100%
}

.playground-img .img-bg {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	top: 65%;
	pointer-events: none;
	z-index: -1;
	width: 55%;
	padding-top: 55%;
	border-radius: 50%;
	background: var(--Primary-Bakvitech-Digital-70, #a943f9);
	filter: blur(20rem);
	-webkit-filter: blur(20rem)
}

.playground-slider {
	position: relative;
	z-index: 2
}

@keyframes marqueeTop {
	0% {
		transform: translateY(0)
	}

	100% {
		transform: translateY(-100%)
	}
}

@keyframes marqueeBottom {
	0% {
		transform: translateY(-100%)
	}

	100% {
		transform: translateY(0)
	}
}

.all-top-other-content {
	position: relative;
	color: #3e0075
}

.all-top-other .list {
	height: 80vh;
	overflow: hidden
}

@media screen and (max-width:1200px) {
	.all-top-other .list {
		height: 50vh
	}
}

@media screen and (max-width:1050px) {
	.all-top-other .list {
		height: 35vh
	}
}

.all-top-other .item {
	width: 20%;
	position: relative;
	height: 100%
}

.all-top-other .item-wrap {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%
}

.all-top-other .item .img img {
	border-radius: .8rem;
	box-shadow: 0 20.37233px 40.74466px -38.19812px rgba(0, 0, 0, .16), 0 30.5585px 76.39624px -25.46541px rgba(50, 50, 93, .24), 0 1.27327px 1.27327px 0 rgba(255, 255, 255, .1)
}

@media screen and (max-width:1200px) {
	.all-top-other .item .img img {
		border-radius: .4rem
	}
}

@media screen and (max-width:600px) {
	.all-top-other .item .img img {
		border-radius: .2rem
	}
}

.all-top-other .item .img:not(:last-child) {
	margin-bottom: 2.4rem
}

@media screen and (max-width:1200px) {
	.all-top-other .item .img:not(:last-child) {
		margin-bottom: 1.2rem
	}
}

.all-top-other-content::after,
.all-top-other-content::before {
	content: "";
	position: absolute;
	display: block;
	left: 0;
	width: 100%;
	height: 20%;
	border-collapse: separate;
	pointer-events: none;
	z-index: 2
}

.all-top-other-content::after {
	bottom: 0;
	box-shadow: inset 0 -7rem 4rem -1.6rem;
	color: #330060
}

.all-top-other-content::before {
	top: 0;
	box-shadow: inset 0 7rem 4rem -1.6rem;
	color: #39006a
}

@media screen and (max-width:1200px) {
	.all-top-other-content::after {
		box-shadow: inset 0 -4rem 3rem -1.6rem
	}

	.all-top-other-content::before {
		box-shadow: inset 0 4rem 3rem -1.6rem
	}
}

.item-wrap-i {
	margin: 2.4rem 0;
	cursor: pointer
}

@media screen and (max-width:1200px) {
	.item-wrap-i {
		margin: 1.6rem 0
	}
}

@media screen and (max-width:600px) {
	.item-wrap-i {
		margin: .8rem 0
	}
}

.all-top-other-content.active .item-wrap {
	animation: marqueeTop 50s linear infinite
}

.all-top-other-content.active .item:nth-child(even) .item-wrap {
	animation: marqueeBottom 50s linear infinite
}

:root {
	--spacing: 1.2rem
}

@media screen and (max-width:1200px) {
	:root {
		--spacing: 0.75rem
	}
}

@media screen and (max-width:768px) {
	:root {
		--spacing: 0.75rem
	}
}

.all-top-other .item-wrap {
	left: var(--spacing);
	width: calc(100% - var(--spacing) * 2)
}

@media screen and (max-width:600px) {
	:root {
		--spacing: 0.4rem
	}

	.txt-border-style {
		padding: .8rem 1.6rem;
		font-size: 1.8rem
	}

	.all-top-slide .item {
		width: 79.1666666667%
	}

	.all-top-slide .item img {
		transform: scale(.9)
	}

	.all-top-slide .item.is-active img {
		transform: scale(1)
	}

	.all-top-other .item .img:not(:last-child) {
		margin-bottom: 2rem
	}

	.all-top-other .list {
		height: 25rem
	}
}

@keyframes aniSlideX {
	0% {
		transform: translateX(0)
	}

	100% {
		transform: translateX(calc(-100% + var(--width)))
	}
}

.cooperate {
	position: relative
}

.cooperate-header {
	margin-bottom: 4rem
}

@media screen and (max-width:1200px) {
	.cooperate-header {
		margin-bottom: 2.4rem
	}
}

@media screen and (max-width:550px) {
	.cooperate-header {
		margin-bottom: 1.8rem
	}
}

.cooperate-header .txt-decor {
	border-radius: .4rem;
	background: #f5851e;
	padding: .4rem .8rem;
	margin-bottom: .4rem;
	display: inline-block
}

.cooperate-footer {
	position: relative
}

.cooperate-footer .content-txt {
	margin-top: 4rem;
	padding-bottom: 28rem;
	position: relative;
	z-index: 4
}

@media screen and (max-width:1200px) {
	.cooperate-footer .content-txt {
		padding-bottom: 12rem;
		margin-bottom: 2.4rem
	}
}

@media screen and (max-width:550px) {
	.cooperate-footer .content-txt {
		margin-bottom: 1.8rem
	}
}

.cooperate-footer .service-tt .txt-desc {
	display: block;
	z-index: 10;
	position: relative
}

.cooperate-footer .content-txt .text-under {
	text-decoration: underline
}

.cooperate-footer .text-gradient {
	margin-bottom: 4.5rem;
	line-height: 1.3;
	position: relative;
	display: inline-block
}

@media screen and (max-width:1200px) {
	.cooperate-footer .text-gradient {
		margin-bottom: 4rem
	}
}

@media screen and (max-width:600px) {
	.cooperate-footer .text-gradient {
		margin-bottom: 3.2rem
	}
}

.cooperate-footer .tdcor {
	position: absolute;
	bottom: 0;
	width: 100%;
	left: 50%;
	transform: translate(-50%, 80%)
}

.cooperate-footer .text-desc {
	margin-bottom: 3.2rem;
	margin-top: 1.6rem;
	font-weight: 400;
	font-size: 1.8rem;
	max-width: 69.6rem;
	width: calc(100% - 4.8rem);
	position: relative
}

@media screen and (max-width:1200px) {
	.cooperate-footer .text-desc {
		margin-bottom: 2.4rem;
		font-size: 1.6rem
	}
}

@media screen and (max-width:600px) {
	.cooperate-footer .text-desc {
		margin-bottom: 1.8rem;
		font-size: 1.4rem
	}
}

.cooperate-footer .text-desc .t-dcor {
	position: absolute;
	top: 30%;
	width: 10%;
	height: auto;
	left: 0;
	transform: translate(-100%, -50%)
}

@media screen and (max-width:900px) {
	.cooperate-footer .text-desc .t-dcor {
		transform: translate(-50%, -50%)
	}
}

@media screen and (max-width:700px) {
	.cooperate-footer .text-desc .t-dcor {
		top: 58%
	}
}

@media screen and (max-width:450px) {
	.cooperate-footer .text-desc .t-dcor {
		transform: translate(-50%, -30%)
	}
}

.cooperate-footer .text-desc .t-dcor #svg-coo-arr {
	height: auto;
	width: 100%
}

@media screen and (max-width:900px) {
	.cooperate-footer .text-desc .t-dcor #svg-coo-arr {
		width: 4rem
	}
}

@keyframes blur {
	0% {
		filter: blur(0)
	}

	50% {
		filter: blur(1.2rem)
	}

	100% {
		filter: blur(0)
	}
}

.cooperate-footer .btn-cta {
	display: flex;
	justify-content: center;
	gap: 0 1.2rem;
	align-items: center;
	font-size: 2.8rem;
	line-height: 1.2;
	border-radius: 100rem;
	position: relative;
	z-index: 3;
	border-radius: 100rem;
	background: rgba(255, 255, 255, .58);
	mix-blend-mode: screen;
	border: .2rem solid #fff
}

.cooperate-footer .btn-cta::after {
	content: "";
	position: absolute;
	z-index: 0;
	inset: 0;
	display: block;
	width: 100%;
	height: 100%;
	border-radius: 100rem;
	box-shadow: unset;
	background: linear-gradient(0deg, #530d99 0, rgba(227, 15, 130, 0) 100%)
}

.cooperate-footer .btn-cta::before {
	content: "";
	position: absolute;
	z-index: 0;
	inset: 0;
	display: block;
	width: 100%;
	height: 100%;
	box-shadow: unset;
	border-radius: 100rem;
	background: linear-gradient(77deg, #a32dff 17.91%, #d61ef4 90.76%)
}

.cooperate-footer .btn-cta.active::after,
.cooperate-footer .btn-cta.active::before {
	animation: blur 2.6s ease-in-out infinite
}

@media screen and (max-width:1200px) {
	.cooperate-footer .btn-cta {
		font-size: 2.4rem
	}
}

@media screen and (max-width:768px) {
	.cooperate-footer .btn-cta {
		font-size: 2rem
	}
}

@media screen and (max-width:578px) {
	.cooperate-footer .btn-cta {
		font-size: 1.8rem
	}
}

@media screen and (max-width:500px) {
	.cooperate-footer .btn-cta {
		margin-top: 3.2rem;
		padding: 1.6rem 1.6rem
	}
}

@media screen and (max-width:480px) {
	.cooperate-footer .btn-cta {
		margin-top: 3.2rem
	}
}

.cooperate-footer .btn-cta .dcor-btn {
	width: 7%;
	position: relative;
	z-index: 20
}

@media screen and (max-width:700px) {
	.cooperate-footer .btn-cta .dcor-btn {
		width: 1.6rem;
		position: absolute;
		top: 0;
		left: 50%;
		transform: translate(-50%, -58%)
	}
}

.cooperate-footer .btn-cta .text-small {
	font-weight: 400;
	font-size: 1.4rem
}

@media screen and (max-width:600px) {
	.cooperate-footer .btn-cta .text-small {
		font-size: 1.2rem
	}
}

.cooperate-footer .txt-white:hover {
	color: #fff
}

.cooperate-footer .txt {
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	gap: .4rem 0;
	text-wrap: nowrap;
	position: relative;
	z-index: 20
}

@media screen and (max-width:900px) {
	.cooperate-footer .txt {
		font-size: 1.6rem
	}
}

@media screen and (max-width:640px) {
	.cooperate-footer .txt {
		text-wrap: unset
	}
}

.cooperate-footer .txt::after {
	box-shadow: unset
}

.cooperate-footer .commit {
	position: relative;
	border-radius: 4px;
	border: 1px dashed #fff;
	padding: 1.2rem 2.4rem;
	display: inline-block;
	margin-top: 4rem;
	font-size: 1.6rem;
	font-weight: 500
}

@media screen and (max-width:1200px) {
	.cooperate-footer .commit {
		margin-top: 3.2rem
	}
}

@media screen and (max-width:600px) {
	.cooperate-footer .commit {
		margin-top: 2.4rem;
		font-size: 1.4rem
	}
}

.cooperate-footer .icon-key {
	position: absolute;
	top: 0;
	left: 50%;
	transform: translate(-50%, -70%)
}

.cooperate-footer .dcor-cus {
	position: absolute;
	right: 0;
	bottom: 0;
	width: 22%;
	padding-right: 8.3333333333%;
	pointer-events: none;
	z-index: 3
}

.cooperate-rocket {
	position: absolute;
	bottom: -.8rem;
	left: 0;
	width: 100%;
	z-index: 3;
	pointer-events: none
}

@media screen and (max-width:420px) {
	.cooperate-rocket {
		bottom: -.2rem
	}
}

.cooperate-star {
	position: absolute;
	width: 100%;
	height: auto;
	z-index: 1;
	right: 0;
	bottom: 0;
	mix-blend-mode: lighten
}

.home-banner-video {
	position: relative;
	z-index: 2
}

.home-banner-wrap .home-banner-video {
	margin-top: -10rem
}

.home-banner-video-swiper,
.home-banner-video-tt-swiper {
	position: relative
}

.home-banner-video-swiper .swiper-pagination,
.home-banner-video-tt-swiper .swiper-pagination {
	bottom: 0;
	transform: translateY(50%)
}

.home-banner-video-swiper .swiper-pagination .swiper-pagination-bullet,
.home-banner-video-tt-swiper .swiper-pagination .swiper-pagination-bullet {
	opacity: .5;
	background: #fff
}

.home-banner-video-swiper .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active,
.home-banner-video-tt-swiper .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
	opacity: 1;
	background: #f41e92
}

@media screen and (max-width:1200px) {
	.home-banner-wrap .home-banner-video {
		margin-top: -5.6rem
	}
}

@media screen and (max-width:576px) {
	.home-banner-wrap .home-banner-video {
		margin-top: 0
	}
}

.home-banner-video .container {
	position: relative;
	z-index: 3
}

.home-banner-video-bg {
	position: absolute;
	z-index: 1;
	left: 0;
	bottom: 24rem;
	width: 100%;
	overflow: hidden
}

.home-banner-video-line {
	position: absolute;
	z-index: 2;
	top: 10rem;
	left: 0;
	width: 100%
}

.home-banner-video-slider {
	width: 66.6666666667%;
	margin: 0 auto
}

.home-banner-video-slider .swiper {
	z-index: 3
}

@media screen and (max-width:550px) {
	.home-banner-video-slider {
		width: 91.6666666667%
	}
}

.home-banner-video-slider .slider-main {
	position: relative;
	background: #7c0fd1
}

.home-banner-video-slider .splide__track--nav>.splide__list>.splide__slide.is-active {
	border-color: #4c0f7c;
	box-shadow: 0 1px 1px 0 rgba(124, 15, 209, .32) inset, 0 8px 24px -15px rgba(124, 15, 209, .32), 0 16px 40px -10px rgba(124, 15, 209, .32)
}

.home-banner-video-slider .slider-thumb {
	width: 100%;
	max-width: 75%;
	margin: 0 auto;
	margin-top: 38px
}

.slider-thumb .splide {
	width: 100%
}

.home-banner-video-slider .slider-thumb img,
.home-banner-video-slider .splide__track--nav>.splide__list>.splide__slide {
	border-radius: .6rem;
	border-color: #4c0f7c;
	transition: .3s
}

.home-banner-video-slider .splide__track--nav>.splide__list>.splide__slide {
	border-width: .2rem
}

.home-banner-video-slider .splide__track--nav>.splide__list>.splide__slide.is-active {
	border-color: #f41e92
}

.slider-main-channel {
	position: absolute;
	z-index: 5;
	top: 0;
	right: 0;
	width: 20rem;
	height: 20rem;
	transform: translate(50%, -50%)
}

@media screen and (max-width:1200px) {
	.slider-main-channel {
		width: 12rem;
		height: 12rem
	}
}

@media screen and (max-width:550px) {
	.slider-main-channel {
		width: 9rem;
		height: 9rem
	}
}

.home-banner-video-panda {
	position: absolute;
	z-index: 2;
	bottom: -40%;
	left: -34%;
	width: 45%;
	pointer-events: none
}

@media screen and (max-width:1200px) {
	.home-banner-video-panda {
		width: 30%;
		bottom: -28%;
		left: -25%
	}
}

@media screen and (max-width:550px) {
	.home-banner-video-panda {
		display: none
	}
}

.home-banner-video-team {
	position: absolute;
	z-index: 2;
	bottom: -25%;
	right: -35%;
	width: 40%;
	pointer-events: none
}

@media screen and (max-width:1200px) {
	.home-banner-video-team {
		width: 25%;
		bottom: -23%;
		right: -22%
	}
}

@media screen and (max-width:550px) {
	.home-banner-video-team {
		display: none
	}
}

@keyframes phoneRing-2 {
	0% {
		transform: rotate(0) scale(1) skew(1deg)
	}

	5% {
		transform: rotate(-5deg) scale(1) skew(1deg)
	}

	10% {
		transform: rotate(5deg) scale(1) skew(1deg)
	}

	15% {
		transform: rotate(-5deg) scale(1) skew(1deg)
	}

	20% {
		transform: rotate(5deg) scale(1) skew(1deg)
	}

	30%,
	40%,
	50% {
		transform: rotate(0) scale(1) skew(1deg)
	}

	100% {
		transform: rotate(0) scale(1) skew(1deg)
	}
}

.slider-main-channel-link {
	display: flex;
	align-items: center;
	justify-content: center;
	transition: .3s;
	-webkit-animation: phoneRing-2 2s infinite ease-in-out;
	-moz-animation: phoneRing-2 2s infinite ease-in-out;
	-ms-animation: phoneRing-2 2s infinite ease-in-out;
	-o-animation: phoneRing-2 2s infinite ease-in-out;
	animation: phoneRing-2 2s infinite ease-in-out
}

.home-banner-video__item {
	width: 100%;
	position: relative;
	aspect-ratio: 16/9
}

.home-banner-video__item .iframe {
	width: 100%;
	height: 100%
}

.home-slider-thumb__item .wrap {
	height: 100%
}

.home-slider-thumb__item {
	padding: 0 1.2rem;
	width: 25%;
	height: auto
}

.home-slider-thumb__item .wrap {
	border: .3rem solid transparent;
	cursor: pointer;
	border-radius: .6rem;
	overflow: hidden;
	transition: .3s
}

.home-slider-thumb__item.swiper-slide-thumb-active .wrap {
	border-color: #f41e92
}

.slider-main-splide {
	position: relative
}

.slider-main-splide .splide__pagination {
	bottom: 0;
	transform: translateY(60%)
}

.slider-main-splide .ytp-chrome-top {
	display: none
}

.slider-main-splide-rec {
	position: absolute;
	z-index: 4;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: calc(100% + 3.4rem);
	height: calc(100% + 3.4rem);
	pointer-events: none
}

@media screen and (max-width:550px) {
	.slider-main-splide-rec {
		width: calc(100% + 1.4rem);
		height: calc(100% + 1.4rem)
	}
}

.slider-main-splide-rec-line {
	position: absolute;
	z-index: 2;
	width: 94%
}

.slider-main-splide-rec-line path {
	stroke-dashoffset: 1181.3596191406px;
	stroke-dasharray: 1181.3596191406px
}

.slider-main-splide-rec-line.active path {
	animation: dash2 4s linear forwards infinite;
	-webkit-animation: dash2 4s linear forwards infinite
}

.slider-main-splide-rec-line-1 {
	top: 2%;
	left: 3%
}

.slider-main-splide-rec-line-2 {
	bottom: 0;
	left: 3%
}

.slider-thumb .splide__track {
	padding-bottom: 5rem
}

@media screen and (min-width:1201px) {
	.slider-main-channel-link:hover {
		opacity: .8
	}

	.slider-thumb .home-slider-thumb__item:hover::after,
	.slider-thumb .home-slider-thumb__item:hover::before {
		opacity: 1
	}
}

@media screen and (max-width:1200px) {

	.home-banner-video-swiper .swiper-pagination,
	.home-banner-video-tt-swiper .swiper-pagination {
		transform: translateY(70%)
	}
}

@media screen and (max-width:768px) {
	.home-slider-thumb__item {
		width: 33.3333333333%;
		padding: 0 .4rem
	}

	.home-slider-thumb__item .wrap {
		border-width: .1rem;
		border-radius: .4rem
	}
}

@media screen and (max-width:567px) {
	.slider-main-splide .splide__pagination {
		bottom: 0;
		transform: translateY(calc(100% + 1.2rem))
	}

	.home-banner-video-swiper .swiper-pagination,
	.home-banner-video-tt-swiper .swiper-pagination {
		transform: translateY(calc(100% + .4rem))
	}

	.home-banner-video-swiper .swiper-pagination .swiper-pagination-bullet,
	.home-banner-video-tt-swiper .swiper-pagination .swiper-pagination-bullet {
		width: .6rem;
		height: .6rem;
		margin: 0 .2rem
	}
}

.solution-for-business {
	position: relative
}

@media screen and (max-width:850px) {
	.solution-for-business {
		padding-bottom: 0
	}
}

@media screen and (max-width:550px) {
	.solution-for-business {
		padding-top: 3.2rem
	}

	.solution-for-business-header {
		width: 83.3333333333%
	}
}

.solution-for-business .container {
	z-index: 2
}

.solution-for-business-bg {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	mix-blend-mode: soft-light
}

@media screen and (min-width:1201px) {
	.solution-for-business .solution-for-business-img {
		width: 110.2rem
	}
}

@media screen and (max-width:850px) {
	.solution-for-business .solution-for-business-img {
		margin-bottom: -1.8rem
	}
}

.bakvitech-exp {
	margin-top: -23rem;
	padding-bottom: 0;
	position: relative;
	z-index: 2
}

@media screen and (max-width:1200px) {
	.bakvitech-exp {
		margin-top: -16rem
	}
}

@media screen and (max-width:850px) {
	.bakvitech-exp {
		margin-top: 0
	}
}

.bakvitech-exp-decor {
	position: absolute;
	z-index: 2;
	width: 125%;
	left: -8%;
	top: -5%;
	mix-blend-mode: overlay;
	pointer-events: none
}

.bakvitech-exp-mask {
	padding-top: 14rem;
	padding-bottom: 15rem;
	color: #fff;
	-webkit-mask-image: url("../../template/assets/images/home/bakvitech-exp-mask.png");
	mask-image: url("../../template/assets/images/home/bakvitech-exp-mask.png");
	-webkit-mask-size: 100% 100%;
	mask-size: 100% 100%;
	mask-position: bottom;
	-webkit-mask-position: bottom;
	-webkit-mask-repeat: no-repeat;
	mask-repeat: no-repeat
}

@media screen and (max-width:1200px) {
	.bakvitech-exp-mask {
		padding-top: 8rem
	}
}

@media screen and (max-width:850px) {
	.bakvitech-exp-mask {
		mask-image: unset;
		-webkit-mask-image: unset;
		padding-top: 0
	}
}

@media screen and (max-width:550px) {
	.bakvitech-exp-mask {
		padding-bottom: 11rem
	}
}

@media screen and (max-width:450px) {
	.bakvitech-exp-mask {
		padding-bottom: 7rem
	}
}

.bakvitech-exp-mask::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 90%;
	background: linear-gradient(180deg, #7405ca 43.37%, #250066 86.08%)
}

.bakvitech-exp-top-header {
	position: relative;
	z-index: 3
}

.bakvitech-exp-top-subtt {
	font-size: 4rem
}

@media screen and (max-width:850px) {
	.bakvitech-exp-top-subtt {
		font-size: 3.2rem
	}
}

@media screen and (max-width:550px) {
	.bakvitech-exp-top-subtt {
		font-size: 2.4rem
	}
}

.bakvitech-exp-top-tt {
	font-size: 9.6rem;
	font-family: "UTM Bebas";
	color: #f5851e;
	font-weight: 400
}

@media screen and (max-width:850px) {
	.bakvitech-exp-top-tt {
		font-size: 6.4rem
	}
}

@media screen and (max-width:550px) {
	.bakvitech-exp-top-tt {
		font-size: 4.8rem
	}
}

@media screen and (max-width:450px) {
	.bakvitech-exp-top-tt {
		font-size: 3.2rem
	}
}

.bakvitech-exp-top-desc {
	font-size: 3.2rem
}

@media screen and (max-width:850px) {
	.bakvitech-exp-top-desc {
		font-size: 2.4rem
	}
}

@media screen and (max-width:550px) {
	.bakvitech-exp-top-desc {
		font-size: 1.8rem
	}
}

@media screen and (max-width:450px) {
	.bakvitech-exp-top-desc {
		width: 100%
	}
}

.bakvitech-exp-top-img {
	position: relative
}

.bakvitech-exp-top-img .img {
	position: absolute;
	z-index: 2
}

@media screen and (max-width:550px) {
	.bakvitech-exp-top-content {
		margin-top: 2.4rem
	}
}

.bakvitech-exp-top-content .desc {
	margin-top: -10rem;
	position: relative;
	max-width: 104rem;
	margin: 0 auto;
	font-size: 4rem;
	font-weight: 700;
	text-align: center;
	padding: 4.2rem 10.4rem;
	background-color: #59138f;
	border-radius: 2.4rem
}

@media screen and (max-width:850px) {
	.bakvitech-exp-top-content .desc {
		font-size: 3.2rem;
		padding: 3.2rem 6.4rem
	}
}

@media screen and (max-width:550px) {
	.bakvitech-exp-top-content .desc {
		font-size: 1.8rem;
		padding: 2.4rem
	}
}

.bakvitech-exp-top-content .desc .img {
	position: absolute;
	bottom: 100%;
	left: 50%;
	transform: translateX(-50%)
}

.bakvitech-exp-item {
	padding: 10rem 0;
	position: relative
}

@media screen and (max-width:850px) {
	.bakvitech-exp-item {
		padding: 8rem 0
	}

	.bakvitech-exp-item-img {
		width: 100%
	}
}

@media screen and (max-width:768px) {
	.bakvitech-exp-item {
		padding: 4.8rem 0
	}
}

@media screen and (max-width:576px) {
	.bakvitech-exp-item {
		padding: 2.4rem 0
	}
}

.bakvitech-exp-item-bg {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	mix-blend-mode: overlay;
	overflow: hidden
}

@media screen and (max-width:550px) {
	.bakvitech-exp-item-bg {
		bottom: 3.2rem
	}
}

.bakvitech-exp-item-bg .img {
	position: relative;
	width: 110%;
	left: 50%;
	transform: translateX(-50%)
}

.bakvitech-exp-item-ke {
	position: absolute;
	bottom: -8rem;
	left: 0;
	width: 100%;
	height: 30rem
}

@media screen and (max-width:1580px) {
	.bakvitech-exp-item-ke {
		bottom: -7.5rem
	}
}

@media screen and (max-width:1200px) {
	.bakvitech-exp-item-ke {
		bottom: -7rem;
		height: 26rem
	}
}

@media screen and (max-width:850px) {
	.bakvitech-exp-item-ke {
		height: 22rem;
		bottom: -5rem
	}
}

@media screen and (max-width:550px) {
	.bakvitech-exp-item-ke {
		height: 8rem;
		bottom: 1.8rem
	}
}

@media screen and (max-width:450px) {
	.bakvitech-exp-item-ke {
		bottom: .9rem
	}
}

@media screen and (max-width:390px) {
	.bakvitech-exp-item-ke {
		bottom: .55rem
	}
}

.bakvitech-exp-item-ke img {
	object-fit: fill
}

.bakvitech-exp-item-header {
	margin-bottom: 4rem;
	position: relative;
	z-index: 10
}

@media screen and (max-width:1200px) {
	.bakvitech-exp-item-header {
		margin-bottom: 2.4rem
	}
}

@media screen and (max-width:550px) {
	.bakvitech-exp-item-header {
		margin-bottom: 1.6rem
	}
}

.bakvitech-exp-item-content {
	position: relative;
	z-index: 10
}

.bakvitech-exp-item-img {
	position: relative
}

.bakvitech-exp-item-img img {
	position: relative;
	z-index: 2
}

.bakvitech-exp-item-img .bg {
	position: absolute;
	bottom: 0;
	left: 50%;
	transform: translateX(-50%);
	width: 82%
}

.bakvitech-exp-item .img-ab {
	position: absolute
}

.bakvitech-exp-item-bottom {
	position: absolute;
	bottom: 15rem;
	left: 0;
	width: 100%
}

@media screen and (max-width:450px) {
	.bakvitech-exp-item-bottom {
		bottom: 3rem
	}
}

.bakvitech-exp-wrapper {
	position: relative
}

.bakvitech-exp-wrapper-link {
	position: absolute;
	z-index: 10;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	pointer-events: none;
	display: flex;
	padding-bottom: 10rem
}

.bakvitech-exp-wrapper-link .sticky {
	align-self: flex-end;
	position: sticky;
	bottom: 0;
	left: 0;
	width: 100%
}

.bakvitech-exp-wrapper-link .img-ab-link-a {
	pointer-events: auto;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	-ms-align-items: center;
	align-items: center;
	-webkit-align-items: center;
	justify-content: center;
	-webkit-justify-content: center;
	width: 16.6666666667%;
	margin-left: auto
}

@media screen and (max-width:768px) {
	.bakvitech-exp-wrapper-link .img-ab-link-a {
		width: 25%
	}
}

.ring-ani {
	-webkit-animation: phoneRing-2 2s infinite ease-in-out;
	-moz-animation: phoneRing-2 2s infinite ease-in-out;
	-ms-animation: phoneRing-2 2s infinite ease-in-out;
	-o-animation: phoneRing-2 2s infinite ease-in-out;
	animation: phoneRing-2 2s infinite ease-in-out
}

.bakvitech-exp-item.bakvitech-exp-website {
	background: #420077;
	color: #fff;
	overflow: hidden;
	margin-top: -15rem
}

@media screen and (max-width:1200px) {
	.bakvitech-exp-item.bakvitech-exp-website {
		margin-top: -18rem
	}
}

@media screen and (max-width:450px) {
	.bakvitech-exp-item.bakvitech-exp-website {
		padding-top: 12rem
	}
}

.bakvitech-exp-item.bakvitech-exp-website .bakvitech-exp-item-img {
	position: relative
}

.bakvitech-exp-item.bakvitech-exp-website .bakvitech-exp-item-img img {
	z-index: 1
}

.bakvitech-exp-item.bakvitech-exp-website .bakvitech-exp-item-img .img-bg {
	position: relative;
	left: 50%;
	transform: translateX(-50%);
	width: 100%;
	margin-bottom: -45rem
}

@media screen and (max-width:1200px) {
	.bakvitech-exp-item.bakvitech-exp-website .bakvitech-exp-item-img .img-bg {
		margin-bottom: -27rem
	}
}

@media screen and (max-width:991px) {
	.bakvitech-exp-item.bakvitech-exp-website .bakvitech-exp-item-img .img-bg {
		margin-bottom: -20rem
	}
}

@media screen and (max-width:600px) {
	.bakvitech-exp-item.bakvitech-exp-website .bakvitech-exp-item-img .img-bg {
		margin-bottom: -6rem
	}
}

.bakvitech-exp-item.bakvitech-exp-website .bakvitech-exp-item-img .img-bg .blur {
	position: absolute;
	width: 100%;
	left: 0;
	bottom: -118%;
	z-index: -1
}

.bakvitech-exp-item.bakvitech-exp-website .bakvitech-exp-item-img .img-main .img {
	width: 75%;
	margin: 0 auto;
	padding-bottom: 12rem;
	position: relative
}

@media screen and (max-width:850px) {
	.bakvitech-exp-item.bakvitech-exp-website .bakvitech-exp-item-img .img-main .img {
		padding-bottom: 7rem
	}
}

@media screen and (max-width:550px) {
	.bakvitech-exp-item.bakvitech-exp-website .bakvitech-exp-item-img .img-main .img {
		padding-bottom: 5rem
	}
}

.bakvitech-exp-item.bakvitech-exp-website .bakvitech-exp-item-img .img-main .img-re {
	position: relative;
	z-index: 2
}

.bakvitech-exp-item.bakvitech-exp-website .bakvitech-exp-item-img .img-main .img-ab {
	position: absolute
}

.bakvitech-exp-item.bakvitech-exp-website .bakvitech-exp-item-img .img-main .img-ab-link {
	bottom: 10%
}

.bakvitech-exp-item.bakvitech-exp-website .bakvitech-exp-item-img .img-main .img-ab-1 {
	left: -23%;
	top: -10%;
	width: 50%
}

.bakvitech-exp-item.bakvitech-exp-website .bakvitech-exp-item-img .img-main .img-ab-2 {
	z-index: 3;
	left: 48%;
	transform: translateX(-50%);
	bottom: 0;
	width: 77.7777777778%
}

.bakvitech-exp-item.bakvitech-exp-website .bakvitech-exp-item-img .img-main .img-ab-3 {
	right: -15%;
	top: -18%;
	width: 25.5555555556%
}

.bakvitech-exp-item.bakvitech-exp-digital {
	background: #891be1;
	color: #fff;
	position: relative;
	padding-top: 0
}

.bakvitech-exp-item.bakvitech-exp-digital .bakvitech-exp-digital-mask {
	position: absolute;
	z-index: 2;
	top: -37%;
	width: 100%;
	pointer-events: none
}

@media screen and (max-width:850px) {
	.bakvitech-exp-item.bakvitech-exp-digital .bakvitech-exp-digital-mask {
		top: -30%
	}
}

.bakvitech-exp-item.bakvitech-exp-digital .bakvitech-exp-digital-mask img {
	object-fit: fill
}

.bakvitech-exp-item.bakvitech-exp-digital .bakvitech-exp-item-content .sec-tt {
	margin-bottom: 0
}

.bakvitech-exp-item.bakvitech-exp-digital .bakvitech-exp-item-img {
	position: relative;
	padding-bottom: 20rem
}

@media screen and (min-width:2000px) {
	.bakvitech-exp-item.bakvitech-exp-digital .bakvitech-exp-item-img {
		padding-bottom: 5rem
	}
}

@media screen and (min-width:2500px) {
	.bakvitech-exp-item.bakvitech-exp-digital .bakvitech-exp-item-img {
		padding-bottom: 12rem
	}
}

@media screen and (min-width:2800px) {
	.bakvitech-exp-item.bakvitech-exp-digital .bakvitech-exp-item-img {
		padding-bottom: 18rem
	}
}

@media screen and (min-width:3000px) {
	.bakvitech-exp-item.bakvitech-exp-digital .bakvitech-exp-item-img {
		padding-bottom: 22rem
	}
}

@media screen and (max-width:1750px) {
	.bakvitech-exp-item.bakvitech-exp-digital .bakvitech-exp-item-img {
		padding-bottom: 12rem
	}
}

@media screen and (max-width:1580px) {
	.bakvitech-exp-item.bakvitech-exp-digital .bakvitech-exp-item-img {
		padding-bottom: 20rem
	}
}

@media screen and (max-width:1380px) {
	.bakvitech-exp-item.bakvitech-exp-digital .bakvitech-exp-item-img {
		padding-bottom: 17rem
	}
}

@media screen and (max-width:1350px) {
	.bakvitech-exp-item.bakvitech-exp-digital .bakvitech-exp-item-img {
		padding-bottom: 12rem
	}
}

@media screen and (max-width:1200px) {
	.bakvitech-exp-item.bakvitech-exp-digital .bakvitech-exp-item-img {
		padding-bottom: 5rem
	}
}

@media screen and (max-width:550px) {
	.bakvitech-exp-item.bakvitech-exp-digital .bakvitech-exp-item-img {
		padding-bottom: 2rem
	}
}

.bakvitech-exp-item.bakvitech-exp-digital .bakvitech-exp-item-img img {
	z-index: 1
}

.bakvitech-exp-item.bakvitech-exp-digital .bakvitech-exp-item-img .img-bg {
	z-index: 3;
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	bottom: 0;
	width: 100%
}

.bakvitech-exp-item.bakvitech-exp-digital .bakvitech-exp-item-img .img-bg-2 {
	position: absolute;
	z-index: 2;
	width: 100%;
	left: 0;
	bottom: 10%
}

.bakvitech-exp-item.bakvitech-exp-digital .bakvitech-exp-item-img .img-main .img {
	width: 91.6666666667%;
	margin: 0 auto;
	position: relative
}

.bakvitech-exp-item.bakvitech-exp-digital .bakvitech-exp-item-img .img-main .img-re {
	position: relative;
	z-index: 2
}

.bakvitech-exp-item.bakvitech-exp-digital .bakvitech-exp-item-img .img-main .img-ab-link {
	z-index: 4
}

.bakvitech-exp-item.bakvitech-exp-studio {
	background: #400072;
	color: #fff;
	position: relative;
	padding-top: 0
}

@media screen and (max-width:550px) {
	.bakvitech-exp-item.bakvitech-exp-studio {
		top: -21%
	}
}

.bakvitech-exp-item.bakvitech-exp-studio .bakvitech-exp-studio-mask {
	position: absolute;
	z-index: 3;
	top: -20%;
	width: 100%;
	height: 100%;
	pointer-events: none
}

@media screen and (max-width:768px) {
	.bakvitech-exp-item.bakvitech-exp-studio .bakvitech-exp-studio-mask {
		top: -20%
	}
}

.bakvitech-exp-item.bakvitech-exp-studio .bakvitech-exp-studio-mask img {
	object-fit: fill
}

.bakvitech-exp-item.bakvitech-exp-studio .bakvitech-exp-item-content .sec-tt {
	margin-bottom: 0
}

.bakvitech-exp-item.bakvitech-exp-studio .bakvitech-exp-item-img {
	position: relative;
	overflow: hidden;
	padding: 5.6rem 0
}

@media screen and (max-width:550px) {
	.bakvitech-exp-item.bakvitech-exp-studio .bakvitech-exp-item-img {
		padding-top: 0
	}
}

.bakvitech-exp-item.bakvitech-exp-studio .bakvitech-exp-item-img img {
	z-index: 1
}

.bakvitech-exp-item.bakvitech-exp-studio .bakvitech-exp-item-img .img-bg {
	z-index: 3;
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	bottom: 0;
	width: 100%
}

.bakvitech-exp-item.bakvitech-exp-studio .bakvitech-exp-item-img .img-main .img {
	width: 83.3333333333%;
	margin: 0 auto;
	position: relative
}

.bakvitech-exp-item.bakvitech-exp-studio .bakvitech-exp-item-img .img-main .img-re {
	position: relative
}

.bakvitech-exp-item.bakvitech-exp-studio .bakvitech-exp-item-img .img-main .img-re-1 {
	margin-top: 3.2rem;
	z-index: 5;
	cursor: pointer
}

@media screen and (min-width:1201px) {
	.bakvitech-exp-item.bakvitech-exp-studio .bakvitech-exp-item-img .img-main .img-re-1:hover .img-re-ab.btn-play {
		transform: translate(-50%, -50%) scale(1.2)
	}
}

.bakvitech-exp-item.bakvitech-exp-studio .bakvitech-exp-item-img .img-main .img-re-1 .img-re-ab-3 {
	top: -64%;
	left: -45%;
	width: 50%;
	pointer-events: none
}

.bakvitech-exp-item.bakvitech-exp-studio .bakvitech-exp-item-img .img-main .img-re-1 .img-re-ab-4 {
	top: 17%;
	left: -32%;
	width: 33.3333333333%;
	pointer-events: none
}

.bakvitech-exp-item.bakvitech-exp-studio .bakvitech-exp-item-img .img-main .img-re-1 .img-re-ab-5 {
	width: 47%;
	left: -45%;
	top: 48%;
	z-index: -1;
	pointer-events: none
}

.bakvitech-exp-item.bakvitech-exp-studio .bakvitech-exp-item-img .img-main .img-re-1 .img-re-ab-6 {
	width: 29.1666666667%;
	top: -18%;
	right: -25%;
	pointer-events: none
}

.bakvitech-exp-item.bakvitech-exp-studio .bakvitech-exp-item-img .img-main .img-re-1 .img-re-ab-7 {
	top: 37%;
	right: -38%;
	width: 50%;
	z-index: -1;
	pointer-events: none
}

.bakvitech-exp-item.bakvitech-exp-studio .bakvitech-exp-item-img .img-main .img-re-2 {
	width: 90%;
	margin: -18rem auto 0 auto;
	pointer-events: none
}

@media screen and (max-width:850px) {
	.bakvitech-exp-item.bakvitech-exp-studio .bakvitech-exp-item-img .img-main .img-re-2 {
		margin-top: -10rem
	}
}

@media screen and (max-width:550px) {
	.bakvitech-exp-item.bakvitech-exp-studio .bakvitech-exp-item-img .img-main .img-re-2 {
		margin-top: -5rem
	}
}

.bakvitech-exp-item.bakvitech-exp-studio .bakvitech-exp-item-img .img-main .img-re-2 img {
	z-index: 6
}

.bakvitech-exp-item.bakvitech-exp-studio .bakvitech-exp-item-img .img-main .img-re-2 .img-re-ab-1 {
	right: -40%;
	bottom: 18%;
	width: 50%;
	z-index: 8
}

.bakvitech-exp-item.bakvitech-exp-studio .bakvitech-exp-item-img .img-main .img-re-2 .img-re-ab-2 {
	width: 58.3333333333%;
	bottom: -8%;
	left: -35%;
	z-index: 8
}

.bakvitech-exp-item.bakvitech-exp-studio .bakvitech-exp-item-img .img-main .img-re-ab {
	position: absolute
}

.bakvitech-exp-item.bakvitech-exp-studio .bakvitech-exp-item-img .img-main .img-re-ab.btn-play {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	cursor: pointer;
	width: 9rem;
	height: 9rem;
	z-index: 3;
	transition: 1s
}

@media screen and (max-width:768px) {
	.bakvitech-exp-item.bakvitech-exp-studio .bakvitech-exp-item-img .img-main .img-re-ab.btn-play {
		width: 5.6rem;
		height: 5.6rem
	}
}

@media screen and (max-width:550px) {
	.bakvitech-exp-item.bakvitech-exp-studio .bakvitech-exp-item-img .img-main .img-re-ab.btn-play {
		width: 3.2rem;
		height: 3.2rem
	}
}

.bakvitech-exp-item.bakvitech-exp-studio .bakvitech-exp-item-img .img-main .img-ab-link {
	bottom: 7%;
	z-index: 10
}

.bakvitech-exp-item.bakvitech-exp-branding {
	position: relative;
	padding-top: 0;
	margin-top: -41rem
}

@media screen and (max-width:768px) {
	.bakvitech-exp-item.bakvitech-exp-branding {
		margin-top: -22rem
	}
}

.bakvitech-exp-item.bakvitech-exp-branding .bakvitech-exp-branding-mask {
	padding-top: 30rem;
	color: #fff;
	-webkit-mask-size: 100% 100%;
	mask-size: 100% 100%;
	mask-position: bottom;
	-webkit-mask-position: bottom;
	-webkit-mask-repeat: no-repeat;
	mask-repeat: no-repeat;
	-webkit-mask-image: url("../../template/assets/images/home/bakvitech-exp-branding-mask.png");
	mask-image: url("../../template/assets/images/home/bakvitech-exp-branding-mask.png");
	position: relative;
	z-index: 6
}

@media screen and (max-width:768px) {
	.bakvitech-exp-item.bakvitech-exp-branding .bakvitech-exp-branding-mask {
		padding-top: 15rem
	}
}

.bakvitech-exp-item.bakvitech-exp-branding .bakvitech-exp-branding-mask::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 80%;
	background: linear-gradient(180deg, #7c0fd1 33.83%, #2b004d 100%)
}

@media screen and (max-width:450px) {
	.bakvitech-exp-item.bakvitech-exp-branding .bakvitech-exp-branding-mask::before {
		height: 90%
	}
}

.bakvitech-exp-item.bakvitech-exp-branding .bakvitech-exp-item-content .sec-tt {
	margin-bottom: 0
}

.bakvitech-exp-item.bakvitech-exp-branding .bakvitech-exp-item-img {
	position: relative;
	z-index: 7;
	overflow: hidden
}

.bakvitech-exp-item.bakvitech-exp-branding .bakvitech-exp-item-img img {
	z-index: 1
}

.bakvitech-exp-item.bakvitech-exp-branding .bakvitech-exp-item-img .img-bg {
	z-index: 3;
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	bottom: 0;
	width: 100%
}

.bakvitech-exp-item.bakvitech-exp-branding .bakvitech-exp-item-img .img-main .img {
	width: 100%;
	margin: 0 auto;
	position: relative
}

.bakvitech-exp-item.bakvitech-exp-branding .bakvitech-exp-item-img .img-main .img-re {
	position: relative
}

.bakvitech-exp-item.bakvitech-exp-branding .bakvitech-exp-item-img .img-main .img-re-ab {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 100%;
	height: 100%
}

.bakvitech-exp-item.bakvitech-exp-branding .bakvitech-exp-item-img .img-main .img-ab-1 {
	top: 9%;
	left: -5%;
	width: 15%
}

.bakvitech-exp-item.bakvitech-exp-branding .bakvitech-exp-item-img .img-main .img-ab-2 {
	width: 50%;
	right: -35%;
	top: 15%
}

.bakvitech-exp-item.bakvitech-exp-branding .bakvitech-exp-item-img .img-main .img-ab-link {
	bottom: -2%
}

.accompany {
	position: relative;
	margin-top: -40rem;
	padding: 0
}

@media screen and (max-width:1200px) {
	.accompany {
		margin-top: -35rem
	}
}

@media screen and (max-width:550px) {
	.accompany {
		margin-top: -28rem
	}
}

@media screen and (max-width:450px) {
	.accompany {
		margin-top: -12rem
	}
}

.accompany-mask {
	padding-top: 20rem;
	background: linear-gradient(180deg, #0d86e9 -18.68%, #1f1f67 84.41%);
	-webkit-mask-size: 100% 100%;
	mask-size: 100% 100%;
	mask-position: bottom;
	-webkit-mask-position: bottom;
	-webkit-mask-repeat: no-repeat;
	mask-repeat: no-repeat;
	-webkit-mask-image: url("../../template/assets/images/home/accompany-mask.png");
	mask-image: url("../../template/assets/images/home/accompany-mask.png");
	position: relative;
	z-index: 1
}

@media screen and (max-width:992px) {
	.accompany-mask {
		padding-top: 34rem
	}
}

@media screen and (max-width:550px) {
	.accompany-mask {
		padding-top: 54rem;
		-webkit-mask-size: 200% 100%
	}
}

@media screen and (max-width:450px) {
	.accompany-mask {
		-webkit-mask-size: 100% 100%;
		padding-top: 12rem;
		display: flex;
		flex-direction: column-reverse
	}
}

.accompany-mask-2 {
	position: absolute;
	left: 0;
	bottom: -12rem;
	width: 100%
}

@media screen and (max-width:1200px) {
	.accompany-mask-2 {
		bottom: -4rem
	}
}

@media screen and (max-width:992px) {
	.accompany-mask-2 {
		bottom: -1rem
	}
}

@media screen and (max-width:768px) {
	.accompany-mask-2 {
		bottom: 0
	}
}

.accompany-bg {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	mix-blend-mode: overlay
}

@media screen and (max-width:450px) {
	.accompany-bg {
		top: unset;
		bottom: 0
	}
}

.accompany-img {
	position: relative;
	z-index: 2
}

.accompany-content {
	position: absolute;
	z-index: 3;
	top: 32rem;
	width: 100%
}

@media screen and (max-width:450px) {
	.accompany-content {
		position: relative;
		top: 0
	}
}

.accompany-content .content {
	width: 37.5vw;
	margin-left: 34vw
}

@media screen and (max-width:1368px) {
	.accompany-content .content {
		margin-left: 44vw
	}
}

@media screen and (max-width:550px) {
	.accompany-content .content {
		width: 79.1666666667vw;
		margin-left: inherit;
		margin: 0 auto
	}
}

@keyframes ani-vr-bg {
	100% {
		transform: translate(-50%, -50%) rotate(360deg)
	}
}

.virtual-3d {
	background-color: #461190;
	color: #fff;
	margin-top: -25rem;
	padding-top: 45rem;
	padding-bottom: 32.3rem;
	overflow: hidden
}

@media screen and (max-width:1200px) {
	.virtual-3d {
		padding-top: 33rem;
		padding-bottom: 5.6rem
	}
}

@media screen and (max-width:768px) {
	.virtual-3d {
		padding-top: 28rem
	}
}

.virtual-3d-header {
	margin-bottom: 2.4rem
}

.virtual-3d-main {
	position: relative
}

.virtual-3d-main-bg {
	position: absolute;
	z-index: 1;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 150%;
	animation: ani-vr-bg 20s linear infinite;
	pointer-events: none
}

@media screen and (max-width:1200px) {
	.virtual-3d-main-bg {
		width: 140%;
		top: 35%
	}
}

.virtual-3d-frame {
	position: absolute;
	z-index: 3;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	z-index: 2;
	width: calc(100% + 1rem);
	height: calc(100% + 1rem);
	pointer-events: none
}

.virtual-3d-frame img {
	object-fit: fill
}

.virtual-3d-iframe {
	position: relative;
	z-index: 4;
	width: 100%;
	height: 100%;
	top: 0;
	aspect-ratio: 16/9;
	-webkit-mask-size: 100% 100%;
	mask-size: 100% 100%;
	mask-position: bottom;
	-webkit-mask-position: bottom;
	-webkit-mask-repeat: no-repeat;
	mask-repeat: no-repeat;
	-webkit-mask-image: url("https://bakvitech.com/template/assets/images/home/vr-frame-2.png");
	mask-image: url("https://bakvitech.com/template/assets/images/home/vr-frame-2.png")
}

.virtual-3d-iframe .iframe {
	position: relative;
	width: 100%;
	height: 100%
}

.virtual-3d-btn {
	margin-top: 4.2rem;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	-ms-align-items: center;
	align-items: center;
	-webkit-align-items: center;
	justify-content: center;
	-webkit-justify-content: center;
	position: relative;
	z-index: 3
}

@media screen and (max-width:768px) {

	.virtual-3d .txt-logo-flex,
	.virtual-3d .txt-logo-flex .logo {
		flex-direction: column
	}
}

@media screen and (max-width:1200px) {

	.virtual-3d .txt-logo-flex .logo img,
	.virtual-3d .txt-logo-flex img {
		height: 5.8rem
	}
}

@media screen and (max-width:576px) {
	.virtual-3d .c-btn {
		padding: 1.6rem;
		font-size: 1.6rem
	}
}

.the-bakvitech {
	position: relative;
	padding-top: 34rem
}

@media screen and (max-width:1200px) {
	.the-bakvitech {
		padding-top: 0
	}
}

.the-bakvitech-bg {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: -1
}

.the-bakvitech-decor {
	margin-top: -60rem;
	position: relative
}

@media screen and (max-width:1368px) {
	.the-bakvitech-decor {
		margin-top: -58rem
	}
}

@media screen and (max-width:1250px) {
	.the-bakvitech-decor {
		margin-top: -56rem
	}
}

@media screen and (max-width:1200px) {
	.the-bakvitech-decor {
		margin-top: -.1rem
	}
}

.the-bakvitech-header {
	width: 54.1666666667%;
	margin: 0 auto;
	margin-bottom: 6.4rem
}

@media screen and (max-width:1200px) {
	.the-bakvitech-header {
		width: 87.5%
	}
}

@media screen and (max-width:992px) {
	.the-bakvitech-header {
		margin-bottom: 3.4rem
	}
}

@media screen and (max-width:550px) {
	.the-bakvitech-header {
		width: calc(100% - 2rem)
	}
}

.the-bakvitech-person {
	position: absolute;
	top: 0;
	pointer-events: none
}

@media screen and (max-width:1200px) {
	.the-bakvitech-person {
		display: none
	}
}

.the-bakvitech-person.left {
	width: 71%;
	left: 0;
	top: -135%;
	transform: translateX(-76%)
}

.the-bakvitech-person.right {
	top: -107%;
	right: 0;
	transform: translateX(89%);
	width: 71.6666666667%
}

.the-bakvitech-channel {
	margin-top: 5.6rem;
	padding-bottom: 8rem;
	position: relative
}

.the-bakvitech-channel-bg {
	position: absolute;
	width: 100%;
	left: 50%;
	transform: translateX(-50%);
	top: 5%;
	z-index: 5
}

.the-bakvitech-channel-bg.bg-1 {
	mix-blend-mode: multiply
}

.the-bakvitech-channel-bg.bg-2 {
	position: absolute;
	top: 20rem;
	left: 50%
}

.the-bakvitech-channel-bg.bg-3 {
	position: absolute;
	top: 20rem;
	width: 100%;
	height: 100%;
	-webkit-mask-size: 100% 100%;
	mask-size: 100% 100%;
	mask-position: bottom;
	-webkit-mask-position: bottom;
	-webkit-mask-repeat: no-repeat;
	mask-repeat: no-repeat;
	-webkit-mask-image: url("../assets/images/home/the-bakvitech-level-bg.png");
	mask-image: url("../assets/images/home/the-bakvitech-level-bg.png")
}

@media screen and (max-width:768px) {
	.the-bakvitech-channel-bg.bg-3 {
		top: 10rem
	}
}

@media screen and (max-width:450px) {
	.the-bakvitech-channel-bg.bg-3 {
		top: 3.6rem
	}
}

.the-bakvitech-channel .home-banner-video {
	z-index: 6
}

.the-bakvitech-channel .home-banner-video .slider-main-splide-rec {
	transform: translate(-50%, -50%) rotate(180deg);
	width: calc(100% + 2.7rem)
}

@media screen and (max-width:768px) {
	.the-bakvitech-channel .home-banner-video .slider-main-splide-rec {
		height: calc(100% + 1.4rem);
		width: calc(100% + 1.4rem)
	}
}

.the-bakvitech-channel .home-banner-video .slider-main-splide-rec-txt {
	font-size: 3.2rem;
	font-weight: 600;
	color: #fff;
	text-align: center;
	transform: translateY(-140%) rotate(180deg)
}

@media screen and (max-width:1200px) {
	.the-bakvitech-channel .home-banner-video .slider-main-splide-rec-txt {
		font-size: 2rem
	}
}

@media screen and (max-width:768px) {
	.the-bakvitech-channel .home-banner-video .slider-main-splide-rec-txt {
		transform: translateY(-125%) rotate(180deg)
	}
}

@media screen and (max-width:576px) {
	.the-bakvitech-channel .home-banner-video .slider-main-splide-rec-txt {
		transform: translateY(-120%) rotate(180deg);
		font-size: 1.4rem
	}
}

@media screen and (max-width:400px) {
	.the-bakvitech-channel .home-banner-video .slider-main-splide-rec-txt {
		font-size: 1.2rem
	}
}

@media screen and (max-width:992px) {
	.the-bakvitech-channel .home-banner-video .home-banner-video-slider {
		width: 87.5%
	}
}

@media screen and (max-width:550px) {
	.the-bakvitech-channel .home-banner-video .home-banner-video-slider {
		width: calc(100% - 2rem)
	}
}

.the-bakvitech-level {
	position: relative;
	z-index: 5
}

.the-bakvitech-level-tt {
	width: 66.6666666667%;
	margin: 0 auto;
	margin-top: 5.4rem;
	position: relative
}

.the-bakvitech-level-tt .tt {
	position: relative;
	z-index: 2
}

.the-bakvitech-level-tt .person {
	position: absolute;
	left: 0;
	top: 50%;
	transform: translate(-50%, -50%);
	width: 56.25%
}

.the-bakvitech-level .container {
	z-index: 2
}

.the-bakvitech-level .ps {
	position: absolute;
	pointer-events: none
}

.the-bakvitech-level .ps-1 {
	top: -10%;
	right: 5%;
	width: 20%
}

.the-bakvitech-level .ps-2 {
	bottom: -18%;
	right: 0;
	z-index: 4;
	width: 25%
}

.the-bakvitech-level .ps-3 {
	left: -37%;
	bottom: -53%;
	width: 70%;
	z-index: 4
}

@media screen and (max-width:1200px) {
	.the-bakvitech-content {
		margin-top: 0
	}
}

@media screen and (max-width:768px) {
	.the-bakvitech-content {
		margin-top: 2rem
	}
}

@media screen and (max-width:1200px) {
	.the-bakvitech .sec-tt .txt-logo-flex {
		flex-direction: column
	}
}

.the-bakvitech-thor-bg {
	position: absolute;
	top: 110rem;
	left: 50%;
	width: 100%;
	transform: translate(-50%, -50%);
	mix-blend-mode: color-dodge
}

.the-bakvitech-thor-bg.bg-2 {
	mix-blend-mode: lighten
}

.video-frame {
	margin: 0 auto;
	width: calc(83.3333333333% + 12.6rem);
	position: relative
}

.video-frame-wrap {
	position: relative;
	width: 100%;
	padding-top: 56.8%
}

.video-frame-rec {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: calc(100% - 13.6rem);
	height: calc(100% - 4.6rem);
	pointer-events: none;
	z-index: 2
}

.video-frame-rec-svg {
	width: 100%;
	height: 100%
}

.video-frame-rec img {
	object-fit: fill
}

.video-frame-iframe {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: calc(100% - 20.6rem);
	height: calc(100% - 11.6rem)
}

.video-frame-iframe .iframe {
	width: 100%;
	height: 100%
}

.video-16-9 {
	padding-top: 56.25%
}

.video-16-9 .video-16-9-iframe {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 100%;
	height: 100%
}

@media screen and (max-width:600px) {
	.video-frame {
		width: 100%
	}

	.video-frame-rec {
		width: calc(100% - 3.6rem);
		height: calc(100% - .6rem)
	}

	.video-frame-rec-svg {
		width: 100%;
		height: 100%
	}

	.video-frame-iframe {
		width: calc(100% - 6.6rem);
		height: calc(100% - 3.6rem)
	}
}

.playground-slider {
	width: calc(100% + 2.4rem);
	margin-left: -1.2rem
}

.playground-slider .list {
	display: flex
}

.playground-slider .item {
	width: 16.6666666667%;
	flex-shrink: 0
}

@media screen and (max-width:1200px) {
	.playground-slider .item {
		width: 20%
	}
}

@media screen and (max-width:550px) {
	.playground-slider .item {
		width: 25%
	}
}

@media screen and (max-width:450px) {
	.playground-slider .item {
		width: 33.3333333333%
	}
}

.playground-slider .wrap {
	position: relative
}

.playground-slider .wrap .inner {
	aspect-ratio: 9/16;
	cursor: pointer;
	overflow: hidden
}

@media screen and (min-width:1201px) {
	.playground-slider .wrap .inner:hover img {
		transform: scale(1.1)
	}
}

.playground-slider .wrap .img {
	border-radius: 1.6rem
}

.slider-ellipse {
	position: relative;
	margin-top: -6.4rem
}

@media screen and (max-width:550px) {
	.slider-ellipse {
		margin-top: -2.4rem
	}
}

.slider-ellipse-bg {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 100%;
	height: 100%
}

.slider-ellipse-mask {
	-webkit-mask-image: url("../../template/assets/images/home/slider-ellipse-mask.png");
	mask-image: url("../../template/assets/images/home/slider-ellipse-mask.png");
	-webkit-mask-size: 106% 99%;
	mask-size: 106% 99%;
	mask-position: bottom;
	-webkit-mask-position: bottom;
	-webkit-mask-repeat: no-repeat;
	mask-repeat: no-repeat;
	background-color: #daabff;
	padding: 3.2rem 0
}

@media screen and (max-width:850px) {
	.slider-ellipse-mask {
		padding: 2rem 0
	}
}

@media screen and (max-width:768px) {
	.slider-ellipse-mask {
		padding: 1rem 0
	}
}

.slider-ellipse-mask .mask-inner {
	-webkit-mask-image: url("../../template/assets/images/home/slider-ellipse-mask.png");
	mask-image: url("../../template/assets/images/home/slider-ellipse-mask.png");
	-webkit-mask-size: 100% 100%;
	mask-size: 100% 100%;
	mask-position: bottom;
	-webkit-mask-position: bottom;
	-webkit-mask-repeat: no-repeat;
	mask-repeat: no-repeat;
	background-color: #daabff
}

.slider-ellipse-btn {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	-ms-align-items: center;
	align-items: center;
	-webkit-align-items: center;
	justify-content: center;
	-webkit-justify-content: center
}

.slider-ellipse-btn .c-btn {
	max-width: max-content
}

@media screen and (max-width:450px) {
	.slider-ellipse-btn .c-btn {
		font-size: 1.6rem;
		font-weight: 500
	}
}

.bakvitech-logo-list .logo-big {
	height: 8rem;
	width: 100%;
	max-width: max-content;
	margin: 0 auto;
	margin-bottom: 2.4rem;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	-ms-align-items: center;
	align-items: center;
	-webkit-align-items: center;
	justify-content: center;
	-webkit-justify-content: center
}

.bakvitech-logo-list .logo-big img {
	object-fit: contain;
	max-width: max-content
}

.bakvitech-logo-list .logo-small .list {
	display: flex;
	justify-content: center;
	gap: 6.4rem
}

@media screen and (max-width:768px) {
	.bakvitech-logo-list .logo-small .list {
		flex-wrap: wrap;
		gap: 3.2rem
	}
}

.bakvitech-logo-list .logo-small .item {
	height: 4.5rem;
	width: 100%;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	-ms-align-items: center;
	align-items: center;
	-webkit-align-items: center;
	justify-content: center;
	-webkit-justify-content: center
}

@media screen and (max-width:768px) {
	.bakvitech-logo-list .logo-small .item {
		width: calc(50% - 3.2rem)
	}
}

.bakvitech-logo-list .logo-small .item img {
	object-fit: contain;
	max-width: max-content
}

.sec-friend-customer {
	padding: 30rem 0 22rem;
	position: relative;
	overflow: hidden
}

@media screen and (max-width:1200px) {
	.sec-friend-customer {
		padding-top: 20rem
	}
}

@media screen and (max-width:550px) {
	.sec-friend-customer {
		padding-top: 5.6rem;
		padding-bottom: 3.2rem
	}
}

.sec-friend-customer .friend-customer-title {
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	font-weight: 700;
	font-size: 4.8rem;
	color: #3a3a3a
}

@media only screen and (max-width:1200px) {
	.sec-friend-customer .friend-customer-title {
		font-size: 4.3rem
	}
}

@media only screen and (max-width:800px) {
	.sec-friend-customer .friend-customer-title {
		font-size: 3.2rem
	}
}

@media screen and (max-width:600px) {
	.sec-friend-customer .friend-customer-title {
		font-size: 2.8rem
	}
}

@media screen and (max-width:450px) {
	.sec-friend-customer .friend-customer-title {
		font-size: 2.2rem
	}
}

@media screen and (max-width:768px) {
	.sec-friend-customer .friend-customer-title .txt-res {
		width: unset
	}
}

.sec-friend-customer .friend-customer-img {
	position: relative
}

.sec-friend-customer .friend-customer-img .list-wrapper {
	position: relative;
	margin-top: 12rem
}

@media screen and (max-width:550px) {
	.sec-friend-customer .friend-customer-img .list-wrapper {
		margin: 3rem 0
	}
}

.sec-friend-customer .friend-customer-img .list {
	position: relative;
	display: flex;
	justify-content: center
}

@media screen and (max-width:550px) {
	.sec-friend-customer .friend-customer-img .list {
		flex-direction: row-reverse;
		align-items: center;
		flex-wrap: wrap
	}
}

.sec-friend-customer .friend-customer-img .item {
	box-shadow: 0 27.20357px 34.00446px -25.50335px rgba(0, 0, 0, .24), 0 34.00446px 68.00893px -17.00223px rgba(50, 50, 93, .16), 0 .85011px .85011px 0 rgba(255, 255, 255, .1) inset;
	width: calc(33.3333333333% + 2.4rem);
	border-radius: 1rem;
	position: relative
}

.sec-friend-customer .friend-customer-img .item img {
	object-fit: fill
}

@media screen and (max-width:850px) {
	.sec-friend-customer .friend-customer-img .item {
		width: 30%
	}
}

@media screen and (max-width:550px) {
	.sec-friend-customer .friend-customer-img .item {
		width: 100%;
		display: flex;
		flex-direction: row-reverse;
		align-items: center;
		justify-content: space-around
	}

	.sec-friend-customer .friend-customer-img .item img {
		width: 50%
	}

	.sec-friend-customer .friend-customer-img .item picture {
		display: block;
		width: 50%
	}

	.sec-friend-customer .friend-customer-img .item picture img {
		width: 100%
	}
}

.sec-friend-customer .friend-customer-img .item .tdcor {
	position: absolute;
	text-align: center;
	font-family: Sriracha;
	font-weight: 400;
	line-height: 1.2;
	font-size: 2.4rem;
	font-weight: 400
}

@media screen and (max-width:1200px) {
	.sec-friend-customer .friend-customer-img .item .tdcor {
		font-size: 1.8rem
	}
}

@media screen and (max-width:850px) {
	.sec-friend-customer .friend-customer-img .item .tdcor {
		font-size: 1.4rem
	}
}

@media screen and (max-width:576px) {
	.sec-friend-customer .friend-customer-img .item .tdcor {
		font-size: 1.2rem;
		position: relative;
		width: 40%
	}
}

@media screen and (max-width:400px) {
	.sec-friend-customer .friend-customer-img .item .tdcor img {
		width: 50%
	}
}

.sec-friend-customer .friend-customer-img .item .tdcor .dcor {
	position: absolute
}

.sec-friend-customer .friend-customer-img .item .tdcor .dcor img {
	width: 100%
}

.sec-friend-customer .friend-customer-des {
	font-size: 4.8rem;
	color: #3a3a3a
}

@media only screen and (max-width:1200px) {
	.sec-friend-customer .friend-customer-des {
		font-size: 4.3rem
	}
}

@media only screen and (max-width:800px) {
	.sec-friend-customer .friend-customer-des {
		font-size: 3.2rem
	}
}

@media screen and (max-width:600px) {
	.sec-friend-customer .friend-customer-des {
		font-size: 2.8rem
	}
}

@media screen and (max-width:450px) {
	.sec-friend-customer .friend-customer-des {
		font-size: 2.2rem
	}
}

.sec-friend-customer .list:nth-child(1) .item:nth-child(1) {
	transform: translate(0, 0) rotate(-3deg)
}

.sec-friend-customer .list:nth-child(1) .item:nth-child(1) .tdcor {
	bottom: 100%;
	left: 0;
	transform: translate(-60%, -50%) rotate(-21.203deg)
}

@media screen and (max-width:550px) {
	.sec-friend-customer .list:nth-child(1) .item:nth-child(1) .tdcor {
		transform: translate(0, 0) rotate(-16deg)
	}
}

.sec-friend-customer .list:nth-child(1) .item:nth-child(1) .tdcor .dcor {
	bottom: 0;
	left: 50%;
	transform: translate(-50%, 80%) rotate(18deg);
	width: 40%
}

@media screen and (max-width:550px) {
	.sec-friend-customer .list:nth-child(1) .item:nth-child(1) .tdcor .dcor {
		transform: translate(-50%, 90%) rotate(18deg);
		width: 30%
	}
}

.sec-friend-customer .list:nth-child(1) .item:nth-child(2) {
	flex-direction: row;
	transform: translate(-6%, 31%) rotate(18.005deg)
}

@media screen and (max-width:550px) {
	.sec-friend-customer .list:nth-child(1) .item:nth-child(2) {
		transform: translate(0, 18%) rotate(3deg)
	}
}

.sec-friend-customer .list:nth-child(1) .item:nth-child(2) .tdcor {
	bottom: 100%;
	right: 0;
	transform: translate(-40%, -70%) rotate(-1.068deg)
}

@media screen and (max-width:550px) {
	.sec-friend-customer .list:nth-child(1) .item:nth-child(2) .tdcor {
		transform: translate(0, 0) rotate(-1.068deg)
	}
}

.sec-friend-customer .list:nth-child(1) .item:nth-child(2) .tdcor .dcor {
	top: 50%;
	left: 50%;
	transform: translate(-50%, -48%) rotate(-10deg);
	width: 150%
}

@media screen and (max-width:550px) {
	.sec-friend-customer .list:nth-child(1) .item:nth-child(2) .tdcor .dcor {
		width: 90%
	}
}

@media screen and (max-width:400px) {
	.sec-friend-customer .list:nth-child(1) .item:nth-child(2) .tdcor .dcor {
		width: 110%
	}
}

.sec-friend-customer .list:nth-child(2) {
	transform: translateX(-2%)
}

.sec-friend-customer .list:nth-child(2) .item:nth-child(1) {
	transform: translate(0, 0) rotate(1.632deg)
}

@media screen and (max-width:550px) {
	.sec-friend-customer .list:nth-child(2) .item:nth-child(1) {
		transform: translate(0, 34%) rotate(-3deg)
	}
}

.sec-friend-customer .list:nth-child(2) .item:nth-child(1) .tdcor {
	bottom: 100%;
	left: 0;
	transform: translate(-92%, 48%) rotate(-25deg)
}

@media screen and (max-width:550px) {
	.sec-friend-customer .list:nth-child(2) .item:nth-child(1) .tdcor {
		transform: translate(0, 0) rotate(-25deg)
	}
}

.sec-friend-customer .list:nth-child(2) .item:nth-child(1) .tdcor .dcor {
	top: 50%;
	left: 50%;
	transform: translate(-50%, -48%) rotate(20deg);
	width: 160%
}

@media screen and (max-width:550px) {
	.sec-friend-customer .list:nth-child(2) .item:nth-child(1) .tdcor .dcor {
		width: 90%
	}
}

@media screen and (max-width:400px) {
	.sec-friend-customer .list:nth-child(2) .item:nth-child(1) .tdcor .dcor {
		width: 110%
	}
}

.sec-friend-customer .list:nth-child(2) .item:nth-child(2) {
	flex-direction: row;
	transform: translate(-5%, 15%) rotate(-4.747deg)
}

@media screen and (max-width:550px) {
	.sec-friend-customer .list:nth-child(2) .item:nth-child(2) {
		transform: translate(0, 55%) rotate(3deg)
	}
}

.sec-friend-customer .list:nth-child(2) .item:nth-child(2) .tdcor {
	bottom: 50%;
	right: 0;
	transform: translate(110%, -30%) rotate(20deg)
}

@media screen and (max-width:550px) {
	.sec-friend-customer .list:nth-child(2) .item:nth-child(2) .tdcor {
		transform: translate(0, -20%) rotate(20deg)
	}
}

.sec-friend-customer .list:nth-child(2) .item:nth-child(2) .tdcor .dcor {
	top: 50%;
	left: 50%;
	transform: translate(-70%, 150%) rotate(-20deg);
	width: 50%
}

@media screen and (max-width:550px) {
	.sec-friend-customer .list:nth-child(2) .item:nth-child(2) .tdcor .dcor {
		top: 60%;
		width: 30%
	}
}

.sec-friend-customer .list:nth-child(3) .item:nth-child(1) {
	transform: translate(12%, -2%) rotate(14.093deg)
}

@media screen and (max-width:550px) {
	.sec-friend-customer .list:nth-child(3) .item:nth-child(1) {
		transform: translate(0, 72%) rotate(-3deg)
	}
}

.sec-friend-customer .list:nth-child(3) .item:nth-child(1) .tdcor {
	bottom: 0;
	left: 0;
	transform: translate(-100%, -50%) rotate(-30deg)
}

@media screen and (max-width:550px) {
	.sec-friend-customer .list:nth-child(3) .item:nth-child(1) .tdcor {
		transform: translate(0, 0) rotate(-30deg)
	}
}

.sec-friend-customer .list:nth-child(3) .item:nth-child(1) .tdcor .dcor {
	top: 50%;
	left: 50%;
	transform: translate(-24%, 130%) rotate(10deg);
	width: 33%
}

.sec-friend-customer .list:nth-child(3) .item:nth-child(2) {
	flex-direction: row;
	transform: translate(-8%, 50%) rotate(-6.421deg)
}

@media screen and (max-width:550px) {
	.sec-friend-customer .list:nth-child(3) .item:nth-child(2) {
		transform: translate(0, 90%) rotate(3deg)
	}
}

.sec-friend-customer .list:nth-child(3) .item:nth-child(2) .tdcor {
	top: 0;
	right: -50%;
	transform: translate(-10%, 70%) rotate(3deg)
}

@media screen and (max-width:550px) {
	.sec-friend-customer .list:nth-child(3) .item:nth-child(2) .tdcor {
		right: 0;
		transform: translate(0, 0) rotate(3deg)
	}
}

@media screen and (max-width:400px) {
	.sec-friend-customer .list:nth-child(3) .item:nth-child(2) .tdcor {
		transform: translate(0, 25%) rotate(3deg)
	}
}

.sec-friend-customer .list:nth-child(3) .item:nth-child(2) .tdcor .dcor {
	top: -50%;
	left: 0;
	transform: translate(-51%, 10%) rotate(0);
	width: 33%
}

@media screen and (max-width:550px) {
	.sec-friend-customer .list:nth-child(3) .item:nth-child(2) .tdcor .dcor {
		transform: translate(50%, 10%) rotate(0);
		width: 20%
	}
}

.sec-friend-customer .list:nth-child(4) {
	justify-content: space-evenly;
	transform: translateY(40%)
}

.sec-friend-customer .list:nth-child(4) .item:nth-child(1) {
	transform: translate(0, 0) rotate(-.405deg)
}

@media screen and (max-width:850px) {
	.sec-friend-customer .list:nth-child(4) .item:nth-child(1) {
		transform: translate(10%, 0) rotate(-.405deg)
	}
}

@media screen and (max-width:550px) {
	.sec-friend-customer .list:nth-child(4) .item:nth-child(1) {
		transform: translate(0, 26%) rotate(-3deg)
	}
}

.sec-friend-customer .list:nth-child(4) .item:nth-child(1) .tdcor {
	top: 0;
	left: 0;
	transform: translate(-30%, -110%) rotate(0)
}

@media screen and (max-width:550px) {
	.sec-friend-customer .list:nth-child(4) .item:nth-child(1) .tdcor {
		transform: translate(8%, 50%) rotate(0)
	}
}

.sec-friend-customer .list:nth-child(4) .item:nth-child(1) .tdcor .dcor {
	top: 0;
	left: 0;
	transform: translate(120%, 110%) rotate(0);
	width: 10%
}

@media screen and (max-width:550px) {
	.sec-friend-customer .list:nth-child(4) .item:nth-child(1) .tdcor .dcor {
		transform: translate(100%, -100%) rotate(0)
	}
}

.sec-friend-customer .list:nth-child(4) .item:nth-child(2) {
	flex-direction: row;
	transform: translate(-8%, 16%) rotate(6.899deg)
}

@media screen and (max-width:850px) {
	.sec-friend-customer .list:nth-child(4) .item:nth-child(2) {
		transform: translate(-16%, 16%) rotate(6.899deg)
	}
}

@media screen and (max-width:550px) {
	.sec-friend-customer .list:nth-child(4) .item:nth-child(2) {
		transform: translate(0, 45%) rotate(3deg)
	}
}

.sec-friend-customer .list:nth-child(4) .item:nth-child(2) .tdcor {
	top: 0;
	right: 0;
	transform: translate(70%, -110%) rotate(4deg)
}

@media screen and (max-width:550px) {
	.sec-friend-customer .list:nth-child(4) .item:nth-child(2) .tdcor {
		transform: translate(0, 0) rotate(4deg)
	}
}

@media screen and (max-width:400px) {
	.sec-friend-customer .list:nth-child(4) .item:nth-child(2) .tdcor {
		white-space: unset
	}
}

.sec-friend-customer .list:nth-child(4) .item:nth-child(2) .tdcor .dcor {
	bottom: 0;
	left: 0;
	transform: translate(122%, 112%) rotate(-10deg);
	width: 30%
}

.sec-friend-customer .list:nth-child(5) {
	justify-content: space-around;
	transform: translate(-3%, 30%)
}

.sec-friend-customer .list:nth-child(5) .item:nth-child(1) {
	transform: translate(0, 0) rotate(5.123deg)
}

@media screen and (max-width:550px) {
	.sec-friend-customer .list:nth-child(5) .item:nth-child(1) {
		transform: translate(0, 80%) rotate(-3deg)
	}
}

.sec-friend-customer .list:nth-child(5) .item:nth-child(1) .tdcor {
	bottom: -50%;
	left: 0;
	transform: translate(20%, -50%) rotate(-5deg)
}

@media screen and (max-width:550px) {
	.sec-friend-customer .list:nth-child(5) .item:nth-child(1) .tdcor {
		transform: translate(0, 50%) rotate(-5deg)
	}
}

.sec-friend-customer .list:nth-child(5) .item:nth-child(1) .tdcor .dcor {
	top: 0;
	left: 0;
	transform: translate(-100%, -50%) rotate(0);
	width: 13%
}

@media screen and (max-width:550px) {
	.sec-friend-customer .list:nth-child(5) .item:nth-child(1) .tdcor .dcor {
		top: -50%;
		left: 50%;
		transform: translate(0, -70%) rotate(0);
		width: 10%
	}
}

.sec-friend-customer .list:nth-child(5) .item:nth-child(2) {
	flex-direction: row;
	transform: translate(6%, 15%) rotate(-12.074deg)
}

@media screen and (max-width:550px) {
	.sec-friend-customer .list:nth-child(5) .item:nth-child(2) {
		transform: translate(0, 96%) rotate(3deg)
	}
}

.sec-friend-customer .list:nth-child(5) .item:nth-child(2) .tdcor {
	bottom: -50%;
	right: 0;
	transform: translate(0, 0) rotate(12deg)
}

@media screen and (max-width:550px) {
	.sec-friend-customer .list:nth-child(5) .item:nth-child(2) .tdcor {
		transform: translate(0, 50%) rotate(12deg)
	}
}

.sec-friend-customer .list:nth-child(5) .item:nth-child(2) .tdcor .dcor {
	top: 0;
	left: 50%;
	transform: translate(20%, -100%) rotate(0);
	width: 20%
}

@media screen and (max-width:550px) {
	.sec-friend-customer .list:nth-child(5) .item:nth-child(2) .tdcor .dcor {
		width: 14%
	}
}

.sec-friend-customer .list:nth-child(6) {
	transform: translate(-3%, 32%)
}

.sec-friend-customer .list:nth-child(6) .item:nth-child(1) {
	transform: translate(0, 0) rotate(5.333deg)
}

@media screen and (max-width:550px) {
	.sec-friend-customer .list:nth-child(6) .item:nth-child(1) {
		transform: translate(0, 140%) rotate(-3deg)
	}
}

.sec-friend-customer .list:nth-child(6) .item:nth-child(1) .tdcor {
	top: 0;
	left: 50%;
	transform: translate(-50%, -118%) rotate(-12deg)
}

@media screen and (max-width:550px) {
	.sec-friend-customer .list:nth-child(6) .item:nth-child(1) .tdcor {
		left: 0;
		transform: translate(0, 0) rotate(-12deg)
	}
}

.sec-friend-customer .list:nth-child(6) .item:nth-child(1) .tdcor .dcor {
	top: 50%;
	left: 50%;
	transform: translate(-50%, -40%) rotate(8deg);
	width: 140%
}

@media screen and (max-width:550px) {
	.sec-friend-customer .list:nth-child(6) .item:nth-child(1) .tdcor .dcor {
		width: 90%
	}
}

@media screen and (max-width:550px) {
	.sec-friend-customer .dcor-ani {
		display: none
	}
}

.sec-friend-customer .friend-customer-title {
	position: relative
}

.sec-friend-customer .friend-customer-title .dcor-ani .dcor {
	position: absolute
}

.sec-friend-customer .friend-customer-title .dcor-ani .dcor:nth-child(1) {
	top: -50%;
	left: -12%;
	transform: translate(0, -50%);
	width: 1.4%
}

@media screen and (max-width:1800px) {
	.sec-friend-customer .friend-customer-title .dcor-ani .dcor:nth-child(1) {
		left: 0
	}
}

.sec-friend-customer .friend-customer-title .dcor-ani .dcor:nth-child(2) {
	top: 50%;
	left: -12%;
	transform: translate(-36%, -70%);
	width: 20%
}

@media screen and (max-width:1800px) {
	.sec-friend-customer .friend-customer-title .dcor-ani .dcor:nth-child(2) {
		left: 0;
		transform: translate(-27%, -70%)
	}
}

@media screen and (max-width:1050px) {
	.sec-friend-customer .friend-customer-title .dcor-ani .dcor:nth-child(2) {
		top: -50%;
		left: 0;
		transform: translate(0, -50%)
	}
}

.sec-friend-customer .friend-customer-title .dcor-ani .dcor:nth-child(3) {
	top: -50%;
	right: 0;
	transform: translate(11%, -60%);
	width: 14%
}

.sec-friend-customer .friend-customer-title .dcor-ani .dcor:nth-child(4) {
	top: -50%;
	right: 16%;
	transform: translate(-15%, -20%);
	width: 1.6%
}

.sec-friend-customer .list:nth-child(1) .item:nth-child(2) .dcor-ani .dcor {
	position: absolute
}

.sec-friend-customer .list:nth-child(1) .item:nth-child(2) .dcor-ani .dcor:nth-child(1) {
	top: -50%;
	right: -50%;
	transform: translate(73%, -50%) rotate(-23.465deg);
	width: 50%
}

@media screen and (max-width:1368px) {
	.sec-friend-customer .list:nth-child(1) .item:nth-child(2) .dcor-ani .dcor:nth-child(1) {
		transform: translate(10%, -50%) rotate(-23.465deg)
	}
}

@media screen and (max-width:1200px) {
	.sec-friend-customer .list:nth-child(1) .item:nth-child(2) .dcor-ani .dcor:nth-child(1) {
		right: 0;
		transform: translate(67%, -50%) rotate(-23.465deg)
	}
}

@media screen and (max-width:500px) {
	.sec-friend-customer .list:nth-child(1) .item:nth-child(2) .dcor-ani .dcor:nth-child(1) {
		transform: translate(30%, -100%) rotate(-23.465deg)
	}
}

.sec-friend-customer .list:nth-child(1) .item:nth-child(2) .dcor-ani .dcor:nth-child(2) {
	top: 20%;
	right: -20%;
	transform: translate(50%, 50%);
	width: 4%
}

@media screen and (max-width:800px) {
	.sec-friend-customer .list:nth-child(1) .item:nth-child(2) .dcor-ani .dcor:nth-child(2) {
		top: 0
	}
}

.sec-friend-customer .list:nth-child(2) .item:nth-child(1) .dcor-ani .dcor {
	position: absolute;
	top: unset;
	left: -50%;
	transform: translate(0, 20%) rotate(0);
	bottom: 0;
	width: 60%
}

.sec-friend-customer .list:nth-child(2) .item:nth-child(2) .dcor-ani .dcor {
	position: absolute;
	bottom: 0;
	right: -50%;
	transform: translate(50%, 50%);
	left: unset;
	top: unset;
	width: 8%
}

.sec-friend-customer .list:nth-child(3) {
	position: relative
}

.sec-friend-customer .list:nth-child(3) .dcor-ani .dcor {
	position: absolute;
	left: 10%;
	top: 50%;
	transform: translate(50%, 20%);
	z-index: 1;
	width: 27%
}

@media screen and (max-width:850px) {
	.sec-friend-customer .list:nth-child(3) .dcor-ani .dcor {
		left: 20%;
		width: 20%
	}
}

.sec-friend-customer .list:nth-child(4) {
	position: relative
}

.sec-friend-customer .list:nth-child(4) .item:nth-child(1) .dcor-ani .dcor {
	position: absolute;
	left: -20%;
	top: 50%;
	transform: translate(50%, 20%);
	z-index: 1;
	width: 4%
}

.sec-friend-customer .list:nth-child(4) .item:nth-child(2) .dcor-ani .dcor {
	position: absolute;
	left: 0;
	top: unset;
	transform: translate(-50%, 50%);
	z-index: 1;
	width: 10%;
	bottom: 0
}

.sec-friend-customer .list:nth-child(5) {
	position: relative
}

.sec-friend-customer .list:nth-child(5) .item:nth-child(2) .dcor-ani .dcor {
	position: absolute;
	right: 0;
	top: 0;
	transform: translate(60%, 26%) rotate(33.483deg);
	z-index: 12;
	width: 65%
}

.sec-friend-customer .friend-customer-des {
	margin-top: 20rem;
	position: relative;
	z-index: 3
}

@media screen and (max-width:900px) {
	.sec-friend-customer .friend-customer-des {
		margin-top: 10rem
	}
}

@media screen and (max-width:550px) {
	.sec-friend-customer .friend-customer-des {
		margin-top: 70%
	}
}

.sec-friend-customer .friend-customer-des .dcor-ani {
	position: relative;
	z-index: -1
}

.sec-friend-customer .friend-customer-des .dcor-ani .dcor {
	position: absolute
}

.sec-friend-customer .friend-customer-des .dcor-ani .dcor:nth-child(1) {
	top: -50%;
	left: -8%;
	transform: translate(0, -50%);
	width: 30%
}

@media screen and (max-width:1200px) {
	.sec-friend-customer .friend-customer-des .dcor-ani .dcor:nth-child(1) {
		left: -3%;
		transform: translate(0, -78%)
	}
}

.sec-friend-customer .friend-customer-des .dcor-ani .dcor:nth-child(2) {
	top: 0;
	left: 0;
	transform: translate(0, -150%);
	width: 1.6%
}

@media screen and (max-width:1800px) {
	.sec-friend-customer .friend-customer-des .dcor-ani .dcor:nth-child(2) {
		transform: translate(0, -100%)
	}
}

@media screen and (max-width:1200px) {
	.sec-friend-customer .friend-customer-des .dcor-ani .dcor:nth-child(2) {
		top: unset;
		bottom: 0;
		transform: translate(100%, -150%)
	}
}

.sec-friend-customer .friend-customer-des .dcor-ani .dcor:nth-child(3) {
	bottom: 0;
	right: 0;
	transform: translate(30%, 50%);
	width: 25%
}

@media screen and (max-width:1000px) {
	.sec-friend-customer .friend-customer-des .dcor-ani .dcor:nth-child(3) {
		transform: translate(30%, 10%)
	}
}

.sec-friend-customer .friend-customer-des .dcor-ani .dcor:nth-child(4) {
	top: 0;
	right: 12%;
	transform: translate(-15%, -300%);
	width: 1.4%
}

.sec-friend-customer .friend-customer-des .dcor-ani .dcor:nth-child(5) {
	top: 0;
	right: 25%;
	transform: translate(0, -350%);
	width: 3%
}

.sec-friend-customer .ani5 {
	top: -50%;
	right: -50%;
	transform: translate(73%, -50%) rotate(-23.465deg);
	width: 50%
}

@media screen and (max-width:1368px) {
	.sec-friend-customer .ani5 {
		transform: translate(10%, -50%) rotate(-23.465deg)
	}
}

@media screen and (max-width:1200px) {
	.sec-friend-customer .ani5 {
		right: 0;
		transform: translate(67%, -50%) rotate(-23.465deg)
	}
}

@media screen and (max-width:500px) {
	.sec-friend-customer .ani5 {
		transform: translate(30%, -100%) rotate(-23.465deg)
	}
}

.sec-friend-customer .ani6 {
	top: 20%;
	right: -20%;
	transform: translate(50%, 50%);
	width: 4%
}

@media screen and (max-width:800px) {
	.sec-friend-customer .ani6 {
		top: 0
	}
}

.sec-glcustomers {
	position: relative;
	overflow: hidden;
	margin-top: -25rem
}

@media screen and (max-width:550px) {
	.sec-glcustomers {
		margin-top: 0
	}
}

.sec-glcustomers .gallery {
	margin-top: -.2rem;
	background: linear-gradient(0deg, #744dd9 2.15%, #7c0fd1 94.98%);
	padding: 5.6rem 0 71.3rem
}

@media screen and (max-width:1200px) {
	.sec-glcustomers .gallery {
		padding-bottom: 40rem
	}
}

@media screen and (max-width:800px) {
	.sec-glcustomers .gallery {
		padding-bottom: 26rem
	}
}

@media screen and (max-width:500px) {
	.sec-glcustomers .gallery {
		padding-bottom: 18rem
	}
}

.sec-glcustomers .mask {
	position: relative;
	z-index: 2;
	height: 20rem;
	background: #7c0fd1;
	-webkit-mask-image: url("https://bakvitech.com/wp-content/themes/flatsome-child-bakvitech/template/assets/images/home/mask-gallery.png");
	mask-image: url("https://bakvitech.com/wp-content/themes/flatsome-child-bakvitech/template/assets/images/home/mask-gallery.png");
	-webkit-mask-size: 100% 100%;
	mask-size: 100% 100%;
	-webkit-mask-repeat: no-repeat;
	mask-repeat: no-repeat;
	-webkit-mask-position: center;
	mask-position: center;
	overflow: hidden
}

@media screen and (max-width:1200px) {
	.sec-glcustomers .mask {
		height: 10rem
	}
}

@media screen and (max-width:550px) {
	.sec-glcustomers .mask {
		height: 4rem
	}
}

.sec-glcustomers .glcustomers-top {
	margin: 0 auto;
	width: 66.6666666667%;
	max-width: 84rem;
	transition: .5s ease-in-out;
	margin-bottom: 10rem
}

@media screen and (max-width:600px) {
	.sec-glcustomers .glcustomers-top {
		width: 100%
	}
}

.sec-glcustomers .glcustomers-top-title {
	position: relative;
	margin-bottom: 2rem
}

.sec-glcustomers .glcustomers-top-title .txt {
	display: block;
	color: #fff;
	font-size: 3.2rem;
	font-weight: 600;
	line-height: 1.3
}

@media only screen and (max-width:1200px) {
	.sec-glcustomers .glcustomers-top-title .txt {
		font-size: 2.7rem
	}
}

@media only screen and (max-width:800px) {
	.sec-glcustomers .glcustomers-top-title .txt {
		font-size: 2.2rem
	}
}

.sec-glcustomers .glcustomers-top-title .txt.pink {
	width: fit-content;
	padding: .4rem 1.6rem;
	position: relative;
	border-radius: .8rem;
	background: #f41e92;
	margin-bottom: .8rem
}

.sec-glcustomers .glcustomers-top-title .txt.pink sup {
	margin-left: -.6rem
}

.sec-glcustomers .glcustomers-number {
	position: relative;
	width: 100%;
	margin: 0 auto
}

.sec-glcustomers .glcustomers-number .number-title {
	position: absolute;
	top: 50%;
	right: 0;
	color: #fff;
	font-size: 4rem;
	font-weight: 700;
	line-height: 1.3;
	transform: translateY(-50%)
}

@media only screen and (max-width:1200px) {
	.sec-glcustomers .glcustomers-number .number-title {
		font-size: 3.5rem
	}
}

@media only screen and (max-width:800px) {
	.sec-glcustomers .glcustomers-number .number-title {
		font-size: 3rem
	}
}

@media screen and (max-width:1200px) {
	.sec-glcustomers .glcustomers-number .number-title {
		font-size: 3.1rem
	}
}

@media screen and (max-width:400px) {
	.sec-glcustomers .glcustomers-number .number-title {
		font-size: 1.65rem
	}
}

.sec-glcustomers .glcustomers-number .number-icon-01 {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: auto;
	max-width: 74rem
}

@media screen and (max-width:767px) {
	.sec-glcustomers .glcustomers-number .number-icon-01 {
		display: none
	}
}

.sec-glcustomers .glcustomers-number .number-icon-01 img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: contain
}

.sec-glcustomers .glcustomers-inner {
	display: flex;
	flex-wrap: wrap
}

.sec-glcustomers .glcustomers-inner.style-pri-active {
	position: relative
}

.sec-glcustomers .glcustomers-inner.style-pri-active .txt-quote {
	max-width: max-content;
	position: absolute;
	top: 0;
	right: 0;
	transform: translate(-30%, -50%) rotate(7deg);
	text-align: center
}

@media screen and (max-width:1000px) {
	.sec-glcustomers .glcustomers-inner.style-pri-active .txt-quote {
		transform: translate(-20%, -40%) rotate(7deg)
	}
}

@media screen and (max-width:650px) {
	.sec-glcustomers .glcustomers-inner.style-pri-active .txt-quote {
		width: 100%;
		left: 50%;
		transform: translate(-50%, -80%) rotate(0)
	}
}

@media screen and (max-width:550px) {
	.sec-glcustomers .glcustomers-inner.style-pri-active .txt-quote {
		position: relative;
		top: unset;
		left: unset;
		right: unset;
		bottom: unset;
		transform: unset;
		margin-left: auto;
		margin-right: auto
	}
}

.sec-glcustomers .glcustomers-inner.style-pri-active .txt-quote .item {
	width: 100%;
	max-width: max-content;
	position: relative
}

.sec-glcustomers .glcustomers-inner.style-pri-active .txt-quote .item .glcustomers-inner-title {
	color: #fff;
	font-size: 3.2rem;
	font-weight: 600;
	line-height: 1.3;
	position: relative
}

@media only screen and (max-width:1200px) {
	.sec-glcustomers .glcustomers-inner.style-pri-active .txt-quote .item .glcustomers-inner-title {
		font-size: 2.7rem
	}
}

@media only screen and (max-width:800px) {
	.sec-glcustomers .glcustomers-inner.style-pri-active .txt-quote .item .glcustomers-inner-title {
		font-size: 2.2rem
	}
}

@media screen and (max-width:800px) {
	.sec-glcustomers .glcustomers-inner.style-pri-active .txt-quote .item .glcustomers-inner-title {
		font-size: 2.4rem
	}
}

@media screen and (max-width:500px) {
	.sec-glcustomers .glcustomers-inner.style-pri-active .txt-quote .item .glcustomers-inner-title {
		font-size: 1.8rem
	}
}

.sec-glcustomers .glcustomers-inner.style-pri-active .txt-quote .item .glcustomers-inner-title .txt {
	padding: .4rem 1.6rem;
	border-radius: .8rem;
	background: #1ec0f2
}

.sec-glcustomers .glcustomers-inner.style-pri-active .txt-quote .item .icon {
	position: absolute;
	left: -24%;
	width: 20%;
	top: 50%
}

@media screen and (max-width:850px) {
	.sec-glcustomers .glcustomers-inner.style-pri-active .txt-quote .item .icon {
		left: 6%;
		top: unset;
		bottom: -80%
	}
}

@media screen and (max-width:650px) {
	.sec-glcustomers .glcustomers-inner.style-pri-active .txt-quote .item .icon {
		display: none
	}
}

.sec-glcustomers .glcustomers-inner.style-pri {
	position: relative
}

@media screen and (max-width:550px) {
	.sec-glcustomers .glcustomers-inner.style-pri {
		margin-top: 3.2rem
	}
}

.sec-glcustomers .glcustomers-inner.style-pri .txt-quote {
	max-width: max-content;
	position: absolute;
	top: 0;
	left: 0;
	transform: translate(0, -100%) rotate(7deg);
	text-align: center
}

@media screen and (max-width:1050px) {
	.sec-glcustomers .glcustomers-inner.style-pri .txt-quote {
		transform: translate(0, 50%) rotate(-5deg)
	}
}

@media screen and (max-width:900px) {
	.sec-glcustomers .glcustomers-inner.style-pri .txt-quote {
		transform: translate(26%, 50%) rotate(-5deg)
	}
}

@media screen and (max-width:650px) {
	.sec-glcustomers .glcustomers-inner.style-pri .txt-quote {
		width: 100%;
		left: 50%;
		transform: translate(-50%, 100%) rotate(0)
	}
}

@media screen and (max-width:550px) {
	.sec-glcustomers .glcustomers-inner.style-pri .txt-quote {
		position: relative;
		top: unset;
		left: unset;
		right: unset;
		bottom: unset;
		transform: unset;
		margin-left: auto;
		margin-right: auto
	}
}

.sec-glcustomers .glcustomers-inner.style-pri .txt-quote .item {
	width: 100%;
	max-width: max-content;
	position: relative
}

.sec-glcustomers .glcustomers-inner.style-pri .txt-quote .item .glcustomers-inner-title {
	color: #fff;
	font-size: 4.8rem;
	font-weight: 400;
	line-height: 1;
	position: relative;
	font-family: "SVN-Just Saying", sans-serif
}

@media only screen and (max-width:1200px) {
	.sec-glcustomers .glcustomers-inner.style-pri .txt-quote .item .glcustomers-inner-title {
		font-size: 4.3rem
	}
}

@media only screen and (max-width:800px) {
	.sec-glcustomers .glcustomers-inner.style-pri .txt-quote .item .glcustomers-inner-title {
		font-size: 3.2rem
	}
}

.sec-glcustomers .glcustomers-inner.style-pri .txt-quote .item .icon {
	position: absolute;
	right: 60%;
	width: 10%;
	top: 130%
}

@media screen and (max-width:900px) {
	.sec-glcustomers .glcustomers-inner.style-pri .txt-quote .item .icon {
		right: unset;
		left: -22%;
		top: 80%
	}
}

@media screen and (max-width:650px) {
	.sec-glcustomers .glcustomers-inner.style-pri .txt-quote .item .icon {
		display: none
	}
}

.sec-glcustomers .glcustomers-inner.style-second {
	position: relative;
	z-index: 2
}

@media screen and (max-width:550px) {
	.sec-glcustomers .glcustomers-inner.style-second {
		margin-top: 3.2rem
	}
}

.sec-glcustomers .glcustomers-inner.style-second .txt-quote {
	max-width: max-content;
	position: absolute;
	top: 0;
	right: 4%;
	transform: translate(0, -180%) rotate(-16deg);
	text-align: center
}

@media screen and (max-width:1200px) {
	.sec-glcustomers .glcustomers-inner.style-second .txt-quote {
		transform: translate(-2rem, 4rem) rotate(-8deg)
	}
}

@media screen and (max-width:650px) {
	.sec-glcustomers .glcustomers-inner.style-second .txt-quote {
		width: 100%;
		left: 50%;
		transform: translate(-50%, 70%) rotate(0)
	}
}

@media screen and (max-width:550px) {
	.sec-glcustomers .glcustomers-inner.style-second .txt-quote {
		position: relative;
		top: unset;
		left: unset;
		right: unset;
		bottom: unset;
		transform: unset;
		margin-left: auto;
		margin-right: auto
	}
}

.sec-glcustomers .glcustomers-inner.style-second .txt-quote .item {
	width: 100%;
	max-width: max-content;
	position: relative
}

.sec-glcustomers .glcustomers-inner.style-second .txt-quote .item .glcustomers-inner-title {
	color: #fff;
	font-size: 4.8rem;
	font-weight: 400;
	line-height: 1;
	position: relative;
	font-family: "SVN-Just Saying", sans-serif
}

@media only screen and (max-width:1200px) {
	.sec-glcustomers .glcustomers-inner.style-second .txt-quote .item .glcustomers-inner-title {
		font-size: 4.3rem
	}
}

@media only screen and (max-width:800px) {
	.sec-glcustomers .glcustomers-inner.style-second .txt-quote .item .glcustomers-inner-title {
		font-size: 3.2rem
	}
}

.sec-glcustomers .glcustomers-inner.style-second .txt-quote .item .icon {
	position: absolute;
	right: 40%;
	width: 10%;
	top: 120%
}

.sec-glcustomers .glcustomers-inner.style-second .blur {
	position: absolute;
	bottom: 57%;
	right: -18%;
	z-index: 0;
	display: none
}

.sec-glcustomers .glcustomers-item {
	cursor: pointer;
	border: .4rem solid #fff;
	border-radius: .8rem;
	overflow: hidden;
	position: relative;
	display: block
}

@media screen and (max-width:550px) {
	.sec-glcustomers .glcustomers-item {
		border-width: .2rem
	}
}

.sec-glcustomers .glcustomers-item:hover::before {
	opacity: 1;
	width: 100%;
	visibility: visible
}

.sec-glcustomers .glcustomers-item::before {
	z-index: 1;
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	background-color: rgba(0, 0, 0, .4039215686);
	transition: all .3s ease-in-out;
	width: 50%;
	opacity: 0;
	visibility: hidden
}

.sec-glcustomers .glcustomers-item img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover
}

.sec-glcustomers .glcustomers-item:nth-child(1) {
	grid-column: 1/3;
	grid-row: 1/3
}

.sec-glcustomers .glcustomers-item:nth-child(2) {
	grid-column: 1/3;
	grid-row: 4/8
}

.sec-glcustomers .glcustomers-item:nth-child(3) {
	grid-column: 2/3;
	grid-row: 9/12
}

.sec-glcustomers .glcustomers-item:nth-child(4) {
	grid-column: 4/6;
	grid-row: 2/6
}

.sec-glcustomers .glcustomers-item:nth-child(5) {
	grid-column: 4/6;
	grid-row: 7/12
}

.sec-glcustomers .glcustomers-item:nth-child(6) {
	grid-column: 5/6;
	grid-row: 13/14
}

.sec-glcustomers .glcustomers-item:nth-child(7) {
	grid-column: 7/8;
	grid-row: 5/10
}

.sec-glcustomers .glcustomers-item:nth-child(8) {
	grid-column: 7/9;
	grid-row: 11/15
}

.sec-glcustomers .glcustomers-list-01 {
	width: 58.3333333333%;
	position: relative;
	margin-top: -10rem;
	display: grid;
	grid-template-columns: 6.3rem 15.3rem 2.4rem 5rem 16.8rem 2.4rem 16.8rem 16.8rem;
	grid-template-rows: 8rem 8.2rem 2.4rem 7rem 3rem 2.4rem 3rem 2.4rem 6.2rem 2.4rem 4rem 2.4rem 13.2rem 8rem
}

@media screen and (max-width:1200px) {
	.sec-glcustomers .glcustomers-list-01 {
		width: 100%
	}
}

@media screen and (max-width:900px) {
	.sec-glcustomers .glcustomers-list-01 {
		grid-template-columns: 1.3rem 14.3rem 1.4rem 5rem 15.8rem 1.4rem 15.8rem 15.8rem;
		grid-template-rows: 7rem 6.2rem 1.4rem 6rem 2rem 1.4rem 2rem 1.4rem 5.2rem 1.4rem 3rem 1.4rem 12.2rem 7rem
	}
}

@media screen and (max-width:750px) {
	.sec-glcustomers .glcustomers-list-01 {
		grid-template-columns: 1.3rem 12.3rem 1.4rem 3rem 13.8rem 1.4rem 13.8rem 13.8rem;
		grid-template-rows: 7rem 6.2rem 1.4rem 6rem 2rem 1.4rem 2rem 1.4rem 5.2rem 1.4rem 3rem 1.4rem 12.2rem 7rem
	}
}

@media screen and (max-width:650px) {
	.sec-glcustomers .glcustomers-list-01 {
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		gap: 1rem;
		margin-top: 3rem
	}

	.sec-glcustomers .glcustomers-list-01 .glcustomers-item {
		position: relative;
		z-index: 3;
		width: 30%
	}
}

.sec-glcustomers .glcustomers-list-01::before {
	content: "";
	z-index: -1;
	position: absolute;
	top: 15%;
	left: 0;
	width: 100%;
	height: 100%;
	max-width: 69rem;
	background-image: url("https://bakvitech.com/template/assets/images/home/br-list.png");
	background-repeat: no-repeat
}

.sec-glcustomers .glcustomers-list-02 {
	padding-left: 1.2rem;
	width: 41.6666666667%;
	position: relative;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin-top: 6rem
}

@media screen and (max-width:1200px) {
	.sec-glcustomers .glcustomers-list-02 {
		width: 100%;
		margin-top: 2rem;
		justify-content: space-evenly
	}
}

@media screen and (max-width:550px) {
	.sec-glcustomers .glcustomers-list-02 {
		margin-top: 1rem;
		gap: 1rem;
		justify-content: center;
		padding-left: 0
	}
}

.sec-glcustomers .glcustomers-list-02 .glcustomers-item {
	position: relative;
	z-index: 3
}

.sec-glcustomers .glcustomers-list-02 .glcustomers-item:nth-child(1) {
	width: 100%;
	max-width: 49.5rem;
	transform: translate(-2.5rem, 2.5rem) rotate(9deg)
}

@media screen and (max-width:1200px) {
	.sec-glcustomers .glcustomers-list-02 .glcustomers-item:nth-child(1) {
		transform: translate(0) rotate(9deg)
	}
}

@media screen and (max-width:550px) {
	.sec-glcustomers .glcustomers-list-02 .glcustomers-item:nth-child(1) {
		max-width: 80%
	}
}

@media screen and (max-width:550px) {
	.sec-glcustomers .glcustomers-list-02 .glcustomers-item:nth-child(1) {
		position: relative;
		top: unset;
		left: unset;
		bottom: unset;
		right: unset;
		transform: unset
	}
}

.sec-glcustomers .glcustomers-list-02 .glcustomers-item:nth-child(2) {
	width: calc(65% - 1.2rem)
}

@media screen and (max-width:1200px) {
	.sec-glcustomers .glcustomers-list-02 .glcustomers-item:nth-child(2) {
		max-width: 50%
	}
}

@media screen and (max-width:550px) {
	.sec-glcustomers .glcustomers-list-02 .glcustomers-item:nth-child(2) {
		position: relative;
		top: unset;
		left: unset;
		bottom: unset;
		right: unset;
		transform: unset
	}
}

.sec-glcustomers .glcustomers-list-02 .glcustomers-item:nth-child(3) {
	width: calc(35% - 1.2rem)
}

@media screen and (max-width:1200px) {
	.sec-glcustomers .glcustomers-list-02 .glcustomers-item:nth-child(3) {
		max-width: 50%
	}
}

@media screen and (max-width:550px) {
	.sec-glcustomers .glcustomers-list-02 .glcustomers-item:nth-child(3) {
		position: relative;
		top: unset;
		left: unset;
		bottom: unset;
		right: unset;
		transform: unset
	}
}

.sec-glcustomers .glcustomers-list-02 .glcustomers-item img {
	display: block;
	object-fit: cover;
	width: 100%;
	height: 100%
}

.sec-glcustomers .glcustomers-list-03 {
	width: 50%;
	position: relative;
	height: 43.4027777778vw;
	min-height: 78rem;
	margin-top: 8rem
}

@media screen and (max-width:1200px) {
	.sec-glcustomers .glcustomers-list-03 {
		width: 100%;
		height: 80rem;
		max-width: 70rem;
		margin: 0 auto
	}
}

@media screen and (max-width:1050px) {
	.sec-glcustomers .glcustomers-list-03 {
		margin-top: 15rem
	}
}

@media screen and (max-width:550px) {
	.sec-glcustomers .glcustomers-list-03 {
		display: flex;
		gap: 1rem;
		flex-wrap: wrap;
		min-height: unset;
		height: 100%;
		max-width: 100%;
		margin-top: 2.4rem;
		justify-content: center
	}
}

.sec-glcustomers .glcustomers-list-03 .glcustomers-inner-title {
	position: absolute;
	color: var(--text-white, #fff);
	text-align: center;
	font-size: 3.2rem;
	font-weight: 600;
	line-height: 1.3
}

@media only screen and (max-width:1200px) {
	.sec-glcustomers .glcustomers-list-03 .glcustomers-inner-title {
		font-size: 2.7rem
	}
}

@media only screen and (max-width:800px) {
	.sec-glcustomers .glcustomers-list-03 .glcustomers-inner-title {
		font-size: 2.2rem
	}
}

.sec-glcustomers .glcustomers-list-03 .glcustomers-item {
	z-index: 3
}

.sec-glcustomers .glcustomers-list-03 .glcustomers-item:nth-child(1) {
	position: relative;
	z-index: 2;
	transform: translateX(4rem) rotate(-15deg);
	width: 100%;
	max-width: 48rem;
	height: 100%;
	max-height: 37rem
}

.sec-glcustomers .glcustomers-list-03 .glcustomers-item:nth-child(1) img {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 100%;
	height: 100%;
	object-fit: cover
}

@media screen and (max-width:550px) {
	.sec-glcustomers .glcustomers-list-03 .glcustomers-item:nth-child(1) img {
		position: relative;
		top: unset;
		left: unset;
		right: unset;
		bottom: unset;
		transform: unset;
		width: 100%;
		max-width: 100%;
		max-height: 100%;
		height: auto
	}
}

@media screen and (max-width:950px) {
	.sec-glcustomers .glcustomers-list-03 .glcustomers-item:nth-child(1) {
		max-width: 40%;
		transform: translateX(4rem) rotate(0)
	}
}

@media screen and (max-width:767px) {
	.sec-glcustomers .glcustomers-list-03 .glcustomers-item:nth-child(1) {
		max-width: 60%;
		transform: translate(0)
	}
}

@media screen and (max-width:550px) {
	.sec-glcustomers .glcustomers-list-03 .glcustomers-item:nth-child(1) {
		position: relative;
		top: unset;
		left: unset;
		bottom: unset;
		right: unset;
		transform: unset;
		width: 100%;
		max-width: calc(50% - 1rem);
		max-height: 100%;
		height: 100%
	}
}

.sec-glcustomers .glcustomers-list-03 .glcustomers-item:nth-child(2) {
	display: none;
	position: absolute;
	z-index: 2;
	top: 27%;
	left: 50%;
	transform: translateX(-70%);
	width: 100%;
	max-width: 16.8rem;
	height: 12.6rem
}

@media screen and (max-width:950px) {
	.sec-glcustomers .glcustomers-list-03 .glcustomers-item:nth-child(2) {
		top: 0;
		transform: translateX(0)
	}
}

@media screen and (max-width:400px) {
	.sec-glcustomers .glcustomers-list-03 .glcustomers-item:nth-child(2) {
		max-width: 10.8rem
	}
}

@media screen and (max-width:550px) {
	.sec-glcustomers .glcustomers-list-03 .glcustomers-item:nth-child(2) {
		position: relative;
		top: unset;
		left: unset;
		bottom: unset;
		right: unset;
		transform: unset;
		width: 100%;
		max-width: calc(50% - 1rem);
		max-height: 100%;
		height: 100%
	}
}

.sec-glcustomers .glcustomers-list-03 .glcustomers-item:nth-child(2) img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover
}

.sec-glcustomers .glcustomers-list-03 .glcustomers-item:nth-child(3) {
	z-index: 2;
	top: 21%;
	position: absolute;
	right: 0;
	width: 100%;
	max-width: 33.6rem;
	height: 100%;
	max-height: 43.7rem;
	transform: translateX(30%)
}

@media screen and (max-width:950px) {
	.sec-glcustomers .glcustomers-list-03 .glcustomers-item:nth-child(3) {
		transform: translateX(0);
		max-width: 30%;
		max-height: 40%
	}
}

@media screen and (max-width:500px) {
	.sec-glcustomers .glcustomers-list-03 .glcustomers-item:nth-child(3) {
		max-height: 11%;
		top: 23%
	}
}

@media screen and (max-width:550px) {
	.sec-glcustomers .glcustomers-list-03 .glcustomers-item:nth-child(3) {
		position: relative;
		top: unset;
		left: unset;
		bottom: unset;
		right: unset;
		transform: unset;
		width: 100%;
		max-width: calc(50% - 1rem);
		max-height: 100%;
		height: 100%
	}
}

.sec-glcustomers .glcustomers-list-03 .glcustomers-item:nth-child(3) img {
	object-fit: cover;
	display: block;
	width: 100%;
	height: 100%
}

.sec-glcustomers .glcustomers-list-03 .glcustomers-item:nth-child(4) {
	z-index: 2;
	top: 42%;
	position: absolute;
	left: -4%;
	width: 100%;
	max-width: 21.6rem;
	height: 100%;
	max-height: 18rem
}

@media screen and (max-width:950px) {
	.sec-glcustomers .glcustomers-list-03 .glcustomers-item:nth-child(4) {
		left: 30%
	}
}

@media screen and (max-width:767px) {
	.sec-glcustomers .glcustomers-list-03 .glcustomers-item:nth-child(4) {
		left: 10%
	}
}

@media screen and (max-width:550px) {
	.sec-glcustomers .glcustomers-list-03 .glcustomers-item:nth-child(4) {
		position: relative;
		top: unset;
		left: unset;
		bottom: unset;
		right: unset;
		transform: unset;
		width: 100%;
		max-width: calc(50% - 1rem);
		max-height: 100%;
		height: 100%
	}
}

.sec-glcustomers .glcustomers-list-03 .glcustomers-item:nth-child(4) img {
	object-fit: cover;
	display: block;
	width: 100%;
	height: 100%
}

.sec-glcustomers .glcustomers-list-03 .glcustomers-item:nth-child(5) {
	z-index: 2;
	bottom: 0;
	position: absolute;
	left: -4%;
	width: 100%;
	max-width: 21.6rem;
	height: 100%;
	max-height: 28rem
}

.sec-glcustomers .glcustomers-list-03 .glcustomers-item:nth-child(5) img {
	object-fit: cover;
	display: block;
	width: 100%;
	height: 100%
}

@media screen and (max-width:550px) {
	.sec-glcustomers .glcustomers-list-03 .glcustomers-item:nth-child(5) {
		position: relative;
		top: unset;
		left: unset;
		bottom: unset;
		right: unset;
		transform: unset;
		width: 100%;
		max-width: calc(50% - 1rem);
		max-height: 100%;
		height: 100%
	}
}

.sec-glcustomers .glcustomers-list-03 .glcustomers-item:nth-child(6) {
	z-index: 2;
	bottom: 0;
	position: absolute;
	left: 31%;
	width: 100%;
	max-width: 33.6rem;
	height: 100%;
	max-height: 43.7rem
}

@media screen and (max-width:950px) {
	.sec-glcustomers .glcustomers-list-03 .glcustomers-item:nth-child(6) {
		transform: translateX(0);
		max-width: 30%;
		max-height: 40%;
		right: 20%;
		left: auto
	}
}

@media screen and (max-width:700px) {
	.sec-glcustomers .glcustomers-list-03 .glcustomers-item:nth-child(6) {
		right: 0
	}
}

@media screen and (max-width:550px) {
	.sec-glcustomers .glcustomers-list-03 .glcustomers-item:nth-child(6) {
		position: relative;
		top: unset;
		left: unset;
		bottom: unset;
		right: unset;
		transform: unset;
		width: 100%;
		max-width: calc(50% - 1rem);
		max-height: 100%;
		height: 100%
	}
}

.sec-glcustomers .glcustomers-list-03 .glcustomers-item:nth-child(6) img {
	object-fit: cover;
	display: block;
	width: 100%;
	height: 100%
}

.sec-glcustomers .glcustomers-list-04 {
	margin-top: 3rem;
	width: 50%;
	position: relative;
	z-index: 1
}

@media screen and (max-width:1200px) {
	.sec-glcustomers .glcustomers-list-04 {
		width: 100%;
		flex-wrap: wrap;
		display: flex;
		justify-content: space-evenly;
		gap: 1rem
	}
}

@media screen and (max-width:550px) {
	.sec-glcustomers .glcustomers-list-04 {
		margin-top: 1rem;
		justify-content: center
	}
}

.sec-glcustomers .glcustomers-list-04::before {
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-image: url("https://bakvitech.com/template/assets/images/home/br-list-02.png");
	background-repeat: no-repeat;
	background-size: contain
}

.sec-glcustomers .glcustomers-list-04 .glcustomers-item {
	width: 33.3333333333%;
	position: absolute
}

@media screen and (max-width:1200px) {
	.sec-glcustomers .glcustomers-list-04 .glcustomers-item {
		position: static;
		width: 30% !important
	}
}

@media screen and (max-width:550px) {
	.sec-glcustomers .glcustomers-list-04 .glcustomers-item {
		width: calc(50% - 1rem) !important
	}
}

@media screen and (max-width:1200px) {
	.sec-glcustomers .glcustomers-list-04 .glcustomers-item:nth-child(odd) {
		transform: translateY(30%)
	}
}

.sec-glcustomers .glcustomers-list-04 .glcustomers-item:nth-child(1) {
	top: 0;
	left: 0
}

@media screen and (max-width:550px) {
	.sec-glcustomers .glcustomers-list-04 .glcustomers-item:nth-child(1) {
		position: relative;
		top: unset;
		left: unset;
		bottom: unset;
		right: unset;
		transform: unset;
		width: 100%;
		max-width: calc(50% - 1rem);
		max-height: 100%;
		height: auto
	}
}

.sec-glcustomers .glcustomers-list-04 .glcustomers-item:nth-child(2) {
	top: 0;
	left: 36%;
	width: 25%
}

@media screen and (max-width:550px) {
	.sec-glcustomers .glcustomers-list-04 .glcustomers-item:nth-child(2) {
		position: relative;
		top: unset;
		left: unset;
		bottom: unset;
		right: unset;
		transform: unset;
		width: 100%;
		max-width: calc(50% - 1rem);
		max-height: 100%;
		height: auto
	}
}

.sec-glcustomers .glcustomers-list-04 .glcustomers-item:nth-child(3) {
	width: 50%;
	top: 25.5%;
	left: 16.6666666667%
}

@media screen and (max-width:550px) {
	.sec-glcustomers .glcustomers-list-04 .glcustomers-item:nth-child(3) {
		position: relative;
		top: unset;
		left: unset;
		bottom: unset;
		right: unset;
		transform: unset;
		width: 100%;
		max-width: calc(50% - 1rem);
		max-height: 100%;
		height: auto
	}
}

.sec-glcustomers .glcustomers-list-04 .glcustomers-item:nth-child(4) {
	width: 33.3333333333%;
	top: 15%;
	right: 0;
	transform: translateX(20%)
}

@media screen and (max-width:1500px) {
	.sec-glcustomers .glcustomers-list-04 .glcustomers-item:nth-child(4) {
		transform: translateX(0)
	}
}

@media screen and (max-width:550px) {
	.sec-glcustomers .glcustomers-list-04 .glcustomers-item:nth-child(4) {
		position: relative;
		top: unset;
		left: unset;
		bottom: unset;
		right: unset;
		transform: unset;
		width: 100%;
		max-width: calc(50% - 1rem);
		max-height: 100%;
		height: auto
	}
}

.sec-glcustomers .glcustomers-list-05 {
	position: relative;
	margin-top: 3rem;
	width: 50%;
	display: grid;
	z-index: 1;
	grid-template-columns: 12rem 9.6rem 2.4rem 12rem 10rem 2.4rem 4.8rem 16.8rem;
	grid-template-rows: 26.9rem 2.4rem 10.3rem 8rem 10.2rem 2.4rem 9.6rem 3rem 12.5rem
}

@media screen and (max-width:1200px) {
	.sec-glcustomers .glcustomers-list-05 {
		width: 100%;
		margin-top: 17rem
	}
}

@media screen and (max-width:767px) {
	.sec-glcustomers .glcustomers-list-05 {
		grid-template-columns: 10rem 7.6rem 2.4rem 10rem 8rem 2.4rem 2.8rem 14.8rem;
		grid-template-rows: 24.9rem 2.4rem 8.3rem 6rem 8.2rem 2.4rem 7.6rem 1rem 10.5rem
	}
}

@media screen and (max-width:600px) {
	.sec-glcustomers .glcustomers-list-05 {
		display: flex;
		flex-wrap: wrap;
		gap: 1rem;
		justify-content: center
	}
}

@media screen and (max-width:550px) {
	.sec-glcustomers .glcustomers-list-05 {
		position: relative;
		top: unset;
		left: unset;
		bottom: unset;
		right: unset;
		transform: unset;
		margin-top: 9rem
	}
}

.sec-glcustomers .glcustomers-list-05::before {
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-image: url("https://bakvitech.com/template/assets/images/home/br-list-01.png");
	background-repeat: no-repeat;
	background-size: contain
}

.sec-glcustomers .glcustomers-list-05 .glcustomers-item {
	position: relative;
	z-index: 3
}

@media screen and (max-width:600px) {
	.sec-glcustomers .glcustomers-list-05 .glcustomers-item {
		width: 25%
	}
}

.sec-glcustomers .glcustomers-list-05 .glcustomers-item:nth-child(1) {
	grid-column: 2/6;
	grid-row: 1/2
}

.sec-glcustomers .glcustomers-list-05 .glcustomers-item:nth-child(2) {
	grid-column: 1/3;
	grid-row: 3/5
}

.sec-glcustomers .glcustomers-list-05 .glcustomers-item:nth-child(3) {
	grid-column: 4/6;
	grid-row: 3/6
}

.sec-glcustomers .glcustomers-list-05 .glcustomers-item:nth-child(4) {
	grid-column: 7/9;
	grid-row: 4/6
}

.sec-glcustomers .glcustomers-list-05 .glcustomers-item:nth-child(5) {
	grid-column: 5/8;
	grid-row: 7/9
}

.sec-glcustomers .glcustomers-list-05 .glcustomers-item:nth-child(6) {
	grid-column: 1/3;
	grid-row: 8/10
}

.sec-glcustomers .glcustomers-list-06 {
	position: relative;
	width: 50%;
	margin-top: -4rem
}

@media screen and (max-width:1200px) {
	.sec-glcustomers .glcustomers-list-06 {
		width: 100%;
		display: flex;
		flex-wrap: wrap;
		justify-content: space-around;
		gap: 1.2rem;
		margin-top: 3rem
	}
}

@media screen and (max-width:500px) {
	.sec-glcustomers .glcustomers-list-06 {
		justify-content: center;
		gap: 1rem;
		margin-top: 1rem
	}
}

.sec-glcustomers .glcustomers-list-06 .glcustomers-item {
	position: absolute
}

@media screen and (max-width:1200px) {
	.sec-glcustomers .glcustomers-list-06 .glcustomers-item {
		position: static;
		width: 30% !important;
		transform: translate(0) !important
	}
}

@media screen and (max-width:1200px) and (max-width:550px) {
	.sec-glcustomers .glcustomers-list-06 .glcustomers-item {
		position: relative;
		top: unset;
		left: unset;
		bottom: unset;
		right: unset;
		transform: unset
	}
}

.sec-glcustomers .glcustomers-list-06 .glcustomers-item:nth-child(1) {
	transform: translateX(2rem) rotate(14deg);
	position: relative;
	width: calc(66.6666666667% + 2rem)
}

@media screen and (max-width:550px) {
	.sec-glcustomers .glcustomers-list-06 .glcustomers-item:nth-child(1) {
		position: relative;
		top: unset;
		left: unset;
		bottom: unset;
		right: unset;
		transform: unset;
		width: 100%;
		max-width: calc(50% - 1rem);
		max-height: 100%;
		height: auto
	}
}

.sec-glcustomers .glcustomers-list-06 .glcustomers-item:nth-child(2) {
	width: 33.3333333333%;
	top: 40%;
	left: 14%
}

@media screen and (max-width:550px) {
	.sec-glcustomers .glcustomers-list-06 .glcustomers-item:nth-child(2) {
		position: relative;
		top: unset;
		left: unset;
		bottom: unset;
		right: unset;
		transform: unset;
		width: 100%;
		max-width: calc(50% - 1rem);
		max-height: 100%;
		height: auto
	}
}

.sec-glcustomers .glcustomers-list-06 .glcustomers-item:nth-child(3) {
	top: 40%;
	right: 0;
	width: 50%
}

@media screen and (max-width:550px) {
	.sec-glcustomers .glcustomers-list-06 .glcustomers-item:nth-child(3) {
		position: relative;
		top: unset;
		left: unset;
		bottom: unset;
		right: unset;
		transform: unset;
		width: 100%;
		max-width: calc(50% - 1rem);
		max-height: 100%;
		height: auto
	}
}

.sec-glcustomers .glcustomers-list-06 .glcustomers-item:nth-child(4) {
	width: 33.3333333333%;
	bottom: 5%;
	left: 50%;
	transform: translateX(-50%)
}

@media screen and (max-width:550px) {
	.sec-glcustomers .glcustomers-list-06 .glcustomers-item:nth-child(4) {
		position: relative;
		top: unset;
		left: unset;
		bottom: unset;
		right: unset;
		transform: unset;
		width: 100%;
		max-width: calc(50% - 1rem);
		max-height: 100%;
		height: auto
	}
}

.sec-glcustomers .glcustomers-list-06 .glcustomers-item:nth-child(5) {
	width: 25%;
	bottom: 0;
	right: 0;
	transform: translate(30%, 0) rotate(10deg)
}

@media screen and (max-width:1200px) {
	.sec-glcustomers .glcustomers-list-06 .glcustomers-item:nth-child(5) {
		transform: translate(0)
	}
}

@media screen and (max-width:550px) {
	.sec-glcustomers .glcustomers-list-06 .glcustomers-item:nth-child(5) {
		position: relative;
		top: unset;
		left: unset;
		bottom: unset;
		right: unset;
		transform: unset;
		width: 100%;
		max-width: calc(50% - 1rem);
		max-height: 100%;
		height: auto
	}
}

.sec-glcustomers .glcustomers-list-06 .glcustomers-item:nth-child(6) {
	top: 25%;
	left: -25%;
	width: 32%
}

@media screen and (max-width:1200px) {
	.sec-glcustomers .glcustomers-list-06 .glcustomers-item:nth-child(6) {
		top: -51%;
		left: unset;
		z-index: 3
	}
}

@media screen and (max-width:600px) {
	.sec-glcustomers .glcustomers-list-06 .glcustomers-item:nth-child(6) {
		top: unset;
		bottom: 0;
		left: 0
	}
}

@media screen and (max-width:550px) {
	.sec-glcustomers .glcustomers-list-06 .glcustomers-item:nth-child(6) {
		position: relative;
		top: unset;
		left: unset;
		bottom: unset;
		right: unset;
		transform: unset;
		width: 100%;
		max-width: calc(50% - 1rem);
		max-height: 100%;
		height: auto
	}
}

.sec-glcustomers .glcustomers-list-06 .glcustomers-item:nth-child(7) {
	position: absolute;
	bottom: 23%;
	left: 0;
	width: 28%
}

@media screen and (max-width:1200px) {
	.sec-glcustomers .glcustomers-list-06 .glcustomers-item:nth-child(7) {
		top: -50%;
		right: 0;
		bottom: unset;
		left: unset
	}
}

@media screen and (max-width:550px) {
	.sec-glcustomers .glcustomers-list-06 .glcustomers-item:nth-child(7) {
		position: relative;
		top: unset;
		left: unset;
		bottom: unset;
		right: unset;
		transform: unset;
		width: 100%;
		max-width: calc(50% - 1rem);
		max-height: 100%;
		height: auto
	}
}

.sec-glcustomers .glcustomers-bottom {
	position: relative;
	margin-top: 13rem
}

@media screen and (max-width:1200px) {
	.sec-glcustomers .glcustomers-bottom {
		margin-top: 5.6rem
	}
}

.sec-glcustomers .glcustomers-bottom::before {
	content: "";
	display: block;
	position: absolute;
	background: #fff;
	bottom: 0;
	height: 25%;
	width: 100%
}

@media screen and (max-width:600px) {
	.sec-glcustomers .glcustomers-bottom {
		margin-top: 4rem
	}
}

.sec-glcustomers .glcustomers-bottom-text {
	position: relative;
	z-index: 2;
	margin: 0 auto;
	max-width: 85rem;
	display: flex;
	flex-direction: column;
	transition: .5s ease-in-out
}

.sec-glcustomers .glcustomers-bottom-text .txt {
	color: #fff;
	text-align: center;
	font-size: 4rem;
	font-weight: 700;
	line-height: 1.3;
	margin-bottom: 1.6rem
}

@media only screen and (max-width:1200px) {
	.sec-glcustomers .glcustomers-bottom-text .txt {
		font-size: 3.5rem
	}
}

@media only screen and (max-width:800px) {
	.sec-glcustomers .glcustomers-bottom-text .txt {
		font-size: 3rem
	}
}

@media screen and (max-width:767px) {
	.sec-glcustomers .glcustomers-bottom-text .txt {
		font-size: 1.8rem
	}

	.sec-glcustomers .glcustomers-bottom-text .txt br {
		display: none
	}
}

.sec-glcustomers .glcustomers-bottom-text .txt .color {
	position: relative;
	z-index: 2
}

.sec-glcustomers .glcustomers-bottom-text .txt .color::before {
	z-index: -1;
	display: block;
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 110%;
	height: 120%;
	background-repeat: no-repeat;
	background-size: cover;
	transform: translate(-2%, -20%);
	background-image: url("https://bakvitech.com/template/assets/images/home/br-text.svg")
}

.sec-glcustomers .glcustomers-info {
	position: relative
}

.sec-glcustomers .glcustomers-info-br {
	margin: 0 auto;
	max-width: 85rem;
	position: relative
}

.sec-glcustomers .glcustomers-info .box {
	border-radius: .8rem;
	position: absolute;
	padding: .8rem 3.2rem;
	display: flex;
	justify-content: center;
	align-items: center;
	color: #fff;
	text-align: center;
	font-size: 3.2rem;
	font-weight: 600;
	line-height: 1.3
}

@media only screen and (max-width:1200px) {
	.sec-glcustomers .glcustomers-info .box {
		font-size: 2.7rem
	}
}

@media only screen and (max-width:800px) {
	.sec-glcustomers .glcustomers-info .box {
		font-size: 2.2rem
	}
}

@media screen and (max-width:767px) {
	.sec-glcustomers .glcustomers-info .box {
		font-size: 1.2rem;
		padding: 1rem 1.4rem
	}
}

.sec-glcustomers .glcustomers-info-box1 {
	top: 0;
	left: 0;
	background-color: #f5851e
}

@media screen and (max-width:1200px) {
	.sec-glcustomers .glcustomers-info-box1 {
		top: auto;
		bottom: 0
	}
}

.sec-glcustomers .glcustomers-info-box2 {
	color: #1a053e !important;
	top: 40%;
	left: 50%;
	transform: translateX(-50%);
	background-color: #b8fd26
}

@media screen and (max-width:767px) {
	.sec-glcustomers .glcustomers-info-box2 {
		transform: translate(0)
	}
}

.sec-glcustomers .glcustomers-info-box3 {
	top: 1.5rem;
	right: 0;
	background-color: #f41e92
}

@media screen and (max-width:1200px) {
	.sec-glcustomers .glcustomers-info-box3 {
		top: 50%
	}
}

@media screen and (max-width:767px) {
	.sec-glcustomers .glcustomers-info-box3 {
		top: auto;
		bottom: 0
	}
}

.sec-glcustomers .glcustomers-dcor-blur {
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 0;
	pointer-events: none
}

@media screen and (max-width:550px) {
	.sec-glcustomers .glcustomers-dcor-blur {
		display: none
	}
}

.sec-glcustomers .glcustomers-dcor-blur.blur1 {
	right: -30%
}

.sec-glcustomers .glcustomers-dcor-blur.blur2 {
	top: -20%;
	left: -30%
}

.w-problem {
	position: relative;
	margin-top: -43%
}

@media screen and (max-width:1200px) {
	.w-problem {
		margin-top: -30%
	}
}

.w-problem .h-problem-star {
	position: absolute;
	top: 10%;
	width: 100%;
	z-index: -1
}

.h-problem {
	background: linear-gradient(180deg, #47027d 23.5%, #7c0fd1 110.21%);
	position: relative;
	z-index: 2
}

@media screen and (max-width:1200px) {
	.h-problem {
		position: relative;
		z-index: 4
	}
}

.h-problem-img img {
	vertical-align: middle
}

.h-problem .host-tt {
	font-weight: 600;
	flex-direction: column;
	font-size: 4rem;
	color: #fff
}

@media only screen and (max-width:1200px) {
	.h-problem .host-tt {
		font-size: 3.5rem
	}
}

@media only screen and (max-width:800px) {
	.h-problem .host-tt {
		font-size: 3rem
	}
}

@media screen and (max-width:600px) {
	.h-problem .host-tt {
		font-size: 2.4rem
	}
}

@media screen and (max-width:450px) {
	.h-problem .host-tt {
		font-size: 2rem;
		margin-top: 0;
		padding-top: 2.4rem
	}
}

@media screen and (max-width:768px) {
	.h-problem .host-tt .txt-res {
		width: unset
	}
}

.h-problem-w {
	overflow: hidden;
	background: linear-gradient(180deg, #47027d 0, #750dc6 .21%);
	position: relative
}

@media screen and (max-width:550px) {
	.h-problem-w {
		margin-top: -.1rem
	}
}

.h-problem-main {
	margin-top: 2.4rem
}

.h-commit {
	margin-top: -15%
}

@media screen and (max-width:1200px) {
	.h-commit {
		margin-top: -20%
	}
}

.h-commit-w {
	position: relative;
	z-index: 22
}

.h-commit-mask {
	position: relative;
	z-index: 5;
	-webkit-mask-image: url("../../template/assets/images/home/bg-layer.png");
	-webkit-mask-size: 100% 100%;
	-webkit-mask-repeat: no-repeat;
	padding: 14rem 0 24rem 0;
	background: linear-gradient(180deg, #47027d -3.74%, #38027d 49.29%, #560695 87.16%)
}

@media screen and (max-width:1200px) {
	.h-commit-mask {
		padding: 6rem 0 10rem 0
	}
}

@media screen and (max-width:550px) {
	.h-commit-mask {
		filter: unset;
		margin-left: -.8rem;
		width: calc(100% + 1.6rem);
		-webkit-mask-image: unset;
		border-radius: 1.6rem;
		padding: 1.6rem 0
	}
}

.h-commit .host-tt {
	position: relative;
	z-index: 3;
	margin-bottom: 23.5rem;
	font-weight: 600;
	flex-direction: column;
	color: #fff;
	font-size: 4rem
}

@media only screen and (max-width:1200px) {
	.h-commit .host-tt {
		font-size: 3.5rem
	}
}

@media only screen and (max-width:800px) {
	.h-commit .host-tt {
		font-size: 3rem
	}
}

@media screen and (max-width:1200px) {
	.h-commit .host-tt {
		margin-bottom: 16rem
	}
}

@media screen and (max-width:600px) {
	.h-commit .host-tt {
		font-size: 2.4rem;
		margin-bottom: 12rem
	}
}

@media screen and (max-width:450px) {
	.h-commit .host-tt {
		margin-bottom: 8.2rem;
		padding: 0 .8rem;
		font-size: 2rem
	}
}

@media screen and (max-width:768px) {
	.h-commit .host-tt .txt-res {
		width: unset
	}
}

.h-commit .host-tt .txt-bg {
	margin: 0 auto;
	margin-bottom: .4rem;
	display: block;
	width: max-content;
	padding: .8rem 1.6rem;
	color: #fff;
	box-shadow: 0 1.6rem 4rem -1rem rgba(50, 50, 93, .32), 0 .8rem 2.4rem -1.5rem rgba(0, 0, 0, .24), inset 0 .1rem .1rem rgba(255, 255, 255, .1);
	border-radius: .8rem
}

@media screen and (max-width:768px) {
	.h-commit .host-tt .txt-bg {
		margin-bottom: .8rem
	}
}

@media screen and (max-width:600px) {
	.h-commit .host-tt .txt-bg {
		width: 100%;
		max-width: max-content
	}
}

.h-commit .host-tt .txt-bg-ani {
	background: 0 0 !important;
	box-shadow: unset;
	position: relative
}

.h-commit .host-tt .txt-bg-ani::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	width: 0;
	height: 100%;
	transition: .5s ease-in-out;
	background-color: #7c0fd1;
	border-radius: .8rem;
	box-shadow: 0 1.6rem 4rem -1rem rgba(50, 50, 93, .32), 0 .8rem 2.4rem -1.5rem rgba(0, 0, 0, .24), inset 0 .1rem .1rem rgba(255, 255, 255, .1)
}

.h-commit .host-tt .txt-bg-ani.bg-lms::before {
	background-color: #f41e92
}

.h-commit .host-tt .txt-bg-ani.active::before {
	width: 100%
}

.h-commit .host-tt .bg-lms {
	background-color: #f41e92
}

.h-commit .host-tt .txt-bg-ani .txt {
	position: relative;
	z-index: 2
}

@media screen and (max-width:550px) {
	.h-commit .host-tt br {
		display: none
	}
}

.h-commit-main {
	position: relative
}

.h-commit-main .member {
	position: relative;
	z-index: 2;
	width: 66.6666666667%
}

@media screen and (max-width:840px) {
	.h-commit-main .member {
		width: 54.1666666667%
	}
}

.h-commit-main .member img {
	vertical-align: middle
}

.h-commit-main .decor {
	position: absolute;
	left: 50%;
	transform: translateX(-50%)
}

.h-commit-main .decor.bg {
	bottom: 0
}

.h-commit-main .decor.bg-radient {
	bottom: -20%;
	width: 140%;
	height: 200%;
	z-index: -1
}

.h-commit-main .decor.bg-radient img {
	object-fit: fill
}

@media screen and (max-width:550px) {
	.h-commit-btn {
		width: 100%;
		padding: 0 .8rem
	}
}

.h-commit-btn .btn-second {
	margin: 0 auto;
	width: 100%;
	height: 100%
}

.h-commit-btn .btn-second .txt {
	font-size: 4rem
}

@media screen and (max-width:1200px) {
	.h-commit-btn .btn-second .txt {
		font-size: 2.4rem
	}
}

@media screen and (max-width:900px) {
	.h-commit-btn .btn-second .txt br {
		display: none
	}
}

@media screen and (max-width:550px) {
	.h-commit-btn .btn-second .txt {
		font-size: 1.8rem
	}
}

.h-commit-re {
	margin-top: 4rem
}

@media screen and (max-width:1200px) {
	.h-commit-re {
		margin-top: 2.4rem
	}
}

.h-commit .seopj-info-star .text {
	color: #fff;
	position: relative;
	top: .2rem
}

@media screen and (max-width:1200px) {
	.h-commit .seopj-info-star .text {
		top: .2rem
	}
}

.the-bakvitech-footer-cus .seopj-info {
	text-align: center;
	gap: .8rem;
	margin: 0;
	color: #fff;
	justify-content: center;
	display: flex;
	flex-wrap: wrap;
	align-items: center
}

@media screen and (max-width:900px) {
	.the-bakvitech-footer-cus .seopj-info {
		flex-direction: column
	}
}

.the-bakvitech-footer-cus .seopj-info-star {
	display: flex;
	align-items: center;
	gap: .8rem;
	justify-content: flex-start;
	margin-bottom: .8rem
}

@media screen and (max-width:723px) {
	.the-bakvitech-footer-cus .seopj-info-star {
		justify-content: center
	}
}

.the-bakvitech-footer-cus .seopj-info-star-img {
	display: flex;
	align-items: center
}

.the-bakvitech-footer-cus .seopj-info-star-img img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: contain
}

.the-bakvitech-footer-cus .seopj-info-py {
	padding: 0 2.4rem
}

@media screen and (max-width:850px) {
	.the-bakvitech-footer-cus .seopj-info-py {
		padding: unset;
		overflow-x: auto
	}
}

.the-bakvitech-footer-cus .seopj-info-py:nth-child(1) {
	position: relative
}

.the-bakvitech-footer-cus .seopj-info-py:nth-child(1)::before {
	content: "";
	position: absolute;
	top: 50%;
	right: 0;
	width: .1rem;
	height: 5rem;
	background-color: #fff;
	transform: translateY(-50%)
}

@media screen and (max-width:900px) {
	.the-bakvitech-footer-cus .seopj-info-py:nth-child(1)::before {
		display: none
	}
}

.the-bakvitech-footer-cus .seopj-info-list {
	display: flex;
	align-items: center;
	width: fit-content;
	margin: 0 auto
}

@media screen and (max-width:600px) {
	.the-bakvitech-footer-cus .seopj-info-list {
		overflow-x: auto;
		max-width: 90vw
	}

	.the-bakvitech-footer-cus .seopj-info-list::-webkit-scrollbar {
		height: .3rem;
		display: none
	}
}

.the-bakvitech-footer-cus .seopj-info-list .text {
	padding: 2rem 1.6rem;
	font-weight: 700;
	font-size: 1.9rem;
	color: #7c0fd1;
	background: #f8eeff;
	border: .4rem solid #fff;
	border-radius: 6.4rem;
	height: 6.5rem;
	display: flex;
	align-items: center;
	justify-content: center
}

.the-bakvitech-footer-cus .seopj-info-img {
	width: 6rem;
	height: 6rem;
	border: .4rem solid #eee;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	overflow: hidden
}

.the-bakvitech-footer-cus .seopj-info-img img {
	width: auto;
	height: auto;
	vertical-align: middle
}

.the-bakvitech-footer-cus .seopj-info-item:not(:first-child) {
	margin-left: -2.6rem
}

.h-ecosystem {
	padding: 0
}

.sheco {
	margin-top: -112rem;
	padding-top: 112rem;
	position: relative
}

@media screen and (max-width:1200px) {
	.sheco {
		margin-top: -62rem;
		padding-top: 66rem
	}
}

@media screen and (max-width:768px) {
	.sheco {
		border-radius: 0 0 5rem 5rem
	}
}

.sheco .abs {
	position: absolute
}

.sheco-main {
	position: relative;
	width: 100%;
	padding-bottom: 10rem
}

.sheco-main .image-main {
	width: 68%;
	margin: 0 auto
}

.sheco-main .image-main img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: contain
}

@media screen and (max-width:1200px) {
	.sheco-main .image-main {
		width: 80%
	}
}

@media screen and (max-width:550px) {
	.sheco-main .image-main {
		width: 100%
	}
}

.sheco .container {
	z-index: 4
}

.sheco-br.bg-white {
	background: #fff
}

.sheco-br {
	position: absolute;
	width: 100%;
	height: 100%;
	bottom: 0;
	left: 0
}

.sheco-br>.image {
	width: 100%;
	height: 100%;
	position: relative;
	z-index: 2
}

.sheco-br>.image img {
	object-fit: fill
}

.sheco-br>.image::before {
	z-index: -1;
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width: 100%;
	height: 30%;
	background: #750dc6
}

@media screen and (max-width:1200px) {
	.sheco-br>.image::before {
		height: 45%
	}
}

@media screen and (max-width:768px) {
	.sheco-br>.image {
		overflow: hidden
	}
}

.sheco-in {
	display: flex;
	flex-direction: column;
	align-items: center
}

.sheco-hl {
	color: #f7f7f7;
	text-align: center;
	font-size: 3.2rem;
	font-weight: 600;
	line-height: 1.3;
	padding: .8rem 1.6rem;
	position: relative;
	z-index: 8;
	transform: translateY(3rem)
}

@media only screen and (max-width:1200px) {
	.sheco-hl {
		font-size: 2.7rem
	}
}

@media only screen and (max-width:800px) {
	.sheco-hl {
		font-size: 2.2rem
	}
}

@media screen and (max-width:1400px) {
	.sheco-hl {
		transform: translateY(1rem)
	}
}

@media screen and (max-width:1200px) {
	.sheco-hl {
		transform: translateY(2rem);
		padding: .8rem 1.6rem
	}
}

@media screen and (max-width:800px) {
	.sheco-hl {
		transform: translateY(-.6rem)
	}
}

.sheco-hl::before {
	z-index: -1;
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border-radius: .8rem;
	background-color: #f41e92
}

@media screen and (max-width:1200px) {
	.sheco-hl {
		font-size: 1.6rem
	}
}

.sheco-tar {
	position: relative;
	width: 70.1%;
	margin: 0 auto
}

@media screen and (max-width:600px) {
	.sheco-tar {
		width: 100%
	}
}

@media screen and (max-width:800px) {
	.sheco-tar img {
		visibility: hidden;
		display: none
	}
}

.sheco-tar .content {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 80%;
	transform: translate(-50%, -60%);
	text-align: center;
	color: #3a3a3a;
	text-align: center;
	font-size: 4rem;
	font-weight: 400;
	line-height: 1.3
}

@media screen and (max-width:1200px) {
	.sheco-tar .content {
		font-size: 3rem
	}
}

@media screen and (max-width:1000px) {
	.sheco-tar .content {
		font-size: 2.4rem
	}
}

@media screen and (max-width:800px) {
	.sheco-tar .content {
		width: 100%;
		margin: 0 auto;
		background-color: #fff;
		padding: 1rem 2rem;
		border-radius: 1rem;
		font-size: 1.4rem;
		position: static;
		transform: translate(0, 0)
	}
}

.sheco-tar .content .violet {
	color: #7c0fd1
}

.sheco-w {
	position: relative
}

.sheco-c {
	display: flex;
	flex-direction: column;
	align-items: center;
	margin-bottom: 2rem
}

@media screen and (max-width:1200px) {
	.sheco-c {
		padding: 0 1.5rem
	}
}

.sheco-t {
	display: flex;
	flex-direction: column;
	align-items: center;
	margin-top: 6rem
}

@media screen and (max-width:1200px) {
	.sheco-t {
		margin-top: 3.2rem
	}
}

@media screen and (max-width:800px) {
	.sheco-t {
		margin-top: 1.6rem;
		margin-bottom: 0
	}
}

.sheco-t .txt:nth-child(1) {
	text-align: center;
	font-size: 8.8rem;
	font-weight: 700;
	line-height: 1.2;
	background: linear-gradient(180deg, #f7f7f7 0, rgba(247, 247, 247, 0) 100%);
	background-clip: text;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent
}

@media only screen and (max-width:1200px) {
	.sheco-t .txt:nth-child(1) {
		font-size: 5.2rem
	}
}

@media only screen and (max-width:800px) {
	.sheco-t .txt:nth-child(1) {
		font-size: 4rem
	}
}

.sheco-t .txt:nth-child(2) {
	color: #f7f7f7;
	text-align: center;
	font-size: 12.6rem;
	font-weight: 700;
	line-height: 1.2;
	transform: translateY(-44%)
}

@media screen and (max-width:1200px) {
	.sheco-t .txt:nth-child(2) {
		transform: translateY(0)
	}
}

@media screen and (max-width:800px) {
	.sheco-t .txt:nth-child(2) {
		font-size: 3.2rem
	}
}

.sheco-txt {
	color: #f7f7f7;
	text-align: center;
	font-size: 1.8rem;
	font-weight: 400;
	line-height: 1.5;
	max-width: 67.5rem;
	margin: 0 auto;
	margin-top: -6.5rem
}

@media only screen and (max-width:1200px) {
	.sheco-txt {
		font-size: 1.6rem
	}
}

@media only screen and (max-width:800px) {
	.sheco-txt {
		font-size: 1.5rem
	}
}

@media screen and (max-width:1200px) {
	.sheco-txt {
		max-width: 50rem;
		margin-top: 3rem
	}
}

@media screen and (max-width:800px) {
	.sheco-txt {
		margin-top: .8rem;
		margin-bottom: 2.4rem
	}
}

@media screen and (max-width:767px) {
	.sheco-txt {
		font-size: 1.4rem
	}
}

.sheco-txt .bold {
	font-weight: 700
}

.sheco-deco-01 {
	top: -23%;
	left: 8%;
	width: 3.505%
}

.sheco-deco-02 {
	top: -15%;
	left: 0;
	width: 25%
}

@media screen and (max-width:768px) {
	.sheco-deco-02 {
		top: -9%;
		left: 15%;
		width: 14.95%
	}
}

.sheco-deco-03 {
	left: 1%;
	width: 15%;
	top: 37%
}

@media screen and (max-width:1200px) {
	.sheco-deco-03 {
		top: 20%
	}
}

@media screen and (max-width:768px) {
	.sheco-deco-03 {
		top: 10%
	}
}

.sheco-deco-04 {
	left: 24%;
	width: 3.93%;
	top: 11.9%
}

.sheco-deco-05 {
	top: 26%;
	left: 23%;
	width: 17.72%;
	transition: all .8s ease-in-out
}

@media screen and (max-width:1200px) {
	.sheco-deco-05 {
		width: 24%;
		left: 19%
	}
}

.sheco-deco-06 {
	top: 32%;
	left: 62%;
	width: 15.1%;
	transition: all 1s ease-in-out
}

@media screen and (max-width:1200px) {
	.sheco-deco-06 {
		width: 20%
	}
}

.sheco-deco-11 {
	transition: all 1.3s ease-in-out;
	bottom: 17%;
	left: 37%;
	width: 29.8%
}

@media screen and (max-width:1200px) {
	.sheco-deco-11 {
		width: 36%
	}
}

.sheco-deco-07 {
	top: -14%;
	right: 0;
	width: 24%
}

@media screen and (max-width:768px) {
	.sheco-deco-07 {
		top: 0
	}
}

.sheco-deco-08 {
	top: 16%;
	right: -1%;
	width: 3.9%
}

.sheco-deco-09 {
	top: -22%;
	right: 8%;
	width: 3.49%
}

.sheco-deco-10 {
	top: -34%;
	right: -3%;
	width: 9.2%
}

@media screen and (max-width:1200px) {
	.sheco-deco-10 {
		right: 0
	}
}

.sheco-deco-12 {
	top: 3%;
	right: 29%;
	width: 4.1%
}

.sheco-mess-decor {
	position: relative
}

.sec-bakvitech-team {
	position: relative;
	margin-top: 5.6rem;
	padding-top: 12rem;
	padding-bottom: 8rem;
	overflow: hidden
}

@media screen and (max-width:1200px) {
	.sec-bakvitech-team {
		padding-top: 10rem;
		margin-top: -2.4rem
	}
}

.sec-bakvitech-team .bakvitech-team {
	position: relative
}

.sec-bakvitech-team .bakvitech-team-title {
	font-size: 4.8rem;
	font-weight: 700;
	line-height: 1.4;
	color: #3a3a3a;
	text-align: center
}

@media only screen and (max-width:1200px) {
	.sec-bakvitech-team .bakvitech-team-title {
		font-size: 4.3rem
	}
}

@media only screen and (max-width:800px) {
	.sec-bakvitech-team .bakvitech-team-title {
		font-size: 3.2rem
	}
}

@media screen and (max-width:1200px) {
	.sec-bakvitech-team .bakvitech-team-title {
		font-size: 3.6rem
	}
}

@media screen and (max-width:1000px) {
	.sec-bakvitech-team .bakvitech-team-title {
		font-size: 3.2rem
	}
}

@media screen and (max-width:800px) {
	.sec-bakvitech-team .bakvitech-team-title {
		font-size: 2.4rem
	}
}

@media screen and (max-width:400px) {
	.sec-bakvitech-team .bakvitech-team-title {
		font-size: 1.8rem
	}
}

.sec-bakvitech-team .bakvitech-team-title .dcor {
	position: relative;
	margin: 0 auto
}

.sec-bakvitech-team .bakvitech-team-title .dcor-img {
	position: absolute;
	z-index: -1;
	top: 50%;
	left: 50%;
	width: calc(41.6666666667% - 4.8rem);
	transform: translate(-50%, -95%)
}

@media screen and (max-width:1200px) {
	.sec-bakvitech-team .bakvitech-team-title .dcor-img {
		width: 50%
	}
}

@media screen and (max-width:600px) {
	.sec-bakvitech-team .bakvitech-team-title .dcor-img {
		width: 70%
	}
}

.sec-bakvitech-team .bakvitech-team-title .dcor .txt-quote {
	text-align: center;
	margin-left: auto;
	margin-right: auto
}

.sec-bakvitech-team .bakvitech-team-title .dcor .txt-quote .txt {
	display: block;
	color: #fff
}

.sec-bakvitech-team .bakvitech-team-des {
	margin-top: 4rem;
	color: #3a3a3a;
	font-size: 4rem;
	font-weight: 600;
	text-align: center;
	line-height: 1.3
}

@media only screen and (max-width:1200px) {
	.sec-bakvitech-team .bakvitech-team-des {
		font-size: 3.5rem
	}
}

@media only screen and (max-width:800px) {
	.sec-bakvitech-team .bakvitech-team-des {
		font-size: 3rem
	}
}

@media screen and (max-width:1200px) {
	.sec-bakvitech-team .bakvitech-team-des {
		font-size: 3.2rem
	}
}

@media screen and (max-width:800px) {
	.sec-bakvitech-team .bakvitech-team-des {
		font-size: 2.4rem
	}
}

@media screen and (max-width:600px) {
	.sec-bakvitech-team .bakvitech-team-des {
		font-size: 1.8rem
	}
}

.sec-bakvitech-team .bakvitech-team-des .txt {
	margin-bottom: 1.5rem
}

.sec-bakvitech-team .bakvitech-team-des .txt.mb-0 {
	margin-bottom: 0
}

.sec-bakvitech-team .bakvitech-team-des .txt-highline {
	font-size: 21.8rem;
	font-weight: 400;
	line-height: 1;
	font-family: "Bebas Neue";
	letter-spacing: -.9rem;
	color: #f41e92;
	line-height: .8
}

@media only screen and (max-width:1200px) {
	.sec-bakvitech-team .bakvitech-team-des .txt-highline {
		font-size: 15rem
	}
}

@media only screen and (max-width:800px) {
	.sec-bakvitech-team .bakvitech-team-des .txt-highline {
		font-size: 10rem
	}
}

@media screen and (max-width:1200px) {
	.sec-bakvitech-team .bakvitech-team-des .txt-highline {
		letter-spacing: -.4rem
	}
}

.sec-bakvitech-team .bakvitech-team-img {
	margin-top: -6.3rem;
	width: 100%;
	position: relative
}

@media screen and (max-width:1200px) {
	.sec-bakvitech-team .bakvitech-team-img {
		margin-top: 0
	}
}

.sec-bakvitech-team .bakvitech-team-img .blur-radius {
	position: absolute;
	top: 0;
	width: 100%;
	z-index: -1
}

.sec-bakvitech-team .bakvitech-team-dcor {
	position: absolute;
	width: 100%;
	top: 0;
	pointer-events: none
}

.sec-bakvitech-team .bakvitech-team-dcor .list-01 {
	display: flex;
	justify-content: space-between;
	transform: translateY(-6rem)
}

@media screen and (max-width:1200px) {
	.sec-bakvitech-team .bakvitech-team-dcor .list-01 {
		transform: translateY(0)
	}
}

.sec-bakvitech-team .bakvitech-team-dcor .list-01 .item img {
	object-fit: fill
}

.sec-bakvitech-team .bakvitech-team-dcor .list-01 .item:nth-child(1) {
	width: 25%;
	transform: translate(-16rem, 0) rotate(13.584deg)
}

@media screen and (max-width:1200px) {
	.sec-bakvitech-team .bakvitech-team-dcor .list-01 .item:nth-child(1) {
		width: 18%;
		transform: translate(0, 0) rotate(13.584deg)
	}
}

@media screen and (max-width:600px) {
	.sec-bakvitech-team .bakvitech-team-dcor .list-01 .item:nth-child(1) {
		width: 20%;
		transform: translate(-2rem, -6rem) rotate(13.584deg)
	}
}

@media screen and (max-width:400px) {
	.sec-bakvitech-team .bakvitech-team-dcor .list-01 .item:nth-child(1) {
		width: 25%
	}
}

.sec-bakvitech-team .bakvitech-team-dcor .list-01 .item:nth-child(2) {
	width: calc(25% - 2.4rem);
	transform: translate(14rem, -3rem) rotate(-9.163deg)
}

@media screen and (max-width:1200px) {
	.sec-bakvitech-team .bakvitech-team-dcor .list-01 .item:nth-child(2) {
		width: 18%;
		transform: translate(0, -8rem) rotate(-9.163deg)
	}
}

@media screen and (max-width:600px) {
	.sec-bakvitech-team .bakvitech-team-dcor .list-01 .item:nth-child(2) {
		width: 20%
	}
}

@media screen and (max-width:400px) {
	.sec-bakvitech-team .bakvitech-team-dcor .list-01 .item:nth-child(2) {
		width: 25%
	}
}

.sec-bakvitech-team .bakvitech-team-dcor .list-02 {
	transform: translateY(-10rem);
	display: flex;
	justify-content: space-between
}

@media screen and (max-width:1200px) {
	.sec-bakvitech-team .bakvitech-team-dcor .list-02 {
		transform: translateY(0)
	}
}

.sec-bakvitech-team .bakvitech-team-dcor .list-02 .item {
	box-shadow: 0 8px 24px -15px rgba(0, 0, 0, .24), 0 16px 40px -10px rgba(50, 50, 93, .32), 0 1px 1px 0 rgba(255, 255, 255, .1) inset
}

.sec-bakvitech-team .bakvitech-team-dcor .list-02 .item img {
	object-fit: fill
}

.sec-bakvitech-team .bakvitech-team-dcor .list-02 .item:nth-child(1) {
	width: calc(25% + 2.4rem);
	transform: translate(-11rem, 5rem) rotate(-9.358deg)
}

@media screen and (max-width:1200px) {
	.sec-bakvitech-team .bakvitech-team-dcor .list-02 .item:nth-child(1) {
		width: 22%;
		transform: translate(0, 5rem) rotate(-9.358deg)
	}
}

@media screen and (max-width:600px) {
	.sec-bakvitech-team .bakvitech-team-dcor .list-02 .item:nth-child(1) {
		width: 28%;
		transform: translate(-2rem, 3rem) rotate(-9.358deg)
	}
}

.sec-bakvitech-team .bakvitech-team-dcor .list-02 .item:nth-child(2) {
	width: 33.3333333333%;
	transform: translate(6rem, 8rem) rotate(4.337deg)
}

@media screen and (max-width:1200px) {
	.sec-bakvitech-team .bakvitech-team-dcor .list-02 .item:nth-child(2) {
		width: 22%;
		transform: translate(0, 0) rotate(4.337deg)
	}
}

@media screen and (max-width:600px) {
	.sec-bakvitech-team .bakvitech-team-dcor .list-02 .item:nth-child(2) {
		width: 28%;
		transform: translate(0, 2rem) rotate(4.337deg)
	}
}

.sec-bakvitech-team .bakvitech-team-dcor .list-03 {
	display: flex;
	justify-content: space-between
}

.sec-bakvitech-team .bakvitech-team-dcor .list-03 .item {
	z-index: -1
}

.sec-bakvitech-team .bakvitech-team-dcor .list-03 .item img {
	object-fit: fill
}

.sec-bakvitech-team .bakvitech-team-dcor .list-03 .item:nth-child(1) {
	width: calc(25% + 1.2rem);
	transform: translate(-27rem, 47rem) rotate(7.017deg)
}

@media screen and (max-width:1200px) {
	.sec-bakvitech-team .bakvitech-team-dcor .list-03 .item:nth-child(1) {
		width: 22%;
		transform: translate(-10rem, 47rem) rotate(7.017deg)
	}
}

@media screen and (max-width:800px) {
	.sec-bakvitech-team .bakvitech-team-dcor .list-03 .item:nth-child(1) {
		transform: translate(-3rem, 36rem) rotate(7.017deg)
	}
}

@media screen and (max-width:600px) {
	.sec-bakvitech-team .bakvitech-team-dcor .list-03 .item:nth-child(1) {
		width: 25%;
		transform: translate(-3rem, 15rem) rotate(7.017deg)
	}
}

.sec-bakvitech-team .bakvitech-team-dcor .list-03 .item:nth-child(2) {
	width: calc(33.3333333333% - 2.4rem);
	transform: translate(32rem, -7rem) rotate(-9.766deg)
}

@media screen and (max-width:1200px) {
	.sec-bakvitech-team .bakvitech-team-dcor .list-03 .item:nth-child(2) {
		width: 22%;
		transform: translate(3rem, 0) rotate(-9.766deg)
	}
}

@media screen and (max-width:400px) {
	.sec-bakvitech-team .bakvitech-team-dcor .list-03 .item:nth-child(2) {
		width: 25%;
		transform: translate(5rem, 6rem) rotate(-9.766deg)
	}
}

.sec-bakvitech-team .bakvitech-team-dcor .list-04 {
	transform: translateY(0);
	display: flex;
	justify-content: space-between;
	z-index: 3;
	position: relative
}

.sec-bakvitech-team .bakvitech-team-dcor .list-04 .item {
	box-shadow: 0 8px 24px -15px rgba(0, 0, 0, .24), 0 16px 40px -10px rgba(50, 50, 93, .32), 0 1px 1px 0 rgba(255, 255, 255, .1) inset
}

.sec-bakvitech-team .bakvitech-team-dcor .list-04 .item img {
	object-fit: fill
}

.sec-bakvitech-team .bakvitech-team-dcor .list-04 .item:nth-child(1) {
	width: calc(25% - 4.8rem);
	transform: translate(-10rem, 26rem) rotate(-9.766deg)
}

@media screen and (max-width:1200px) {
	.sec-bakvitech-team .bakvitech-team-dcor .list-04 .item:nth-child(1) {
		transform: translate(-4rem, 45rem) rotate(-9.766deg)
	}
}

@media screen and (max-width:800px) {
	.sec-bakvitech-team .bakvitech-team-dcor .list-04 .item:nth-child(1) {
		transform: translate(-3rem, 30rem) rotate(-9.766deg)
	}
}

@media screen and (max-width:600px) {
	.sec-bakvitech-team .bakvitech-team-dcor .list-04 .item:nth-child(1) {
		width: 25%;
		transform: translate(-3rem, 25rem) rotate(-9.766deg)
	}
}

.sec-bakvitech-team .bakvitech-team-dcor .list-04 .item:nth-child(2) {
	width: calc(25% - 4.8rem);
	transform: translate(8rem, -8rem) rotate(7.017deg)
}

@media screen and (max-width:1200px) {
	.sec-bakvitech-team .bakvitech-team-dcor .list-04 .item:nth-child(2) {
		transform: translate(8rem, 20rem) rotate(7.017deg)
	}
}

@media screen and (max-width:800px) {
	.sec-bakvitech-team .bakvitech-team-dcor .list-04 .item:nth-child(2) {
		transform: translate(0, 16rem) rotate(7.017deg)
	}
}

@media screen and (max-width:600px) {
	.sec-bakvitech-team .bakvitech-team-dcor .list-04 .item:nth-child(2) {
		width: 25%;
		transform: translate(3rem, 12rem) rotate(7.017deg)
	}
}

.sec-hr {
	position: relative;
	margin-top: -22rem;
	z-index: 2
}

@media screen and (max-width:900px) {
	.sec-hr {
		margin-top: -18rem
	}
}

@media screen and (max-width:600px) {
	.sec-hr {
		margin-top: -13rem
	}
}

.hr {
	position: relative
}

.hr-apply {
	position: absolute;
	width: 100%;
	z-index: 2
}

.hr-apply .content {
	position: relative;
	width: 50%;
	margin: 0 auto
}

.hr-apply .content .dcor {
	width: 120%;
	position: absolute;
	transform: translate(-50%, -50%);
	left: 50%;
	top: 50%
}

@media screen and (max-width:350px) {
	.hr-apply .content .dcor {
		width: 140%
	}
}

.hr-apply .content .mess {
	position: relative
}

.hr-apply .content .mess .txt-hr {
	text-align: center;
	position: relative;
	font-size: 21.8rem;
	font-weight: 400;
	letter-spacing: -.9rem;
	line-height: .8;
	color: #7c0fd1;
	font-family: "Bebas Neue"
}

@media only screen and (max-width:1200px) {
	.hr-apply .content .mess .txt-hr {
		font-size: 15rem
	}
}

@media only screen and (max-width:800px) {
	.hr-apply .content .mess .txt-hr {
		font-size: 10rem
	}
}

@media screen and (max-width:1200px) {
	.hr-apply .content .mess .txt-hr {
		letter-spacing: -.4rem
	}
}

@media screen and (max-width:1000px) {
	.hr-apply .content .mess .txt-hr {
		font-size: 10rem
	}
}

@media screen and (max-width:687px) {
	.hr-apply .content .mess .txt-hr {
		font-size: 6.4rem
	}
}

@media screen and (max-width:500px) {
	.hr-apply .content .mess .txt-hr {
		font-size: 4.8rem;
		letter-spacing: -.2rem
	}
}

.hr-apply .content .mess .txt-hr .dcor {
	position: absolute;
	top: 50%;
	right: 0;
	transform: translate(-6%, -58%);
	width: 52%
}

.hr-apply .content .mess .txt {
	text-align: center;
	color: #8b8b8b;
	font-weight: 600;
	margin-bottom: 2.4rem;
	font-size: 4rem;
	text-align: center
}

@media only screen and (max-width:1200px) {
	.hr-apply .content .mess .txt {
		font-size: 3.5rem
	}
}

@media only screen and (max-width:800px) {
	.hr-apply .content .mess .txt {
		font-size: 3rem
	}
}

@media screen and (max-width:1200px) {
	.hr-apply .content .mess .txt {
		font-size: 2.8rem;
		margin-bottom: 1.2rem
	}
}

@media screen and (max-width:800px) {
	.hr-apply .content .mess .txt {
		font-size: 2.4rem
	}
}

@media screen and (max-width:600px) {
	.hr-apply .content .mess .txt {
		font-size: 1.8rem;
		margin-bottom: .4rem
	}
}

@media screen and (max-width:500px) {
	.hr-apply .content .mess .txt {
		font-size: 1.4rem
	}
}

.hr-apply .content .mess .hr-btn {
	margin: 0 auto
}

@media screen and (max-width:500px) {
	.hr-apply .content .mess .hr-btn {
		font-size: 1.2rem;
		padding: .8rem 1.2rem
	}
}

.hr-mask {
	padding-top: 33%;
	background: linear-gradient(180deg, #47027d -3.74%, #38027d 49.27%, #560695 87.13%);
	-webkit-mask-image: url("../../template/assets/images/home/mask-bakvitech-team.png");
	mask-image: url("../../template/assets/images/home/mask-bakvitech-team.png");
	-webkit-mask-size: 100% 100%;
	mask-size: 100% 100%;
	-webkit-mask-repeat: no-repeat;
	mask-repeat: no-repeat;
	-webkit-mask-position: center;
	mask-position: center;
	overflow: hidden;
	height: 100%
}

@media screen and (max-width:1200px) {
	.hr-mask {
		padding-top: 40%
	}
}

.work {
	position: relative;
	z-index: 1
}

.work-content {
	padding-top: 8.6rem;
	position: relative;
	z-index: 1
}

@media screen and (max-width:1200px) {
	.work-content {
		padding-top: 5.6rem
	}
}

.work-content .desc {
	font-size: 4rem;
	line-height: 1.3;
	font-weight: 700;
	color: #f7f7f7;
	position: relative;
	z-index: 1;
	text-align: right;
	right: 22%;
	opacity: .6
}

@media only screen and (max-width:1200px) {
	.work-content .desc {
		font-size: 3.5rem
	}
}

@media only screen and (max-width:800px) {
	.work-content .desc {
		font-size: 3rem
	}
}

@media screen and (max-width:1200px) {
	.work-content .desc {
		font-size: 2.4rem
	}
}

@media screen and (max-width:800px) {
	.work-content .desc {
		font-size: 1.8rem
	}
}

@media screen and (max-width:500px) {
	.work-content .desc {
		font-size: 1.2rem
	}
}

.work-content .image-txt {
	width: 66.6666666667%;
	margin: 0 auto;
	position: relative;
	z-index: 1;
	margin-top: -10rem
}

@media screen and (max-width:1200px) {
	.work-content .image-txt {
		width: 50%;
		margin-top: -3rem
	}
}

@media screen and (max-width:500px) {
	.work-content .image-txt {
		width: 70%
	}
}

.work-content .decor {
	position: absolute;
	top: -12%;
	width: 100%;
	z-index: 0
}

@media screen and (max-width:1200px) {
	.work-content .decor {
		top: 4%
	}
}

@media screen and (max-width:900px) {
	.work-content .decor {
		top: 15%
	}
}

.work-img {
	margin-top: 6.4rem
}

.work-img .content {
	display: flex;
	flex-direction: column;
	align-items: center;
	text-align: center;
	gap: 1.6rem;
	font-size: 3.2rem;
	color: #fff
}

@media only screen and (max-width:1200px) {
	.work-img .content {
		font-size: 2.7rem
	}
}

@media only screen and (max-width:800px) {
	.work-img .content {
		font-size: 2.2rem
	}
}

@media screen and (max-width:1200px) {
	.work-img .content {
		font-size: 2.4rem
	}
}

@media screen and (max-width:800px) {
	.work-img .content {
		font-size: 1.8rem
	}
}

.work-img .content .title {
	line-height: 1.5;
	font-weight: 600;
	letter-spacing: -1.6px
}

@media screen and (max-width:1200px) {
	.work-img .content .title {
		letter-spacing: -1px
	}
}

.work-img .content .btn-second {
	font-size: 3.2rem;
	padding: 2.4rem 3.2rem;
	font-weight: 600;
	line-height: 1.3
}

@media only screen and (max-width:1200px) {
	.work-img .content .btn-second {
		font-size: 2.7rem
	}
}

@media only screen and (max-width:800px) {
	.work-img .content .btn-second {
		font-size: 2.2rem
	}
}

@media screen and (max-width:1200px) {
	.work-img .content .btn-second {
		font-size: 2.4rem;
		padding: 1.6rem 2.4rem
	}
}

@media screen and (max-width:800px) {
	.work-img .content .btn-second {
		font-size: 1.8rem;
		padding: .8rem 1.8rem
	}
}

.work-img .content .image {
	width: 100%;
	margin-top: -10rem
}

.work-img .image {
	margin-bottom: -1.5rem
}

.work-img .image img {
	vertical-align: middle
}

.gallery-video-custom .lg-outer .lg-content {
	pointer-events: none
}

.lg-outer .lg-video-cont {
	width: 100% !important;
	height: 100% !important;
	aspect-ratio: 9/16;
	vertical-align: middle;
	pointer-events: auto
}

.gallery-video-custom .lg-outer .lg-video-object {
	position: static;
	border-radius: 1.2rem;
	border: .1rem solid rgba(255, 255, 255, .301961);
	object-fit: cover
}

.gallery-video-custom .lg-outer .lg-inner {
	width: 25%;
	left: 50%;
	transform: translate(-50%, 0);
	bottom: 4.8rem;
	aspect-ratio: 9/16
}

@media screen and (max-width:1200px) {
	.gallery-video-custom .lg-outer .lg-inner {
		width: 50%
	}
}

@media screen and (max-width:550px) {
	.gallery-video-custom .lg-outer .lg-inner {
		width: 70%
	}
}

.gallery-video-custom .lg-next,
.lg-prev {
	border-radius: 50%;
	background: rgba(255, 255, 255, .2);
	padding: 1.2rem;
	transform: translateY(-50%);
	pointer-events: auto
}

@media screen and (max-width:550px) {

	.gallery-video-custom .lg-next,
	.lg-prev {
		font-size: 1.6rem
	}
}

.gallery-video-custom .lg-next {
	right: 1.5rem
}

@media screen and (max-width:550px) {
	.gallery-video-custom .lg-next {
		right: .8rem
	}
}

.gallery-video-custom .lg-prev {
	left: 1.5rem
}

@media screen and (max-width:550px) {
	.gallery-video-custom .lg-prev {
		left: .8rem
	}
}

.gallery-video-custom .lg-backdrop {
	background-color: #1a1a1a
}

.gallery-video-custom .lg-toolbar {
	display: flex;
	flex-direction: row-reverse;
	justify-content: space-between
}

.gallery-video-custom .img-logo {
	height: 4.8rem;
	flex: 1;
	display: flex;
	justify-content: flex-start;
	align-items: center;
	padding: .8rem 1.6rem
}

.gallery-video-custom .img-logo img {
	max-width: max-content
}

.customer-feedback-arrow {
	width: 100%;
	margin-bottom: 6.4rem
}

@media screen and (max-width:1200px) {
	.customer-feedback-arrow {
		margin-bottom: 4.8rem
	}
}

.customer-feedback-arrow .arrow-down-wrapper {
	margin-top: 0
}

@media screen and (max-width:576px) {
	.customer-feedback-arrow {
		margin-top: 2.4rem
	}

	.customer-feedback-arrow .arrow-down-wrapper {
		display: none
	}
}

.customer-feedback iframe {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0
}

.customer-feedback .inner {
	aspect-ratio: 9/16
}

.customer-feedback {
	padding-bottom: 12rem
}

@media screen and (max-width:768px) {
	.customer-feedback {
		padding-bottom: 8rem
	}
}

@media screen and (max-width:550px) {
	.customer-feedback {
		padding-bottom: 4rem
	}
}

.customer-feedback-header {
	margin-bottom: 4rem
}

@media screen and (max-width:768px) {
	.customer-feedback-header {
		margin-bottom: 3.2rem
	}
}

@media screen and (max-width:550px) {
	.customer-feedback-header {
		margin-bottom: 2.4rem
	}
}

@media screen and (max-width:550px) {
	.customer-feedback-tt br {
		display: none
	}
}

.customer-feedback-content {
	position: relative
}

@media screen and (max-width:768px) {
	.swiper-studio-content.col-8 {
		width: 100%
	}
}

.customer-feedback-seemore {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	gap: .8rem;
	margin-top: 2.4rem;
	text-align: center;
	color: #fff;
	font-weight: 600;
	font-size: 2.4rem
}

@media screen and (max-width:768px) {
	.customer-feedback-seemore {
		margin-top: 1.8rem;
		flex-direction: column;
		font-size: 1.8rem;
		gap: .2rem
	}
}

@media screen and (max-width:550px) {
	.customer-feedback-seemore {
		font-size: 1.6rem
	}
}

.customer-feedback-seemore .txt-highline {
	display: inline-flex;
	justify-content: center;
	align-items: center
}

.customer-feedback-seemore .icon {
	width: 12%
}

.customer-feedback-seemore .txt {
	flex: 1;
	text-transform: uppercase;
	text-decoration: underline;
	text-underline-offset: .6rem;
	white-space: nowrap
}

.customer-feedback-slider {
	position: relative;
	inset: 0;
	max-width: 38.4rem;
	width: 100%
}

.customer-feedback .inner.hide-btn .play-btn,
.customer-feedback .inner.hide-btn .user-bg {
	opacity: 0;
	pointer-events: none
}

.customer-feedback-video {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center
}

.customer-feedback .inner {
	position: relative;
	left: 0;
	top: 0;
	width: 100%;
	height: auto;
	z-index: 5;
	border-radius: 1.2rem;
	overflow: hidden
}

.customer-feedback .inner.hidden {
	z-index: 20
}

.customer-feedback .inner.hidden .play-btn {
	display: none
}

.customer-feedback .inner.hidden .cuscmt-bg {
	display: none
}

.customer-feedback .inner.hidden .user-bg {
	display: none
}

.customer-feedback .inner .user-video {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 100%;
	height: 100%;
	border-radius: 1.2rem;
	overflow: hidden;
	object-fit: cover
}

.customer-feedback .inner .user-video iframe {
	width: 100%;
	height: 100%
}

.customer-feedback .inner .user-bg {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 100%;
	height: 100%;
	border-radius: 1.2rem;
	overflow: hidden
}

.customer-feedback .inner .user-bg img {
	width: 100%;
	height: 100%;
	object-fit: cover
}

.customer-feedback .inner .play-btn {
	z-index: 100;
	display: flex;
	justify-content: center;
	align-items: center;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 8rem;
	height: 8rem;
	z-index: 2;
	cursor: pointer;
	background: 0 0;
	transition: all .5s linear;
	display: none
}

.customer-feedback .inner .play-btn .icon-play {
	display: flex;
	width: 5.4rem;
	height: 5.4rem;
	border-radius: 100%;
	background-color: rgba(255, 255, 255, .4);
	position: relative
}

@media screen and (max-width:768px) {
	.customer-feedback .inner .play-btn .icon-play {
		width: 4rem;
		height: 4rem
	}
}

@media screen and (max-width:550) {
	.customer-feedback .inner .play-btn .icon-play {
		width: 3.2rem;
		height: 3.2rem
	}
}

.customer-feedback .inner .play-btn .icon-play:hover {
	-webkit-animation: rotate-scale-down .65s linear both;
	animation: rotate-scale-down .65s linear both
}

.customer-feedback .inner .play-btn .icon-play img {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 2rem;
	height: auto
}

.customer-feedback .swiper-slide-active .play-btn {
	display: flex
}

@keyframes rotate-scale-down {
	0% {
		-webkit-transform: scale(1) rotateZ(0);
		transform: scale(1) rotateZ(0)
	}

	50% {
		-webkit-transform: scale(.5) rotateZ(180deg);
		transform: scale(.5) rotateZ(180deg)
	}

	100% {
		-webkit-transform: scale(1) rotateZ(360deg);
		transform: scale(1) rotateZ(360deg)
	}
}

.btn-slide-show .swiper-button {
	padding: 1.2rem;
	background: #fff;
	width: 4.8rem;
	height: 4.8rem;
	border-radius: 100%;
	display: flex;
	justify-content: center;
	align-items: center
}

@media screen and (max-width:1200px) {
	.btn-slide-show .swiper-button {
		width: 3.2rem;
		height: 3.2rem;
		padding: .8rem
	}
}

.btn-slide-show .swiper-button .icon {
	width: 100%
}

.btn-slide-show .swiper-button::after {
	display: none
}

.btn-slide-show .swiper-button-prev {
	left: 34%
}

@media screen and (max-width:768px) {
	.btn-slide-show .swiper-button-prev {
		left: 4%
	}
}

.btn-slide-show .swiper-button-next {
	right: 34%;
	background: #f5851e
}

@media screen and (max-width:768px) {
	.btn-slide-show .swiper-button-next {
		right: 4%
	}
}

.customer-feedback-dcor .dcor-1 {
	position: absolute;
	top: -30%;
	left: 0;
	mix-blend-mode: screen;
	width: 100%;
	pointer-events: none
}

@media screen and (max-width:768px) {

	.customer-feedback-dcor .dcor-2,
	.customer-feedback-dcor .dcor-3,
	.customer-feedback-dcor .dcor-4,
	.customer-feedback-dcor .dcor-5 {
		display: none
	}
}

.customer-feedback-dcor .dcor-2 {
	position: absolute;
	top: -35%;
	right: 76%;
	width: 8%;
	pointer-events: none
}

.customer-feedback-dcor .dcor-3 {
	position: absolute;
	top: -35%;
	left: 80%;
	width: 10%;
	pointer-events: none
}

.customer-feedback-dcor .dcor-4 {
	position: absolute;
	top: 35%;
	left: 0;
	width: 8%;
	pointer-events: none
}

.customer-feedback-dcor .dcor-5 {
	position: absolute;
	top: 40%;
	right: 0;
	width: 8%;
	pointer-events: none
}

@keyframes arrowDown {
	0% {
		opacity: 0
	}

	40% {
		opacity: 1
	}

	80% {
		opacity: 0
	}

	100% {
		opacity: 0
	}
}

.arrow-down-wrapper {
	display: flex;
	justify-content: center;
	gap: 2.5rem;
	margin-top: 5%
}

.arrow-down-wrapper .arrow-group {
	display: flex;
	flex-direction: column
}

@media screen and (max-width:550px) {
	.arrow-down-wrapper .arrow-group {
		width: 8%
	}
}

.arrow-down-wrapper .arrow-group .arrow img {
	object-fit: contain
}

.arrow-down-wrapper .arrow-group .arrow:nth-child(1) {
	animation: arrowDown 1.2s linear 0s infinite
}

.arrow-down-wrapper .arrow-group .arrow:nth-child(2) {
	animation: arrowDown 1.2s linear .3s infinite
}

.arrow-down-wrapper .arrow-group .arrow:nth-child(1) {
	animation: arrowDown 1.2s linear 0s infinite
}

.arrow-down-wrapper .arrow-group .arrow:nth-child(2) {
	animation: arrowDown 1.2s linear .3s infinite
}