/* Testimonial with Sticky Sidebar Block - inherits from card-sidebar styles */
/* This block uses card-sidebar styles from global.css */

/* ### card-sidebar ### */
.card-sidebar { padding: 20px; border: 1px solid var(--color-grey-100); border-radius: var(--border-radius); background-color: var(--color-white); }
.card-sidebar-image { margin-bottom: 15px; border-radius: var(--border-radius); overflow: hidden; }
.card-sidebar-image img { width: var(--width); height: var(--height); object-fit: cover; }
.card-sidebar-info { text-align: center; }
.card-sidebar-info h5 { margin-bottom: 20px; font-weight: var(--font-weight-semi-bold); }
.card-sidebar-list { margin-top: 16px; margin-bottom: 25px; display: flex; flex-wrap: wrap; justify-content: center; list-style: none; }
.card-sidebar-list li { margin-bottom: 6px; position: relative; font-size: var(--font-weight-semi-bold); line-height: 1.3; }
.card-sidebar-list li:before { margin: 0 10px;display: inline-block;font-family: var(--font-family-icon);font-size: 13px;background-color: var(--color-green);vertical-align: middle;content: "✔";color: white;width: 23px;height: 23px;border-radius: 50%;line-height: 23px; }
.card-sidebar .card-rating { margin: 0 auto; }

/* ### about-block ### */
.about-block { margin-bottom: 100px; }
.about-block-left { margin-bottom: 40px; }
.about-block-info { padding: 26px 20px; line-height: 1.85; border: 1px solid var(--color-grey-100); border-radius: var(--border-radius); background-color: var(--color-white); }
.about-block-info h2,
.about-block-info h3,
.about-block-info h4 { margin-bottom: 12px; font-weight: var(--font-weight-semi-bold); }
.about-block-info p { margin-bottom: 30px; }
.about-block-info p:last-of-type { margin-bottom: 0; }
.about-block-item:not(:last-of-type) { margin-bottom: 30px; }
.about-block .card-review { margin-bottom: 20px; }

/* ### card-review ### */
.card-review { padding: 15px 20px 19px; position: relative; border: 1px solid var(--color-grey-100); border-left: 4px solid var(--color-yellow); border-radius: var(--border-radius); background-color: var(--color-white); }
.card-review ul { margin-bottom: 4px; display: flex; list-style: none; }
.card-review li { margin-right: 2px; font-size: 17px; color: var(--color-yellow); }
.card-review p { margin-bottom: 12px; }
.card-review-wrap { display: flex; align-items: center; }
.card-review-image { margin-right: 6px; width: 50px; border-radius: 50%; overflow: hidden; }
.card-review-image img { width: var(--width); }
.card-review-name { font-size: 14px; line-height: 1.5; }
.card-review-name strong { display: block; font-weight: var(--font-weight-extra-bold); }
.card-review-name span { color: var(--color-dark-grey); }
.card-review-icon { position: absolute; right: 19px; bottom: 29px; width: 32px; }
.card-review-icon img { width: var(--width); }

@media only screen and (min-width: 768px) {
	.about-block { margin-bottom: 50px; }
	.card-sidebar { padding: 29px 20px; position: sticky; top: 82px; }
	.card-sidebar-image { margin-bottom: 26px; }
	.card-sidebar-info h3 { margin-bottom: 27px; }
	.card-sidebar-list li { margin-bottom: 0; }
	.card-review { padding: 25px 30px 30px; }
	.card-review ul { margin-bottom: 14px; }
	.card-review p { margin-bottom: 21px; }
	.card-rating { padding: 10px 18px 8px; }
	.card-rating img { width: 32px !important; }
	.card-rating span { margin: 0 5px 0 6px; font-size: 14px; }
}

@media only screen and (min-width: 1025px) {
	.about-block { display: flex; justify-content: space-between; }
	.about-block-left { width: 66.4%; }
	.about-block-info { padding: 26px 29px; }
	.about-block-right { width: 32.6%; }
	.card-sidebar { padding-right: 10px; padding-left: 10px; position: sticky; top: 82px; }
}

@media only screen and (min-width: 1200px) {
	.card-sidebar-list li:first-of-type { margin-right: 10px; }
	.card-sidebar { padding: 29px; top: 90px; }
}

@media only screen and (min-width: 1440px) {
	.card-sidebar-info { padding: 0 26px; }
	.card-help-info { padding: 40px; }
}