.serivices-slide-text-wrap {
    grid-column-gap: 1.5rem;
    grid-row-gap: 1.5rem;
    flex: none;
    align-items: center;
    display: flex
}

.services-slide-text-box {
    flex: none;
    padding: .5rem
}

.services-slide-text {
    font-family: var(--text--outfit);
    color: var(--text--text-black);
    letter-spacing: .03rem;
    font-size: 1.5rem;
    font-weight: 400;
    line-height: 150%
}

.service-slide-dot {
    background-color: #000;
    border-radius: 100%;
    flex: none;
    width: .5rem;
    height: .5rem
}

.services-slide-content-block {
    grid-column-gap: 1.5rem;
    grid-row-gap: 1.5rem;
    display: flex
}

@media (max-width:576px) {
  .services-slide-text {
          font-size: 1.2rem
      }
}

@media (max-width:576px) {
  .products .spacer-56 {
          grid-column-gap: 1rem;
          grid-row-gap: 1rem
      }
}

.splider-full-width_wapper {
    flex-flow: wrap;
    justify-content: flex-start;
    align-items: center;
    width: 100vw;
    display: flex
}

.aline-center {
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
    display: flex
}

.bg-color-purple,
.bg-light-purple {
    background-color: var(--bs-light-purple) !important
}

.resource-img {
    width: auto;
    height: 100%
}

.spacer-56 {
    grid-column-gap: 3.5rem;
    grid-row-gap: 3.5rem;
    flex-flow: column;
    display: flex
}

.splide__slide.is-device-cms {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
    height: 25rem;
    display: flex
}

.splide__list.is-device-cms {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
    display: flex
}

.element-animate {
    animation: 20s linear infinite servicesslide
}

.element-animate-alt {
    animation: 20s linear infinite reverse servicesslidealt
}

@media (max-width:768px) {
  .splide__slide.is-device-cms {
          height: 16rem
      }
}

@media screen and (max-width:991px) {
  .element-animate,
      .element-animate-alt {
          animation: 50s linear infinite servicesslidealt
      }
}

@media screen and (max-width:767px) {
  .element-animate,
      .element-animate-alt {
          animation: 50s linear infinite servicesslidealt
      }
}

@media screen and (max-width:375px) {
  .element-animate,
      .element-animate-alt {
          animation: 50s linear infinite servicesslidealt
      }
}

@media screen and (max-aspect-ratio:9/16) {
  .element-animate,
      .element-animate-alt {
          animation: 50s linear infinite servicesslidealt
      }
}