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

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

.orion-why__header { margin-bottom: 20px; }

/* HTML global h2 schedule (not customizer --orion-h1-size). */
h2.orion-why__title {
	margin: 0 0 4px;
	font-family: "El Messiri", serif;
	font-weight: 500;
	color: #000;
	font-size: 26px;
	line-height: 36px;
}
@media (min-width: 640px) {
	h2.orion-why__title { margin-bottom: 12px; font-size: 30px; line-height: 40px; }
}
@media (min-width: 769px) {
	h2.orion-why__title { font-size: 35px; line-height: 40px; }
}
@media (min-width: 1199px) {
	h2.orion-why__title { margin-bottom: 18px; font-size: 40px; line-height: 50px; }
}
@media (min-width: 1380px) {
	h2.orion-why__title { font-size: 46px; line-height: 55px; }
}
@media (min-width: 1752px) {
	h2.orion-why__title { margin-bottom: 20px; font-size: 60px; line-height: 70px; }
}

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

.orion-why__stats {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	gap: 30px;
	flex-direction: column;
	width: 100%;
}
@media (min-width: 640px) { .orion-why__stats { gap: 40px; } }
@media (min-width: 769px) { .orion-why__stats { flex-direction: row; } }
@media (min-width: 992px) { .orion-why__stats { gap: 48px; } }
@media (min-width: 1752px) { .orion-why__stats { gap: 64px; } }

.orion-why__item {
	position: relative;
	width: 100%;
	border-top: 1px solid var(--orion-primary);
	padding-top: 30px;
}
@media (min-width: 769px) { .orion-why__item { width: 473px; max-width: 473px; flex: 1 1 0%; } }
@media (min-width: 992px) { .orion-why__item { padding-top: 38px; } }
@media (min-width: 1752px) { .orion-why__item { padding-top: 48px; } }

.orion-why__dot {
	position: absolute;
	left: 0;
	top: -8px;
	width: 15px;
	height: 15px;
	border-radius: 50%;
	background-color: var(--orion-primary);
}
@media (min-width: 640px) { .orion-why__dot { width: 20px; height: 20px; top: -12px; } }

.orion-why__item-inner {
	display: flex;
	flex-direction: column;
	gap: 10px;
}
@media (min-width: 1199px) { .orion-why__item-inner { flex-direction: row; gap: 16px; } }
@media (min-width: 1380px) { .orion-why__item-inner { gap: 24px; } }

/* HTML global h3 schedule. */
.orion-why__number {
	margin: 0;
	flex-shrink: 0;
	font-family: "El Messiri", serif;
	font-weight: 500;
	color: #000;
	font-size: 26px;
	line-height: 30px;
}
@media (min-width: 640px) { .orion-why__number { line-height: 32px; } }
@media (min-width: 769px) { .orion-why__number { font-size: 30px; line-height: 38px; } }
@media (min-width: 1199px) { .orion-why__number { line-height: 40px; } }
@media (min-width: 1380px) { .orion-why__number { font-size: 36px; line-height: 40px; } }
@media (min-width: 1752px) { .orion-why__number { font-size: 45px; line-height: 60px; } }

.orion-why__content { font-family: Lexend, sans-serif; }

/* HTML h6.font-lexend item titles. */
html body h6.orion-why__item-title,
.orion-why__item-title {
	margin: 0 0 10px;
	font-family: var(--orion-font-body, Lexend, sans-serif) !important;
	font-weight: 500 !important;
	color: #000;
	font-size: 15px !important;
	line-height: 20.625px !important;
	text-transform: none !important;
	letter-spacing: normal !important;
}
@media (min-width: 640px) {
	html body h6.orion-why__item-title,
	.orion-why__item-title { font-size: 16px !important; line-height: 22px !important; }
}
@media (min-width: 992px) {
	html body h6.orion-why__item-title,
	.orion-why__item-title { font-size: 17px !important; line-height: 23.375px !important; }
}
@media (min-width: 1199px) {
	html body h6.orion-why__item-title,
	.orion-why__item-title { margin-bottom: 18px; font-size: 18px !important; line-height: 32px !important; }
}
@media (min-width: 1752px) {
	html body h6.orion-why__item-title,
	.orion-why__item-title { margin-bottom: 24px; font-size: 22px !important; line-height: 32px !important; }
}

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

