/* Orion Testimonials Page — testimonials.html
   Breakpoints: sm=640, md=769, lg=992, xl=1199, 1xl=1380, 2xl=1752 */

.orion-testp {
	width: 100%;
	background: #fff;
	overflow: hidden;
}

/* HTML .container + py-[34/38/60/70] — scoped (bare .container reset on Elementor). */
.orion-testp__container {
	width: 100%;
	margin: 0 auto;
	padding: 34px 16px;
	box-sizing: border-box;
}
@media (min-width: 640px) {
	.orion-testp__container { max-width: 640px; padding-top: 38px; padding-bottom: 38px; }
}
@media (min-width: 769px) {
	.orion-testp__container { max-width: 769px; padding-top: 60px; padding-bottom: 60px; }
}
@media (min-width: 992px) {
	.orion-testp__container { max-width: 992px; padding-top: 70px; padding-bottom: 70px; }
}
@media (min-width: 1199px) { .orion-testp__container { max-width: 1199px; } }
@media (min-width: 1380px) { .orion-testp__container { max-width: 1380px; } }
@media (min-width: 1752px) { .orion-testp__container { max-width: 1752px; } }

/* HTML global h2: 26 / sm 30 / md 35 / xl 40 / 1xl 46 / 2xl 60.
   Soft sizes so Elementor Typography can override; family/weight locked below. */
html body h2.orion-testp__title,
h2.orion-testp__title {
	margin: 0 0 20px;
	text-align: center;
	font-family: "El Messiri", var(--orion-font-heading, serif);
	font-weight: 500;
	color: #000;
	font-size: 26px;
	line-height: 36px;
	letter-spacing: normal;
	text-transform: none;
}
@media (min-width: 640px) {
	html body h2.orion-testp__title,
	h2.orion-testp__title {
		margin-bottom: 24px;
		text-align: start;
		font-size: 30px;
		line-height: 40px;
	}
}
@media (min-width: 769px) {
	html body h2.orion-testp__title,
	h2.orion-testp__title {
		margin-bottom: 32px;
		font-size: 35px;
		line-height: 40px;
	}
}
@media (min-width: 992px) {
	html body h2.orion-testp__title,
	h2.orion-testp__title { margin-bottom: 40px; }
}
@media (min-width: 1199px) {
	html body h2.orion-testp__title,
	h2.orion-testp__title {
		font-size: 40px;
		line-height: 50px;
	}
}
@media (min-width: 1380px) {
	html body h2.orion-testp__title,
	h2.orion-testp__title {
		margin-bottom: 48px;
		font-size: 46px;
		line-height: 55px;
	}
}
@media (min-width: 1752px) {
	html body h2.orion-testp__title,
	h2.orion-testp__title {
		margin-bottom: 60px;
		font-size: 60px;
		line-height: 70px;
	}
}

/* Paired rows — full-width border-t (HTML), divide-y on mobile */
.orion-testp__row {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: space-between;
	border-top: 1px solid rgba(0, 0, 0, 0.15);
}
.orion-testp__row > .orion-testp__item + .orion-testp__item {
	border-top: 1px solid rgba(0, 0, 0, 0.15);
}
@media (min-width: 992px) {
	.orion-testp__row {
		flex-direction: row;
		gap: 60px;
	}
	.orion-testp__row > .orion-testp__item + .orion-testp__item {
		border-top: 0;
	}
}
@media (min-width: 1199px) { .orion-testp__row { gap: 90px; } }
/* HTML has no 1xl gap override — stays xl:90 until 2xl:100 */
@media (min-width: 1752px) { .orion-testp__row { gap: 100px; } }

.orion-testp__item {
	display: flex;
	flex-direction: column;
	align-items: center;
	text-align: center;
	gap: 18px;
	padding: 32px 0;
	width: 100%;
	background: #fff;
	box-sizing: border-box;
}
@media (min-width: 640px) {
	.orion-testp__item {
		flex-direction: row;
		align-items: flex-start;
		text-align: left;
		gap: 24px;
	}
}
@media (min-width: 992px) {
	.orion-testp__item { width: 50%; }
}
/* HTML: xl:py-[45px] 1xl:py-[50px] 2xl:py-[55px]; gap 1xl:gap-8 2xl:gap-10 */
@media (min-width: 1199px) {
	.orion-testp__item { padding: 45px 0; gap: 24px; }
}
@media (min-width: 1380px) {
	.orion-testp__item { padding: 50px 0; gap: 32px; }
}
@media (min-width: 1752px) {
	.orion-testp__item { padding: 55px 0; gap: 40px; }
}

.orion-testp__avatar {
	flex-shrink: 0;
	width: 85px;
	height: 85px;
	border-radius: 50%;
	overflow: hidden;
}
@media (min-width: 1199px) { .orion-testp__avatar { width: 100px; height: 100px; } }
@media (min-width: 1380px) { .orion-testp__avatar { width: 105px; height: 105px; } }
@media (min-width: 1752px) { .orion-testp__avatar { width: 120px; height: 120px; } }
.orion-testp__avatar img {
	width: 100%;
	height: 100% !important;
	object-fit: cover;
	display: block;
}

.orion-testp__body { flex: 1; min-width: 0; width: 100%; }

/* head: mb-4 / sm:mb-3 / 1xl:mb-4 / 2xl:mb-5 */
.orion-testp__head {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 12px;
	margin-bottom: 16px;
}
@media (min-width: 640px) {
	.orion-testp__head {
		flex-direction: row;
		align-items: center;
		justify-content: space-between;
		gap: 16px;
		margin-bottom: 12px;
	}
}
@media (min-width: 1380px) { .orion-testp__head { margin-bottom: 16px; } }
@media (min-width: 1752px) { .orion-testp__head { margin-bottom: 20px; } }

