.case-study-page .related-case-studies, .testimonials-container {
  padding: 0 1em;
  max-width: 1024px;
}
@media screen and (max-width: 767px) {
  .case-study-page .related-case-studies, .testimonials-container {
    max-width: 100%;
  }
}

.case-study-page .case-study-header, .case-study-page .related-nodes, .case-study-page .medium-8 {
  padding: 0 1em;
  max-width: 760px;
}
@media screen and (max-width: 767px) {
  .case-study-page .case-study-header, .case-study-page .related-nodes, .case-study-page .medium-8 {
    max-width: 100%;
  }
}

.case-study-page .related-case-studies, .case-study-page .case-study-header, .case-study-page .related-nodes, .case-study-page .medium-8, .testimonials-container {
  padding: 0 1em;
  margin: 0 auto;
}

.testimonial-bubble::after {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  width: 3.5355339059vw;
  height: 3.5355339059vw;
  border-radius: 5px 0;
  background-color: inherit;
  margin: 0 auto;
  clip-path: polygon(0 0, 100% 0, 0 100%);
  z-index: 0;
}
@media screen and (max-width: 767px) {
  .testimonial-bubble::after {
    width: 7.0710678119vw;
    height: 7.0710678119vw;
  }
}

.testimonial-bubble {
  position: relative;
}

.testimonial-bubble {
  margin: auto auto 2.5vw auto;
}
.testimonial-bubble::after {
  bottom: calc(-1.767766953vw + 1px);
  transform: rotate(225deg);
}
@media screen and (max-width: 767px) {
  .testimonial-bubble::after {
    bottom: -3.5355339059vw;
  }
}
@media screen and (max-width: 767px) {
  .testimonial-bubble {
    margin-bottom: 5vw;
  }
}

.testimonials {
  background: #eeeeee;
}
@media speech {
  .testimonials {
    background: #111111;
  }
}

.testimonials-container {
  display: flex;
  justify-content: space-between;
}
@media screen and (max-width: 767px) {
  .testimonials-container {
    display: block;
  }
}

.testimonial {
  padding: 6vh 3vw;
  flex: 1;
}
@media screen and (min-width: 1025px) {
  .testimonial:first-child {
    padding-left: 0;
  }
  .testimonial:last-child {
    padding-right: 0;
  }
}
@media screen and (max-width: 767px) {
  .testimonial {
    padding-top: 3vh;
    padding-bottom: 0;
  }
  .testimonial:last-child {
    padding-bottom: 3vh;
  }
}

