/* ============================================================
   QUALIMARK — English Homepage overrides
   Applies ONLY when the document is English (html:is([lang="en"], [lang="pt"])).
   Mirrors style-extra-ar.css (pixel-perfect match with the Arabic
   page) but for the LTR layout:
     - headings:   Montserrat (the original English design font)
     - body/labels: Inter
     - identical colors, containers (1280px), paddings, gaps.
   ============================================================ */

/* ------------------------------------------------------------
   1) HEADER — bounded 1280px container, exact brand size,
      nav font matching the "Core Services" heading, flow header
      (scrolls away, no sticky), unified surface background.
   ------------------------------------------------------------ */
html:is([lang="en"], [lang="pt"]) header .qualimark-header-container {
	width: 100%;
	max-width: 1280px;               /* container-max */
	margin-inline: auto;
	padding-inline: 1.5rem;
}

html:is([lang="en"], [lang="pt"]) header .qualimark-brand {
	display: flex !important;
	align-items: center !important;
	transform: scale(0.95) !important;
}
html:is([lang="en"], [lang="pt"]) header .qualimark-brand img {
	height: 48px !important;         /* h-12 */
	width: auto !important;
	object-fit: contain !important;
}
@media (min-width: 768px) {
	html:is([lang="en"], [lang="pt"]) header .qualimark-brand img {
		height: 56px !important;     /* md:h-14 */
	}
}

/* Nav — Montserrat (same family as the "Core Services" heading). */
html:is([lang="en"], [lang="pt"]) header .qualimark-nav {
	gap: 32px !important;            /* gap-8 */
}
html:is([lang="en"], [lang="pt"]) header .qualimark-nav a {
	font-family: 'Montserrat', 'Inter', sans-serif !important;
	font-size: 14px !important;      /* text-label-md */
	font-weight: 600 !important;
	line-height: 1 !important;
	letter-spacing: 0.05em !important;
	display: flex !important;
	flex-direction: column !important;
	justify-content: center !important;
	height: 100% !important;
	transition: color 0.2s ease !important;
}
/* Active link ("Home"): primary blue + 2px blue underline. */
html:is([lang="en"], [lang="pt"]) header .qualimark-nav a[aria-current="page"] {
	color: #003b65 !important;       /* text-primary */
	font-weight: 700 !important;
	border-bottom: 2px solid #003b65 !important;
	padding-bottom: 4px !important;
}
html:is([lang="en"], [lang="pt"]) header .qualimark-nav a:not([aria-current="page"]) {
	color: #42474f !important;       /* text-on-surface-variant */
	border-bottom: none !important;
}
html:is([lang="en"], [lang="pt"]) header .qualimark-nav a:hover {
	color: #006d3c !important;       /* hover:text-secondary */
}

/* Mobile menu links — same Montserrat font. */
html:is([lang="en"], [lang="pt"]) .js-mobile-menu a {
	font-family: 'Montserrat', 'Inter', sans-serif !important;
	font-size: 14px !important;
	font-weight: 600 !important;
	line-height: 1 !important;
	letter-spacing: 0.05em !important;
}

/* Language switcher pill — icon + "EN"/"عربي" label. */
html:is([lang="en"], [lang="pt"]) header .qualimark-lang {
	width: auto !important;
	height: 40px !important;
	padding-inline: 12px !important;
	gap: 6px !important;
	border-radius: 9999px !important;
	color: #42474f !important;
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
}
html:is([lang="en"], [lang="pt"]) header .qualimark-lang .qualimark-lang-label {
	font-family: 'Inter', sans-serif !important;
	font-size: 12px !important;
	font-weight: 700 !important;
	letter-spacing: 0.05em !important;
}
html:is([lang="en"], [lang="pt"]) header .qualimark-lang:hover {
	background-color: #ebeef3 !important;
	color: #003b65 !important;
}
/* Language switcher group — three compact pills (AR/EN/PT). */
html:is([lang="en"], [lang="pt"]) header .qualimark-langs {
	gap: 4px !important;
}
html:is([lang="en"], [lang="pt"]) header .qualimark-langs .qualimark-lang {
	height: 36px !important;
	padding-inline: 10px !important;
	gap: 0 !important;
}
html:is([lang="en"], [lang="pt"]) header .qualimark-langs .qualimark-lang.is-active {
	background-color: #ebeef3 !important;
	color: #003b65 !important;
}

/* CTA button (if present) — dark green #006d3c + white text. */
html:is([lang="en"], [lang="pt"]) header .qualimark-cta {
	background-color: #006d3c !important;
	color: #ffffff !important;
	font-family: 'Inter', sans-serif !important;
	font-size: 14px !important;
	font-weight: 600 !important;
	line-height: 1 !important;
	letter-spacing: 0.05em !important;
	padding: 10px 24px !important;
	border-radius: 4px !important;
	box-shadow: 0 4px 14px 0 rgba(0, 109, 60, 0.2) !important;
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
}
html:is([lang="en"], [lang="pt"]) header .qualimark-cta:hover {
	background-color: rgba(0, 109, 60, 0.9) !important;
	color: #ffffff !important;
}

/* Mobile menu toggle. */
html:is([lang="en"], [lang="pt"]) header .qualimark-nav-toggle {
	width: 40px !important;
	height: 40px !important;
	color: #42474f !important;
}

/* Header in NORMAL FLOW — scrolls away, not sticky/fixed. */
html:is([lang="en"], [lang="pt"]) header,
html:is([lang="en"], [lang="pt"]) header.docked,
html:is([lang="en"], [lang="pt"]) .site-header,
html:is([lang="en"], [lang="pt"]) header.is-sticky,
html:is([lang="en"], [lang="pt"]) header.header-scrolled,
html:is([lang="en"], [lang="pt"]) body > header {
	position: relative !important;
	top: auto !important;
	left: auto !important;
	right: auto !important;
	width: 100% !important;
	z-index: auto !important;
	box-shadow: none !important;
	transform: none !important;
	margin-top: 0 !important;
}
html:is([lang="en"], [lang="pt"]) body {
	overflow-x: clip !important;
	padding-top: 0 !important;
	background-color: #f7f9ff !important; /* bg-surface */
	font-family: 'Inter', sans-serif !important;
}
html:is([lang="en"], [lang="pt"]) header {
	background-color: #ffffff !important;
}

/* ------------------------------------------------------------
   2) HERO SLIDER — dark card anchored LEFT (LTR), same card
      proportions/colors as the Arabic page.
   ------------------------------------------------------------ */
html:is([lang="en"], [lang="pt"]) #hero-slider .relative.z-10 {
	width: 100% !important;
	max-width: 1280px !important;
	margin-inline: auto !important;
	padding-inline: 1.5rem !important;
}
@media (min-width: 768px) {
	html:is([lang="en"], [lang="pt"]) #hero-slider .relative.z-10 {
		padding-inline: 3rem !important;
	}
}

html:is([lang="en"], [lang="pt"]) #hero-slider .max-w-2xl {
	max-width: 42rem !important;
	margin-left: 0 !important;         /* left side (LTR) */
	margin-right: auto !important;
	text-align: left !important;
}
html:is([lang="en"], [lang="pt"]) #hero-slider .max-w-2xl h1,
html:is([lang="en"], [lang="pt"]) #hero-slider .max-w-2xl p,
html:is([lang="en"], [lang="pt"]) #hero-slider .max-w-2xl span,
html:is([lang="en"], [lang="pt"]) #hero-slider .max-w-2xl a {
	text-align: left !important;
}
html:is([lang="en"], [lang="pt"]) #hero-slider .max-w-2xl .hs-reveal {
	justify-content: flex-start !important;
	align-items: flex-start !important;
}
html:is([lang="en"], [lang="pt"]) #hero-slider .max-w-2xl .flex,
html:is([lang="en"], [lang="pt"]) #hero-slider .max-w-2xl .inline-flex {
	justify-content: flex-start !important;
}
html:is([lang="en"], [lang="pt"]) #hero-slider .max-w-2xl .hs-reveal.inline-flex {
	align-self: flex-start !important;
}

