/*
VARIABLES
CORE
HEADER
FOOTER
*/

/*******************************************************************************************
HEADER
*******************************************************************************************/
:root {
	/* Colours */
	--color-primary: #101d3e;
	--color-secondary: #417b5a;
	--color-info: #fff4d9;
	--color-dark: #303030;
	--color-medium: #404040;
	--color-grey: #e8e8e8;
	--color-grey-200: #e8eaea;
	--color-grey-300: #595959;
	--color-grey-400: #d6d6d6;
	--color-grey-500: #686868;
	--color-grey-600: #f8f8f8;
	--color-border: #c7c7c7;
	--color-black: #000;
	--color-white: #fff;
	--color-error: #d9534f;
	--color-success: #5cb85c;
	--color-warning: #ce0000;
	--color-yellow: #faff81;
	--color-blue-300: #0d0d0d;
	--color-blue-400: #021547;
	--color-blue-500: #1d3571;
	--color-charcol-grey: #1a1a1a;
	--color-peach: #d79a73;
	--color-dark-peach: #a76d47;
	--color-beige: #fffaee;
	--color-brown: #a76d47;
	--color-accent: #acbed8;

	/* Link Style */
	--link-color-base: inherit;
	--link-decoration-base: underline;
	--link-hover-color-base: inherit;
	--link-hover-decoration-base: none;

	/* Transitions */
	--speed-fast: .125s;
	--speed-default: .25s;
	--speed-slow: .5s;
	--speed-sluggish: 1s;
	--speed-snail: 2s;
	--cubic-bezier: cubic-bezier(.05, .69, .14, 1);
	--cubic-bezier-2: cubic-bezier(.215, .61, .355, 1);

	/* Body Style */
	--body-bg: var(--color-medium);
	--font-family-base: 'Bricolage Grotesque', sans-serif;
	--font-family-source: 'Source Serif 4', sans-serif;
	--font-family-plus: 'Plus Jakarta Sans', sans-serif;
	--text-color-base: var(--color-dark);

	/* Headings Style */
	--heading-font-family: 'Bricolage Grotesque', sans-serif;
	--heading-margin: 0 0 20px 0;
	--heading-font-weight: 500;
	--heading-color: var(--color-charcol-grey);

	/* Icons Style */
	--icons-font-family: 'standard-icons', sans-serif;
	--icon-icon-check: "\e90c";
	--icon-chevron-r-light: "\e903";
	--icon-envelope: "\e906";
	--icon-phone: "\e90a";
	--icon-location: "\e900";
	--icon-arrow-right: "\e901";
	--icon-chevron-down: "\e902";
	--icon-chevron-right: "\e904";
	--icon-chevron-up-right: "\e905";
	--icon-facebook: "\e907";
	--icon-insta: "\e908";
	--icon-linkedin: "\e909";
	--icon-paper-plane: "\e90b";
	--icon-twitter: "\e90d";
	--icon-xmark: "\e90e";
	--icon-youtube: "\e90f";
	--icon-arrow-left: "\e910";

	/* Font sizes */
	--font-size-h1: 40px;
	--font-size-h2: 32px;
	--font-size-h3: 18px;
	--font-size-h4: 18px;
	--font-size-h5: 20px;
	--font-size-h6: 18px;
	--font-size-base: 16px;
	--font-size-small: 14px;
	--font-size-btn: var(--font-size-base);

	/* Line heights */
	--line-height-base: 1.55;
	--heading-line-height: 1.1;

	/* Paddings */
	--py-section: 45px;
	--py-section-small: 55px;
	--py-section-medium: 55px;
	--py-section-large: 55px;
	--px-form-control: 13px;
	--py-form-control: 15px;
	--px-gutter-base: 16px;

	/* Heights */
	--height-btn: 40px;
	--height-btn-sm: 40px;
	--height-form-control: 48px;
	--height-header-base: 88px;

	/* Widths */
	--width-base: 1200px;
	--width-small: 1186px;
	--width-medium: 1200px;
	--width-large: 1345px;

	/* Sizes */
	--size-bullet: 5px;
	--size-btn-play: 60px;
	--size-radius-btn: 4px;
	--size-form-check-indicator: 16px;
	--size-accordion-indicator: 10px;
}

@media screen and (min-width: 768px) {
	:root {
		--font-size-h1: 50px;
		--font-size-h2: 50px;
		--font-size-h3: 28px;
		--font-size-h4: 25px;
		--font-size-h5: 20px;
		--font-size-h6: 20px;
	}
}

@media screen and (min-width: 1025px) {
	:root {
		--font-size-h1: 56px;
		--font-size-h2: 56px;
		--font-size-h3: 32px;
		--font-size-h4: 28px;
		--font-size-h5: 24px;
		--font-size-h6: 20px;
	}
}

/*******************************************************************************************
CORE - Top-level styling
*******************************************************************************************/
*,
*:before,
*:after {
	box-sizing: inherit;
}

*:focus {
	outline: none;
}

html {
	box-sizing: border-box;
	scroll-behavior: smooth;
}

body {
	margin: 0;
	font-size: var(--font-size-small);
	line-height: var(--line-height-base);
	color: var(--text-color-base);
	font-weight: 500;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	background-color: var(--color-beige);
	font-family: var(--font-family-base), sans-serif;

}

body.is-menu-open {
	overflow: hidden;
}

@media screen and (min-width: 768px) {
	body {
		font-size: var(--font-size-base);
	}
}

/* CORE > Global */
img {
	max-width: 100%;
	display: block;
	height: auto;
}

.clear:after {
	display: block;
	clear: both;
	content: '';
}

/* CORE > Typography */
h1,
h2,
h3,
h4,
h5,
h6 {
	margin: 0 0 20px;
	font-weight: 500;
	color: var(--heading-color);
	font-family: var(--heading-font-family), sans-serif;
	line-height: var(--heading-line-height);
}

.h1,
h1 {
	font-size: var(--font-size-h1);
}

.h2,
h2 {
	font-size: var(--font-size-h2);
}

.h3,
h3 {
	font-size: var(--font-size-h3);
}

.h4,
h4 {
	font-size: var(--font-size-h4);
}

.h5,
h5 {
	font-size: var(--font-size-h5);
}

.h6,
h6 {
	font-size: var(--font-size-h6);
}

h1 strong,
h2 strong,
h5 strong {
	font-style: italic;
	font-weight: 600;
	letter-spacing: -1px;
	color: var(--color-dark-peach);
	font-family: var(--font-family-source), sans-serif;
}

p {
	margin: 0 0 30px;
}

ul {
	list-style: none;
}

/* CORE > Form */
label {
	margin-bottom: 7px;
	display: block;
	font-size: var(--font-size-base);
	font-weight: 400;
	color: var(--text-color-base);
}

input,
select,
textarea {
	padding: 10px 16px;
	display: block;
	width: 100%;
	min-height: 56px;
	font-family: var(--font-family-base), sans-serif;
	font-size: var(--font-size-small);
	color: var(--color-primary);
	border: 1px solid var(--color-blue-300);
	border-radius: 12px;
	background: transparent;

	&::placeholder {
		color: var(--color-medium);
	}

	&:focus:not(:read-only):not([type='submit']):not([type='reset']):not([type='button']) {
		border-color: var(--color-blue-300);
	}

	&.is-error {
		border-color: var(--color-error);
	}

	&:disabled {
		opacity: .8;
		color: var(--color-border);
		background-color: var(--color-white);
	}

	&[type='radio'],
	&[type='checkbox'] {
		margin-right: 10px;
		padding: 0;
		display: inline-block;
		height: auto;
	}

	&[type='radio'],
	&[type='checkbox'],
	&[type='submit'],
	&[type='reset'],
	&[type='button'] {
		display: inline-block;
		width: auto;
	}
}

input[type='submit'],
input[type='reset'],
input[type='button'] {
	color: var(--color-white);
	background-color: var(--color-primary);
	border: 1px solid var(--color-primary);

	&:hover {
		color: var(--color-white);
		background-color: var(--color-secondary);
		border-color: var(--color-secondary);
	}
}

input[type="checkbox"] {
	margin: 0;
	padding: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 20px;
	height: 20px;
	min-height: auto;
	border: 2px solid var(--color-charcol-grey);
	border-radius: 0;
	-webkit-appearance: none;
}

input[type="checkbox"]:checked:before {
	display: block;
	width: 10px;
	height: 10px;
	background-color: var(--color-charcol-grey);
	content: '';
}

select {
	background-image: url('../images/select-arrow.png');
	background-repeat: no-repeat;
	background-position: right 27px center;
	appearance: none;
}

textarea {
	padding: 17px 16px;
	width: 100%;
	height: 56px;
}

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

	input,
	select,
	textarea {
		font-size: var(--font-size-base);
	}

}

/* CORE > Links and Buttons */
a {
	color: var(--link-color-base);
	transition: all var(--speed-default) ease-in-out;
}

a:hover,
a:focus {}

a,
button,
.button {
	transition: all var(--speed-default) ease-in-out;
}

button,
.button {
	font-size: 14px;
	padding: 10px 13px;
	border-radius: 40px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	font-weight: 500;
	cursor: pointer;
	color: var(--color-white);
	font-family: var(--font-family-base), sans-serif;
	background-color: var(--color-primary);
	text-decoration: var(--link-hover-decoration-base);
	text-align: center;
}

.button i {
	margin-left: 6px;
}

.button.button-primary {
	color: var(--color-black);
	background-color: var(--color-primary);
}

.button.button-primary:hover,
.button.button-primary:focus {
	color: var(--color-black);
	background-color: var(--color-peach);
}

button:hover,
button:focus,
.button:hover,
.button:focus {
	color: var(--color-white);
	background-color: var(--color-primary);
	font-style: italic;
}

.button.button-secondary {
	color: var(--color-charcol-grey);
	background-color: var(--color-accent);
}

.button.button-secondary:hover,
.button.button-secondary:focus {
	color: var(--color-white);
	background-color: var(--color-primary);
}

.button.button-success {
	color: var(--color-info);
	background-color: var(--color-secondary);
}

.button.button-success:hover,
.button.button-success:focus {
	color: var(--color-white);
	background-color: var(--color-success);
}

.button.button-peach {
	color: var(--color-info);
	background-color: var(--color-peach);
}

.button.button-peach:hover,
.button.button-peach:focus {
	color: var(--color-white);
	background-color: var(--color-dark-peach);
}



.new_team_section {
	display: grid;
	grid-row-gap: 50px;
	grid-column-gap: 10px;
	grid-template-columns: repeat(4, 4fr);
}


.new_team_section img {
	height: 402px;
}

.new_team_section_sub {
	padding: 10px;
}



button.no-button,
.button.no-button {
	padding: 0;
	border: 0;
	background-color: transparent;
	min-height: auto;
}

.button.no-button i {
	margin-left: 0;
}

button.no-button:hover,
button.no-button:focus,
.button.no-button:hover,
.button.no-button:focus {}

.button.button-close {
	font-size: 14px;
	color: var(--color-primary);
}

.button.button-submit {
	border: 0;
	padding: 0 27px;
	color: var(--color-info);
	border-radius: 0 12px 12px 0;
	background-color: var(--color-secondary);
}

.button.button-submit:focus,
.button.button-submit:hover {
	background-color: var(--color-dark-peach);
}

button.button-outline-secondary,
.button.button-outline-secondary,
button.button-outline-primary,
.button.button-outline-primary {
	color: var(--color-charcol-grey);
	border: 1px solid var(--color-charcol-grey);
	background-color: transparent;
}

/* .header img.show-for-medium {
	filter: brightness(0) saturate(100%) invert(9%) sepia(17%) saturate(6393%) hue-rotate(207deg) brightness(90%) contrast(95%) !important;
} */

button.button-outline-primary:focus,
.button.button-outline-primary:hover {
	color: var(--color-white);
	background-color: var(--color-charcol-grey);
}

button.button-outline-secondary,
.button.button-outline-secondary {
	color: var(--color-info);
	border: 1px solid var(--color-info);
	background-color: transparent;
}

button.button-outline-secondary span,
.button.button-outline-secondary span {
	margin-left: 3px;
	color: var(--color-peach);
	transition: var(--speed-default);
}

button.button-outline-secondary:focus,
.button.button-outline-secondary:hover {
	color: var(--color-primary);
	background-color: var(--color-info);
}

button.button-outline-secondary:focus span,
button.button-outline-secondary:hover span,
.button.button-outline-secondary:focus span,
.button.button-outline-secondary:hover span {
	color: var(--color-primary);
}

button.button-outline,
.button.button-outline {
	color: var(--color-primary);
	border: 1px solid var(--color-primary);
	background-color: transparent;
}

button.button-outline:focus,
.button.button-outline:hover {
	color: var(--color-white);
	background-color: var(--color-primary);
}

@media screen and (min-width: 1025px) {

	button,
	.button {
		font-size: 16px;
		min-height: 56px;
		padding: 13px 27px 13px 24px;
	}

	.button i {
		margin-left: 8px;
		margin-top: -2px;
	}

	.button.button-success,
	.button.button-secondary,
	.button.button-peach {
		font-size: 18px;
	}
}

.wrapper {
	position: relative;
	display: block;
	min-height: 100%;
	overflow-x: clip;
}

/* CORE > Layout */
.container-narrow {
	max-width: 1080px;
	margin-right: auto;
	margin-left: auto;
}

.container-wide,
.container {
	margin-right: auto;
	margin-left: auto;
	padding-left: var(--px-gutter-base);
	padding-right: var(--px-gutter-base);
	max-width: calc(var(--width-base) + calc(var(--px-gutter-base) * 2));
}

.container-wide {
	max-width: calc(var(--width-large) + calc(var(--px-gutter-base) * 2));
}

/* CORE > Utility Classes */
.no-margin {
	margin: 0 !important;
}

.no-padding {
	padding: 0 !important;
}

.no-transition {
	transition: none !important;
}

.no-min-height {
	min-height: 0;
}

.position-static {
	position: static !important;
}

.position-relative {
	position: relative !important;
}

.block {
	display: block !important;
}

.full-width {
	width: 100%;
}

.center,
.align-center,
.text-center {
	text-align: center;
}

.right,
.align-right,
.text-right {
	text-align: right;
}

.uppercase {
	text-transform: uppercase;
}

.hide {
	display: none !important;
}

.overflow-hidden {
	overflow: hidden;
}

.visually-hidden {
	border: none !important;
	clip: rect(0 0 0 0) !important;
	height: 1px !important;
	margin: -1px !important;
	overflow: hidden !important;
	padding: 0 !important;
	position: absolute !important;
	white-space: nowrap !important;
	width: 1px !important;
}

.flex-container {
	display: flex;
	align-items: center;
}

.flex-align-vertical {
	display: flex;
	justify-content: center;
	align-items: center;
}

.flex-align-horizontal {
	display: flex;
	justify-content: center;
	text-align: center;
}

.small-text {
	font-size: 0.9rem;
}

.larger-text {
	font-size: 1.2rem;
}

.font-light {
	font-weight: 300;
}

.font-normal {
	font-weight: 400;
}

.font-medium {
	font-weight: 500;
}

.font-semibold {
	font-weight: 600;
}

.font-bold {
	font-weight: 700;
}

.small-margin-left {
	margin-left: 10px;
}

.small-margin-right {
	margin-right: 10px;
}

.no-background {
	background: none !important;
}

.transition-all {
	transition: all 200ms cubic-bezier(0.4, 0, 0.2, 1);
}

@media (min-width: 768px) {
	.hide-for-medium {
		display: none !important;
	}
}

@media (min-width: 1025px) {
	.hide-for-large {
		display: none !important;
	}
}

@media screen and (max-width: 767px) {
	.hide-for-small-only {
		display: block !important;
	}
}

@media screen and (max-width: 0px),
screen and (min-width: 768px) {
	.show-for-small-only {
		display: none !important;
	}
}

@media screen and (max-width: 1024px) {
	.header .hide-for-large {
		display: none !important;
	}
}

@media screen and (min-width: 768px) and (max-width: 1024px) {
	.hide-for-medium-only {
		display: none !important;
	}
}

@media screen and (max-width: 767px),
screen and (min-width: 1025px) {
	.show-for-medium-only {
		display: none !important;
	}
}

@media screen and (max-width: 1024px) {
	.show-for-large {
		display: none !important;
	}
}

/*******************************************************************************************
topbar
*******************************************************************************************/
.topbar {
	display: none;
	font-size: 12px;
	padding-top: 8px;
	padding-bottom: 8px;
	background-color: var(--color-peach);
	transition: all var(--speed-default) ease-in-out;
}

.topbar-wrap {
	display: flex;
	gap: 30px;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	padding-right: 3px;
}

.topbar p i {
	font-size: 11px;
	display: inline-block;
	vertical-align: middle;
	transform: translateX(3px);
	font-weight: 700;
}

.topbar p em {
	display: inline-block;
	font-weight: 700;
	font-family: var(--font-family-source), sans-serif;
}

.topbar p {
	margin-bottom: 0;
}

.topbar .button-close:focus,
.topbar .button-close:hover {
	color: var(--color-white);
}

.topbar.hide-bar {
	display: none;
}

@media screen and (min-width: 1025px) {
	.topbar {
		font-size: 16px;
		padding-top: 9px;
		padding-bottom: 6px;
	}

	.topbar p i {
		font-size: 16px;
		margin-top: -1px;
	}
}