/* ===== Layout 3 (Icon Cards — Home Style 3) =====
   Matches the real "why choose us section" markup from index-3.html
   exactly, using this project's real breakpoints:
   sm=640, md=769, lg=992, xl=1199, 1xl=1380, 2xl=1752.
   .container/.btn/.btn-primary are real hand-authored classes already
   compiled in orion-tailwind.css and reused directly. */

.orion-why3 {
	width: 100%;
	margin-bottom: 32px;
}
@media (min-width: 769px)  { .orion-why3 { margin-bottom: 50px; } }
@media (min-width: 992px)  { .orion-why3 { margin-bottom: 60px; } }
@media (min-width: 1380px) { .orion-why3 { margin-bottom: 80px; } }
@media (min-width: 1752px) { .orion-why3 { margin-bottom: 100px; } }

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

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

.orion-why3__header {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: space-between;
	width: 100%;
	gap: 20px;
}
@media (min-width: 640px) { .orion-why3__header { flex-direction: row; align-items: center; } }

.orion-why3__btn--desktop { display: none; }
@media (min-width: 640px) { .orion-why3__btn--desktop { display: flex; } }

.orion-why3__btn-mobile { display: flex; margin-top: 30px; }
@media (min-width: 640px) { .orion-why3__btn-mobile { display: none; } }

.orion-why3__grid {
	display: grid;
	grid-template-columns: 1fr;
	justify-content: space-between;
	align-items: center;
	gap: 28px;
	margin-top: 24px;
}
@media (min-width: 640px)  { .orion-why3__grid { gap: 40px; margin-top: 30px; } }
@media (min-width: 769px)  { .orion-why3__grid { gap: 56px; margin-top: 48px; } }
@media (min-width: 992px)  { .orion-why3__grid { grid-template-columns: repeat(3, 1fr); gap: 36px; } }
@media (min-width: 1199px) { .orion-why3__grid { gap: 56px; margin-top: 55px; } }
@media (min-width: 1380px) { .orion-why3__grid { gap: 72px; margin-top: 76px; } }
@media (min-width: 1752px) { .orion-why3__grid { gap: 80px; } }

.orion-why3__col {
	height: 100%;
	display: flex;
	flex-direction: column-reverse;
	align-items: flex-start;
	justify-content: space-between;
	gap: 28px;
}
@media (min-width: 640px)  { .orion-why3__col { flex-direction: row-reverse; } }
@media (min-width: 769px)  { .orion-why3__col { gap: 36px; } }
@media (min-width: 992px)  { .orion-why3__col { flex-direction: column; gap: 20px; } }
@media (min-width: 1199px) { .orion-why3__col { gap: 24px; } }
@media (min-width: 1752px) { .orion-why3__col { gap: 32px; } }

.orion-why3__col--center {
	flex-direction: column;
	justify-content: flex-start;
}
@media (min-width: 640px) { .orion-why3__col--center { flex-direction: row-reverse; } }
@media (min-width: 992px) { .orion-why3__col--center { flex-direction: column; } }

.orion-why3__content {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	width: 100%;
}
@media (min-width: 640px)  { .orion-why3__content { width: 65%; } }
@media (min-width: 769px)  { .orion-why3__content { width: 60%; } }
@media (min-width: 992px)  { .orion-why3__content { width: 100%; } }

/* HTML: before:pt-[95%] before:block h-full — aspect via ::before so the
   percentage is relative to this box's width (not the parent). Element
   padding-top:95% was resolving against the full column width and blowing
   height to ~578px at sm/md row layout. */
