@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');

:root {
	--k6-width: 1100px;
	--k6-identity: #e5c798;
	--k6-blue: #182230;
	--k6-light-blue: #415f7a;
	--k6-dark-blue: #151d28;
	--k6-gray: #999999;
	--k6-light-gray: #eaeaea;
	--k6-error: #f2193e;
	--k6-success: #34d679;
	--k6-spacer-sm: 2.4rem;
	--k6-spacer-md: 4rem;
	--k6-spacer-lg: 6rem;
	--k6-spacer-xl: 8rem;
	--k6-spacer-xxl: 10rem;
	--bs-gutter-x: 3rem;
}

html {
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	font-size: 10px;
	letter-spacing: -0.2px;
	overflow-x: hidden;
}
body {
	background-color: var(--bs-white);
	font-family: 'Inter', serif;
	font-optical-sizing: auto;
	font-style: normal;
	color: var(--k6-blue);
	font-size: 2rem;
	line-height: 1.6;
}
a,
img {
	outline: 0;
}
a {
	color: var(--k6-light-blue);
	text-decoration: none;
	transition: all 0.4s ease;
}
a:hover {
	color: var(--k6-identity);
	text-decoration: none;
}
a:active,
a:focus {
	color: var(--k6-identity);
	text-decoration: none;
}
a[href^="tel"] {
    color: inherit;
    text-decoration: none;
}
ul,
ol {
	margin-bottom: 2.5rem;
}
svg {
	display: block;
}
h1,
h2,
h3,
h4 {
	margin-bottom: 2rem;
	color: var(--k6-blue);
}
h1 {
	font-size: 7.2rem;
	font-weight: 700;
}
h2 {
	font-size: 5rem;
	font-weight: 700;
}
h3 {
	font-size: 2.8rem;
	font-weight: 700;
}
h4 {
	font-size: 2rem;
	font-weight: 700;
}
p {
	margin-bottom: 2.5rem;
}
p:last-child {
	margin-bottom: 0;
}
hr {
	position: relative;
	width: 100%;
	height: 1px;
	margin: 2rem 0;
	border: 0;
	opacity: 1;
}
hr::after {
	position: absolute;
	display: block;
	content: '';
	left: 0;
	top: 0;
	width: 4rem;
	height: 100%;
	background-color: var(--k6-light-blue);
}
::placeholder {
	color: var(--k6-gray);
	opacity: 1;
}
[align="left"] {
	text-align: left;
}
[align="center"] {
	text-align: center;
}
[align="right"] {
	text-align: right;
}
[align="justify"] {
	text-align: justify;
}
.page-wrapper {
	position: relative;
	transition: margin 0.4s ease;
}
.input-field {
	position: relative;
	display: block;
	box-sizing: border-box;
	width: 100%;
	height: 6.2rem;
	padding: 1.8rem 2.5rem;
	border: 1px solid var(--k6-light-blue);
	outline: none;
	background: transparent;
	color: var(--bs-white);
	line-height: 2.6rem;
	transition: all 0.4s ease;
}
.input-field:focus {
	border-color: var(--bs-white);
}
textarea.input-field {
	height: 13.8rem;
	overflow: auto;
	resize: none;
}
.input-field + .input-field,
.group-field + .group-field {
	margin-top: 1.6rem;
}
.group-field {
	position: relative;
}
.group-field > .input-field {
	padding-left: 7rem;
}
.group-field > .icon {
	position: absolute;
	display: block;
	left: 2.5rem;
	top: 2.1rem;
	content: '';
	z-index: 2;
}
.group-field > .icon > svg {
	width: 2rem;
	height: 2rem;
	fill: var(--k6-light-blue);
	transition: all 0.4s ease;
}
.input-field:focus + .icon > svg {
	fill: var(--bs-white);
}
button {
	border: 0;
	outline: none;
	background: transparent;
}
header {
	position: absolute;
	width: 100%;
	top: 0;
	left: 0;
	z-index: 10;
}
footer {
	background-color: var(--k6-dark-blue);
	color: var(--k6-light-blue);
}
footer a:hover {
	color: var(--bs-white);
}
.header-top {
	border-bottom: 1px solid var(--k6-light-blue);
	background-color: var(--k6-blue);
}
.header-nav {
	display: flex;
	flex-wrap: nowrap;
	justify-content: flex-end;
	align-items: center;
	align-content: flex-start;
	font-size: 1.2rem;
	text-transform: uppercase;
	line-height: 3rem;
	padding: 0.5rem 0;
}
.block-social {
	position: relative;
	overflow: auto;
}
.block-social a {
	display: block;
	float: left;
}
.block-social a + a {
	margin-left: 2rem;
}
.block-social a svg {
	width: 1.8rem;
	height: 1.8rem;
	fill: var(--k6-light-blue);
	transition: all 0.4s ease;
}
.block-social a:hover svg {
	fill: var(--k6-identity);
}
.block-social a:active svg {
	fill: var(--bs-white);
}
.header-link {
	margin-left: 3.5rem;
}
.header-link a {
	display: block;
	float: left;
	padding: 0 3.5rem;
	border-left: 1px solid var(--k6-light-blue);
}
.header-link a:last-child {
	padding-right: 0;
}
.header-link a.active {
	color: var(--k6-identity);
}
.header-main {
	padding-top: 5rem;
}
.header-menu {
	text-align: right;
}
.header-menu a {
	position: relative;
	display: inline-block;
	padding: 1rem 0;
	color: var(--bs-white);
	font-size: 1.4rem;
	line-height: 2.5rem;
	text-transform: uppercase;
}
.header-menu a + a {
	margin-left: 6rem;
}
.header-menu a.active,
.header-menu a:hover {
	color: var(--k6-identity);
}
.header-menu a::after {
	position: absolute;
	display: block;
	content: '';
	left: 0;
	bottom: 0.75rem;
	width: 0;
	height: 1px;
	opacity: 0;
	background-color: var(--k6-identity);
	transition: all 0.4s ease;
	z-index: 2;
}
.header-menu a.active::after,
.header-menu a:hover::after {
	width: 100%;
	opacity: 1;
}
#button-menu {
	float: right;
	width: 2.5rem;
	height: 2.5rem;
	margin: 1rem 0;
	cursor: pointer;
	fill: var(--k6-identity);
	transition: all 0.4s ease;
}
#button-menu .active,
#button-menu .inactive {
	transition: all 0.4s ease;
}
#button-menu:hover {
	fill: var(--k6-light-blue);
}
#button-menu.open .active {
	opacity: 1 !important;
}
#button-menu.open .inactive {
	opacity: 0;
}
.container {
	max-width: calc(var(--k6-width) + 15px);
}
.container-wide {
	position: relative;
	max-width: calc(var(--k6-width) + 200px);
	padding-left: 0;
	padding-right: 0;
}
.logo-header {
	width: 18.3rem;
	height: 4.5rem;
	fill: var(--k6-identity);
	transition: all 0.4s ease;
}
.logo-header:hover {
	fill: var(--k6-light-blue);
}
.logo-footer {
	width: 22.8rem;
	height: 5.6rem;
	fill: var(--k6-light-blue);
	transition: all 0.4s ease;
}
.logo-footer:hover {
	fill: var(--bs-white);
}
.bg-split {
	position: absolute;
	width: 50%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: 2;
}
.bg-split + * {
	position: relative;
	z-index: 3;
}
.bg-blue {
	background-color: var(--k6-blue);
}
.bg-light-gray {
	background-color: var(--k6-light-gray);
}
.bg-right {
	left: initial;
	right: 0;
}
.text-versus {
	color: var(--k6-identity);
	position: absolute;
	width: 100%;
	left: 0;
	font-size: 1.15rem;
	line-height: 2rem;
	font-weight: 700;
	text-transform: uppercase;
	text-align: center;
	pointer-events: none;
}
.badge-versus {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translateX(-50%) translateY(-50%);
	z-index: 4;
	pointer-events: none;
}
.badge-versus > svg {
	width: 75px;
	height: 75px;
}
.color-identity {
	color: var(--k6-identity);
}
.color-white,
.color-white a {
	color: var(--bs-white);
}
.color-white a:hover {
	color: var(--k6-identity);
}
.color-light-blue {
	color: var(--k6-light-blue);
}
.color-gray {
	color: var(--k6-gray);
}
.text-justify {
	text-align: justify;
}
.text-xs {
	font-size: 1.2rem;
}
.text-sm {
	font-size: 1.35rem;
}
.notify {
	display: block;
	margin-top: 1.6rem;
	border: 1px solid var(--k6-dark-blue);
	padding: 1rem;
	font-size: 1.2rem;
	line-height: 2rem;
	text-align: center;
}
.feedback {
	display: block;
	margin-top: 0.5rem;
	font-size: 1.4rem;
	font-weight: 700;
	text-align: left;
}
.color-error {
	border-color: var(--k6-error);
	color: var(--k6-error);
}
.color-success {
	border-color: var(--k6-success);
	color: var(--k6-success);
}
.icon-list,
.wide-list,
.styled-list,
.unstyled-list {
	list-style: none;
	margin-bottom: 0;
	padding-left: 0;
}
.styled-list > li {
	position: relative;
	padding-left: 2rem;
}
.styled-list > li::before {
	position: absolute;
	display: block;
	content: '-';
	left: 0;
}
.styled-list a {
	text-decoration: underline;
}
.icon-list > li {
	position: relative;
	padding-left: 4.5rem;
}
.icon-list > li > svg {
	position: absolute;
	display: block;
	top: 50%;
	left: 0;
	height: 1.6rem;
	width: 1.6rem;
	transform: translateY(-50%);
}
.wide-list > li {
	position: relative;
	padding-left: 7rem;
}
.wide-list > li::before {
	position: absolute;
	display: block;
	content: '';
	top: 50%;
	left: 0;
	height: 1px;
	width: 4rem;
	background-color: var(--k6-dark-blue);
}
.number-list > li {
	padding-left: 0;
}
.number-list > li > span {
	display: block;
	float: left;
	color: var(--k6-light-blue);
}
.number-list > li > div {
	padding-left: 9.4rem;
}
.number-list > li::before {
	left: 3.9rem;
	background-color: var(--k6-light-blue);
}
.styled-list > li + li {
	margin-top: 2.5rem;
}
.unstyled-list > li + li {
	margin-top: 1.5rem;
}
.icon-list > li + li,
.wide-list > li + li {
	margin-top: 1.5rem;
}
.chevron,
.button {
	position: relative;
	display: inline-flex;
	overflow: hidden;
	max-width: 100%;
	padding: 0.75rem 0;
	font-size: 2.2rem;
	line-height: 2.5rem;
	text-transform: uppercase;
}
.chevron > span,
.button > span {
	display: block;
	padding-right: 6.5rem;
	color: var(--k6-blue);
	letter-spacing: -0.2px;
	transition: all 0.4s ease;
}
.chevron > svg,
.button > svg {
	position: absolute;
	display: block;
	width: 4rem;
	height: 1.5rem;
	top: 50%;
	content: '';
	fill: var(--k6-blue);
	transform: translateY(-50%);
	transition: all 0.4s ease;
}
.button > svg:first-child {
	left: -6.5rem;
}
.button > svg:last-child {
	right: 0;
}
.button:active,
.button:focus,
.button:hover {
	text-decoration: none;
}
.button:hover > span {
	padding-left: 6.5rem;
	padding-right: 0;
	color: var(--k6-blue);
}
.button:hover > svg:first-child {
	left: 0;
}
.button:hover > svg:last-child {
	right: -6.5rem;
}
.button.button-white > span,
.button.button-white:hover > span {
	color: var(--bs-white);
}
.button.button-white > svg {
	fill: var(--bs-white);
}
.chevron {
	padding-top: 0;
	padding-bottom: 0;
}
.chevron > span {
	padding-right: 4rem;
	color: var(--bs-white);
}
.chevron > svg {
	width: 1.8rem;
	height: 1.5rem;
	right: 0;
	fill: var(--bs-white);
	transform-origin: center;
}
.chevron:hover > span {
	color: var(--bs-white);
}
.chevron:hover > svg {
	fill: var(--bs-white);
	transform: translateY(-50%) rotateZ(360deg);
}
.chevron.chevron-content {
	padding: 0.75rem 0;
}
.chevron.chevron-content > span {
	color: var(--k6-dark-blue);
}
.chevron.chevron-content > svg {
	fill: var(--k6-dark-blue);
}
.chevron.chevron-content:hover > span {
	color: var(--k6-dark-blue);
}
.chevron.chevron-content:hover > svg {
	fill: var(--k6-dark-blue);
}
.item-article h3 a {
	position: relative;
	display: inline-block;
	color: var(--k6-blue);
}
.item-article h3.color-white a {
	color: var(--bs-white);
}
.item-article h3 a:active,
.item-article h3 a:hover {
	color: var(--k6-blue);
	text-decoration: underline;
}
.item-article h3.color-white a:active,
.item-article h3.color-white a:hover {
	color: var(--bs-white);
}
.title-decoration,
.item-article h4 {
	color: var(--k6-light-blue);
	font-weight: normal;
	text-transform: uppercase;
}
.item-article p {
	margin-bottom: 0;
	line-height: 2.6rem;
}
.item-article .detail {
	position: relative;
	padding-left: 4.6rem;
	margin-bottom: 2rem;
	font-size: 1.8rem;
	line-height: 2.6rem;
	color: var(--k6-light-blue);
}
.item-article .detail svg {
	position: absolute;
	display: block;
	left: 0;
	width: 2.6rem;
	height: 2.6rem;
	fill: var(--k6-light-blue);
}
.item-article .detail.color-white {
	color: var(--bs-white);
}
.item-article .detail.color-white svg {
	fill: var(--bs-white);
}
.item-article h3 a:hover::after {
	width: 100%;
	opacity: 1;
}
.item-article .button {
	margin-top: var(--k6-spacer-md);
}
.heading {
	padding-top: 23.75rem;
}
.bg-cover {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	opacity: 0.75;
	background-size: cover;
	background-position: center;
	z-index: 1;
}
.bg-cover::before,
.bg-cover::after {
	position: absolute;
	display: block;
	content: '';
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
}
.bg-cover::before {
	z-index: 2;
	opacity: 0.5;
	background: var(--k6-gray);
}
.bg-cover::after {
	z-index: 3;
	background: linear-gradient(90deg, var(--k6-blue) 0%, var(--k6-blue) 35%, rgba(0,0,0,0) 100%);
}
.bg-cover + * {
	position: relative;
	z-index: 4;
}
.bg-fixed-left {
	background-position: left center;
}
.bg-fixed-right {
	background-position: right center;
}
.bg-overlay {
	position: relative;
	padding-top: var(--k6-spacer-xxl);
	padding-bottom: 16rem;
	background-size: cover;
	background-position: center;
}
.img-overlay {
	position: relative;
}
.bg-overlay::after,
.img-overlay::after {
	position: absolute;
	display: block;
	content: '';
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	opacity: 0.75;
	z-index: 2;
	pointer-events: none;
	background-color: var(--k6-blue);
}
.img-overlay > img {
	width: 100%;
	height: auto;
}
.bg-overlay > div {
	position: relative;
	z-index: 3;
}
.bg-overlay > div .row {
	min-height: 46rem;
}
.item-benefit {
	position: relative;
	display: flex;
	flex-flow: column;
	align-self: center;
	min-width: 22rem;
	min-height: 6.4rem;
	padding-left: 9rem;
	margin-bottom: 2rem;
}
.item-benefit p {
	line-height: 2.5rem;
}
.item-benefit img {
	position: absolute;
	display: block;
	width: 5rem;
	left: 0;
	top: 50%;
	z-index: 2;
	transform: translateY(-50%);
}
.item-club {
	position: relative;
	padding-left: 20rem;
}
.item-workflow,
.item-investment {
	position: relative;
	padding-left: 16rem;
}
.item-club p,
.item-workflow p,
.item-investment p {
	line-height: 2.8rem;
}
.item-club img,
.item-workflow img,
.item-investment img {
	position: absolute;
	display: block;
	width: 12rem;
	max-height: 14rem;
	left: 0;
	top: 50%;
	z-index: 2;
	transform: translateY(-50%);
}
.separator-workflow svg {
	width: 12rem;
	height: 3.2rem;
}
.pagination-wrapper {
	position: relative;
	display: inline-flex;
	flex-wrap: wrap;
	justify-content: center;
}
.pagination-wrapper a {
	display: block;
	width: 4rem;
	height: 4rem;
	line-height: 4rem;
	text-align: center;
	color: var(--k6-blue);
	transition: all 0.1s ease;
}
.pagination-wrapper a:hover {
	background-color: var(--k6-light-blue);
	color: var(--bs-white);
}
.pagination-wrapper a.active {
	background-color: var(--k6-blue);
	color: var(--bs-white);
}
.video-wrapper {
	position: relative;
	overflow: hidden;
	width: 100%;
	padding-top: 56.25%;
}
.video-wrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	width: 100%;
	height: 100%;
	z-index: 2;
}
.video-overlay {
	position: absolute;
	display: flex;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: center;
	align-content: flex-start;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-size: cover;
	background-position: center;
	z-index: 3;
	cursor: pointer;
}
.video-overlay::after {
	position: absolute;
	display: block;
	content: '';
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	opacity: 0.75;
	background-color: var(--k6-blue);
	z-index: 4;
}
.video-overlay svg {
	position: relative;
	width: 9rem;
	height: 9rem;
	fill: var(--bs-white);
	z-index: 5;
	transition: all 0.4s ease;
}
.video-overlay:hover svg {
	fill: var(--k6-light-blue);
}
.map-wrapper {
	position: relative;
}
.map-wrapper iframe {
	border: 0;
	display: block;
	position: relative;
	outline: none;
	width: 100%;
	height: 53rem;
}
.item-contact,
.item-contact a {
	color: var(--bs-white);
}
.item-contact a:hover {
	color: var(--k6-identity);
}
.item-contact h4 {
	color: var(--k6-light-blue);
	font-weight: normal;
	text-transform: uppercase;
}
.title-decoration > span,
.item-article h4 > span,
.item-contact h4 > span {
	position: relative;
	display: inline-block;
	padding-right: 7rem;
}
.title-decoration > span::after,
.item-article h4 > span::after,
.item-contact h4 > span::after {
	position: absolute;
	display: block;
	content: '';
	right: 0;
	top: 50%;
	width: 4rem;
	height: 1px;
	background-color: var(--k6-light-blue);
}
.item-contact p {
	margin-top: 1rem;
	margin-bottom: 0;
}
.item-contact .block-social {
	padding: 0.7rem 0;
}
.item-contact .block-social a svg {
	fill: var(--bs-white);
}
.item-contact .block-social a:hover svg {
	fill: var(--k6-identity);
}
.item-team img {
	display: block;
	width: 100%;
	height: auto;
}
.item-team img + div {
	position: relative;
	margin-top: 3rem;
}
.item-team .block-social {
	padding: 0.5rem 0 0.5rem 3rem;
}
.item-team .block-social a svg {
	fill: var(--k6-gray);
}
.item-team .block-social a:hover svg {
	fill: var(--k6-identity);
}
.item-team h3 {
	margin-bottom: 0;
	font-size: 2.4rem;
	text-transform: uppercase;
}
.item-team h3 a {
	color: var(--k6-blue);
	text-decoration: underline;
}
.item-team h3 a:hover {
	color: var(--k6-identity);
	text-decoration: underline;
}
.item-team span {
	display: block;
	color: var(--k6-gray);
	margin-top: 1rem;
}
.item-team p {
	margin-top: 3rem;
	margin-bottom: 0;
}
.item-team p + p {
	margin-top: 1rem;
}
.item-tab {
	display: inline-block;
	margin-right: 8rem;
	color: var(--bs-white);
	text-transform: uppercase;
}
.item-tab:last-child {
	margin-right: 0;
}
.item-tab.active,
.item-tab:hover {
	color: var(--k6-identity);
}
.menu-active {
	overflow: hidden;
}
.menu-wrapper {
	visibility: hidden;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 15;
	transition: visibility 0.4s;
}
.menu-overlay {
	position: fixed;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	opacity: 0;
	background: var(--bs-black);
	transition: opacity 0.4s;
}
#button-close {
	position: absolute;
	top: 50%;
	right: 2.3rem;
	width: 2rem;
	height: 2rem;
	cursor: pointer;
	fill: var(--k6-identity);
	transform: translateY(-50%);
	transition: all 0.4s ease;
}
#button-close:hover {
	fill: var(--k6-light-blue);
}
.menu-content {
	position: relative;
	max-width: 100%;
	width: 100%;
	height: 100%;
	overflow-y: auto;
	background: var(--k6-dark-blue);
	box-shadow: 1px 0 5px rgba(0, 0, 0, 0.5);
	transform: translateX(-100%);
	transition: transform 0.4s;
	z-index: 2;
}
.menu-header {
	position: relative;
	padding: 3rem 2.3rem;
	border-bottom: 1px solid var(--k6-light-blue);
}
.logo-menu {
	width: 15rem;
	height: 3.7rem;
	fill: var(--k6-identity);
}
.menu-body {
	position: relative;
	padding: 2.5rem 2.3rem;
	border-bottom: 1px solid var(--k6-light-blue);
}
.menu-body > div {
	position: relative;
}
.menu-body > div + div {
	margin-top: 1.95rem;
}
.menu-body a {
	position: relative;
	display: inline-block;
	color: var(--bs-white);
	font-size: 1.4rem;
	line-height: 2.5rem;
	text-transform: uppercase;
}
.menu-body a.active,
.menu-body a:hover {
	color: var(--k6-identity);
}
.menu-body a.active::after,
.menu-body a:hover::after {
	width: 100%;
	opacity: 1;
}
.menu-body a::after {
	position: absolute;
	display: block;
	content: '';
	left: 0;
	bottom: -0.25rem;
	width: 0;
	height: 1px;
	opacity: 0;
	background-color: var(--k6-identity);
	transition: all 0.4s ease;
	z-index: 2;
}
.menu-footer {
	position: relative;
	padding: 3rem 2.3rem;
}
.menu-footer .block-social a svg {
	width: 2.3rem;
	height: 2.3rem;
}
.menu-active .page-wrapper {
	margin-left: 100%;
	margin-right: -100%;
}
.menu-active .menu-wrapper {
	visibility: visible;
}
.menu-active .menu-overlay {
	opacity: 0.8;
}
.menu-active .menu-content {
	transform: translateX(0);
}
.user-content img {
	max-width: 100% !important;
	height: auto;
}
.user-content table {
	width: 100%;
	margin-bottom: 2.5rem;
}
.user-content figure {
	margin-bottom: 2.5rem;
	text-align: center;
}
.user-content figcaption {
	margin-top: 0.5rem;
	font-style: italic;
	color: var(--k6-gray);
}
.user-content > div {
	margin-bottom: 2.5rem;
}
.user-content a {
	text-decoration: underline;
}
.user-content ul {
	position: relative;
	padding: 0;
	list-style: none;
}
.user-content ul > li {
	position: relative;
	padding-left: 3.5rem;
}
.user-content ul > li::before {
	position: absolute;
	display: block;
	content: '';
	top: 1.6rem;
	left: 0;
	height: 1px;
	width: 1.8rem;
	background-color: var(--k6-dark-blue);
}
#scroll-to-top {
	position: fixed;
	display: block !important;
	width: 84px;
	height: 84px;
	bottom: -100px;
	right: 100px;
	z-index: 10;
	opacity: 0;
	cursor: pointer;
	transition: all 0.6s ease;
}
#scroll-to-top.active {
	bottom: 100px;
	opacity: 1;
}
#scroll-to-top g {
	transition: all 0.4s ease;
}
#scroll-to-top:hover .active {
	opacity: 1 !important;
	transform: rotate(0deg) !important;
}
#scroll-to-top:hover .inactive {
	opacity: 0;
}
.not-found img {
	display: block;
	width: 100%;
	height: auto;
	max-width: 38rem;
	margin: 0 auto;
}
.grecaptcha-badge {
	visibility: hidden !important;
}