/*******************************************************************************************
HEADER
*******************************************************************************************/
.header {
	padding-top: 12px;
	padding-bottom: 11px;
	border-bottom: solid 1px var(--color-grey-400);
	background-color: var(--color-beige);
	position: relative;
	z-index: 11;
	transition: all var(--speed-default) ease-in-out;
}

.header:after {
	content: '';
	position: fixed;
	top: 200px;
	left: 0;
	width: 100%;
	height: 100dvh;
	z-index: -1;
	opacity: 0;
	visibility: hidden;
	pointer-events: none;
	transition: all var(--speed-default);
	background-color: rgba(0, 0, 0, .50);
}

.header.is-overlay-show:after {
	opacity: 1;
	visibility: visible;
}

.header.sticky {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
}

.header-wrap {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
}

.header-left {
	display: flex;
	align-items: center;
}

.header-logo {
	display: block;
	max-width: 150px;
	text-transform: uppercase;
	color: var(--color-blue-400);
	font-family: var(--font-family-plus), sans-serif;
	text-decoration: var(--link-hover-decoration-base);
}

.header-right {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
}

.header-menu {
	opacity: 0;
	pointer-events: none;
	padding-top: 65px;
	padding-bottom: 20px;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100dvh;
	z-index: 1;
	background-color: var(--color-beige);
	display: flex;
	flex-direction: column;
	transform: translateX(100%);
	transition: all var(--speed-default) ease-in-out;
	overflow-y: scroll;
}

.is-menu-open .header-menu {
	transform: translateX(0);
}

.header-menu>ul {
	list-style: none;
	margin: 0;
	padding: 0;
	width: 100%;
}

.header-menu li {
	font-size: 16px;
	position: relative;
	transition: all var(--speed-default) ease-in-out;
}

.header-menu li a {
	padding: 17px 16px 18px 16px;
	position: relative;
	display: block;
	text-decoration: var(--link-hover-decoration-base);
	transition: unset;
}

.header-menu li a.is-active {
	background-color: var(--color-info);
}

.header-menu li:not(:last-child) {
	border-bottom: solid 1px var(--color-blue-300);
}

.header-menu li a:focus,
.header-menu li a:hover {
	color: var(--color-dark-peach);
	font-style: italic;
}

.header-menu li.has-children:hover:after {
	transform: rotateX(180deg);
}

.header-menu li ul {
	display: block;
	padding: 0;
}

.header-menu li li {
	padding: 0;
	font-size: 14px;
	margin-bottom: 10px;
	margin-right: 0;
}

.header-menu li li a {
	padding: 0;
	background-color: transparent;
}

.header-menu li li:not(:last-child) {
	margin-right: 0;
	border-bottom: none;
}

.header-menu .header-secondary-menu {
	margin-top: auto;
	padding-top: 15px;
	border-top: solid 1px var(--color-blue-300);
}

.header-secondary-menu li {
	font-size: 18px;
	font-style: italic;
	font-family: var(--font-family-source), sans-serif;
	letter-spacing: -0.5px;
}

.header-secondary-menu li a {
	position: relative;
	overflow: hidden;
	display: inline-block;
	padding: 0 20px 0 0;
	margin: 8px 20px 8px 16px;
}

.header-secondary-menu li a:before,
.header-secondary-menu li a:after {
	content: "\e905";
	position: absolute;
	top: 9px;
	right: 4px;
	font-size: 10px;
	font-style: normal;
	font-family: var(--icons-font-family), sans-serif;
	transition: var(--speed-default) ease-in-out;
}

.header-secondary-menu li a:focus:after,
.header-secondary-menu li a:hover:after {
	transform: translate(29px, -28px);
}

.header-secondary-menu li a:before {
	transform: translate(-29px, 28px);
}

.header-secondary-menu li a:focus:before,
.header-secondary-menu li a:hover:before {
	transform: translate(0, 0);
}

.header-secondary-menu li:not(:last-child) {
	border-bottom: none;
}

.header-chevron {
	position: absolute;
	top: 0;
	right: 0;
	width: 54px;
	height: 63px;
	display: flex;
	align-items: center;
	justify-content: center;
	transition: all var(--speed-default) ease-in-out;
}

.header-chevron.is-active {
	transform: rotate(-180deg);
}

.header-mega-menu {
	width: 100%;
	display: none;
	padding-bottom: 16px;
	background-color: var(--color-info);
}

.header-mega-item {
	padding-bottom: 8px;
	margin-bottom: 19px;
	position: relative;
}

.header-mega-list {
	display: flex;
	height: 100%;
	flex-direction: column;
}

.header-mega-item:after {
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	width: 40px;
	height: 1px;
	background-color: var(--color-blue-300);
}

.header-mega-for,
.header-mega-title {
	font-size: 18px;
	font-weight: 500;
	color: var(--color-charcol-grey);
	font-family: var(--font-family-source), sans-serif;
	letter-spacing: -0.4px;
	margin-bottom: 3px;
}

.header-mega-for span,
.header-mega-title span {
	font-style: italic;
	font-weight: 600;
}

.header-mega-title i {
	font-size: 12px;
	margin-left: 12px;
	display: inline-block;
	vertical-align: middle;
}

.header-mega-link,
.header-mega-for {
	overflow: hidden;
	margin-top: auto;
	width: fit-content;
}

.header-mega-link:before,
.header-mega-link:after,
.header-mega-for:before,
.header-mega-for:after {
	content: "\e905";
	position: absolute;
	top: 8px;
	right: 6px;
	font-size: 10px;
	font-style: normal;
	font-family: var(--icons-font-family), sans-serif;
	transition: var(--speed-default) ease-in-out;
}

.header-mega-link:before,
.header-mega-for:before {
	transform: translate(-29px, 28px);
}

.header-mega-link:focus:after,
.header-mega-link:hover:after,
.header-mega-for:focus:after,
.header-mega-for:hover:after {
	transform: translate(29px, -28px);
}

.header-mega-link:focus:before,
.header-mega-link:hover:before,
.header-mega-for:focus:before,
.header-mega-for:hover:before {
	transform: translate(0, 0);
}

.header-mega-for:hover {
	font-style: normal !important;
}

.header-mega-title a {
	padding: 0 !important;
}

.header-mega-bottom {
	padding-top: 20px;
	display: flex;
	gap: 57px;
	flex-wrap: wrap;
	align-items: center;
}

.header-mega-link {
	font-size: 18px;
	font-weight: 600;
	font-style: italic;
	font-family: var(--font-family-source), sans-serif;
	letter-spacing: -0.9px;
	padding: 0 24px 0 0 !important;
}

.header-mega-link i {
	font-size: 10px;
	margin-left: 12px;
	display: inline-block;
	vertical-align: middle;
}

.header-close {
	font-size: 12px;
	position: absolute;
	top: 6px;
	right: 17px;
	color: var(--color-charcol-grey);
	height: 40px;
}

.header-close:hover,
.header-close:focus {
	color: var(--color-charcol-grey);
}

.header-close i {
	font-size: 12px;
	margin-right: 6px;
}

.header-toggle {
	width: 24px;
	height: 24px;
	display: none;
	align-items: center;
	justify-content: center;
	margin-right: 4px;
}

@media screen and (min-width: 1025px) {
	.header {
		padding-top: 0;
		padding-bottom: 0;
	}

	.header-left {
		display: inline-block;
	}

	.header-right .button {
		margin-left: 37px;
	}

	.header-menu {
		display: block;
		position: unset;
		padding: 0;
		width: auto;
		top: unset;
		left: unset;
		height: auto;
		background-color: transparent;
		overflow: unset;
		transform: unset;
	}

	.header-menu>ul {
		display: flex;
		flex-wrap: wrap;
		width: auto;
	}

	.header-menu li {
		padding: 39px 0;
		position: unset;
	}

	.header-menu li a {
		padding: 0;
	}

	.header-menu li:not(:last-child) {
		margin-right: 26px;
		border-bottom: none;
	}

	.header-menu li.has-children>a:after {
		display: inline-block;
		vertical-align: middle;
		margin-left: 6px;
		content: var(--icon-chevron-down);
		font-family: var(--icons-font-family), sans-serif;
		transition: all var(--speed-default) ease-in-out;
		font-style: normal;
	}

	.header-menu li:hover .header-mega-menu {
		opacity: 1;
		visibility: visible;
	}

	.header-menu li:hover>a {
		color: var(--color-peach);
		font-style: italic;
	}

	.header-menu li.has-children:hover>a:after {
		transform: rotateX(180deg);
	}

	.header-close,
	.header-chevron {
		display: none;
	}

	.header-mega-menu {
		padding-top: 46px;
		padding-bottom: 36px;
		position: absolute;
		top: 100%;
		left: 0;
		margin-top: 1px;
		background-color: var(--color-beige);
		display: block;
		opacity: 0;
		visibility: hidden;
		transition: all var(--speed-default) ease-in-out;
	}

	.header-mega-item {
		padding-bottom: 0;
		margin-bottom: 0;
	}

	.header-mega-item:after {
		display: none;
	}

	.header-mega-holder {
		width: 69%;
	}

	.header-mega-wrap {
		display: flex;
		gap: 20px;
		justify-content: space-between;
	}

	.header-mega-column {
		padding-bottom: 114px;
		display: flex;
		gap: 30px;
		justify-content: flex-end;
		border-bottom: solid 1px var(--color-blue-300);
	}

	.header-menu li li {
		font-size: 16px;
		margin-bottom: 13px;
	}

	.header-mega-picture {
		position: relative;
		width: 24.8%;
		margin-top: 49px;
		transform: rotate(-13.5deg);
		margin-left: 40px;
	}

	.header-mega-picture:after {
		content: '';
		position: absolute;
		top: -29px;
		right: -14px;
		width: 64px;
		height: 64px;
		border-radius: 100%;
		background-color: var(--color-peach);
	}

	.header-mega-picture img {
		width: 100%;
		border-radius: 16px;
	}

	.header-mega-for,
	.header-mega-title {
		font-size: 24px;
		margin-bottom: 18px;
		letter-spacing: -0.8px;
	}

	.header-mega-link {
		font-size: 24px;
	}

	.header-mega-link,
	.header-mega-for {
		padding-right: 30px !important;
	}


	.header-mega-link i {
		font-size: 12px;
	}

	.header.sticky .header-menu li {
		padding: 25px 0;
	}

	.header.sticky .header-menu li li {
		padding: 0;
	}

	.header-mega-link:before,
	.header-mega-link:after,
	.header-mega-for:before,
	.header-mega-for:after {
		top: 10px;
		font-size: 12px;
	}
}

@media screen and (min-width: 1200px) {
	.header-mega-column {
		gap: 80px;
	}

	.header-mega-picture {
		margin-left: 0;
	}
}

@media screen and (min-width: 1400px) {
	.header-mega-column {
		margin-right: -14px;
	}

	.header-mega-picture {
		margin-left: -27px;
	}

	.header-mega-column {
		gap: 107px;
	}
}

/*******************************************************************************************
hero
*******************************************************************************************/
.hero {
	padding-top: 30px;
	padding-bottom: 36px;
}

.hero h1 {
	letter-spacing: 0.4px;
}

.hero-title {
	margin-bottom: 67px;
}

.hero-lead {
	padding-left: 19px;
	display: block;
	color: var(--color-medium);
	margin-bottom: 8px;
}

.hero-lead:after {
	content: '';
	position: absolute;
	top: -2px;
	left: 0;
	width: 16px;
	height: 20px;
	background-image: url('../images/quote1.svg');
	background-repeat: no-repeat;
	background-size: 100% 100%;
}

.hero-block {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	justify-content: space-between;
}

.hero-fit {
	width: 50%;
}

.hero-fit h6 {
	font-size: 12px;
	position: absolute;
	top: -34px;
	left: -2px;
	line-height: 1.55;
	z-index: 1;
	margin-bottom: 0;
}

.hero-fit-picture {
	width: 90%;
	position: relative;
}

.hero-fit-picture:before {
	content: '';
	position: absolute;
	top: 9%;
	left: -3px;
	width: 24px;
	height: 24px;
	border-radius: 100%;
	background-color: var(--color-dark-peach);
	pointer-events: none;
	z-index: 1;
}

.hero-fit-picture img {
	width: 100%;
	border-radius: 100%;
}

.hero-fit-ribbon {
	position: absolute;
	bottom: 4px;
	left: -6px;
	width: 37px;
}

.hero-narrative {
	width: 43%;
	margin-top: 17px;
}

.hero-narrative-picture {
	width: 90%;
	margin-left: -22px;
	transform: rotate(20deg);
}

.hero-narrative-picture:before {
	content: '';
	position: absolute;
	bottom: -13px;
	left: 29.5%;
	width: 24px;
	height: 24px;
	border-radius: 100%;
	background-color: var(--color-primary);
	pointer-events: none;
	z-index: 1;
}

.hero-narrative-picture img {
	width: 100%;
	border-radius: 8px;
}

.hero-narrative-text {
	position: absolute;
	bottom: -42px;
	left: -79px;
}

.hero-narrative-text h6 {
	font-size: 12px;
	z-index: 1;
	line-height: 1.55;
	margin-bottom: 0;
}

.hero-profile {
	width: 42%;
	padding-top: 20px;
	margin-left: auto;
}

.hero-profile-text {
	position: absolute;
	top: 50%;
	left: -96px;
	z-index: 1;
	width: 88px;
}

.hero-profile-text h6 {
	font-size: 12px;
	line-height: 1.55;
	margin-bottom: 19px;
	width: 40px;
}

.hero-profile-text img {
	margin-left: 3px;
	position: absolute;
	top: 10px;
	right: -3px;
	width: 38px;
	transform: rotate(-35deg);
}

.hero-profile-picture {
	width: 100%;
}

.hero-profile-picture img {
	width: 100%;
}

@media screen and (max-width: 595px) {
	.faq-title {

		font-size: 18px !important;

	}


	.header-logo{
		max-width: 120px;
	}

	.faq-content p {
		font-size: 14px !important;
	}

	.testimonial-arrow {
		display: none !important;
	}

	.testimonial-title {
		width: 65%;
	}


	.card-testimonial {
		min-height: 316px !important;
	}
}


@media screen and (min-width: 768px) {
	.hero {
		padding-bottom: 70px;
	}

	.hero-fit {
		width: 33.2%;
		margin-top: 47px;
	}

	.hero-fit h6 {
		font-size: 18px;
		top: -5px;
	}

	.hero-fit-picture {
		width: 80%;
		margin-left: 29px;
	}

	.hero-fit-picture:before {
		top: 28%;
		left: -31px;
		width: 60px;
		height: 60px;
	}

	.hero-fit-ribbon {
		bottom: 27px;
		left: -7px;
		width: 50px;
	}

	.hero-narrative {
		width: 24.8%;
		margin-left: -60px;
	}

	.hero-narrative-picture {
		width: 100%;
		margin-left: 0;
		transform: rotate(-13.46deg);
	}

	.hero-narrative-picture:before {
		bottom: -30px;
		left: 28.5%;
		width: 80px;
		height: 80px;
	}

	.hero-narrative-text {
		display: flex;
		justify-content: flex-end;
		margin-right: -76px;
		position: absolute;
		left: unset;
		right: 0;
	}

	.hero-narrative-text h6 {
		font-size: 18px;
	}

	.hero-narrative-picture img {
		border-radius: 16px;
	}

	.hero-profile {
		width: 27.1%;
		padding-top: 50px;
		margin-left: unset;
		margin-top: 18px;
	}

	.hero-profile-text {
		top: 13px;
		left: -39px;
		width: auto;
	}

	.hero-profile-text h6 {
		font-size: 18px;
		width: auto;
	}

	.hero-profile-text img {
		margin-left: 3px;
		position: relative;
		top: unset;
		right: unset;
		width: auto;
		transform: rotate(0);
	}
}

@media screen and (min-width: 1025px) {
	.hero {
		padding-top: 58px;
	}

	.hero-title {
		width: 60%;
		margin-bottom: 65px;
	}

	.hero-lead {
		padding-left: 33px;
		margin-bottom: 23px;
	}

	.hero-lead:after {
		top: 2px;
		left: -1px;
		width: 22px;
		height: 25px;
	}

	.hero-fit-ribbon {
		width: 90px;
	}
}

@media screen and (min-width: 1200px) {
	.hero-narrative-text {
		margin-right: -36px;
		position: relative;
		bottom: unset;
	}
}

@media screen and (min-width: 1400px) {
	.hero-fit h6 {
		left: -29px;
	}

	.hero-profile-picture {
		margin-left: 7px;
	}
}

