.module-slider {
  --color-main: var(--_color-main, 56, 181, 74);
  --color-font: var(--_color-font, 33, 29, 29);
  --color-border: var(--_color-border, 188, 188, 188);
  --color-white: var(--_color-white, 255, 255, 255);
  --color-dark: var(--_color-dark, 33, 29, 29);
  --color-background: var(--_color-background, 253, 248, 242);
  --rem: var(--_rem, 100px);
  --grid: var(--_grid, calc(0.64 * var(--rem)));
  --grid-: var(--_grid_, calc(var(--grid) * -1));
  position: relative;
}

.module-slider .compsoul-slide {
  display: flex;
  flex-flow: column wrap;
  justify-content: center;
}

.module-slider .compsoul-slide-content {
  align-items: start;
  box-sizing: border-box;
  display: inline-flex;
  flex-flow: column wrap;
  padding: var(--grid) calc(var(--grid) * 2);
  width: 50%;
}

.module-slider .compsoul-slide-heading {
  color: rgb(var(--color-font));
  font-size: calc(0.48 * var(--rem));
  font-size: clamp(calc(0.32 * var(--rem)), 3.2vw, calc(0.64 * var(--rem)));
  font-weight: 400;
  line-height: 1.2;
  position: relative;
  z-index: 0;
}

.module-slider .compsoul-slide-title {
  display: block;
}

.module-slider .compsoul-slide-main {
  color: rgb(var(--color-font));
  font-size: calc(0.18 * var(--rem));
  font-size: clamp(calc(0.18 * var(--rem)), 0.9375vw, calc(0.21 * var(--rem)));
  line-height: 1.6;
  margin: calc(0.32 * var(--rem)) 0 0;
}

.module-slider .compsoul-slide-more {
  align-items: start;
  color: rgb(var(--color-white));
  cursor: pointer;
  margin: calc(0.32 * var(--rem)) 0 0;
  position: relative;
  text-decoration: none;
  z-index: 0;
}

.module-slider .compsoul-slide-navigation {
  bottom: 0;
  font-size: 0;
  left: 0;
  position: absolute;
  right: 0;
  text-align: center;
  z-index: 5;
}

.module-slider .compsoul-slide-navigation ul {
  align-items: center;
  background: rgb(var(--color-background));
  border-radius: calc(0.2 * var(--rem)) calc(0.2 * var(--rem)) 0 0;
  display: inline-flex;
  justify-content: center;
  margin: 0;
  padding: calc(0.08 * var(--rem)) calc(0.16 * var(--rem));
}

.module-slider .compsoul-slide-navigation .compsoul-slide-nav {
  cursor: pointer;
  padding: 0 calc(0.02 * var(--rem));
}

.module-slider .compsoul-slide-navigation .compsoul-slide-nav * {
  pointer-events: none;
}

.module-slider .compsoul-slide-navigation button {
  background: none;
  border: 0;
  box-sizing: content-box;
  display: block;
}

.module-slider .compsoul-slide-navigation .compsoul-slide-point {
  border: calc(0.03 * var(--rem)) solid rgb(var(--color-dark));
  border-radius: 100%;
  box-sizing: border-box;
  cursor: pointer;
  display: block;
  height: calc(0.18 * var(--rem));
  position: relative;
  transform: scale(0.4);
  transition: border 0.2s linear, transform 0.2s linear;
  width: calc(0.18 * var(--rem));
}

.module-slider .compsoul-slide-navigation .compsoul-slide-nav.compsoul-active .compsoul-slide-point {
  border: calc(0.03 * var(--rem)) solid rgb(var(--color-main));
  transform: scale(1);
}

.module-slider .compsoul-slide-button {
  background: none;
  border: none;
  cursor: pointer;
  padding: 0;
}

.module-slider .compsoul-slide-next,
.module-slider .compsoul-slide-prev {
  background: rgb(var(--color-white));
  border-radius: 1.32em 0 0 1.32em;
  cursor: default;
  display: none;
  font-size: calc(0.30 * var(--rem));
  padding: 0.068em 0.34em;
  position: absolute;
  right: 0;
  text-align: center;
  top: 50%;
  transform: translate(0, -50%);
  z-index: 5;
}

