@charset "UTF-8";
.process {
		background: var(--body);
		color: var(--black);
		overflow: hidden;
		position: relative;
		z-index: 2;
}
.process .container {
		position: relative;
}
.process .logo {
		display: none;
}
.process-title {
		margin-bottom: 50px;
		font-size: 18px;
}
.process-title .h2 {
		max-width: 10em;
}
.process-title .text {
		max-width: 24.545454em;
}
.process .wrap {
		margin: 0 calc(var(--side-padding) * -1) calc(var(--vert-padding) * -1) calc(var(--side-padding) * -1);
		background: var(--white);
		overflow: hidden;
		position: relative;
}
.process .swiper-arrows {
		position: absolute;
		bottom: var(--vert-padding);
		left: var(--side-padding);
}
.process-slider {
		font-size: 20px;
		color: var(--blackgrey);
		overflow: visible !important;
}
.process-slider .swiper-wrapper {
		counter-reset: pr;
}
.process-slider .swiper-slide {
		width: 100%;
		padding: var(--vert-padding) var(--side-padding) calc(var(--vert-padding) * 1.5 + var(--swiper-arrows)) var(--side-padding);
}
.process-slider .counter {
		margin-bottom: 96px;
}
.process-slider .counter:before {
		content: counter(pr, decimal-leading-zero);
		counter-increment: pr;
}
.process-slider .h3 {
		font-weight: 300;
		line-height: 1.1;
		font-size: 44px;
		margin-bottom: 20px;
		color: var(--black);
}
.process-slider .text {
		max-width: 28em;
}
@media only screen and (max-height: 950px) {
		.process-slider {
				font-size: 18px;
		}
		.process-slider .h3 {
				font-size: 30px;
		}
		.process-slider .counter {
				margin-bottom: 80px !important;
		}
}
@media only screen and (max-height: 780px) {
		.process-slider {
				font-size: 16px;
		}
}
@media only screen and (min-width: 800px) {
		.process .container {
				display: flex;
				align-items: flex-end;
		}
		.process .logo {
				display: block;
				position: absolute;
				top: 0;
				left: var(--side-padding);
		}
		.process .logo img {
				height: 70px;
				width: auto;
		}
		.process-title {
				flex: 0 0 auto;
				width: 50%;
				margin: 0 0 calc(var(--vert-padding) * -1) 0;
				padding-right: var(--side-padding);
				padding-bottom: var(--vert-padding);
				font-weight: 300;
		}
		.process .wrap {
				flex: 0 0 auto;
				width: calc(50% + 50vw);
				margin: calc(var(--vert-padding) * -1) -50vw calc(var(--vert-padding) * -1) 0;
				padding-right: 50vw;
		}
		.process-slider .swiper-slide {
				padding-right: 0;
		}
}
@media only screen and (min-width: 1024px) {
		.process {
				--vert-padding: 80px;
		}
		.process .logo img {
				height: 7.5rem;
		}
		.process-title {
				font-size: 22px;
		}
		.process-title .h2 {
				font-size: 3.5rem;
				line-height: 1.2;
		}
		.process-slider .counter {
				margin-bottom: 150px;
		}
}
@media only screen and (min-width: 1440px) {
		.process-slider .swiper-slide {
				transition: opacity 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
		}
		.process-slider .swiper-slide:not(.swiper-slide-visible) {
				opacity: 0;
				pointer-events: none;
		}
}