/*******************************************************************************************
average
*******************************************************************************************/
.average {
	margin-bottom: 40px;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.average-items {
	width: 100%;
	min-height: 180px;
}

.average .card-average {
	height: 100%;
}

@media screen and (min-width: 768px) {
	.average {
		margin-bottom: 80px;
	}

	.average-items {
		width: 50%;
		min-height: 380px;
	}
}

@media screen and (min-width: 1025px) {
	.average-items {
		width: 25%;
		min-height: 580px;
	}
}

@media screen and (min-width: 1200px) {
	.average-items {
		min-height: 668px;
	}
}

/*******************************************************************************************
card-average
*******************************************************************************************/
.card-average {
	padding: 25px 16px 23px 16px;
	width: 100%;
	display: flex;
	flex-direction: column;
	position: relative;
	background-color: var(--color-info);
}

.card-average-info {
	width: 100%;
	position: relative;
	z-index: 1;
}

.card-average-label {
	font-size: 14px;
	width: 100%;
	margin-bottom: 20px;
}

.card-average-number {
	font-size: 64px;
	line-height: 1;
	font-weight: 400;

}

.card-average-bottom {
	position: absolute;
	top: 34px;
	right: 28px;
	width: 50px;
	margin-top: auto;
}

.card-average-picture {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	opacity: 0.75;
}

.card-average-picture img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.card-average.bg-grey {
	background-color: var(--color-grey-500);
}

.card-average.bg-black {
	background-color: var(--color-charcol-grey);
}

.card-average.bg-blue {
	background-color: var(--color-primary);
}

.card-average.bg-black,
.card-average.bg-blue,
.card-average.bg-grey {

	.card-average-label,
	.card-average-number {
		color: var(--color-info);
	}
}

@media screen and (min-width: 768px) {
	.card-average-info {
		padding-bottom: 42px;
		border-bottom: solid 1px var(--color-blue-500);
	}

	.card-average {
		padding: 60px 25px 25px 25px;
	}

	.card-average-label {
		font-size: 18px;
		margin-bottom: 70px;
	}

	.card-average-bottom {
		position: relative;
		top: unset;
		right: unset;
		width: 67px;
	}

	.card-average.bg-grey .card-average-info {
		border-bottom: solid 1px var(--color-accent);
	}

	.card-average.bg-black .card-average-info {
		border-bottom: solid 1px var(--color-grey-300);
	}

	.card-average.bg-blue .card-average-info {
		border-bottom: solid 1px var(--color-accent);
	}
}

@media screen and (min-width: 1025px) {
	.card-average {
		padding: 119px 25px 25px 25px;
	}

	.card-average-label {
		margin-bottom: 112px;
	}
}

@media screen and (min-width: 1200px) {
	.card-average-number {
		font-size: 112px;
		letter-spacing: -7px;
	}
}

/*******************************************************************************************
progress
*******************************************************************************************/
.progress {
	margin-bottom: 45px;
}

.progress-top {
	margin-bottom: 16px;
}

.progress-title h2 {
	margin-bottom: 15px;
	line-height: 1.25;
	letter-spacing: 0.5px;
	display: none;
}


.progress-title h2:nth-child(1),
.progress-title.is-active h2:nth-child(2) {
	display: block;
}

.progress-title.is-active h2:nth-child(1) {
	display: none;
}

.progress-switch {
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.progress-switch span {
	font-size: 14px;
	display: inline-block;
}

.progress-switch span strong {
	color: var(--color-medium);
	text-decoration: var(--link-decoration-base);
}

.progress-toggle-switch {
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-end;
}

.progress-arrow {
	position: absolute;
	top: 50%;
	right: 100%;
	width: 30px;
	transform: translateY(-50%) rotate(-55deg);
	margin-right: 15px;
	pointer-events: none;
}

.progress-arrow img {
	width: 100%;
}

.progress-group-switch {
	width: 54px;
}

.progress-label-switch {
	display: inline-block;
	position: relative;
	width: 100%;
	height: 24px;
	border-radius: 20px;
	background: var(--color-secondary);
	vertical-align: middle;
	cursor: pointer;
	transition: background 0.28s cubic-bezier(0.4, 0, 0.2, 1);
	margin-bottom: 0;
}

.progress-label-switch::before {
	content: '';
	position: absolute;
	top: 3px;
	left: 4px;
	width: 18px;
	height: 18px;
	background-color: var(--color-grey-200);
	border-radius: 50%;
	transition: left 0.28s cubic-bezier(0.4, 0, 0.2, 1), background 0.28s cubic-bezier(0.4, 0, 0.2, 1), box-shadow 0.28s cubic-bezier(0.4, 0, 0.2, 1);
}

.progress-toggle-switch input {
	width: 0;
	height: 0;
	display: none;
}

.progress-toggle-switch input:checked+.progress-label-switch {
	background-color: var(--color-accent);
}

.progress-toggle-switch input:checked+.progress-label-switch::before {
	left: 32px;
}

.progress-chart-wrap {
	display: none;
}

.progress-chart .progress-chart-wrap:nth-child(1),
.progress-chart.is-active .progress-chart-wrap:nth-child(2) {
	display: block;
}

.progress-chart.is-active .progress-chart-wrap:nth-child(1) {
	display: none;
}

.progress-chart-bar {
	position: relative;
	margin-bottom: 12px;
	width: 100%;
}

.progress-chart-bar:first-child:after {
	display: none;
}

.progress-chart-items {
	width: var(--length);
	display: flex;
	align-items: flex-end;
	padding: 13px 20px 5px 19px;
	position: relative;
	background-color: var(--color-peach);
}

.progress-number {
	font-size: 46px;
	font-weight: 300;
	line-height: 1;
	display: flex;
	align-items: flex-end;
	color: var(--color-primary);
	letter-spacing: -2px;
}

.progress-number sub {
	font-size: 30px;
}

.progress-chart-items span {
	font-size: 15px;
	text-transform: uppercase;
}

.progress-chart-items:before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 4px;
	background-color: var(--color-primary);
}

.progress.inner {
	padding-bottom: 80px;
	margin-bottom: 60px;
	background-color: var(--color-info);
}

@media screen and (min-width: 768px) {
	.progress-top {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		margin-bottom: 49px;
	}

	.progress-title {
		width: 70%;
	}

	.progress h2 {
		line-height: var(--heading-line-height);
		margin-bottom: 20px;
	}

	.progress-switch {
		width: 22.4%;
		padding-top: 10px;
		display: block;
	}

	.progress-switch span {
		font-size: 18px;
		max-width: 150px;
		display: block;
		width: 100%;
		margin-bottom: 25px;
	}

	.progress-group-switch {
		width: 81px;
	}

	.progress-label-switch {
		height: 37px;
	}

	.progress-label-switch::before {
		content: '';
		top: 4px;
		left: 4px;
		width: 28px;
		height: 28px;
	}

	.progress-toggle-switch input:checked+.progress-label-switch::before {
		left: 49px;
	}

	.progress-arrow {
		top: -57px;
		left: 50%;
		width: 62px;
		margin-left: 44px;
		transform: translateX(-50%);
	}
}


@media screen and (min-width: 1025px) {
	.progress {
		margin-bottom: 98px;
	}

	.progress-chart-wrap {
		padding: 21px 21px 0 24px;
		align-items: flex-end;
		min-height: 434px;
		border: solid 1px var(--color-dark);
		justify-content: space-between;
	}

	.progress-chart-bar {
		display: flex;
		align-items: flex-end;
		height: 380px;
		margin-bottom: 0;
	}

	.progress-chart-bar:after {
		content: '';
		position: absolute;
		top: 0;
		left: 0;
		width: 1px;
		height: 100%;
		background-color: var(--color-dark);
	}

	.progress-chart-items {
		width: 100%;
		height: var(--length);
		padding: 20px 20px 14px 20px;
	}

	.progress-chart-items:before {
		width: 6px;
		height: 100%;
	}

	.progress-chart .progress-chart-wrap:nth-child(1),
	.progress-chart.is-active .progress-chart-wrap:nth-child(2) {
		display: flex;
	}
}

@media screen and (min-width: 1200px) {
	.progress-chart-wrap {
		gap: 35px;
		justify-content: unset;
	}

	.progress-number {
		font-size: 64px;
		letter-spacing: -4px;
	}

	.progress-number sub {
		font-size: 40px;
	}

	.progress-chart-items span {
		font-size: 20px;
	}

}

/*******************************************************************************************
pageHead
*******************************************************************************************/
.pageHead {
	margin-bottom: 56px;
	padding-top: 58px;
}

.pageHead-text {
	max-width: 880px;
}

.pageHead-text span {
	margin-bottom: 17px;
	padding-left: 33px;
	position: relative;
	display: block;
	color: var(--color-medium);
}

.pageHead-text span i {
	position: absolute;
	top: 2px;
	left: 0;
}

.pageHead-text h1 {
	line-height: 1.2;
}

.pageHead.inner {
	margin-bottom: 45px;
}

.pageHead-star {
	position: absolute;
	bottom: 0;
	right: 26px;
	width: 87px;
	display: none;
}

.pageHead-star img {
	width: 100%;
}

.pageHead-wrap {
	display: flex;
	flex-wrap: wrap;
	align-items: flex-end;
	justify-content: space-between;
}

.pageHead-intro {
	width: 100%;
	margin-bottom: 0;
}

.pageHead-intro p em {
	font-style: italic;
	font-weight: 700;
	color: var(--color-dark-peach);
}

.pageHead-intro p:last-of-type {
	margin-bottom: 0;
}

.pageHead+.track.inner {
	padding-top: 0;
}

@media screen and (min-width: 768px) {
	.pageHead-star {
		display: block;
	}

}

@media screen and (min-width: 1025px) {
	.pageHead-intro {
		width: 33%;
		font-size: 18px;
		margin-bottom: 16px;
	}

	.pageHead+.track.inner {
		margin-top: -24px;
		padding-top: 0;
	}

	.pageHead-star {
		bottom: 44px;
	}
}

/*******************************************************************************************
news
*******************************************************************************************/
.news {
	margin-bottom: 20px;
	padding-top: 2px;
}

.news-tabs {
	overflow: auto;
}

.news-tabs ul {
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	justify-content: space-between;
	border-bottom: solid 1px var(--color-grey-300);
	width: 980px;
}

.news-tabs li {
	font-weight: 600;
	letter-spacing: -0.4px;
	font-family: var(--font-family-source), sans-serif;
}

.news-tabs li a {
	position: relative;
	display: block;
	padding: 0 21px 14px;
	color: var(--color-charcol-grey);
	text-decoration: var(--link-hover-decoration-base);
}

.news-tabs li a:after {
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	width: 0;
	height: 1px;
	background-color: var(--color-charcol-grey);
	transition: all var(--speed-default) ease-in-out;
}

.news-tabs li a.is-active:after {
	width: 100%;
}

.news-tabs-content {
	padding-top: 18px;
}

.news-tabs-box {
	display: none;
}

@media screen and (min-width: 768px) {
	.news-tabs ul {
		width: 1280px;
	}

	.news-tabs li {
		font-size: 18px;
	}
}

@media screen and (min-width: 1200px) {
	.news-tabs ul {
		width: 100%;
	}
}

/*******************************************************************************************
further
*******************************************************************************************/
.further {
	margin-bottom: 48px;
}

.further-column {
	padding-top: 44px;
	padding-bottom: 44px;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	border-top: solid 1px var(--color-secondary);
}

.further-intro {
	font-size: 18px;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	margin-bottom: 50px;
}

.further-intro p em {
	font-size: 24px;
	font-style: italic;
	font-weight: 600;
	line-height: 1.2;
	letter-spacing: -0.7px;
	font-family: var(--font-family-source), sans-serif;
}

.further-intro p a {
	font-weight: 700;
}

.further-intro p a:focus,
.further-intro p a:hover {
	color: var(--color-dark-peach);
	text-decoration: var(--link-hover-decoration-base);
}

.further-intro p:last-of-type {
	margin-bottom: 0;
}

.further-right {
	position: relative;
	width: 100%;
}

.further-picture {
	max-width: 434px;
	width: 100%;
	margin: 0 auto;
}

.further-picture img {
	width: 100%;
}

.further-info {
	padding: 70px 16px;
	max-width: 247px;
	width: 100%;
	border-radius: 1200px;
	text-align: center;
	color: var(--color-info);
	background-color: var(--color-primary);
	transform: rotate(16deg);
	margin-top: -150px;
}

.further-info h6,
.further-info h5 {
	color: var(--color-info);
	margin-bottom: 27px;
	font-style: italic;
	font-weight: 700;
	letter-spacing: -1px;
	font-family: var(--font-family-source), sans-serif;
}

.further-info p:last-of-type {
	margin-bottom: 0;
}

.further-info:before {
	content: '';
	position: absolute;
	top: -18px;
	left: 50%;
	width: 50px;
	height: 50px;
	border-radius: 100px;
	transform: translateX(-50%);
	margin-left: 10px;
	background-color: var(--color-peach);
}

.further-star {
	position: absolute;
	top: -16px;
	left: 0;
	width: 62px;
	transform: rotate(30deg);
}

@media screen and (min-width: 768px) {
	.further-intro {
		width: 39%;
		padding-top: 17px;
		margin-bottom: 0;
	}

	.further-right {
		width: 49%;
		padding-bottom: 15px;
		display: flex;
		justify-content: flex-end;
	}

	.further-picture {
		margin: unset;
	}

	.further-info {
		position: absolute;
		top: 68px;
		left: 0;
		margin-top: 0;
	}

}

@media screen and (min-width: 1025px) {
	.further-star {
		left: 15%;
	}

	.further-info:before {
		width: 64px;
		height: 64px;
	}
}

/*******************************************************************************************
accept
*******************************************************************************************/
.journey {
	padding-top: 60px;
	padding-bottom: 60px;
	position: relative;
	display: flex;
	flex-wrap: wrap;
	align-items: flex-end;
}

.journey h2 {
	color: var(--color-info);
	margin-bottom: 36px;
}

.journey h2 em {
	letter-spacing: -3px;
	font-family: var(--font-family-source), sans-serif;
}

.journey-block {
	width: 100%;
	position: relative;
	z-index: 1;
}

.journey-label {
	color: var(--color-info);
	position: relative;
	margin-bottom: 24px;
	display: flex;
	align-items: center;
}

.journey-label span {
	display: inline-block;
	padding-right: 16px;
}

.journey-line {
	flex: 1;
}

.journey-line:before {
	content: '';
	position: absolute;
	top: 11px;
	right: 0;
	height: 1px;
	width: 100%;
	background-color: var(--color-grey);
}

.journey-info {
	display: grid;
	gap: 10px;
	grid-template-columns: repeat(1, 1fr);
}

.journey-column {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
}

.journey-number {
	flex-grow: 1;
	font-size: 40px;
	padding: 25px 16px;
	border-radius: 8px;
	color: var(--color-primary);
	background-color: var(--color-peach);
	display: inline-block;
	text-align: end;
}

.journey-number span {
	display: block;
	font-size: 18px;
}

.journey-bg {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.journey-bg:after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: linear-gradient(to top, rgba(0, 0, 0, 0.50) 0%, rgba(0, 0, 0, 0.40) 100%);
}

.journey-bg img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.card-journey {
	width: 100%;
	display: flex;
	flex-direction: column;
	border-radius: 8px;
	padding: 27px 16px 22px 16px;
	color: var(--color-medium);
	background-color: var(--color-peach);
}

.card-journey h5 {
	margin-bottom: 16px;
}

.card-journey p {
	margin-top: auto;
}

.card-journey p:last-of-type {
	margin-bottom: 0;
}

.card-journey:nth-child(2) {
	color: var(--color-beige);
	background-color: var(--color-primary);
}

.card-journey:nth-child(4) h5,
.card-journey:nth-child(2) h5 {
	color: var(--color-beige);
}

.card-journey:nth-child(3) {
	background-color: var(--color-info);
}

.card-journey:nth-child(4) {
	color: var(--color-beige);
	background-color: var(--color-charcol-grey);
}

@media screen and (min-width: 768px) {
	.journey-info {
		grid-template-columns: repeat(2, 1fr);
	}
}

@media screen and (min-width: 1025px) {
	.journey {
		min-height: 820px;
	}

	.journey-info {
		gap: 24px;
		grid-template-columns: repeat(4, 1fr);
	}

	.journey-column {
		gap: 24px;
	}

	.journey-number {
		padding: 34px 16px 22px 15px;
	}

	.card-journey {
		padding-right: 8px;
	}
}

/*******************************************************************************************
success
*******************************************************************************************/
.success {
	position: relative;
	padding-top: 20px;
	padding-bottom: 25px;
	overflow: hidden;
}

.success-block {
	position: relative;
	z-index: 2;
}

.success-items {
	width: 100%;
	color: var(--color-info);
}

.success-items:not(:last-child) {
	margin-bottom: 17px;
}

.success-info {
	max-width: 250px;
	width: 100%;
}

.success-number {
	font-size: 64px;
	line-height: 1;
	margin-bottom: 12px;
	display: flex;
	align-items: flex-end;
}

.success-number span {
	font-weight: 400;
	color: var(--color-info);
	display: inline-block;
}

.success-label {
	color: var(--color-beige);
}

.success-bg-picture {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.success-bg-picture:after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, .70);
}

.success-bg-picture img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.success-line-bottom,
.success-line-top,
.success-line1,
.success-line,
.success:after,
.success:before {
	content: '';
	position: absolute;
	top: 0;
	width: 1px;
	height: 100%;
	transform: translateX(-50%);
	background-color: var(--color-dark-peach);
	pointer-events: none;
	z-index: 1;
	opacity: 0.50;
}

.success:after,
.success:before {
	margin-left: -399px;
	left: 50%;
}

.success:after {
	margin-left: -80px;
}

.success-line1,
.success-line {
	left: 50%;
	margin-left: 240px;
}

.success-line1 {
	margin-left: 560px;
}

.success-line-bottom,
.success-line-top {
	width: 100%;
	height: 1px;
	left: 0;
	top: 150px;
	transform: translateX(0);
}

.success-line-bottom {
	top: 301px;
}