/* Hero typography — Montserrat/Inter instead of Cairo/Tajawal. */
html:is([lang="en"], [lang="pt"]) #hero-slider .hs-slide h1 {
	font-family: 'Montserrat', 'Inter', sans-serif !important;
	font-size: 48px !important;        /* display-lg */
	font-weight: 800 !important;
	letter-spacing: -0.02em !important;
}
@media (max-width: 767px) {
	html:is([lang="en"], [lang="pt"]) #hero-slider .hs-slide h1 {
		font-size: 36px !important;    /* display-lg-mobile */
		font-weight: 700 !important;
	}
}
html:is([lang="en"], [lang="pt"]) #hero-slider .hs-slide p {
	font-family: 'Inter', sans-serif !important;
	font-size: 18px !important;
	font-weight: 400 !important;
	line-height: 1.6 !important;
}
html:is([lang="en"], [lang="pt"]) #hero-slider .max-w-2xl span.text-label-sm {
	font-family: 'Inter', sans-serif !important;
	font-size: 12px !important;
	font-weight: 500 !important;
	letter-spacing: 0.05em !important;
}

/* Hero primary CTA — brand green. */
html:is([lang="en"], [lang="pt"]) #hero-slider .max-w-2xl a.bg-secondary {
	background-color: #006d3c !important;
	color: #ffffff !important;
	border-color: transparent !important;
	font-family: 'Inter', sans-serif !important;
	font-size: 14px !important;
	font-weight: 600 !important;
	letter-spacing: 0.05em !important;
}
html:is([lang="en"], [lang="pt"]) #hero-slider .max-w-2xl a.bg-secondary:hover {
	background-color: rgba(0, 109, 60, 0.9) !important;
	color: #ffffff !important;
}
html:is([lang="en"], [lang="pt"]) #hero-slider .max-w-2xl a.bg-transparent {
	font-family: 'Inter', sans-serif !important;
	font-size: 14px !important;
	font-weight: 600 !important;
	letter-spacing: 0.05em !important;
}

/* Hero dark shade — dark on the LEFT for LTR (text sits left). */
html:is([lang="en"], [lang="pt"]) #hero-slider .hs-shade {
	background: linear-gradient(to right, rgba(0, 0, 0, 0.74) 0%, rgba(0, 0, 0, 0.48) 38%, rgba(0, 0, 0, 0.08) 72%) !important;
}
/* Progress bar animates left -> right in LTR. */
html:is([lang="en"], [lang="pt"]) #hero-slider .hs-progress > span {
	transform-origin: left center !important;
}
/* Prev/Next arrows — flipped position + mirrored icon for LTR. */
html:is([lang="en"], [lang="pt"]) #hero-slider .hs-prev {
	right: auto !important;
	left: 1rem !important;
}
html:is([lang="en"], [lang="pt"]) #hero-slider .hs-next {
	left: auto !important;
	right: 1rem !important;
}
@media (min-width: 768px) {
	html:is([lang="en"], [lang="pt"]) #hero-slider .hs-prev {
		left: 2rem !important;
	}
	html:is([lang="en"], [lang="pt"]) #hero-slider .hs-next {
		right: 2rem !important;
	}
}
html:is([lang="en"], [lang="pt"]) #hero-slider .hs-prev .material-symbols-outlined,
html:is([lang="en"], [lang="pt"]) #hero-slider .hs-next .material-symbols-outlined {
	transform: scaleX(-1) !important;
}

/* ------------------------------------------------------------
   3) CORE SERVICES (id="services") — bounded & centered.
   ------------------------------------------------------------ */
html:is([lang="en"], [lang="pt"]) section#services {
	padding-top: 80px !important;      /* py-section-gap */
	padding-bottom: 80px !important;
}
html:is([lang="en"], [lang="pt"]) section#services > div {
	max-width: 1280px !important;
	margin-left: auto !important;
	margin-right: auto !important;
	padding-left: 1rem !important;
	padding-right: 1rem !important;
}
@media (min-width: 768px) {
	html:is([lang="en"], [lang="pt"]) section#services > div {
		padding-left: 3rem !important;
		padding-right: 3rem !important;
	}
}

html:is([lang="en"], [lang="pt"]) section#services .text-center,
html:is([lang="en"], [lang="pt"]) section#services .text-center span,
html:is([lang="en"], [lang="pt"]) section#services .text-center h2 {
	text-align: center !important;
}
html:is([lang="en"], [lang="pt"]) section#services .text-center .bg-secondary {
	background-color: #006d3c !important;
	margin-left: auto !important;
	margin-right: auto !important;
}

html:is([lang="en"], [lang="pt"]) section#services .grid {
	display: grid !important;
	grid-template-columns: repeat(1, minmax(0, 1fr)) !important;
	gap: 24px !important;
}
@media (min-width: 768px) {
	html:is([lang="en"], [lang="pt"]) section#services .grid {
		grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
	}
}
@media (min-width: 1024px) {
	html:is([lang="en"], [lang="pt"]) section#services .grid {
		grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
	}
}
@media (min-width: 1280px) {
	html:is([lang="en"], [lang="pt"]) section#services .grid {
		grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
	}
}

html:is([lang="en"], [lang="pt"]) section#services .grid > div {
	display: flex !important;
	flex-direction: column !important;
	height: 100% !important;
	padding: 1.5rem !important;
}
@media (min-width: 768px) {
	html:is([lang="en"], [lang="pt"]) section#services .grid > div {
		padding: 2rem !important;
	}
}
@media (min-width: 1280px) {
	html:is([lang="en"], [lang="pt"]) section#services .grid > div {
		padding: 1.5rem !important;
	}
}
html:is([lang="en"], [lang="pt"]) section#services .grid > div h3,
html:is([lang="en"], [lang="pt"]) section#services .grid > div p,
html:is([lang="en"], [lang="pt"]) section#services .grid > div a {
	text-align: left !important;
}

/* Core Services typography — Montserrat / Inter. */
html:is([lang="en"], [lang="pt"]) section#services .text-center span {
	font-family: 'Inter', sans-serif !important;
	font-size: 14px !important;
	font-weight: 600 !important;
	line-height: 1 !important;
	letter-spacing: 0.05em !important;
	text-transform: uppercase !important;
	color: #006d3c !important;
}
html:is([lang="en"], [lang="pt"]) section#services .text-center h2 {
	font-family: 'Montserrat', 'Inter', sans-serif !important;
	font-size: 32px !important;        /* headline-md */
	font-weight: 600 !important;
	line-height: 1.2 !important;
	color: #003b65 !important;
}
html:is([lang="en"], [lang="pt"]) section#services .grid > div h3 {
	font-family: 'Montserrat', 'Inter', sans-serif !important;
	font-size: 20px !important;        /* headline-sm — slightly smaller for EN */
	font-weight: 700 !important;
	line-height: 1.3 !important;
	color: #003b65 !important;
}
html:is([lang="en"], [lang="pt"]) section#services .grid > div p {
	font-family: 'Inter', sans-serif !important;
	font-size: 15px !important;
	font-weight: 400 !important;
	line-height: 1.5 !important;
	color: #42474f !important;
}
html:is([lang="en"], [lang="pt"]) section#services .grid > div a {
	font-family: 'Inter', sans-serif !important;
	font-size: 14px !important;
	font-weight: 600 !important;
	line-height: 1 !important;
	letter-spacing: 0.05em !important;
	color: #006d3c !important;
}

/* ------------------------------------------------------------
   4) INTERNATIONAL SOLUTIONS — blue section after #services.
   ------------------------------------------------------------ */
html:is([lang="en"], [lang="pt"]) section#services + section > div.relative.z-10 {
	max-width: 1280px !important;
	margin-left: auto !important;
	margin-right: auto !important;
	padding-left: 1rem !important;
	padding-right: 1rem !important;
	padding-top: 80px !important;
	padding-bottom: 80px !important;
}
@media (min-width: 768px) {
	html:is([lang="en"], [lang="pt"]) section#services + section > div.relative.z-10 {
		padding-left: 3rem !important;
		padding-right: 3rem !important;
	}
}

html:is([lang="en"], [lang="pt"]) section#services + section .flex.flex-col {
	gap: 3rem !important;
}
@media (min-width: 1024px) {
	html:is([lang="en"], [lang="pt"]) section#services + section .flex.flex-col {
		flex-direction: row !important;
		align-items: center !important;
	}
	html:is([lang="en"], [lang="pt"]) section#services + section .flex.flex-col > div {
		width: 50% !important;
	}
}

