/**
 * Per-page overrides — /about-us/ (EN). AR twin: page-about-us-ar.css.
 *
 * Design polish scoped to this page only (shared blocks untouched):
 *   1. Purpose cards — stacked icon-above-title layout with per-card
 *      tinted circular icons (blue target, green eye).
 *   2. Award cards — white card chrome around each badge tile, with
 *      per-card icon-disc tints (blue, green, purple, indigo).
 *   3. Partner strip — vertical dividers between logo tiles; the
 *      trailing caption-only "and more" tile renders as muted text.
 */

/* ---- 1. Purpose cards (design: icon disc beside the text, soft
 * tinted card surfaces, small accent dash bottom-start, centered
 * section heading with a blue underline dash) ---- */

.seamlessmd-card-grid--variant-feature .seamlessmd-card-grid__card {
	flex-direction: row;
	align-items: flex-start;
	gap: 1.25rem;
	text-align: start;
	position: relative;
	border: 0;
	border-radius: 18px;
	padding: 1.5rem 1.6rem 1.7rem;
	background: linear-gradient(135deg, #f3f7fe, #e7effc);
	/* Clips the corner art to the rounded corners. */
	overflow: hidden;
}

.seamlessmd-card-grid--variant-feature .seamlessmd-card-grid__card:nth-child(2) {
	background: linear-gradient(135deg, #f0faf5, #e4f4ec);
}

/* Dotted-wave corner art per the design (authored repo assets). ::after
 * already carries the accent dash, so the art rides on ::before; the
 * card's direct children get a stacking layer so text stays above it.
 * Absolute url() on purpose — this file is also injected inline into the
 * editor canvas, where a relative url() has no base. */
.seamlessmd-card-grid--variant-feature .seamlessmd-card-grid__card::before {
	content: "";
	position: absolute;
	inset-block-end: 0;
	inset-inline-end: 0;
	inline-size: 58%;
	block-size: 74%;
	background: url("/app/themes/seamlessmd/assets/images/seamlessmd/about/purpose-wave-blue.svg") bottom right / contain no-repeat;
	pointer-events: none;
}

.seamlessmd-card-grid--variant-feature .seamlessmd-card-grid__card:nth-child(2)::before {
	background-image: url("/app/themes/seamlessmd/assets/images/seamlessmd/about/purpose-wave-green.svg");
}

.seamlessmd-card-grid--variant-feature .seamlessmd-card-grid__card > * {
	position: relative;
	z-index: 1;
}

/* Measure for the copy. The card is a flex row, so without a cap the
 * column runs to the padding edge and long lines end over the dotted
 * corner art (anchored bottom inline-end). ~48ch keeps a readable line
 * length, wraps the body to 2–3 lines at desktop, and stops short of the
 * art; below desktop the card is narrower than the cap, so it is inert. */
.seamlessmd-card-grid--variant-feature .seamlessmd-card-grid__content {
	max-inline-size: 48ch;
}

.seamlessmd-card-grid__card .seamlessmd-card-grid__icon {
	flex: 0 0 auto;
	inline-size: 68px;
	block-size: 68px;
	border-radius: 50%;
	font-size: 1.55rem;
	background: #dbe7fb;
	color: #2563eb;
}

.seamlessmd-card-grid__card:nth-child(2) .seamlessmd-card-grid__icon {
	background: #d6efe2;
	color: #0d9464;
}

/* Small accent dash at the bottom of each card, aligned with the text
 * column (past the icon disc + gap), per the design. */
.seamlessmd-card-grid--variant-feature .seamlessmd-card-grid__card::after {
	content: "";
	position: absolute;
	inset-block-end: 1rem;
	inset-inline-start: calc(1.6rem + 68px + 1.25rem);
	inline-size: 24px;
	block-size: 3px;
	border-radius: 2px;
	background: #2563eb;
	z-index: 1;
}

.seamlessmd-card-grid--variant-feature .seamlessmd-card-grid__card:nth-child(2)::after {
	background: #10b981;
}

/* Centered section heading with a short blue underline dash. */
.seamlessmd-card-grid--variant-feature .seamlessmd-card-grid__heading {
	position: relative;
	padding-block-end: 0.9rem;
}

.seamlessmd-card-grid--variant-feature .seamlessmd-card-grid__heading::after {
	content: "";
	position: absolute;
	inset-block-end: 0;
	inset-inline-start: 50%;
	transform: translateX(-50%);
	inline-size: 34px;
	block-size: 3px;
	border-radius: 2px;
	background: #2563eb;
}

[dir="rtl"] .seamlessmd-card-grid--variant-feature .seamlessmd-card-grid__heading::after {
	transform: translateX(50%);
}

/* ---- 2. Award cards ---- */

.seamlessmd-badge-row__item {
	background: #fff;
	border: 1px solid var(--seamlessmd-border);
	border-radius: 14px;
	padding: 1.4rem 1.1rem;
}

.seamlessmd-badge-row__item:nth-child(2) .seamlessmd-badge-row__icon {
	background: #e9faf4;
	color: #10b981;
}

.seamlessmd-badge-row__item:nth-child(3) .seamlessmd-badge-row__icon {
	background: #f3efff;
	color: #8b5cf6;
}

.seamlessmd-badge-row__item:nth-child(4) .seamlessmd-badge-row__icon {
	background: #eef0ff;
	color: #4f46e5;
}

/* ---- 3. Partner strip (second badge-row on the page) — design parity:
 * centered navy heading with a short blue dash (same treatment as the
 * awards heading), then all tiles inside ONE rounded light strip card
 * with 1px dividers between tiles. ---- */

.seamlessmd-badge-row.is-partner-strip .seamlessmd-badge-row__heading {
	text-align: center;
	font-size: 1.45rem;
	color: var(--seamlessmd-dark-navy);
	position: relative;
	padding-block-end: 0.9rem;
	margin-block-end: 2rem;
}

.seamlessmd-badge-row.is-partner-strip .seamlessmd-badge-row__heading::after {
	content: "";
	position: absolute;
	inset-block-end: 0;
	inset-inline-start: 50%;
	transform: translateX(-50%);
	inline-size: 34px;
	block-size: 3px;
	border-radius: 2px;
	background: #2563eb;
}

[dir="rtl"] .seamlessmd-badge-row.is-partner-strip .seamlessmd-badge-row__heading::after {
	transform: translateX(50%);
}

/* The single light strip card holding every tile. Slider mode: the
 * card chrome sits on the clipping viewport (the list inside it is the
 * moving track), so the surface stays put while logos page. */
.seamlessmd-badge-row.is-partner-strip .seamlessmd-badge-row__viewport {
	background: #f3f5fa;
	border-radius: 14px;
	padding: 1.6rem 3.25rem;
}

.seamlessmd-badge-row.is-partner-strip .seamlessmd-badge-row__list {
	align-items: center;
}

.seamlessmd-badge-row.is-partner-strip .seamlessmd-badge-row__item {
	background: transparent;
	border: 0;
	border-radius: 0;
	padding: 0.5rem 1rem;
	border-inline-end: 1px solid #d9dfeb;
}

.seamlessmd-badge-row.is-partner-strip .seamlessmd-badge-row__item:last-child {
	border-inline-end: 0;
}

.seamlessmd-badge-row.is-partner-strip .seamlessmd-badge-row__caption {
	color: var(--seamlessmd-dark-navy);
	font-size: 0.9rem;
	font-weight: 500;
}

/* Shared logo cell. Every partner mark renders inside the same 164×70
 * box — the PNGs' native frame; anything larger would upscale them.
 * The box is defined by width + aspect-ratio so it scales down in
 * proportion inside a narrow slide, and `object-fit: contain` centres
 * each mark in it without cropping or distortion. An asset an editor
 * swaps in later, square or wide, lands in the same box instead of
 * dictating its own size. The old per-brand 1.35× Bupa transform is
 * gone: all four PNGs carry ~35px of ink height inside the same frame
 * (only the ink widths differ, as wordmarks do), so the scale made
 * Bupa the one logo that dominated the row and overflowed its cell.
 * Scoped to About Us, the only page using is-partner-strip. */
.seamlessmd-badge-row.is-partner-strip .seamlessmd-badge-row__image {
	inline-size: 100%;
	max-inline-size: 164px;
	aspect-ratio: 164 / 70;
	object-fit: contain;
}

/* ---- 4. Hero polish per the design ---- */

/* Blue eyebrow (theme default is teal). */
.seamlessmd-hero .seamlessmd-hero__eyebrow {
	color: #2563eb;
}

/* Force the accent span ("Improving Health Outcomes.") to start on its
 * own line — the design (and QA row 27) wants a two-line heading with
 * "Improving" on the second line rather than trailing after the first-
 * line period. Scoped to this page's hero so other consumers of the
 * accent attribute (News & FAQ hero) still lay it inline. */
.seamlessmd-hero .seamlessmd-hero__heading-accent {
	display: block;
}

/* Solid blue rounded CTA with a trailing arrow. */
.seamlessmd-hero .seamlessmd-btn--primary {
	background: #2563eb;
	border-color: #2563eb;
	border-radius: 8px;
}

.seamlessmd-hero .seamlessmd-btn--primary:hover {
	background: #1d4fd7;
	border-color: #1d4fd7;
}

.seamlessmd-hero .seamlessmd-btn--primary::after {
	content: "\2192";
	display: inline-block;
	margin-inline-start: 0.45rem;
}

/* Directional arrow glyph — mirror under RTL. */
[dir="rtl"] .seamlessmd-hero .seamlessmd-btn--primary::after {
	transform: scaleX(-1);
}

/* Design parity (2026-08-18): photo in a WIDE hexagon (points at the
 * sides), a soft blue hexagon floating offset behind it, and authored
 * floating hex-icon tiles overlaying the edges (repo asset
 * about/hero-hex-icons.svg — decorative, aria-free). Every layer is
 * horizontally symmetric enough that RTL needs no flip. */
.seamlessmd-hero .seamlessmd-hero__media {
	position: relative;
}

/* Backdrop hexagon, shifted toward the top-right per the design. */
.seamlessmd-hero .seamlessmd-hero__media::before {
	content: "";
	position: absolute;
	inset: -7% -6% 7% 6%;
	background: linear-gradient(135deg, #d7e5fb 0%, #eef4ff 100%);
	clip-path: polygon(26% 0%, 74% 0%, 100% 50%, 74% 100%, 26% 100%, 0% 50%);
	z-index: 0;
}

.seamlessmd-hero .seamlessmd-hero__media .seamlessmd-hero__media-el {
	position: relative;
	z-index: 1;
	inline-size: 100%;
	aspect-ratio: 1.4;
	object-fit: cover;
	object-position: 100% 35%;
	clip-path: polygon(26% 0%, 74% 0%, 100% 50%, 74% 100%, 26% 100%, 0% 50%);
	max-width: 100%;
}

/* Floating icon tiles + dotted connectors above everything. A CSS
 * background cannot intercept the pointer, so links beneath stay live. */
.seamlessmd-hero .seamlessmd-hero__media::after {
	content: "";
	position: absolute;
	inset: -4% -3%;
	/* Absolute path on purpose: this file's contents are also injected
	 * inline into the editor canvas, where a relative url() has no base. */
	background: url("/app/themes/seamlessmd/assets/images/seamlessmd/about/hero-hex-icons.svg") center / 100% 100% no-repeat;
	z-index: 2;
	pointer-events: none;
}

/* The block's shared layout puts the CTA row in its OWN grid row under
 * the media-height row, so the taller hexagon opened a large gap between
 * the description and the button. Named areas glue the button to the
 * text column; the media spans both rows and stays vertically centered.
 * Desktop only — the block's own narrow-viewport stack is untouched. */
@media (min-width: 768px) {
	/* (0,3,0) to outrank the block's own grid rule, which sets gap at the
	 * same compound specificity. */
	.seamlessmd-hero--variant-inner.seamlessmd-hero--has-media .seamlessmd-hero__inner {
		grid-template-areas:
			"content media"
			"ctas    media";
		row-gap: 0;
	}

	.seamlessmd-hero .seamlessmd-hero__content--with-media {
		grid-area: content;
		align-self: end;
	}

	.seamlessmd-hero .seamlessmd-hero__ctas--with-media {
		grid-area: ctas;
		align-self: start;
		margin-top: 26px;
	}

	.seamlessmd-hero .seamlessmd-hero__media {
		grid-area: media;
		align-self: center;
	}
}

/* ---- 5. Awards section polish (design parity) — scoped to the awards
 * badge-row (3rd section on this page; the partner strip is the 4th). ---- */

.seamlessmd-badge-row.is-awards-grid .seamlessmd-badge-row__heading {
	text-align: center;
	font-size: 1.45rem;
	color: var(--seamlessmd-dark-navy);
	position: relative;
	padding-block-end: 0.9rem;
	margin-block-end: 2rem;
}

.seamlessmd-badge-row.is-awards-grid .seamlessmd-badge-row__heading::after {
	content: "";
	position: absolute;
	inset-block-end: 0;
	inset-inline-start: 50%;
	transform: translateX(-50%);
	inline-size: 34px;
	block-size: 3px;
	border-radius: 2px;
	background: #2563eb;
}

[dir="rtl"] .seamlessmd-badge-row.is-awards-grid .seamlessmd-badge-row__heading::after {
	transform: translateX(50%);
}

.seamlessmd-badge-row.is-awards-grid .seamlessmd-badge-row__item {
	padding: 1.1rem 1rem 1.2rem;
}

.seamlessmd-badge-row.is-awards-grid .seamlessmd-badge-row__link {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: flex-start;
	gap: 0;
	block-size: 100%;
}

.seamlessmd-badge-row.is-awards-grid .seamlessmd-badge-row__image {
	/* Design parity (QA row 30): the logo is the primary visual anchor of
	 * each award card in the reference — a ~64px slot read as a favicon
	 * next to the caption block, so the slot is sized to fill the card's
	 * top third instead. Aspect ratio preserved via object-fit: contain. */
	block-size: 78px;
	inline-size: auto;
	max-inline-size: 100%;
	object-fit: contain;
	max-width: none;
}

.seamlessmd-badge-row.is-awards-grid .seamlessmd-badge-row__icon {
	inline-size: 52px;
	block-size: 52px;
	font-size: 1.2rem;
	margin-block: 0.9rem 0.6rem;
}

.seamlessmd-badge-row.is-awards-grid .seamlessmd-badge-row__caption {
	color: var(--seamlessmd-dark-navy);
	font-size: 0.95rem;
	font-weight: 600;
	line-height: 1.45;
	text-align: center;
	margin: 0;
	max-inline-size: 15rem;
}

.seamlessmd-badge-row.is-awards-grid .seamlessmd-badge-row__sub-caption {
	text-align: center;
	margin-block-start: 0.35rem;
}

/* Equal-height award cards (grid items stretch; the inner link column
 * already fills). */
.seamlessmd-badge-row.is-awards-grid .seamlessmd-badge-row__list {
	align-items: stretch;
}

.seamlessmd-badge-row.is-awards-grid .seamlessmd-badge-row__item {
	display: flex;
	flex-direction: column;
}

/* ---- 6. Bottom CTA band (design parity): inset rounded navy card with
 * glowing hex artwork on the trailing side; white primary button with
 * arrow; ghost secondary. Only cta-band on this page — safe to scope by
 * block class. ---- */

.seamlessmd-cta-band--variant-solid {
	background: transparent;
	padding-block: 1rem 3rem;
}

.seamlessmd-cta-band--variant-solid .seamlessmd-cta-band__inner {
	position: relative;
	overflow: hidden;
	border-radius: 20px;
	padding: 3rem 3rem 3.2rem;
	text-align: start;
	background:
		radial-gradient(1.5px 1.5px at 78% 30%, rgba(96, 165, 250, 0.9), transparent 60%),
		radial-gradient(1.5px 1.5px at 84% 62%, rgba(96, 165, 250, 0.8), transparent 60%),
		radial-gradient(1.5px 1.5px at 70% 74%, rgba(96, 165, 250, 0.7), transparent 60%),
		radial-gradient(2px 2px at 90% 42%, rgba(147, 197, 253, 0.8), transparent 60%),
		radial-gradient(closest-side at 76% 50%, rgba(37, 99, 235, 0.35), transparent),
		linear-gradient(100deg, #0a1c47 0%, #0d2a66 55%, #1747a6 100%);
}

/* Glowing hexagon on the trailing side (decorative, desktop+). */
.seamlessmd-cta-band--variant-solid .seamlessmd-cta-band__inner::after {
	content: "";
	position: absolute;
	inset-block-start: 50%;
	inset-inline-end: 9%;
	transform: translateY(-50%);
	inline-size: 150px;
	block-size: 165px;
	clip-path: polygon(50% 0%, 94% 25%, 94% 75%, 50% 100%, 6% 75%, 6% 25%);
	background:
		radial-gradient(closest-side, rgba(59, 130, 246, 0.55), rgba(29, 78, 216, 0.25) 70%, rgba(59, 130, 246, 0.55));
	filter: drop-shadow(0 0 18px rgba(59, 130, 246, 0.8));
}

@media (max-width: 991px) {
	.seamlessmd-cta-band--variant-solid .seamlessmd-cta-band__inner::after {
		display: none;
	}
}

.seamlessmd-cta-band--variant-solid .seamlessmd-cta-band__heading {
	color: #fff;
	max-inline-size: 26rem;
}

.seamlessmd-cta-band--variant-solid .seamlessmd-cta-band__subheading {
	color: rgba(226, 233, 246, 0.85);
	max-inline-size: 26rem;
	font-size: 0.95rem;
}

/* Primary: white pill with navy text + trailing arrow. */
.seamlessmd-cta-band--variant-solid .seamlessmd-cta-band__cta--primary {
	background: #fff;
	border-color: #fff;
	color: #0d2a66;
	border-radius: 8px;
	font-weight: 600;
}

.seamlessmd-cta-band--variant-solid .seamlessmd-cta-band__cta--primary:hover {
	background: #eef2fb;
	border-color: #eef2fb;
	color: #0d2a66;
}

.seamlessmd-cta-band--variant-solid .seamlessmd-cta-band__cta--primary::after {
	content: "\2192";
	display: inline-block;
	margin-inline-start: 0.45rem;
}

[dir="rtl"] .seamlessmd-cta-band--variant-solid .seamlessmd-cta-band__cta--primary::after {
	transform: scaleX(-1);
}

/* Secondary: ghost — transparent, white border + text. */
.seamlessmd-cta-band--variant-solid .seamlessmd-cta-band__cta--secondary {
	background: transparent;
	border: 1px solid rgba(255, 255, 255, 0.6);
	color: #fff;
	border-radius: 8px;
}

.seamlessmd-cta-band--variant-solid .seamlessmd-cta-band__cta--secondary:hover {
	background: rgba(255, 255, 255, 0.08);
	color: #fff;
}

/* Brighter accent on the dark card (block default #2563eb is too dark
 * against navy; design shows a lighter blue). */
.seamlessmd-cta-band--variant-solid .seamlessmd-cta-band__heading-accent {
	color: #5b8bff;
}

/* ---- Button glow + canvas text-color fixes. The theme bundle gives
 * every .seamlessmd-btn--primary a primary-colour glow shadow
 * (rgba(37,99,235,.28)) which clashed with the hero button's own blue; and
 * in the editor canvas the global `.editor-styles-wrapper a` colour beat the
 * button's white text. Explicit color + blue-tinted shadow at (0,2,0)
 * settle both DOMs. ---- */

.seamlessmd-hero .seamlessmd-btn--primary {
	color: #fff;
	box-shadow: 0 6px 16px rgba(37, 99, 235, 0.28);
}

.seamlessmd-hero .seamlessmd-btn--primary:hover {
	color: #fff;
	box-shadow: 0 8px 20px rgba(37, 99, 235, 0.35);
}

/* The CTA band's white/ghost buttons sit on navy — no glow at all. */
.seamlessmd-cta-band--variant-solid .seamlessmd-cta-band__cta--primary,
.seamlessmd-cta-band--variant-solid .seamlessmd-cta-band__cta--secondary {
	box-shadow: none;
}

/* ---- 6b. Whitespace pass (QA rows 28–30) — the shared section padding
 * token is 80/80 which stacks 160px between every section on this page and
 * makes the layout feel airy compared to the design. Trimmed per-section
 * on About only; other pages unchanged. ---- */

/* Hero geometry, benchmarked against the Home hero at 1440 (487px tall,
 * 36px padding, ~305px text block). This hero measured 586px because the
 * media dictated its height: equal 1:1 columns gave the 1.4:1 image 664px
 * of width (474px tall) against a ~390px text block, and the block's
 * has-media grid stacked its own 3rem padding-block on the section
 * padding. Single owner now: the section carries 2.5rem (same as every
 * other section on this page), the inner grid carries none, and at
 * desktop the text column takes 1.35fr so the image shrinks in
 * proportion (565×404 at 1440) and the design's two-line heading fits.
 * Result at 1440: ~484px tall, 40px above and below the content. */
.seamlessmd-page-main > .seamlessmd-hero--variant-inner {
	padding-block: 2.5rem;
}

.seamlessmd-page-main > .seamlessmd-hero--variant-inner .seamlessmd-hero__inner {
	padding-block: 0;
}

@media (min-width: 992px) {
	/* (0,3,0) ties the block's has-media grid rule; this sheet loads later. */
	.seamlessmd-page-main > .seamlessmd-hero--variant-inner .seamlessmd-hero__inner {
		grid-template-columns: minmax(0, 1.35fr) minmax(0, 1fr);
	}
}

.seamlessmd-page-main > .seamlessmd-card-grid--variant-feature,
.seamlessmd-page-main > .seamlessmd-badge-row.is-awards-grid,
.seamlessmd-page-main > .seamlessmd-badge-row.is-partner-strip {
	padding-block: 2.5rem;
}

/* The purpose heading already carries its own margin-block-end; tighten
 * the gap between it and the two cards. */
.seamlessmd-card-grid--variant-feature .seamlessmd-card-grid__heading {
	margin-block-end: 1.25rem;
}

/* Awards + partners headings ship with 2rem margin below — plenty at
 * 80px section padding, too much when the section itself is tighter. */
.seamlessmd-badge-row.is-partner-strip .seamlessmd-badge-row__heading,
.seamlessmd-badge-row.is-awards-grid .seamlessmd-badge-row__heading {
	margin-block-end: 1.25rem;
}

/* ---- 7. Mobile/tablet polish (responsive audit 2026-08-12) ---- */

@media (max-width: 640px) {
	/* Purpose cards: the 88px disc beside text leaves ~170px for copy on
	 * a phone — stack the disc above the text instead. */
	.seamlessmd-card-grid--variant-feature .seamlessmd-card-grid__card {
		flex-direction: column;
	}

	/* The desktop dash offset targets the side-by-side text column, which
	 * no longer exists in the stacked layout — center the dash instead. */
	.seamlessmd-card-grid--variant-feature .seamlessmd-card-grid__card::after {
		inset-inline-start: 50%;
		transform: translateX(-50%);
	}

	[dir="rtl"] .seamlessmd-card-grid--variant-feature .seamlessmd-card-grid__card::after {
		transform: translateX(50%);
	}

	.seamlessmd-card-grid__card .seamlessmd-card-grid__icon {
		inline-size: 72px;
		block-size: 72px;
		font-size: 1.6rem;
	}
}

@media (max-width: 767px) {
	/* Partner strip collapses to one column — the inline-end dividers
	 * read as stray borders there; switch to soft row separators. */
	.seamlessmd-badge-row.is-partner-strip .seamlessmd-badge-row__item {
		border-inline-end: 0;
		border-block-end: 1px solid var(--seamlessmd-border);
		padding-block: 0.9rem;
	}

	.seamlessmd-badge-row.is-partner-strip .seamlessmd-badge-row__item:last-child {
		border-block-end: 0;
	}

	/* CTA card: phone-scale padding + full-width stacked buttons. */
	.seamlessmd-cta-band--variant-solid .seamlessmd-cta-band__inner {
		padding: 2rem 1.5rem;
	}

	.seamlessmd-cta-band--variant-solid .seamlessmd-cta-band__ctas {
		flex-direction: column;
		inline-size: 100%;
	}

	.seamlessmd-cta-band--variant-solid .seamlessmd-cta-band__cta {
		inline-size: 100%;
		justify-content: center;
		text-align: center;
	}
}

/* Tablet refinements: the partner dividers only make sense in the
 * single-row desktop strip — drop them whenever the grid wraps; and a
 * 2×2 awards grid beats 3+1 with an orphan card. */
@media (min-width: 641px) and (max-width: 991px) {
	.seamlessmd-badge-row.is-partner-strip .seamlessmd-badge-row__item {
		border-inline-end: 0;
	}

	.seamlessmd-badge-row.is-awards-grid .seamlessmd-badge-row__list {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.seamlessmd-badge-row.is-partner-strip .seamlessmd-badge-row__list {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}