.k6-px-xxl {
	padding-left: var(--k6-spacer-xxl) !important;
	padding-right: var(--k6-spacer-xxl) !important;
}
.k6-py-lg {
	padding-top: var(--k6-spacer-lg) !important;
	padding-bottom: var(--k6-spacer-lg) !important;
}
.k6-py-xl {
	padding-top: var(--k6-spacer-xl) !important;
	padding-bottom: var(--k6-spacer-xl) !important;
}
.k6-py-xxl {
	padding-top: var(--k6-spacer-xxl) !important;
	padding-bottom: var(--k6-spacer-xxl) !important;
}
.k6-pt-sm {
	padding-top: var(--k6-spacer-sm) !important;
}
.k6-pt-md {
	padding-top: var(--k6-spacer-md) !important;
}
.k6-pt-lg {
	padding-top: var(--k6-spacer-lg) !important;
}
.k6-pt-xl {
	padding-top: var(--k6-spacer-xl) !important;
}
.k6-pt-xxl {
	padding-top: var(--k6-spacer-xxl) !important;
}
.k6-pb-md {
	padding-bottom: var(--k6-spacer-md) !important;
}
.k6-pb-lg {
	padding-bottom: var(--k6-spacer-lg) !important;
}
.k6-pb-xl {
	padding-bottom: var(--k6-spacer-xl) !important;
}
.k6-pb-xxl {
	padding-bottom: var(--k6-spacer-xxl) !important;
}
.k6-pl-0 {
	padding-left: 0 !important;
}
.k6-my-lg {
	margin-top: var(--k6-spacer-lg) !important;
	margin-bottom: var(--k6-spacer-lg) !important;
}
.k6-mt-sm {
	margin-top: var(--k6-spacer-sm) !important;
}
.k6-mt-md {
	margin-top: var(--k6-spacer-md) !important;
}
.k6-mt-lg {
	margin-top: var(--k6-spacer-lg) !important;
}
.k6-mt-xl {
	margin-top: var(--k6-spacer-xl) !important;
}
.k6-mt-xxl {
	margin-top: var(--k6-spacer-xxl) !important;
}
.k6-mt---xxl {
	margin-top: -10rem !important;
}
.k6-mb-xs {
	margin-bottom: 1.5rem !important;
}
.k6-mb-sm {
	margin-bottom: var(--k6-spacer-sm) !important;
}
.k6-mb-md {
	margin-bottom: var(--k6-spacer-md) !important;
}
.k6-mb-lg {
	margin-bottom: var(--k6-spacer-lg) !important;
}
.k6-mb-xl {
	margin-bottom: var(--k6-spacer-xl) !important;
}
.k6-mb-xxl {
	margin-bottom: var(--k6-spacer-xxl) !important;
}
.k6-mb---xxl {
	margin-bottom: -10rem !important;
}
.k6-gx-xs {
	--bs-gutter-x: 15px;
}
.row,
.k6-gx-sm {
	--bs-gutter-x: 40px;
}
.k6-gx-md {
	--bs-gutter-x: 49px;
}
.k6-gx-lg {
	--bs-gutter-x: 60px;
}
.k6-gx-xl {
	--bs-gutter-x: 65px;
}
.k6-gx-xxl {
	--bs-gutter-x: 130px;
}
.min-h-auto {
	min-height: 0 !important;
}