@media screen and (min-width: 768px) {
	.success-items {
		padding-left: 36px;
	}

	.success-items:nth-child(2n) {
		display: flex;
		justify-content: end;
		padding-right: 56px;
	}

	.success-items:nth-child(3n) {
		padding-left: 210px;
	}

	.success-line-bottom,
	.success-line-top {
		top: 201px;
	}

	.success-line-bottom {
		top: 401px;
	}
}

@media screen and (min-width: 1025px) {
	.success-number span {
		font-size: 112px;
		letter-spacing: -7px;
	}

	.success-items:nth-child(3n) {
		padding-left: 348px;
	}
}

/*******************************************************************************************
jobs
*******************************************************************************************/
.jobs {
	padding-top: 70px;
	padding-bottom: 70px;
	position: relative;
	overflow: hidden;
	background-color: var(--color-primary);
}

.jobs ul {
	list-style: none;
	margin: 0;
	padding: 0;
	position: relative;
	z-index: 1;
}

.jobs ul:before {
	content: '';
	position: absolute;
	top: 0;
	left: 36px;
	width: 1px;
	height: 100%;
	background-color: var(--color-accent);
}

.jobs ul:after {
	content: '';
	position: absolute;
	top: -70px;
	left: -131px;
	width: 173px;
	height: 97px;
	pointer-events: none;
	z-index: -1;
	background: url('../images/curved-img.svg') no-repeat;
}

.jobs li {
	position: relative;
	padding-left: 85px;
	color: var(--color-beige);
}

.jobs li:not(:last-child) {
	margin-bottom: 40px;
}

.jobs li span {
	color: var(--color-info);
	font-size: 20px;
	position: absolute;
	top: -4px;
	left: 17px;
	width: 40px;
	height: 40px;
	display: flex;
	align-items: center;
	justify-content: center;
	background: url('../images/shape-img1.svg') no-repeat;
	background-size: 100% 100%;
}

.jobs-title {
	font-size: 20px;
	color: var(--color-beige);
}

.jobs-intro-text p:last-of-type {
	margin-bottom: 0;
}

.jobs li:nth-child(2) span {
	background: url('../images/shape-img2.svg') no-repeat;
	background-size: 100% 100%;
}

.jobs li:nth-child(3) span {
	background-image: none;
	color: var(--color-primary);
	border-radius: 26px;
	background-color: var(--color-info);
}

.jobs li:nth-child(4) span {
	background-image: none;
	border-radius: 10px;
	color: var(--color-primary);
	background-color: var(--color-yellow);
}

.jobs li:nth-child(5) span {
	background: url('../images/shape-img3.svg') no-repeat;
	background-size: 100% 100%;
}

.jobs li:nth-child(6) span {
	background-image: none;
	border-radius: 69px;
	color: var(--color-primary);
	background-color: var(--color-beige);
}

.jobs li:nth-child(7) span {
	background: url('../images/shape-img4.svg') no-repeat;
	background-size: 100% 100%;
}

.jobs-line-top4,
.jobs-line-top3,
.jobs-line-top2,
.jobs-line-top1,
.jobs-line-top,
.jobs-line1,
.jobs-line,
.jobs:after,
.jobs:before {
	content: '';
	position: absolute;
	top: 0;
	width: 1px;
	height: 100%;
	transform: translateX(-50%);
	background-color: var(--color-blue-500);
	pointer-events: none;
	opacity: 0.40;
}

.jobs:after,
.jobs:before {
	margin-left: -399px;
	left: 50%;
}

.jobs:after {
	margin-left: -80px;
}

.jobs-line1,
.jobs-line {
	left: 50%;
	margin-left: 240px;
}

.jobs-line1 {
	margin-left: 560px;
}

.jobs-line-top4,
.jobs-line-top3,
.jobs-line-top2,
.jobs-line-top1,
.jobs-line-top {
	width: 100%;
	height: 2px;
	left: 0;
	top: 161px;
	transform: translateX(0);
}

.jobs-line-top1 {
	top: 361px;
}

.jobs-line-top2 {
	top: 561px;
}

.jobs-line-top3 {
	top: 761px;
}

.jobs-line-top4 {
	top: 961px;
}

@media screen and (min-width: 768px) {
	.jobs ul:before {
		left: 50px;
	}

	.jobs ul:after {
		left: -118px;
	}

	.jobs li {
		font-size: 18px;
		padding-left: 135px;
	}

	.jobs li span {
		font-size: 37px;
		top: -4px;
		left: 17px;
		width: 69px;
		height: 69px;
	}

	.jobs li:not(:last-child) {
		margin-bottom: 73px;
	}

	.jobs-title {
		font-size: 40px;
	}
}

@media screen and (min-width: 1025px) {
	.jobs {
		padding-top: 126px;
		padding-bottom: 121px;
	}

	.jobs li {
		padding-left: 176px;
		display: flex;
		gap: 30px;
		align-items: center;
		justify-content: space-between;
	}

	.jobs-intro-text {
		width: 38.5%;
	}

}

/*******************************************************************************************
choose
*******************************************************************************************/
.choose {
	padding-top: 50px;
	padding-bottom: 7px;
	background-color: var(--color-charcol-grey);
}

.choose h2 {
	color: var(--color-info);
}

.choose h2 strong {
	color: var(--color-peach);
}

.choose img {
	width: 100%;
}

@media screen and (min-width: 1025px) {
	.choose {
		padding-top: 82px;
	}

	.choose h2 {
		margin-bottom: 36px;
	}

	.choose img {
		margin-left: -24px;
	}
}

/*******************************************************************************************
description
*******************************************************************************************/
.description {
	margin-bottom: 50px;
}

.description-wrap {
	display: flex;
	flex-wrap: wrap;
}

.description-right {
	width: 100%;
}

.description-sticky {
	position: sticky;
	top: 90px;
}

@media screen and (min-width: 768px) {
	.description-intro {
		flex: 1;
		font-size: 18px;
	}

	.description-right {
		width: auto;
		margin-left: 30px;
	}

}

@media screen and (min-width: 1025px) {
	.description-right {
		width: 32.5%;
		margin-left: 121px;
	}

}

/*******************************************************************************************
card-social
*******************************************************************************************/
.card-social {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	align-items: center;
	justify-content: space-between;
	border-top: solid 1px var(--color-grey-300);
	margin-top: 23px;
	padding-top: 21px;
}

.card-social span {
	font-size: 18px;
}

.card-social ul {
	display: flex;
	list-style: none;
	padding: 0;
	margin: 0;
}

.card-social li:not(:last-child) {
	margin-right: 20px;
}

.card-social li a {
	font-size: 25px;
	color: var(--color-charcol-grey);
	text-decoration: var(--link-hover-decoration-base);
}

.card-social li a:hover {
	color: var(--color-dark-peach);
}

@media screen and (min-width: 1025px) {
	.card-social li:not(:last-child) {
		margin-right: 30px;
	}
}

/*******************************************************************************************
mission
*******************************************************************************************/
.mission {
	border-top: 1px solid var(--color-blue-300);
}

.mission-row {
	display: flex;
	flex-wrap: wrap;
	align-items: flex-end;
}

.mission-left {
	padding: 30px 0;
	width: 100%;
	order: 2;
}

.mission-text {
	font-size: 18px;
	color: var(--color-charcol-grey);
}

.mission-text p:last-of-type {
	margin-bottom: 0;
}

.mission-right {
	margin: 0 -16px;
	padding: 70px 16px 30px;
	position: relative;
	width: calc(100% + 32px);
	order: 1;
	border-bottom: 1px solid var(--color-blue-300);
}

.mission-right-top {
	position: absolute;
	top: -40px;
	right: 16px;
	font-size: 18px;
	color: var(--color-medium);
}

.mission-right-top p {
	margin-bottom: 0;
}

.mission-right-top i {
	margin-left: auto;
	display: block;
	width: 70px;
	height: 72px;
}

.mission-image img {
	width: 100%;
}

@media screen and (min-width: 768px) {
	.mission-left {
		margin: 0 0 77px;
		padding: 0 30px 0 0;
		width: 47.5%;
		order: 1;
	}

	.mission-text {
		max-width: 430px;
	}

	.mission-text h2 {
		margin-bottom: 28px;
	}

	.mission-right {
		margin: 0;
		padding: 57px 0 55px 30px;
		width: 52.5%;
		order: 2;
		border-bottom: 0;
		border-left: 1px solid var(--color-blue-300);
	}

	.mission-image {
		margin-left: auto;
		max-width: 517px;
	}

	.mission-right-top {
		top: -46px;
		right: 0;
	}

	.mission-right-top i {
		margin: -2px 20px 0 auto;
	}
}

@media screen and (min-width: 1400px) {
	.mission-right-top {
		right: -45px;
	}

	.mission-right-top i {
		width: 101px;
		height: 102px;
	}
}

/*******************************************************************************************
value
*******************************************************************************************/
.value {
	padding-top: 70px;
	padding-bottom: 70px;
	background-color: var(--color-charcol-grey);
}

.value h3 {
	margin-right: 14px;
	margin-bottom: 3px;
	font-size: 18px;
	font-weight: 500;
	color: var(--color-white);
	text-transform: uppercase;
	text-align: right;
}

.value-arrow-bottom {
	margin-right: 59px;
	margin-bottom: 29px;
	display: block;
}

.value-arrow-bottom img {
	margin-left: auto;
}

.value-row {
	margin-bottom: 40px;
	display: grid;
	grid-template-columns: repeat(1, 1fr);
	border: 1px solid rgba(172, 190, 216, .20);
}


.value-right a {
	text-decoration: none;
}

.value-left {
	margin-bottom: 30px;
}

.value-founder-img {
	margin-bottom: 15px;
	width: 108px;
	height: 63px;
	flex: 0 0 auto;
	overflow: hidden;
	border-radius: 12px;
}

.value-founder-img img {
	width: 100%;
}

.value-founder-text {
	color: var(--color-info);
	line-height: 1.35;
}

.value-right {
	padding-right: 60px;
	position: relative;
	color: var(--color-info);
}

.value-right:before {
	position: absolute;
	top: 11px;
	right: 10px;
	font-family: var(--icons-font-family), sans-serif;
	font-size: 20px;
	content: '\e905';
}

.value-right>*:last-child {
	margin-bottom: 0;
}

@media screen and (min-width: 768px) {
	.value-row {
		margin-bottom: 60px;
		grid-template-columns: repeat(2, 2fr);
	}

	.value-wrap {
		display: flex;
		flex-wrap: wrap;
	}

	.value-left {
		margin-bottom: 0;
		width: 50%;
	}

	.value-right {
		margin-top: 5px;
		padding-right: 80px;
		padding-left: 30px;
		width: 50%;
	}

	.value-right:before {
		right: 20px;
	}

	.value-founder {
		display: flex;
	}

	.value-founder-img {
		margin-bottom: 0;
	}

	.value-founder-text {
		margin-left: 47px;
		font-size: 24px;
	}
}

@media screen and (min-width: 1025px) {
	.value {
		padding-top: 85px;
		padding-bottom: 99px;
	}

	.value-row {
		grid-template-columns: repeat(3, 3fr);
	}

	.value-right {
		padding-right: 105px;
		padding-left: 79px;
	}



	.value-right:before {
		right: 50px;
	}
}

/*******************************************************************************************
card value
*******************************************************************************************/
.card-value {
	padding: 50px 25px;
	display: block;
	color: var(--color-white);
	text-decoration: var(--link-hover-decoration-base);
	border-bottom: 1px solid rgba(172, 190, 216, .20);
}

.card-value-icon {
	margin-bottom: 30px;
	margin-left: 3px;
}

.card-value-title {
	margin-bottom: 23px;
	font-size: 36px;
	color: var(--color-info);
	line-height: 1.2;
	transition: all var(--speed-default) ease-in-out;
}

.card-value:focus .card-value-title,
.card-value:hover .card-value-title {
	color: var(--color-white);
}

.card-value>*:last-child {
	margin-bottom: 0;
}

.card-value:last-of-type {
	border-bottom: 0;
}

@media screen and (min-width: 768px) {
	.card-value {
		padding: 76px 31px 57px;
		border-right: 1px solid rgba(172, 190, 216, .20);
	}

	.card-value-title {
		font-size: 40px;
	}

	.card-value:nth-last-child(-n + 2) {
		border-bottom: 0;
	}

	.card-value:nth-child(2n) {
		border-right: 0;
	}
}

@media screen and (min-width: 1025px) {
	.card-value:nth-last-child(-n + 3) {
		border-bottom: 0;
	}

	.card-value:nth-child(2n) {
		border-right: 1px solid rgba(172, 190, 216, .20);
	}

	.card-value:nth-child(3n) {
		border-right: 0;
	}
}

/*******************************************************************************************
counter
*******************************************************************************************/
.counter {
	padding-top: 60px;
	padding-bottom: 60px;
	background-color: var(--color-peach);
}

.counter-column {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	padding: 25px 0;
	border-bottom: 1px solid var(--color-dark-peach);
}

.counter-column:nth-child(1) {
	border-top: 1px solid var(--color-dark-peach);
}

.counter-text {
	margin-bottom: 20px;
	padding-top: 5px;
	display: block;
	font-size: 18px;
	font-weight: 500;
}

.counter-counting {
	font-size: 50px;
	font-weight: 400;
	display: flex;
	align-items: flex-end;
	line-height: var(--heading-line-height);
	color: var(--color-charcol-grey);
}

.counter-plus {
	font-size: 32px;
	font-weight: 300;
	color: var(--color-dark-peach);
}

@media screen and (min-width: 768px) {
	.counter {
		padding-top: 80px;
		padding-bottom: 77px;
	}

	.counter-row {
		display: flex;
		flex-wrap: wrap;
	}

	.counter-column {
		padding: 0 16px;
		width: 25%;
		min-height: 250px;
		border-bottom: 0;
		border-left: 1px solid var(--color-dark-peach);
	}

	.counter-column:nth-child(1) {
		border-top: 0;
	}

	.counter-plus {
		font-size: 50px;
	}
}

@media screen and (min-width: 1025px) {
	.counter-column {
		min-height: 322px;
	}

	.counter-counting {
		font-size: 70px;
	}

	.counter-plus {
		font-size: 70px;
	}
}

@media screen and (min-width: 1200px) {
	.counter-counting {
		font-size: 80px;
	}
}

/*******************************************************************************************
Approach
*******************************************************************************************/
.approach {
	margin-bottom: 50px;
	padding-top: 70px;
	overflow: hidden;
}

.approach-holder {
	position: relative;
}

.approach-circle {
	margin: 0 auto 30px;
	position: relative;
	border: 1px solid var(--color-dark);
	border-radius: 50%;
	width: 300px;
	height: 300px;
}

.approach-image {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 250px;
	height: 250px;
	transform: translate(-50%, -50%);
}

.approach-image img {
	width: 100%;
}

.approach-image span {
	position: absolute;
	top: 50%;
	left: 0;
	width: 100%;
	font-size: 24px;
	font-weight: 500;
	text-align: center;
	color: var(--color-beige);
	transform: translateY(-50%);
}

.approach-image:after {
	content: '';
	position: absolute;
	top: 63px;
	right: 0;
	width: 40px;
	height: 40px;
	border-radius: 100%;
	background-color: var(--color-secondary);
}

.approach-text {
	margin-bottom: 20px;
	position: relative;
	line-height: 1.35;
	text-align: center;
}

.approach-text span {
	display: none;
}

.approach-shape {
	margin: 0 auto;
	display: block;
	width: 40px;
	height: 33px;
}

.approach-shape img {
	margin: 0 auto;
}

.approach-content {
	position: relative;
	z-index: 1;
}

.approach-content strong {
	font-style: italic;
	font-family: var(--font-family-source), sans-serif;
}

.approach-text.approach-text-bottom .approach-shape {
	width: 142px;
	height: auto;
}

@media screen and (min-width: 768px) {
	.approach {
		margin-bottom: 128px;
		padding-top: 121px;
	}

	.approach-holder {
		margin: 0 auto;
		padding-bottom: 10px;
		width: 492px;
	}

	.approach-circle {
		margin-bottom: 0;
		width: 492px;
		height: 492px;
	}

	.approach-image {
		width: 300px;
		height: 300px;
	}

	.approach-image span {
		font-size: 30px;
	}

	.approach-text {
		margin-top: -42px;
		margin-bottom: 0;
		padding: 15px;
		position: absolute;
		top: 50%;
		left: -115px;
		text-align: left;
		background-color: var(--color-beige);
		transform: translateY(-50%);
	}

	.approach-text span {
		position: absolute;
		left: 50%;
		display: block;
	}

	.approach-text span.approach-top {
		margin-left: 29px;
		top: -13px;
		transform: rotate(15deg);
	}

	.approach-text span.approach-bottom {
		margin-left: 8px;
		top: auto;
		bottom: -12px;
	}

	.approach-text span.approach-left {
		margin-left: -17px;
		top: 19px;
		left: 0;
		transform: rotate(-70deg);
	}

	.approach-text span.approach-right {
		top: 23px;
		right: -17px;
		left: auto;
		transform: rotate(-125deg);
	}

	.approach-text.approach-text-right .approach-shape {
		margin-right: 0;
		margin-left: -15px;
		position: absolute;
		top: 25px;
		left: 50%;
		z-index: 0;
		width: 32px;
		height: 30px;
	}

	.approach-text.approach-text-right {
		margin-top: -70px;
		right: -115px;
		left: auto;
	}

	.approach-text.approach-text-bottom {
		top: auto;
		bottom: -15px;
		left: 50%;
		transform: translateX(-50%);
	}

	.approach-text.approach-text-bottom .approach-shape {
		width: 150px;
	}

	.approach-text.approach-text-right span.approach-top {
		margin-left: -54px;
		top: -15px;
		transform: rotate(-30deg);
	}

	.approach-text.approach-text-right span.approach-bottom {
		margin-left: -34px;
		bottom: -12px;
		transform: rotate(-10deg);
	}
}

