/*--------------------*/
/* RESET              */
/*--------------------*/
html {
	height: auto;
	overflow-y: scroll;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	font-synthesis: none;
	-webkit-font-smoothing: antialiased;
}
*,
*:before,
*:after {
	-webkit-box-sizing: inherit;
	box-sizing: inherit;
}
* {
	margin: 0;
	padding: 0;
	border: 0;
	font: inherit;
	font-size: 100%;
	line-height: inherit;
	vertical-align: baseline;
	-webkit-text-size-adjust: none;
	-webkit-locale: auto;
}
html:not(.touch-screen)::-webkit-scrollbar {
	width: 0.5rem;
	height: 0.5rem;
}
html:not(.touch-screen)::-webkit-scrollbar-track {
	background: transparent;
}
html:not(.touch-screen)::-webkit-scrollbar-thumb {
	background: var(--clr-secondary);
	border-radius: 0.25rem;
}
body:not(.touch-screen) *::-webkit-scrollbar {
	width: 0.25rem;
	height: 0.25rem;
}
body:not(.touch-screen) *::-webkit-scrollbar-track {
	background: transparent;
	border-radius: 0.25rem;
}
body:not(.touch-screen) *::-webkit-scrollbar-thumb {
	background: #c2c2c2;
}
:focus,
:hover,
:active,
:visited {
	outline: none;
}
button {
	background: none;
}
body {
	height: auto;
	scroll-behavior: smooth;
	background-color: var(--clr-white);
}
body ::-moz-selection {
	color: var(--clr-white);
	background: var(--clr-secondary);
}
body ::selection {
	color: var(--clr-white);
	background: var(--clr-secondary);
}
a {
	display: inline-block;
	text-decoration: none;
	cursor: pointer;
	outline: none;
	color: inherit;
	-webkit-transition: var(--transition-1);
	transition: var(--transition-1);
}
a:hover {
	text-decoration: none;
}
ul,
ol {
	list-style: none;
}
sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}
sup {
	top: -0.5em;
}
sub {
	bottom: -0.25em;
}
picture {
	font-size: 0;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
img {
	position: relative;
	width: auto;
	height: auto;
	max-width: 100%;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	vertical-align: top;
}
img::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: var(--clr-grey);
	background-image: url(../img/placeholder-img.webp);
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}
input {
	-webkit-appearance: none;
	-moz-appearance: none;
	font-size: 1rem;
	font-weight: 400;
	color: var(--clr-black);
}
input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder,
input:-moz-placeholder,
textarea:-moz-placeholder,
input::-moz-placeholder,
textarea::-moz-placeholder,
input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
	display: none;
}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
	-webkit-appearance: none;
	margin: 0;
}
input[type='number'] {
	-moz-appearance: textfield;
}
input[type='search']::-webkit-search-cancel-button,
input[type='search']::-webkit-search-results-button,
input[type='search']::-webkit-search-results-decoration {
	-webkit-appearance: none;
	height: 0.7em;
	width: 0.7em;
	background-size: contain;
	cursor: pointer;
}
input,
textarea,
select {
	border-radius: 0;
	background: none;
	border: none;
	margin: 0;
	width: 100%;
	padding: 0;
}
textarea {
	display: block;
	resize: none;
	overflow: auto;
}
select::-ms-expand {
	display: none;
}
/*----------------------*/
/* MAIN GLOBAL SETTINGS */
/*----------------------*/
:root {
	--root-scale: 1rem;
	--svh: 100vh;
	--dvh: 100vh;
	--container-width: 100%;
	--ff-1: 'CenturyGothic', sans-serif;
	--h1: clamp(3.25rem, 2.4258rem + 1.7172vi, 4.3125rem);
	--h1-big: clamp(3.75rem, 2.7803rem + 2.0202vi, 5rem);
	--h2: clamp(2rem, 1.5303rem + 2.0202vi, 3.75rem);
	--h3: clamp(1.875rem, 1.2932rem + 1.2121vi, 2.625rem);
	--h4: clamp(1.5rem, -1.6462rem + 3.7736vw, 2.5rem);
	--h5: clamp(1.125rem, 0.9311rem + 0.404vi, 1.375rem);
	--h6: clamp(1rem, calc(0.79rem + 0.44vw), 1.25rem); /* 16px - 20px */
	--size-45: clamp(2.5rem, 2.2576rem + 0.5051vi, 2.8125rem);
	--size-28: clamp(1.375rem, 1.0841rem + 0.6061vi, 1.75rem);
	--size-32: clamp(
		1.5rem,
		1.1121rem + 0.8081vi,
		2rem
	); /* --text: clamp(1rem, calc(0.79rem + 0.44vw), 1.25rem); */ /* 16px - 20px */
	--text: clamp(1rem, 0.7091rem + 0.6061vi, 1.375rem);
	--text-sm: clamp(1rem, calc(0.8947rem + 0.2193vw), 1.125rem); /* 16px - 18px */
	--sp-xxl: clamp(5rem, -3.2424rem + 17.1717vi, 15.625rem);
	--sp-xl: clamp(3.75rem, calc(-0.46rem + 8.77vw), 8.75rem); /* 60px - 140px */
	--sp-xl: clamp(5rem, 0.1515rem + 10.101vi, 11.25rem); /* 80px - 180px */
	--sp-xls: clamp(
		5rem,
		2.0909rem + 6.0606vi,
		8.75rem
	); /* 80px - 140px */ /* --sp-lg: clamp(3.75rem, calc(1.64rem + 4.39vw), 6.25rem); */ /* 60px - 100px */
	--sp-lg: clamp(5rem, 4.0303rem + 2.0202vi, 6.25rem);
	--sp-150: clamp(6.25rem, 3.8258rem + 5.0505vi, 9.375rem);
	--sp-md: clamp(2.5rem, calc(0.39rem + 4.39vw), 5rem); /* 40px - 80px */
	--sp-sm: clamp(1.88rem, calc(0.3rem + 3.29vw), 3.75rem); /* 30px - 60px */
	--sp-smx: clamp(2.5rem, 1.0455rem + 3.0303vi, 4.375rem); /* 40px - 70 */
	--sp-sms: clamp(1.875rem, 1.2932rem + 1.2121vi, 2.625rem);
	--sp-xs: clamp(0.94rem, calc(0.15rem + 1.64vw), 1.88rem); /* 15px - 30px */
	--sp-2xs: clamp(0.625rem, 0.1402rem + 1.0101vi, 1.25rem); /* 10 - 20 */
	--sp-3xs: clamp(0.625rem, 0.3341rem + 0.6061vi, 1rem);
	--sp-4xs: 0.625rem;
	--rd-1: 0.5rem;
	--rd-2: 0.325rem;
	--rd-50: 50%;
	--clr-title: #072551;
	--clr-text: #000000;
	--clr-plc: #4a5055;
	--clr-input: #072551;
	--clr-btn-bg: #04bedd;
	--clr-btn-light: #0aafe0;
	--clr-light-blue: #c7f7ff;
	--clr-white: #ffffff;
	--clr-white-60: rgba(255, 255, 255, 0.6);
	--clr-black: #000000;
	--clr-grey: #f4f4f3;
	--clr-lightBlue: #02cee6;
	--clr-red: #e60111;
	--clr-primary: #04bedd;
	--clr-primary2: #00bedd;
	--clr-secondary: #072551;
	--clr-secondaryDark: #031532;
	--clr-secondarySecond: #1f2a44;
	--bg-1: #f9f9f9;
	--bg-2: #1a2530;
	--bg-3: var(--clr-text);
	--bg-btn: var(--clr-btn-bg);
	--bg-grey: #f4f4f3;
	--bg-4: #072551;
	--transition-duration-1: 0.4s;
	--transition-duration-2: 1s;
	--transition-duration-3: 1.5s;
	--transition-1: 0.3s ease;
	--transition-3-line: 0.3s linear;
	--transition-4-line: 0.6s linear;
	--transition-2: var(--transition-duration-2) ease;
	--transition-3: var(--transition-duration-3) ease;
	--cubic-1: cubic-bezier(0.33, 1, 0.68, 1);
}
@supports (height: 100svh) and (height: 100dvh) {
	:root {
		--svh: 100svh;
		--dvh: 100dvh;
	}
}
html {
	font-size: var(--root-scale);
}
html.keyboard-focus:focus {
	outline: auto;
}
html.overflow-hidden {
	overflow: hidden;
}
html.overflow-hidden body {
	overflow: hidden;
}
#content-block {
	position: relative;
	min-height: var(--svh);
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
}
main {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
}
main .seo-sec {
	-webkit-box-ordinal-group: 2;
	-ms-flex-order: 1;
	order: 1;
}
footer {
	margin-top: auto;
}
.section {
	position: relative;
	overflow-x: clip !important;
	background-color: var(--clr-white);
	opacity: 1;
}
.section:not(.banner-sec, .involved, .updated).animated {
	opacity: 1;
}
.banner-sec {
	opacity: 1;
	-webkit-animation: faddeIn 1s;
	animation: faddeIn 1s;
}
.involved {
	opacity: 1;
}
.updated {
	opacity: 1;
}
.blog-sec {
	background-color: transparent;
	overflow-y: visible;
}
.container,
.container-fluid {
	--bs-gutter-x: 2rem;
	--bs-gutter-y: 1.45rem;
	width: 100%;
	margin-inline: auto;
	padding-inline: calc(var(--bs-gutter-x) * 0.5);
}
.swiper-slide:not(:first-child) {
	display: block;
}
.swiper-container {
	opacity: 0;
	-webkit-transition: var(--transition-1);
	transition: var(--transition-1);
}
.swiper-container.swiper-initialized {
	opacity: 1;
}
.popup-wrapper {
	content-visibility: auto;
}
.rellax-img {
	height: 110% !important;
	top: -5% !important;
}

