.bs-bg-light-blue {
  background-color: #F5F9FC;
}

.bs-bg-surface-subtle {
  background-color: #f9fafb;
}

.row:has(.ccd-category-nav-view) {
  --bs-gutter-x: 2rem;
  margin-block-start: 2rem;
}
@media (max-width: 61.99875rem) {
  .row:has(.ccd-category-nav-view) > * {
    flex: 0 0 auto;
    width: 100%;
  }
}

main:has(.ccd-services-grid-view) h1 {
  margin-block-end: 1.5rem;
}
main:has(.ccd-services-grid-view) .layout--onecol p:last-child {
  margin-block-end: 0;
}

.ccd-category-nav__item {
  border: 1px solid transparent;
  border-radius: 0.625rem;
  cursor: pointer;
  transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out;
}
.ccd-category-nav__item.is-active {
  background-color: #f9fafb;
  border-color: #e5e7eb;
}
.ccd-category-nav__item:hover:not(.is-active) {
  background-color: #f8fafc;
}
.ccd-category-nav__item:has(:focus-visible) {
  outline: 0.25rem solid rgba(33, 84, 147, 0.25);
  outline-offset: 2px;
}

.ccd-category-nav__link {
  line-height: 1.75rem;
  color: #004d79;
}
.ccd-category-nav__link:hover, .ccd-category-nav__link:focus {
  color: #004d79;
  text-decoration: none;
}

.ccd-category-nav__item img,
.ccd-category-nav__item svg {
  width: 24px;
  height: 24px;
}

.ccd-services-grid-view .view-filters {
  display: none;
}

.ccd-services-grid-view .view-empty {
  color: #4a5565;
}

.ccd-service-card {
  border-color: #e5e7eb;
  border-radius: 0.625rem;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
.ccd-service-card:hover {
  border-color: #e6eef7;
  box-shadow: 0 1px 2px rgba(0, 47, 95, 0.06), 0 4px 12px rgba(0, 47, 95, 0.08);
}
.ccd-service-card:has(.ccd-service-card__link:focus-visible) {
  outline: 0.25rem solid rgba(33, 84, 147, 0.25);
  outline-offset: 2px;
}

.ccd-service-card__icon {
  width: 56px;
  height: 56px;
  background-color: #eaf2ff;
}
.ccd-service-card__icon img,
.ccd-service-card__icon svg {
  width: 28px;
  height: 28px;
}

.ccd-service-card__label {
  max-width: calc(100% - 56px - 3rem - 1rem);
  padding: 0.25rem 0.75rem;
  background-color: #eff6ff;
  color: #215493;
  font-size: 0.875rem;
  line-height: 1.43;
}

.ccd-service-card__title {
  color: #101828;
  line-height: 1.5;
}
.ccd-service-card__title a {
  color: inherit;
}
.ccd-service-card__title a:hover {
  color: #215493;
  text-decoration: none;
}

.ccd-service-card__summary {
  margin-block-start: 0.375rem;
  color: #4a5565;
}

[dir=rtl] .ccd-category-nav__icon img,
[dir=rtl] .ccd-service-card__icon img {
  transform: none;
}