/**
 * Contact page widgets (stitch _8).
 */

.obc-contact-wrap {
	max-width: var(--container-max);
	margin-inline: auto;
	padding-inline: var(--margin-mobile);
}

@media (min-width: 768px) {
	.obc-contact-wrap {
		padding-inline: var(--margin-desktop);
	}
}

/* Static section headers — no wrapper opacity fade on hover */
.obc-section-header,
.obc-section-header__section,
.obc-section-header__heading,
.obc-section-header__description,
.obc-section-header__heading-row {
	transition: none;
}

.obc-section-header__section--border {
	border-inline-start-width: 4px;
	border-inline-start-style: solid;
	border-inline-start-color: var(--color-primary);
	padding-inline-start: var(--space-base);
}

.obc-section-header__heading-row.section-heading {
	margin-bottom: 0;
	justify-content: center;
}

@media (min-width: 768px) {
	.obc-section-header__heading-row.section-heading {
		justify-content: flex-start;
	}
}

.obc-section-header__description {
	margin-inline: auto;
}

.obc-contact-info-cards-16__icon-wrap {
	width: fit-content;
	max-width: 100%;
	background-color: transparent;
	border-radius: 0;
}

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

.form-input-focus:focus {
	border-color: var(--color-primary);
	outline: none;
	border-width: 2px;
}

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

.group:hover .group-hover\:text-white {
	color: #ffffff;
}

.group:hover .group-hover\:translate-x-\[-4px\] {
	transform: translateX(-4px);
}

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

.leading-7 {
	line-height: 1.75;
}

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

.contrast-125 {
	filter: contrast(1.25);
}

.opacity-50 {
	opacity: 0.5;
}

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

.rounded-r-lg {
	border-start-start-radius: var(--radius-lg);
	border-end-start-radius: var(--radius-lg);
}

.rounded-l-lg {
	border-start-end-radius: var(--radius-lg);
	border-end-end-radius: var(--radius-lg);
}

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

.backdrop-blur-md {
	backdrop-filter: blur(12px);
}

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

.obc-icon-filled {
	font-variation-settings: 'FILL' 1, 'wght' 400, 'GRAD' 0, 'opsz' 24;
}