.orion-why3__image {
	position: relative;
	overflow: hidden;
	width: 100%;
	height: 100% !important;
	border-radius: 20px;
}
.orion-why3__image::before {
	content: "";
	display: block;
	padding-top: 95%;
}
@media (min-width: 640px)  { .orion-why3__image { width: 35%; } }
@media (min-width: 992px)  { .orion-why3__image { width: 100%; border-radius: 30px; } }

.orion-why3__image img {
	position: absolute;
	top: 0; left: 0; right: 0; bottom: 0;
	width: 100%;
	height: 100% !important;
	max-width: none;
	object-fit: cover;
	border-radius: inherit;
}

.orion-why3__icon { flex-shrink: 0; margin-bottom: 18px; }
@media (min-width: 1199px) { .orion-why3__icon { margin-bottom: 24px; } }
@media (min-width: 1380px) { .orion-why3__icon { margin-bottom: 28px; } }
@media (min-width: 1752px) { .orion-why3__icon { margin-bottom: 32px; } }

.orion-why3__icon-svg {
	display: block;
	height: auto;
	width: 48px;
	fill: var(--orion-primary);
	color: var(--orion-primary);
}
@media (min-width: 640px)  { .orion-why3__icon-svg { width: 40px; } }
@media (min-width: 769px)  { .orion-why3__icon-svg { width: 44px; } }
@media (min-width: 992px)  { .orion-why3__icon-svg { width: 48px; } }
@media (min-width: 1199px) { .orion-why3__icon-svg { width: 52px; } }
@media (min-width: 1752px) { .orion-why3__icon-svg { width: 64px; } }

/* HTML h4 schedule */
html body h4.orion-why3__card-title,
.orion-why3__card-title {
	margin: 0 0 8px;
	color: #000;
	font-family: var(--orion-font-heading, "El Messiri", serif) !important;
	font-weight: 500 !important;
	font-size: 20px !important;
	line-height: 28px !important;
	text-transform: none !important;
}
@media (min-width: 769px)  {
	html body h4.orion-why3__card-title,
	.orion-why3__card-title { font-size: 22px !important; line-height: 28px !important; }
}
@media (min-width: 1199px) {
	html body h4.orion-why3__card-title,
	.orion-why3__card-title { margin-bottom: 12px; font-size: 24px !important; line-height: 32px !important; }
}
@media (min-width: 1380px) {
	html body h4.orion-why3__card-title,
	.orion-why3__card-title { line-height: 36px !important; }
}
@media (min-width: 1752px) {
	html body h4.orion-why3__card-title,
	.orion-why3__card-title { margin-bottom: 16px; font-size: 30px !important; line-height: 42px !important; }
}

.orion-why3__card-text {
	margin: 0 0 18px;
	color: #4b5563; /* approx gray-600 */
	font-family: Lexend, sans-serif;
	font-weight: 300;
	font-size: 14px;
	line-height: 1.625; /* leading-relaxed */
}
@media (min-width: 992px)  { .orion-why3__card-text { font-size: 15px; } }
@media (min-width: 1199px) { .orion-why3__card-text { margin-bottom: 24px; } }
@media (min-width: 1380px) { .orion-why3__card-text { margin-bottom: 28px; } }
@media (min-width: 1752px) { .orion-why3__card-text { margin-bottom: 36px; font-size: 18px; } }

.orion-why3__stat {
	border-top: 1px solid rgba(0, 0, 0, 0.15);
	padding-top: 16px;
	width: 100%;
}
@media (min-width: 769px)  { .orion-why3__stat { padding-top: 20px; } }
@media (min-width: 1199px) { .orion-why3__stat { padding-top: 24px; } }
@media (min-width: 1752px) { .orion-why3__stat { padding-top: 32px; } }

