.certy-services {
  --cs-columns: 3;
  --cs-count: 7;
  --cs-gap: 80px;
  --cs-stage-padding: 40px;
  --cs-speed: 350ms;
  --cs-image-width: 105px;
  width: 100%;
  max-width: 1300px;
  margin: 0 auto;
  padding: 30px 0 60px;
  font-family: inherit;
}
.certy-services *, .certy-services *::before, .certy-services *::after { box-sizing: border-box; }
.certy-services .certy-services__layout { display: grid; grid-template-columns: minmax(24px, 4%) minmax(0, 1fr) minmax(24px, 4%); align-items: center; }
.certy-services .certy-services__viewport { min-width: 0; overflow: hidden; padding: 20px var(--cs-stage-padding); margin: -20px 0; touch-action: pan-y; }
.certy-services .certy-services__track { position: relative; display: flex; align-items: stretch; gap: var(--cs-gap); width: 100%; margin: 0; padding: 0; transition: transform var(--cs-speed) ease; }
.certy-services .certy-services__card {
  --cs-visible: min(var(--cs-columns), var(--cs-count));
  flex: 0 0 calc((100% - (var(--cs-visible) - 1) * var(--cs-gap)) / var(--cs-visible));
  min-width: 0;
  margin: 0;
  padding: 30px 20px;
  text-align: center;
  border: 0;
  border-radius: 10px;
  background: transparent;
  transition: background-color .5s, box-shadow .5s;
}
.certy-services .certy-services__card:hover, .certy-services .certy-services__card:focus-within { background: #fff; box-shadow: 0 0 20px #ccc; }
.certy-services .certy-services__image { height: 121px; margin: 0; padding: 0; text-align: center; }
.certy-services .certy-services__image-file { display: inline-block; width: var(--cs-image-width); max-width: 100%; height: auto; max-height: 121px; object-fit: contain; border: 0; border-radius: 10px; margin: 0; padding: 0; box-shadow: none; vertical-align: middle; }
.certy-services .certy-services__title { min-height: 80px; margin: 0 0 20px; padding: 0; font-family: inherit; font-size: 32px; font-weight: 700; line-height: 40px; letter-spacing: .25px; color: #214775; overflow-wrap: anywhere; }
.certy-services .certy-services__title a, .certy-services .certy-services__title a:hover { font: inherit; color: inherit; text-decoration: none; }
.certy-services .certy-services__description { min-height: 105px; margin: 0 0 20px; padding: 0; color: #262338; font-family: inherit; font-size: 16px; font-weight: 300; line-height: 24px; overflow-wrap: anywhere; }
.certy-services .certy-services__cta { min-height: 30px; }
.certy-services .certy-services__link { display: inline-block; visibility: hidden; background: transparent; border: 0; color: #084775; font-family: inherit; font-size: 16px; font-weight: 600; line-height: 24px; padding: 0 10px; margin: 0; text-decoration: none; }
.certy-services .certy-services__link svg { display: inline; stroke: currentColor; position: relative; top: 7px; margin-left: 5px; }
.certy-services.has-visible-links .certy-services__link, .certy-services .certy-services__card:hover .certy-services__link, .certy-services .certy-services__card:focus-within .certy-services__link { visibility: visible; }
.certy-services .certy-services__arrow { display: block; width: 100%; min-width: 0; padding: 0; margin: 0; border: 0; border-radius: 0; background: transparent; box-shadow: none; color: #084775; font-family: inherit; font-size: 34px; font-weight: 400; line-height: 1.2; text-align: center; cursor: pointer; }
.certy-services .certy-services__arrow:hover { background: transparent; color: #084775; }
.certy-services .certy-services__arrow:disabled { opacity: .35; cursor: default; }
.certy-services .certy-services__arrow:focus-visible, .certy-services a:focus-visible { outline: 2px solid #084775; outline-offset: 3px; }
.certy-services .certy-services__status { position: absolute; width: 1px; height: 1px; padding: 0; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border: 0; }
.certy-services:not(.is-ready) .certy-services__arrow { visibility: hidden; }
@media (max-width: 1024px) {
  .certy-services { --cs-columns: 2; }
  .certy-services .certy-services__card { background: #fff; box-shadow: 0 0 20px #ccc; }
  .certy-services .certy-services__link { visibility: visible; }
}
@media (max-width: 767px) { .certy-services { --cs-columns: 1; } }
@media (hover: none) { .certy-services .certy-services__link { visibility: visible; } }
@media (prefers-reduced-motion: reduce) { .certy-services .certy-services__track, .certy-services .certy-services__card { transition: none; } }