/* Base */

.compact-card {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex: 1;
  width: 100%;
  margin-bottom: 24px;
  padding: .77rem 1.11rem;
  position: relative;
  border-radius: 10px;
  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: .91rem;
  flex-shrink: 0;
}

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

/* Text */

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

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

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

/* Arrow */

.compact-card__arrow {
  flex-shrink: 0;
  margin-inline-start: 20px;
  color: #073B4C;
  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: #EB194B;
  color: rgba(255, 255, 255, 1.00);
}

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

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

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

/* Dark */

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

.compact-card--dark.compact-card--shadow {
  box-shadow: 0px 16px 32px rgba(7, 59, 76, 0.05), 0px 8px 16px rgba(7, 59, 76, 0.05);
}

.compact-card--dark.compact-card--shadow.compact-card--with-link:not(.splide .compact-card):hover {
  box-shadow: 0px 32px 64px rgba(7, 59, 76, 0.05), 0px 16px 32px rgba(7, 59, 76, 0.05);
}

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

/* Light */

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

.compact-card--light.compact-card--shadow {
  box-shadow: 0px 16px 32px rgba(7, 59, 76, 0.05), 0px 8px 16px rgba(7, 59, 76, 0.05);
}

.compact-card--light.compact-card--shadow.compact-card--with-link:not(.splide .compact-card):hover {
  box-shadow: 0px 32px 64px rgba(7, 59, 76, 0.05), 0px 16px 32px rgba(7, 59, 76, 0.05);
}

/* White */

.compact-card--white {
  #fff; 
 
}

.compact-card--clear {
 background-color:transparent; 
  box-shadow:none;
 
}

.compact-card--white.compact-card--shadow {
  box-shadow: 0px 16px 32px rgba(7, 59, 76, 0.05), 0px 8px 16px rgba(7, 59, 76, 0.05);
}

.compact-card--white.compact-card--shadow.compact-card--with-link:not(.splide .compact-card):hover {
  box-shadow: 0px 32px 64px rgba(7, 59, 76, 0.05), 0px 16px 32px rgba(7, 59, 76, 0.05);
}

/* Ghost */

.compact-card--ghost {
  background: rgba(255, 255, 255, .1);
  color: rgba(255, 255, 255, 1.00);
}

.compact-card--ghost.compact-card--shadow {
  box-shadow: 0px 16px 32px rgba(7, 59, 76, 0.05), 0px 8px 16px rgba(7, 59, 76, 0.05);
}

.compact-card--ghost.compact-card--shadow.compact-card--with-link:not(.splide .compact-card):hover {
  box-shadow: 0px 32px 64px rgba(7, 59, 76, 0.05), 0px 16px 32px rgba(7, 59, 76, 0.05);
}

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

/* 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: 24px;
}