/* Base */

.compact-card {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex: 1;
  width: 100%;
  margin-bottom: 32px;
  padding: .77rem 1.11rem;
  position: relative;
  border-radius: 16px;
  transition: .2s ease-in-out;
}

.splide .compact-card {
  margin-bottom: 0;
}

.splide .compact-card--shadow {
  margin-top: 40px;
  margin-bottom: 40px;
}

/* Image */

.compact-card__img {
  margin-inline-end: 16.0px;
  flex-shrink: 0;
}

.compact-card__img img {
  width: 3.14rem;
  height: 3.14rem;
  border-radius: 999px;
}

.no-img-radius.compact-card__img img {
 border-radius: 0px;*/
}

/* Text */

.compact-card__txt {
  width: 100%;
  text-align: start;
}

.compact-card__title {
  margin-bottom: 0;
}

.compact-card__desc {
  margin-bottom: 0;
  font-size: 0.88rem;
}

/* Arrow */

.compact-card__arrow {
  flex-shrink: 0;
  margin-inline-start: 20px;
  color: #455A62;
  transition: .2s ease-in-out;
}

.compact-card__arrow svg {
  vertical-align: middle;
}

/* Link */

.compact-card__link {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  cursor: pointer;
}

/* With link */

.compact-card--with-link:not(.splide .compact-card):hover {
  transform: scale(1.02);
}

.compact-card--with-link:hover .compact-card__arrow {
  transform: scale(1.1) translateX(5px);
}



/* Accent */

.compact-card--accent {
  background: linear-gradient(111.02deg, #0097AB 0%, #00809E 100%);
  color: rgba(255, 255, 255, 1.00);
}

.compact-card--accent.compact-card--shadow {
  box-shadow: 0px 16px 32px rgba(0, 128, 158, 0.2), 0px 8px 16px rgba(0, 128, 158, 0.2);
}

.compact-card--accent.compact-card--shadow.compact-card--with-link:not(.splide .compact-card):hover {
  box-shadow: 0px 32px 64px rgba(0, 128, 158, 0.2), 0px 16px 32px rgba(0, 128, 158, 0.2);
}

.compact-card--accent .compact-card__title,
.compact-card--accent .compact-card__arrow {
  color: #ffffff;
}

/* Secondary */

.compact-card--secondary {
  background: transparent linear-gradient(286deg, #75B14C 0%, #8EC748 100%) 0% 0% no-repeat padding-box;
  color: rgba(255, 255, 255, 1.00);
}

.compact-card--secondary.compact-card--shadow {
  box-shadow: 0px 16px 32px rgba(117, 177, 75, 0.2), 0px 8px 16px rgba(117, 177, 75, 0.2);
}

.compact-card--secondary.compact-card--shadow.compact-card--with-link:not(.splide .compact-card):hover {
  box-shadow: 0px 32px 64px rgba(117, 177, 75, 0.2), 0px 16px 32px rgba(117, 177, 75, 0.2);
}

.compact-card--secondary .compact-card__title,
.compact-card--secondary .compact-card__arrow {
  color: #ffffff;
}

/* Dark */

.compact-card--dark {
  background: #455A62;
  color: rgba(255, 255, 255, 1.00);
}

.compact-card--dark.compact-card--shadow {
  box-shadow: 0px 16px 32px rgba(69, 90, 98, 0.2);
}

.compact-card--dark.compact-card--shadow.compact-card--with-link:not(.splide .compact-card):hover {
  box-shadow: 0px 32px 64px rgba(69, 90, 98, 0.2);
}

.compact-card--dark .compact-card__title,
.compact-card--dark .compact-card__arrow {
  color: #ffffff;
}

/* Light */

.compact-card--light {
  background: #F7F7F7;
}

.compact-card--light.compact-card--shadow {
  box-shadow: 0px 16px 32px rgba(69, 90, 98, 0.2);
}

.compact-card--light.compact-card--shadow.compact-card--with-link:not(.splide .compact-card):hover {
  box-shadow: 0px 32px 64px rgba(69, 90, 98, 0.2);
}

/* White */

.compact-card--white {
  background: #ffffff;
}

.compact-card--white.compact-card--shadow {
  box-shadow: 0px 16px 32px rgba(69, 90, 98, 0.2);
}

.compact-card--white.compact-card--shadow.compact-card--with-link:not(.splide .compact-card):hover {
  box-shadow: 0px 32px 64px rgba(69, 90, 98, 0.2);
}

/* Ghost */

.compact-card--ghost {
  background: rgba(255, 255, 255, .1);
  color: rgba(255, 255, 255, 1.00);
  
    -webkit-backdrop-filter: blur(24px);
    backdrop-filter: blur(24px);
  
}

.compact-card--ghost.compact-card--shadow {
  box-shadow: 0px 16px 32px rgba(69, 90, 98, 0.2);
}

.compact-card--ghost.compact-card--shadow.compact-card--with-link:not(.splide .compact-card):hover {
  box-shadow: 0px 32px 64px rgba(69, 90, 98, 0.2);
}

.compact-card--ghost .compact-card__title,
.compact-card--ghost .compact-card__arrow {
  color: #ffffff;
}

/* Slider: center mode */

@media (min-width: 1140px) {
  .splide--center-mode:not(.splide--lg-2):not(.splide--lg-4):not(.splide--lg-6) .splide__slide:not(.is-active) .compact-card {
    transform: scale(.9);
    transform-origin: center center;
  }
}

@media (max-width: 1139px) and (min-width: 768px) {
  .splide--center-mode:not(.splide--md-2):not(.splide--md-4):not(.splide--md-6) .splide__slide:not(.is-active) .compact-card {
    transform: scale(.9);
    transform-origin: center center;
  }
}

@media (max-width: 767px) {
  .splide--center-mode:not(.splide--sm-2):not(.splide--sm-4):not(.splide--sm-6) .splide__slide:not(.is-active) .compact-card {
    transform: scale(.9);
    transform-origin: center center;
  }
}

/* Slider pagination */

.module--compact-card .splide--dots-below:not(.splide--compact-card-shadow) .splide__pagination {
  padding-top: 32px;
}