html:is([lang="en"], [lang="pt"]) section#services + section .inline-flex span.text-label-sm {
	font-family: 'Inter', sans-serif !important;
	font-size: 12px !important;
	font-weight: 500 !important;
	line-height: 1 !important;
	letter-spacing: 0.05em !important;
	text-transform: uppercase !important;
	color: #ffffff !important;
}
html:is([lang="en"], [lang="pt"]) section#services + section h2 {
	font-family: 'Montserrat', 'Inter', sans-serif !important;
	font-size: 32px !important;
	font-weight: 600 !important;
	line-height: 1.2 !important;
	color: #ffffff !important;
}
@media (max-width: 767px) {
	html:is([lang="en"], [lang="pt"]) section#services + section h2 {
		font-size: 36px !important;
		font-weight: 700 !important;
	}
}
html:is([lang="en"], [lang="pt"]) section#services + section h2 .text-secondary-fixed {
	color: #89f9af !important;
}
html:is([lang="en"], [lang="pt"]) section#services + section p.text-body-lg {
	font-family: 'Inter', sans-serif !important;
	font-size: 18px !important;
	font-weight: 400 !important;
	line-height: 1.6 !important;
	color: rgba(255, 255, 255, 0.8) !important;
}
html:is([lang="en"], [lang="pt"]) section#services + section a.bg-secondary {
	background-color: #006d3c !important;
	color: #ffffff !important;
	border-color: transparent !important;
	font-family: 'Inter', sans-serif !important;
	font-size: 14px !important;
	font-weight: 600 !important;
	line-height: 1 !important;
	letter-spacing: 0.05em !important;
}
html:is([lang="en"], [lang="pt"]) section#services + section a.bg-secondary:hover {
	background-color: rgba(0, 109, 60, 0.9) !important;
	color: #ffffff !important;
}
html:is([lang="en"], [lang="pt"]) section#services + section {
	background-color: #003b65 !important;
	color: #ffffff !important;
}
html:is([lang="en"], [lang="pt"]) section#services + section > div.absolute.inset-0.z-0 {
	background-image: radial-gradient(circle at 2px 2px, white 1px, transparent 0) !important;
	background-size: 32px 32px !important;
	opacity: 0.1 !important;
}
html:is([lang="en"], [lang="pt"]) section#services + section > div.absolute.top-0.left-0 {
	background-image: linear-gradient(to right, rgba(0, 109, 60, 0.2), rgba(0, 109, 60, 0)) !important;
	opacity: 1 !important;
}

/* ------------------------------------------------------------
   5) ELECTRONIC INSPECTION SYSTEM (Saudi G.A.P standards).
   ------------------------------------------------------------ */
html:is([lang="en"], [lang="pt"]) section#services + section + section {
	margin-top: 0 !important;
	margin-bottom: 0 !important;
	padding-top: 80px !important;
	padding-bottom: 80px !important;
	background-color: #f7f9ff !important;
}
html:is([lang="en"], [lang="pt"]) section#services + section + section > div {
	max-width: 1280px !important;
	margin-left: auto !important;
	margin-right: auto !important;
	padding-left: 1rem !important;
	padding-right: 1rem !important;
}
@media (min-width: 768px) {
	html:is([lang="en"], [lang="pt"]) section#services + section + section > div {
		padding-left: 3rem !important;
		padding-right: 3rem !important;
	}
}

html:is([lang="en"], [lang="pt"]) section#services + section + section .grid {
	display: grid !important;
	grid-template-columns: repeat(1, minmax(0, 1fr)) !important;
	gap: 24px !important;
	align-items: center !important;
}
@media (min-width: 1024px) {
	html:is([lang="en"], [lang="pt"]) section#services + section + section .grid {
		grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
	}
}

html:is([lang="en"], [lang="pt"]) section#services + section + section h1 {
	font-family: 'Montserrat', 'Inter', sans-serif !important;
	font-size: 32px !important;
	font-weight: 600 !important;
	line-height: 1.2 !important;
	color: #003b65 !important;
	text-align: left !important;
}
html:is([lang="en"], [lang="pt"]) section#services + section + section p.text-body-lg {
	font-family: 'Inter', sans-serif !important;
	font-size: 18px !important;
	font-weight: 400 !important;
	line-height: 1.6 !important;
	color: #42474f !important;
	text-align: left !important;
}
html:is([lang="en"], [lang="pt"]) section#services + section + section button,
html:is([lang="en"], [lang="pt"]) section#services + section + section a.bg-primary {
	background-color: #003b65 !important;
	color: #ffffff !important;
	border-radius: 8px !important;
	font-family: 'Inter', sans-serif !important;
	font-size: 14px !important;
	font-weight: 600 !important;
	line-height: 1 !important;
	letter-spacing: 0.05em !important;
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	gap: 8px !important;
	padding: 12px 32px !important;
	text-decoration: none !important;
	cursor: pointer !important;
	border: none !important;
}
html:is([lang="en"], [lang="pt"]) section#services + section + section button:hover,
html:is([lang="en"], [lang="pt"]) section#services + section + section a.bg-primary:hover {
	background-color: rgba(0, 59, 101, 0.9) !important;
	color: #ffffff !important;
}
html:is([lang="en"], [lang="pt"]) section#services + section + section .relative.h-\[400px\] {
	height: 400px !important;
	border-radius: 12px !important;
	overflow: hidden !important;
}
html:is([lang="en"], [lang="pt"]) section#services + section + section .relative.h-\[400px\] img {
	position: absolute !important;
	inset: 0 !important;
	width: 100% !important;
	height: 100% !important;
	object-fit: cover !important;
}
html:is([lang="en"], [lang="pt"]) section#services + section + section .relative.h-\[400px\] h3 {
	font-family: 'Montserrat', 'Inter', sans-serif !important;
	font-size: 24px !important;
	font-weight: 600 !important;
	line-height: 1.3 !important;
	color: #ffffff !important;
	text-align: left !important;
}
html:is([lang="en"], [lang="pt"]) section#services + section + section .relative.h-\[400px\] p {
	font-family: 'Inter', sans-serif !important;
	font-size: 16px !important;
	font-weight: 400 !important;
	line-height: 1.5 !important;
	color: rgba(255, 255, 255, 0.9) !important;
	text-align: left !important;
}

/* ------------------------------------------------------------
   6) CoC CERTIFICATE WORKFLOW (#coc-workflow).
   ------------------------------------------------------------ */
html:is([lang="en"], [lang="pt"]) #coc-workflow {
	margin-top: 0 !important;
	margin-bottom: 0 !important;
	padding-top: 80px !important;
	padding-bottom: 80px !important;
	background-color: #f7f9ff !important;
}
html:is([lang="en"], [lang="pt"]) #coc-workflow > div {
	max-width: 1280px !important;
	margin-left: auto !important;
	margin-right: auto !important;
	padding-left: 1rem !important;
	padding-right: 1rem !important;
}
@media (min-width: 768px) {
	html:is([lang="en"], [lang="pt"]) #coc-workflow > div {
		padding-left: 3rem !important;
		padding-right: 3rem !important;
	}
}

html:is([lang="en"], [lang="pt"]) #coc-workflow .text-center,
html:is([lang="en"], [lang="pt"]) #coc-workflow .text-center h2,
html:is([lang="en"], [lang="pt"]) #coc-workflow .text-center p {
	text-align: center !important;
}
html:is([lang="en"], [lang="pt"]) #coc-workflow h2 {
	font-family: 'Montserrat', 'Inter', sans-serif !important;
	font-size: 32px !important;
	font-weight: 600 !important;
	line-height: 1.2 !important;
	color: #003b65 !important;
}
html:is([lang="en"], [lang="pt"]) #coc-workflow .text-center p {
	font-family: 'Inter', sans-serif !important;
	font-size: 18px !important;
	font-weight: 400 !important;
	line-height: 1.6 !important;
	color: #42474f !important;
	max-width: 42rem !important;
	margin-left: auto !important;
	margin-right: auto !important;
}

html:is([lang="en"], [lang="pt"]) #coc-workflow .grid {
	display: grid !important;
	grid-template-columns: repeat(1, minmax(0, 1fr)) !important;
	gap: 16px !important;
	grid-auto-rows: 200px !important;
}
@media (min-width: 768px) {
	html:is([lang="en"], [lang="pt"]) #coc-workflow .grid {
		grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
	}
}
@media (min-width: 1024px) {
	html:is([lang="en"], [lang="pt"]) #coc-workflow .grid {
		grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
	}
}

html:is([lang="en"], [lang="pt"]) #coc-workflow .grid > div {
	display: flex !important;
	flex-direction: column !important;
	justify-content: space-between !important;
	border-radius: 12px !important;
}
@media (min-width: 1024px) {
	html:is([lang="en"], [lang="pt"]) #coc-workflow .grid > div:nth-child(1),
	html:is([lang="en"], [lang="pt"]) #coc-workflow .grid > div:nth-child(4),
	html:is([lang="en"], [lang="pt"]) #coc-workflow .grid > div:nth-child(7) {
		grid-column: span 2 / span 2 !important;
	}
	html:is([lang="en"], [lang="pt"]) #coc-workflow .grid > div:nth-child(4) {
		grid-row: span 2 / span 2 !important;
	}
}

