
.expansion {
	padding: 40px 0;
}

.expansion .title {
	color: #30466d;
	margin-bottom: 40px;
	max-width: 480px;
}

.expansion .subtitle {
	font-size: 15px;
	line-height: 176%;
	margin-bottom: 40px;
}

.expansion .descr-image {
	display: block;
	width: 100%;
	height: 307px;
	-o-object-fit: cover;
	object-fit: cover;
}

.expansion-wrapper {
	display: flex;
	gap: 70px;
}

.expansion-item {
	display: flex;
	flex-direction: column;
}

.expansion-item.descr {
	justify-content: space-between;
}

.expansion-item.content {
	justify-content: flex-end;
}

.expansion-item .reasons .reason {
	display: flex;
	align-items: flex-start;
	gap: 36px;
	margin-bottom: 36px;
}

.expansion-item .reasons .reason:last-child {
	margin-bottom: 0;
}

.expansion-item .reasons .reason img {
	margin-top: 6px;
}

.expansion-item .reasons .reason p {
	font-size: 15px;
	line-height: 176%;
}

@media screen and (max-width: 768px) {
	.expansion .title {
		font-size: 32px;
		margin-bottom: 24px;
	}
	
	.expansion .subtitle {
		margin-bottom: 32px;
	}
	
	.expansion .descr-image {
		height: auto;
	}
	
	.expansion-wrapper {
		flex-wrap: wrap;
		gap: 24px;
	}
	
	.expansion-item .reasons .reason {
		gap: 20px;
		margin-bottom: 32px;
	}
}
