/* Orion Team — matches the real ".team-section" / ".team-member" markup
   exactly, using this project's real breakpoints:
   sm=640, md=769, lg=992, xl=1199, 1xl=1380, 2xl=1752. */
.orion-team {
	width: 100%;
	position: relative;
	z-index: 1;
	margin-bottom: 32px;
}
@media (min-width: 769px) { .orion-team { margin-bottom: 50px; } }
@media (min-width: 992px) { .orion-team { margin-bottom: 60px; } }
@media (min-width: 1380px) { .orion-team { margin-bottom: 80px; } }
@media (min-width: 1752px) { .orion-team { margin-bottom: 100px; } }

.orion-team-content-container {
	width: 100%;
	margin: 0 auto;
	padding: 0 16px;
}
@media (min-width: 640px) { .orion-team-content-container { max-width: 640px; } }
@media (min-width: 769px) { .orion-team-content-container { max-width: 769px; } }
@media (min-width: 992px) { .orion-team-content-container { max-width: 992px; } }
@media (min-width: 1199px) { .orion-team-content-container { max-width: 1199px; } }
@media (min-width: 1380px) { .orion-team-content-container { max-width: 1380px; } }
@media (min-width: 1752px) { .orion-team-content-container { max-width: 1752px; } }

.orion-team__header {
	display: block;
	padding-bottom: 16px;
	margin-bottom: 30px;
	border-bottom: 1px solid rgba(0, 0, 0, 0.3);
}
@media (min-width: 640px) {
	.orion-team__header {
		display: flex;
		align-items: center;
		justify-content: space-between;
		padding-bottom: 24px;
		margin-bottom: 34px;
	}
}
@media (min-width: 769px) { .orion-team__header { padding-bottom: 30px; margin-bottom: 42px; } }
@media (min-width: 1380px) { .orion-team__header { margin-bottom: 50px; } }
@media (min-width: 1752px) { .orion-team__header { margin-bottom: 60px; } }

/* HTML global h2 schedule (home + listing). */
html body h2.orion-team__section-title,
.orion-team__section-title {
	margin: 0;
	font-family: var(--orion-font-heading, "El Messiri", serif) !important;
	font-weight: 500 !important;
	font-size: 26px !important;
	line-height: 36px !important;
	letter-spacing: normal !important;
	text-transform: none !important;
}
@media (min-width: 640px) {
	html body h2.orion-team__section-title,
	.orion-team__section-title { font-size: 30px !important; line-height: 40px !important; }
}
@media (min-width: 769px) {
	html body h2.orion-team__section-title,
	.orion-team__section-title { font-size: 35px !important; line-height: 40px !important; }
}
@media (min-width: 1199px) {
	html body h2.orion-team__section-title,
	.orion-team__section-title { font-size: 40px !important; line-height: 50px !important; }
}
@media (min-width: 1380px) {
	html body h2.orion-team__section-title,
	.orion-team__section-title { font-size: 46px !important; line-height: 55px !important; }
}
@media (min-width: 1752px) {
	html body h2.orion-team__section-title,
	.orion-team__section-title { font-size: 60px !important; line-height: 70px !important; }
}

.orion-team__viewall-wrap { display: none; width: fit-content; align-items: center; justify-content: flex-end; }
@media (min-width: 640px) { .orion-team__viewall-wrap { display: flex; } }

.orion-team__viewall-mobile { display: flex; align-items: center; justify-content: space-between; margin-top: 24px; }
@media (min-width: 640px) { .orion-team__viewall-mobile { display: none; } }

/* The theme's generic .btn loads after the utility sheet and flattens padding,
   so the reference schedule has to be restated on the component itself. */
.orion-team__viewall-btn {
	display: flex;
	align-items: center;
	justify-content: center;
	width: fit-content;
	white-space: nowrap;
	text-align: start;
	font-family: Lexend, sans-serif;
	font-weight: 400;
	line-height: 24px;
	letter-spacing: normal;
	padding: 5px 16px;
}
@media (min-width: 640px) { .orion-team__viewall-btn { padding: 8px 20px; } }
@media (min-width: 1199px) { .orion-team__viewall-btn { padding: 10px 28px; } }
@media (min-width: 1380px) { .orion-team__viewall-btn { padding: 10px 34px; } }
@media (min-width: 1752px) { .orion-team__viewall-btn { padding: 12px 40px; } }