@media screen and (min-width: 1025px) {
	.approach-holder {
		width: 592px;
	}

	.approach-circle {
		width: 592px;
		height: 592px;
	}

	.approach-image {
		width: 350px;
		height: 350px;
	}

	.approach-image:after {
		right: 6%;
		width: 60px;
		height: 60px;
	}

	.approach-image span {
		font-size: 40px;
	}

	.approach-shape {
		width: 46px;
		height: 39px;
	}

	.approach-content {
		font-size: 20px;
	}

	.approach-text.approach-text-right .approach-shape {
		margin-left: -20px;
		top: 26px;
		width: 42px;
		height: 40px;
	}

	.approach-text.approach-text-bottom .approach-shape {
		width: 200px;
	}

	.approach-text span.approach-top {
		margin-left: 10px;
	}

	.approach-text span.approach-bottom {
		margin-left: -11px;
	}

	.approach-text.approach-text-right span.approach-top {
		margin-left: -32px;
	}

	.approach-text.approach-text-right span.approach-bottom {
		margin-left: -13px;
	}

	.approach-text span.approach-left {
		top: 27px;
	}

	.approach-text span.approach-right {
		top: 30px;
	}
}

@media screen and (min-width: 1280px) {
	.approach-holder {
		padding-bottom: 40px;
		width: 792px;
	}

	.approach-circle {
		width: 792px;
		height: 792px;
	}

	.approach-image {
		width: 474px;
		height: 474px;
	}

	.approach-image span {
		font-size: 56px;
	}

	.approach-text {
		left: -215px;
	}

	.approach-shape {
		margin-right: 10px;
		width: auto;
		height: auto;
	}

	.approach-text.approach-text-right {
		right: -215px;
	}

	.approach-text.approach-text-right .approach-shape {
		margin-left: -28px;
		top: 32px;
		width: 62px;
		height: 60px;
	}

	.approach-content {
		font-size: 32px;
	}

	.approach-text span.approach-top {
		margin-left: 48px;
	}

	.approach-text span.approach-bottom {
		margin-left: 34px;
	}

	.approach-text.approach-text-bottom .approach-shape {
		width: 100%;
	}

	.approach-text.approach-text-right span.approach-top {
		margin-left: -66px;
	}

	.approach-text.approach-text-right span.approach-bottom {
		margin-left: -51px;
	}

	.approach-text span.approach-left {
		top: 12px;
	}

	.approach-text span.approach-right {
		top: 15px;
	}
}

/*******************************************************************************************
coaching
*******************************************************************************************/
.coaching {
	margin-bottom: 60px;
}

.coaching-holder {
	padding: 38px 24px 64px 24px;
	border-radius: 16px;
	background-color: var(--color-primary);
}

.coaching-left {
	font-weight: 500;
	margin-bottom: 22px;
	color: var(--color-info);
}

.coaching-subtitle {
	font-size: 16px;
	margin-bottom: 13px;
	position: relative;
}

.coaching-subtitle:after {
	content: '';
	position: absolute;
	bottom: -30px;
	left: 15px;
	width: 68px;
	height: 24px;
	background: url('../images/arrow-bottom-right.svg') no-repeat center center;
	background-size: 100% 100%;
}

.coaching-title {
	font-size: 24px;
	line-height: 1.34;
}

.coaching-title span {
	width: 88px;
	display: inline-block;
}

.coaching-title em {
	font-family: var(--font-family-source), sans-serif;
	font-weight: 600;
	font-style: italic;
	color: var(--color-accent);
}

.coaching-title strong {
	color: var(--color-peach);
	font-family: var(--font-family-source), sans-serif;
	font-weight: 600;
	font-style: italic;
}

.coaching-image {
	position: relative;
	width: 97%;
}

.coaching-video video,
.coaching-image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	border-radius: 16px;
}

.coaching-video:before,
.coaching-image:before {
	content: '';
	position: absolute;
	top: 28px;
	left: -20px;
	width: 29px;
	height: 29px;
	border-radius: 50px;
	background-color: var(--color-accent);
	pointer-events: none;
}

.coaching-video i,
.coaching-image i {
	position: absolute;
	right: -30px;
	bottom: 10px;
	width: 75px;
	pointer-events: none;
	transform: rotate(-53deg);
}

.coaching.inner {
	padding-top: 60px;
	margin-bottom: 38px;
}

@media screen and (min-width: 768px) {
	.coaching {
		margin-bottom: 129px;
	}

	.coaching-holder {
		padding: 50px 30px;
		display: flex;
		flex-wrap: wrap;
		border-radius: 24px;
	}

	.coaching-subtitle {
		font-size: 20px;
		margin-bottom: 36px;
	}

	.coaching-subtitle:after {
		bottom: -60px;
		left: 56px;
		width: 86px;
		height: 42px;
	}

	.coaching-left {
		flex: 1;
		margin-bottom: 0;
	}

	.coaching-title {
		font-size: 24px;
		line-height: 1.25;
	}

	.coaching-title span {
		width: 157px;
	}

	.coaching-video,
	.coaching-image {
		width: 30%;
		margin-left: 30px;
	}

	.coaching-video {
		height: 399px;
	}

	.coaching-video:before,
	.coaching-image:before {
		top: 21px;
		left: -15px;
	}

	.coaching-video img {
		max-width: 276px;
		width: 100%;
	}

	.coaching-video i,
	.coaching-image i {
		right: -30px;
	}
}

@media screen and (min-width: 1025px) {
	.coaching-holder {
		padding: 85px 51px 84px 60px;
	}

	.coaching-subtitle {
		font-size: 24px;
	}

	.coaching-title {
		font-size: 32px;
	}

	.coaching-video,
	.coaching-image {
		width: 23.3%;
		margin-left: 110px;
		margin-right: 56px;
	}

	.coaching-video:before,
	.coaching-image:before {
		width: 49px;
		height: 49px;
		left: -30px;
	}

	.coaching-video i,
	.coaching-image i {
		width: 96px;
		right: -53px;
		bottom: 0;
	}

}

/*******************************************************************************************
PARTNERS
*******************************************************************************************/
.partners {
	margin-bottom: 26px;
}

.partners .swiper-wrapper {
	align-items: center;
	transition-timing-function: linear;
}

.partners .swiper-slide {
	padding-right: 20px;
	padding-left: 20px;
	height: auto;
	border-right: 1px solid var(--color-grey-400);
}

.partners img {
	margin: 0 auto;
	max-width: 220px;
	width: 100%;
	max-height: 56px;
	object-fit: contain;
}

.partners.inner {
	margin-bottom: 60px;
}

@media screen and (min-width: 768px) {
	.partners {
		margin-bottom: 82px;
	}
}

/*******************************************************************************************
Team
*******************************************************************************************/
.team {
	padding-top: 50px;
	padding-bottom: 50px;
}

.team-holder {
	margin-bottom: 31px;
}

.team h2 strong {
	font-style: italic;
	color: var(--color-brown);
	font-family: var(--font-family-source), sans-serif;
}

.team .swiper {
	padding: 10px 0;
	overflow: visible;
}

.team-nav {
	margin-bottom: 18px;
	position: relative;
	display: none;
	justify-content: flex-end;
}

.team-nav .swiper-button-prev {
	margin-right: 16px;
}

.team-nav .swiper-button-disabled {
	opacity: 1;
}

.team.is-alt {
	background-color: var(--color-info);
}

.team.inner .swiper {
	overflow: hidden;
}

@media screen and (min-width: 768px) {
	.team {
		padding-top: 100px;
		padding-bottom: 100px;
	}

	.team .swiper {
		margin: 0 -18px;
		padding: 10px 18px;
	}

	.team-holder {
		display: flex;
		align-items: flex-end;
		justify-content: space-between;
	}

	.team-nav {
		display: flex;
	}
}

/*******************************************************************************************
card Team
*******************************************************************************************/
.card-team-image {
	position: relative;
}

.card-team-image img {
	border-radius: 150px 150px 160px 10px;
}

.card-team-image.second img {
	border-radius: 150px 150px 10px 10px;
}

.card-team-image.third img {
	border-radius: 10px 165px 150px 150px;
}

.card-team-image.fourth img {
	border-radius: 10px 10px 10px 140px;
}

.card-team-image img {
	width: 100%;
}

.card-team-circle {
	position: absolute;
	bottom: 22px;
	left: -10px;
	width: 24px;
	height: 24px;
	border-radius: 40px;
	background-color: var(--color-secondary);
	pointer-events: none;
}

.card-team-image.third .card-team-circle {
	top: 22px;
	bottom: auto;
	left: -10px;
}

.card-team-image.fourth .card-team-circle {
	top: 23px;
	bottom: auto;
	left: -12px;
}

.card-team-text {
	padding-top: 12px;
	font-size: 16px;
	font-weight: 500;
	line-height: 1.5;
}

.card-team-text span {
	display: block;
	font-size: 14px;
	font-weight: 600;
	font-style: italic;
	font-family: var(--font-family-source), sans-serif;
}

@media screen and (min-width: 768px) {
	.card-team-text {
		padding-top: 20px;
		font-size: 20px;
		white-space: nowrap;
	}

	.card-team-text span {
		font-size: 16px;
	}

	.card-team-circle {
		bottom: 43px;
		left: -18px;
		width: 38px;
		height: 38px;
	}
}

@media screen and (min-width: 1025px) {
	.card-team-text {
		font-size: 24px;
	}
}

@media screen and (min-width: 1200px) {
	.card-team-text {
		font-size: 28px;
	}

	.card-team-text span {
		font-size: 20px;
	}
}

/*******************************************************************************************
SESSION
*******************************************************************************************/
.session {
	padding-bottom: 44px;
	position: relative;
	background-color: var(--color-charcol-grey);
}

.session h2 {
	color: var(--color-info);
	margin-bottom: 22px;
}

.session h2 strong {
	color: var(--color-info);
}

.session-holder {
	position: relative;
	z-index: 1;
	display: flex;
	flex-wrap: wrap;
}

.session-text {
	order: 2;
	width: 100%;
}

.session-image {
	position: relative;
	order: 1;
	width: 100%;
	height: 240px;
	margin-bottom: 50px;
	margin-left: 15px;
}

.session-image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	filter: grayscale(2);
}

.session-image:before {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	width: 100%;
	height: 100%;
	background-color: rgba(168, 168, 168, 0.2);
	content: '';
	pointer-events: none;
}

.session-help {
	padding: 20px 15px 14px;
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 2;
	width: 100%;
	font-size: 14px;
	line-height: 1.1;
	color: var(--color-beige);
}

.session-help span {
	margin-top: 4px;
	display: block;
	font-size: 64px;
	font-weight: 400;
	color: var(--color-info);
}

