h2 {
	text-transform: capitalize;
}

figure {
	margin: 0;
}
.page_baner_img img {
	object-fit: cover;
}
/* =========== line_1 ============ */

#line-1 .row.well {
	padding: 0;
	margin: 0;
}

#line-1 .row.well .col-md-6 {
	padding-top: 20px;
}

#line-1 .row.well .col-md-6.c-right article {
	width: 100%;
	max-width: 536px;
}

#line-3 .row.well,
#line-1 .row.well .c-right {
	background: #fff;
	-webkit-box-shadow: 0 5px 14px 0 rgba(0, 0, 0, 0.08);
	box-shadow: 0 5px 14px 0 rgba(0, 0, 0, 0.08);
}

/* ============== / icon-list ================= */

.icon-list {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	row-gap: 20px;
	column-gap: 20px;
	padding: 0;
	list-style: none;
	text-align: center;
}

.icon-list li {
	display: flex;
	gap: 10px;
	align-items: center;
}

@media screen and (min-width: 992px) {
	#line-1 .row.well .c-left {
		border-right: solid 1px var(--main-color);
	}

	#line-1 .row.well .col-md-6 {
		padding: 80px 60px;
	}

	#line_2 .ex {
		padding-left: 40px;
		padding-right: 40px;
		display: flex;
		flex-direction: column;
		align-items: center;
	}

}

/* =========== line_2 ============ */

#line_2 .row {
	padding: 0;
}

#line_2 figure {
	height: 100%;
	margin: 0;
}

.fixed-ratio {
	/*aspect-ratio: 720 / 865;*/ /* else 0.832 */
	width: 100%;
	overflow: hidden;
	position: relative;
	display: block;
}

.fixed-ratio img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}

#line_2 .ex {
	width: 100%;
}

/* =========== line_3 ============ */

#line-3 .row.position-relative .sep {
	background: var(--main-color);
	display: block;
	padding: 0 !important;
	width: 80%;
	height: 1px;
	margin: 30px auto;
}

/* =========== line_4 ============ */

/* =========== mobile ============ */

@media screen and (min-width: 768px) {
	#line-3 .row.position-relative .sep {
		width: 1px;
		height: 80%;
		margin: 0;
		position: absolute;
		left: 50%;
		top: 50%;
		transform: translate(-50%, -50%);
	}

	#line-3 .row.well article {
		padding: 30px;
	}
}

@media screen and (min-width: 992px) {
	#line-1 .row.well .col-md-6 {
		padding: 60px 40px;
	}

	.icon-list {
		column-gap: 16.666%; /* 180px работи */
	}

	#line-3 .row.well .ex {
		padding: 40px 60px;
	}

	#line-3 article#sing_ccnt {
	}

	#line-3 .top article {
		width: 80%;
	}
}

@media screen and (min-width: 768px) and (max-width: 1199.98px) {
	.icon-list {
		grid-template-columns: 1fr; /* В тази зона: 1 колона */
	}
}

#line-3 .row.well {
	margin-top: 60px !important;
	background: #fff;
}


@media screen and (max-width: 768px) {
	.icon-list li {
		flex-direction: column;
	}
}