.mid-pink-background {
  /* background-color: #ec6aa9; */
  position: relative;
}
.mid-pink-background:after,
.mid-pink-background:before {
  position: absolute;
  top: 0;
  bottom: 0;
  width: 100%;
  content: "";
  flex: 1;
  background: #ec6aa9;
  height: 100%;
}
.mid-pink-background:before {
  right: 100%;
}
.mid-pink-background:after {
  left: 100%;
}

@media (min-width: 768px) {
  blockquote {
    font-size: 40px;
    line-height: 53px;
  }
}
.home-blockquote blockquote {
  font-family: "Burbank-Regular", sans-serif;
  text-transform: uppercase;
  text-align: center;
  margin: 0;
  font-size: 34px;
  line-height: 44px;
  border-left: none !important;
  font-style: inherit !important;
  border-left: none !important;
  font-style: inherit !important;
}
.home-blockquote blockquote cite {
  text-transform: uppercase;
  margin-top: 16px;
  display: block;
  font-size: 20px;
  line-height: 32px;
  font-family: sans-serif;
  font-weight: 300;
}

.site-carousel {
  margin-top: 30px;
  align-items: flex-start;
}

.flickity-prev-next-button .flickity-button-icon {
  color: #fff;
}
.flickity-prev-next-button .flickity-button-icon:hover {
  color: #333;
}
/* base (mobile) */
.responsive-container {
  margin-left: auto;
  margin-right: auto;
  padding-left: 1rem; /* px-4 */
  padding-right: 1rem; /* px-4 */
}

/* md and up (min-width: 768px) */
@media (min-width: 768px) {
  .responsive-container {
    padding-top: 3rem; /* py-12 */
    padding-bottom: 3rem; /* py-12 */
    padding-left: 0; /* px-0 */
    padding-right: 0; /* px-0 */
  }
}
.responsive-padding {
  /* mobile: p-8 => 2rem */
  padding: 2rem;
}

@media (min-width: 768px) {
  .responsive-padding {
    /* md: p-16 => 4rem */
    padding: 4rem;
  }
}

.centered-container {
  width: 100%;
  text-align: center;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  align-content: center;
  align-self: center;
  justify-content: center;
}
.mid-pink-background {
  /* background-color: #ec6aa9; */
  position: relative;
}
.mid-pink-background:after,
.mid-pink-background:before {
  position: absolute;
  top: 0;
  bottom: 0;
  /* width: 100%; */
  content: "";
  flex: 1;
  background: #ec6aa9;
  height: 100%;
}
/* .mid-pink-background:before {
  right: 100%;
}
.mid-pink-background:after {
  left: 100%;
} */

@media (min-width: 768px) {
  blockquote {
    font-size: 40px;
    line-height: 53px;
  }
}
.home-blockquote blockquote {
  font-family: "Burbank-Regular", sans-serif;
  text-transform: uppercase;
  text-align: center;
  margin: 0;
  font-size: 34px;
  line-height: 44px;
  border-left: none !important;
  font-style: inherit !important;
  border-left: none !important;
  font-style: inherit !important;
}
.home-blockquote blockquote cite {
  text-transform: uppercase;
  margin-top: 16px;
  display: block;
  font-size: 20px;
  line-height: 32px;
  font-family: sans-serif;
  font-weight: 300;
}

.site-carousel {
  margin-top: 30px;
  align-items: flex-start;
}

.flickity-prev-next-button .flickity-button-icon {
  color: #fff;
}
.flickity-prev-next-button .flickity-button-icon:hover {
  color: #333;
}
/* base (mobile) */
.responsive-container {
  margin-left: auto;
  margin-right: auto;
  padding-left: 1rem; /* px-4 */
  padding-right: 1rem; /* px-4 */
}

/* md and up (min-width: 768px) */
@media (min-width: 768px) {
  .responsive-container {
    padding-top: 3rem; /* py-12 */
    padding-bottom: 3rem; /* py-12 */
    padding-left: 0; /* px-0 */
    padding-right: 0; /* px-0 */
  }
}
.responsive-padding {
  /* mobile: p-8 => 2rem */
  padding: 2rem;
}

@media (min-width: 768px) {
  .responsive-padding {
    /* md: p-16 => 4rem */
    padding: 4rem;
  }
}

.centered-container {
  width: 100%;
  text-align: center;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  align-content: center;
  align-self: center;
  justify-content: center;
}

/* container */
.testimonial-cn {
  width: 100% !important;
  max-width: none !important;
}

/* Both arrows buttons button */
.testimonial-cn button.flickity-button {
  background-color: transparent !important;
}

/* previous arrow Button */
.testimonial-cn .flickity-prev-next-button.previous {
  left: 50px !important;
}

@media (min-width: 768px) {
  .testimonial-cn .flickity-prev-next-button.previous {
    left: -15px;
  }
}

.testimonial-cn .flickity-prev-next-button.previous > svg.flickity-button-icon {
  fill: white !important;
}

/* next arrow Button */
.testimonial-cn .flickity-prev-next-button.next {
  right: 50px !important;
}

@media (min-width: 768px) {
  .testimonial-cn .flickity-prev-next-button.next {
    right: -15px;
  }
}

.testimonial-cn svg.flickity-button-icon {
  fill: white !important;
}