@media (max-width: 1199px) {
	.container {
		--bs-gutter-x: 6rem;
	}
	.item-benefit {
		margin-left: auto;
		margin-right: auto;
	}
	.k6-py-0-lg {
		padding-left: calc(var(--bs-gutter-x) * .5) !important;
		padding-right: calc(var(--bs-gutter-x) * .5) !important;
	}
	.k6-mb-lg-lg {
		margin-bottom: var(--k6-spacer-lg) !important;
	}
}

@media (max-width: 991px) {
	:root {
		--k6-spacer-xxl: 8rem;
	}
	.k6-mt---xxl {
		margin-top: -8rem !important;
	}
	.k6-mb---xxl {
		margin-bottom: -8rem !important;
	}
	.bg-overlay {
		margin-top: 0;
		padding-bottom: var(--k6-spacer-xxl);
	}
	.bg-overlay > div .row {
		min-height: 32rem;
	}
	.k6-mt-lg-md {
		margin-top: var(--k6-spacer-lg) !important;
	}
	.k6-mb-md-lg {
		margin-bottom: var(--k6-spacer-md) !important;
	}
	.heading {
		padding-top: 18.75rem;
	}
	#scroll-to-top {
		width: 42px;
		height: 42px;
		bottom: -50px;
		right: 50px;
	}
	#scroll-to-top.active {
		bottom: 50px;
	}
	body {
		font-size: 1.6rem;
	}
	h1 {
		font-size: 4.8rem;
	}
	h2 {
		font-size: 3.5rem;
	}
	h3 {
		font-size: 1.9rem;
	}
	h4 {
		font-size: 1.6rem;
	}
	.text-xs {
		font-size: 1.1rem;
	}
	.text-sm,
	.feedback {
		font-size: 1.3rem;
	}
	.chevron,
	.button {
		font-size: 1.65rem;
	}
	.item-article .detail {
		font-size: 1.35rem;
		line-height: 2rem;
	}
	.item-team h3 {
		font-size: 1.8rem;
	}
	.item-benefit p {
		line-height: 1.8rem;
	}
	.item-club p,
	.item-workflow p,
	.item-investment p {
		line-height: 2rem;
	}
}

