.quote {
	position: relative;
}

.quote q, .quote cite {
	display: block;
}

.quote-cite {
	opacity: .8;
}

.quote-icon {
	font-size: 2.25rem;
	color: #89ccf7;
}

* + .quote-text {
	margin-top: 0.75rem;
}

* + .quote-cite {
	margin-top: 0.625rem;
}

.quote-boxed {
	padding: 1.875rem 0.9375rem;
	text-align: center;
	background-color: #e0f3fd;
}

.quote-boxed .quote-icon {
	font-size: 1.5rem;
}

.quote-boxed .quote-cite {
	font-size: 1rem;
	color: #298cd3;
}

.quote-boxed * + .quote-text {
	margin-top: 0.3125rem;
}

.quote-boxed * + .quote-cite {
	margin-top: 0.6875rem;
}

* + .quote-boxed {
	margin-top: 1.6875rem;
}

@media (min-width: 1600px) {
	.quote-boxed {
		padding: 2.1875rem 5.46875rem 2.625rem;
	}
	.quote-boxed * + .quote-text {
		margin-top: 0.4375rem;
	}
	.quote-boxed * + .quote-cite {
		margin-top: 0.9625rem;
	}
	* + .quote-boxed {
		margin-top: 2.3625rem;
	}
}

@media (min-width: 1600px) {
	.quote-boxed {
		padding: 3.125rem 7.8125rem 3.75rem;
	}
	.quote-boxed * + .quote-text {
		margin-top: 0.625rem;
	}
	.quote-boxed * + .quote-cite {
		margin-top: 1.375rem;
	}
	* + .quote-boxed {
		margin-top: 3.375rem;
	}
}

.quote-3 {
	padding-top: 0.625rem;
}

.quote-3 .quote-icon {
	position: absolute;
	left: -0.625rem;
	top: 0;
	opacity: .2;
}

.quote-4 {
	padding: 1.875rem 1.5625rem;
	box-shadow: 0px 34px 40px rgba(18, 31, 75, 0.06);
}

.quote-4 .quote-icon {
	position: absolute;
	top: 1.5625rem;
	left: 1.25rem;
	opacity: .2;
}

.owl-carousel .quote-4 {
	transition: all 0.2s ease-in-out;
}

@media (min-width: 992px) {
	.quote-4 {
		padding: 2.75rem 2.4375rem 2.25rem;
	}
	.quote-4 .quote-icon {
		top: 2.1875rem;
		left: 1.875rem;
	}
}

.quote-clouded .quote-author {
	display: flex;
	align-items: center;
}

.quote-clouded .quote-author .quote-author-img {
	flex-shrink: 0;
	max-width: 40%;
}

.quote-clouded .quote-author .quote-author-body {
	padding-top: 0;
	padding-left: 0.9375rem;
}

.quote-clouded .quote-author-img {
	border-radius: 50%;
}

.quote-clouded .quote-author-meta {
	font-size: 0.875rem;
}

.quote-clouded .quote-body {
	background-color: #fff;
	position: relative;
	margin-bottom: 18px;
}

.quote-clouded .quote-body::before {
	content: '';
	position: absolute;
	width: 18px;
	height: 18px;
	background: inherit;
}

.quote-clouded .quote-body::before {
	top: 100%;
	left: 50%;
	transform: translate(-50%, -48%) rotate(45deg);
}

.quote-clouded .quote-body::before {
	left: 5.625rem;
	transform: translate(-50%, -48%) skewY(-45deg);
}

.quote-clouded .quote-body-inner {
	position: relative;
	padding: 3.1875rem 0.9375rem 1.875rem;
}

.quote-clouded .quote-icon {
	position: absolute;
	left: 0.9375rem;
	top: 1.25rem;
	font-size: 1.5rem;
}

.quote-clouded * + .quote-text {
	margin-top: 0;
}

@media (min-width: 768px) {
	.quote-clouded .quote-body {
		display: flex;
	}
	.quote-clouded .quote-body .quote-body-inner {
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
		min-height: 12.5rem;
		width: 100%;
	}
	.quote-clouded .quote-body .quote-body-inner > * {
		width: 100%;
		flex-shrink: 0;
	}
	.quote-clouded .quote-body-inner {
		padding: 2.1875rem 1.25rem 2.5rem;
	}
	.quote-clouded .quote-icon {
		left: 1.25rem;
		top: 1.3125rem;
	}
	.quote-clouded .quote-author {
		padding-left: 1.15625rem;
	}
	.quote-clouded * + .quote-text {
		margin-top: 0.5rem;
	}
	.quote-clouded * + .quote-author {
		margin-top: 0.875rem;
	}
	.quote-clouded * + .quote-author-meta {
		margin-top: 0.1875rem;
	}
}

@media (min-width: 992px) {
	.quote-clouded .quote-body .quote-body-inner {
		min-height: 11.375rem;
		padding: 3.0625rem 1.75rem 3.5rem;
	}
	.quote-clouded .quote-icon {
		left: 1.75rem;
		top: 1.8375rem;
	}
	.quote-clouded .quote-author {
		padding-left: 1.61875rem;
	}
	.quote-clouded * + .quote-text {
		margin-top: 0.7rem;
	}
	.quote-clouded * + .quote-author {
		margin-top: 1.225rem;
	}
	.quote-clouded * + .quote-author-meta {
		margin-top: 0.2625rem;
	}
}

@media (min-width: 1200px) {
	.quote-clouded .quote-body .quote-body-inner {
		min-height: 16.25rem;
	}
}

@media (min-width: 1600px) {
	.quote-clouded .quote-body .quote-body-inner {
		padding: 4.375rem 2.5rem 5rem;
	}
	.quote-clouded .quote-icon {
		left: 2.5rem;
		top: 2.625rem;
	}
	.quote-clouded .quote-author {
		padding-left: 2.3125rem;
	}
	.quote-clouded * + .quote-text {
		margin-top: 1rem;
	}
	.quote-clouded * + .quote-author {
		margin-top: 1.75rem;
	}
	.quote-clouded * + .quote-author-meta {
		margin-top: 0.375rem;
	}
}