html:is([lang="en"], [lang="pt"]) #coc-workflow .grid > div:not(:nth-child(4)):not(:nth-child(7)) {
	background-color: #ffffff !important;
	border: 1px solid rgba(194, 199, 209, 0.5) !important;
}
html:is([lang="en"], [lang="pt"]) #coc-workflow .grid > div h3 {
	font-family: 'Montserrat', 'Inter', sans-serif !important;
	font-size: 20px !important;
	font-weight: 700 !important;
	line-height: 1.3 !important;
	color: #003b65 !important;
}
html:is([lang="en"], [lang="pt"]) #coc-workflow .grid > div p {
	font-family: 'Inter', sans-serif !important;
	font-size: 15px !important;
	font-weight: 400 !important;
	line-height: 1.5 !important;
	color: #42474f !important;
}
html:is([lang="en"], [lang="pt"]) #coc-workflow .grid > div span.text-label-sm {
	font-family: 'Inter', sans-serif !important;
	font-size: 12px !important;
	font-weight: 500 !important;
	line-height: 1 !important;
}

html:is([lang="en"], [lang="pt"]) #coc-workflow .grid > div:nth-child(4) {
	overflow: hidden !important;
}
html:is([lang="en"], [lang="pt"]) #coc-workflow .grid > div:nth-child(4) img {
	position: absolute !important;
	inset: 0 !important;
	width: 100% !important;
	height: 100% !important;
	object-fit: cover !important;
}
html:is([lang="en"], [lang="pt"]) #coc-workflow .grid > div:nth-child(4) > div:last-child {
	background-image: linear-gradient(to top, rgba(0, 59, 101, 0.9), rgba(0, 59, 101, 0.5), rgba(0, 59, 101, 0)) !important;
}
html:is([lang="en"], [lang="pt"]) #coc-workflow .grid > div:nth-child(4) h3 {
	color: #ffffff !important;
	font-size: 36px !important;
	font-weight: 700 !important;
	line-height: 1.2 !important;
}
html:is([lang="en"], [lang="pt"]) #coc-workflow .grid > div:nth-child(4) p {
	color: rgba(255, 255, 255, 0.9) !important;
}
html:is([lang="en"], [lang="pt"]) #coc-workflow .grid > div:nth-child(7) {
	background-color: #003b65 !important;
	color: #ffffff !important;
}
html:is([lang="en"], [lang="pt"]) #coc-workflow .grid > div:nth-child(7) h3 {
	color: #ffffff !important;
}
html:is([lang="en"], [lang="pt"]) #coc-workflow .grid > div:nth-child(7) p {
	color: rgba(255, 255, 255, 0.8) !important;
}
html:is([lang="en"], [lang="pt"]) #coc-workflow .grid > div:nth-child(7) span.text-label-sm {
	color: #003b65 !important;
	background-color: #89f9af !important;
}

html:is([lang="en"], [lang="pt"]) #coc-workflow .grid > div h3,
html:is([lang="en"], [lang="pt"]) #coc-workflow .grid > div p {
	text-align: left !important;
}

/* ------------------------------------------------------------
   8) SAUDI G.A.P AUTHORIZED REPRESENTATIVE (#saudi-gap-section).
   ------------------------------------------------------------ */
html:is([lang="en"], [lang="pt"]) #saudi-gap-section {
	background-color: #003b65 !important;
	color: #ffffff !important;
}
html:is([lang="en"], [lang="pt"]) #saudi-gap-section > div.relative.z-10 {
	max-width: 1280px !important;
	margin-left: auto !important;
	margin-right: auto !important;
	padding-left: 1rem !important;
	padding-right: 1rem !important;
	padding-top: 80px !important;
	padding-bottom: 80px !important;
}
@media (min-width: 768px) {
	html:is([lang="en"], [lang="pt"]) #saudi-gap-section > div.relative.z-10 {
		padding-left: 3rem !important;
		padding-right: 3rem !important;
	}
}
html:is([lang="en"], [lang="pt"]) #saudi-gap-section > div.absolute.inset-0 {
	background-image: radial-gradient(circle at 2px 2px, white 1px, transparent 0) !important;
	background-size: 32px 32px !important;
	opacity: 0.1 !important;
}
html:is([lang="en"], [lang="pt"]) #saudi-gap-section > div.absolute.top-0.left-0 {
	background-image: linear-gradient(to right, rgba(0, 109, 60, 0.2), rgba(0, 109, 60, 0)) !important;
	opacity: 1 !important;
}

html:is([lang="en"], [lang="pt"]) #saudi-gap-section .flex.flex-col {
	gap: 3rem !important;
}
@media (min-width: 1024px) {
	html:is([lang="en"], [lang="pt"]) #saudi-gap-section .flex.flex-col {
		flex-direction: row !important;
		align-items: center !important;
	}
	html:is([lang="en"], [lang="pt"]) #saudi-gap-section .flex.flex-col > div {
		width: 50% !important;
	}
}

html:is([lang="en"], [lang="pt"]) #saudi-gap-section .inline-flex span.text-label-sm {
	font-family: 'Inter', sans-serif !important;
	font-size: 12px !important;
	font-weight: 500 !important;
	line-height: 1 !important;
	letter-spacing: 0.05em !important;
	text-transform: uppercase !important;
	color: #ffffff !important;
}
html:is([lang="en"], [lang="pt"]) #saudi-gap-section h2 {
	font-family: 'Montserrat', 'Inter', sans-serif !important;
	font-size: 32px !important;
	font-weight: 600 !important;
	line-height: 1.2 !important;
	color: #ffffff !important;
}
@media (max-width: 767px) {
	html:is([lang="en"], [lang="pt"]) #saudi-gap-section h2 {
		font-size: 36px !important;
		font-weight: 700 !important;
	}
}
html:is([lang="en"], [lang="pt"]) #saudi-gap-section h2 .text-secondary-fixed {
	color: #89f9af !important;
}
html:is([lang="en"], [lang="pt"]) #saudi-gap-section p.text-body-lg {
	font-family: 'Inter', sans-serif !important;
	font-size: 18px !important;
	font-weight: 400 !important;
	line-height: 1.6 !important;
	color: rgba(255, 255, 255, 0.8) !important;
}
html:is([lang="en"], [lang="pt"]) #saudi-gap-section a.bg-secondary {
	background-color: #006d3c !important;
	color: #ffffff !important;
	border-color: transparent !important;
	font-family: 'Inter', sans-serif !important;
	font-size: 14px !important;
	font-weight: 600 !important;
	line-height: 1 !important;
	letter-spacing: 0.05em !important;
}
html:is([lang="en"], [lang="pt"]) #saudi-gap-section a.bg-secondary:hover {
	background-color: rgba(0, 109, 60, 0.9) !important;
	color: #ffffff !important;
}

html:is([lang="en"], [lang="pt"]) #saudi-gap-section .aspect-video {
	aspect-ratio: 16 / 9 !important;
	background-color: #ffffff !important;
	border: 1px solid rgba(255, 255, 255, 0.1) !important;
	border-radius: 12px !important;
	overflow: hidden !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
}
html:is([lang="en"], [lang="pt"]) #saudi-gap-section .aspect-video img {
	width: 100% !important;
	max-width: 24rem !important;
	height: auto !important;
	object-fit: contain !important;
}
html:is([lang="en"], [lang="pt"]) #saudi-gap-section .aspect-video img.coc-img {
	max-width: 100% !important;
	width: auto !important;
	max-height: 100% !important;
	height: auto !important;
	object-fit: contain !important;
	object-position: center !important;
}

html:is([lang="en"], [lang="pt"]) #saudi-gap-section h2,
html:is([lang="en"], [lang="pt"]) #saudi-gap-section p.text-body-lg {
	text-align: left !important;
}

/* ------------------------------------------------------------
   9) MEWA PARTNERSHIP (#mewa-section) — blue section.
   ------------------------------------------------------------ */