.session-bg {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.session-bg img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.session-number {
	display: flex;
}

.session-effect {
	overflow: hidden;
}

.session-effect .word {
	opacity: 0;
	display: none;
	transition: opacity 3.5s ease, visibility 3.5s ease;
}

.session-effect .word em {
	font-style: normal;
	color: var(--color-beige);
}

.session-effect .word.show-heading {
	opacity: 1;
	display: block !important;
	animation: fadeIn 3.5s ease forwards;
}

@keyframes fadeIn {
	from {
		opacity: 0;
	}

	to {
		opacity: 1;
	}
}

.session .button.button-outline-secondary i {
	color: var(--color-beige);
}


.session .button.button-outline-secondary:hover {
	background-color: transparent;
}

.session .button.button-outline-secondary:hover .word {
	color: var(--color-peach);
}

@media screen and (min-width: 768px) {
	.session {
		padding-bottom: 100px;
	}

	.session h2 {
		margin-bottom: 20px;
	}

	.session-holder {
		display: flex;
		flex-wrap: inherit;
		align-items: flex-end;
		justify-content: space-between;
	}

	.session-text {
		order: 1;
		padding-right: 10%;
	}

	.session-image {
		margin-bottom: 0;
		flex: 0 0 auto;
		order: 2;
		width: 360px;
		height: 400px;
		margin-left: 0;
	}

	.session-help {
		padding: 20px 25px 14px;
		font-size: 18px;
	}

	.session-help span {
		font-size: 112px;
	}
}

@media screen and (min-width: 1025px) {
	.session-text {
		margin-bottom: 49px;
	}
}

/*******************************************************************************************
plans
*******************************************************************************************/
.plans {
	padding-top: 43px;
	padding-bottom: 40px;
	background-color: var(--color-info);
}

.plans-title {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 19px;
}

.plans-title p {
	margin-bottom: 0;
}

.plans-tabs {}

.plans-tabs ul {
	list-style: none;
	margin: 0 0 3px 0;
	padding: 0;
	display: flex;
	justify-content: space-between;
	border-bottom: solid 1px var(--color-grey-300);
}

.plans-tabs li {
	width: 100%;
	font-size: 14px;
	font-family: var(--font-family-source), sans-serif;
	font-weight: 600;
}

.plans-tabs li a {
	position: relative;
	display: block;
	padding-bottom: 11px;
	color: var(--color-charcol-grey);
	text-decoration: var(--link-hover-decoration-base);
}

.plans-tabs li a:after {
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	width: 0;
	height: 1px;
	background-color: var(--color-charcol-grey);
	transition: all var(--speed-default) ease-in-out;
}

.plans-tabs li a.is-active:after {
	width: 100%;
}

.plans-tabs-content {
	padding-top: 16px;
}

.plans-tabs-box {
	display: none;
}

.plans-column {
	display: grid;
	gap: 10px;
	grid-template-columns: repeat(2, 1fr);
}

.plans-wrap {
	padding-bottom: 30px;
	display: flex;
	gap: 10px;
	flex-wrap: wrap;
	align-items: flex-start;
	justify-content: space-between;
	padding-top: 17px;
	border-bottom: solid 1px var(--color-blue-300);
}

.plans-caption {
	max-width: 350px;
	width: 100%;
	padding: 56px 50px;
	color: var(--color-info);
	background: url('../images/plan-img9.svg') no-repeat;
	background-size: 100% 100%;
	min-height: 270px;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-bottom: 30px;
}

.plans-caption p {
	transform: rotate(-4deg);
}

.plans-wrap ul {
	padding: 0;
	margin: 0;
	width: 100%;
}

.plans-wrap li {
	font-size: 18px;
	position: relative;
	padding-left: 36px;
	margin-bottom: 25px;
}

.plans-wrap li:before {
	font-size: 12px;
	content: var(--icon-icon-check);
	position: absolute;
	top: 3px;
	left: 0;
	width: 24px;
	height: 24px;
	display: flex;
	align-items: center;
	justify-content: center;
	color: var(--color-info);
	border-radius: 100%;
	font-family: var(--icons-font-family), sans-serif;
	background-color: var(--color-secondary);
}

.plans.inner .plans-tabs li {
	width: auto;
}

.plans.inner .plans-tabs li a {
	font-size: 25px;
	font-weight: 500;
	padding: 0 25px 9px 25px;
	color: var(--color-medium);
	font-family: var(--font-family-base), sans-serif;
}

.plans.is-alt .plans-title {
	margin-bottom: 11px;
}

.plans-nav {
	display: flex;
}

.plans .swiper {
	overflow: visible;
}

.plans-nav .swiper-button-prev {
	transform: rotate(-180deg);
	margin-right: 35px;
}

@media screen and (min-width: 768px) {
	.plans-tabs ul {
		width: auto;
	}

	.plans-tabs li {
		width: 50%;
	}

	.plans-tabs-content {
		padding-top: 21px;
	}

	.plans-caption {
		width: 47%;
		max-width: unset;
		min-height: 329px;
		padding: 55px 72px 38px 72px;
		margin-bottom: 0;
	}

	.plans-wrap ul {
		column-count: 1;
		padding: 15px 0 0 0;
		width: 50%;
	}

	.plans-title-left {
		width: 50%;
	}

}

@media screen and (min-width: 1025px) {
	.plans {
		padding-top: 81px;
		padding-bottom: 81px;
	}

	.plans-title {
		margin-bottom: 58px;
	}

	.plans-tabs li {
		font-size: 18px;
		letter-spacing: -0.4px;
	}

	.plans-tabs li a {
		padding-bottom: 14px;
	}

	.plans-column {
		grid-template-columns: repeat(4, 1fr);
	}

	.plans.inner {
		padding-top: 102px;
		padding-bottom: 74px;
	}

	.plans.inner .plans-title {
		margin-bottom: 40px;
	}

	.plans.inner .plans-tabs li a {
		font-size: 40px;
	}

	.plans.inner .plans-tabs li a.is-active {
		color: var(--color-primary);
	}

	.plans.inner .plans-tabs li a:after {
		background-color: var(--color-peach);
	}

	.plans-wrap {
		padding-bottom: 63px;
	}

	.plans-caption {
		width: 35.5%;
	}

	.plans-wrap ul {
		column-count: 2;
		width: 58.3%;
	}

	.plans-wrap li {
		width: 92%;
		margin-bottom: 33px;
	}
}

@media screen and (min-width: 1200px) {
	.plans-column {
		gap: 48px;
	}
}

/*******************************************************************************************
 card-plans
*******************************************************************************************/
.card-plans {
	width: 100%;
	padding-bottom: 19px;
	background-color: var(--color-beige);
}

.card-plans-title {
	font-size: 19px;
	margin-bottom: 16px;
	padding: 4px 12px;
	color: var(--color-charcol-grey);
	background-color: var(--color-secondary);
	min-height: 40px;
	display: flex;
	align-items: center;
}

.card-plans-info {
	padding: 0 12px;
	color: var(--color-grey-300);
}

.card-plans-info p {
	margin-bottom: 21px;
}

.card-plans-info p em {
	font-weight: 600;
	color: var(--color-secondary);
	font-family: var(--font-family-source), sans-serif;
}

.card-plans-image {
	display: flex;
	justify-content: center;
	margin-top: auto;
	padding: 0 19px;
}

.card-plans.peach .card-plans-title {
	background-color: var(--color-peach);
}

.card-plans.peach .card-plans-info p em {
	color: var(--color-dark-peach);
}

.card-plans.blue .card-plans-title {
	color: var(--color-beige);
	background-color: var(--color-primary);
}

.card-plans.blue .card-plans-info p em {
	color: var(--color-primary);
}

.card-plans.accent .card-plans-title {
	background-color: var(--color-accent);
}

.card-plans.accent .card-plans-info p em {
	color: var(--color-primary);
}

@media screen and (min-width: 1025px) {
	.card-plans {
		display: flex;
		flex-direction: column;
		min-height: 548px;
		padding-bottom: 19px;
		background-color: var(--color-beige);
	}

	.card-plans-title {
		font-size: 24px;
		margin-bottom: 20px;
		padding: 8px 5px 7px 16px;
	}

	.card-plans-info {
		padding: 0 16px 0 19px;
		line-height: 1.5;
	}

	.card-plans-info p {
		margin-bottom: 30px;
	}
}

/*******************************************************************************************
testimonial
*******************************************************************************************/
.testimonial {
	padding-top: 30px;
	padding-bottom: 30px;
	background-color: var(--color-beige);
}

.testimonial h2 {
	margin-bottom: 14px;
}

.testimonial-title {
	margin-bottom: 17px;
	display: flex;
	gap: 30px;
	justify-content: space-between;
	align-items: flex-end;
}

.testimonial .swiper {
	overflow: visible;
}

.testimonial-arrow {
	display: flex;
}

.testimonial-arrow .swiper-button-next {
	margin-left: 13px;
}

@media screen and (min-width: 768px) {
	.testimonial-title {
		margin-bottom: 40px;
	}
}

@media screen and (min-width: 1025px) {
	.testimonial {
		padding-top: 101px;
		padding-bottom: 40px;
	}

	.testimonial h2 {
		margin-bottom: 0;
	}

	.testimonial-title {
		margin-bottom: 59px;
	}

	.testimonial .swiper-slide {
		width: 420px;
	}

	.testimonial-arrow .swiper-button-next {
		margin-left: 16px;
	}

	.testimonial.inner {
		padding-bottom: 101px;
	}

}

@media screen and (min-width: 1200px) {
	.testimonial .swiper {
		overflow: visible;
		margin-left: -80px;
	}
}


/*******************************************************************************************
build
*******************************************************************************************/
.build {
	margin-top: 41px;
	margin-bottom: 61px;
}

.build h1 {
	margin-bottom: 30px;
	line-height: 1.15;
}

.build-intro {
	font-size: 18px;
	width: 100%;
	margin-bottom: 30px;
}

.build-intro p:last-of-type {
	margin-bottom: 0;
}

.build-picture {
	max-width: 310px;
	width: 100%;
	margin: 0 auto;
}

.build-picture img {
	width: 100%;
	border-radius: 100%;
}

.build-picture:after {
	content: '';
	position: absolute;
	top: 16%;
	left: 0;
	width: 42px;
	height: 42px;
	border-radius: 100%;
	background-color: var(--color-dark-peach);
}

.build-ribbon {
	position: absolute;
	bottom: -20px;
	left: -10px;
	width: 61px;
	transform: rotate(-13deg);
}

.build-ribbon img {
	border-radius: 0;
}

@media screen and (min-width: 768px) {
	.build {
		margin-top: 61px;
		margin-bottom: 83px;
	}

	.build-wrap {
		display: flex;
		flex-wrap: wrap;
		align-items: flex-start;
		justify-content: space-between;
	}

	.build-intro {
		width: 55%;
		margin-bottom: 0;
	}

	.build-picture {
		width: 35%;
		max-width: unset;
		margin: 0;
	}
}

@media screen and (min-width: 1025px) {

	.build h1 {
		margin-bottom: 73px;
	}

	.build-intro-text {
		width: 65%;
	}

	.build-picture {
		margin-top: 22px;
		margin-right: 11px;
	}

	.build-picture:after {
		width: 62px;
		height: 62px;
	}

	.build-ribbon {
		width: 93px;
		left: -25px;
	}
}

/*******************************************************************************************
card-testimonial
*******************************************************************************************/
.card-testimonial {
	padding: 16px;
	font-size: 14px;
	border-radius: 16px;
	display: flex;
	flex-direction: column;
	border: solid 1px var(--color-dark);
}

.card-testimonial p em {
	color: var(--color-secondary);
	font-family: var(--font-family-source), sans-serif;
}

.card-testimonial-bottom {
	display: flex;
	gap: 20px;
	flex-wrap: wrap;
	align-items: flex-end;
	justify-content: space-between;
	margin-top: auto;
}

.card-testimonial-name h5 {
	margin-bottom: 9px;
}

.card-testimonial-name span {
	font-size: 12px;
	display: block;
	font-style: italic;
	font-weight: 600;
	color: var(--color-dark-peach);
	font-family: var(--font-family-source), sans-serif;
}

.card-testimonial-picture {
	width: 46px;
	overflow: hidden;
	border-radius: 100%;
}

.card-testimonial-picture img {
	width: 100%;
}

@media screen and (min-width: 1025px) {
	.card-testimonial {
		padding: 24px;
		font-size: 18px;
		border-radius: 24px;
		min-height: 397px;
	}

	.card-testimonial-picture {
		width: 62px;
	}

	.card-testimonial-name span {
		font-size: 16px;
	}
}

/*******************************************************************************************
support
*******************************************************************************************/
.support {
	padding-top: 9px;
	padding-bottom: 20px;
}

.support h2 strong {
	color: var(--color-dark-peach);
}

.support-block {
	padding: 34px 16px;
	border-radius: 16px;
	background-color: var(--color-charcol-grey);
}

.support-top {
	display: flex;
	gap: 20px;
	flex-wrap: wrap;
	justify-content: space-between;
	border-bottom: solid 1px var(--color-grey-300);
	padding-bottom: 28px;
	margin-bottom: 45px;
}

.support h2 {
	margin-bottom: 37px;
	letter-spacing: -0.3px;
	color: var(--color-info);
}

.support-intro {
	width: 100%;
	color: var(--color-info);
	display: flex;
	flex-direction: column;
	margin-bottom: 29px;
}

.support-intro p {
	margin-top: auto;
	margin-bottom: 0;
}

.support-picture {
	width: 100%;
}

.support-picture img {
	width: 100%;
}

.support-list h2 {
	margin-bottom: 28px;
}

.support-list ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

.support-list li {
	font-size: 14px;
	font-weight: 500;
	position: relative;
	padding-left: 49px;
	padding-bottom: 16px;
	margin-bottom: 17px;
	color: var(--color-info);
}

.support-list li span {
	font-size: 20px;
	position: absolute;
	top: 50%;
	left: -1px;
	width: 40px;
	height: 40px;
	display: flex;
	align-items: center;
	justify-content: center;
	transform: translateY(-50%);
	background: url('../images/support-shape.svg') no-repeat;
	background-size: 100% 100%;
	margin-top: -9px;
}

.support-list li em {
	font-style: italic;
	font-weight: 600;
	font-family: var(--font-family-source), sans-serif;
	display: block;
}

.support-list li:not(:last-child) {
	border-bottom: solid 1px var(--color-grey-300);
}

.support-button {
	.button {
		width: 100%;
	}
}

@media screen and (min-width: 768px) {
	.support-top {
		margin-bottom: 60px;
	}

	.support h2 strong {
		color: var(--color-peach);
	}

	.support-list h2 {
		margin-bottom: 62px;
	}

	.support-list li {
		font-size: 24px;
		line-height: 1.3;
		padding-left: 104px;
		padding-bottom: 35px;
		margin-bottom: 32px;
	}

	.support-list li span {
		font-size: 32px;
		width: 66px;
		height: 66px;
		margin-top: -16px;
	}

	.support-list li:last-child {
		margin-bottom: 0;
	}

	.support-button {
		display: flex;
		justify-content: center;

		.button {
			width: auto;
		}
	}
}

@media screen and (min-width: 1025px) {
	.support {
		padding-top: 100px;
		padding-bottom: 100px;
	}

	.support-top {
		padding-bottom: 62px;
		margin-bottom: 66px;
	}

	.support-block {
		border-radius: 24px;
		padding: 91px 72px 55px 75px;
	}

	.support-intro {
		width: 43%;
		font-size: 18px;
		margin-bottom: 0;
	}

	.support-picture {
		width: 53.5%;
		margin-top: 18px;
	}

	.support-button {
		position: absolute;
		top: 0;
		right: 0;
	}
}

/*******************************************************************************************
FAQ
*******************************************************************************************/
.faq {
	padding-top: 60px;
	padding-bottom: 40px;
	background-color: var(--color-accent);
}

.faq h2 {
	margin-bottom: 15px;
}

.faq-item {
	padding-top: 20px;
	padding-bottom: 17px;
}

.faq-item:not(:last-of-type) {
	border-bottom: 1px solid var(--color-dark);
}

.faq-item.is-active .faq-title:after {
	transform: rotate(-180deg);
}

.faq-title {
	padding: 0 50px 3px 23px;
	position: relative;
	font-size: 20px;
	color: var(--color-charcol-grey);
	cursor: pointer;
}

.faq-title:before,
.faq-title:after {
	content: '';
	position: absolute;
	transition: all var(--speed-default) ease-in-out;
	font-family: var(--icons-font-family), sans-serif;
}

.faq-title:before {
	top: 12px;
	left: 0;
	width: 14px;
	height: 15px;
	border-radius: 4px;
	background-color: var(--color-beige);
}

.faq-title:after {
	top: 4px;
	right: 12px;
	content: '\e902';
}

.faq-content {
	padding-left: 23px;
	max-height: 0;
	font-size: 18px;
	color: var(--color-medium);
	overflow: hidden;
	transition: max-height 0.3s ease;
}

.faq-content>*:last-child {
	margin-bottom: 0;
}

@media screen and (min-width: 768px) {
	.faq {
		padding-top: 105px;
		padding-bottom: 77px;
	}

	.faq-item {
		padding-top: 32px;
		padding-bottom: 27px;
	}

	.faq-title {
		font-size: 24px;
	}
}

/*******************************************************************************************
images sliders
*******************************************************************************************/
.photo-block {
	width: 1440px;
	margin: 0 auto;
	margin-bottom: 50px;
}

.photo-block-image {
	width: 100%;
	position: relative;
}

.photo-block-image img {
	width: 100%;
}

.photo-block-arrow {
	position: absolute;
	top: -12px;
	left: -100px;
	width: 71px;
	pointer-events: none;
}

.photo-block-lead {
	font-size: 18px;
	font-weight: 500;
	position: absolute;
	top: 0;
	left: -60px;
	pointer-events: none;
}

.photo-block-circle {
	position: absolute;
	bottom: 48px;
	left: -8px;
	width: 58px;
	height: 58px;
	border-radius: 100%;
	background-color: var(--color-secondary);
	pointer-events: none;
}

.photo-block-star {
	position: absolute;
	top: 0;
	left: -50px;
	pointer-events: none;
}

.photo-block .swiper {
	overflow: visible;
}

.photo-block .swiper-wrapper {
	align-items: center;
}

.photo-block .swiper-slide {
	width: auto;
}

/*******************************************************************************************
Timeline
*******************************************************************************************/
.timeline {
	padding-top: 50px;
	padding-bottom: 40px;
	position: relative;
	background-color: var(--color-charcol-grey);
	overflow: hidden;
	z-index: 1;
}

.timeline-block {
	position: relative;
}

.timeline-block:before {
	content: '';
	position: absolute;
	top: 0;
	left: 20px;
	width: 1px;
	height: calc(100% - 200px);
	border-left: dashed 1px var(--color-grey);
}

.timeline-intro {
	width: 100%;
	font-size: 30px;
	line-height: 1.2;
	color: var(--color-info);
	margin-bottom: 60px;
}

.timeline-intro img {
	width: 50px;
	transform: rotate(-7deg);
	margin-bottom: 10px;
}

.timeline-intro i {
	margin-bottom: 37px;
	display: block;
}

.timeline-intro p:last-of-type {
	margin-bottom: 0;
}

.timeline-intro p strong {
	font-style: italic;
	color: var(--color-peach);
	font-family: var(--font-family-source), sans-serif;
}

.timeline-holder {
	position: relative;
	z-index: 1;
	display: flex;
	flex-wrap: wrap;
	color: var(--color-beige);
}

.timeline-block-item {
	position: relative;
	margin-bottom: 40px;
	padding-left: 55px;
}

.timeline-block-line {
	display: none;
}

.timeline-block-circle-yellow-right,
.timeline-block-circle-green,
.timeline-block-circle-peach,
.timeline-block-circle-blue,
.timeline-block-circle-yellow {
	position: absolute;
	top: 0;
	left: -55px;
	width: 40px;
	height: 40px;
	border-radius: 100%;
	background-color: var(--color-yellow);
}

.timeline-block-circle-blue {
	background-color: var(--color-accent);
}

.timeline-block-circle-peach {
	background-color: var(--color-peach);
}

.timeline-block-circle-green {
	background-color: var(--color-secondary);
}

.timeline-block-circle-arrow {
	position: absolute;
	top: -30px;
	right: 10px;
	width: 77px;
	transform: rotate(95deg);
}

.timeline-block-circle-yellow-right {
	left: 0;
}

.timeline-block-star {
	position: absolute;
	top: -30px;
	right: -17px;
	transform: rotate(11deg);
	width: 70px;
}

.timeline-block-effect {
	position: absolute;
	bottom: -66px;
	right: -60px;
	width: 111px;
	transform: rotate(6deg);
}

.timeline-block-effect img {
	width: 100%;
}

.timeline-bg {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	pointer-events: none;
	opacity: 0.20;
	z-index: -1;
}

.timeline-bg img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

@media screen and (min-width: 768px) {
	.timeline-block {
		width: 735px;
		margin: 0 auto;
	}

	.timeline-block-item {
		margin-bottom: 80px;
	}

	.timeline-block:before {
		display: none;
	}

	.timeline-block-item:nth-child(even) {
		width: 100%;

		.card-service {
			margin-left: auto;
		}
	}

	.timeline-block-item:first-child {
		padding-left: 80px;
	}

	.timeline-block-item:nth-child(2) {
		width: 100%;

		.card-service {
			margin-left: auto;
			transform: rotate(6deg);
		}
	}

	.timeline-block-item:nth-child(3) {
		padding-left: 36px;

		.card-service {
			transform: rotate(-11deg);
		}
	}

	.timeline-block-item:nth-child(4) {
		padding-right: 30px;
	}

	.timeline-block-item:nth-child(5) {
		padding-left: 73px;

		.card-service {
			transform: rotate(-7deg);
		}
	}

	.timeline-block-circle-yellow-right,
	.timeline-block-circle-green,
	.timeline-block-circle-peach,
	.timeline-block-circle-blue,
	.timeline-block-circle-yellow {
		top: 50%;
		left: -85px;
		margin-top: 9px;
		margin-left: 5px;
		transform: translateY(-50%);
	}

	.timeline-block-circle-green,
	.timeline-block-circle-blue {
		top: unset;
		bottom: -40px;
		left: unset;
		right: 111px;
	}

	.timeline-block-circle-peach {
		top: -28px;
		left: unset;
		right: 87px;
		transform: unset;
	}

	.timeline-block-circle-green {
		bottom: -46px;
		right: 83px;
	}

	.timeline-block-circle-arrow {
		top: -43px;
		left: -68px;
		right: unset;
		width: 92px;
		transform: rotate(-5deg);
	}

	.timeline-block-star {
		top: -101px;
		left: 20px;
	}

	.timeline-block-circle-yellow-right {
		left: 50%;
		margin-left: 300px;
		margin-top: -4px;
	}

	.timeline-block-line {
		position: absolute;
		top: 123px;
		left: 0;
		z-index: -1;
		display: block;
		width: 1066px;
		pointer-events: none;
	}

	.timeline-block-line img {
		width: 100%;
	}

	.timeline .card-service {
		max-width: 420px;
		width: 100%;
	}

	.timeline-block-circle-yellow-right {
		left: unset;
		right: 0;
	}

}

@media screen and (min-width: 1025px) {
	.timeline {
		padding-top: 126px;
	}

	.timeline-block {
		width: 100%;
		margin: unset;
	}

	.timeline-intro {
		width: 60%;
		font-size: 40px;
		margin-bottom: 60px;
	}

	.timeline-intro img {
		width: 50px;
		margin-bottom: 29px;
	}

	.timeline-block-item {
		padding-right: 37px;
	}

	.timeline-block-item:first-child {
		padding-left: 139px;
	}

	.timeline-block-item:nth-child(2) {
		margin-top: -63px;
	}

	.timeline-block-item:nth-child(3) {
		margin-top: 100px;
		margin-bottom: 105px;
	}

	.timeline-block-item:nth-child(4) {
		margin-bottom: 5px;
		padding-right: 85px;
	}

	.timeline-block-circle-yellow-right,
	.timeline-block-circle-green,
	.timeline-block-circle-peach,
	.timeline-block-circle-blue,
	.timeline-block-circle-yellow {
		left: -139px;
		width: 60px;
		height: 60px;
	}

	.timeline-block-circle-green,
	.timeline-block-circle-blue {
		top: unset;
		bottom: -40px;
		left: unset;
		right: 111px;
	}

	.timeline-block-circle-peach {
		top: -48px;
		left: unset;
		right: 87px;
		transform: unset;
	}

	.timeline-block-circle-green {
		bottom: -46px;
		right: 83px;
	}

	.timeline-block-circle-blue {
		bottom: -68px;
	}

	.timeline-block-star {
		top: -141px;
		left: unset;
		right: -42px;
		width: 92px;
	}

	.timeline-block-effect {
		right: -75px;
		width: 151px;
	}

	.timeline-block-line {
		top: 133px;
		left: 50%;
		z-index: -1;
		right: unset;
		width: 1066px;
		transform: translateX(-50%);
		margin-left: 40px;
	}

	.timeline-block-circle-yellow-right {
		left: 50%;
		margin-left: 160px;
	}
}

@media screen and (min-width: 1200px) {
	.timeline {
		padding-bottom: 117px;
	}

	.timeline-intro {
		margin-bottom: 148px;
	}

	.timeline-block-line {
		margin-left: -60px;
	}

	.timeline-block-item:nth-child(2) {
		margin-top: -103px;
	}

	.timeline-block-circle-peach {
		left: unset;
	}

	.timeline-block-circle-yellow-right {
		margin-top: 37px;
		margin-left: 60px;
	}
}

/*******************************************************************************************
card-service
*******************************************************************************************/
.card-service {
	width: 100%;
	padding: 30px 25px;
	border-radius: 20px;
	position: relative;
	background-color: var(--color-info);
}

.card-service h5 {
	margin-bottom: 13px;
}

.card-service h5 strong {
	font-weight: 700;
}

.card-service ul {
	padding: 0;
	margin: 0;
}

.card-service li:not(:last-child) {
	margin-bottom: 9px;
}

.card-service li a {
	position: relative;
	display: block;
	padding-right: 30px;
	color: var(--color-primary);
	text-decoration: var(--link-hover-decoration-base);
}

.card-service li a:after {
	font-size: 14px;
	color: var(--color-primary);
	content: var(--icon-arrow-right);
	position: absolute;
	top: 2px;
	right: 2px;
	font-family: var(--icons-font-family), sans-serif;
	transition: all var(--speed-default) ease-in-out;
}

.card-service li a:focus:after,
.card-service li a:hover:after,
.card-service li a:focus,
.card-service li a:hover {
	color: var(--color-dark-peach);
}

@media screen and (min-width: 1025px) {
	.card-service {
		border-radius: 64px;
		padding: 43px 32px 39px 32px;
	}
}

/*******************************************************************************************
writing
*******************************************************************************************/
.writing {
	padding-top: 39px;
	padding-bottom: 20px;
	position: relative;
	overflow: hidden;
	z-index: 1;
	background-color: var(--color-charcol-grey);
}

.writing-img {
	margin-bottom: 32px;
	padding-left: 75px;
}

.writing-img img {
	width: 100%;
}

.writing-content {
	position: relative;
	z-index: 1;
}

.writing-star {
	margin-bottom: 30px;
	display: none;
}

.writing-star img {
	width: 93px;
	height: 92px;
}

.writing-text {
	margin-bottom: 43px;
	font-size: var(--font-size-small);
	line-height: 1.5;
	color: var(--color-grey-600);
}

.writing-text:last-of-type {
	margin-bottom: 0;
}

.writing-title {
	margin-bottom: 13px;
	font-size: 18px;
	line-height: 1.35;
	color: var(--color-info);
}

.writing-title span {
	padding-bottom: 6px;
	position: relative;
	display: inline-block;
	font-weight: 600;
	font-style: italic;
	font-family: var(--font-family-source), sans-serif;
}

.writing-title span:after {
	position: absolute;
	bottom: 0;
	left: 50%;
	width: 62px;
	height: 7px;
	background: url('../images/bottom-line.svg') no-repeat left center;
	background-size: contain;
	transform: translateX(-50%);
	content: '';
}

.writing-content .button {
	display: none;
}

.writing-bg {
	position: absolute;
	top: 0;
	left: 0;
	opacity: 0.3;
	width: 100%;
	height: 100%;
	pointer-events: none;
	z-index: -1;
}

.writing-bg img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

@media screen and (min-width: 768px) {
	.writing {
		padding-top: 80px;
		padding-bottom: 118px;
	}

	.writing-img {
		margin-bottom: 0;
		margin-left: auto;
		padding-left: 0;
		width: 39.1%;
	}

	.writing-content {
		margin-top: -150px;
		width: 69%;
	}

	.writing-star {
		margin-bottom: 53px;
		display: block;
	}

	.writing-holder {
		margin-bottom: 16px;
		display: grid;
		grid-row-gap: 40px;
		grid-column-gap: 75px;
		grid-template-columns: repeat(2, 2fr);
	}

	.writing-text {
		margin-bottom: 0;
		font-size: var(--font-size-base);
	}

	.writing-title {
		margin-bottom: 19px;
		font-size: 26px;
	}

	.writing-title span {
		padding-bottom: 15px;
	}

	.writing-title span:after {
		left: 0;
		width: 100%;
		height: 12px;
		transform: translateX(0);
	}

	.writing-content .button {
		display: inline-flex;
	}
}

@media screen and (min-width: 1200px) {
	.writing-content {
		margin-top: -248px;
	}
}

@media screen and (min-width: 1400px) {
	.writing-img {
		margin-right: -35px;
	}

	.writing-star {
		margin-left: -33px;
	}
}

/*******************************************************************************************
Tips
*******************************************************************************************/
.tips {
	padding-top: 39px;
	padding-bottom: 24px;
}

.tips h2 {
	margin-bottom: 36px;
}

@media screen and (min-width: 1025px) {
	.tips {
		padding-top: 102px;
		padding-bottom: 69px;
	}

	.tips h2 {
		margin-bottom: 48px;
	}
}

/*******************************************************************************************
card-news
*******************************************************************************************/
.card-news {
	display: block;
	padding-bottom: 20px;
	text-decoration: var(--link-hover-decoration-base);
}

.card-news-picture {
	width: 76px;
	margin-bottom: 9px;
	border-radius: 8px;
	overflow: hidden;
}

.card-news-picture img {
	width: 100%;
	transition: var(--speed-default) ease-in-out;
}

.card-news-arrow {
	position: absolute;
	top: 0;
	right: 0;
	font-size: 12px;
	width: 30px;
	height: 30px;
	overflow: hidden;
}

.card-news-arrow:before,
.card-news-arrow:after {
	content: "\e905";
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	font-family: var(--icons-font-family), sans-serif;
	transition: var(--speed-default) ease-in-out;
}

.card-news-arrow:before {
	transform: translate(-38px, 18px);
}

.card-news-title {
	margin-bottom: 12px;
}

.card-news-title h5 {
	line-height: 1.3;
	margin-bottom: 0;
	transition: var(--speed-default) ease-in-out;
}

.card-news-title h5 strong {
	font-size: 24px;
	font-weight: 700;
	font-style: normal;
	color: var(--color-charcol-grey);
	letter-spacing: normal;
	font-family: var(--font-family-base), sans-serif;

}

.card-news-text {
	line-height: 1.5;
	color: var(--color-medium);
}

.card-news-text p {
	margin-bottom: 0;
}

.card-news:focus h5,
.card-news:hover h5 {
	color: var(--color-dark-peach);
}

.card-news:focus .card-news-picture img,
.card-news:hover .card-news-picture img {
	transform: scale(1.04);
}

.card-news:focus .card-news-arrow:after,
.card-news:hover .card-news-arrow:after {
	color: var(--color-dark-peach);
	transform: translate(20px, -50px);
}

.card-news:focus .card-news-arrow:before,
.card-news:hover .card-news-arrow:before {
	color: var(--color-dark-peach);
	transform: translate(-6px, -8px);
}

.card-news:not(:last-child) {
	margin-bottom: 20px;
	border-bottom: 1px solid var(--color-grey-300);
}

@media screen and (min-width: 768px) {
	.card-news {
		display: flex;
		flex-wrap: wrap;
		align-items: center;
		padding-right: 50px;
		padding-bottom: 32px;
	}

	.card-news-picture {
		width: 148px;
		flex: 0 0 auto;
		margin-bottom: 0;
		border-radius: 12px;
		margin-right: 25px;
	}

	.card-news-title {
		flex: 1;
		margin-right: 20px;
		margin-bottom: 0;
	}

	.card-news-text {
		width: 38%;
	}

	.card-news-arrow {
		top: 50%;
		right: 6px;
		font-size: 20px;
		margin-top: -17px;
		transform: translateY(-50%);
	}

	.card-news:not(:last-child) {
		margin-bottom: 31px;
	}

	.card-news:focus .card-news-arrow:before,
	.card-news:hover .card-news-arrow:before {
		color: var(--color-dark-peach);
		transform: translate(-10px, -15px);
	}
}

@media screen and (min-width: 1025px) {
	.card-news {
		padding-right: 81px;
	}

	.card-news-picture {
		margin-right: 46px;
	}

	.card-news-title {
		margin-right: 48px;
	}
}

/*******************************************************************************************
rank
*******************************************************************************************/
.rank {
	padding-top: 50px;
	padding-bottom: 50px;
	position: relative;
	background-color: var(--color-primary);
	overflow: hidden;
}

.rank-achieve {
	position: relative;
	font-size: 18px;
	line-height: 1.2;
	text-align: right;
	text-transform: uppercase;
	color: var(--color-beige);
}

.rank-achieve:after {
	position: absolute;
	right: 45px;
	bottom: -80px;
	width: 49px;
	height: 68px;
	background: url('../images/arrow-down-green.svg') no-repeat right center;
	content: '';
	pointer-events: none;
}

.rank-item {
	padding-top: 13px;
	padding-bottom: 13px;
	line-height: 1.1;
	color: var(--color-info);
	border-bottom: 1px solid rgba(172, 190, 216, 0.35);
}

.rank-title {
	margin-bottom: 15px;
	font-size: 50px;
	font-weight: 400;
	letter-spacing: -3px;
	color: var(--color-beige);
}

.rank-block {
	width: 100%;
	position: relative;
}

.rank-item ul {
	margin: 0;
	padding-left: 0;
	display: flex;
	flex-wrap: wrap;
}

.rank-item ul>li:after {
	margin: 0 8px;
	display: inline-block;
	width: 1px;
	height: 11px;
	vertical-align: middle;
	background-color: var(--color-beige);
	content: '';
}

.rank-item ul>li:last-of-type:after {
	display: none;
}

.rank-item ul>li em {
	font-family: var(--font-family-source), sans-serif;
}

.rank-item ul>li>a {
	color: var(--color-info);
}

.rank-item ul>li>a:focus,
.rank-item ul>li>a:hover {
	text-decoration: none;
}

.rank-image {
	margin-left: 171px;
	position: absolute;
	bottom: 0;
	left: 50%;
	display: none;
	pointer-events: none;
}

.rank-image img {
	width: 100%;
}

@media screen and (min-width: 768px) {
	.rank {
		padding-bottom: 100px;
	}

	.rank-item {
		padding-top: 20px;
		padding-left: 50px;
		display: flex;
		align-items: flex-end;
	}

	.rank-item ul>li:after {
		width: 2px;
		height: 19px;
	}

	.rank-item:nth-child(2) {
		padding-right: 83px;
		justify-content: flex-end;
	}

	.rank-item:nth-child(3) {
		justify-content: center;
		padding-left: 85px;
	}

	.rank-item:nth-child(4) {
		padding-left: 30px;
	}


	.rank-title {
		margin-bottom: 0;
		font-size: 80px;
		letter-spacing: -5px;
	}

	.rank-item ul {
		margin: 0 0 21px;
		padding-left: 67px;
	}

	.rank-item ul>li {
		font-size: 20px;
	}
}

@media screen and (min-width: 1025px) {
	.rank {
		padding-bottom: 200px;
	}

	.rank-item {
		padding-top: 46px;
		padding-left: 115px;
	}

	.rank-item:nth-child(4) {
		padding-left: 75px;
	}

	.rank-title {
		font-size: 112px;
		letter-spacing: -6.5px;
	}

	.rank-item ul>li {
		font-size: 24px;
	}
}

@media screen and (min-width: 1200px) {
	.rank-image {
		display: block;
	}
}

/*******************************************************************************************
track
*******************************************************************************************/
.track {
	padding-top: 50px;
	padding-bottom: 50px;
}

.track-image {
	width: 100%;
}

.track-image img {
	width: 100%;
}

.track-holder {
	border: 1px solid var(--color-dark);
	border-bottom: none;
}

.track-item {
	padding: 30px 20px;
	display: block;
	line-height: 1.55;
	text-decoration: none;
	color: var(--color-medium);
	border-bottom: 1px solid var(--color-dark);
}

.track-item-icon {
	margin-bottom: 24px;
}

.track-item-title {
	margin-bottom: 23px;
	font-size: 32px;
	line-height: 1.2;
	color: var(--color-dark);
	transition: var(--speed-default) ease-in-out;
}

.track-item>*:last-child {
	margin-bottom: 0;
}

.track-item:last-of-type {
	border-right: 0;
	border-bottom: 0;
}

.track-item:hover,
.track-item:focus {
	.track-item-title {
		color: var(--color-brown);
	}
}

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

	.track-holder {
		display: grid;
		grid-template-columns: repeat(3, 3fr);
	}

	.track-item {
		padding: 30px 20px 40px;
		border-right: 1px solid var(--color-dark);
		border-bottom: none;
	}

	.track-item-title {
		font-size: 30px;
	}
}

