.blockquote_with_image {
	position: relative;
	background: #ffffff;
	border-bottom: 5px solid var(--hover_color);
}
.blockquote_with_image .img_wrap {
	width: 36.45vw;
	overflow: hidden;
	position: absolute;
	right: 0;
	top: 0;
	height: 100%;
}
.blockquote_with_image .img_wrap img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.blockquote_with_image .container {
	position: relative;
	padding: 88px 20px 65px;
}
.blockquote_with_image .text_wrap {
	max-width: 840px;
}
.blockquote_with_image .text_wrap p,
.blockquote_with_image .text_wrap li {
	font: 400 calc(14px + (25 - 14) * (100vw / 3000))/1.4 var(--text_font);
}
.blockquote_with_image .text_wrap .title_wrap {
	text-align: left;
}
.blockquote_with_image .text_wrap li {
	list-style: none;
	position: relative;
}
.blockquote_with_image .text_wrap li:before {
	content: '';
	position: absolute;
	left: -2.8vw;
	top: 9px;
	background: var(--main_color);
	width: 4px;
	height: 4px;
	border-radius: 50%;
}
.blockquote_with_image .text_wrap li:not(:last-child) {
	margin-bottom: 20px;
}
.blockquote_with_image blockquote {
	background: #f7f3f3;
	text-align: center;
	padding: 36px 3vw 42px;
	margin: 4vw 0 0;
}
.blockquote_with_image blockquote .st0 {
	fill: var(--hover_color);
}
.blockquote_with_image blockquote svg	{
	width: 57px;
	margin: 0 auto;
}
.blockquote_with_image ul {
	margin: 45px 0 0;
	padding: 0 0 0 5.5vw;
}
.blockquote_with_image blockquote h4 {
	text-transform: uppercase;
	margin: 30px 0;
}
.blockquote_with_image .text_wrap blockquote p {
	font: 400 calc(14px + (22 - 14) * (100vw / 3000))/1.4 var(--text_font);
}
.blockquote_with_image .author {
	display: block;
	font: 300 calc(14px + (22 - 14) * (100vw / 3000))/1.4 var(--text_font);
	margin-top: 20px;
}

.blockquote_with_image.left_image .img_wrap {
	right: auto;
	left: 0;
}
.blockquote_with_image.left_image .text_wrap {
	margin-left: auto;
}
/* Responsiveness */
@media (max-width: 1381px) {
	.blockquote_with_image .text_wrap {
		max-width: calc(100% - 36.45vw);
		padding-right: 30px;
	}
	.blockquote_with_image.left_image .text_wrap {
		padding-left: 30px;
		padding-right: 0;
	}
}
@media(max-width: 1441px) and (min-width: 768px) {
	.blockquote_with_image .container {
		transform: scale(.9);
		padding-top: 0;
		padding-bottom: 0;
	}
	.blockquote_with_image .text_wrap .title_wrap {
		margin-bottom:40px;
	}
	.blockquote_with_image .text_wrap p, 
	.blockquote_with_image .text_wrap li {
    font: 400 calc(14px + (25 - 14) * (100vw / 3000))/1.4 var(--text_font);
	}
	.blockquote_with_image .text_wrap blockquote p {
		font: 400 calc(14px + (22 - 14) * (100vw / 3000))/1.4 var(--text_font);
	}
	.blockquote_with_image .author {
		font: 300 calc(14px + (22 - 14) * (100vw / 3000))/1.4 var(--text_font);
	}
	.blockquote_with_image .text_wrap li:not(:last-child) {
    margin-bottom: 8px;
	}
}
@media (max-width: 767px) {
	.blockquote_with_image {
		position: relative;
	}
	.blockquote_with_image .container {
		padding: 50px 20px 56px;
	}
	.blockquote_with_image .title_wrap {
		margin-bottom:40px;
	}
	.blockquote_with_image .title_wrap p {
		margin-top:28px;
		max-width:95%;
	}
	.blockquote_with_image .img_wrap {
		width: 100%;
	}
	.blockquote_with_image .img_wrap img {
		opacity: .4;
	}
	.blockquote_with_image .text_wrap,
	.blockquote_with_image.left_image .text_wrap {
		max-width: 100%;
		padding: 0;
	}
	.blockquote_with_image .text_wrap p,
	.blockquote_with_image .text_wrap li {
		font-size: calc(14px + (25 - 14 + (25 - 14 * .7)) * ((100vw - 360px) / 3000));
	}
	.blockquote_with_image blockquote p,
	.blockquote_with_image .author {
		font-size: calc(14px + (22 - 14 + (22 - 14 * .7)) * ((100vw - 360px) / 3000));
	}
	.blockquote_with_image .text_wrap .title_wrap {
		text-align: center;
	}
	.blockquote_with_image .text_wrap li:not(:last-child) {
		margin-bottom:9px;
	}
}