/* COLORS */
/* TYPOGRAPHY */
/* ---- MEDIA QUERIES ----- */
.steps-slider-block {
  background-color: #EBEDE9;
  background-image: url("../../../assets/icons/star_bg.png");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
.steps-slider-block .heading-pill-container {
  display: flex;
  justify-content: center;
  margin: 0 0 3.2rem;
}
.steps-slider-block .heading,
.steps-slider-block .text {
  text-align: center;
}
.steps-slider-block .text {
  max-width: 53.4rem;
  margin: 2.4rem auto 0;
}
.steps-slider-block .steps-slider {
  margin: 0 -1.6rem 0;
}
.steps-slider-block .steps-slider .slick-list {
  padding: 5.2rem 0;
}
.steps-slider-block .steps-slider .slick-dots {
  bottom: 0;
  display: none;
}
.steps-slider-block .steps-slider .slick-dots li {
  width: 0.8rem;
  height: 0.8rem;
}
.steps-slider-block .steps-slider .slick-dots li.slick-active button {
  background-color: #859B8B;
}
.steps-slider-block .steps-slider .slick-dots li button {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background-color: #BBBDB9;
  padding: 0;
}
.steps-slider-block .steps-slider .slick-dots li button::before {
  display: none;
}
.steps-slider-block .steps-slider .step {
  margin: 0 1.6rem;
  background-color: #fff;
  padding: 4rem;
  border-radius: 2.4rem;
  box-shadow: 0 145px 41px 0 rgba(191, 191, 191, 0), 0 93px 37px 0 rgba(191, 191, 191, 0.01), 0 52px 31px 0 rgba(191, 191, 191, 0.05), 0 23px 23px 0 rgba(191, 191, 191, 0.09), 0 6px 13px 0 rgba(191, 191, 191, 0.1);
}
.steps-slider-block .steps-slider .step .step-image {
  position: relative;
  margin: 0 0 3.2rem;
}
.steps-slider-block .steps-slider .step .step-image .step-img {
  aspect-ratio: 1/1;
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 50%;
  max-width: 20.8rem;
  margin: 0 auto;
  anchor-name: --step-image;
}
.steps-slider-block .steps-slider .step .step-image .step-icon {
  position: absolute;
  top: anchor(top);
  right: calc(anchor(right) - 2.4rem);
  width: 8rem;
  height: 8rem;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #F3F4F2;
  border-radius: 50%;
  position-anchor: --step-image;
}
.steps-slider-block .steps-slider .step .step-image .step-icon img {
  width: 5rem;
  height: 5rem;
  object-fit: contain;
}
.steps-slider-block .steps-slider .step-heading {
  color: #575757;
  text-align: center;
  margin: 0 0 2.4rem;
}
.steps-slider-block .steps-slider .step-text {
  text-align: center;
}
.steps-slider-block .button-container {
  display: flex;
  justify-content: center;
  margin: 4.5rem 0 0;
}

@media (max-width: 1024px) {
  .steps-slider-block .steps-slider .slick-dots {
    display: block;
  }
}
@media (max-width: 768px) {
  .steps-slider-block .heading-pill-container {
    margin: 0 0 1.6rem;
  }
  .steps-slider-block .text {
    margin: 1.6rem auto 0;
  }
  .steps-slider-block .steps-slider {
    margin: 0 -1.6rem 0;
  }
  .steps-slider-block .steps-slider .slick-list {
    padding: 4rem 0 5.2rem;
  }
  .steps-slider-block .steps-slider .step {
    margin: 0 1.6rem;
    padding: 2.4rem;
    border-radius: 1.6rem;
    box-shadow: 0 76.173px 21.538px 0 rgba(191, 191, 191, 0), 0 48.856px 19.437px 0 rgba(191, 191, 191, 0.01), 0 27.317px 16.285px 0 rgba(191, 191, 191, 0.05), 0 12.083px 12.083px 0 rgba(191, 191, 191, 0.09), 0 3.152px 6.829px 0 rgba(191, 191, 191, 0.1);
  }
  .steps-slider-block .steps-slider .step .step-image {
    margin: 0 0 1.6rem;
  }
  .steps-slider-block .steps-slider .step .step-image .step-img {
    max-width: 11rem;
  }
  .steps-slider-block .steps-slider .step .step-image .step-icon {
    right: calc(anchor(right) - 1.1rem);
    width: 4rem;
    height: 4rem;
  }
  .steps-slider-block .steps-slider .step .step-image .step-icon img {
    width: 2.5rem;
    height: 2.5rem;
  }
  .steps-slider-block .steps-slider .step-heading {
    margin: 0 0 1.2rem;
  }
  .steps-slider-block .button-container .button {
    width: 100%;
    max-width: 45rem;
  }
}