.module-slider .compsoul-slide-prev {
  border-radius: 0 1.32em 1.32em 0;
  left: 0;
  right: auto;
}

.module-slider .compsoul-slide-next:before,
.module-slider .compsoul-slide-prev:before {
  align-items: center;
  content: "\e91d";
  display: flex;
}

.module-slider .compsoul-slide-next:after,
.module-slider .compsoul-slide-prev:after {
  align-items: center;
  color: rgb(var(--color-main));
  content: "\e91e";
  display: flex;
  margin: -1em 0 0;
}

.module-slider .compsoul-slide-prev:before,
.module-slider .compsoul-slide-prev:after {
  transform: rotate(-180deg);
}

.module-slider .compsoul-slide-next.compsoul-active,
.module-slider .compsoul-slide-prev.compsoul-active {
  cursor: pointer;
  opacity: 1;
}

.module-slider .compsoul-slide-next.compsoul-loading,
.module-slider .compsoul-slide-prev.compsoul-loading {
  cursor: progress;
}

.module-slider .compsoul-slide-nextt:after,
.module-slider .compsoul-slide-prevv:after {
  animation: compsoul-loading 1s infinite linear;
}

@keyframes compsoul-loading {
  from {
    transform: translate(-50%, -50%) rotate(0deg);
  }

  to {
    transform: translate(-50%, -50%) rotate(360deg);
  }
}

.module-slider .compsoul-slide-next.compsoul-loading:before,
.module-slider .compsoul-slide-prev.compsoul-loading:before {
  opacity: 0;
}

.module-slider .compsoul-slide-next.compsoul-loading:after,
.module-slider .compsoul-slide-prev.compsoul-loading:after {
  animation-play-state: running;
  cursor: progress;
  opacity: 1;
}

.module-slider .compsoul-slide-next.compsoul-loading:hover:after,
.module-slider .compsoul-slide-prev.compsoul-loading:hover:after {
  border-top: 1em solid red;
}

.module-slider .compsoul-slide-timeline {
  height: 3px;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 5;
}

.module-slider .compsoul-slide-timeline:before {
  animation: compsoul-slide-timeline 6s linear forwards;
  animation-play-state: paused;
  background: rgb(var(--color-main));
  content: "";
  display: block;
  height: 100%;
  transform: translate(-100%, 0);
  width: 100%;
}

.module-slider .compsoul-slide-timeline.compsoul-active:before {
  animation-play-state: running;
}

.module-slider.compsoul-slider:hover .compsoul-slide-timeline:before {
  animation-play-state: paused;
}

.module-slider .compsoul-slide-timeline.compsoul-unset:before {
  animation: unset;
}

@keyframes compsoul-slide-timeline {
  from {
    transform: translate(-100%, 0);
  }

  to {
    transform: translate(0, 0);
  }
}

.header .module-slider {
  background: rgb(245, 193, 79);
  grid-area: slider;
  margin: 0 var(--grid-);
  overflow: hidden;
  position: relative;
  z-index: 0;
}

.header .compsoul-slide {
  background: rgb(245, 193, 79);
}

@media (max-width: 62em) {
  .module-slider .compsoul-slide-content {
    align-items: center;
    margin: 0;
    padding: var(--grid);
    width: 100%;
  }

  .module-slider .compsoul-slide-heading {
    color: rgb(var(--color-background));
    font-weight: 700;
    line-height: 1.5;
    max-width: unset;
    padding: 0 0 calc(var(--grid) * 2) !important;
    text-align: center;
  }

  .module-slider .compsoul-slide-main,
  .module-slider .compsoul-slide-more {
    display: none;
  }

  .module-slider .compsoul-slide-navigation ul {
    border-radius: 0;
    display: flex;
    gap: calc(0.04 * var(--rem));
    padding: calc(0.16 * var(--rem));
  }

  .module-slider .compsoul-slide-navigation .compsoul-slide-point {
    border: calc(0.01 * var(--rem)) solid rgb(var(--color-border));
    transform: scale(1);
  }

  .module-slider .compsoul-slide-next,
  .module-slider .compsoul-slide-prev {
    display: none;
  }
}