html:is([lang="en"], [lang="pt"]) #mewa-section {
	background-color: #003b65 !important;
	color: #ffffff !important;
	background-image:
		radial-gradient(circle at 2px 2px, rgba(255, 255, 255, 0.1) 1px, transparent 0),
		linear-gradient(to right, rgba(0, 109, 60, 0.2), rgba(0, 109, 60, 0)) !important;
	background-size: 32px 32px, 50% 100% !important;
	background-position: center, left center !important;
	background-repeat: repeat, no-repeat !important;
	padding-top: 80px !important;
	padding-bottom: 80px !important;
	padding-left: 1rem !important;
	padding-right: 1rem !important;
}
@media (min-width: 768px) {
	html:is([lang="en"], [lang="pt"]) #mewa-section {
		padding-left: 3rem !important;
		padding-right: 3rem !important;
	}
}
html:is([lang="en"], [lang="pt"]) #mewa-section > div {
	max-width: 1280px !important;
	margin-left: auto !important;
	margin-right: auto !important;
}
html:is([lang="en"], [lang="pt"]) #mewa-section .flex.flex-col {
	gap: 3rem !important;
}
@media (min-width: 1024px) {
	html:is([lang="en"], [lang="pt"]) #mewa-section .flex.flex-col {
		flex-direction: row !important;
		align-items: center !important;
	}
	html:is([lang="en"], [lang="pt"]) #mewa-section .flex.flex-col > div {
		width: 50% !important;
	}
}

html:is([lang="en"], [lang="pt"]) #mewa-section .inline-flex {
	background-color: rgba(255, 255, 255, 0.1) !important;
	border-color: rgba(255, 255, 255, 0.2) !important;
	backdrop-filter: blur(4px) !important;
}
html:is([lang="en"], [lang="pt"]) #mewa-section .inline-flex span.text-label-sm {
	font-family: 'Inter', sans-serif !important;
	font-size: 12px !important;
	font-weight: 500 !important;
	line-height: 1 !important;
	letter-spacing: 0.05em !important;
	text-transform: uppercase !important;
	color: #89f9af !important;
}
html:is([lang="en"], [lang="pt"]) #mewa-section h2 {
	font-family: 'Montserrat', 'Inter', sans-serif !important;
	font-size: 32px !important;
	font-weight: 600 !important;
	line-height: 1.2 !important;
	color: #ffffff !important;
	text-align: left !important;
}
@media (max-width: 767px) {
	html:is([lang="en"], [lang="pt"]) #mewa-section h2 {
		font-size: 28px !important;
	}
}
html:is([lang="en"], [lang="pt"]) #mewa-section h2 .text-secondary {
	color: #89f9af !important;
}
html:is([lang="en"], [lang="pt"]) #mewa-section p.text-body-lg {
	font-family: 'Inter', sans-serif !important;
	font-size: 18px !important;
	font-weight: 400 !important;
	line-height: 1.6 !important;
	color: rgba(255, 255, 255, 0.8) !important;
	text-align: left !important;
}
html:is([lang="en"], [lang="pt"]) #mewa-section a.bg-secondary {
	background-color: #006d3c !important;
	color: #ffffff !important;
	border-color: transparent !important;
	font-family: 'Inter', sans-serif !important;
	font-size: 14px !important;
	font-weight: 600 !important;
	line-height: 1 !important;
	letter-spacing: 0.05em !important;
}
html:is([lang="en"], [lang="pt"]) #mewa-section a.bg-secondary:hover {
	background-color: rgba(0, 109, 60, 0.9) !important;
	color: #ffffff !important;
}
html:is([lang="en"], [lang="pt"]) #mewa-section .aspect-video {
	aspect-ratio: 16 / 9 !important;
	background-color: #ffffff !important;
	border: 1px solid rgba(194, 199, 209, 0.2) !important;
	border-radius: 12px !important;
	overflow: hidden !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
}
html:is([lang="en"], [lang="pt"]) #mewa-section .aspect-video img {
	width: 100% !important;
	max-width: 24rem !important;
	height: auto !important;
	object-fit: contain !important;
}

/* ------------------------------------------------------------
   10) JOIN OUR INSPECTOR NETWORK (#inspectors-cta).
   ------------------------------------------------------------ */
html:is([lang="en"], [lang="pt"]) #inspectors-cta {
	background-color: #f7f9ff !important;
	padding-top: 80px !important;
	padding-bottom: 80px !important;
	padding-left: 1rem !important;
	padding-right: 1rem !important;
}
@media (min-width: 768px) {
	html:is([lang="en"], [lang="pt"]) #inspectors-cta {
		padding-left: 3rem !important;
		padding-right: 3rem !important;
	}
}
html:is([lang="en"], [lang="pt"]) #inspectors-cta > div {
	max-width: 1280px !important;
	margin-left: auto !important;
	margin-right: auto !important;
}
html:is([lang="en"], [lang="pt"]) #inspectors-cta .rounded-2xl.relative {
	border-radius: 16px !important;
	overflow: hidden !important;
	position: relative !important;
	box-shadow: 0 24px 64px rgba(0, 59, 101, 0.25) !important;
}
html:is([lang="en"], [lang="pt"]) #inspectors-cta .rounded-2xl.relative img.absolute {
	position: absolute !important;
	inset: 0 !important;
	width: 100% !important;
	height: 100% !important;
	object-fit: cover !important;
}
html:is([lang="en"], [lang="pt"]) #inspectors-cta .absolute.inset-0.bg-primary\/90 {
	background-color: rgba(0, 59, 101, 0.9) !important;
}
html:is([lang="en"], [lang="pt"]) #inspectors-cta .relative.z-10 {
	position: relative !important;
	z-index: 10 !important;
	display: flex !important;
	flex-direction: column !important;
	align-items: center !important;
	justify-content: center !important;
	gap: 2.5rem !important;
	text-align: center !important;
}
@media (min-width: 768px) {
	html:is([lang="en"], [lang="pt"]) #inspectors-cta .relative.z-10 {
		flex-direction: row !important;
		justify-content: space-between !important;
		align-items: center !important;
		text-align: left !important;
	}
	html:is([lang="en"], [lang="pt"]) #inspectors-cta .relative.z-10 > div {
		text-align: left !important;
	}
}
html:is([lang="en"], [lang="pt"]) #inspectors-cta .inline-flex span.text-label-sm {
	font-family: 'Inter', sans-serif !important;
	font-size: 12px !important;
	font-weight: 500 !important;
	line-height: 1 !important;
	letter-spacing: 0.05em !important;
	text-transform: uppercase !important;
	color: #89f9af !important;
}
html:is([lang="en"], [lang="pt"]) #inspectors-cta h2 {
	font-family: 'Montserrat', 'Inter', sans-serif !important;
	font-size: 32px !important;
	font-weight: 600 !important;
	line-height: 1.2 !important;
	color: #ffffff !important;
}
@media (max-width: 767px) {
	html:is([lang="en"], [lang="pt"]) #inspectors-cta h2 {
		font-size: 26px !important;
	}
}
html:is([lang="en"], [lang="pt"]) #inspectors-cta p.text-body-lg {
	font-family: 'Inter', sans-serif !important;
	font-size: 18px !important;
	font-weight: 400 !important;
	line-height: 1.6 !important;
	color: rgba(255, 255, 255, 0.85) !important;
}
html:is([lang="en"], [lang="pt"]) #inspectors-cta a.bg-secondary {
	background-color: #006d3c !important;
	color: #ffffff !important;
	border-color: transparent !important;
	font-family: 'Inter', sans-serif !important;
	font-size: 14px !important;
	font-weight: 600 !important;
	line-height: 1 !important;
	letter-spacing: 0.05em !important;
	flex-shrink: 0 !important;
}
html:is([lang="en"], [lang="pt"]) #inspectors-cta a.bg-secondary:hover {
	background-color: rgba(0, 109, 60, 0.9) !important;
	color: #ffffff !important;
}

/* ------------------------------------------------------------
   11) SMART TRACKING & SUPPLY CHAINS (#smart-tracking).
   ------------------------------------------------------------ */
html:is([lang="en"], [lang="pt"]) #smart-tracking {
	background-color: #f1f4f9 !important;
	padding-top: 80px !important;
	padding-bottom: 80px !important;
	padding-left: 48px !important;
	padding-right: 48px !important;
}
@media (max-width: 767px) {
	html:is([lang="en"], [lang="pt"]) #smart-tracking {
		padding-left: 16px !important;
		padding-right: 16px !important;
	}
}
html:is([lang="en"], [lang="pt"]) #smart-tracking > div {
	max-width: 1280px !important;
	margin-left: auto !important;
	margin-right: auto !important;
}
html:is([lang="en"], [lang="pt"]) #smart-tracking .max-w-container-max.grid {
	display: grid !important;
	grid-template-columns: repeat(1, minmax(0, 1fr)) !important;
	gap: 24px !important;
	align-items: center !important;
}
@media (min-width: 1024px) {
	html:is([lang="en"], [lang="pt"]) #smart-tracking .max-w-container-max.grid {
		grid-template-columns: repeat(12, minmax(0, 1fr)) !important;
	}
	html:is([lang="en"], [lang="pt"]) #smart-tracking .max-w-container-max.grid > div:first-child {
		grid-column: span 5 / span 5 !important;
	}
	html:is([lang="en"], [lang="pt"]) #smart-tracking .max-w-container-max.grid > div:last-child {
		grid-column: span 7 / span 7 !important;
	}
}

