@charset "utf-8";

/* PROCESS */
	.formatted-process {
		display: grid;
		grid-template-columns: minmax(0, 1fr);
		position: relative;
		}
	.formatted-process-info {
		display: flex;
		}
	.formatted-process-holder {
		margin: var(--mywp-mg-pad);
		}
	.formatted-process-switch {
		display: grid;
		grid-template-columns: 1fr 7rem;
		margin-bottom: 2.4rem;
		}
	.formatted-process-dot,
	.formatted-process-control {
		height: 3rem;
		width: 3rem;
		}
	.formatted-process-dot {
		color: var(--mywp-white);
		font-size: 0.8rem;
		}
	.formatted-process[data-current="1"] .formatted-process-dot[data-id="1"],
	.formatted-process[data-current="2"] .formatted-process-dot[data-id="2"],
	.formatted-process[data-current="3"] .formatted-process-dot[data-id="3"],
	.formatted-process[data-current="4"] .formatted-process-dot[data-id="4"],
	.formatted-process[data-current="5"] .formatted-process-dot[data-id="5"] {
		color: var(--mywp-color);
		}
	.formatted-process-controls {
		display: grid;
		grid-gap: 1rem;
		grid-template-columns: 3rem 3rem;
		}
	.formatted-process-control {
		border: 0.2rem solid var(--mywp-white);
		border-radius: 100%;
		color: var(--mywp-white);
		font-size: 1.8rem;
		text-align: center;
		}
	.formatted-process-control:hover {
		color: var(--mywp-color);
		}
	.formatted-process-scroll {
		overflow: hidden;
		}
	.formatted-process-slides {
		display: flex;
		flex-wrap: nowrap;
		height: 100%;
		position: relative;
		transition: left 400ms ease;
		}
	.formatted-process[data-current="1"] .formatted-process-slides {
		left: 0;
		}
	.formatted-process[data-current="2"] .formatted-process-slides {
		left: -100%;
		}
	.formatted-process[data-current="3"] .formatted-process-slides {
		left: -200%;
		}
	.formatted-process[data-current="4"] .formatted-process-slides {
		left: -300%;
		}
	.formatted-process[data-current="5"] .formatted-process-slides {
		left: -400%;
		}
	.formatted-process-slide {
		font-size: 1rem;
		flex: 0 0 100%;
		}
	.formatted-process-slide.formatted-process-item {
		padding: 1rem 0;
		}
	.formatted-process-image > * {
		height: 100%;
		object-fit: cover;
		}
	.formatted-process-header {
		font-size: var(--mywp-ts-head-3);
		margin-top: 1.6rem;
		}
	.formatted-process-text {
		margin-top: 1.6rem;
		}
	.formatted-process-info .buttons-group {
		margin: 0;
		}
	@media (min-width: 50rem) {
		.formatted-process {
			grid-template-columns: repeat(2, minmax(0, 1fr));
			grid-gap: 0;
			}
		.formatted-process-info {
			align-items: center;
			grid-row: 1;
			justify-content: flex-end;
			padding-left: var(--mywp-mg-pad);
			}
		.formatted-process-holder {
			margin: 0;
			max-width: 64rem;
			padding: var(--mywp-mg-pad) var(--mywp-mg-pad) var(--mywp-mg-pad) 0;
			width: 100%;
			}
	}
	@media (min-width: 80rem) {
		.formatted-process-holder {
			padding-right: 7.2rem;
			}
	}