/**
 * Text Slider
 */

.text-slider {
  position: relative;
  margin-bottom: 2rem;
}
.text-slider__wrapper {
  margin-top: -15rem;
}
.text-slider__content {
  display: flex;
  gap: 2rem;
}
@media all and (min-width: 426px) {
  .text-slider__wrapper {
    margin-top: -10rem;
  }
}
@media all and (min-width: 550px) {
  .text-slider__grid-row {
  	padding: 0 1.5rem;
  }
}
@media all and (min-width: 600px) {
  .text-slider__wrapper {
    margin-top: -12rem;
  }
}
@media all and (min-width: 768px) {
  .text-slider {
    max-width: 1400px;
    padding: 0;
    margin: 0 auto;
  }
  .text-slider--image-center {
    margin: 8rem auto;
  }
  .text-slider__wrapper {
    margin-top: -18rem;
  }
  .text-slider--image-center .text-slider__wrapper {
    margin-top: 0;
    position: absolute;
    left: 0;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
  }
  .text-slider__grid-row {
  	padding: 0;
    width: 90%;
    margin: 0 auto;
  }
}
@media all and (min-width: 900px) {
  .text-slider__wrapper {
    margin-top: -15rem;
  }
}
@media all and (min-width: 1000px) {
  .text-slider__wrapper {
    margin-top: -17rem;
  }
}
@media all and (min-width: 1300px) {
  .text-slider__wrapper {
    margin-top: -20rem;
  }
  .text-slider__grid-row {
    width: 82%;
    max-width: 1400px;
  }
}
.text-slider--no-image .text-slider__content {
  margin: 0 auto;
}


/**
 * Text Slider Item
 */

.text-slider-item {
  max-width: 480px;
  background-color: var(--brand-secondary-light-color);
  padding: 2rem;
}
.text-slider-item h3{
  margin: 0;
}
.text-slider-item ul{
  padding-left: 1.5rem;
}
.text-slider--no-image .text-slider-item {
  padding: 2rem 2rem 4rem;
}
.text-slider-item p:first-child{
  margin: 0;
}
.text-slider-item--primary {
  background-color: var(--brand-primary-light-color);
}