@media screen and (min-width: 1025px) {
	.track {
		padding-top: 80px;
		padding-bottom: 80px;
	}

	.track-item {
		padding: 46px 20px 57px 31px;
	}

	.track-item-title {
		font-size: 40px;
	}

	.track.inner {
		padding-top: 63px;
		padding-bottom: 63px;
	}
}

/*******************************************************************************************
contact
*******************************************************************************************/
.contact {
	padding-top: 44px;
	padding-bottom: 21px;
	background-color: var(--color-info);
}

.contact h2 strong {
	font-style: italic;
	color: var(--color-brown);
	font-family: var(--font-family-source), sans-serif;
}

.contact-right {
	display: flex;
	flex-wrap: wrap;
}

.contact-image {
	position: relative;
	order: 2;
	width: 100%;
	overflow: hidden;
	border-radius: 50%;
}

.contact-image:before {
	position: absolute;
	top: 0;
	left: 0;
	opacity: 0.2;
	width: 100%;
	height: 100%;
	background-color: var(--color-grey-500);
	content: '';
	pointer-events: none;
}

.contact-image img {
	width: 100%;
}

.contact-info {
	margin-bottom: 25px;
	padding: 25px 28px 28px;
	position: relative;
	z-index: 1;
	order: 1;
	width: 100%;
	border-radius: 16px;
	background-color: var(--color-accent);
}

.contact-info address {
	margin-bottom: 13px;
	padding-left: 35px;
	position: relative;
	font-size: var(--font-size-base);
	font-style: normal;
	color: var(--color-charcol-grey);
}

.contact-info address i {
	position: absolute;
	top: 5px;
	left: 3px;
	font-size: 23px;
}

.contact-info ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

.contact-info li {
	margin-bottom: 17px;
}

.contact-info li:last-of-type {
	margin-bottom: 0;
}

.contact-info li>a {
	padding-left: 37px;
	position: relative;
	font-size: var(--font-size-base);
	text-decoration: none;
	color: var(--color-charcol-grey);
}

.contact-info li>a i {
	position: absolute;
	top: 2px;
	left: 4px;
}

.contact-info li>a i.icon-phone {
	top: -1px;
	font-size: 23px;
}

.contact-info li>a:focus,
.contact-info li>a:hover {
	color: var(--color-brown);
}

@media screen and (min-width: 768px) {
	.contact {
		padding-top: 103px;
		padding-bottom: 72px;
	}

	.contact h2 {
		margin-bottom: 38px;
	}

	.contact-holder {
		display: flex;
		flex-wrap: wrap;
	}

	.contact-left {
		padding-right: 5px;
		width: 57%;
	}

	.contact-right {
		margin-top: 9px;
		padding-left: 25px;
		display: block;
		width: 43%;
	}

	.contact-image {
		margin-left: auto;
		width: auto;
		max-width: 420px;
	}

	.contact-info {
		margin-top: -80px;
		margin-bottom: 0;
		padding: 30px 20px 43px;
		width: auto;
		max-width: 348px;
	}

	.contact-info address {
		margin-bottom: 21px;
		font-size: 18px;
	}

	.contact-info li {
		margin-bottom: 21px;
	}

	.contact-info li>a {
		font-size: 18px;
	}
}

