@media (min-width: 48rem) {
  .twoContentSide .carouselContainer {
    overflow: hidden;
  }
  .carouselCardOverflow .carouselCardBack {
    background-color: #253C49;
    display: flex;
  }
  .carouselCard.focus:hover .carouselCardBack, .carouselCard.focus:focus-within .carouselCardBack {
    transform: translate3d(0, 0, 0);
  }
  .carouselCard.focus:hover .carouselCardBack a, .carouselCard.focus:hover .carouselCardBack button, .carouselCard.focus:focus-within .carouselCardBack a, .carouselCard.focus:focus-within .carouselCardBack button {
    z-index: 2;
    pointer-events: all;
    cursor: pointer;
  }
  .carouselCard.focus:hover .carouselCardBack a *, .carouselCard.focus:hover .carouselCardBack button *, .carouselCard.focus:focus-within .carouselCardBack a *, .carouselCard.focus:focus-within .carouselCardBack button * {
    pointer-events: none;
  }
  .carouselContainer .carouselCard:not(.focus):hover .carouselCardBack, .carouselContainer .carouselCard:not(.focus):focus-within .carouselCardBack {
    transform: translate3d(0, 0, 0);
  }
  .carouselContainer .carouselCard:not(.focus):hover .carouselCardBack a, .carouselContainer .carouselCard:not(.focus):hover .carouselCardBack button, .carouselContainer .carouselCard:not(.focus):focus-within .carouselCardBack a, .carouselContainer .carouselCard:not(.focus):focus-within .carouselCardBack button {
    z-index: 2;
    pointer-events: all;
    cursor: pointer;
  }
  .carouselContainer .carouselCard:not(.focus):hover .carouselCardBack a *, .carouselContainer .carouselCard:not(.focus):hover .carouselCardBack button *, .carouselContainer .carouselCard:not(.focus):focus-within .carouselCardBack a *, .carouselContainer .carouselCard:not(.focus):focus-within .carouselCardBack button * {
    pointer-events: none;
  }
  .carouselHero .carouselContainer.active .carouselButton {
    position: relative;
    top: 0;
    right: initial;
  }
  .carouselHeroSlide .heroVideoBtn {
    bottom: -7.125rem;
  }
  .carouselContainer.loaded.moving .carouselCard:not(.hide):hover .carouselCardBack, .carouselContainer.loaded.moving .carouselCard:not(.hide):focus-within .carouselCardBack {
    transform: translate3d(0, 0, 0);
    visibility: visible;
  }
  .carouselContainer.loaded.moving .carouselCard:not(.hide):hover .carouselCardBack a, .carouselContainer.loaded.moving .carouselCard:not(.hide):hover .carouselCardBack button, .carouselContainer.loaded.moving .carouselCard:not(.hide):focus-within .carouselCardBack a, .carouselContainer.loaded.moving .carouselCard:not(.hide):focus-within .carouselCardBack button {
    z-index: 2;
    pointer-events: all;
    cursor: pointer;
  }
  .carouselContainer.loaded.moving .carouselCard:not(.hide):hover .carouselCardBack a *, .carouselContainer.loaded.moving .carouselCard:not(.hide):hover .carouselCardBack button *, .carouselContainer.loaded.moving .carouselCard:not(.hide):focus-within .carouselCardBack a *, .carouselContainer.loaded.moving .carouselCard:not(.hide):focus-within .carouselCardBack button * {
    pointer-events: none;
  }
}
@media (min-width: 80rem) {
  .carouselContainer.active .carouselButton {
    position: absolute;
    top: -5.375rem;
  }
  .carouselContainer.active .left.carouselButton {
    right: 3.25rem;
    margin: 0;
  }
  .carouselContainer.active .right.carouselButton {
    right: 0;
  }
  .carouselHeroSlide .heroVideoBtn {
    bottom: -3.875rem;
  }
}