/* Universal breakpoints */
@keyframes from-right {
  0% {
    opacity: 0;
    transform: translateX(40rem); }
  100% {
    opacity: 1;
    transform: translateX(0); } }

.hero-2019-carousel {
  position: relative;
  width: 100%;
  margin: auto;
  margin-bottom: 80px; }
  @media (max-width: 767px) {
    .hero-2019-carousel {
      height: -moz-fit-content;
      height: fit-content; } }
  .hero-2019-carousel .glide__track {
    height: 100%; }
    .hero-2019-carousel .glide__track .glide__slides {
      height: 100%; }
      .hero-2019-carousel .glide__track .glide__slides .glide__slide {
        height: auto !important; }
  .hero-2019-carousel .glide__arrows {
    display: flex;
    justify-content: space-between;
    padding: 0 16px;
    cursor: auto; }
    .hero-2019-carousel .glide__arrows button {
      padding: 0;
      width: 60px;
      height: 60px; }
      @media (max-width: 991px) {
        .hero-2019-carousel .glide__arrows button {
          display: none !important; } }
  .hero-2019-carousel .glide__bullets {
    display: flex;
    justify-content: center;
    gap: 20px !important;
    bottom: 20px;
    cursor: auto; }
    @media (max-width: 991px) {
      .hero-2019-carousel .glide__bullets {
        bottom: -30px; } }
    .hero-2019-carousel .glide__bullets .glide__bullet {
      cursor: pointer;
      width: 10px;
      height: 10px;
      background-color: #3b3d49;
      opacity: 0.5;
      transition: all 0.1s ease-in-out; }
      .hero-2019-carousel .glide__bullets .glide__bullet:hover {
        opacity: 1;
        border: none; }
      .hero-2019-carousel .glide__bullets .glide__bullet:focus-visible {
        border: none;
        outline: 2px solid gold; }
      .hero-2019-carousel .glide__bullets .glide__bullet--active {
        width: 40px;
        opacity: 1;
        border-radius: 5px;
        border: none; }

.hero-2019-carousel__wrapper {
  max-width: 1440px;
  margin: auto;
  position: relative;
  overflow: hidden; }