@media (max-width: 991px) {
	.order-large-2 {
		order: 2 !important;
	}
}
.sale-informer,
.cookies-informer,
.cart-informer,
.cart_bg-layer,
.cart {
	content-visibility: auto;
}
/* sticky block */
@media (min-width: 992px) {
	.show-sticky {
		overflow: visible;
	}
	.sticky-block {
		position: sticky;
		top: calc(var(--h-height) + 2rem);
	}
}
/* container size change */
@media (min-width: 1441px) {
	:root {
		--container-width: 87.9835%;
	}
	.container {
		width: var(--container-width);
		max-width: 90%;
	}
}
@media (min-width: 1200px) and (max-width: 1440px) {
	:root {
		--root-scale: 0.75rem;
	}
}
@media (min-width: 2600px) {
	:root {
		--root-scale: 1rem;
	}
}
@media (max-width: 991px) {
	.sticky-block {
		overflow: hidden;
	}
}
/*--------------------*/
/* HEADER             */
/*--------------------*/
:root {
	--h-height: 7.5rem;
	--h-logo-width: rem(257);
}
header {
	height: var(--h-height);
	opacity: 0;
}
.h-wrap {
	position: fixed;
	z-index: 100;
	top: 0;
	left: 0;
	width: 100%;
	color: var(--clr-white);
	background-color: var(--clr-title);
	-webkit-transition: var(--transition-1);
	transition: var(--transition-1);
}
header.scrolled .h-wrap {
	-webkit-box-shadow: 0 0.25rem 0.5rem rgba(0, 0, 0, 0.04);
	box-shadow: 0 0.25rem 0.5rem rgba(0, 0, 0, 0.04);
}
.h-inner {
	position: relative;
	width: 100%;
	height: var(--h-height);
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	background-color: var(--clr-title);
}
.h-logo {
	display: block;
	width: var(--h-logo-width);
	-ms-flex-negative: 0;
	flex-shrink: 0;
}
@media (min-width: 1200px) {
	.h-logo {
		margin-right: 1.25rem;
	}
}
.h-logo img {
	display: block;
	max-width: 100%;
}
.header-btn-mb {
	display: none !important;
}
.h-menu {
	column-gap: 1rem;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-flex: 1;
	-ms-flex: 1 1 auto;
	flex: 1 1 auto;
}
.h-menu .btn-primary {
	font-size: var(--h5);
}
.h-menu .btn-white * {
	font-size: var(--h5);
}
@media (min-width: 1200px) {
	.h-menu .btn-primary,
	.h-menu .btn-white {
		padding: var(--sp-2xs) var(--sp-xs);
	}
}
.h-links {
	margin-left: auto;
	color: var(--clr-white);
	-webkit-box-flex: 1;
	-ms-flex: 1 1 auto;
	flex: 1 1 auto;
}
.h-links ul {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	gap: 2vw;
	-webkit-box-pack: space-evenly;
	-ms-flex-pack: space-evenly;
	justify-content: space-evenly;
}
.h-links * {
	font-size: var(--h5);
	line-height: 1em;
	color: var(--clr-white);
}
.h-drop {
	position: relative;
}

