.module-quote__outer-wrapper {
  padding: 9.6rem 0;
  background-color: var(--primary-bright-blue);
  position: relative;
}
.slider-quote__title-details{
  margin-bottom:10.9rem;
}
.module-quote__outer-wrapper::after {
  content: "";
  height: 38.4rem;
  width: 28.2rem;
  background-image: url("/~/media/Images/G/Grafton-Group/grafton-pattern-images/quote-wave-pattern.svg");
  top: 0;
  left: 0;
  position: absolute;
  z-index: 0;
}
.module-quote__outer-wrapper.bg-none .module-quote__title {
  color: var(--secondary-slate);
}

.module-quote__outer-wrapper.bg-none .module-quote__quote {
  color: var(--secondary-slate);
}

.module-quote__outer-wrapper.bg-none .module-quote__author {
  color: var(--primary-bright-blue);
}

.module-quote__outer-wrapper.bg-none .module-quote__icon-quote svg path {
  fill: var(--primary-bright-blue);
}

.module-quote__image {
  position: relative;
  z-index: 2;
  min-height: 42.8rem;
  -o-object-fit: cover;
     object-fit: cover;
}
.module-quote__content {
  padding-left: 7.6rem;
  height: 100%;
}
.module-quote__icon-quote {
  position: absolute;
  top: 0;
  left: -7rem;
  height: 4.4rem;
  width: 4.4rem;
}
.module-quote__quote {
  font-size: var(--quote-fs);
  line-height: var(--quote-lh);
  color: var(--white);
  position: relative;
  font-family: var(--font-heading);
  font-weight: var(--fw-medium);
}
.module-quote__title {
  font-size: var(--tags-fs);
  line-height: var(--tags-lh);
  font-weight: var(--fw-medium);
  color: var(--white);
}
.module-quote__author {
  color: var(--primary-grellow);
}
.module-quote__image-holder {
  position: relative;
}
.module-quote__image-holder::before {
  content: "";
  height: 60%;
  width: 3rem;
  background-image: url("/~/media/Images/G/Grafton-Group/grafton-pattern-images/quote-dot-pattern.svg");
  bottom: 0;
  right: -3rem;
  position: absolute;
}
@media all and (width <= 991.98px) {
.slider-quote__title-details{
  margin-bottom:6.4rem;
}
  .module-quote__outer-wrapper {
    padding: 6.4rem 0;
  }
  .module-quote__icon-quote {
    left: -5.8rem;
  }
  .module-quote__outer-wrapper {
    padding: 6.4rem 0;
  }
  .module-quote__outer-wrapper::after {
    content: none;
  }
  .module-quote__content {
    padding-left: 5.8rem;
  }
  .module-quote__image {
    min-height: 20rem;
  }
  .module-quote__image-holder::before {
    height: 2.8rem;
    width: 101%;
    bottom: -2.8rem;
    right: 0;
  }
}
@media all and (width <= 767.98px) {
  .slider-quote__title-details{
    margin-bottom:4.8rem;
  }
  .module-quote__outer-wrapper {
    padding: 4.8rem 0;
  }
  .module-quote__icon-quote {
    position: relative;
    left: 0;
  }
  .module-quote__content {
    padding: 0;
    margin-top: 5.5rem;
    height: auto;
  }
  .module-quote__image {
    max-height: 30.7rem;
  }
  .module-quote__image-holder::before {
    height: 3.1rem;
    width: 70%;
    bottom: -3.1rem;
    left: 0;
  }
  .module-quote__outer-wrapper {
    padding: 4.8rem 0;
  }
}

.slider-quote {
  position: relative;
}
.slider-quote .carousel-navigation {
  position: absolute;
  width: calc(100% - 1.6rem);
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;  
    left: 0.8rem;
    top: 16rem;
}

@media (min-width: 768px) {
  .slider-quote .carousel-navigation {
    width: 100%;
    max-width: 150.4rem;
    left: 50%;
    top: 50%;
    -webkit-transform: translateY(-50%) translateX(-50%);
        -ms-transform: translateY(-50%) translateX(-50%);
            transform: translateY(-50%) translateX(-50%);
  }
}