/* h4: text-xl / md:text-2xl(22) / xl:24 / 2xl:30 */
html body .orion-testp__name,
.orion-testp__name {
	margin: 0;
	font-family: "El Messiri", var(--orion-font-heading, serif);
	font-weight: 500;
	font-size: 20px;
	line-height: 28px;
	color: #000;
	text-transform: none;
}
@media (min-width: 769px) {
	html body .orion-testp__name,
	.orion-testp__name { font-size: 22px; line-height: 28px; }
}
@media (min-width: 1199px) {
	html body .orion-testp__name,
	.orion-testp__name { font-size: 24px; line-height: 32px; }
}
@media (min-width: 1380px) {
	html body .orion-testp__name,
	.orion-testp__name { line-height: 36px; }
}
@media (min-width: 1752px) {
	html body .orion-testp__name,
	.orion-testp__name { font-size: 30px; line-height: 42px; }
}

.orion-testp__company {
	margin: 0;
	font-family: Lexend, sans-serif;
	font-weight: 300;
	font-size: 14px;
	line-height: 23px;
	color: #000;
}
@media (min-width: 992px) {
	.orion-testp__company { font-size: 15px; line-height: 25px; }
}
@media (min-width: 1199px) { .orion-testp__company { line-height: 26px; } }
@media (min-width: 1380px) { .orion-testp__company { line-height: 28px; } }
@media (min-width: 1752px) {
	.orion-testp__company { font-size: 18px; line-height: 32px; }
}

.orion-testp__stars {
	display: flex;
	align-items: center;
	gap: 5px;
	flex-shrink: 0;
}
.orion-testp__star {
	width: 18px;
	height: 18px;
	display: block;
}
@media (min-width: 640px)  { .orion-testp__star { width: 20px; height: 20px; } }
@media (min-width: 1380px) { .orion-testp__star { width: 22px; height: 22px; } }

/* h6 + font-lexend font-medium: 15 / sm 16 / lg 17 / xl 18 / 2xl 22; xl:leading-2xl (32) */
html body .orion-testp__quote-title,
.orion-testp__quote-title {
	margin: 0 0 12px;
	font-family: Lexend, var(--orion-font-body, sans-serif);
	font-weight: 500;
	font-size: 15px;
	line-height: 1.375;
	letter-spacing: normal;
	text-transform: none;
	color: #000;
	text-align: center;
}
@media (min-width: 640px) {
	html body .orion-testp__quote-title,
	.orion-testp__quote-title {
		font-size: 16px;
		text-align: start;
	}
}
@media (min-width: 992px) {
	html body .orion-testp__quote-title,
	.orion-testp__quote-title { font-size: 17px; }
}
@media (min-width: 1199px) {
	html body .orion-testp__quote-title,
	.orion-testp__quote-title {
		font-size: 18px;
		line-height: 32px;
	}
}
@media (min-width: 1380px) {
	html body .orion-testp__quote-title,
	.orion-testp__quote-title { margin-bottom: 16px; }
}
@media (min-width: 1752px) {
	html body .orion-testp__quote-title,
	.orion-testp__quote-title {
		font-size: 22px;
		line-height: 32px;
	}
}

.orion-testp__quote {
	margin: 0;
	font-family: Lexend, sans-serif;
	font-weight: 400;
	font-size: 14px;
	line-height: 23px;
	color: #372f2f;
	text-align: center;
}
@media (min-width: 640px) {
	.orion-testp__quote { text-align: start; }
}
@media (min-width: 992px) {
	.orion-testp__quote { font-size: 15px; line-height: 25px; }
}
@media (min-width: 1199px) { .orion-testp__quote { line-height: 26px; } }
@media (min-width: 1380px) { .orion-testp__quote { line-height: 28px; } }
@media (min-width: 1752px) {
	.orion-testp__quote { font-size: 18px; line-height: 32px; }
}

/* Load More — mt-9 / md:mt-12 / lg:mt-15 / 1xl:mt-17 / 2xl:mt-20 */
.orion-testp__load {
	display: flex;
	justify-content: center;
	margin-top: 36px;
}
@media (min-width: 769px)  { .orion-testp__load { margin-top: 48px; } }
@media (min-width: 992px)  { .orion-testp__load { margin-top: 60px; } }
@media (min-width: 1380px) { .orion-testp__load { margin-top: 68px; } }
@media (min-width: 1752px) { .orion-testp__load { margin-top: 80px; } }

.orion-testp__load-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	cursor: pointer;
}

/* Spinner hidden until .is-loading — same pattern as blog listing. */
.orion-testp__load-spinner,
.orion-testp__load-btn .animate-spin {
	display: none;
	flex-shrink: 0;
	width: 21px;
	height: 21px;
}

.orion-testp__load-btn.is-loading {
	opacity: 0.7;
	pointer-events: none;
}

.orion-testp__load-btn.is-loading .orion-testp__load-spinner,
.orion-testp__load-btn.is-loading .animate-spin {
	display: inline-block;
	animation: orion-testp-spin 0.8s linear infinite;
}

@keyframes orion-testp-spin {
	to { transform: rotate(360deg); }
}

.orion-testp__load-error {
	color: #c0392b;
	font-size: 14px;
	text-align: center;
	margin: 12px 0 0;
}

.orion-testp__load-done {
	color: #666;
	font-size: 14px;
	text-align: center;
	margin: 12px 0 0;
}