/* Remove margin between consecutive line/solid components */
.line-component + .line-component,
.solid-component + .solid-component {
  margin-top: 0;
}
.card--differentiator figure {
  margin: 0;
}
.card--differentiator {
  background: var(--white);
  overflow: hidden;
  padding-left: var(--spacing--medium);
  padding-right: var(--spacing--medium);
}
@media print, screen and (min-width: 48.0625em) {
  .card--differentiator {
    padding-left: 2.5rem;
    padding-right: 2.5rem;
  }
}
.card--differentiator .aspect-ratio-frame {
  margin-left: -1.875rem;
  margin-right: -1.875rem;
}
@media print, screen and (min-width: 40.0625em) {
  .card--differentiator .aspect-ratio-frame {
    margin-left: 0;
    margin-right: 0;
  }
}
@media print, screen and (min-width: 48.0625em) {
  .card--differentiator .aspect-ratio-frame {
    margin-left: -1.25rem;
    margin-right: 0;
    margin-bottom: -1.25rem;
    margin-top: -1.25rem;
  }
}
@media print, screen and (min-width: 64.0625em) {
  .card--differentiator .aspect-ratio-frame {
    margin-left: -2.5rem;
    margin-right: -2.5rem;
    margin-bottom: 0;
    margin-top: 0;
  }
}
.card--differentiator .card__content {
  padding-bottom: 1.875rem;
}
@media print, screen and (min-width: 48.0625em) {
  .card--differentiator .card__content {
    padding-bottom: 2.5rem;
  }
}
@media print, screen and (max-width: 48.06125em) {
  .card--differentiator .card__content .card__content__inner {
    padding: 0;
  }
}
.card--differentiator .card__content p:last-of-type {
  margin-bottom: 0;
}
.card--differentiator h3 {
  margin-bottom: 0.9375rem;
  font-weight: 700;
  padding-bottom: 0;
}
@media print, screen and (min-width: 48.0625em) {
  .card--differentiator h3 {
    margin-bottom: 1.25rem;
  }
}
.card--differentiator .link-arrow::after {
  color: var(--brand--bright-blue);
}
@media print, screen and (max-width: 48.06125em) {
  .card--differentiator {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-top: 1.875rem;
  }
  .card--differentiator .card__content__inner {
    padding: 1.25rem 0 0 0;
  }
  .card--differentiator .card__media {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 100%;
    margin-left: 0;
    margin-right: 0;
    margin-bottom: 0;
  }
  .card--differentiator .card__content {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 100%;
    margin-left: 0;
    margin-right: 0;
  }
  .card--differentiator img {
    display: block;
  }
}
@media print, screen and (min-width: 48.0625em) {
  .card--differentiator {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .card--differentiator .card__content__inner {
    padding: 2.5rem 0 0 0;
  }
  .card--differentiator .card__media {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 100%;
    margin-left: 0;
    margin-right: 0;
    margin-bottom: 0;
  }
  .card--differentiator .card__content {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 100%;
    margin-left: 0;
    margin-right: 0;
  }
  .card--differentiator img {
    display: block;
  }
}
@media print, screen and (min-width: 64.0625em) {
  .card--differentiator {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .card--differentiator .card__content__inner {
    padding: 2.5rem 0 0 0;
  }
  .card--differentiator .card__media {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 100%;
    margin-left: 0;
    margin-right: 0;
    margin-bottom: 0;
  }
  .card--differentiator .card__content {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 100%;
    margin-left: 0;
    margin-right: 0;
  }
  .card--differentiator img {
    display: block;
  }
}
@media print, screen and (min-width: 40.0625em) and (max-width: 48.06125em) {
  .card--differentiator--image {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    padding-top: 1.875rem;
    padding-bottom: 1.875rem;
  }
  .card--differentiator--image .card__content__inner {
    padding: 0 0 0 1.875rem;
  }
  .card--differentiator--image .card__media {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 50%;
    margin-left: 0;
    margin-right: 0;
    margin-bottom: 0;
  }
  .card--differentiator--image .card__content {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
  }
  .card--differentiator--image img {
    display: block;
  }
  .card--differentiator--image .card__content {
    padding-left: 1.875rem;
    padding-bottom: 0;
  }
}
@media print, screen and (min-width: 48.0625em) and (max-width: 64.06125em) {
  .card--differentiator--image {
    padding: 1.25rem;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
  }
  .card--differentiator--image .card__content__inner {
    padding: 0 0 0 1.875rem;
  }
  .card--differentiator--image .card__media {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 50%;
    margin-left: 0;
    margin-right: 0;
    margin-bottom: 0;
  }
  .card--differentiator--image .card__content {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
  }
  .card--differentiator--image img {
    display: block;
  }
}
@media print, screen and (max-width: 64.06125em) {
  .card--differentiator--image {
    margin-top: 0;
  }
}
.card--differentiator .card__media {
  border-radius: 0;
}
@media print, screen and (max-width: 64.06125em) {
  .card--differentiator .card__media {
    max-width: 21.875rem;
  }
}
@media print, screen and (max-width: 48.06125em) {
  .card--differentiator .card__media {
    max-width: none;
  }
}
@media print, screen and (max-width: 40.06125em) {
  .card--differentiator .card__media {
    margin-bottom: 1.875rem;
  }
}
.card--differentiator h3,
.card--differentiator p {
  margin-top: 0.9375rem;
}
.card--differentiator .card__media + .card__content h3 {
  margin-top: 0;
}
.differentiators .svg {
  position: absolute;
  width: 0;
  height: 0;
}
@media print, screen and (max-width: 64.06125em) {
  .differentiators {
    padding-bottom: 3.125rem;
  }
}
@media print, screen and (min-width: 64.0625em) {
  .differentiators {
    padding-bottom: 0;
  }
}
.differentiators h2 {
  font-family: var(--serif);
  font-size: 1.75rem;
}
@media print, screen and (min-width: 48.0625em) {
  .differentiators h2 {
    font-size: 4.5rem;
  }
}
@media print, screen and (min-width: 64.0625em) {
  .differentiators h2 {
    margin-bottom: 1.25rem;
  }
}
@media print, screen and (min-width: 64.0625em) and (min-width: 48.0625em) {
  .differentiators h2 {
    margin-bottom: 1.875rem;
  }
}
.differentiators h2,
.differentiators .section-heading__subheading.intro-text {
  color: var(--white);
}
.differentiators .intro-text {
  font-size: 1.125rem;
}
@media print, screen and (min-width: 64.0625em) {
  .differentiators .intro-text {
    font-size: 1.25rem;
  }
}
.differentiators .intro-text a {
  color: var(--white);
}
.differentiators .differentiators__upper {
  background-color: var(--pattern--blue);
  background-image: url("/themes/custom/holyoke/components/section/differentiators-section/assets/cube-pattern.png");
  background-size: 100px;
  background-attachment: fixed;
  padding-top: var(--spacing--large);
}
@media print, screen and (min-width: 48.0625em) {
  .differentiators .differentiators__upper {
    padding-top: 5rem;
  }
}
@media print, screen and (min-width: 64.0625em) {
  .differentiators .differentiators__upper {
    padding-top: 7.5rem;
  }
}
.differentiators .differentiators__upper .grid-x {
  display: block;
}
.differentiators .differentiators__upper .grid-x > div {
  display: block;
}
.differentiators .differentiators__lower {
  padding-top: var(--spacing--default);
  position: relative;
  z-index: 5;
}
@media print, screen and (min-width: 48.0625em) {
  .differentiators .differentiators__lower {
    padding-top: 3.125rem;
  }
}
@media print, screen and (max-width: 64.06125em) {
  .differentiators .differentiators__lower {
    background-color: #003e6f;
    background-image: url("/themes/custom/holyoke/components/section/differentiators-section/assets/cube-pattern.png");
    background-size: 100px;
    background-attachment: fixed;
    padding-bottom: 2.5rem;
  }
}
@media print, screen and (min-width: 64.0625em) {
  .differentiators .differentiators__lower .grid-x {
    padding-bottom: 4px;
  }
}
.differentiators .differentiators__lower .grid-x > div {
  margin-bottom: 1.875rem;
  background-color: var(--white);
  box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.2);
}
@media print, screen and (min-width: 48.0625em) {
  .differentiators .differentiators__lower .grid-x > div {
    margin-bottom: 2.5rem;
  }
}
@media print, screen and (max-width: 64.06125em) {
  .differentiators .differentiators__lower .grid-x > div {
    margin-top: 0.9375rem;
    margin-bottom: 0;
  }
  .differentiators .differentiators__lower .grid-x > div:first-of-type {
    margin-top: 0;
  }
}
@media print, screen and (min-width: 64.0625em) {
  .differentiators .differentiators__lower .grid-x > div:nth-child(4),
  .differentiators .differentiators__lower .grid-x > div:nth-child(5),
  .differentiators .differentiators__lower .grid-x > div:nth-child(6) {
    margin-bottom: 0;
  }
}
.differentiators .card__content__inner > img {
  margin-top: 1.25rem;
  margin-bottom: 1.875rem;
}
@media print, screen and (min-width: 48.0625em) {
  .differentiators .card__content__inner > img {
    margin-bottom: 2.5rem;
  }
}
.differentiators .stat {
  margin-bottom: 1.875rem;
  display: block;
}
@media print, screen and (min-width: 48.0625em) {
  .differentiators .stat {
    margin-bottom: 2.5rem;
  }
}
.differentiators .btn {
  background-color: transparent;
  border-color: var(--brand--bright-blue);
  color: var(--white);
  font-size: 0.875rem;
}
@media print, screen and (min-width: 48.0625em) {
  .differentiators .btn {
    font-size: 1rem;
  }
}
.differentiators .btn:hover,
.differentiators .btn:focus {
  background-color: var(--secondary--fuchsia);
  border-color: var(--secondary--fuchsia);
}
.differentiators .btn:first-of-type {
  margin-top: 1.25rem;
}
@media print, screen and (min-width: 64.0625em) {
  .differentiators__lower {
    position: relative;
  }
  .differentiators__lower::before {
    content: "";
    display: block;
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    width: 100%;
    height: calc(100% - 10vw);
    background-color: var(--pattern--blue);
    background-image: url("/themes/custom/holyoke/components/section/differentiators-section/assets/cube-pattern.png");
    background-size: 100px;
    background-attachment: fixed;
  }
  .differentiators__lower::after {
    content: "";
    display: block;
    position: absolute;
    z-index: -1;
    top: calc(100% - 10vw - 1px);
    left: 0;
    width: 100%;
    height: 10vw;
    background-color: var(--pattern--blue);
    background-image: url("/themes/custom/holyoke/components/section/differentiators-section/assets/cube-pattern.png");
    background-size: 100px;
    background-attachment: fixed;
  }
}
.differentiators:last-child {
  margin-bottom: 3.125rem;
}
@media print, screen and (min-width: 48.0625em) {
  .differentiators:last-child {
    margin-bottom: 5rem;
  }
}
@media print, screen and (min-width: 64.0625em) {
  .differentiators:last-child {
    margin-bottom: 6.25rem;
  }
}
.differentiators + .solid-component {
  margin-top: -10vw;
  padding-top: calc(10vw + 50px);
}
@media print, screen and (min-width: 64.0625em) {
  .differentiators + .solid-component {
    padding-top: calc(10vw + 100px);
  }
}
.embedded-entity .card--differentiator {
  -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.11);
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.11);
}
@media print, screen and (min-width: 40.0625em) {
  .embedded-entity .card--differentiator {
    max-width: 360px;
  }
  .embedded-entity .card--differentiator .stat {
    font-size: 4rem;
  }
}
.embedded-entity .card--differentiator .card__content__inner {
  padding-top: 1.875rem;
}
.embedded-entity.align-right {
  margin-left: 40px;
}
.embedded-entity.align-left {
  margin-right: 40px;
}
.embedded-entity.align-center .card--differentiator {
  margin: 0 auto;
}
[data-fancybox-modal] {
  display: none;
}
.fancybox-content figure {
  margin: 0;
  padding: 0;
}
.fancybox-content figcaption {
  color: var(--white);
  font-style: italic;
}
.fancybox-container.fancybox-is-open {
  max-width: 100%;
}
.section-heading__subheading > p {
  margin-bottom: 0;
}
@media print, screen and (min-width: 64.0625em) {
  .section-heading .medium-auto {
    white-space: nowrap;
  }
}
@media print, screen and (min-width: 64.0625em) and (min-width: 48.0625em) {
  .differentiators h2 {
    margin-bottom: 1.875rem;
  }
}