.orion-why3__stat-row { display: flex; align-items: center; gap: 12px; }
.orion-why3__stat-row h2,
html body h2.orion-why3__stat-number,
.orion-why3__stat-number {
	margin: 0;
	color: #000;
	font-family: var(--orion-font-heading, "El Messiri", serif) !important;
	font-weight: 500 !important;
	font-size: 26px !important;
	line-height: 36px !important;
	text-transform: none !important;
}
@media (min-width: 640px) {
	.orion-why3__stat-row h2,
	html body h2.orion-why3__stat-number,
	.orion-why3__stat-number { font-size: 30px !important; line-height: 40px !important; }
}
@media (min-width: 769px) {
	.orion-why3__stat-row h2,
	html body h2.orion-why3__stat-number,
	.orion-why3__stat-number { font-size: 35px !important; line-height: 40px !important; }
}
@media (min-width: 1199px) {
	.orion-why3__stat-row h2,
	html body h2.orion-why3__stat-number,
	.orion-why3__stat-number { font-size: 40px !important; line-height: 50px !important; }
}
@media (min-width: 1380px) {
	.orion-why3__stat-row h2,
	html body h2.orion-why3__stat-number,
	.orion-why3__stat-number { font-size: 46px !important; line-height: 55px !important; }
}
@media (min-width: 1752px) {
	.orion-why3__stat-row h2,
	html body h2.orion-why3__stat-number,
	.orion-why3__stat-number { font-size: 60px !important; line-height: 70px !important; }
}

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

/* ── Layout 4 — index-4.html "Why Choose Us?" (2x2 stat grid + photo) ──
   Real breakpoints: sm=640, md=769, lg=992, xl=1199, 1xl=1380, 2xl=1752. */
.orion-why4 {
	width: 100%;
	position: relative;
	overflow: hidden;
}

.orion-why4__bg {
	display: none;
	position: absolute;
	right: 0;
	top: 90px;
	width: 68%;
	opacity: 0.08;
	pointer-events: none;
	z-index: 0;
}
@media (min-width: 992px)  { .orion-why4__bg { display: block; } }
@media (min-width: 1199px) { .orion-why4__bg { top: 0; } }
@media (min-width: 1752px) { .orion-why4__bg { width: 60%; } }
.orion-why4__bg img { width: 100%; height: auto; object-fit: cover; }

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

.orion-why4__row { display: flex; justify-content: space-between; align-items: stretch; }

.orion-why4__col-left {
	width: 100%;
	padding-bottom: 40px;
}
@media (min-width: 640px)  { .orion-why4__col-left { padding-bottom: 50px; } }
@media (min-width: 992px)  { .orion-why4__col-left { width: 61%; padding-bottom: 60px; } }
@media (min-width: 1199px) { .orion-why4__col-left { width: 55%; padding-bottom: 70px; } }
@media (min-width: 1380px) { .orion-why4__col-left { padding-bottom: 90px; } }
@media (min-width: 1752px) { .orion-why4__col-left { width: 50%; padding-bottom: 100px; } }

html body h2.orion-why4__title,
h2.orion-why4__title {
	margin: 0 0 18px;
	color: #000;
	font-family: var(--orion-font-heading, "El Messiri", serif) !important;
	font-weight: 500 !important;
	font-size: 26px !important;
	line-height: 36px !important;
	text-transform: none !important;
}
@media (min-width: 640px)  {
	html body h2.orion-why4__title,
	h2.orion-why4__title { margin-bottom: 28px; font-size: 30px !important; line-height: 40px !important; }
}
@media (min-width: 769px) {
	html body h2.orion-why4__title,
	h2.orion-why4__title { font-size: 35px !important; line-height: 40px !important; }
}
@media (min-width: 992px)  {
	html body h2.orion-why4__title,
	h2.orion-why4__title { width: 85%; }
}
@media (min-width: 1199px) {
	html body h2.orion-why4__title,
	h2.orion-why4__title { font-size: 40px !important; line-height: 50px !important; }
}
@media (min-width: 1380px) {
	html body h2.orion-why4__title,
	h2.orion-why4__title { margin-bottom: 36px; font-size: 46px !important; line-height: 55px !important; }
}
@media (min-width: 1752px) {
	html body h2.orion-why4__title,
	h2.orion-why4__title { margin-bottom: 44px; font-size: 60px !important; line-height: 70px !important; }
}

