/**
 * Stitch home widgets — layout utilities and component styles.
 * Maps stitch HTML class names to theme design tokens (no Tailwind dependency).
 */

/* Material Symbols (ligature text icons) */
.material-symbols-outlined {
	font-family: 'OBC Material Symbols', sans-serif;
	font-weight: normal;
	font-style: normal;
	font-size: 24px;
	line-height: 1;
	letter-spacing: normal;
	text-transform: none;
	display: inline-block;
	white-space: nowrap;
	word-wrap: normal;
	direction: ltr;
	-webkit-font-feature-settings: 'liga';
	font-feature-settings: 'liga';
	-webkit-font-smoothing: antialiased;
	font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24;
	vertical-align: middle;
}

/* Scrollbar */
.hide-scrollbar {
	-ms-overflow-style: none;
	scrollbar-width: none;
}

.hide-scrollbar::-webkit-scrollbar {
	display: none;
}

/* Architectural grid pattern */
.architectural-grid {
	background-size: 40px 40px;
	background-image: radial-gradient(circle, var(--color-outline-variant) 1px, transparent 1px);
}

.ambient-shadow {
	box-shadow: 0 10px 40px -10px rgba(70, 104, 33, 0.08);
}

.shadow-xl.ambient-shadow {
	box-shadow:
		0 10px 40px -10px rgba(70, 104, 33, 0.12),
		0 10px 40px -10px rgba(70, 104, 33, 0.08);
}

