.post-content .lw-service-flow-grid {
	display: grid;
	overflow: hidden;
}

.post-content .lw-service-flow-grid .lw-service-flow-grid-item {
	position: relative;
	z-index: 1;
}

.post-content .lw-service-flow-grid .lw-service-flow-grid-item::before {
	content: '';
	position: absolute;
	top: 0;
	bottom: 0;
	z-index: 1;
	width: 1px;
	background-color: #dcdcdc;
}

.post-content .lw-service-flow-grid .lw-service-flow-grid-item:last-child::before {
	display: none;
}

.post-content .lw-service-flow-grid .lw-service-flow-grid-item .lw-service-flow-grid-item-header {
	position: relative;
	z-index: 2;
}

.post-content .lw-service-flow-grid .lw-service-flow-grid-item .lw-service-flow-grid-item-header .lw-service-flow-grid-item-title {
	margin-block: 0;
	padding: 0;
	background-color: transparent;
}

.post-content .lw-service-flow-grid .lw-service-flow-grid-item .lw-service-flow-grid-item-header .lw-service-flow-grid-item-title .lw-service-flow-grid-item-step {
	border-radius: 100%;
	display: grid;
	place-items: center;
	line-height: 1;
	background-color: #f5f5f5;
	font-family: sofia-pro, sans-serif;
	text-transform: uppercase;
}

.post-content .lw-service-flow-grid .lw-service-flow-grid-item .lw-service-flow-grid-item-header .lw-service-flow-grid-item-title .lw-service-flow-grid-item-step > span:nth-child(1) {
	align-self: end;
}

.post-content .lw-service-flow-grid .lw-service-flow-grid-item .lw-service-flow-grid-item-header .lw-service-flow-grid-item-title .lw-service-flow-grid-item-step > span:nth-child(2) {
	align-self: start;
}

.post-content .lw-service-flow-grid .lw-service-flow-grid-item .lw-service-flow-grid-item-body .lw-service-flow-grid-item-description {
	margin-block: 0;
	overflow: hidden;
}

.post-content .lw-service-flow-grid .lw-service-flow-grid-item .lw-service-flow-grid-item-body .lw-service-flow-grid-item-description p {
	margin-block: 0;
	padding-block-start: 6px;
}

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

	.post-content .lw-service-flow-grid {
		margin-block-start: 24px;
		grid-auto-flow: column;
		grid-template-rows: repeat(5, auto);
		-moz-column-gap: 50px;
		column-gap: 50px;
	}

	.post-content .lw-service-flow-grid .lw-service-flow-grid-item {
		padding-block-end: 35px;
		padding-inline-start: 92px;
	}

	.post-content .lw-service-flow-grid .lw-service-flow-grid-item::before {
		left: 32px;
	}

	.post-content .lw-service-flow-grid .lw-service-flow-grid-item .lw-service-flow-grid-item-header {
		pointer-events: none;
	}

	.post-content .lw-service-flow-grid .lw-service-flow-grid-item .lw-service-flow-grid-item-header .lw-service-flow-grid-item-title {
		line-height: 1.4444444444;
		font-size: 1.125rem;
	}

	.post-content .lw-service-flow-grid .lw-service-flow-grid-item .lw-service-flow-grid-item-header .lw-service-flow-grid-item-title .lw-service-flow-grid-item-step {
		position: absolute;
		top: 0;
		left: -92px;
		z-index: 1;
		width: 65px;
		min-height: 65px;
		font-size: 0.75rem;
	}

	.post-content .lw-service-flow-grid .lw-service-flow-grid-item .lw-service-flow-grid-item-header .lw-service-flow-grid-item-title .lw-service-flow-grid-item-step > span:nth-child(2) {
		font-size: 1.375rem;
	}

	.post-content .lw-service-flow-grid .lw-service-flow-grid-item .lw-service-flow-grid-item-body .lw-service-flow-grid-item-description p {
		line-height: 1.7142857143;
		font-size: 0.875rem;
	}
}

@media screen and (max-width: 979px) {

	.post-content .lw-service-flow-grid {
		margin-block-start: 20px;
	}

	.post-content .lw-service-flow-grid .lw-service-flow-grid-item {
		padding-block-end: 16px;
	}

	.post-content .lw-service-flow-grid .lw-service-flow-grid-item::before {
		left: 22px;
	}

	.post-content .lw-service-flow-grid .lw-service-flow-grid-item:last-child {
		padding-block-end: 0;
	}

	.post-content .lw-service-flow-grid .lw-service-flow-grid-item .lw-service-flow-grid-item-header {
		display: grid;
		grid-template-columns: 1fr 14px;
		align-items: center;
		-moz-column-gap: 10px;
		column-gap: 10px;
		cursor: pointer;
	}

	.post-content .lw-service-flow-grid .lw-service-flow-grid-item .lw-service-flow-grid-item-header::after {
		content: '';
		width: 14px;
		height: 16px;
		background-image: url(../images/icon-flow-plus.svg);
		background-size: 14px auto;
		background-repeat: no-repeat;
	}

	.post-content .lw-service-flow-grid .lw-service-flow-grid-item .lw-service-flow-grid-item-header .lw-service-flow-grid-item-title {
		display: grid;
		grid-template-columns: 45px 1fr;
		align-items: center;
		-moz-column-gap: 10px;
		column-gap: 10px;
		line-height: 1.4166666667;
		font-size: 0.75rem;
	}

	.post-content .lw-service-flow-grid .lw-service-flow-grid-item .lw-service-flow-grid-item-header .lw-service-flow-grid-item-title .lw-service-flow-grid-item-step {
		width: 45px;
		min-height: 45px;
		font-size: 0.625rem;
	}

	.post-content .lw-service-flow-grid .lw-service-flow-grid-item .lw-service-flow-grid-item-header .lw-service-flow-grid-item-title .lw-service-flow-grid-item-step > span:nth-child(2) {
		font-size: 1rem;
	}

	.post-content .lw-service-flow-grid .lw-service-flow-grid-item .lw-service-flow-grid-item-body {
		padding-inline-start: 55px;
		display: grid;
		grid-template-rows: 0fr;
		transition: 0.3s grid-template-rows ease;
	}

	.post-content .lw-service-flow-grid .lw-service-flow-grid-item .lw-service-flow-grid-item-body .lw-service-flow-grid-item-description p {
		line-height: 1.8333333333;
		font-size: 0.75rem;
	}

	.post-content .lw-service-flow-grid .lw-service-flow-grid-item.is-open .lw-service-flow-grid-item-header::after {
		background-image: url(../images/icon-flow-minus.svg);
	}

	.post-content .lw-service-flow-grid .lw-service-flow-grid-item.is-open .lw-service-flow-grid-item-body {
		grid-template-rows: 1fr;
	}
}