/* ############################
   #      SASS Variables      #
   #  Theming in Compiletime  #
   ############################ */
/* ############################
   #      CSS Variables       #
   #    Theming in Runtime    #
   ############################ */
:root {
  --kup-color-default: #1A3F73;
  --kup-color-accent: #CEC075;
  --kup-color-accent-light-01: #E9E0AD;
  --kup-color-accent-light-02: #EFEACA;
  --kup-color-blue-01: #5B7599;
  --kup-color-blue-02: #8596ad;
  --kup-color-blue-03: #f4f5f7;
  --kup-color-yellow: #F3E86F;
  --kup-color-green: #BEE991;
  --kup-color-flamingo: #FFAEAF;
  --kup-color-coral: #DF504B;
  --kup-color-light: #ededed;
  --kup-color-dark: #cccccc;
  --kup-color-styleguide: #556d6e;
  --kup-box-shadow: 1px 2px 5px 1px rgba(0,0,0, 0.15);
  --kup-gradient: linear-gradient(0deg, var(--kup-color-default) 0%, rgba(49, 119, 217, 0.00) 97.12%);
  --kup-border-radius: 25px;
  --kup-border-radius-small: 4px;
  --bs-gutter-x: calc(15px/2);
}

/* abstracts/breakpoints */
/* Better Font Rendering */
/* ---------------------------------- */
/* Headline Mixins */
/* ---------------------------------- */
.section--slider {
  width: 100%;
}

.slider .slider-wrapper {
  position: relative;
}
.slider .slider-wrapper:has(.slider-btn) {
  margin-bottom: 4.6875rem;
}
.slider .slider-wrapper[data-slides-to-show="2"] .slick-list, .slider .slider-wrapper[data-slides-to-show="3"] .slick-list {
  margin-inline: calc(-15px / 2);
}
@media (max-width: 767px) {
  .slider .slider-wrapper[data-slides-to-show="2"] .slick-list, .slider .slider-wrapper[data-slides-to-show="3"] .slick-list {
    margin-inline: 0;
  }
}
.slider .slider-wrapper[data-slides-to-show="2"] .slick-slide, .slider .slider-wrapper[data-slides-to-show="3"] .slick-slide {
  margin-inline: calc(15px / 2);
}
@media (max-width: 767px) {
  .slider .slider-wrapper[data-slides-to-show="2"] .slick-slide, .slider .slider-wrapper[data-slides-to-show="3"] .slick-slide {
    margin-inline: 0;
  }
}
.slider .slider-wrapper .slider-item--wrapper,
.slider .slider-wrapper .slick-slide--wrapper {
  height: 100%;
  position: relative;
  width: 100%;
}
.slider .slider-wrapper .slider-item--image,
.slider .slider-wrapper .slick-slide--image {
  align-items: flex-start;
  display: flex;
  flex-direction: row;
  text-align: center;
}
.slider .slider-wrapper .slider-item--image img,
.slider .slider-wrapper .slick-slide--image img {
  display: inline-block;
  max-width: 100%;
}
@media (max-width: 991px) {
  .slider .slider-wrapper .slider-item--text,
  .slider .slider-wrapper .slick-slide--text {
    margin-top: 15px;
  }
}
.slider .slider-btn {
  bottom: -30px;
  cursor: pointer;
  font-size: 1.875rem;
  position: absolute;
  transform: translateY(100%);
  width: 1.875rem;
  z-index: 2;
}
.slider .slider-btn, .slider .slider-btn *, .slider .slider-btn:hover, .slider .slider-btn:focus {
  color: var(--kup-color-accent);
}
.slider .slider-btn::before, .slider .slider-btn *::before, .slider .slider-btn:hover::before, .slider .slider-btn:focus::before {
  color: var(--kup-color-accent);
}
.slider .slider-btn--prev {
  left: 45px;
}
.slider .slider-btn--next {
  left: 97.5px;
}
.slider .slider-btn.slick-disabled:before {
  background-color: var(--kup-color-dark);
}
.slider .slider-btn.slick-disabled:after {
  color: #ffffff;
}

.slider-wrapper:not(.slick-initialized) {
  display: flex;
  overflow: hidden;
}
.slider-wrapper:not(.slick-initialized) > * {
  flex: 0 0 100%;
}
.slider-wrapper:not(.slick-initialized)[data-slides-to-show="2"] > * {
  flex: 0 0 50%;
}
.slider-wrapper:not(.slick-initialized)[data-slides-to-show="3"] > * {
  flex: 0 0 33.3333333333%;
}