/* Swiper */
.orion-team-swiper { width: 100%; overflow: hidden; }

/* Staggered "brick" offset on even cards, matching the real design */
.orion-team-swiper .swiper-slide:nth-child(even) .orion-team-member { margin-top: 0; }

.orion-team-member-inner { position: relative; cursor: pointer; }

.orion-team-member-image-box {
	position: relative;
	overflow: hidden;
}
.orion-team-member-image-box::before { content: ''; display: block; padding-top: 316px; }
@media (min-width: 375px) { .orion-team-member-image-box::before { padding-top: 375px; } }
@media (min-width: 640px) { .orion-team-member-image-box::before { padding-top: 350px; } }
@media (min-width: 769px) { .orion-team-member-image-box::before { padding-top: 400px; } }
@media (min-width: 992px) { .orion-team-member-image-box::before { padding-top: 360px; } }
@media (min-width: 1199px) { .orion-team-member-image-box::before { padding-top: 335px; } }
@media (min-width: 1380px) { .orion-team-member-image-box::before { padding-top: 375px; } }
@media (min-width: 1752px) { .orion-team-member-image-box::before { padding-top: 440px; } }

/* Compound selector (2 classes) needed to beat Elementor's global
   ".elementor img{height:auto;max-width:100%}" reset (0,1,1 specificity). */
.orion-team-member-image-box .orion-team-member-img {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100% !important;
	object-fit: cover;
	max-width: none;
	filter: grayscale(1);
	transition: all 0.5s ease;
}

.orion-team-member-placeholder {
	position: absolute;
	inset: 0;
	background: #e8e8e8;
}

/* Dark overlay, slides up + fades in on hover */
.orion-team-member-overlay {
	position: absolute;
	inset: 0;
	background: rgba(0, 0, 0, 0.4);
	opacity: 0;
	transform: translateY(100%);
	transition: all 0.15s cubic-bezier(0.4, 0, 0.2, 1);
	cursor: auto;
}
.orion-team-member-inner:hover .orion-team-member-overlay { opacity: 1; transform: translateY(0); }

/* Social icons — positioned wrapper; each icon itself reuses the real
   global ".member-social" component class for its circle/hover styling. */
.orion-team-member-social {
	position: absolute;
	top: 22px;
	right: 15px;
	display: flex;
	flex-direction: column;
	gap: 10px;
	z-index: 10;
}
@media (min-width: 640px) { .orion-team-member-social { right: 22px; } }
@media (min-width: 1380px) { .orion-team-member-social { top: 24px; right: 24px; gap: 12px; } }
@media (min-width: 1752px) { .orion-team-member-social { top: 30px; right: 30px; gap: 15px; } }

/* Always on for touch widths; hover-reveal from 992px up, matching the info block. */
.orion-team-member-social { opacity: 1; transition: all 0.5s ease; }
@media (min-width: 992px) {
	.orion-team-member-social { opacity: 0; }
	.orion-team-member-inner:hover .orion-team-member-social { opacity: 1; }
}

/* Tailwind ships ".member-social" inside @layer utilities, and unlayered CSS wins
   over layered CSS whatever the specificity. So the theme's "a"/"a:hover" and
   Elementor's ".elementor a" were stripping the circle's shadow and hijacking the
   hover colour. Restate the reference's values here, unlayered. */
.orion-team-member-social .member-social {
	color: var(--orion-primary);
	background-color: #fff;
	box-shadow: none;
	transition: all 0.15s cubic-bezier(0.4, 0, 0.2, 1);
}
@media (hover: hover) {
	.orion-team-member-social .member-social:hover {
		color: #fff;
		background-color: var(--orion-primary);
	}
}