html:is([lang="en"], [lang="pt"]) #smart-tracking h2 {
	font-family: 'Montserrat', 'Inter', sans-serif !important;
	font-size: 32px !important;
	font-weight: 600 !important;
	line-height: 1.2 !important;
	color: #003b65 !important;
	text-align: left !important;
}
html:is([lang="en"], [lang="pt"]) #smart-tracking p.text-body-lg {
	font-family: 'Inter', sans-serif !important;
	font-size: 18px !important;
	font-weight: 400 !important;
	line-height: 1.6 !important;
	color: #42474f !important;
	text-align: left !important;
}

html:is([lang="en"], [lang="pt"]) #smart-tracking ul li {
	display: flex !important;
	align-items: flex-start !important;
	gap: 12px !important;
}
html:is([lang="en"], [lang="pt"]) #smart-tracking ul li .material-symbols-outlined {
	color: #006d3c !important;
}
html:is([lang="en"], [lang="pt"]) #smart-tracking ul li h4 {
	font-family: 'Montserrat', 'Inter', sans-serif !important;
	font-size: 14px !important;
	font-weight: 600 !important;
	line-height: 1.3 !important;
	color: #181c20 !important;
	text-align: left !important;
}
html:is([lang="en"], [lang="pt"]) #smart-tracking ul li p {
	font-family: 'Inter', sans-serif !important;
	font-size: 14px !important;
	font-weight: 400 !important;
	line-height: 1.5 !important;
	color: #42474f !important;
	text-align: left !important;
}

html:is([lang="en"], [lang="pt"]) #smart-tracking .max-w-container-max.grid > div:last-child {
	display: grid !important;
	grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
	gap: 16px !important;
	position: relative !important;
}
html:is([lang="en"], [lang="pt"]) #smart-tracking .tech-shadow {
	box-shadow: 0 8px 32px rgba(0, 59, 101, 0.08) !important;
}
html:is([lang="en"], [lang="pt"]) #smart-tracking .bg-surface-container-lowest {
	background-color: #ffffff !important;
	border-bottom: 2px solid #003b65 !important;
	border-radius: 8px !important;
	padding: 24px !important;
}
html:is([lang="en"], [lang="pt"]) #smart-tracking .bg-surface-container-lowest .material-symbols-outlined {
	color: #003b65 !important;
	font-size: 30px !important;
}
html:is([lang="en"], [lang="pt"]) #smart-tracking .bg-surface-container-lowest h4 {
	font-family: 'Montserrat', 'Inter', sans-serif !important;
	font-size: 14px !important;
	font-weight: 600 !important;
	line-height: 1.3 !important;
	color: #181c20 !important;
	text-align: left !important;
}
html:is([lang="en"], [lang="pt"]) #smart-tracking .h-48 {
	height: 192px !important;
	border-radius: 8px !important;
	overflow: hidden !important;
	box-shadow: 0 8px 32px rgba(0, 59, 101, 0.08) !important;
}
html:is([lang="en"], [lang="pt"]) #smart-tracking .h-48 img {
	width: 100% !important;
	height: 100% !important;
	object-fit: cover !important;
}

/* ------------------------------------------------------------
   12) FOOTER — bg-primary #003b65, white text, 1280px bounded.
   ------------------------------------------------------------ */
html:is([lang="en"], [lang="pt"]) footer {
	background-color: #003b65 !important;
	color: #ffffff !important;
	position: relative !important;
	overflow: hidden !important;
}
html:is([lang="en"], [lang="pt"]) footer > div:first-child {
	max-width: 1280px !important;
	margin-left: auto !important;
	margin-right: auto !important;
	padding-left: 1rem !important;
	padding-right: 1rem !important;
	padding-top: 80px !important;
	padding-bottom: 80px !important;
	display: grid !important;
	grid-template-columns: repeat(1, minmax(0, 1fr)) !important;
	gap: 24px !important;
}
@media (min-width: 768px) {
	html:is([lang="en"], [lang="pt"]) footer > div:first-child {
		padding-left: 3rem !important;
		padding-right: 3rem !important;
		grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
	}
}
html:is([lang="en"], [lang="pt"]) footer > div:first-child > div:nth-child(1),
html:is([lang="en"], [lang="pt"]) footer > div:first-child > div:nth-child(2) {
	grid-column: span 1 / span 1 !important;
}
html:is([lang="en"], [lang="pt"]) footer > div:first-child > div:nth-child(3) {
	grid-column: span 2 / span 2 !important;
}

html:is([lang="en"], [lang="pt"]) footer .mb-6 a img {
	height: 48px !important;
	width: auto !important;
	object-fit: contain !important;
}
@media (min-width: 768px) {
	html:is([lang="en"], [lang="pt"]) footer .mb-6 a img {
		height: 56px !important;
	}
}
html:is([lang="en"], [lang="pt"]) footer p.text-body-md {
	font-family: 'Inter', sans-serif !important;
	font-size: 16px !important;
	font-weight: 400 !important;
	line-height: 1.5 !important;
	color: rgba(255, 255, 255, 0.8) !important;
}
html:is([lang="en"], [lang="pt"]) footer .w-10.h-10 {
	width: 40px !important;
	height: 40px !important;
	border-radius: 9999px !important;
	background-color: rgba(255, 255, 255, 0.1) !important;
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	color: #ffffff !important;
}
html:is([lang="en"], [lang="pt"]) footer h4 {
	font-family: 'Montserrat', 'Inter', sans-serif !important;
	font-size: 20px !important;
	font-weight: 700 !important;
	line-height: 1.3 !important;
	color: #ffffff !important;
	text-align: left !important;
}
html:is([lang="en"], [lang="pt"]) footer ul li a {
	font-family: 'Inter', sans-serif !important;
	font-size: 16px !important;
	font-weight: 400 !important;
	line-height: 1.5 !important;
	color: rgba(255, 255, 255, 0.8) !important;
	display: flex !important;
	align-items: center !important;
	gap: 8px !important;
	text-align: left !important;
}
html:is([lang="en"], [lang="pt"]) footer ul li a:hover {
	color: #89f9af !important;
}
html:is([lang="en"], [lang="pt"]) footer address p {
	font-family: 'Inter', sans-serif !important;
	font-size: 16px !important;
	font-weight: 400 !important;
	line-height: 1.5 !important;
	color: rgba(255, 255, 255, 0.8) !important;
	text-align: left !important;
}

html:is([lang="en"], [lang="pt"]) footer > div:nth-child(2) {
	max-width: 1280px !important;
	margin-left: auto !important;
	margin-right: auto !important;
	padding-left: 1rem !important;
	padding-right: 1rem !important;
	justify-content: space-between !important;
	align-items: center !important;
}
@media (min-width: 768px) {
	html:is([lang="en"], [lang="pt"]) footer > div:nth-child(2) {
		padding-left: 3rem !important;
		padding-right: 3rem !important;
	}
}
html:is([lang="en"], [lang="pt"]) footer > div:nth-child(2) p,
html:is([lang="en"], [lang="pt"]) footer > div:nth-child(2) span {
	font-family: 'Inter', sans-serif !important;
	font-size: 16px !important;
	font-weight: 400 !important;
	line-height: 1.5 !important;
	color: rgba(255, 255, 255, 0.6) !important;
}
html:is([lang="en"], [lang="pt"]) footer > div:nth-child(2) a {
	color: rgba(255, 255, 255, 0.6) !important;
}
html:is([lang="en"], [lang="pt"]) footer > div:nth-child(2) a:hover {
	color: #ffffff !important;
}
html:is([lang="en"], [lang="pt"]) footer > div:nth-child(2) .flex {
	display: flex !important;
	align-items: center !important;
	gap: 8px !important;
}

/* ------------------------------------------------------------
   13) CONTACT PAGE (English) — shared .ct-* design with English
       fonts (Montserrat headings / Inter labels & fields).
   ------------------------------------------------------------ */
