/* Orion What We Do — matches the real "What We do?" section from
   index-3.html exactly, using this project's real breakpoints:
   sm=640, md=769, lg=992, xl=1199, 1xl=1380, 2xl=1752. */

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

/* Beat `.elementor-page .container { padding: 0 }` so the inner content
   matches HTML `.container` (px-4 / 16px gutters). */
.orion-wwd__container.container {
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	padding-left: 16px;
	padding-right: 16px;
}

html body h2.orion-wwd__title,
h2.orion-wwd__title {
	margin: 0 0 24px;
	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-wwd__title,
	h2.orion-wwd__title { margin-bottom: 36px; font-size: 30px !important; line-height: 40px !important; }
}
@media (min-width: 769px) {
	html body h2.orion-wwd__title,
	h2.orion-wwd__title { font-size: 35px !important; line-height: 40px !important; }
}
@media (min-width: 1199px) {
	html body h2.orion-wwd__title,
	h2.orion-wwd__title { font-size: 40px !important; line-height: 50px !important; }
}
@media (min-width: 1380px) {
	html body h2.orion-wwd__title,
	h2.orion-wwd__title { margin-bottom: 50px; font-size: 46px !important; line-height: 55px !important; }
}
@media (min-width: 1752px) {
	html body h2.orion-wwd__title,
	h2.orion-wwd__title { font-size: 60px !important; line-height: 70px !important; }
}

.orion-wwd__grid {
	display: grid;
	grid-template-columns: 1fr;
	column-gap: 44px;
	row-gap: 36px;
}
@media (min-width: 640px)  { .orion-wwd__grid { grid-template-columns: repeat(2, 1fr); } }
@media (min-width: 769px)  { .orion-wwd__grid { column-gap: 80px; row-gap: 44px; } }
@media (min-width: 992px)  { .orion-wwd__grid { grid-template-columns: repeat(4, 1fr); column-gap: 36px; row-gap: 36px; } }
@media (min-width: 1199px) { .orion-wwd__grid { column-gap: 50px; row-gap: 50px; } }
@media (min-width: 1380px) { .orion-wwd__grid { column-gap: 80px; row-gap: 80px; } }
@media (min-width: 1752px) { .orion-wwd__grid { column-gap: 90px; row-gap: 90px; } }

.orion-wwd--layout_2 .orion-wwd__grid { grid-template-columns: 1fr; }
@media (min-width: 640px) { .orion-wwd--layout_2 .orion-wwd__grid { grid-template-columns: repeat(2, 1fr); } }
@media (min-width: 992px) { .orion-wwd--layout_2 .orion-wwd__grid { grid-template-columns: repeat(3, 1fr); } }

.orion-wwd__item { display: flex; flex-direction: column; }

.orion-wwd__icon {
	display: flex;
	align-items: flex-start;
	width: fit-content;
	height: 38px;
	margin-bottom: 16px;
}
@media (min-width: 640px)  { .orion-wwd__icon { margin-bottom: 20px; } }
@media (min-width: 1199px) { .orion-wwd__icon { margin-bottom: 28px; } }
@media (min-width: 1380px) { .orion-wwd__icon { margin-bottom: 33px; } }

/* SVG icons fill the 38px box height; width follows aspect ratio. */
.orion-wwd__icon-img {
	width: auto;
	height: 100% !important;
	max-width: none;
	display: block;
}

html body h5.orion-wwd__name,
.orion-wwd__name {
	margin: 0 0 8px;
	color: #000;
	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-wwd__name,
	.orion-wwd__name { font-size: 22px !important; }
}
@media (min-width: 769px)  {
	html body h5.orion-wwd__name,
	.orion-wwd__name { line-height: 30px !important; }
}
@media (min-width: 1199px) {
	html body h5.orion-wwd__name,
	.orion-wwd__name { margin-bottom: 16px; }
}
@media (min-width: 1752px) {
	html body h5.orion-wwd__name,
	.orion-wwd__name { font-size: 25px !important; line-height: 35px !important; }
}

/* HTML p.text-dark-400 + p type scale. */
.orion-wwd__text {
	margin: 0;
	color: #4e4e4e;
	font-family: Lexend, sans-serif;
	font-weight: 300;
	font-size: 14px;
	line-height: 23px;
}
@media (min-width: 992px)  { .orion-wwd__text { font-size: 15px; line-height: 25px; } }
@media (min-width: 1199px) { .orion-wwd__text { line-height: 26px; } }
@media (min-width: 1380px) { .orion-wwd__text { line-height: 28px; } }
@media (min-width: 1752px) { .orion-wwd__text { font-size: 18px; line-height: 32px; } }