.citation-carousel-block {
  overflow-x: hidden;
}

.citation-carousel-block .page-block-wrapper {
  position: relative;
}


.citation-carousel-title {
  position: absolute;
  z-index: 1;
}


.citation-carousel-block .controls {
  column-gap: 2.125rem;
  display: flex;
  position: absolute;
  right: 1.5625rem;
  top: .5rem;
  z-index: 2;
}
.citation-carousel-block .slick-arrow {
  cursor: pointer;
}
.citation-carousel-block .slick-arrow:hover svg {
  opacity: 0.6;
}


.citation-carousel-block .carousel-wrapper {
  position: relative;
}

.citation-carousel-block .slick-carousel {
  margin-left: -1.5625rem;
  width: calc(100% + 1.5625rem);
}

.citation-carousel-block .slick-list {
  padding-top: 5rem;
}
.citation-carousel-block .slick-track {
  align-items: stretch;
  display: flex;
  flex-flow: row wrap;
}
.citation-carousel-block .slick-slide {
  background-color: #fff;
  border-radius: 0 0 0 2.5rem;
  color: var(--color-dark);
  height: auto;
  margin-left: 1.5625rem;
  margin-right: 1.5625rem;
  min-height: 22.5rem;
  padding: 1.875rem;

  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}



/**********/

@media (max-width: 1439px) {
  .citation-carousel-block .slick-slide {
    min-height: 25vw;
  }
}

@media (max-width: 1199px) {
  .citation-carousel-block .slick-slide {
    min-height: 36vw;
  }
}

@media (max-width: 1023px) {
  .citation-carousel-block .slick-list {
    padding-top: 3.625rem;
  }
  .citation-carousel-block .controls {
    right: .5rem;
  }
  .citation-carousel-block .slick-track {
    margin-left: 9px;
  }
  .citation-carousel-block .slick-slide {
    border-radius: 0 0 0 2rem;
    margin-left: 1.125rem;
    margin-right: 1.125rem;
    padding: 1.5rem;
  }
}

@media (max-width: 639px) {
  .citation-carousel-title {
    margin-bottom: 1.25rem;
    position: relative;
    text-align: center;
    width: 100%;
  }
  .citation-carousel-block .controls {
    justify-content: center;
    margin-bottom: .5rem;
    position: relative;
    right: 0;
  }
  .citation-carousel-block .slick-carousel {
    margin: 0;
    width: 100%;
  }
  .citation-carousel-block .slick-list {
    padding-top: 1.5rem;
  }
  .citation-carousel-block .slick-track {
    margin-left: 0;
  }
  .citation-carousel-block .slick-slide {
    border-radius: 0 0 0 1rem;
    margin-left: 0;
    margin-right: 0;
    padding: 1.25rem;
  }
}