html:is([lang="en"], [lang="pt"]) #ct-hero h1 {
	font-family: 'Montserrat', 'Inter', sans-serif !important;
	font-weight: 800 !important;
}
html:is([lang="en"], [lang="pt"]) .ct-badge {
	font-family: 'Inter', sans-serif !important;
}
html:is([lang="en"], [lang="pt"]) .ct-head h2 {
	font-family: 'Montserrat', 'Inter', sans-serif !important;
}
html:is([lang="en"], [lang="pt"]) .ct-head p {
	font-family: 'Inter', sans-serif !important;
}
html:is([lang="en"], [lang="pt"]) .ct-card h3 {
	font-family: 'Montserrat', 'Inter', sans-serif !important;
}
html:is([lang="en"], [lang="pt"]) .ct-card-label {
	font-family: 'Inter', sans-serif !important;
}
html:is([lang="en"], [lang="pt"]) .ct-card-line {
	font-family: 'Inter', sans-serif !important;
}
html:is([lang="en"], [lang="pt"]) .ct-field label {
	font-family: 'Inter', sans-serif !important;
}
html:is([lang="en"], [lang="pt"]) .ct-field input,
html:is([lang="en"], [lang="pt"]) .ct-field select,
html:is([lang="en"], [lang="pt"]) .ct-field textarea {
	font-family: 'Inter', sans-serif !important;
}
html:is([lang="en"], [lang="pt"]) .ct-hint {
	font-family: 'Inter', sans-serif !important;
}
html:is([lang="en"], [lang="pt"]) .ct-notice {
	font-family: 'Inter', sans-serif !important;
}
html:is([lang="en"], [lang="pt"]) .ct-btn {
	font-family: 'Inter', sans-serif !important;
}

/* ------------------------------------------------------------
   14) ABOUT US PAGE (English) — mirror of the Arabic design.
       Shared selectors (#about-hero, #about-intro, #about-vm)
       already provide layout/colors for BOTH languages; these
       overrides only switch the Arabic fonts (Cairo/Tajawal) to
       the English brand fonts (Montserrat headings / Inter body)
       with the exact same sizes & weights.
   ------------------------------------------------------------ */
/* ============ HERO ============ */
html:is([lang="en"], [lang="pt"]) #about-hero .ah-badge {
	font-family: 'Inter', sans-serif !important;
	font-size: 13px !important;
	font-weight: 600 !important;
	letter-spacing: 0.08em !important;
	text-transform: uppercase !important;
	color: #89f9af !important;
}
html:is([lang="en"], [lang="pt"]) #about-hero .ah-badge .material-symbols-outlined {
	font-size: 16px !important;
}
html:is([lang="en"], [lang="pt"]) #about-hero h1 {
	font-family: 'Montserrat', 'Inter', sans-serif !important;
	font-size: 56px !important;
	font-weight: 800 !important;
	line-height: 1.15 !important;
	color: #ffffff !important;
	letter-spacing: -0.01em !important;
}
@media (max-width: 767px) {
	html:is([lang="en"], [lang="pt"]) #about-hero h1 {
		font-size: 38px !important;
	}
}
html:is([lang="en"], [lang="pt"]) #about-hero h1 .ah-accent {
	color: #89f9af !important;
}
html:is([lang="en"], [lang="pt"]) #about-hero .ah-actions a {
	font-family: 'Inter', sans-serif !important;
	font-size: 15px !important;
	font-weight: 700 !important;
}
html:is([lang="en"], [lang="pt"]) #about-hero .ah-btn-primary {
	background: #006d3c !important;
	color: #ffffff !important;
	box-shadow: 0 12px 32px rgba(0, 109, 60, 0.35) !important;
}
html:is([lang="en"], [lang="pt"]) #about-hero .ah-btn-primary:hover {
	background: #007d45 !important;
	transform: translateY(-3px) !important;
}
html:is([lang="en"], [lang="pt"]) #about-hero .ah-btn-ghost {
	background: rgba(255, 255, 255, 0.08) !important;
	color: #ffffff !important;
	border: 1px solid rgba(255, 255, 255, 0.25) !important;
}
html:is([lang="en"], [lang="pt"]) #about-hero .ah-btn-ghost:hover {
	background: rgba(255, 255, 255, 0.16) !important;
	transform: translateY(-3px) !important;
}
html:is([lang="en"], [lang="pt"]) #about-hero .ah-chip {
	font-family: 'Inter', sans-serif !important;
	font-size: 14px !important;
	font-weight: 500 !important;
	color: rgba(255, 255, 255, 0.92) !important;
}
html:is([lang="en"], [lang="pt"]) #about-hero .ah-chip .material-symbols-outlined {
	font-size: 17px !important;
	color: #89f9af !important;
}
html:is([lang="en"], [lang="pt"]) #about-hero .ah-lead {
	font-family: 'Inter', sans-serif !important;
	font-size: 22px !important;
	font-weight: 600 !important;
	line-height: 1.8 !important;
	color: #ffffff !important;
}
html:is([lang="en"], [lang="pt"]) #about-hero .ah-sub {
	font-family: 'Inter', sans-serif !important;
	font-size: 18px !important;
	font-weight: 400 !important;
	line-height: 1.9 !important;
	color: rgba(255, 255, 255, 0.82) !important;
}

/* ============ INTRO (Who we are) ============ */
html:is([lang="en"], [lang="pt"]) #about-intro .ai-badge {
	font-family: 'Inter', sans-serif !important;
	font-size: 12px !important;
	font-weight: 600 !important;
	letter-spacing: 0.08em !important;
	text-transform: uppercase !important;
	color: #006d3c !important;
}
html:is([lang="en"], [lang="pt"]) #about-intro .ai-badge .material-symbols-outlined {
	font-size: 15px !important;
}
html:is([lang="en"], [lang="pt"]) #about-intro h2 {
	font-family: 'Montserrat', 'Inter', sans-serif !important;
	font-size: 36px !important;
	font-weight: 800 !important;
	color: #003b65 !important;
	line-height: 1.3 !important;
}
@media (max-width: 767px) {
	html:is([lang="en"], [lang="pt"]) #about-intro h2 {
		font-size: 28px !important;
	}
}
html:is([lang="en"], [lang="pt"]) #about-intro .ai-text {
	font-family: 'Inter', sans-serif !important;
	font-size: 18px !important;
	line-height: 2 !important;
	color: #42474f !important;
}
/* Quote card: the border sits on the LEFT in LTR, so round the
   LEFT corners (the shared rule rounds the right corners for RTL). */
html:is([lang="en"], [lang="pt"]) #about-intro .ai-quote {
	border-radius: 14px 0 0 14px !important;
}
html:is([lang="en"], [lang="pt"]) #about-intro .ai-quote p {
	font-family: 'Inter', sans-serif !important;
	font-size: 17px !important;
	font-weight: 600 !important;
	line-height: 1.8 !important;
	color: #003b65 !important;
}
html:is([lang="en"], [lang="pt"]) #about-intro .ai-pillar h3 {
	font-family: 'Montserrat', 'Inter', sans-serif !important;
	font-size: 20px !important;
	font-weight: 700 !important;
	color: #003b65 !important;
}
html:is([lang="en"], [lang="pt"]) #about-intro .ai-pillar p {
	font-family: 'Inter', sans-serif !important;
	font-size: 15px !important;
	line-height: 1.75 !important;
	color: #42474f !important;
}
html:is([lang="en"], [lang="pt"]) #about-intro .ai-pillar .ai-step {
	font-family: 'Montserrat', sans-serif !important;
	font-size: 44px !important;
	font-weight: 800 !important;
	color: rgba(0, 59, 101, 0.06) !important;
}

/* ============ VISION & MISSION ============ */
html:is([lang="en"], [lang="pt"]) #about-vm .vm-badge {
	font-family: 'Inter', sans-serif !important;
	font-size: 12px !important;
	font-weight: 600 !important;
	letter-spacing: 0.08em !important;
	text-transform: uppercase !important;
	color: #003b65 !important;
}
html:is([lang="en"], [lang="pt"]) #about-vm .vm-badge .material-symbols-outlined {
	font-size: 15px !important;
}
html:is([lang="en"], [lang="pt"]) #about-vm .vm-head h2 {
	font-family: 'Montserrat', 'Inter', sans-serif !important;
	font-size: 38px !important;
	font-weight: 800 !important;
	color: #003b65 !important;
}
html:is([lang="en"], [lang="pt"]) #about-vm .vm-head p {
	font-family: 'Inter', sans-serif !important;
	font-size: 17px !important;
	color: #42474f !important;
}
html:is([lang="en"], [lang="pt"]) #about-vm .vm-card p {
	font-family: 'Inter', sans-serif !important;
	font-size: 18px !important;
	line-height: 2.05 !important;
	color: #42474f !important;
}
html:is([lang="en"], [lang="pt"]) #about-vm .vm-tag {
	font-family: 'Montserrat', 'Inter', sans-serif !important;
	font-size: 16px !important;
	font-weight: 700 !important;
}
html:is([lang="en"], [lang="pt"]) #about-vm .vm-cta p {
	font-family: 'Inter', sans-serif !important;
	font-size: 18px !important;
	line-height: 1.7 !important;
	color: rgba(255, 255, 255, 0.94) !important;
}
html:is([lang="en"], [lang="pt"]) #about-vm .vm-cta a {
	font-family: 'Inter', sans-serif !important;
	font-size: 15px !important;
	font-weight: 700 !important;
	background: #006d3c !important;
	color: #ffffff !important;
	box-shadow: 0 12px 30px rgba(0, 109, 60, 0.4) !important;
}
html:is([lang="en"], [lang="pt"]) #about-vm .vm-cta a:hover {
	background: #007d45 !important;
	transform: translateY(-3px) !important;
}