@media (max-width: 767px) {
	:root {
		--k6-spacer-md: 2.4rem;
		--k6-spacer-lg: 4rem;
		--k6-spacer-xl: 4rem;
		--k6-spacer-xxl: 6rem;
	}
	.k6-gx-xxl {
		--bs-gutter-x: 20px;
	}
	.k6-mt---xxl {
		margin-top: -6rem !important;
	}
	.k6-mb---xxl {
		margin-bottom: -6rem !important;
	}
	.color-white-sm {
		color: var(--bs-white);
	}
	.header-main {
		padding-top: 3rem;
	}
	.logo-header {
		width: 15rem;
		height: 3.7rem;
	}
	#button-menu {
		margin: 0.6rem 0;
	}
	.heading {
		padding-top: 14.25rem;
	}
	.k6-mt-lg-sm {
		margin-top: var(--k6-spacer-lg) !important;
	}
	#scroll-to-top {
		display: none !important;
	}
	body {
		font-size: 1.4rem;
	}
	h1 {
		font-size: 4.3rem;
	}
	h2 {
		font-size: 3rem;
	}
	h3 {
		font-size: 1.65rem;
	}
	h4 {
		font-size: 1.4rem;
	}
	.text-xs {
		font-size: 1rem;
	}
	.text-sm,
	.feedback {
		font-size: 1.2rem;
	}
	.chevron,
	.button {
		font-size: 1.4rem;
	}
	.item-article .detail {
		font-size: 1.15rem;
		line-height: 1.75rem;
	}
	.item-team h3 {
		font-size: 1.6rem;
	}
	.item-benefit p {
		line-height: 1.5rem;
	}
	.item-club p,
	.item-workflow p,
	.item-investment p {
		line-height: 1.75rem;
	}
	.item-club,
	.item-workflow,
	.item-investment {
		padding-left: 10.5rem;
	}
	.item-club img,
	.item-workflow img,
	.item-investment img {
		width: 9rem;
		max-height: 10.5rem;
	}
	.separator-workflow svg {
		width: 9rem;
	}
	.icon-list > li {
		padding-left: 3.0rem;
	}
	.icon-list > li > svg {
		top: 0.35rem;
		transform: none;
	}
}

@media (max-width: 575px) {
	h1 {
		font-size: 3.2rem;
	}
	h2 {
		font-size: 2.6rem;
	}
	.k6-gx-xs {
		--bs-gutter-x: 15px;
	}
	.k6-mt-lg-xs {
		margin-top: var(--k6-spacer-lg) !important;
	}
	.k6-mt-xs {
		margin-top: 1.5rem !important;
	}
	.bg-overlay {
		padding-top: var(--k6-spacer-lg);
		padding-bottom: var(--k6-spacer-lg);
	}
	.item-club,
	.item-workflow,
	.item-investment {
		padding-left: 0;
		text-align: center;
	}
	.item-club img,
	.item-workflow img,
	.item-investment img {
		position: relative;
		transform: initial;
		top: initial;
		left: initial;
		margin: 0 auto 1.6rem auto;
	}
	.separator-workflow svg {
		width: 100%;
	}
	.item-tab {
		margin-right: 2.8rem;
	}
}

.youtube-disabled-placeholder {
	position: absolute;
    z-index: 4;
    cursor: pointer;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
    align-content: flex-start;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center;
    display: flex;
    background-color: #535963;
    color: white;
    text-align: center;
}