.business-hero { height: auto; min-height: 663px; }
.business-hero > .business-hero-image { position: absolute; inset: 0; width: 100%; height: 100%; max-height: none; display: block; object-fit: cover; object-position: center; }
.business-hero::before { content: ""; position: absolute; inset: 0; z-index: 1; background: rgba(0, 0, 0, .56); }
.business-hero > .container-fluid { position: relative; z-index: 2; }
.business-hero .page-title { padding-block-end: 72px; }
.business-hero .page-title h1 { max-inline-size: 32ch; overflow-wrap: anywhere; margin-inline-start: 0; margin-inline-end: auto; }
.business-breadcrumbs {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: .6rem;
    color: #fff;
    font-size: 12px;
    line-height: 1.7;
    overflow-wrap: anywhere;
}
.business-breadcrumbs a { padding: 0; margin: 0; color: inherit; font-size: inherit; text-underline-offset: .2em; }
.business-breadcrumbs a::after { content: none; }
.business-breadcrumbs a:hover { text-decoration: underline; }
.business-breadcrumbs [aria-current] { color: inherit; }
.business-description { width: 100%; max-width: 75ch; margin-inline-start: 0; margin-inline-end: auto; text-align: start; }
.business-company-logo { display: block; width: min(100%, 340px); height: 140px; object-fit: contain; object-position: left center; margin-block-end: 1.5rem; }
[dir="rtl"] .business-company-logo { object-position: right center; }
.business-summary { color: #3d5967; font-size: 1.125rem; line-height: 1.8; margin-block: 0 1.25rem; }
.business-description .paragraph { line-height: 1.9; }
.business-description .paragraph p { margin-block-end: 1.25rem; }
.business-description .paragraph > :first-child { margin-block-start: 0; }
.business-description .paragraph > :last-child { margin-block-end: 0; }
.business-description .paragraph img, .business-description .paragraph video { max-width: 100%; height: auto; }
.business-description .paragraph iframe { width: 100%; max-width: 100%; }
.business-children { background: #f2f8fc; }
.business-children-title { margin-block-end: 2rem; font-size: 2rem; }
.business-card { display: flex; flex-direction: column; height: 100%; background: #fff; color: #172b36; }
.business-card > img { width: 100%; height: 210px; object-fit: cover; }
.business-card > img.business-card-logo { object-fit: contain; padding: 24px; background: #fff; }
.business-card-content { display: flex; flex-direction: column; flex: 1; padding: 1.5rem; }
.business-card h3 { font-size: 1.25rem; line-height: 1.5; overflow-wrap: anywhere; margin-block-end: .75rem; }
.business-card p { color: #526572; line-height: 1.7; margin-block-end: 1.5rem; }
.business-card-action { color: #176c96; margin-block-start: auto; font-weight: 600; }
.business-card:hover .business-card-action { text-decoration: underline; text-underline-offset: .2em; }
.business-card:focus-visible, .business-breadcrumbs a:focus-visible { outline: 3px solid #228bc0; outline-offset: 4px; }
.business-breadcrumbs a:focus-visible { outline-color: #fff; }
.business-error { padding-block: 190px 80px; }
@media (max-width: 1200px) {
    .business-hero { min-height: 500px; }
}
@media (max-width: 767px) {
    .business-breadcrumbs { gap: .4rem; }
    .business-hero .page-title { padding-block-end: 40px; }
    .business-children-title { font-size: 1.6rem; }
}
@media (max-width: 640px) {
    .business-hero { min-height: 350px; }
}
