.card-repeater-container > div {
  display: none;
}

.card-repeater-container > div.display-panel,
.card-repeater-container > div.disabled-pagination {
  display: block;
}

.panel-link {
  margin: 0 0.25em;
  color: #9579d3;
  border-bottom: 1px solid #9579d3;
  font-size: 1em;
  font-weight: 500;
}

.panel-link:hover {
  cursor: pointer;
  color: #31006f;
  border-bottom: 1px solid #31006f;
}

.card.purple-bg {
  background-color: #31006f;
}

.selected-panel-link {
  color: #31006f;
  border-bottom: 1px solid #31006f;
}

.animation-slide .animated-card-repeater-container > div:nth-child(1) .card,
.animation-slide .animated-card-repeater-container > div:nth-child(4) .card {
  position: relative;
  animation-name: animation-slide-card-first, animation-slide-card-second, animation-slide-card-third;
  animation-duration: 0.5s, 0s, 0.5s;
  animation-delay: 0s, 0.5s, 0.5s;
  animation-fill-mode: forwards;
  animation-iteration-count: 1;
  animation-timing-function: ease;
}

.animation-slide .animated-card-repeater-container > div:nth-child(2) .card,
.animation-slide .animated-card-repeater-container > div:nth-child(5) .card {
  position: relative;
  animation-name: animation-slide-card-first, animation-slide-card-second, animation-slide-card-third;
  animation-duration: 0.5s, 0s, 0.5s;
  animation-delay: 0.15s, 0.65s, 0.65s;
  animation-fill-mode: forwards;
  animation-iteration-count: 1;
  animation-timing-function: ease;
}

.animation-slide .animated-card-repeater-container > div:nth-child(3) .card,
.animation-slide .animated-card-repeater-container > div:nth-child(6) .card {
  position: relative;
  animation-name: animation-slide-card-first, animation-slide-card-second, animation-slide-card-third;
  animation-duration: 0.5s, 0s, 0.5s;
  animation-delay: 0.3s, 0.8s, 0.8s;
  animation-fill-mode: forwards;
  animation-iteration-count: 1;
  animation-timing-function: ease;
}

@keyframes animation-slide-card-first {
  0% {left: 0px;}
  100% {left: -3000px;}
}

@keyframes animation-slide-card-second {
  to {left: 3000px;}
}

@keyframes animation-slide-card-third {
  0% {left: 3000px;}
  100% {left: 0px;}
}





/* slick carousel */
.card-slick-carousel { padding: 10px 0 0 0; }
.card-slick-carousel .slick-slide { margin: 0; }
.card-slick-carousel .slick-slide, .slick-carousel .slick-slide:focus { outline: none; }
.card-slick-carousel .slick-dots { position: absolute; bottom: -20px; display: block; width: 100%; padding: 0; margin: 0; list-style: none; text-align: center; }
.card-slick-carousel .slick-dots li { position: relative; display: inline-block; width: 16px; height: 16px; margin: 0 3px; padding: 0; cursor: pointer; }
.card-slick-carousel .slick-dots li:first-child { margin-left: 0; }
.card-slick-carousel .slick-dots li:before { display: none; }
.card-slick-carousel .slick-dots li button { font-size: 0; line-height: 0; width: 12px; height: 12px; padding: 0; display: inline-block; background: rgba(255, 255, 255, 0); border: 1px solid rgba(255, 255, 255, 1); outline: none; cursor: pointer; text-indent: -9999px; -webkit-border-radius: 12px; -moz-border-radius: 12px; -o-border-radius: 12px; border-radius: 12px; }
.card-slick-carousel .slick-dots li.slick-active button { background: rgba(255, 255, 255, 1); border-color: rgba(255, 255, 255, 1); }
.card-slick-carousel.inverse-color .slick-dots li button { background: rgba(49, 0, 111, 0); border-color: rgba(49, 0, 111, 1); }
.card-slick-carousel.inverse-color .slick-dots li.slick-active button { background: rgba(49, 0, 111, 1); border-color: rgba(49, 0, 111, 1); }
.card-slick-carousel .slick-control { position: relative; }
.card-slick-carousel .slick-slider { -webkit-user-select: text; -moz-user-select: text; -ms-user-select: text; user-select: text; -khtml-user-select: text; }