.testimonial-bubble {
  max-width: 900px;
  border-radius: 2vw;
  background-color: #fefefe;
  background-image: url("data:image/svg+xml,%3Csvg%20viewBox%3D%220%200%20198%20198%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20transform%3D%22rotate%28180%2C99%2C99%29%22%3E%3Cpath%20id%3D%22q%22%20d%3D%22M0%2092.9h48c-0.8%2035-10.7%2039-23.2%2040.1L20%20133.6v38.5l5.5-0.3c16.3-0.9%2034.3-3.9%2046.3-18.7C82.4%20140.1%2087%20118.9%2087%2086.3V25.9H0V92.9z%22%20fill%3D%22%23eeeeee%22%3E%3C%2Fpath%3E%3Cuse%20href%3D%22%23q%22%20transform%3D%22translate%28110%29%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
  background-size: 5vw 5vw;
  background-position: center calc((1.5vw + 5vw) / 2 - 5vw / 2);
  background-repeat: no-repeat;
  padding: 3vw;
  padding-top: calc(1.5vw + 5vw);
}
@media speech {
  .testimonial-bubble {
    background-color: #222222;
    background-image: url("data:image/svg+xml,%3Csvg%20viewBox%3D%220%200%20198%20198%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20transform%3D%22rotate%28180%2C99%2C99%29%22%3E%3Cpath%20id%3D%22q%22%20d%3D%22M0%2092.9h48c-0.8%2035-10.7%2039-23.2%2040.1L20%20133.6v38.5l5.5-0.3c16.3-0.9%2034.3-3.9%2046.3-18.7C82.4%20140.1%2087%20118.9%2087%2086.3V25.9H0V92.9z%22%20fill%3D%22%23383838%22%3E%3C%2Fpath%3E%3Cuse%20href%3D%22%23q%22%20transform%3D%22translate%28110%29%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
  }
}
@media screen and (max-width: 767px) {
  .testimonial-bubble {
    padding: 5vw;
    background-size: 10vw 10vw;
    padding-top: calc(1.5vw + 10vw);
  }
}
.testimonial-bubble a {
  color: #42afe9;
  transition: color 400ms;
}
.testimonial-bubble a:hover {
  color: #8b37d4;
}

.testimonial-quote {
  padding: 0;
  margin: 0;
  color: inherit;
  border: none;
}
.testimonials--single .testimonial--short .testimonial-quote {
  font-size: 1.5em;
  line-height: 1.5em;
}

.testimonial-more {
  text-align: right;
  margin-top: 0.5rem;
}

.testimonial-meta {
  text-align: center;
  color: #fefefe;
}
@media screen and (max-width: 767px) {
  .testimonial-meta {
    margin-bottom: 3vh;
  }
}

.testimonial-name-and-title {
  font-size: 0.8em;
  font-weight: bold;
}

.testimonial-company {
  font-weight: 700;
}

.slick-prev:before, .slick-next:before {
  color: black;
}

.slick-dots li {
  width: 0.725rem;
  height: 0.725rem;
}

.slick-dots li.slick-active button:before {
  color: #318185;
}

.slick-dots li button:before {
  font-size: 10px;
  width: 0.725rem;
  height: 0.725rem;
}

.before-and-after {
  margin: 0;
  padding: 20px 0 45px;
}
.before-and-after .slick-next, .before-and-after .slick-prev {
  min-width: 75px;
  position: absolute;
  bottom: 15px;
  color: transparent;
  top: auto;
}
.before-and-after .slick-next:before, .before-and-after .slick-prev:before {
  color: #fefefe;
  font-size: 12px;
  font-weight: bold;
  text-transform: uppercase;
  opacity: 1;
  text-align: center;
}
.before-and-after .slick-next:after, .before-and-after .slick-prev:after {
  position: absolute;
  left: 0;
  bottom: -5px;
  height: 3px;
  width: 0;
  content: "";
  background: #ffd939;
  transition: width 0.65s ease-in-out;
}
.before-and-after .slick-next:hover:before, .before-and-after .slick-prev:hover:before {
  color: #fefefe;
}
.before-and-after .slick-next:hover:after, .before-and-after .slick-prev:hover:after {
  width: 100%;
}
.before-and-after .slick-next {
  right: calc(50% - 90px);
}
.before-and-after .slick-next:before {
  content: "after";
}
.before-and-after .slick-prev {
  left: calc(50% - 90px);
}
.before-and-after .slick-prev:before {
  content: "before";
}

.before-and-after-active:after {
  width: 100% !important;
}

.oldcastle-mobile-mockup {
  width: 240px;
  height: 284px;
  position: absolute;
  right: 20%;
  bottom: -20px;
  background-image: url(/assets/helpers/mock-phone-frame-0f8efe497fd2a9519c0f9a9850a14726cc37802281b68f70f65850980e6adb48.png);
  background-size: cover;
  z-index: 1;
}
@media screen and (max-width: 767px) {
  .oldcastle-mobile-mockup {
    display: none;
  }
}

.oldcastle-mobile-content {
  width: 216px;
  height: 273px;
  position: absolute;
  left: 12px;
  bottom: 0px;
  background-size: cover;
  transition: opacity 0.65s linear;
  opacity: 0;
  background-position: 50% 70%;
  border-radius: 5px;
}

.oldcastle-mobile-content-0 {
  background-image: url(/assets/legacy/pages/clients/oldcastle-case-study/oldcastle-mobile-tunnel-b8be7e3b905ac68d50045c73e51ccbcdece55adbd0c95c66dae20c810d0fe5cf.png);
}

.oldcastle-ring {
  width: 20px;
  height: 20px;
  border-radius: 50%;
  border: 3px solid #ffd939;
  position: absolute;
  transition: all 0.65s ease-in-out;
  animation-duration: 10s;
  margin-top: -10px;
  margin-left: -10px;
  cursor: pointer;
}
@media screen and (max-width: 767px) {
  .oldcastle-ring {
    display: none;
  }
}
.oldcastle-ring:hover {
  width: 40px;
  height: 40px;
  margin-top: -20px;
  margin-left: -20px;
}
.oldcastle-ring.hidden {
  opacity: 0;
  margin-top: -80px;
}

.case-study-page .case-study-content {
  margin-top: 3rem;
  margin-bottom: 5rem;
}
.case-study-page .case-study-content .lead {
  font-size: 120%;
  line-height: 1.6;
  margin-bottom: 3rem;
}
.case-study-page .video-wrapper {
  padding: 2rem;
  text-align: center;
}

.path-clients--q-foundation .gallery {
  flex-grow: 2;
  display: flex;
  justify-content: center;
}
.path-clients--q-foundation .gallery img {
  width: 400px;
  height: 592px;
  cursor: zoom-in;
}

.section-clients .medium-5 {
  width: 50%;
}

.slick-track img {
  border-radius: 3px;
  padding: 5px;
  background: #fafafa;
  border: 1px solid #eee;
}