.quote-text-carousel__inner-wrapper {
  padding-left: 0;
  padding-right: 0;
  padding-bottom: var(--lg-1)
}
.quote-text-carousel__content-box {
  width: 100%
}
.quote-text-carousel .action-button {
  background: var(--white)
}
.quote-text-carousel__content-right-box-image-wrapper img {
    aspect-ratio: 497 / 305;
    object-position: top;
}
.quote-text-carousel .action-button:hover {
  background-color: var(--black);
  color: var(--white)
}
.quote-text-carousel .action-button.swiper-button-disabled {
  background-color: rgba(0,0,0,.1)
}
.quote-text-carousel .action-button.swiper-button-disabled:hover {
  color: rgba(0,0,0,.4)
}
.quote-text-carousel .swiper-pagination {
  margin: 18px 1px 0;
  letter-spacing: -1px
}
.quote-text-carousel .swiper-navigation {
  display: -webkit-box!important;
  display: -ms-flexbox!important;
  display: flex!important
}
@media (min-width:768px) {
.quote-text-carousel .background-video {height: 92%}
  .quote-text-carousel__overlay {
    height: 90.5%
  }
  .quote-text-carousel__inner-wrapper {
    padding-bottom: 0
  }
  .quote-text-carousel__content-right-box-quote-wrapper {
    background: rgba(255,255,255,.75)
  }
  .quote-text-carousel__content-right-box-quote-wrapper::before {
    content: url(../~/media/Images/D/Diageo-V2/universal/quote-and-text-carousel/quote-mark.svg);
    width: 5rem;
    height: 3.2rem;
    font-size: 3rem;
    background-size: cover
  }  
  .quote-text-carousel__content-box {
    width: calc(50% - 1.6rem)
  }
  .quote-text-carousel__content-left-box {
    max-width: 38.9rem
  }
  .quote-text-carousel__pagination {
    position: absolute!important;
    bottom: var(--md-3);
    z-index: 9;
    padding-top: 0;
    padding-bottom: var(--lg-3)
  }
  .quote-text-carousel__pagination .swiper-navigation {
    display: -webkit-box!important;
    display: -ms-flexbox!important;
    display: flex!important
  }
}



/*--------------self serve CSS-------*/
body.ip3-edit .quote-text-carousel__swiper .swiper-wrapper{display:block;}
body.ip3-edit .quote-text-carousel__slide{display: block !important;}
body.ip3-edit .quote-text-carousel__swiper .quote-text-carousel__pagination{display: none !important;}
body.ip3-edit .quote-text-carousel__content-box{display:inline-block !important}


/*----------------no js CSS------------*/
body.nojs .quote-text-carousel__swiper .quote-text-carousel__pagination{display:none !important}
body.nojs .quote-text-carousel__swiper .swiper-wrapper{display: block;}
body.nojs .quote-text-carousel__slide{display:block !important}
body.nojs .quote-text-carousel__content-box{display:inline-block !important}