/**
 * Image With Text Section
 */

.image-with-text-section.white {
	background: var(--white);
}
.image-with-text-section.gray {
	background: var(--gray);
}
.image-with-text-section .col-image {
	width: 50%;
}
.image-with-text-section .col-text {
	width: 50%;
}
.image-with-text-section .col-image .img-wrapper {
	padding-top: 100%;
	border-radius: 30px;
	overflow: hidden;
}
.image-with-text-section .text-block p:last-child {
	margin-bottom: 0;
}
.image-with-text-section .highlight-box {
	background: var(--white);
	border-radius: 30px;
	padding: 30px 35px;
	margin: 30px 0;
}
.image-with-text-section.gray .highlight-box {
	background: var(--white);
}
.image-with-text-section.white .highlight-box {
	background: var(--gray);
}
.image-with-text-section .highlight-box .subtitle {
    margin-bottom: 6px;
    text-transform: inherit;
    font-size: 20px;
}
.image-with-text-section .highlight-box p {
	margin-bottom: 0;
}
.image-with-text-section .content-wrap {
    max-width: 633px;
}
.image-with-text-section.image_left .content-wrap{
	margin-left: auto;
}
.image-with-text-section .content-wrap .text-block p a{
	font-weight: 600;
}
/* text_both_sides variant — two text columns, no image */
.image-with-text-section.text_both_sides .col-text,
.image-with-text-section.text_both_sides .col-text-secondary {
	width: 50%;
}
.image-with-text-section.text_both_sides .col-text {
	padding-right: 30px;
}
.image-with-text-section.text_both_sides .row{
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: start;
}

@media only screen and (max-width: 991px) {
	.image-with-text-section .col-image,
	.image-with-text-section .col-text,
	.image-with-text-section.text_both_sides .col-text,
	.image-with-text-section.text_both_sides .col-text-secondary {
		width: 100%;
	}
	.image-with-text-section.image_left .col-image {
		order: -1;
	}
	.image-with-text-section.text_both_sides .col-text {
		padding-right: 0;
	}
	.image-with-text-section .col-image .img-wrapper {
		padding-top: 75%;
		margin-bottom: 10px;
	}
	.image-with-text-section.image_left .content-wrap {
		margin-left: 0;
	}
	.image-with-text-section .content-wrap {
		max-width: 100%;
	}
	.image-with-text-section .container-fluid {
		max-width: 768px;
	}
}
@media only screen and (max-width: 767px) {
	.image-with-text-section .col-text h2 {
		font-size: 32px;
	}
	.image-with-text-section .highlight-box {
		padding: 22px;
		border-radius: 18px;
	}
	.image-with-text-section .container-fluid {
		max-width: 100%;
	}
	.image-with-text-section .col-image .img-wrapper{
		border-radius: 20px;
	}
	.image-with-text-section .highlight-box .subtitle {
		font-size: 18px;
	}
}