.orion-team-member-social .member-social:nth-child(1) { transition-delay: 0ms; }
.orion-team-member-social .member-social:nth-child(2) { transition-delay: 100ms; }
.orion-team-member-social .member-social:nth-child(3) { transition-delay: 150ms; }
.orion-team-member-social .member-social:nth-child(4) { transition-delay: 200ms; }
/* Fixed icon sizes, as in the reference; the X glyph runs a size larger. */
.orion-team-member-social .member-social svg { width: 15px; height: 15px; }
.orion-team-member-social .member-social:nth-child(2) svg { width: 17px; height: 15px; }
@media (min-width: 640px) {
	.orion-team-member-social .member-social svg { width: 18px; height: 18px; }
	.orion-team-member-social .member-social:nth-child(2) svg { width: 19px; height: 19px; }
}
@media (min-width: 1752px) {
	.orion-team-member-social .member-social svg { width: 20px; height: 20px; }
	.orion-team-member-social .member-social:nth-child(2) svg { width: 21px; height: 21px; }
}

/* Name + role — always visible on mobile/tablet; hover-reveal at lg+ */
.orion-team-member-info {
	display: flex;
	flex-direction: column;
	position: absolute;
	bottom: 18px;
	left: 18px;
}
@media (min-width: 1380px) { .orion-team-member-info { bottom: 24px; left: 24px; } }
@media (min-width: 1752px) { .orion-team-member-info { bottom: 28px; left: 28px; } }
@media (min-width: 992px) {
	.orion-team-member-info {
		transform: translateY(8px);
		opacity: 0;
		transition: all 0.5s ease;
	}
	.orion-team-member-inner:hover .orion-team-member-info { transform: translateY(0); opacity: 1; }
}

.orion-team-member-name-link { width: fit-content; }

/* team-2.html: h5.h4.font-light — 20 → 22@md → 24@xl / 30@2xl */
html body h5.orion-team-member-name,
.orion-team-member-name {
	margin: 0;
	color: #fff;
	font-family: var(--orion-font-heading, "El Messiri", serif) !important;
	font-weight: 300 !important;
	font-size: 20px !important;
	line-height: 28px !important;
	text-transform: none !important;
	letter-spacing: normal !important;
	transition: all 0.15s ease-in-out;
}
@media (min-width: 769px) {
	html body h5.orion-team-member-name,
	.orion-team-member-name { font-size: 22px !important; line-height: 28px !important; }
}
@media (min-width: 992px) {
	.orion-team-member-name-link:hover .orion-team-member-name { transform: translateX(8px); }
}
@media (min-width: 1199px) {
	html body h5.orion-team-member-name,
	.orion-team-member-name { font-size: 24px !important; line-height: 32px !important; }
}
@media (min-width: 1380px) {
	html body h5.orion-team-member-name,
	.orion-team-member-name { line-height: 36px !important; }
}
@media (min-width: 1752px) {
	html body h5.orion-team-member-name,
	.orion-team-member-name { font-size: 30px !important; line-height: 42px !important; }
}

/* team-2.html: p.text-white inherits Lexend light + leading-md */
.orion-team-member-role {
	margin: 0;
	color: #fff;
	font-family: Lexend, sans-serif;
	font-weight: 300;
	font-size: 14px;
	line-height: 26px;
}
@media (min-width: 992px)  { .orion-team-member-role { font-size: 15px; line-height: 26px; } }
@media (min-width: 1380px) { .orion-team-member-role { line-height: 28px; } }
@media (min-width: 1752px) { .orion-team-member-role { font-size: 18px; line-height: 32px; } }

