@charset "UTF-8";
.quote-body {
	padding: 10% 10% 9%;
	border: 1px solid #e8e8e9;
	border-radius: 0.375rem;
	background-color: #fff;
}

.quote-text q:before {
	content: '“';
}

.quote-text q:after {
	content: '”';
}

.quote-author {
	font-size: 1.0625rem;
}

.quote-author-image {
	border-radius: 50%;
	box-shadow: 10px 15px 18px rgba(23, 23, 36, 0.15);
}

.quote-author-name {
	font-weight: 500;
	font-size: x-large;
}

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

* + .quote-rating {
	margin-top: 2.5rem;
}

* + .quote-author {
	margin-top: 1.875rem;
}

.quote-body + .quote-author {
	margin-top: 2.5rem;
	margin-left: 10%;
}

.quote-cloud .quote-body {
	position: relative;
}

.quote-cloud .quote-body::after {
	display: none;
}

.quote-cloud .quote-body::before, .quote-cloud .quote-body::after {
	position: absolute;
	content: '';
	bottom: -1px;
	left: 22.5%;
	width: 20px;
	height: 20px;
	background: inherit;
	border-style: solid;
	border-width: 0 0 1px 1px;
	border-color: inherit;
	transform-origin: 0 50%;
	transform: translateY(100%) skewY(-45deg);
}

.quote-cloud-shadow .quote-body {
	box-shadow: 5px 8px 28px rgba(23, 23, 36, 0.1);
	border-color: transparent;
}

.quote-boxed .quote-body {
	padding-top: 0;
	padding-bottom: 13%;
	margin-top: 45px;
	border-color: transparent;
	box-shadow: 5px 8px 28px rgba(23, 23, 36, 0.1);
}

.quote-boxed .quote-author-image {
	margin-bottom: -15px;
	transform: translateY(-50%);
	box-shadow: none;
}

.quote-boxed .quote-rating {
	margin-top: 0;
}

.quote-minimal .quote-author {
	margin-left: -10px;
}

.quote-minimal .quote-author > * {
	margin-left: 10px;
}

.quote-minimal .quote-author > * {
	display: inline-block;
}

.quote-centered {
	text-align: center;
}

.quote-centered .quote-author-image {
	box-shadow: none;
}

.context-dark .quote-body {
	border-color: #393944;
	background: #171724;
}

.context-dark .quote-author-position {
	color: #aeaeb2;
}

.quote-primary .quote-body {
	color: #fff;
	background-color: var(--fourth-color);
	border-color: transparent;
}

.quote-primary .quote-body .quote-author-position {
	color: inherit;
}

.quote-primary .rating {
	color: #fff;
}

.quote-primary .quote-text {
	color: #fff;
}

.quote-secondary .quote-body {
	color: #fff;
	background-color: #6b39bd;
	border-color: transparent;
}

.quote-secondary .quote-body .quote-author-position {
	color: inherit;
}

.quote-secondary .rating {
	color: #fff;
}

.quote-secondary .quote-text {
	color: #fff;
}

.quote-success .quote-body {
	color: #fff;
	background-color: #77ba21;
	border-color: transparent;
}

.quote-success .quote-body .quote-author-position {
	color: inherit;
}

.quote-success .rating {
	color: #fff;
}

.quote-success .quote-text {
	color: #fff;
}

.quote-info .quote-body {
	color: #fff;
	background-color: #138ce4;
	border-color: transparent;
}

.quote-info .quote-body .quote-author-position {
	color: inherit;
}

.quote-info .rating {
	color: #fff;
}

.quote-info .quote-text {
	color: #fff;
}

.quote-warning .quote-body {
	color: #fff;
	background-color: #f19711;
	border-color: transparent;
}

.quote-warning .quote-body .quote-author-position {
	color: inherit;
}

.quote-warning .rating {
	color: #fff;
}

.quote-warning .quote-text {
	color: #fff;
}

.quote-danger .quote-body {
	color: #fff;
	background-color: #e72660;
	border-color: transparent;
}

.quote-danger .quote-body .quote-author-position {
	color: inherit;
}

.quote-danger .rating {
	color: #fff;
}

.quote-danger .quote-text {
	color: #fff;
}

.quote-light .quote-body {
	color: #171724;
	background-color: var(--second-color);
	border-color: transparent;
}

.quote-light .quote-body .quote-author-position {
	color: inherit;
}

.quote-light .rating {
	color: var(--fourth-color);
}

.quote-light .quote-text {
	color: #171724;
}

.quote-dark .quote-body {
	color: #fff;
	background-color: #171724;
	border-color: transparent;
}

.quote-dark .quote-body .quote-author-position {
	color: inherit;
}

.quote-dark .rating {
	color: #fff;
}

.quote-dark .quote-text {
	color: #fff;
}

@media (min-width: 992px) {
	* + .quote-rating {
		margin-top: 3.125rem;
	}
}