@media (max-width:767.98px){
  /* .quote-carousel{padding-bottom: 90px !important} */
  }
  .quote-carousel__quote-text blockquote::before{display:inline-block;width:100%;font-size:5.5rem}
  .quote-carousel .swiper{overflow-y:visible; padding-bottom: var(--lg-4);}
  
  
  
  .quote-carousel .background-video {
    height: 45%
  }
  .quote-carousel__quote-text {
    position: relative;
    background: rgba(255,255,255,.8);
    -webkit-backdrop-filter: blur(1.4rem);
    backdrop-filter: blur(1.4rem);
    z-index: 1;
    padding-bottom: 85px
  }
  .quote-carousel__quote-text::after {
    content: "";
    position: absolute;
    height: 100%;
    width: 90.6%;
    background: rgba(255,255,255,.8);
    top: 0;
    right: 0;
    opacity: .7;
    z-index: -1
  }
  .quote-carousel__quote-text .quote {
    margin-bottom: var(--md-2)
  }
  .quote-carousel__quote-text .quote::before {
    display: inline-block;
    font-size: 5.5rem;
    width: 100%;
    margin-bottom: var(--sm-1)
  }
  .quote-carousel .swiper {
    overflow-y: visible
  }
  .quote-carousel__content-wrapper {
    top: 0;
    right: unset;
    padding-left: 0;
    opacity: 0;
    -webkit-transition: .6s;
    transition: .6s;
    -webkit-transform: translateX(-15rem);
    -ms-transform: translateX(-15rem);
    transform: translateX(-15rem)
  }
  .quote-carousel__fraction {
  /*  bottom: calc(var(--md-2)); to add space above pagination*/
    left: 20px
  }
  .quote-carousel .swiper-pagination {
    top: -3rem
  }
    .quote-carousel .quote-carousel__content {
      max-height: 360px;
      overflow-y: auto;
     /* scrollbar-width: thin;
      scrollbar-color: #000 #D9D9D9;*/
  }
  @media (min-width:768px) {
    
    .quote-carousel .background-video {
      height: 100%
    }
    .quote-carousel .quote {
      margin-bottom: var(--lg-2);
      
      max-width: 70%
    }
    .quote-carousel__quote-text {
      padding-bottom: var(--md-2);
      min-height: 42.8rem;
      display: flex;
      flex-flow: column;
      justify-content: center;
    }
    .quote-carousel__quote-text:has(.quote-text__link) {
    min-height: 52.8rem;
    }
    .quote-carousel__content-wrapper {
      top: var(--lg-4);
      right: 10.6rem;
      padding-left: 2rem;
      min-width: 55rem;
    }
 
    .quote-carousel__content-wrapper-left {
      
      right: 0;
      min-width: 48rem;
     
    }
    .quote-carousel__pagination {
      width: -webkit-max-content;
      width: -moz-max-content;
      width: max-content
    }
    .quote-carousel__fraction {
      top: calc(var(--md-2) * -1);
      right: 0
    }
    .quote-carousel .swiper-pagination {
      top: -3.5rem
    }
  
  .quote-carousel .quote-carousel__pagination .swiper-navigation__counter{
  display: block;
  }
  .quote-carousel .quote-carousel__content {
      max-height: 390px;
  }

  }
  @media (min-width:992px) {
    .quote-carousel .quote {
      max-width: 90%;
      margin-bottom: var(--lg-1)
    }
    .quote-carousel__fraction {
      top: calc(var(--md-2) * -.6)
    }
    .quote-carousel .quote-carousel__content {
      max-height: 340px;
  }
  .quote-carousel__quote-text {
    min-height: 47.8rem;
  }
  .quote-carousel__quote-text:has(.quote-text__link) {
  	min-height: 57.8rem;
  }
  }
  
  @media (min-width:1200px) {
    .quote-carousel__quote-text{
      min-height: 66.8rem;
     
    }
    .quote-carousel__quote-text:has(.quote-text__link) {
      min-height: 76.8rem;
    }
    .quote-carousel .quote {
      max-width: -webkit-fit-content;
      max-width: -moz-fit-content;
      max-width: fit-content
    }
    .quote-carousel__quote-text {
      padding-bottom: var(--md-2)
    }
    
    .quote-carousel__content-wrapper {
      min-width: 60.4rem
    }
    .quote-carousel__content-wrapper-left {
      
      min-width: 58.4rem;
     
    }
    .quote-carousel .background-video{
      max-height: 76%
    }
    .quote-carousel .swiper-pagination {
      top: -3.5rem
    }
  }
  .figure {
    margin: 0
  }
  .swiper-slide-next .quote-carousel__content-wrapper {
    opacity: 0;
    -webkit-transition: .6s;
    transition: .6s;
    -webkit-transform: translateX(150rem);
    -ms-transform: translateX(150rem);
    transform: translateX(150rem)
  }
  .swiper-slide-active .quote-carousel__content-wrapper {
    opacity: 1;
    -webkit-transition: .6s ease;
    transition: .6s ease;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0)
  }
  
  /*--------------------no-js -------------------------*/
  body.nojs .quote-carousel .swiper-wrapper{display:block !important}
  body.nojs .quote-carousel .quote-carousel__fraction{display:none !important}
  body.nojs .quote-carousel .quote-carousel__content-wrapper{opacity:1}
  /*-----------------self-serve-----------------------*/
  body.ip3-edit .quote-carousel .swiper-wrapper{display:block !important}
  body.ip3-edit .quote-carousel .quote-carousel__fraction{display:none !important}
  body.ip3-edit .quote-carousel .quote-carousel__content-wrapper{opacity:1}
  body.ip3-edit .quote-carousel .swiper-slide{padding-top:90px}
  body.ip3-edit .quote-carousel::before{z-index:-1}