@media screen and (min-width: 1025px) {
	.contact-form {
		margin: 0 -20px;
	}

	.contact-form-field {
		padding: 0 20px;
	}

	.contact-info {
		margin-left: 51px;
	}

	.contact-form-field label {
		font-size: 18px;
	}
}

/*******************************************************************************************
global
*******************************************************************************************/
.global {
	padding-top: 60px;
	padding-bottom: 60px;
	position: relative;
	background-color: var(--color-charcol-grey);
}

.global-heading {
	margin-bottom: 30px;
	position: relative;
	z-index: 1;
}

.global-heading i {
	margin-bottom: 37px;
	display: block;
}

.global-heading h4 {
	font-size: 30px;
	line-height: 1.25;
	color: var(--color-info);
}

.global-heading h4 strong {
	font-family: var(--font-family-source), sans-serif;
	font-style: italic;
	color: var(--color-brown);
}

.global-holder {
	position: relative;
	z-index: 1;
	display: flex;
	flex-wrap: wrap;
	color: var(--color-beige);
}

.global-left {
	order: 2;
	width: 100%;
}

.global-left span {
	margin-bottom: 4px;
	display: block;
}

.global-left .icon {
	margin-bottom: 19px;
}

.global-right {
	margin-bottom: 30px;
	order: 1;
	width: 100%;
	line-height: 1.55;
}

.global-right p {
	margin-bottom: 30px;
}

.global-right p span {
	font-family: var(--font-family-source), sans-serif;
	font-style: italic;
	color: var(--color-accent);
}

.global-right>*:last-child {
	margin-bottom: 0;
}

.global-right ul {
	list-style: none;
	padding: 0;
	margin: 0;
}

.global-right li {
	position: relative;
	font-size: 20px;
	font-weight: 500;
	padding-left: 34px;
}

.global-right li:before {
	content: '';
	position: absolute;
	top: 12px;
	left: 0;
	width: 14px;
	height: 15px;
	border-radius: 4px;
	background-color: var(--color-beige);
}

.global-right li:not(:last-child) {
	margin-bottom: 21px;
}

.global-bg {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	opacity: 0.30;
}

.global-bg img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

@media screen and (min-width: 768px) {
	.global {
		padding-top: 150px;
		padding-bottom: 115px;
	}

	.global-heading {
		margin-bottom: 50px;
		max-width: 750px;
	}

	.global-heading h4 {
		font-size: 40px;
	}

	.global-holder {
		align-items: flex-end;
		justify-content: space-between;
		font-size: 18px;
	}

	.global-left {
		order: 2;
		width: auto;
	}

	.global-left span {
		margin-left: 47px;
	}

	.global-right {
		margin-bottom: 0;
		order: 2;
		width: auto;
		max-width: 437px;
	}

	.global-right p {
		margin-bottom: 72px;
	}

	.global.inner .global-right {
		width: 50%;
		max-width: unset;
	}

	.global-right li {
		font-size: 24px;
	}
}

@media screen and (min-width: 1200px) {
	.global.inner .global-right {
		width: 41%;
	}
}

/*******************************************************************************************
process
*******************************************************************************************/
.process {
	padding-top: 53px;
	padding-bottom: 10px;
	background-color: var(--color-charcol-grey);
}

.process-lead {
	font-size: 18px;
	text-align: end;
	font-weight: 500;
	padding-bottom: 52px;
	color: var(--color-info);
}

.process-lead img {
	position: absolute;
	bottom: 0;
	right: 43px;
	width: 35px;
}

.process ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

.process li {
	font-size: 14px;
	font-weight: 500;
	position: relative;
	padding-left: 49px;
	line-height: 1.55;
	color: var(--color-info);
	padding-bottom: 16px;
	margin-bottom: 17px;
}

.process li span {
	font-size: 20px;
	position: absolute;
	top: 50%;
	left: -1px;
	width: 40px;
	height: 40px;
	display: flex;
	align-items: center;
	justify-content: center;
	transform: translateY(-50%);
	background: url('../images/support-shape.svg') no-repeat;
	background-size: 100% 100%;
	margin-top: -9px;
}

.process li em {
	font-style: italic;
	font-weight: 600;
	display: block;
	font-family: var(--font-family-source), sans-serif;
}

.process li:not(:last-child) {
	border-bottom: solid 1px rgba(89, 89, 89, 0.50);
}

@media screen and (min-width: 768px) {
	.process {
		padding-bottom: 30px;
	}

	.process li {
		font-size: 32px;
		line-height: 1.3;
		padding-left: 122px;
		letter-spacing: -0.3px;
		padding-bottom: 47px;
		margin-bottom: 0;
	}

	.process li span {
		font-size: 40px;
		width: 83px;
		height: 83px;
		margin-top: -22px;
	}

	.process li:not(:last-child) {
		margin-bottom: 47px;
	}
}

@media screen and (min-width: 1025px) {
	.process {
		padding-top: 100px;
		padding-bottom: 53px;
	}

	.process-lead img {
		bottom: -23px;
		width: 49px;
	}
}

/*******************************************************************************************
expert
*******************************************************************************************/
.expert {
	margin-top: 40px;
	margin-bottom: 20px;
}

/*.expert-wrap {*/
/*	position: sticky;*/
/*	top: 0;*/
/*	left: 0;*/
/*}*/

.expert-large {
	font-size: 80px;
	display: flex;
	align-items: center;
	white-space: nowrap;
	padding-left: 90px;
	letter-spacing: -7px;
	color: var(--color-charcol-grey);
	margin-bottom: 10px;
}

.expert-large img {
	margin: 0 20px;
}

.expert-block {
	background-color: var(--color-info);
}

.expert-column {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.expert-list {
	width: 100%;
	padding-top: 50px;
	padding-bottom: 50px;
}

.expert-list ul {
	list-style: none;
	padding: 0;
	margin: 0;
}

.expert-list li {
	font-size: 14px;
	font-weight: 500;
	position: relative;
	padding-left: 50px;
	color: var(--color-charcol-grey);
}

.expert-list li span {
	font-size: 20px;
	position: absolute;
	top: -6px;
	left: -1px;
	width: 40px;
	height: 40px;
	display: flex;
	align-items: center;
	justify-content: center;
	background: url('../images/support-shape.svg') no-repeat;
	background-size: 100% 100%;
	color: var(--color-info);
}

.expert-picture {
	padding: 30px;
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: flex-end;
	position: relative;
	z-index: 1;
}

.expert-picture:after {
	content: '';
	position: absolute;
	top: 0;
	left: -16px;
	width: 100vw;
	height: 100%;
	pointer-events: none;
	z-index: -1;
	background-color: var(--color-secondary);
}

.expert-list li:not(:last-child) {
	margin-bottom: 40px;
}

.expert-block.peach .expert-list li span {
	background: url('../images/shape-img1.svg') no-repeat;
	background-size: 100% 100%;
}

.expert-block.peach .expert-picture:after {
	background-color: var(--color-peach);
}

@media screen and (min-width: 768px) {
	.expert-column {
		gap: 40px;
	}

	.expert-list {
		flex: 1;
		display: flex;
		align-items: center;
	}

	.expert-picture {
		width: 41.4%;
	}

	.expert-picture:after {
		left: 0;
	}
}

@media screen and (min-width: 1025px) {
	.expert {
		margin-top: 65px;
		margin-bottom: 0;
	}

	.expert-large {
		font-size: 112px;
	}

	.expert-list li {
		font-size: 25px;
		padding-left: 80px;
	}

	.expert-list li span {
		font-size: 25px;
		width: 50px;
		height: 50px;
	}
}

@media screen and (min-width: 1200px) {
	.expert-list li {
		font-size: 32px;
	}

	.expert-list li span {
		font-size: 28px;
		width: 64px;
		height: 64px;
	}

	.expert-list li:not(:last-child) {
		margin-bottom: 62px;
	}

}

/*******************************************************************************************
swiper
*******************************************************************************************/
.swiper-button-next,
.swiper-button-prev {
	margin-top: 0;
	padding: 0;
	position: inherit;
	top: auto;
	right: auto;
	left: auto;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 20px;
	height: 20px;
	min-height: auto;
	font-size: 16px;
	color: var(--color-dark);
	border: 0;
	background-color: transparent;
	transition: all var(--speed-default) ease-in-out;
}

.swiper-button-next:after,
.swiper-button-prev:after {
	display: none;
}

.swiper-button-next:hover,
.swiper-button-next:focus,
.swiper-button-prev:hover,
.swiper-button-prev:focus {
	color: var(--color-dark-peach);
	background-color: transparent;
}

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

	.swiper-button-next,
	.swiper-button-prev {
		width: 40px;
		height: 40px;
		font-size: 26px;
	}
}

/*******************************************************************************************
card-subscribe
*******************************************************************************************/

.card-subscribe {
	width: 100%;
	
}

a.button.button-outline-secondary.position-relative {
    width: 307px;
    padding: 13px !important;
}

.card-subscribe form {
	display: block;
}

.card-subscribe label {
	display: block;
	font-size: 14px;
	color: var(--color-charcol-grey);
	margin-bottom: 6px;
	font-weight: 500;
}

.card-subscribe-field {
	display: flex;
}

.card-subscribe input {
	font-size: 14px;
	color: var(--color-grey-300);
	border-radius: 12px 0 0 12px;
	border-color: var(--color-medium);
	background-color: transparent;
	border-right: none;

	&:focus:not(:read-only):not([type='submit']):not([type='reset']):not([type='button']) {
		border-color: var(--color-medium);
	}
}

.card-subscribe input::placeholder {
	color: var(--color-grey-300);
}

@media screen and (min-width: 768px) {
	.card-subscribe label {
		font-size: 18px;
	}

	.card-subscribe input {
		font-size: 16px;
	}

	.card-subscribe .button.button-submit {
		padding: 0 15px;
	}
}

/*******************************************************************************************
passion
*******************************************************************************************/
.passion {
	padding-top: 47px;
	padding-bottom: 50px;
}

.passion-item:not(:last-child) {
	margin-bottom: 70px;
}

@media screen and (min-width: 1025px) {
	.passion-item:not(:last-child) {
		margin-bottom: 208px;
	}
}

/*******************************************************************************************
card-passion
*******************************************************************************************/
.card-passion-image {
	margin-bottom: 40px;
	position: relative;
}

.card-passion-image img {
	width: 100%;
}

.card-passion-image .dot {
	position: absolute;
	right: 48px;
	bottom: -5px;
	width: 44px;
	height: 44px;
	border-radius: 40px;
	background-color: var(--color-secondary);
	pointer-events: none;
}

.card-passion-text {
	margin-bottom: 30px;
	line-height: 1.5;
}

.card-passion-text h4 {
	margin-bottom: 30px;
}

.card-passion-text h4 span {
	padding-bottom: 15px;
	position: relative;
}

.card-passion-text h4 span:after {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 12px;
	background: url('../images/line-passion.svg') no-repeat bottom left;
	content: '';
	pointer-events: none;
}

.card-passion-text p {
	margin-bottom: 12px;
}

.card-passion-text p strong {
	font-weight: 700;
	color: var(--color-dark-peach);
	font-family: var(--font-family-source), sans-serif;
}

.card-passion-button {
	padding-top: 75px;
	position: relative;
}

.card-passion-button .arrow {
	position: absolute;
	top: -7px;
	left: 0;
	pointer-events: none;
}

.card-passion.big .card-passion-image .dot,
.card-passion.secondary .card-passion-image .dot {
	top: 41px;
	right: 30px;
	bottom: auto;
}

.card-passion.secondary .card-passion-image img {
	border-radius: 215px;
}

.card-passion.big .card-passion-image img {
	border-radius: 10px 185px 185px 185px;
}

@media screen and (min-width: 768px) {
	.card-passion-image {
		width: 50%;
	}
}

@media screen and (min-width: 1025px) {
	.card-passion {
		display: flex;
		flex-wrap: wrap;
		align-items: center;
	}

	.card-passion-image {
		margin-bottom: 0;
		order: 2;
		width: 35%;
	}

	.card-passion-image img {
		margin: 0 auto;
		width: auto;
	}

	.card-passion-text {
		margin-bottom: 0;
		padding-right: 20px;
		order: 1;
		width: 32%;
	}

	.card-passion-button {
		padding-left: 20px;
		order: 3;
		width: 33%;
		text-align: right;
	}

	.card-passion.big .card-passion-image .dot,
	.card-passion.secondary .card-passion-image .dot {
		right: 59px;
	}

	.card-passion.big .card-passion-button,
	.card-passion.secondary .card-passion-button {
		padding-top: 0;
		padding-bottom: 75px;
	}

	.card-passion.big .card-passion-button .arrow,
	.card-passion.secondary .card-passion-button .arrow {
		top: auto;
		bottom: -15px;
	}
}

@media screen and (min-width: 1280px) {
	.card-passion.big .card-passion-button .button {
		white-space: nowrap;
	}
}

/*******************************************************************************************
personal
*******************************************************************************************/
.personal {
	padding-top: 30px;
	padding-bottom: 70px;
}

.personal-block {
	text-align: center;
}

.personal-picture {
	max-width: 474px;
	width: 100%;
	margin: 0 auto 17px;
}

.personal-picture img {
	width: 100%;
}

.personal-effect {
	position: absolute;
	top: -20px;
	left: -10px;
	width: 79px;
	margin-top: -4px;
	transform: rotate(45deg);
}

.personal-anchor {
	max-width: 827px;
	width: 100%;
	margin: 0 auto 10px;
}

.personal-anchor img {
	width: 100%;
}

.personal-text {
	display: flex;
	gap: 30px;
	justify-content: space-between;
}

.personal-text h3 {
	margin-bottom: 0;
}

@media screen and (min-width: 768px) {
	.personal-effect {
		top: 50%;
		left: -99px;
		width: 129px;
		margin-top: -4px;
		transform: translateY(-50%);
	}
}

@media screen and (min-width: 1025px) {
	.personal {
		padding-top: 50px;
		padding-bottom: 97px;
	}

	.personal-block {
		padding: 0 8%;
	}
}

/*******************************************************************************************
FOOTER
*******************************************************************************************/
.footer {
	padding-top: 25px;
	background-color: var(--color-charcol-grey);
}

.footer-wrap {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.footer-info {
	width: 100%;
	margin-bottom: 35px;
}

.footer-logo {
	max-width: 150px;
	font-size: 24px;
	color: var(--color-beige);
	text-transform: uppercase;
	display: block;
	margin-bottom: 25px;
	font-weight: 800;
	font-family: var(--font-family-plus), sans-serif;
	text-decoration: var(--link-hover-decoration-base);
}

.footer .card-subscribe label {
	color: var(--color-info);
}

.footer-right {
	display: none;
	gap: 19px;
	flex-wrap: wrap;
	width: 100%;
}

.footer-menu {
	width: 100%;
	padding-bottom: 17px;
	border-bottom: solid 1px var(--color-medium);
}

.footer-menu ul {
	list-style: none;
	padding: 0;
	margin: 0;
}

.footer-menu li a {
	font-size: 14px;
	font-weight: 400;
	color: var(--color-info);
	text-decoration: var(--link-hover-decoration-base);
	transition: unset;
}

.footer-menu li a:hover {
	font-style: italic;
}

.footer-menu li:not(:last-child) {
	margin-bottom: 12px;
}

.footer-copyright {
	padding-top: 25px;
	padding-bottom: 25px;
	font-size: 14px;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	color: var(--color-info);
}

.footer-copyright p {
	margin-bottom: 0;
}

.footer-copyright ul {
	list-style: none;
	margin: 0 0 13px 0;
	padding: 0;
	display: flex;
	flex-wrap: wrap;
	width: 100%;
}

.footer-copyright li a {
	font-size: 20px;
	text-decoration: var(--link-hover-decoration-base);
}

.footer-copyright li:not(:last-child) {
	margin-right: 28px;
}

.footer-copyright li a:focus,
.footer-copyright li a:hover {
	color: var(--color-dark-peach);
}

@media screen and (min-width: 768px) {
	.footer {
		padding-top: 60px;
	}

	.footer-wrap {
		padding-bottom: 40px;
		border-bottom: solid 1px var(--color-medium);
	}

	.footer-info {
		max-width: 350px;
	}

	.footer-logo {
		margin-bottom: 27px;
	}

	.footer .card-subscribe label {
		font-size: 16px;
	}

	.footer-right {
		gap: 20px;
		justify-content: space-between;
	}

	.footer-menu li:not(:last-child) {
		margin-bottom: 11px;
	}

	.footer-menu:not(:last-child) {
		margin-right: 12px;
	}

	.footer-menu {
		width: auto;
		border-bottom: none;
		padding-bottom: 0;
	}

	.footer-copyright {
		padding-top: 21px;
		padding-bottom: 21px;
	}

	.footer-copyright ul {
		width: auto;
		margin-bottom: 0;
	}
}

@media screen and (min-width: 1025px) {
	.footer-info {
		flex: 1;
		max-width: 316px;
		margin-bottom: 0;
		margin-right: 20px;
	}

	.footer-right {
		width: auto;
		justify-content: unset;
	}
}

@media screen and (min-width: 1200px) {
	.footer-menu:not(:last-child) {
		margin-right: 29px;
	}

	.footer-menu:nth-child(2) {
		margin-right: 48px;
	}
}