.quotation-slider {
  transition-timing-function: cubic-bezier(0,1.25,1,.99);
  transition-property: transform;
  transition-duration: 0.6s;
}
.quotation-slider__header {
  margin-bottom: var(--space-32);
}

.quotation-slider p {
  margin: 0;
}

.quotation-slider ol {
  /* These are more appropriate in a CSS reset */
  padding: 0;
  margin: 0;
  margin-bottom: var(--space-48);
  list-style: none;
  gap: var(--space-32);
}

.quotation-slider li {
  max-width: 100%;
}

.quotation-slider__list {
  /* Arrange media horizontally */
  display: flex;
}

.quotation-slider__item {
  height: inherit;
}

.quotation-slider__quote {
  width: 544px;
  height: 100%;
  max-width: 100%;
  transition-timing-function: cubic-bezier(0,2,1,.9);
  transition-duration: 0.6s;
  transition-property: transform, box-shadow; 
  overflow: hidden;/*rounded corners fix*/
}

.quotation-slider__image-container {
  display: flex;
}

.quotation-slider__image {
    display: block;
    object-fit: cover;
    aspect-ratio: 1/1;
    /* border-radius: var(--space-24) var(--space-24) 0 0; */
}

.quotation-slider__text-container {
  padding: var(--space-32) var(--space-24);
  line-height: 1.5;
  height: inherit;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.quotation-slider__quote-container {
  margin-bottom: var(--space-48);
}

.quotation-slider__author-container {
  margin-top: auto;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  font-weight: 700;
}

/* Target direct descendant too in case the images have a wrapper parent */
.quotation-slider__footer {
  display: flex;
  justify-content: end;
}

.quotation-slider__buttons-container {
  display: flex;
  gap: var(--space-16);
  padding: 3px 0;
}

.quotation-slider__button {
  background: var(--site-brand-color);
  border: solid;
  border-color: var(--site-brand-color);
}

.quotation-slider__buttons-container .--inactive {
  border-color: var(--site-text-color);
  background: none;
}

.quotation-slider__buttons-container .--previous svg {
  transform: rotate(180deg);
}

.quotation-slider__buttons-container .--inactive svg path {
  stroke: var(--site-text-color);
}

.quotation-slider__button svg {
  width: 20px;
  height: 16px;
}

.quotation-slider__button svg path {
  stroke: var(--site-text-color);
}

.quotation-slider__button:not(.--inactive) svg {
  filter: invert(1);
}

.quotation-slider__button:hover, 
.quotation-slider__button:focus {
  filter: invert(0.1);
  transform: scale(1.05);
}

.quotation-slider__quotation-mark {
  display: none;
  margin-bottom: var(--space-24);
  overflow: visible;
}

.quotation-slider__quotation-mark path {
  fill: var(--site-text-color);
  stroke: var(--site-text-color);
}

{# Reverts stroke color to default text color #}
.--inactive svg path {
  filter: none !important;
}

.quotation-slider__link {
  text-decoration: none;
}

/* Story quotes styling */
.--story-quote .quotation-slider ol {
  gap: var(--site-content-width);
}

.--story-quote .quotation-slider__text-container {
  gap: var(--space-24);
  padding: var(--space-32);
}

.--story-quote .--no-image {
  max-width: 100%;
}

.--story-quote .quotation-slider__quote{
  display: flex;
  flex-direction: column;
  width: 1136px;
}

.--story-quote .quotation-slider__quote.-no-image {
  width: 700px;
}
.--story-quote .quotation-slider__quote-container{
  margin-bottom: 0;
  /* order: 2; */
}

.--story-quote .quotation-slider__quote-text{
  font-size: 1.8rem;
  /* font-weight: 600; */
}

.--story-quote .quotation-slider__author-container{
  margin-top: 0;
}

.--story-quote .quotation-slider__image{
  aspect-ratio: 3/2;
  width: 100%;
}

.--no-image .quotation-slider__author-container {
  margin-top: auto;
}

.--no-image .quotation-slider__quote-container {
  margin-bottom: auto;
}

.quotation-slider__quote-cta-container {
  justify-content: left;
  margin-top: auto;
  display: flex;
  margin-top: var(--space-24);
  /* order: 3; */
}

.quotation-slider__logo-image {
  height: 64px;
  object-fit: contain;
  align-self: flex-start;
  /* margin-bottom: 32px; */
}

@media screen and (min-width:767px) {
 
  .quotation-slider__logo-image {
    margin-left: 0 !important;
    object-fit: contain;
    align-self: flex-start;
    margin-bottom: 32px;
  }
  .quotation-slider__text-container {
    padding: var(--space-32);
  }
  
  .quotation-slider ol {
    margin-bottom: var(--space-64);
  }
 
  .quotation-slider .quotation-slider__quote-container {
    margin-bottom: var(--space-64);
  }

  .quotation-slider__quote-cta-container {
    margin-top: var(--space-32);
  }

  /* Story quote styling */
  .--story-quote .quotation-slider__image-container {
    max-width: 50%;
  }

  .--story-quote .quotation-slider__image{
    /* border-radius: var(--space-24) 0 0 var(--space-24); */
  }

  .--story-quote .quotation-slider__text-container {
    max-width: 50%;
    gap: 0;
  }
  .quotation-slider__quote.-no-image .quotation-slider__text-container {
    max-width: unset !important;
  }
  .--story-quote .--no-image{
    padding: var(--space-64) var(--space-96);
  }

  .--story-quote .quotation-slider__quote{
    flex-direction: row;
  }
  
 .--story-quote .quotation-slider__image{
    aspect-ratio: 1/1;
  }

  /* Add a divider before the description if it follows an author name */
  .--story-quote .quote-slider__author-name + .quote-slider__author-description::before {
    content: "|";
    padding-left: 0.5em; /* Space between name and divider */
    padding-right: 0.5em; /* Space between divider and description text */
    color: inherit; 
  }

  .--story-quote .quotation-slider__quote-text{
    font-size: 2.4rem;
    font-weight: 400;
    line-height: 36px;
  } 

  .--story-quote .quotation-slider__quote-container{
    margin-top: auto;
    margin-bottom: var(--space-48);
  } 

  .--story-quote .quotation-slider__author-container{
    margin-top: 0;
    flex-direction: row;
    align-items: center;
    /* margin-bottom: auto; */
  }
}

@media screen and (min-width: 1050px) {
  .--story-quote .quotation-slider__text-container{
    padding: var(--space-64);
  }
}

@media screen and (min-width: 1440px) {

  .quotation-slider__text-container {
    padding: var(--space-48);
  }

  
  /* Story quote styling */
  .--story-quote .quotation-slider__quote-text {
  }

  .--story-quote .quotation-slider__quote-container{
    margin-bottom: var(--space-48);
  }
  
  .--story-quote .--no-image{
    padding: var(--space-96) var(--space-128);
  }
}

.quotation-slider__link-arrow-container {
  margin-top: auto;
  display: flex;
  align-items: center;
}

.quotation-slider__link-arrow-container svg {
  width: 32px;
  height: 32px;
  margin-left: auto;
}

.quotation-slider__link-arrow-container path {
  stroke: var(--site-text-color);
}

.quotation-slider__custom-quotation-mark {
  width: 32px;
  height: 32px;
  margin-bottom: var(--space-32);
}


.custom-xedule-quotation-slider .visma-module-header :last-child:not(.cta font) {
  margin-bottom: 0;
}
.quotation-slider__cta {
  width: 100%;
  justify-content: space-between;
}

.quotation-slider-scroll-container {
  padding-bottom: var(--block-padding-vertical);
}