/* ============ SECTORS PAGE HERO (English overrides) ============ */
html:is([lang="en"], [lang="pt"]) #sect-hero .ah-badge {
	font-family: 'Inter', sans-serif !important;
	font-size: 13px !important;
	font-weight: 600 !important;
	letter-spacing: 0.08em !important;
	text-transform: uppercase !important;
	color: #89f9af !important;
}
html:is([lang="en"], [lang="pt"]) #sect-hero h1 {
	font-family: 'Montserrat', 'Inter', sans-serif !important;
	font-size: 56px !important;
	font-weight: 800 !important;
	line-height: 1.15 !important;
	color: #ffffff !important;
	letter-spacing: -0.01em !important;
}
@media (max-width: 767px) {
	html:is([lang="en"], [lang="pt"]) #sect-hero h1 {
		font-size: 38px !important;
	}
}
html:is([lang="en"], [lang="pt"]) #sect-hero h1 .ah-accent {
	color: #89f9af !important;
}
html:is([lang="en"], [lang="pt"]) #sect-hero .ah-lead {
	font-family: 'Inter', sans-serif !important;
	font-size: 22px !important;
	font-weight: 600 !important;
	line-height: 1.8 !important;
	color: #ffffff !important;
}
html:is([lang="en"], [lang="pt"]) #sect-hero .ah-actions a {
	font-family: 'Inter', sans-serif !important;
	font-size: 15px !important;
	font-weight: 700 !important;
}
html:is([lang="en"], [lang="pt"]) #sect-hero .ah-btn-primary {
	background: #006d3c !important;
	color: #ffffff !important;
	box-shadow: 0 12px 32px rgba(0, 109, 60, 0.35) !important;
}
html:is([lang="en"], [lang="pt"]) #sect-hero .ah-btn-primary:hover {
	background: #007d45 !important;
	transform: translateY(-3px) !important;
}
html:is([lang="en"], [lang="pt"]) #sect-hero .ah-btn-ghost {
	background: rgba(255, 255, 255, 0.08) !important;
	color: #ffffff !important;
	border: 1px solid rgba(255, 255, 255, 0.25) !important;
}
html:is([lang="en"], [lang="pt"]) #sect-hero .ah-btn-ghost:hover {
	background: rgba(255, 255, 255, 0.16) !important;
	transform: translateY(-3px) !important;
}

/* ===== About: client images (ACF) ===== */
.ah-bgimg{position:absolute;inset:0;z-index:0;background-size:cover;background-position:center;opacity:.28;}
.ai-banner{margin-bottom:40px;border-radius:24px;overflow:hidden;box-shadow:0 18px 45px rgba(0,59,101,.12);}
.ai-banner img{display:block;width:100%;height:320px;object-fit:cover;}
.vm-img{border-radius:14px;overflow:hidden;margin-bottom:22px;}
.vm-img img{display:block;width:100%;height:180px;object-fit:cover;}
/* ============ Frontend Edit Mode ============ */
.qm-edit-toggle{position:fixed;right:20px;bottom:20px;z-index:99999;display:inline-flex;align-items:center;gap:8px;padding:12px 22px;border:0;border-radius:999px;background:linear-gradient(135deg,#f7b32b,#e8890c);color:#1b2a1e;font-weight:700;font-size:15px;font-family:inherit;cursor:pointer;box-shadow:0 8px 24px rgba(0,0,0,.25);transition:transform .2s, box-shadow .2s}
.qm-edit-toggle:hover{transform:translateY(-2px);box-shadow:0 12px 28px rgba(0,0,0,.3)}
.qm-edit-toggle.qm-active{background:#1b2a1e;color:#fff}
.qm-edit-toggle .material-symbols-outlined{font-size:20px}
.qm-edit-panel{position:fixed;right:20px;bottom:84px;z-index:99998;width:min(560px,calc(100vw - 40px));max-height:72vh;overflow:auto;background:#fff;border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 24px 70px rgba(0,0,0,.32);padding:20px;font-family:inherit;color:#0f172a;text-align:start}
.qm-edit-panel[hidden]{display:none}
.qm-edit-panel-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px;padding-bottom:12px;border-bottom:1px solid #eef2f7}
.qm-edit-panel-head h3{margin:0;font-size:18px;font-weight:700;color:#1b2a1e}
.qm-edit-close{background:none;border:0;font-size:28px;line-height:1;cursor:pointer;color:#64748b;padding:0 6px}
.qm-edit-close:hover{color:#b91c1c}
.qm-edit-panel .acf-field{padding:10px 0;border-top:1px solid #eef2f7}
.qm-edit-panel .acf-field:first-child{border-top:0}
.qm-edit-panel .acf-label{margin-bottom:6px}
.qm-edit-panel .acf-label label{font-weight:700;color:#1b2a1e}
.qm-edit-panel .acf-label .acf-required{color:#dc2626}
.qm-edit-panel .acf-input input[type=text],.qm-edit-panel .acf-input textarea,.qm-edit-panel .acf-input select{width:100%;padding:10px 12px;border:1px solid #cbd5e1;border-radius:8px;font-size:14px;font-family:inherit;background:#fff;color:#0f172a}
.qm-edit-panel .acf-input textarea{min-height:90px}
.qm-edit-panel .acf-input input:focus,.qm-edit-panel .acf-input textarea:focus,.qm-edit-panel .acf-input select:focus{outline:none;border-color:#f7b32b;box-shadow:0 0 0 3px rgba(247,179,43,.25)}
.qm-edit-panel .acf-form-submit{text-align:start;margin-top:14px}
.qm-edit-panel .acf-form-submit .acf-button{display:inline-block;padding:12px 28px;border:0;border-radius:999px;background:linear-gradient(135deg,#f7b32b,#e8890c);color:#1b2a1e;font-weight:700;font-size:15px;font-family:inherit;cursor:pointer;box-shadow:0 6px 18px rgba(232,137,12,.35)}
.qm-edit-panel .acf-form-submit .acf-button:hover{filter:brightness(1.05)}
.qm-edit-panel .acf-fields>.acf-field>.acf-label{font-size:13px}
.qm-edit-toast{position:fixed;top:20px;left:50%;transform:translateX(-50%);z-index:99999;background:#16a34a;color:#fff;padding:14px 26px;border-radius:12px;font-weight:700;font-size:15px;font-family:inherit;box-shadow:0 10px 30px rgba(0,0,0,.3);animation:qmToast .3s ease}
@keyframes qmToast{from{opacity:0;transform:translate(-50%,-12px)}to{opacity:1;transform:translate(-50%,0)}}
/* ------------------------------------------------------------
   Privacy Policy page (template-privacy.php) — EN/PT fonts.
   ------------------------------------------------------------ */
html:is([lang="en"], [lang="pt"]) .privacy-doc-h1,
html:is([lang="en"], [lang="pt"]) .privacy-doc-h2 {
font-family: 'Montserrat', 'Inter', sans-serif !important;
}
html:is([lang="en"], [lang="pt"]) .privacy-doc-lead,
html:is([lang="en"], [lang="pt"]) .privacy-doc-updated,
html:is([lang="en"], [lang="pt"]) .privacy-doc-p,
html:is([lang="en"], [lang="pt"]) .privacy-doc-li {
font-family: 'Inter', sans-serif !important;
}

/* ------------------------------------------------------------
   Floating WhatsApp widget — EN/PT fonts.
   ------------------------------------------------------------ */
html:is([lang="en"], [lang="pt"]) .qm-wa-panel-title,
html:is([lang="en"], [lang="pt"]) .qm-wa-opt-name {
font-family: 'Inter', sans-serif !important;
}