/* Color utilities */
.bg-background { background-color: var(--color-background); }
.bg-surface { background-color: var(--color-surface); }
.bg-on-background { background-color: var(--color-on-background); }
.bg-primary { background-color: var(--color-primary); }
.bg-secondary { background-color: var(--color-secondary); }
.bg-primary-container { background-color: var(--color-primary-container); }
.bg-secondary-container { background-color: var(--color-secondary-container); }
.bg-tertiary-container { background-color: var(--color-tertiary-container); }
.bg-surface-container { background-color: var(--color-surface-container); }
.bg-surface-container-low { background-color: var(--color-surface-container-low); }
.bg-surface-container-lowest { background-color: var(--color-surface-container-lowest); }
.bg-surface-container-highest { background-color: var(--color-surface-container-highest); }
.bg-surface-container-highest\/30 { background-color: color-mix(in srgb, var(--color-surface-container-highest) 30%, transparent); }
.bg-white { background-color: #ffffff; }
.bg-white\/5 { background-color: color-mix(in srgb, #ffffff 5%, transparent); }
.bg-black\/50 { background-color: color-mix(in srgb, #000000 50%, transparent); }

.text-surface { color: var(--color-surface); }
.text-surface-variant { color: var(--color-surface-variant); }
.text-on-surface { color: var(--color-on-surface); }
.text-on-surface-variant { color: var(--color-on-surface-variant); }
.text-on-background { color: var(--color-on-background); }
.text-on-primary { color: var(--color-on-primary); }
.text-on-secondary-container { color: var(--color-on-secondary-container); }
.text-on-primary-container { color: var(--color-on-primary-container); }
.text-on-tertiary-container { color: var(--color-on-tertiary-container); }
.text-primary { color: var(--color-primary); }
.text-secondary { color: var(--color-secondary); }
.text-primary-fixed-dim { color: var(--color-primary-fixed-dim); }

.border-outline { border-color: var(--color-outline); }
.border-outline-variant { border-color: var(--color-outline-variant); }
.border-outline-variant\/20 { border-color: color-mix(in srgb, var(--color-outline-variant) 20%, transparent); }
.border-outline-variant\/30 { border-color: color-mix(in srgb, var(--color-outline-variant) 30%, transparent); }
.border-primary { border-color: var(--color-primary); }
.border-secondary { border-color: var(--color-secondary); }
.border-surface { border-color: var(--color-surface); }
.border-white\/10 { border-color: color-mix(in srgb, #ffffff 10%, transparent); }
.border-b-2 { border-bottom-width: 2px; border-bottom-style: solid; }
.border-r-4 { border-inline-start-width: 4px; border-inline-start-style: solid; }
.border-l-4 { border-inline-end-width: 4px; border-inline-end-style: solid; }

/* Typography utilities (stitch scale) */
.font-display-lg { font-family: var(--font-display); }
.font-headline-sm { font-family: var(--font-display); }
.font-headline-md { font-family: var(--font-display); }
.font-title-lg { font-family: var(--font-body); }
.font-body-md { font-family: var(--font-body); }
.font-body-lg { font-family: var(--font-body); }
.font-label-md { font-family: var(--font-label); }

.text-display-lg { font-size: 3rem; line-height: 1.25; font-weight: 700; letter-spacing: -0.02em; }
.text-display-lg-mobile { font-size: 2.25rem; line-height: 1.25; font-weight: 700; letter-spacing: -0.02em; }
.text-headline-md { font-size: 1.875rem; line-height: 1.27; font-weight: 600; }
.text-headline-sm { font-size: 1.5rem; line-height: 1.33; font-weight: 600; }
.text-title-lg { font-size: 1.2rem; line-height: 1.4; font-weight: 600; }
.text-body-lg { font-size: 1.12rem; line-height: 1.56; font-weight: 400; }
.text-body-md { font-size: 1rem; line-height: 1.5; font-weight: 400; }
.text-label-md { font-size: 0.875rem; line-height: 1.43; font-weight: 500; }
.text-caption { font-size: 0.75rem; line-height: 1.33; }

.text-xl { font-size: 1.25rem; }
.text-3xl { font-size: 1.875rem; }
.text-4xl { font-size: 2.25rem; }
.text-5xl { font-size: 3rem; }

.leading-tight { line-height: 1.25; }
.leading-relaxed { line-height: 1.625; }
.leading-snug { line-height: 1.375; }

.uppercase { text-transform: uppercase; }
.tracking-widest { letter-spacing: 0.1em; }
.font-bold { font-weight: 700; }
.font-medium { font-weight: 500; }

.line-clamp-2 {
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
}

.line-clamp-3 {
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	overflow: hidden;
}

/* Layout */
.relative { position: relative; }
.absolute { position: absolute; }
.fixed { position: fixed; }
.sticky { position: sticky; }
.inset-0 { inset: 0; }
.inset-y-0 { top: 0; bottom: 0; }
.top-0 { top: 0; }
.top-1\/2 { top: 50%; }
.top-2\.5 { top: 0.625rem; }
.right-0 { right: 0; }
.right-3 { inset-inline-end: 12px; }
.right-4 { inset-inline-end: var(--space-md); }
.bottom-8 { bottom: var(--space-xl); }
.left-8 { left: var(--space-xl); }
.-top-4 { top: calc(var(--space-md) * -1); }
.-right-4 { right: calc(var(--space-md) * -1); }
.z-0 { z-index: 0; }
.z-10 { z-index: 10; }
.z-20 { z-index: 20; }
.-z-10 { z-index: -10; }
.z-40 { z-index: var(--z-sticky); }
.z-50 { z-index: var(--z-fixed); }

/* Stitch sections: inherit text color over global heading rules */
.text-surface :is(h1, h2, h3, h4, h5, h6, p, a, button) {
	color: inherit;
}

/* Hero — match stitch gradient-to-l (dark overlay behind RTL text on the right) */
.obc-hero {
	/* Ensure hero sections have proper positioning context for absolute children */
	position: relative;
	min-height: 60vh;
}

.obc-hero .absolute.inset-0,
.obc-hero .obc-hero__bg-wrap,
.obc-hero__bg-wrap {
	/* Ensure absolute containers have explicit dimensions */
	min-width: 100%;
	min-height: 100%;
	width: 100%;
	height: 100%;
}

/* Force the bg-wrap to have fixed dimensions */
.obc-hero__bg-wrap {
	position: absolute !important;
	top: 0 !important;
	left: 0 !important;
	right: 0 !important;
	bottom: 0 !important;
}

.obc-hero__image {
	/* Ensure the image fills the entire container */
	width: 100%;
	height: 100%;
	object-fit: cover; /* Default - can be overridden */
	object-position: center;
	display: block;
}

/* Force dimensions but allow Elementor to control object-fit */
.obc-hero .obc-hero__bg-wrap img,
.obc-hero__bg-wrap img,
section.obc-hero img.obc-hero__image {
	width: 100%;
	height: 100%;
	object-fit: cover; /* Default - can be overridden */
}

/* Elementor-specific overrides for hero section */
.elementor-element.elementor-widget-hero.ection .elementor-widget-container {
	position: relative;
	min-height: inherit;
}

/* === HERO OBJECT-FIT CLASSES === */

/* Mobile-specific object-fit classes */
@media (max-width: 767px) {
	.obc-hero__image--mobile-cover {
		object-fit: cover !important;
	}

	.obc-hero__image--mobile-contain {
		object-fit: contain !important;
	}

	.obc-hero__image--mobile-fill {
		object-fit: fill !important;
	}

	.obc-hero__image--mobile-none {
		object-fit: none !important;
	}
}

/* Tablet-specific object-fit classes */
@media (min-width: 768px) and (max-width: 1024px) {
	.obc-hero__image--tablet-cover {
		object-fit: cover !important;
	}

	.obc-hero__image--tablet-contain {
		object-fit: contain !important;
	}

	.obc-hero__image--tablet-fill {
		object-fit: fill !important;
	}

	.obc-hero__image--tablet-none {
		object-fit: none !important;
	}
}

/* Desktop-specific object-fit classes */
@media (min-width: 1025px) {
	.obc-hero__image--desktop-cover {
		object-fit: cover !important;
	}

	.obc-hero__image--desktop-contain {
		object-fit: contain !important;
	}

	.obc-hero__image--desktop-fill {
		object-fit: fill !important;
	}

	.obc-hero__image--desktop-none {
		object-fit: none !important;
	}
}

.hero-section__image {
	/* object-position controlled by Elementor, not hardcoded */
}

.hero-section__overlay {
	/* Gradient direction set inline from widget; this ensures full bleed. */
	pointer-events: none;
}

/* Elementor canvas: keep stitch palette (kit globals use Roboto / cyan defaults) */
.elementor-template-canvas.bg-background,
.elementor-template-canvas .bg-background {
	background-color: var(--color-background);
}

.elementor-template-canvas .bg-surface {
	background-color: var(--color-surface);
}

.elementor-template-canvas .bg-surface-container-low {
	background-color: var(--color-surface-container-low);
}

.elementor-template-canvas a.bg-primary,
.elementor-template-canvas .bg-primary {
	background-color: var(--color-primary);
	color: var(--color-on-primary);
}

.elementor-template-canvas a.border-surface,
.elementor-template-canvas .border-surface {
	border-color: var(--color-surface);
	color: var(--color-surface);
}

.elementor-template-canvas a.border-surface:hover,
.elementor-template-canvas .border-surface:hover {
	background-color: var(--color-surface);
	color: var(--color-on-background);
}

/* Contact FAB — match stitch (solid green circle, white icon, no pink ring) */
.contact-fab {
	border: none;
	outline: none;
	box-sizing: border-box;
	cursor: pointer;
	-webkit-tap-highlight-color: transparent;
}

.contact-fab,
.elementor .contact-fab,
.elementor button.contact-fab {
	background-color: var(--color-primary);
	color: var(--color-on-primary);
	border: none;
	box-shadow: var(--elevation-hover);
	transition: var(--transition-hover-props);
}

.contact-fab .material-symbols-outlined {
	color: var(--color-on-primary);
}

.contact-fab:hover,
.contact-fab:focus-visible {
	background-color: var(--color-primary);
	color: var(--color-on-primary);
	border: none;
	outline: 2px solid var(--color-primary-container);
	outline-offset: 2px;
}

.contact-fab:focus:not(:focus-visible) {
	outline: none;
}

/* Intro mission — accent square sits behind the photo (not on top) */
.intro-mission__media {
	isolation: isolate;
}

.intro-mission__accent {
	position: absolute;
	top: calc(var(--space-md) * -1);
	right: calc(var(--space-md) * -1);
	width: 128px;
	height: 128px;
	background-color: var(--color-secondary-container);
	border-radius: var(--radius-xl);
	z-index: 0;
}

.intro-mission__image {
	position: relative;
	z-index: 1;
	border-radius: var(--radius-2xl);
}

/* Rounded images inside stitch cards (Elementor resets img radius) */
.elementor img.intro-mission__image,
.elementor img.rounded-xl,
.elementor .intro-mission__image,
.rounded-xl,
img.rounded-xl,
.intro-mission__image,
.min-w-\[300px\] img,
.min-w-\[350px\] img {
	border-radius: var(--radius-2xl);
}

.flex { display: flex; }
.grid { display: grid; }
.hidden { display: none; }
.flex-col { flex-direction: column; }
.flex-row-reverse { flex-direction: row-reverse; }
.items-center { align-items: center; }
.items-stretch { align-items: stretch; }
.justify-between { justify-content: space-between; }
.justify-center { justify-content: center; }
.justify-items-center { justify-items: center; }
.justify-items-start { justify-items: start; }
.flex-1 { flex: 1 1 0%; }
.min-w-0 { min-width: 0; }
.text-center { text-align: center; }
.text-right { text-align: right; }
.overflow-hidden { overflow: hidden; }
.overflow-x-auto { overflow-x: auto; }
.w-full { width: 100%; }
.w-auto { width: auto; }
.w-5\/12 { width: 41.666667%; }
.w-80 { width: 20rem; }
.w-8 { width: var(--space-xl); }
.w-10 { width: 40px; }
.w-14 { width: 3.5rem; }
.w-16 { width: var(--space-3xl); }
.w-20 { width: 80px; }
.w-24 { width: 96px; }
.w-32 { width: 128px; }
.h-1 { height: var(--space-xs); }
.h-8 { height: var(--space-xl); }
.h-10 { height: 40px; }
.h-12 { height: var(--space-2xl); }
.h-14 { height: 3.5rem; }
.h-16 { height: var(--space-3xl); }
.h-32 { height: 128px; }
.h-48 { height: 192px; }
.h-full { height: 100%; }
.min-h-full { min-height: 100%; }
.max-w-2xl { max-width: 42rem; }
.max-w-container-max { max-width: var(--container-max); }
.mx-auto { margin-inline: auto; }
.min-w-\[300px\] { min-width: 300px; }

.object-cover { object-fit: cover; }

.rounded { border-radius: var(--radius-md); }
.rounded-lg { border-radius: var(--radius-md); }
.rounded-xl { border-radius: var(--radius-2xl); }
.rounded-3xl { border-radius: var(--radius-2xl); }
.rounded-full { border-radius: var(--radius-full); }

.border { border-width: 1px; border-style: solid; }
.border-2 { border-width: 2px; border-style: solid; }
.border-t { border-top-width: 1px; border-top-style: solid; }
.border-y { border-top-width: 1px; border-bottom-width: 1px; border-style: solid; }
.border-l { border-left-width: 1px; border-left-style: solid; }

.shadow-sm { box-shadow: var(--elevation-card); }
.shadow-lg { box-shadow: var(--elevation-modal); }
.shadow-xl { box-shadow: 0 10px 40px -10px rgba(70, 104, 33, 0.12); }

.opacity-0 { opacity: 0; }
.opacity-50 { opacity: 0.5; }
.opacity-70 { opacity: 0.7; }
.opacity-90 { opacity: 0.9; }
.opacity-100 { opacity: 1; }

.no-underline { text-decoration: none; }
.underline { text-decoration: none; }

.block { display: block; }
.inline-block { display: inline-block; }

.transition-all { transition: all var(--transition-normal); }
.transition-colors { transition: color var(--transition-fast), background-color var(--transition-fast), border-color var(--transition-fast); }
.transition-transform { transition: transform var(--transition-normal); }

/* Stitch hover / group-hover utilities — animate property changes on interaction */
:where(
	[class*="hover:"],
	[class*="group-hover:"],
	.grayscale,
	.contact-fab,
	.obc-leadership-card,
	.obc-leadership-card-14,
	.obc-leadership-card__action,
	.service-card-glow,
	.home-v3-news-card,
	.stats-section__stat,
	.features-section__feature,
	.blog-card,
	.blog-tag,
	.tender-card,
	.partners-section__logo img,
	.masonry-item,
	.obc-intro-mission__image,
	.obc-intro-mission__image-frame,
	.obc-services-cta__submit,
	.obc-topappbar__link,
	.obc-topappbar__icon,
	.obc-topappbar__cta,
	.obc-topappbar__menu-trigger,
	.group > *
) {
	transition: var(--transition-hover-props);
}

@media (prefers-reduced-motion: reduce) {
	:where(
		[class*="hover:"],
		[class*="group-hover:"],
		.grayscale,
		.contact-fab,
		.obc-leadership-card,
		.obc-leadership-card-14,
		.obc-leadership-card__action,
		.service-card-glow,
		.home-v3-news-card,
		.stats-section__stat,
		.features-section__feature,
		.blog-card,
		.blog-tag,
		.tender-card,
		.partners-section__logo img,
		.masonry-item,
		.obc-intro-mission__image,
		.obc-intro-mission__image-frame,
		.obc-services-cta__submit,
		.obc-topappbar__link,
		.obc-topappbar__icon,
		.obc-topappbar__cta,
		.obc-topappbar__menu-trigger,
		.group > *
	) {
		transition: none;
	}
}

.duration-100 { transition-duration: 100ms; }
.duration-200 { transition-duration: 200ms; }
.duration-300 { transition-duration: 300ms; }
.duration-500 { transition-duration: 500ms; }
.duration-700 { transition-duration: 700ms; }
.ease-in-out { transition-timing-function: ease-in-out; }
.ease-out { transition-timing-function: ease-out; }
.scroll-smooth { scroll-behavior: smooth; }

.translate-x-full { transform: translateX(100%); }
.translate-y-0 { transform: translateY(0); }
.translate-y-10 { transform: translateY(2.5rem); }

.cursor-pointer { cursor: pointer; }

.overflow-x-hidden { overflow-x: hidden; }

.z-\[55\] { z-index: 55; }
.z-\[60\] { z-index: 60; }

.hover\:bg-white\/10:hover { background-color: color-mix(in srgb, #ffffff 10%, transparent); }
.hover\:opacity-80:hover { opacity: 0.8; }

.grayscale { filter: grayscale(100%); }
.grayscale-0 { filter: grayscale(0); }

.group:hover .group-hover\:scale-105 { transform: scale(1.05); }
.group:hover .group-hover\:scale-110 { transform: scale(1.1); }
.group:hover .group-hover\:border-primary { border-color: var(--color-primary); }
.group:hover .group-hover\:opacity-20 { opacity: 0.2; }

.hover\:underline:hover { text-decoration: none; }
.hover\:text-primary:hover { color: var(--color-primary); }
.hover\:text-on-background:hover { color: var(--color-on-background); }
.hover\:bg-surface:hover { background-color: var(--color-surface); }
.hover\:bg-surface-container-high:hover { background-color: var(--color-surface-container-high); }
.hover\:bg-primary-container:hover { background-color: var(--color-primary-container); }
.hover\:border-primary:hover { border-color: var(--color-primary); }
.hover\:shadow-lg:hover { box-shadow: var(--elevation-hover); }
.hover\:shadow-md:hover { box-shadow: var(--elevation-hover); }
.hover\:scale-105:hover { transform: scale(1.05); }
.hover\:scale-110:hover { transform: scale(1.1); }
.hover\:grayscale-0:hover { filter: grayscale(0); }
.hover\:opacity-100:hover { opacity: 1; }

.active\:scale-95:active { transform: scale(0.95); }
.active\:scale-98:active { transform: scale(0.98); }

/* Grid */
.grid-cols-1 { grid-template-columns: repeat(1, minmax(0, 1fr)); }
.grid-cols-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }

.text-4xl { font-size: 2.25rem; }
.font-caption { font-family: var(--font-label); }
.inline-block { display: inline-block; }
.h-\[400px\] { height: 400px; }
.bg-primary\/10 { background-color: color-mix(in srgb, var(--color-primary) 10%, transparent); }

/* Tenders + news row (Elementor seeder wrapper) */
.elementor .obc-tenders-news-row.e-con,
.obc-tenders-news-row {
	display: flex;
	flex-direction: column;
	gap: var(--space-2xl);
	padding-block: var(--space-2xl);
	padding-inline: var(--margin-desktop);
	max-width: var(--container-max);
	margin-inline: auto;
	width: 100%;
	box-sizing: border-box;
	background-color: var(--color-background);
}

.obc-tenders-news-row > .e-con {
	width: 100%;
	min-width: 0;
}

@media (min-width: 1024px) {
	.elementor .obc-tenders-news-row.e-con,
	.obc-tenders-news-row {
		flex-direction: row;
		flex-wrap: nowrap;
		align-items: stretch;
	}

	.obc-tenders-news-row > .e-con:first-child {
		flex: 0 0 33.333%;
		max-width: 33.333%;
	}

	.obc-tenders-news-row > .e-con:last-child {
		flex: 1 1 0;
		min-width: 0;
		max-width: 66.666%;
	}
}

@media (min-width: 768px) {
	.md\:flex { display: flex; }
	.md\:block { display: block; }
	.md\:hidden { display: none; }
	.md\:grid-cols-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.md\:grid-cols-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
	.md\:grid-cols-4 { grid-template-columns: repeat(4, minmax(0, 1fr)); }
	.md\:grid-cols-5 { grid-template-columns: repeat(5, minmax(0, 1fr)); }
	.md\:flex-row { flex-direction: row; }
	.md\:flex-row-reverse { flex-direction: row-reverse; }
	.md\:w-1\/2 { width: 50%; }
	.md\:w-5\/12 { width: 41.666667%; }
	.md\:order-1 { order: 1; }
	.md\:order-2 { order: 2; }
	.md\:col-span-1 { grid-column: span 1 / span 1; }
	.md\:min-w-\[350px\] { min-width: 350px; }
	.md\:text-display-lg { font-size: 2rem; line-height: 1.25; font-weight: 700; letter-spacing: -0.02em; }
}

@media (min-width: 1024px) {
	.lg\:flex-row { flex-direction: row; }
	.lg\:w-1\/3 { width: 33.333%; }
	.lg\:w-2\/3 { width: 66.666%; }
	.lg\:w-1\/4 { width: 25%; }
	.lg\:w-3\/4 { width: 75%; }
	.lg\:flex-row-reverse { flex-direction: row-reverse; }
}

/* Hero gradient */
.bg-gradient-to-l {
	background-image: linear-gradient(to left, var(--color-on-background), transparent);
}

/* Top app bar */
.topappbar-section {
	width: 100%;
}

.topappbar-section .search-btn,
.topappbar-section button.search-btn {
	background: none;
	border: none;
	cursor: pointer;
	color: var(--color-primary);
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 0;
	line-height: 1;
	box-sizing: border-box;
}

/* News carousel cards */
.obc-news-carousel {
	--obc-news-carousel-gap: var(--gutter);
	--obc-news-carousel-slide-width: 300px;
}

@media (min-width: 768px) {
	.obc-news-carousel {
		--obc-news-carousel-slide-width: 350px;
	}
}

.obc-news-carousel__swiper.swiper {
	overflow: hidden;
	width: 100%;
	height: auto;
	padding-bottom: var(--space-md);
}

.obc-news-carousel__swiper .swiper-wrapper {
	height: auto;
	align-items: stretch;
}

.obc-news-carousel__swiper .obc-news-carousel__slide.swiper-slide {
	flex-shrink: 0;
	width: var(--obc-news-carousel-slide-width);
	max-width: 100%;
	height: auto;
	box-sizing: border-box;
}

.obc-news-carousel__card {
	display: flex;
	flex-direction: column;
	width: 100%;
	height: 100%;
}

.obc-news-carousel__image-wrap {
	display: block;
	aspect-ratio: 16 / 9;
	overflow: hidden;
}

.obc-news-carousel__image {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.obc-news-carousel__nav-btn {
	-webkit-tap-highlight-color: transparent;
	tap-highlight-color: transparent;
}

.obc-news-carousel__nav-btn.swiper-button-disabled,
.obc-news-carousel__nav-btn:disabled {
	opacity: 0.35;
	cursor: not-allowed;
	pointer-events: none;
}

.obc-news-carousel__header {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: var(--space-md);
}

.obc-news-carousel__heading {
	flex: 1;
	min-width: 0;
	margin: 0;
}

.obc-news-carousel__nav-btn:focus:not(:focus-visible),
.obc-news-carousel__nav-btn:active {
	outline: none;
}

.obc-news-carousel__nav {
	display: flex;
	gap: var(--space-sm);
	min-width: calc(2.5rem * 2 + var(--space-sm));
	min-height: 2.5rem;
	flex-shrink: 0;
	align-items: center;
	justify-content: flex-end;
}

.obc-news-carousel__nav--hidden,
.obc-news-carousel--static .obc-news-carousel__nav {
	visibility: hidden;
	pointer-events: none;
}

/* Responsive carousel on/off — static grid fallback */
.obc-news-carousel--grid {
	--obc-news-grid-columns: 3;
}

.obc-news-carousel--grid .obc-news-carousel__header {
	justify-content: space-between;
}

.obc-news-carousel--grid .obc-news-carousel__header .obc-news-carousel__nav {
	margin-inline-start: auto;
}

.obc-news-carousel--grid .obc-news-carousel__header.section-heading {
	margin-bottom: var(--space-xl);
}

.obc-news-carousel--grid .obc-news-carousel__slide {
	display: flex;
	height: auto;
}

.obc-news-carousel--grid .obc-news-carousel__card {
	flex: 1;
}

.obc-news-carousel--grid .blog-item__thumbnail {
	display: block;
	overflow: hidden;
	border-radius: var(--radius-xl) var(--radius-xl) 0 0;
	margin: calc(var(--space-xl) * -1) calc(var(--space-xl) * -1) var(--space-md);
}

.obc-news-carousel--grid .blog-item__img {
	display: block;
	width: 100%;
	height: auto;
	object-fit: cover;
}

.obc-news-carousel--grid .blog-item__content {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	flex: 1;
	gap: var(--space-md);
	min-height: 0;
}

.obc-news-carousel--grid .blog-item__copy {
	display: flex;
	flex-direction: column;
	gap: var(--space-sm);
	min-height: 0;
}

.obc-news-carousel--grid .blog-item__title {
	font-size: 1.125rem;
	font-weight: 600;
	margin: 0;
}

.obc-news-carousel--grid .blog-item__title a {
	color: var(--color-primary);
	text-decoration: none;
}

.obc-news-carousel--grid .blog-item__meta {
	margin: 0;
}

.obc-news-carousel--grid .blog-item__excerpt {
	margin: 0;
	line-height: 1.6;
	color: var(--color-on-surface-variant);
}

.obc-news-carousel--grid .obc-news-carousel__read-more {
	align-self: flex-start;
	flex-shrink: 0;
}

.obc-news-carousel--static[data-carousel-mode="swiper"] .obc-news-carousel__track {
	display: grid !important;
	gap: var(--obc-news-carousel-gap, var(--gutter));
	transform: none !important;
	align-items: stretch;
}

.obc-news-carousel--static[data-layout-variant="default"] .obc-news-carousel__track {
	grid-template-columns: repeat(3, minmax(0, 1fr));
}

.obc-news-carousel--static[data-layout-variant="grid"] .obc-news-carousel__track {
	grid-template-columns: repeat(var(--obc-news-grid-columns, 3), minmax(0, 1fr));
}

.obc-news-carousel--static .obc-news-carousel__slide.swiper-slide {
	width: auto !important;
	max-width: none;
	height: auto;
	display: flex;
}

.obc-news-carousel--home-v3 .obc-news-carousel__track {
	align-items: stretch;
}

.obc-news-carousel--home-v3 .obc-news-carousel__slide {
	display: flex;
	flex-direction: column;
	align-self: stretch;
	height: auto;
}

.obc-news-carousel--home-v3 .obc-news-carousel__image-wrap {
	flex-shrink: 0;
}

.obc-news-carousel--home-v3 .obc-news-carousel__body {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	flex: 1;
	gap: var(--space-md);
	min-height: 0;
}

.obc-news-carousel--home-v3 .obc-news-carousel__copy {
	display: flex;
	flex-direction: column;
	gap: var(--space-sm);
	min-height: 0;
}

.obc-news-carousel--home-v3 .obc-news-carousel__category,
.obc-news-carousel--home-v3 .obc-news-carousel__title {
	margin: 0;
}

.obc-news-carousel--home-v3 .obc-news-carousel__description {
	margin: 0;
}

.obc-news-carousel--home-v3 .obc-news-carousel__footer {
	flex-shrink: 0;
	margin-top: auto;
}

.obc-news-carousel--home-v3.obc-news-carousel--static .obc-news-carousel__track {
	display: grid;
	grid-template-columns: 1fr;
	gap: var(--gutter);
	overflow: visible;
	align-items: stretch;
}

.obc-news-carousel--home-v3.obc-news-carousel--static .obc-news-carousel__slide {
	min-width: 0 !important;
	height: 100%;
}

@media (min-width: 768px) {
	.obc-news-carousel--static[data-layout-variant="default"] .obc-news-carousel__track {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.obc-news-carousel--home-v3.obc-news-carousel--static .obc-news-carousel__track {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media (min-width: 1025px) {
	.obc-news-carousel--static[data-layout-variant="default"] .obc-news-carousel__track {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}

	.obc-news-carousel--home-v3.obc-news-carousel--static .obc-news-carousel__track {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}
}

@media (max-width: 767px) {
	.obc-news-carousel--static[data-layout-variant="default"] .obc-news-carousel__track,
	.obc-news-carousel--static[data-layout-variant="grid"] .obc-news-carousel__track {
		grid-template-columns: 1fr;
	}
}

.min-w-\[300px\] {
	min-width: 300px;
}

/* About page (stitch _4) */
.obc-about-wrap {
	width: 100%;
	box-sizing: border-box;
}

.elementor-template-canvas .obc-about-wrap {
	background-color: var(--color-background);
	color: var(--color-on-background);
}

.max-w-3xl {
	max-width: 48rem;
}

.aspect-4-5 {
	aspect-ratio: 4 / 5;
}

.rounded-2xl {
	border-radius: var(--radius-2xl);
}

.bg-gradient-to-t {
	background-image: linear-gradient(to top, var(--color-on-background), transparent);
}

.from-on-background\/60 {
	background-image: linear-gradient(to top, color-mix(in srgb, var(--color-on-background) 60%, transparent), transparent);
}

.border-primary\/10 {
	border-color: color-mix(in srgb, var(--color-primary) 10%, transparent);
}

.order-1 { order: 1; }
.order-2 { order: 2; }

.obc-leadership-card {
	transition: transform var(--transition-normal), border-color var(--transition-normal), box-shadow var(--transition-normal);
}

.obc-leadership-card:hover {
	transform: translateY(-4px);
	border-color: var(--color-primary);
}

.obc-leadership-card__action {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	text-decoration: none;
	border: none;
}

.obc-leadership-card__action-icon {
	font-size: 20px;
}

.obc-board-strategy__media {
	min-height: 400px;
}

.obc-board-strategy__section {
	margin-bottom: var(--space-4xl);
}

.obc-board-strategy__overlay {
	display: flex;
	align-items: flex-end;
	pointer-events: none;
	background-image: linear-gradient(to top, color-mix(in srgb, var(--color-on-background) 60%, transparent), transparent);
}

.obc-board-strategy__quote {
	margin: 0;
}

.obc-about-hero__inner {
	margin-inline: auto;
}

.obc-about-section__grid {
	width: 100%;
}

.obc-about-section__media {
	width: 100%;
	min-width: 0;
}

.obc-about-section__image {
	display: block;
	width: 100%;
	height: auto;
}

@media (min-width: 768px) {
	.obc-about-hero__inner {
		margin-inline: 0;
	}
}

.obc-leadership-card__actions {
	margin: 0;
}

.elementor .obc-leadership-card__action,
.elementor button.obc-leadership-card__action {
	background-color: var(--color-surface-container);
	color: var(--color-on-surface);
	cursor: pointer;
}

.elementor .obc-leadership-card__action:hover,
.elementor button.obc-leadership-card__action:hover {
	background-color: var(--color-primary-container);
	color: var(--color-on-surface);
}

.obc-board-strategy__list {
	list-style: none;
	margin: 0;
	padding: 0;
}

.obc-board-strategy__item {
	align-items: flex-start;
}

.obc-board-strategy__icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
	align-self: flex-start;
	width: 2.5rem;
	height: 2.5rem;
	padding: var(--space-sm);
	border-radius: var(--radius-full);
	background-color: var(--color-surface-container-lowest);
	box-sizing: border-box;
	font-size: 1.5rem;
	line-height: 1;
}

.obc-board-strategy__item-text :is(h4, h5, p) {
	margin-top: 0;
}

@media (min-width: 1024px) {
	.obc-board-strategy__panel-col,
	.obc-board-strategy__media-col {
		display: flex;
		align-items: stretch;
		min-height: 100%;
	}

	.obc-board-strategy__panel {
		display: flex;
		flex-direction: column;
		justify-content: center;
		flex: 1 1 auto;
		min-height: 100%;
		height: 100%;
		box-sizing: border-box;
	}

	.obc-board-strategy__media-col .obc-board-strategy__media {
		flex: 1 1 auto;
		min-height: 400px;
		height: 100%;
	}
}

@media (min-width: 768px) {
	.md\:text-right {
		text-align: right;
	}

	.md\:block {
		display: block;
	}

	.md\:mx-0 {
		margin-inline: 0;
	}
}

@media (min-width: 1024px) {
	.lg\:grid-cols-3 {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}

	.lg\:grid-cols-12 {
		grid-template-columns: repeat(12, minmax(0, 1fr));
	}

	.lg\:col-span-5 {
		grid-column: span 5 / span 5;
	}

	.lg\:col-span-7 {
		grid-column: span 7 / span 7;
	}

	.lg\:order-1 {
		order: 1;
	}

	.lg\:order-2 {
		order: 2;
	}

	.lg\:h-full {
		height: 100%;
	}

	.obc-board-strategy__section .grid,
	.obc-board-strategy__section .obc-board-strategy__grid {
		align-items: stretch;
	}

	.obc-board-strategy__grid {
		min-height: 400px;
	}
}

/* Services page (stitch _5) */
.obc-services-wrap {
	width: 100%;
	box-sizing: border-box;
}

.elementor-template-canvas .obc-services-wrap {
	background-color: var(--color-background);
	color: var(--color-on-background);
}

.text-5xl {
	font-size: 3rem;
	line-height: 1;
}

.text-sm {
	font-size: 0.875rem;
}

.text-secondary {
	color: var(--color-secondary);
}

.text-white {
	color: #ffffff;
}

.border-8 {
	border-width: 8px;
	border-style: solid;
}

.border-white\/20 {
	border-color: color-mix(in srgb, #ffffff 20%, transparent);
}

.border-primary\/20 {
	border-color: color-mix(in srgb, var(--color-primary) 20%, transparent);
}

.bg-on-primary\/10 {
	background-color: color-mix(in srgb, var(--color-on-primary) 10%, transparent);
}

.bg-primary\/5 {
	background-color: color-mix(in srgb, var(--color-primary) 5%, transparent);
}

.bg-primary\/30 {
	background-color: color-mix(in srgb, var(--color-primary) 30%, transparent);
}

.h-0\.5 {
	height: 2px;
}

.-z-0 {
	z-index: 0;
}

.-mr-32 {
	margin-inline-end: calc(var(--space-3xl) * -2);
}

.-mt-32 {
	margin-top: calc(var(--space-3xl) * -2);
}

.w-64 {
	width: 16rem;
}

.min-h-\[200px\] {
	min-height: 200px;
}

.bento-grid,
.obc-services-bento__grid {
	display: grid;
	grid-template-columns: repeat(12, minmax(0, 1fr));
	gap: var(--gutter);
}

/* Elementor nested containers as bento grid cells */
.e-con.obc-services-bento__grid {
	flex-direction: unset;
}

.obc-services-bento__grid > .e-con {
	min-width: 0;
}

.col-span-12 {
	grid-column: span 12 / span 12;
}

.obc-services-bento__list {
	list-style: none;
	margin: 0;
	padding: 0;
}

.obc-services-faq__item summary {
	list-style: none;
}

.obc-services-faq__item summary::-webkit-details-marker {
	display: none;
}

.obc-services-faq__item[open] .obc-services-faq__chevron {
	transform: rotate(180deg);
}

.obc-services-cta__input:focus {
	border-color: var(--color-primary);
	box-shadow: 0 0 0 2px color-mix(in srgb, var(--color-primary) 25%, transparent);
}

.obc-services-cta__submit {
	border: none;
	cursor: pointer;
}

.obc-services-cta__submit:hover {
	background-color: var(--color-primary);
	color: var(--color-on-primary);
}

.scale-98:active {
	transform: scale(0.98);
}

.sr-only {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	white-space: nowrap;
	border: 0;
}

@media (min-width: 768px) {
	.md\:col-span-4 {
		grid-column: span 4 / span 4;
	}

	.md\:col-span-8 {
		grid-column: span 8 / span 8;
	}

	.md\:flex-row {
		flex-direction: row;
	}
}

@media (min-width: 1024px) {
	.lg\:grid-cols-2 {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

/* Stitch _12 — Services page widgets */
.service-card-glow {
	transition: box-shadow var(--transition-normal);
}

.service-card-glow:hover {
	box-shadow: 0 0 30px rgba(60, 93, 23, 0.08);
}

.italic {
	font-style: italic;
}

.h-20 {
	height: 80px;
}

.h-40 {
	height: 10rem;
}

.h-96 {
	height: 24rem;
}

.h-\[500px\] {
	height: 500px;
}

.min-h-\[300px\] {
	min-height: 300px;
}

.w-40 {
	width: 10rem;
}

.w-96 {
	width: 24rem;
}

.w-1\/2 {
	width: 50%;
}

.h-0\.5 {
	height: 0.125rem;
}

.border-4 {
	border-width: 4px;
	border-style: solid;
}

.shadow-2xl {
	box-shadow: var(--elevation-modal);
}

.shadow-lg {
	box-shadow: var(--elevation-hover);
}

.blur-3xl {
	filter: blur(64px);
}

.grid-cols-12 {
	grid-template-columns: repeat(12, minmax(0, 1fr));
}

.grid-cols-3 {
	grid-template-columns: repeat(3, minmax(0, 1fr));
}

.text-sm {
	font-size: 0.875rem;
}

.text-white {
	color: #ffffff;
}

.bg-primary-container\/20 {
	background-color: color-mix(in srgb, var(--color-primary-container) 20%, transparent);
}

.bg-primary\/20 {
	background-color: color-mix(in srgb, var(--color-primary) 20%, transparent);
}

.bg-secondary-container\/10 {
	background-color: color-mix(in srgb, var(--color-secondary-container) 10%, transparent);
}

.bg-secondary-fixed\/10 {
	background-color: color-mix(in srgb, var(--color-secondary-fixed) 10%, transparent);
}

.border-primary\/10 {
	border-color: color-mix(in srgb, var(--color-primary) 10%, transparent);
}

.border-primary-fixed\/30 {
	border-color: color-mix(in srgb, var(--color-primary-fixed) 30%, transparent);
}

.border-white\/30 {
	border-color: color-mix(in srgb, #ffffff 30%, transparent);
}

.from-\[\#0c0305\]\/60 {
	--tw-gradient-from: rgb(12 3 5 / 0.6);
	--tw-gradient-to: rgb(12 3 5 / 0);
	--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.hover\:bg-primary-fixed:hover {
	background-color: var(--color-primary-fixed);
}

.hover\:bg-white\/10:hover {
	background-color: color-mix(in srgb, #ffffff 10%, transparent);
}

.hover\:scale-105:hover {
	transform: scale(1.05);
}

.obc-blur-decoration-tr {
	transform: translate(50%, -50%);
}

.obc-blur-decoration-bl {
	transform: translate(-50%, 50%);
}

.hover\:text-\[\#0c0305\]:hover {
	color: #0c0305;
}

.-bottom-10 {
	bottom: -2.5rem;
}

.-right-10 {
	right: -2.5rem;
}

.-top-4 {
	top: calc(var(--space-md) * -1);
}

.-translate-y-1\/2 {
	transform: translateY(-50%);
}

.translate-x-1\/2 {
	transform: translateX(50%);
}

.translate-y-1\/2 {
	transform: translateY(50%);
}

.-translate-y-1\/2.translate-x-1\/2 {
	transform: translate(-50%, -50%);
}

.translate-y-1\/2.-translate-x-1\/2 {
	transform: translate(-50%, 50%);
}

@media (min-width: 768px) {
	.md\:grid-cols-12 {
		grid-template-columns: repeat(12, minmax(0, 1fr));
	}

	.md\:col-span-12 {
		grid-column: span 12 / span 12;
	}
}

/* Stitch _14 — About / leadership page widgets */
.border-r-4 {
	border-inline-start-width: 4px;
	border-inline-start-style: solid;
}

.border-r-2 {
	border-inline-start-width: 2px;
	border-inline-start-style: solid;
}

.obc-board-charter-14 .section-heading {
	margin-bottom: var(--space-lg);
}

.border-primary-fixed {
	border-color: var(--color-primary-fixed);
}

.tracking-wider {
	letter-spacing: 0.05em;
}

.uppercase {
	text-transform: uppercase;
}

.leading-loose {
	line-height: 2;
}

.leading-relaxed {
	line-height: 1.625;
}

.text-4xl {
	font-size: 2.25rem;
	line-height: 2.5rem;
}

.duration-500 {
	transition-duration: 500ms;
}

.duration-700 {
	transition-duration: 700ms;
}

.hover\:shadow-xl:hover {
	box-shadow: var(--elevation-modal);
}

.hover\:border-primary\/20:hover {
	border-color: color-mix(in srgb, var(--color-primary) 20%, transparent);
}

.hover\:bg-white:hover {
	background-color: #ffffff;
}

.from-black\/80 {
	--tw-gradient-from: rgb(0 0 0 / 0.8);
	--tw-gradient-to: rgb(0 0 0 / 0);
	--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.via-transparent {
	--tw-gradient-to: rgb(0 0 0 / 0);
	--tw-gradient-stops: var(--tw-gradient-from), transparent, var(--tw-gradient-to);
}

.bg-gradient-to-t {
	background-image: linear-gradient(to top, var(--tw-gradient-stops));
}

.group-hover\:grayscale-0 {
	filter: grayscale(0);
}

.group:hover .group-hover\:grayscale-0 {
	filter: grayscale(0);
}

.group:hover .group-hover\:scale-110 {
	transform: scale(1.1);
}

.scale-100 {
	transform: scale(1);
}

.bg-secondary\/10 {
	background-color: color-mix(in srgb, var(--color-secondary) 10%, transparent);
}

.blur-120 {
	filter: blur(120px);
}

.blur-150 {
	filter: blur(150px);
}

.obc-board-charter-14__blur-tr {
	transform: translate(50%, -50%);
}

.obc-board-charter-14__blur-bl {
	transform: translate(-50%, 50%);
}

.obc-leadership-card-14__overlay {
	pointer-events: none;
}

.obc-leadership-card-14:hover .obc-leadership-card-14__overlay {
	pointer-events: auto;
}

.obc-leadership-card-14__overlay a {
	pointer-events: auto;
}

@media (min-width: 640px) {
	.sm\:grid-cols-2 {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media (min-width: 768px) {
	.md\:w-1\/3 {
		width: 33.333333%;
	}

	.md\:w-2\/3 {
		width: 66.666667%;
	}
}

/* Stitch _16 — Contact page widgets */
.obc-contact-16 {
	width: 100%;
	box-sizing: border-box;
}

.elementor-template-canvas .obc-contact-16 {
	background-color: var(--color-background);
	color: var(--color-on-surface);
}

.h-12 {
	height: 3rem;
}

.h-14 {
	height: 3.5rem;
}

.text-surface-container-lowest\/80 {
	color: color-mix(in srgb, var(--color-surface-container-lowest) 80%, transparent);
}

.from-\[\#0c0305\]\/80 {
	--tw-gradient-from: rgb(12 3 5 / 0.8);
	--tw-gradient-to: rgb(12 3 5 / 0);
	--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.border-secondary\/20 {
	border-color: color-mix(in srgb, var(--color-secondary) 20%, transparent);
}

.hover\:border-secondary:hover {
	border-color: var(--color-secondary);
}

.border-on-secondary-container\/20 {
	border-color: color-mix(in srgb, var(--color-on-secondary-container) 20%, transparent);
}

.hover\:bg-on-secondary-container:hover {
	background-color: var(--color-on-secondary-container);
}

.hover\:text-secondary-container:hover {
	color: var(--color-secondary-container);
}

.border-surface-variant\/10 {
	border-color: color-mix(in srgb, var(--color-surface-variant) 10%, transparent);
}

.text-error-container {
	color: var(--color-error-container);
}

.shadow-contact-card {
	box-shadow: 0 8px 30px rgb(60 93 23 / 0.08);
}

.hover\:scale-\[0\.98\]:hover {
	transform: scale(0.98);
}

.opacity-40 {
	opacity: 0.4;
}

.opacity-90 {
	opacity: 0.9;
}

.resize-none {
	resize: none;
}

.obc-contact-form-16__spin {
	animation: obc-contact-spin 1s linear infinite;
}

@keyframes obc-contact-spin {
	from {
		transform: rotate(0deg);
	}
	to {
		transform: rotate(360deg);
	}
}

/* Mobile-specific hero section styles (object-fit: cover - default) */
@media (max-width: 767px) {
	.obc-hero {
		min-height: 50vh !important;
	}

	.obc-hero__bg-wrap {
		min-height: 50vh !important;
	}

	.obc-hero__image,
	.obc-hero .obc-hero__bg-wrap img,
	section.obc-hero img.obc-hero__image {
		min-height: 50vh !important;
		object-fit: cover; /* Can be overridden by Elementor inline styles */
	}
}

/* Tablet hero section styles (object-fit: fill - default) */
@media (min-width: 768px) and (max-width: 1024px) {
	.obc-hero {
		min-height: 60vh !important;
	}

	.obc-hero__bg-wrap {
		min-height: 60vh !important;
	}

	.obc-hero__image,
	.obc-hero .obc-hero__bg-wrap img,
	section.obc-hero img.obc-hero__image {
		min-height: 60vh !important;
		object-fit: fill; /* Can be overridden by Elementor inline styles */
	}
}

/* Desktop hero section styles (object-fit: contain - default) */
@media (min-width: 1025px) {
	.obc-hero {
		min-height: 70vh !important;
	}

	.obc-hero__bg-wrap {
		min-height: 70vh !important;
	}

	.obc-hero__image,
	.obc-hero .obc-hero__bg-wrap img,
	section.obc-hero img.obc-hero__image {
		min-height: 70vh !important;
		object-fit: contain; /* Can be overridden by Elementor inline styles */
	}
}

.bg-secondary {
	background-color: var(--color-secondary);
}

@media (min-width: 1024px) {
	.obc-contact-form-16 .lg\:col-span-8 {
		grid-column: span 8 / span 8;
	}

	.obc-contact-form-16 .lg\:col-span-4 {
		grid-column: span 4 / span 4;
	}
}

/* Keep Material Symbols on icon elements — Abar typography utilities must not win */
.material-symbols-outlined,
button.material-symbols-outlined,
span.material-symbols-outlined,
.font-display-lg.material-symbols-outlined,
.font-headline-sm.material-symbols-outlined,
.font-headline-md.material-symbols-outlined,
.font-title-lg.material-symbols-outlined,
.font-body-md.material-symbols-outlined,
.font-body-lg.material-symbols-outlined,
.font-label-md.material-symbols-outlined,
.font-caption.material-symbols-outlined {
	font-family: 'OBC Material Symbols', sans-serif;
}