.orion-team__no-members { text-align: center; padding: 60px 20px; color: #666; font-size: 18px; }

/* Style1 grid mode — team-2.html static grid listing (same card design as
   the slider, but a flat 113% aspect-ratio image box instead of the
   slider's per-breakpoint px height, and a real grid-cols/gap schedule). */
.orion-team__grid {
	display: grid;
	grid-template-columns: 1fr;
	gap: 30px;
}
@media (min-width: 640px)  { .orion-team__grid { grid-template-columns: repeat(2, 1fr); } }
@media (min-width: 992px)  { .orion-team__grid { grid-template-columns: repeat(3, 1fr); gap: 28px; } }
@media (min-width: 1199px) { .orion-team__grid { grid-template-columns: repeat(4, 1fr); gap: 32px; } }
@media (min-width: 1380px) { .orion-team__grid { gap: 45px; } }
@media (min-width: 1752px) { .orion-team__grid { gap: 55px; } }

.orion-team__grid .orion-team-member-image-box::before { padding-top: 113%; }

.orion-team__load-more-wrap {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 10px;
	margin-top: 40px;
}
@media (min-width: 992px) { .orion-team__load-more-wrap { margin-top: 60px; } }

.orion-team__load-more .animate-spin { display: none; }
.orion-team__load-more.is-loading .animate-spin { display: inline-block; animation: orion-team-spin 0.8s linear infinite; }
.orion-team__load-more:disabled { opacity: 0.7; cursor: not-allowed; }

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

.orion-team__load-more-error { color: #d9534f; text-align: center; margin: 0; }
.orion-team__load-more-done { color: #666; text-align: center; margin: 0; }

@media (prefers-reduced-motion: reduce) {
	.orion-team-member-img,
	.orion-team-member-overlay,
	.orion-team-member-info,
	.orion-team-member-name { transition: none; }
}

/* ── Layout 4 — index-4.html "Professional Team" (grid, always-visible
   icons) — real breakpoints: sm=640, md=769, lg=992, xl=1199, 1xl=1380,
   2xl=1752. ─────────────────────────────────────────────────────────── */

/*
 * Elementor ≤767px sets `.e-con.e-flex { flex-wrap: wrap }` via
 * `--flex-wrap-mobile`. With `flex-direction: column` that collapses the
 * container's used height, so the blog section overlaps the team grid on
 * mobile/tablet. Force nowrap for this single-widget container.
 */
.e-con.e-flex:has(> .elementor-widget-orion-team) {
	--flex-wrap: nowrap;
	flex-wrap: nowrap;
}
.elementor-widget-orion-team > .elementor-widget-container {
	height: auto;
}

.orion-team4 {
	width: 100%;
	background-color: #EFEFEF;
	border-radius: 0;
	padding: 40px 0;
	margin-bottom: 40px;
}
@media (min-width: 640px)  { .orion-team4 { padding: 50px 0; margin-bottom: 50px; } }
@media (min-width: 992px)  { .orion-team4 { padding: 70px 0; margin-bottom: 70px; } }
@media (min-width: 1380px) { .orion-team4 { padding: 80px 0; } }
@media (min-width: 1752px) { .orion-team4 { padding: 90px 0; margin-bottom: 100px; } }

.orion-team4__container {
	width: 100%;
	margin: 0 auto;
	padding: 0 16px;
}
@media (min-width: 640px)  { .orion-team4__container { max-width: 640px; } }
@media (min-width: 769px)  { .orion-team4__container { max-width: 769px; } }
@media (min-width: 992px)  { .orion-team4__container { max-width: 992px; } }
@media (min-width: 1199px) { .orion-team4__container { max-width: 1199px; } }
@media (min-width: 1380px) { .orion-team4__container { max-width: 1380px; } }
@media (min-width: 1752px) { .orion-team4__container { max-width: 1752px; } }

.orion-team4__header {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 20px;
	margin-bottom: 20px;
}
@media (min-width: 640px)  {
	.orion-team4__header {
		flex-direction: row;
		align-items: center;
		justify-content: space-between;
		margin-bottom: 28px;
	}
}
@media (min-width: 769px)  { .orion-team4__header { margin-bottom: 36px; } }
@media (min-width: 1199px) { .orion-team4__header { margin-bottom: 55px; } }

/* HTML header CTA: `sm:!flex !hidden` */
.orion-team4__viewall { display: none; }
@media (min-width: 640px) { .orion-team4__viewall { display: inline-flex; } }

/* HTML mobile CTA under grid: `sm:hidden flex mt-6` */
.orion-team4__viewall-mobile {
	display: flex;
	margin-top: 24px;
}
@media (min-width: 640px) { .orion-team4__viewall-mobile { display: none; } }

h2.orion-team4__title {
	margin: 0;
	color: #000;
	font-family: "El Messiri", serif;
	font-weight: 500;
	font-size: 26px;
	line-height: 36px;
}
@media (min-width: 640px)  { h2.orion-team4__title { font-size: 30px; line-height: 40px; } }
@media (min-width: 769px)  { h2.orion-team4__title { font-size: 35px; line-height: 40px; } }
@media (min-width: 1199px) { h2.orion-team4__title { font-size: 40px; line-height: 50px; } }
@media (min-width: 1380px) { h2.orion-team4__title { font-size: 46px; line-height: 55px; } }
@media (min-width: 1752px) { h2.orion-team4__title { font-size: 60px; line-height: 70px; } }

.orion-team4__grid {
	display: grid;
	grid-template-columns: 1fr;
	gap: 30px;
}
@media (min-width: 640px)  { .orion-team4__grid { grid-template-columns: repeat(2, 1fr); gap: 40px; } }
@media (min-width: 992px)  { .orion-team4__grid { grid-template-columns: repeat(4, 1fr); gap: 28px; } }
@media (min-width: 1199px) { .orion-team4__grid { gap: 36px; } }
@media (min-width: 1380px) { .orion-team4__grid { gap: 45px; } }
@media (min-width: 1752px) { .orion-team4__grid { gap: 55px; } }

.orion-team4__link { display: block; }

.orion-team4__img-wrap {
	position: relative;
	overflow: hidden;
	margin-bottom: 18px;
}
.orion-team4__img-wrap::before { content: ''; display: block; padding-top: 100%; }
@media (min-width: 640px) { .orion-team4__img-wrap::before { padding-top: 104%; } }
@media (min-width: 640px)  { .orion-team4__img-wrap { margin-bottom: 20px; } }
@media (min-width: 1199px) { .orion-team4__img-wrap { margin-bottom: 24px; } }

.orion-team4__img {
	position: absolute;
	inset: 0;
	top: 0;
	left: 0;
	width: 100%;
	height: 100% !important;
	object-fit: cover;
	max-width: none;
}

/* HTML about-us / team: h5.font-normal — 19 → 22@sm → 25@2xl */
html body h5.orion-team4__name,
.orion-team4__name {
	margin: 0;
	text-align: left;
	font-family: var(--orion-font-heading, "El Messiri", serif) !important;
	font-weight: 400 !important;
	font-size: 19px !important;
	line-height: 26px !important;
	text-transform: none !important;
	transition: color 0.2s ease-in-out;
}
@media (min-width: 640px)  {
	html body h5.orion-team4__name,
	.orion-team4__name { font-size: 22px !important; line-height: 26px !important; }
}
@media (min-width: 769px)  {
	html body h5.orion-team4__name,
	.orion-team4__name { line-height: 30px !important; }
}
@media (min-width: 992px)  {
	html body h5.orion-team4__name,
	.orion-team4__name { line-height: 30px !important; }
}
@media (min-width: 1752px) {
	html body h5.orion-team4__name,
	.orion-team4__name { font-size: 25px !important; line-height: 35px !important; }
}
.orion-team4__member:hover .orion-team4__name { color: var(--orion-primary); }

/* HTML: inherits Lexend font-light + text-dark-400 (#4e4e4e) + leading-md (26) */
.orion-team4__role {
	margin: 0;
	color: #4e4e4e;
	text-align: start;
	font-family: Lexend, sans-serif;
	font-weight: 300;
	font-size: 14px;
	line-height: 26px;
}
@media (min-width: 992px)  { .orion-team4__role { font-size: 15px; line-height: 26px; } }
@media (min-width: 1380px) { .orion-team4__role { line-height: 28px; } }
@media (min-width: 1752px) { .orion-team4__role { font-size: 18px; line-height: 32px; } }

.orion-team4__social {
	display: flex;
	flex-direction: row;
	gap: 10px;
	margin-top: 16px;
}
@media (min-width: 1380px) { .orion-team4__social { gap: 15px; margin-top: 18px; } }
@media (min-width: 1752px) { .orion-team4__social { gap: 18px; margin-top: 22px; } }

.orion-team4__social-btn {
	flex-shrink: 0;
	width: 40px;
	height: 40px;
	padding: 4px;
	border-radius: 9999px;
	background-color: var(--orion-primary);
	color: #fff;
	border: 1px solid var(--orion-primary);
	box-sizing: border-box;
	display: flex;
	align-items: center;
	justify-content: center;
	overflow: hidden;
	text-decoration: none;
	/* Match HTML team.html btn-primary hover invert */
	transition: all 0.15s cubic-bezier(0.4, 0, 0.2, 1);
}
@media (min-width: 640px)  { .orion-team4__social-btn { width: 42px; height: 42px; } }
@media (min-width: 992px)  { .orion-team4__social-btn { width: 37px; height: 37px; } }
@media (min-width: 1199px) { .orion-team4__social-btn { width: 40px; height: 40px; } }
@media (min-width: 1752px) { .orion-team4__social-btn { width: 50px; height: 50px; } }
.orion-team4__social-btn:hover,
.orion-team4__social-btn:focus,
.orion-team4__social-btn:active {
	background-color: var(--orion-white, #fff);
	color: var(--orion-primary);
	border-color: var(--orion-primary);
	opacity: 1;
}
.orion-team4__social-btn svg { width: 45%; height: 45%; }

/* ─── Team listing pages (team.html / team-2.html) via data-load-more ───
   White page, container py 34/38/60/70, listing title schedule, LM margins.
   Home Style-4 / Style-1 slider keep their own section chrome. */

/* Kill Elementor parent container padding so width matches HTML .container. */
.e-con.e-flex:has(> .elementor-widget-orion-team) {
	--padding-top: 0px;
	--padding-right: 0px;
	--padding-bottom: 0px;
	--padding-left: 0px;
	padding: 0;
}

/* ── Style-1 listing (team-2.html): style1 + grid + load more ─────────── */
.orion-team[data-load-more] {
	background-color: #fff;
	padding: 0;
	margin-bottom: 0;
	border-radius: 0;
}

.orion-team[data-load-more] .orion-team-content-container {
	padding-top: 34px;
	padding-bottom: 34px;
}
@media (min-width: 640px) {
	.orion-team[data-load-more] .orion-team-content-container {
		padding-top: 38px;
		padding-bottom: 38px;
	}
}
@media (min-width: 769px) {
	.orion-team[data-load-more] .orion-team-content-container {
		padding-top: 60px;
		padding-bottom: 60px;
	}
}
@media (min-width: 1199px) {
	.orion-team[data-load-more] .orion-team-content-container {
		padding-top: 70px;
		padding-bottom: 70px;
	}
}

/* Listing header is a plain h2 (no home border / view-all row). */
.orion-team[data-load-more] .orion-team__header {
	display: block;
	padding: 0;
	margin: 0;
	border: 0;
}

.orion-team[data-load-more] .orion-team__section-title {
	display: block;
	width: 100%;
	margin: 0 0 20px;
	padding: 0;
	color: #000;
	text-align: center;
	font-family: var(--orion-font-heading, "El Messiri", serif);
	font-weight: 500;
	font-size: 26px;
	line-height: 36px;
	letter-spacing: normal;
}
@media (min-width: 640px) {
	.orion-team[data-load-more] .orion-team__section-title {
		margin-bottom: 24px;
		text-align: start;
		font-size: 30px;
		line-height: 40px;
	}
}
@media (min-width: 769px) {
	.orion-team[data-load-more] .orion-team__section-title {
		margin-bottom: 32px;
		font-size: 35px;
		line-height: 40px;
	}
}
@media (min-width: 1199px) {
	.orion-team[data-load-more] .orion-team__section-title {
		margin-bottom: 40px;
		font-size: 40px;
		line-height: 50px;
	}
}
@media (min-width: 1380px) {
	.orion-team[data-load-more] .orion-team__section-title {
		margin-bottom: 50px;
		font-size: 46px;
		line-height: 55px;
	}
}
@media (min-width: 1752px) {
	.orion-team[data-load-more] .orion-team__section-title {
		margin-bottom: 60px;
		font-size: 60px;
		line-height: 70px;
	}
}

.orion-team[data-load-more] .orion-team__viewall-wrap,
.orion-team[data-load-more] .orion-team__viewall-mobile {
	display: none;
}

/* ── Style-4 listing (team.html): always-visible icons ────────────────── */
.orion-team4[data-load-more] {
	background-color: #fff;
	padding: 0;
	margin-bottom: 0;
	border-radius: 0;
}

.orion-team4[data-load-more] .orion-team4__container {
	padding-top: 34px;
	padding-bottom: 34px;
}
@media (min-width: 640px) {
	.orion-team4[data-load-more] .orion-team4__container {
		padding-top: 38px;
		padding-bottom: 38px;
	}
}
@media (min-width: 769px) {
	.orion-team4[data-load-more] .orion-team4__container {
		padding-top: 60px;
		padding-bottom: 60px;
	}
}
@media (min-width: 1199px) {
	.orion-team4[data-load-more] .orion-team4__container {
		padding-top: 70px;
		padding-bottom: 70px;
	}
}

.orion-team4[data-load-more] .orion-team4__header {
	display: block;
	margin: 0;
	gap: 0;
}

.orion-team4[data-load-more] .orion-team4__title {
	display: block;
	width: 100%;
	margin: 0 0 20px;
	color: #000;
	text-align: center;
	font-family: var(--orion-font-heading, "El Messiri", serif);
	font-weight: 500;
	font-size: 26px;
	line-height: 36px;
}
@media (min-width: 640px) {
	.orion-team4[data-load-more] .orion-team4__title {
		margin-bottom: 24px;
		text-align: start;
		font-size: 30px;
		line-height: 40px;
	}
}
@media (min-width: 769px) {
	.orion-team4[data-load-more] .orion-team4__title {
		margin-bottom: 32px;
		font-size: 35px;
		line-height: 40px;
	}
}
@media (min-width: 1199px) {
	.orion-team4[data-load-more] .orion-team4__title {
		margin-bottom: 40px;
		font-size: 40px;
		line-height: 50px;
	}
}
@media (min-width: 1380px) {
	.orion-team4[data-load-more] .orion-team4__title {
		margin-bottom: 50px;
		font-size: 46px;
		line-height: 55px;
	}
}
@media (min-width: 1752px) {
	.orion-team4[data-load-more] .orion-team4__title {
		margin-bottom: 60px;
		font-size: 60px;
		line-height: 70px;
	}
}

.orion-team4[data-load-more] .orion-team4__viewall,
.orion-team4[data-load-more] .orion-team4__viewall-mobile {
	display: none;
}

/* team.html grid: 1 / sm:2 / md:3 / lg:4 + gap schedule */
.orion-team4[data-load-more] .orion-team4__grid {
	grid-template-columns: 1fr;
	gap: 30px;
}
@media (min-width: 640px) {
	.orion-team4[data-load-more] .orion-team4__grid {
		grid-template-columns: repeat(2, 1fr);
		gap: 30px;
	}
}
@media (min-width: 769px) {
	.orion-team4[data-load-more] .orion-team4__grid {
		grid-template-columns: repeat(3, 1fr);
		gap: 30px;
	}
}
@media (min-width: 992px) {
	.orion-team4[data-load-more] .orion-team4__grid {
		grid-template-columns: repeat(4, 1fr);
		gap: 28px;
	}
}
@media (min-width: 1199px) { .orion-team4[data-load-more] .orion-team4__grid { gap: 36px; } }
@media (min-width: 1380px) { .orion-team4[data-load-more] .orion-team4__grid { gap: 45px; } }
@media (min-width: 1752px) { .orion-team4[data-load-more] .orion-team4__grid { gap: 55px; } }

/* team.html image: before:pt-[96%] sm:before:pt-[104%]; mb-4 / 1xl:mb-6 */
.orion-team4[data-load-more] .orion-team4__img-wrap {
	margin-bottom: 16px;
}
.orion-team4[data-load-more] .orion-team4__img-wrap::before {
	padding-top: 96%;
}
@media (min-width: 640px) {
	.orion-team4[data-load-more] .orion-team4__img-wrap::before { padding-top: 104%; }
	.orion-team4[data-load-more] .orion-team4__img-wrap { margin-bottom: 16px; }
}
@media (min-width: 1380px) {
	.orion-team4[data-load-more] .orion-team4__img-wrap { margin-bottom: 24px; }
}

.orion-team4[data-load-more] .orion-team4__name {
	color: #000;
	text-align: start;
}
.orion-team4[data-load-more] .orion-team4__member:hover .orion-team4__name {
	color: var(--orion-primary);
}

.orion-team4[data-load-more] .orion-team4__role {
	color: #4e4e4e;
}

/* Social: mt-3 / xl:mt-[18px] / 2xl:mt-[22px]; gap 10 / 1xl:15 / 2xl:18
   sizes w-[35] / xl:40 / 2xl:48 */
.orion-team4[data-load-more] .orion-team4__social {
	margin-top: 12px;
	gap: 10px;
}
@media (min-width: 1199px) {
	.orion-team4[data-load-more] .orion-team4__social { margin-top: 18px; gap: 10px; }
}
@media (min-width: 1380px) {
	.orion-team4[data-load-more] .orion-team4__social { gap: 15px; margin-top: 18px; }
}
@media (min-width: 1752px) {
	.orion-team4[data-load-more] .orion-team4__social { gap: 18px; margin-top: 22px; }
}

.orion-team4[data-load-more] .orion-team4__social-btn {
	width: 35px;
	height: 35px;
	padding: 4px;
}
@media (min-width: 1199px) {
	.orion-team4[data-load-more] .orion-team4__social-btn { width: 40px; height: 40px; }
}
@media (min-width: 1752px) {
	.orion-team4[data-load-more] .orion-team4__social-btn { width: 48px; height: 48px; }
}
.orion-team4[data-load-more] .orion-team4__social-btn svg {
	width: 18px;
	height: 18px;
}
@media (min-width: 1199px) {
	.orion-team4[data-load-more] .orion-team4__social-btn svg { width: 20px; height: 20px; }
}
@media (min-width: 1752px) {
	.orion-team4[data-load-more] .orion-team4__social-btn svg { width: 22px; height: 22px; }
}

/* Load More — HTML mt-9 / md:mt-12 / lg:mt-15 / 1xl:mt-17 / 2xl:mt-20
   Spinner stays visible like the static HTML reference. */
.orion-team[data-load-more] .orion-team__load-more-wrap,
.orion-team4[data-load-more] .orion-team__load-more-wrap {
	margin-top: 36px;
	gap: 0;
}
@media (min-width: 769px) {
	.orion-team[data-load-more] .orion-team__load-more-wrap,
	.orion-team4[data-load-more] .orion-team__load-more-wrap { margin-top: 48px; }
}
@media (min-width: 992px) {
	.orion-team[data-load-more] .orion-team__load-more-wrap,
	.orion-team4[data-load-more] .orion-team__load-more-wrap { margin-top: 60px; }
}
@media (min-width: 1380px) {
	.orion-team[data-load-more] .orion-team__load-more-wrap,
	.orion-team4[data-load-more] .orion-team__load-more-wrap { margin-top: 68px; }
}
@media (min-width: 1752px) {
	.orion-team[data-load-more] .orion-team__load-more-wrap,
	.orion-team4[data-load-more] .orion-team__load-more-wrap { margin-top: 80px; }
}

.orion-team[data-load-more] .orion-team__load-more-done,
.orion-team4[data-load-more] .orion-team__load-more-done {
	display: none;
}