.module--cards-slider {
  position: relative;
  overflow: hidden;
  background-repeat: no-repeat;
}
.module--cards-slider .status-meta {
  border: 1px solid rgba(15, 28, 77, 0.1);
  border-radius: 3px;
  line-height: 1;
  padding: 5px 6px;
  letter-spacing: 0.01em;
  font-size: 14px;
  font-weight: 500;
  vertical-align: bottom;
}
.module--cards-slider .module-wrapper {
  position: relative;
  z-index: 1;
}
@media (max-width: 575.98px) {
  .module--cards-slider .card-content {
    font-size: 16px;
  }
}
.module--cards-slider .main-slider {
  /*@each $breakpoint, $container-max-width in $container-max-widths {
    @if ($breakpoint == sm or $breakpoint == md) {
      //
    } @else {
      @include media-breakpoint-up($breakpoint, $grid-breakpoints) {
        padding-left: calc(var(--bs-gutter-x)*.5 + ((100vw - $container-max-width) / 2));
        padding-right: calc(var(--bs-gutter-x)*.5 + ((100vw - $container-max-width) / 2));
      }
    }

  }*/
}
.module--cards-slider .main-slider .keen-slider__slide {
  overflow: visible;
  /*&.active {
    .card {
      opacity: 1;
      color: white;

      &::before {
        //opacity: 0;
      }

      &::after {
        transform: translate(0, 0);
      }
    }

    ~ div {
      .card {
        &::after {
          transform: translate(-100%, 0);
        }
      }
    }

    .card-content {
      opacity: 1;
      color: white;
    }
  }*/
}
.module--cards-slider .main-slider .keen-slider__slide .card {
  overflow: hidden;
  position: relative;
  background: rgba(15, 28, 77, 0.02);
  border: 1px solid rgba(15, 28, 77, 0.1);
  /*&::before, &::after {
    border-radius: var(--bs-border-radius);
  }

  &::before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
    background: white;
    opacity: .5;
  }

  &::after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 2;
    background: linear-gradient(141.2deg, #7034EE 0%, #00A1E2 100%);
    transform: translate(100%, 0);
    transition: transform .5s ease 0s;
  }*/
}
.module--cards-slider .main-slider .keen-slider__slide .card .card-content {
  position: relative;
  color: #0F1C4D;
  z-index: 3;
  transition: color 0.5s ease 0s, opacity 0.5s ease 0s;
}
.module--cards-slider .main-slider .keen-slider__slide .card .description {
  opacity: 0.5;
  word-break: break-all;
}
.module--cards-slider .keen-slider--wrapper .keen-navigation {
  position: relative;
  z-index: 11;
}
.module--cards-slider .keen-slider--wrapper .navigation-wrapper {
  position: relative;
  z-index: 10;
}
.module--cards-slider .keen-slider--wrapper .arrow {
  width: 30px;
  height: 30px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  background-origin: content-box;
  background-color: #FFF;
}
.module--cards-slider .keen-slider--wrapper .arrow--left {
  fill: #FFF;
  background-image: url("data:image/svg+xml,%3Csvg width='12' height='20' viewBox='0 0 12 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath opacity='0.4' d='M10.0908 1.15234L1.65312 9.84573L10.0908 18.5391' stroke='%230F1C4D' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E%0A");
  border-radius: 5px 0 0 5px;
}
.module--cards-slider .keen-slider--wrapper .arrow--right {
  background-image: url("data:image/svg+xml,%3Csvg width='12' height='20' viewBox='0 0 12 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath opacity='0.4' d='M1.39941 18.5391L9.83711 9.84568L1.39942 1.15229' stroke='%230F1C4D' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E%0A");
  border-radius: 0 5px 5px 0;
}
.module--cards-slider .keen-slider--wrapper .arrow--disabled {
  opacity: 0.5;
  cursor: initial;
}
.module--cards-slider .keen-slider--wrapper button.arrow {
  height: 37px;
  width: 41px;
  box-shadow: 0px 4px 32px rgba(15, 28, 77, 0.1);
  position: relative;
  padding: 10px;
}
@media (min-width: 768px) {
  .module--cards-slider .keen-slider--wrapper button.arrow {
    height: 37px;
    width: 41px;
  }
}
@media (min-width: 992px) {
  .module--cards-slider .keen-slider--wrapper button.arrow {
    height: 50px;
    width: 55px;
  }
}
.module--cards-slider .keen-slider--wrapper button.arrow.slider-nav-next {
  border-radius: 0 5px 5px 0;
}