.orion-why4__grid {
	display: grid;
	grid-template-columns: 1fr;
	gap: 20px;
}
@media (min-width: 640px)  { .orion-why4__grid { grid-template-columns: repeat(2, 1fr); gap: 28px; } }
@media (min-width: 769px)  { .orion-why4__grid { gap: 30px; } }
@media (min-width: 1380px) { .orion-why4__grid { gap: 32px; } }
@media (min-width: 1752px) { .orion-why4__grid { gap: 36px; } }

.orion-why4__stat-card {
	background: #fff;
	border: 1px solid rgba(0, 0, 0, 0.15);
	padding: 20px 16px;
}
@media (min-width: 769px)  { .orion-why4__stat-card { padding: 28px; } }
@media (min-width: 1199px) { .orion-why4__stat-card { padding: 28px 26px; } }
@media (min-width: 1752px) { .orion-why4__stat-card { padding: 36px 34px; } }

html body h3.orion-why4__stat-number,
.orion-why4__stat-number {
	color: var(--orion-primary);
	margin: 0 0 12px;
	font-family: var(--orion-font-heading, "El Messiri", serif) !important;
	font-weight: 500 !important;
	font-size: 26px !important;
	line-height: 30px !important;
	text-transform: none !important;
}
@media (min-width: 640px) {
	html body h3.orion-why4__stat-number,
	.orion-why4__stat-number { font-size: 26px !important; line-height: 32px !important; }
}
@media (min-width: 769px) {
	html body h3.orion-why4__stat-number,
	.orion-why4__stat-number { font-size: 30px !important; line-height: 38px !important; }
}
@media (min-width: 1199px) {
	html body h3.orion-why4__stat-number,
	.orion-why4__stat-number { line-height: 40px !important; }
}
@media (min-width: 1380px) {
	html body h3.orion-why4__stat-number,
	.orion-why4__stat-number { margin-bottom: 16px; font-size: 36px !important; line-height: 40px !important; }
}
@media (min-width: 1752px) {
	html body h3.orion-why4__stat-number,
	.orion-why4__stat-number { font-size: 45px !important; line-height: 60px !important; }
}

html body h5.orion-why4__stat-title,
.orion-why4__stat-title {
	margin: 0 0 8px;
	font-family: var(--orion-font-heading, "El Messiri", serif) !important;
	font-weight: 500 !important;
	font-size: 19px !important;
	line-height: 26px !important;
	text-transform: none !important;
}
@media (min-width: 640px)  {
	html body h5.orion-why4__stat-title,
	.orion-why4__stat-title { font-size: 22px !important; }
}
@media (min-width: 769px)  {
	html body h5.orion-why4__stat-title,
	.orion-why4__stat-title { line-height: 30px !important; }
}
@media (min-width: 1380px) {
	html body h5.orion-why4__stat-title,
	.orion-why4__stat-title { margin-bottom: 16px; }
}
@media (min-width: 1752px) {
	html body h5.orion-why4__stat-title,
	.orion-why4__stat-title { font-size: 25px !important; line-height: 35px !important; }
}

.orion-why4__stat-text {
	margin: 0;
	color: #464343;
	font-family: "Lexend", sans-serif;
	font-weight: 300;
	font-size: 14px;
	line-height: 23px;
}
@media (min-width: 992px)  { .orion-why4__stat-text { font-size: 15px; line-height: 25px; } }
@media (min-width: 1752px) { .orion-why4__stat-text { font-size: 18px; line-height: 32px; } }

.orion-why4__col-right { display: none; }
@media (min-width: 992px) {
	.orion-why4__col-right {
		display: block;
		width: 40%;
		position: relative;
		align-self: stretch;
		overflow: hidden;
	}
}
@media (min-width: 1199px) { .orion-why4__col-right { width: 45%; } }
/* Beat Elementor `.elementor img { height: auto }` so the side photo fills the row. */
.orion-why4__col-right .orion-why4__img {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100% !important;
	object-fit: cover;
	transform: scaleX(-1);
	max-width: none;
}