
.services-faq {
	padding: 48px 0;
}

.services-faq .title {
	margin-bottom: 16px;
}

.services-faq .subtitle {
	color: #30466d;
	font-size: 16px;
	font-weight: 400;
	line-height: 24px;
}

.services-faq .faq-wrapper {
	margin: 48px 0 0 0;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	-moz-column-gap: 20px;
	column-gap: 20px;
	justify-content: space-between;
}

.services-faq .faq-item {
	transition: all .3s ease;
	cursor: pointer;
	border-bottom: none;
	height: 100%;
	flex-basis: calc(50% - 10px);
}

.services-faq .faq-item:not(:first-child, :nth-child(2), :last-child, :nth-last-child(2)) {
	border-bottom: 1px solid #e2e3e5;
}

.services-faq .faq-item:first-child, .services-faq .faq-item:nth-child(2) {
	border-bottom: 1px solid #e2e3e5;
	border-top: 1px solid #e2e3e5;
}

.services-faq .faq-item:last-child, .services-faq .faq-item:nth-last-child(2) {
	border-bottom: 1px solid #e2e3e5;
}

.services-faq .faq-item.active {
	height: auto;
}

.services-faq .faq-item.active .faq-question:after {
	transform: rotate(45deg);
}

.services-faq .faq-item.active .faq-question:before {
	transform: rotate(135deg);
}

.services-faq .faq-question {
	position: relative;
	display: flex;
	flex-direction: row;
	align-items: center;
	height: 97px;
	padding: 16px 0;
}

.services-faq .faq-question h4 {
	color: #30466d;
	max-width: 95%;
	font-size: 16px;
	font-weight: 400;
	line-height: 150%;
}

.services-faq .faq-question:before {
	content: "";
	position: absolute;
	top: 50%;
	right: 0;
	transform: translateY(-50%) rotate(90deg);
	width: 14px;
	height: 1px;
	background-color: #30466d;
	transition: transform .3s ease;
}

.services-faq .faq-question:after {
	content: "";
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	right: 0;
	width: 14px;
	height: 1px;
	background-color: #30466d;
	transition: transform .3s ease;
}

.services-faq .faq-answer {
	display: none;
	margin-bottom: 16px;
}

.services-faq .faq-answer p {
	color: #30466d;
	font-size: 14px;
	font-weight: 400;
	line-height: 150%;
}

@media screen and (max-width: 768px) {
	.services-faq {
		padding: 24px 0;
	}
	
	.services-faq .subtitle br {
		display: none;
	}
	
	.services-faq .faq-item {
		flex-basis: 100%;
	}
	
	.services-faq .faq-item:nth-child(2) {
		border-top: none;
	}
}