.h-drop-list {
	display: none;
	content-visibility: auto;
}
.h-menu-overlay,
.h-burger {
	display: none;
}
@media (min-width: 1200px) {
	.h-drop > a {
		-webkit-transition: var(--transition-1);
		transition: var(--transition-1);
	}
	.h-drop > a b {
		cursor: pointer;
		-webkit-transition: var(--transition-1);
		transition: var(--transition-1);
	}
	.h-drop > a :hover {
		color: var(--clr-primary);
	}
	.h-drop b {
		display: -webkit-inline-box;
		display: -ms-inline-flexbox;
		display: inline-flex;
		position: relative;
		z-index: 2;
		cursor: default;
	}
	.h-drop-list {
		position: absolute;
		z-index: 1;
		top: calc(100% + 2.875rem);
		left: 50%;
		-webkit-transform: translate(50%, 0%);
		transform: translate(-50%, 0%);
		padding: var(--sp-sms);
		width: 17.55rem;
		line-height: 0;
		opacity: 0;
		visibility: hidden;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		border-radius: 0 0 var(--rd-1) var(--rd-1);
		background-color: #041631;
		-webkit-transition: var(--transition-1);
		transition: var(--transition-1);
		content-visibility: auto;
		text-align: center;
	}
	.h-drop-list a {
		font-size: var(--size-28);
	}
	.h-drop-list * + * {
		margin-top: var(--sp-xs);
	}
	.h-drop.is-active .h-drop-list {
		opacity: 1;
		visibility: visible;
	}
	.h-drop.is-active b::after {
		content: '';
		position: absolute;
		left: 0;
		bottom: 0;
		width: 100%;
		height: calc(var(--h-height) / 2);
		-webkit-transform: translateY(100%);
		transform: translateY(100%);
	}
	.h-links a:hover {
		color: var(--bg-btn);
	}
}
.h-drop i {
	--size: 1rem;
	position: relative;
	top: -0.25rem;
	left: auto;
	right: 0;
	width: var(--size);
	height: var(--size);
	-webkit-transform: rotateX(0);
	transform: rotateX(0);
	-webkit-transition: var(--transition-1);
	transition: var(--transition-1);
	margin-left: 20px;
}
.h-drop i::before {
	--size: 1rem;
	content: '';
	position: absolute;
	top: 14px;
	right: 12px;
	border: none;
	width: var(--size);
	height: calc(var(--size) / 1.8);
	background-color: var(--clr-white);
	-webkit-clip-path: polygon(53% 100%, 0 0, 100% 0);
	clip-path: polygon(53% 100%, 0 0, 100% 0);
	-webkit-transform: rotateX(0);
	transform: rotateX(0);
}
.h-drop.is-active i {
	transform: rotateX(180deg);
	top: 0.925rem;
}
@media (max-width: 1440px) and (min-width: 1200px) {
	.h-drop i {
		top: -0.55rem;
	}
}
@media (max-width: 1440px) {
	:root {
		--h-height: 7.5rem;
		--h-logo-width: rem(157);
	}
}
@media (max-width: 1199px) {
	:root {
		--h-height: 4.75rem;
		--h-logo-width: 10.5rem;
	}
	header.hide .h-wrap {
		-webkit-transform: translateY(calc(var(--h-height) * -1));
		transform: translateY(calc(var(--h-height) * -1));
	}
	.h-burger {
		-webkit-box-ordinal-group: 3;
		-ms-flex-order: 2;
		order: 2;
		position: relative;
		display: block;
		width: 2.5rem;
		height: 2.5rem;
		border-radius: var(--rd-1);
	}
	.h-burger i {
		display: inline-block;
		position: absolute;
		top: 50%;
		left: 50%;
		-webkit-transform: translate(-50%, -50%);
		transform: translate(-50%, -50%);
		width: 60%;
		height: 0.09375rem;
		background-color: var(--clr-white);
		-webkit-transition: var(--transition-1);
		transition: var(--transition-1);
	}
	.h-burger i:before,
	.h-burger i:after {
		content: '';
		position: absolute;
		left: 0;
		top: -0.625rem;
		width: 100%;
		height: 100%;
		background-color: var(--clr-white);
		-webkit-transition: var(--transition-1);
		transition: var(--transition-1);
	}
	.h-burger i:after {
		top: 0.625rem;
	}
	.header-btn-mb {
		display: block !important;
		-webkit-box-ordinal-group: 2;
		-ms-flex-order: 1;
		order: 1;
		padding: 1rem !important;
	}
	.h-inner {
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between;
		background-color: var(--clr-title);
		gap: 1rem;
	}
	.h-inner .btn-primary {
		min-height: 3.125rem;
	}
	.h-logo {
		-webkit-box-ordinal-group: 0;
		-ms-flex-order: -1;
		order: -1;
		-webkit-box-flex: 1;
		-ms-flex: 1 1 auto;
		flex: 1 1 auto;
	}
	.h-menu {
		position: fixed;
		z-index: -1;
		left: 0;
		top: 0;
		height: 100%;
		width: min(100%, 26.25rem);
		padding: 1rem;
		padding-top: calc(var(--h-height) + 2.5rem);
		-webkit-transform: translateX(-100%);
		transform: translateX(-100%);
		background-color: var(--clr-title);
		-webkit-transition: var(--transition-1);
		transition: var(--transition-1);
		overflow-y: auto;
		overflow-x: hidden;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between;
		opacity: 0;
	}
	.h-menu > * + * {
		margin-top: 2rem;
	}
	.h-links {
		margin-right: auto;
	}
	.h-links * {
		text-align: center;
		width: 100%;
	}
	.h-menu-overlay {
		display: block;
		position: fixed;
		z-index: 99;
		inset: 0;
		opacity: 0;
		visibility: hidden;
		background-color: rgba(19, 30, 41, 0.8);
		-webkit-transition: var(--transition-1);
		transition: var(--transition-1);
	}
	.open-menu .h-burger i {
		background-color: transparent;
	}
	.open-menu .h-burger i:before,
	.open-menu .h-burger i:after {
		top: 0;
		-webkit-transform-origin: center;
		transform-origin: center;
		-webkit-transform: rotate(-45deg);
		transform: rotate(-45deg);
	}
	.open-menu .h-burger i:after {
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg);
	}
	.open-menu .h-menu {
		-webkit-transform: translateX(0%);
		transform: translateX(0%);
		opacity: 1;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
	}
	.open-menu .h-menu-overlay {
		opacity: 1;
		visibility: visible;
	}
	.h-links {
		margin-block: auto;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		width: 100%;
	}
	.h-links ul {
		gap: 1.5rem;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
	}
	.h-drop > b,
	.h-drop > a {
		display: -webkit-inline-box;
		display: -ms-inline-flexbox;
		display: inline-flex;
		gap: 0.5rem;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		padding-inline: 2rem;
		text-align: center;
		justify-content: center;
	}
	.h-drop i {
		--size: 2rem;
		position: absolute;
		top: -0.25rem;
		left: auto;
		right: 0;
		width: var(--size);
		height: var(--size);
		-webkit-transform: rotateX(0);
		transform: rotateX(0);
		-webkit-transition: var(--transition-1);
		transition: var(--transition-1);
	}
	.h-drop i::before {
		--size: 1rem;
		content: '';
		position: absolute;
		top: 14px;
		right: 12px;
		border: none;
		width: var(--size);
		height: calc(var(--size) / 1.8);
		background-color: var(--clr-white);
		-webkit-clip-path: polygon(53% 100%, 0 0, 100% 0);
		clip-path: polygon(53% 100%, 0 0, 100% 0);
		-webkit-transform: rotateX(0);
		transform: rotateX(0);
	}
	.h-drop .h-drop-list {
		padding-top: 1.5rem;
		gap: 0;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		display: none;
		content-visibility: visible;
	}
	.h-drop .h-drop-list > * + * {
		margin-top: 1.5rem;
	}
	.h-drop.is-active i {
		-webkit-transform: rotateX(180deg);
		transform: rotateX(180deg);
		top: -0.125rem;
	}
}
header {
	opacity: 1;
}
@media (max-width: 575px) {
	.h-inner {
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between;
	}
	.open-menu .h-menu {
		width: 100%;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
	}
	.h-links ul {
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
	}
}
/*--------------------*/
/* TYPOGRAPHY         */
/*--------------------*/
body {
	font-family: var(--ff-1);
	font-weight: 400;
	font-size: var(--h6);
	line-height: 1.4em;
	color: var(--clr-text);
	letter-spacing: 0.0125rem;
	overflow-x: clip;
}
.text {
	--text-space: 1rem;
	--text-rd: var(--rd-1);
	--text-li-padding: 2rem;
	--text-th-height: 4rem;
	--text-th-padding: 1.5rem;
	font-size: var(--text);
	line-height: 1.5;
	font-weight: 400;
	color: var(--clr-text);
	letter-spacing: -0.025rem;
}
.text * + :where(*) {
	margin-top: calc(var(--text-space) * 3);
}
.text * + :is(p, ul, ol, li) {
	margin-top: var(--text-space);
}
.text.type-1 * + :is(p, ul, ol, li) {
	margin-top: calc(var(--text-space) * 2.5);
}
.text :is(img, table, iframe, figure, picture, blockquote, .swiper-entry) + *:not(figcaption) {
	margin-top: calc(var(--text-space) * 3);
}
.text .swiper-entry > * * {
	margin-top: 0;
}
.text b {
	font-weight: 500;
}
.text b,
.text span {
	color: var(--clr-secondary);
}
.text strong {
	font-weight: 700;
}
.text em {
	font-style: italic;
	font-weight: 500;
}
.text a:not(.btn) {
	display: inline-block;
	font-weight: 400;
	color: var(--clr-primary);
	text-decoration-color: transparent;
	-webkit-transition: var(--transition-1);
	transition: var(--transition-1);
}
@media (min-width: 1200px) {
	.text a:not(.btn):hover {
		color: var(--clr-primary);
	}
}
.text .text-link {
	text-decoration: underline;
	font-weight: 600 !important;
	margin-top: 0;
}
.text ul li,
.text ol li {
	position: relative;
	padding-left: var(--text-li-padding);
}
.text ul li:before {
	content: '';
	position: absolute;
	left: calc(var(--text-li-padding) / 2 - 0.5em);
	top: 0.5em;
	width: 0.5em;
	height: 0.5em;
	border-radius: 100%;
	background-color: var(--clr-primary);
}
.text ol {
	counter-reset: number;
}
.text ol li:before {
	counter-increment: number;
	content: counter(number, decimal-leading-zero) '.';
	display: inline-block;
	position: absolute;
	left: 0;
	font-weight: 500;
	line-height: inherit;
	color: var(--clr-primary);
}
.g {
	display: block;
	width: 100%;
	border-radius: var(--text-rd);
}
.text figure {
	line-height: 0;
	width: 100%;
}
.text figure.aligncenter {
	text-align: center;
}
.text figure.alignright {
	text-align: right;
}
.text figure > img {
	width: auto;
}
.text figure figcaption {
	font-size: 0.75rem;
	font-weight: 500;
	line-height: 1.5em;
	color: var(--clr-black);
	margin: 0.25rem;
}
.text iframe {
	display: block;
	max-width: 100%;
	width: 100%;
	height: 100%;
	aspect-ratio: 16/9;
	border: 0;
	border-radius: var(--text-rd);
}
.text blockquote {
	text-align: left;
	font-weight: 500;
	padding-block: calc(var(--text-space) * 3);
	padding-inline: clamp(1rem, -6.54rem + 15.6vw, var(--text-space) * 6);
	color: var(--clr-black);
	background-color: var(--clr-grey);
	border-radius: var(--text-rd);
}
.text table {
	border-collapse: collapse;
	width: 100%;
}
.text tbody tr {
	text-align: left;
}
.text tbody tr:nth-child(even) th,
.text tbody tr:nth-child(even) td {
	background-color: var(--clr-grey);
}
.text tbody tr:last-child:not(:nth-child(even)) {
	border-bottom: 0.0625rem solid var(--clr-grey);
}
.text .video {
	position: relative;
}
.text thead tr {
	border: none;
}
.text thead th,
.text thead td {
	height: var(--text-th-height);
	font-weight: 500;
	color: var(--clr-black);
	background-color: var(--clr-grey);
}
.text td,
.text th {
	vertical-align: middle;
	height: calc(var(--text-th-height) / 1.4);
	padding: calc(var(--text-th-padding) / 3);
	font-size: inherit;
	line-height: inherit;
	font-weight: inherit;
	color: var(--clr-text);
}
.text td:first-child,
.text th:first-child {
	padding-left: var(--text-th-padding);
	border-radius: var(--text-rd) 0 0 var(--text-rd);
}
.text td:last-child,
.text th:last-child {
	padding-right: var(--text-th-padding);
	border-radius: 0 var(--text-rd) var(--text-rd) 0;
}
.text *:first-child img {
	margin-top: 0;
}
.text .size-28 {
	margin-bottom: var(--sp-xs);
}
.text .image {
	padding-bottom: 40%;
	overflow: hidden;
}
.text .image img {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover;
	content-visibility: auto;
}
.text .image-map {
	max-width: 67.5625rem;
	margin-inline: auto;
	overflow: hidden;
	aspect-ratio: 1/0.6;
	margin-top: -12.5rem;
}
.text .image-map img {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover;
	content-visibility: auto;
}
@media (max-width: 991px) {
	.text .image-map {
		margin-top: -6.25rem;
	}
}
:is(h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6, .size-28) {
	color: var(--clr-title);
}
h1,
.h1 {
	font-size: var(--h1);
	line-height: 1.3em;
	font-weight: bold;
	letter-spacing: -0.0075rem;
}
h1-big,
.h1-big {
	font-size: var(--h1-big);
}
.h1-big {
	font-size: clamp(4.6875rem, -16.5389rem + 23.5849vw, 9.375rem);
	line-height: 0.8;
	letter-spacing: -0.0075rem;
}
.h1-125 {
	font-size: clamp(5rem, -7.7358rem + 14.1509vw, 7.8125rem);
	line-height: 0.8;
	letter-spacing: -0.0075rem;
}
h2,
.h2 {
	font-size: var(--h2);
	line-height: 1.3;
	font-weight: bold;
}
h3,
.h3 {
	font-size: var(--h3);
	line-height: 1.2;
	color: var(--clr-secondary);
	letter-spacing: -0.11875rem;
	font-weight: bold;
}
h4,
.h4 {
	font-size: var(--h4);
	line-height: 1.25em;
	font-weight: 700;
	color: var(--clr-secondary);
}
h5,
.h5 {
	font-size: var(--h5);
	line-height: 1.4em;
}
h6,
.h6 {
	font-size: var(--h6);
	line-height: 1.4em;
}
.title-margin {
	margin-bottom: var(--sp-xs) !important;
}
.title-margin-sm {
	margin-bottom: var(--sp-2xs) !important;
}
.title-margin-big {
	margin-bottom: var(--sp-sm) !important;
}
.text-left {
	text-align: left;
}
@media (min-width: 992px) {
	.lg-text-left {
		text-align: left;
	}
}
.text-center {
	text-align: center;
}
.text-right {
	text-align: right;
}
.bold {
	font-weight: bold;
}
.text-opacity {
	opacity: 0.6;
}
.white {
	color: var(--clr-white) !important;
}
.relative {
	position: relative;
}
.p-top-lg {
	padding-top: var(--sp-lg);
}
@media (min-width: 1200px) {
	.text a:not(.btn):hover {
		text-decoration-color: currentColor;
	}
}
@media (max-width: 991px) {
	.text {
		--text-space: 1.25rem;
		--text-li-padding: 1.5rem;
		--text-th-height: 3.5rem;
		--text-th-padding: 0.5rem;
	}
}
@media (max-width: 767px) {
	.h1 {
		font-size: var(--h1);
		line-height: 3.8125rem;
	}
	.h2 {
		line-height: 1.2;
	}
	.h3 {
		line-height: 1.2;
	}
	.h4 {
		line-height: 1.2;
	}
}
/*--------------------*/
/* BUTTONS            */
/*--------------------*/
.btn {
	position: relative;
	cursor: pointer;
	z-index: 1;
	-ms-flex-negative: 0;
	flex-shrink: 0;
	overflow: hidden;
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	font-size: 1.0625rem;
	line-height: 1em;
	color: var(--clr-title);
	text-decoration: none;
	border: 0.0625rem solid transparent;
	border-radius: 0.25rem;
	padding: 1.25rem 3.125rem;
	-webkit-transition: var(--transition-1);
	transition: var(--transition-1);
	letter-spacing: -0.015625rem;
}
.btn b {
	display: inline-block;
	line-height: inherit;
	font-weight: inherit;
	color: currentColor;
}
.btn > * + * {
	margin-left: 0.8em;
}
.btn-primary {
	background-color: var(--clr-btn-bg);
	color: var(--clr-white);
	white-space: nowrap;
	min-height: 3.875rem;
}
.btn-primary-light {
	background-color: var(--clr-btn-bg);
	color: var(--clr-white);
	white-space: nowrap;
	min-height: 3.875rem;
}
.btn-outline-primary {
	background-color: transparent;
	color: #0168b7;
	border-radius: 0.25rem;
	border: 0.1875rem solid #0168b7;
}
.btn-outline-white {
	background-color: transparent;
	color: var(--clr-white);
	border-radius: 0.25rem;
	border: 0.0625rem solid var(--clr-white);
}
.btn-white {
	background-color: var(--clr-white);
}
.btn-white * {
	color: var(--clr-primary);
}
.btn-white:hover {
	background-color: var(--clr-primary);
	color: var(--clr-white);
}
.btn-secondary {
	background-color: var(--clr-secondary);
	color: var(--clr-white);
}
.btn-secondary-banner {
	border-radius: 1rem;
	padding: var(--sp-2xs) var(--sp-xs);
	padding-right: 1.25rem;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	gap: var(--sp-xs);
}
.btn-secondary-light {
	background-color: #194e9b;
	color: var(--clr-white);
	border-radius: 0.625rem;
}
.btn-svg svg {
	color: currentColor;
}
.btn-svg svg *[stroke] {
	stroke: currentColor;
}
.btn-svg svg *[fill] {
	fill: currentColor;
}
.btn-block {
	width: 100%;
}
.btn.disabled {
	pointer-events: none;
	background-color: var(--clr-grey);
	color: var(--clr-p);
}
.btn-close {
	display: inline-block;
	position: relative;
	cursor: pointer;
	--bw: 3rem;
	width: var(--bw);
	height: var(--bw);
	color: var(--clr-white);
	border-radius: 100%;
	background-color: var(--clr-secondary);
	-webkit-transition: var(--transition-1);
	transition: var(--transition-1);
}
.btn-close::before,
.btn-close::after {
	content: '';
	position: absolute;
	top: 50%;
	left: 50%;
	width: 50%;
	height: 0.125rem;
	-webkit-transform: translate(-50%, -50%) rotate(45deg);
	transform: translate(-50%, -50%) rotate(45deg);
	background-color: currentColor;
}
.btn-close::after {
	-webkit-transform: translate(-50%, -50%) rotate(-45deg);
	transform: translate(-50%, -50%) rotate(-45deg);
}
.btn-link {
	display: inline-block;
	cursor: pointer;
	font-size: 1.25rem;
	line-height: 1.38em;
	color: var(--clr-white);
	max-width: 100%;
	font-weight: 500;
	text-decoration: underline;
	text-decoration-color: transparent;
	-webkit-transition: var(--transition-1);
	transition: var(--transition-1);
}
.btn-wrapp {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
	gap: 1.875rem;
}
.btn-wrapp.direction-row {
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}
@media (min-width: 1200px) {
	.btn:hover {
		color: var(--clr-white);
		background-color: var(--clr-secondary);
		border: 0.0625rem solid var(--clr-white);
	}
	.btn-outline-white:hover {
		color: var(--clr-white);
		background-color: var(--clr-primary);
	}
	.btn-primary:hover {
		color: var(--clr-white);
		background-color: var(--clr-secondary);
	}
	.btn-primary-type2:hover {
		border-color: var(--clr-secondary);
	}
	.btn-primary-transparent:hover {
		color: var(--clr-white);
		background-color: transparent;
		border-color: var(--clr-white);
	}
	.btn-secondary:hover {
		color: var(--clr-white);
		background-color: var(--clr-btn-bg);
		border-color: transparent;
	}
	.btn-secondary-banner:hover {
		color: var(--clr-white);
		background-color: #00bedd;
	}
	.btn-outline-primary:hover {
		background-color: var(--clr-secondary);
		border-color: transparent;
		color: var(--clr-white);
		border: 0.1875rem solid transparent;
	}
	.btn-close:hover {
		color: var(--clr-white);
		background-color: var(--clr-btn-bg);
	}
	.btn-link:hover {
		color: var(--clr-white);
		text-decoration-color: currentColor;
	}
}
@media (max-width: 1440px) {
	.btn,
	.btn-link {
		font-size: 1.125rem;
	}
}
@media (max-width: 991px) {
	.btn,
	.btn-link {
		font-size: 1rem;
	}
	.btn-close {
		--bw: 2rem;
	}
}
@media (max-width: 767px) {
	.btn-wrapp {
		gap: 1.125rem;
	}
}
