.manual-carousel-wrap {
  max-width: 1230px;
  width: 90%;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 70px;
  display: flex;
  padding: 55px 0 30px;
  flex-direction: column;
  gap: 32px;
  overflow: hidden;
}

.manual-carousel-wrap .header-link a.line-hover {
  position: relative;
}

.manual-carousel-wrap .header-link a.line-hover::before {
  content: "";
  position: absolute;
  width: 0%;
  height: 2px;
  background-color: #212223;
  bottom: -3px;
  left: 0px;
  transition: all 0.2s linear;
}

.manual-carousel-wrap .header-link a.line-hover:hover::before,
.manual-carousel-wrap .header-link a.line-hover:focus::before {
  width: 100%;
}

.manual-carousel-wrap.timeline {
  gap: 48px;
}

.manual-carousel-wrap.standard {
  gap: 60px;
}

.manual-carousel-wrap .quote-box {
  border: 1px solid var(--color-light-grey);
  border-radius: 8px;
  max-width: 1230px;
  margin: 20px auto;
  display: flex;
  flex-wrap: wrap;
  overflow: hidden;
  background-color: var(--color-white);
}

.manual-carousel-wrap .quote-wrap {
  padding: 35px;
}

.manual-carousel-wrap .quote-box .quote p {
  margin-top: 10px;
  font-size: 18px;
  width: calc(100% - 20px);;
}

.manual-carousel-wrap .quote-box .quote-author-info span {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  text-align: center;
  font-size: 14px;
  font-weight: 600;
  line-height: 32px;
  margin-right: 15px;
}

.manual-carousel-wrap .quote-author-info p {
  margin: 0;
  font-size: 14px;
  line-height: 24px;
}

.manual-carousel-wrap .quote-author-info p strong {
  display: block;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
}

.manual-carousel-wrap .quote-image-wrap {
  position: relative;
  display: flex;
}

.manual-carousel-wrap .quote-image-wrap img {
  display: block;
  height: 100%;
  /* max-height:345px; */
  object-fit: cover;
  background-position: center;
}

.manual-carousel .quote-box.quote_image .quote-image-wrap,
.manual-carousel .quote-box.quote_video .quote-image-wrap {
  width: 40%;
  position: relative;
}

.manual-carousel .quote-box.quote_image .quote-wrap,
.manual-carousel .quote-box.quote_video .quote-wrap {
  width: calc(60% - 40px);
  margin: 20px;
  align-self: center;
}

.manual-carousel-wrap .quote-image-wrap .play-button {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
  background-color: var(--color-white);
  padding: 20px 18px 20px 24px;
  border-radius: 50%;
  text-align: center;
  cursor: pointer;
}

.manual-carousel-wrap .quote-box.quote_headshot .quote-image-wrap,
.manual-carousel-wrap .quote-box.quote_thumbnail .quote-image-wrap {
  padding: 45px 0 45px 48px;
}

.manual-carousel-wrap .quote-box.quote_headshot .quote-image-wrap img {
  border-radius: 50%;
  width: 185px;
  height: 185px;
}

.manual-carousel-wrap .quote-box.quote_headshot .quote-wrap {
  width: calc(100% - 235px);
  margin-top: 22px;
}

.manual-carousel-wrap .quote-box.quote_thumbnail .quote-wrap {
  width: calc(100% - 250px);
  margin-top: 22px;
}

.manual-carousel-wrap .quote-box.quote_thumbnail .quote-image-wrap > img {
  width: 200px;
  height: 200px;
  border-radius: 8px;
}

.manual-carousel-wrap .quote-box.quote_thumbnail .quote-image-wrap .play-button {
  left: calc(50% + 22.5px);
  max-width: 55px;
  padding: 15px 14px 15px 18px;
}

.manual-carousel-wrap blockquote {
  margin: 0;
}

/* carousel header styling */
.manual-carousel-wrap .header-link h2 {
  font-size: 42px;
  margin: 0;
  color: var(--color-graphite);
}

.manual-carousel-wrap .header-link h4 {
  color: var(--color-graphite);
  font-size: 24px;
  font-style: normal;
  font-weight: 600;
  line-height: 32px;
  border-left: 6px solid var(--color-orange);
  padding-left: 10px;
}

.manual-carousel-wrap .header-link a {
  font-weight: 600;
  position: relative;
  font-size: 17px;
  border: none;
  bottom: 0;
}

.manual-carousel-wrap .header-link a::after {
  content: "";
  display: inline-block;
  background-image: url("/wp-content/uploads/2024/07/arrow-right-graphite-small.svg");
  width: 8px;
  height: 12px;
  margin-left: 12px;
  position: relative;
  top: 1px;
}

.manual-carousel-wrap .header-link-desc {
  width: 100%;
}

.manual-carousel-wrap .header-link-desc p {
  max-width: 850px;
}

.manual-carousel-wrap .header-link-desc p:last-child {
  margin-bottom: 0;
}

/* carousel styling */
.manual-carousel-wrap .progress {
  display: block;
  width: calc(100% - 130px);
  height: 2px;
  overflow: hidden;
  background-repeat: no-repeat;
  background-size: 0 100%;
  transition: background-size 0.4s ease-in-out;
}

.manual-carousel-wrap .progress {
  background-color: #e5e5e5;
  background-image: linear-gradient(to right, #212223, #212223);
}

.manual-carousel-wrap .sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}

.manual-carousel .slick-prev,
.manual-carousel .slick-next {
  position: absolute;
  bottom: -55px;
  right: 0;
  display: flex;
  width: 48px;
  height: 48px;
  justify-content: center;
  align-items: center;
  gap: 8px;
  border-radius: 80px;
  background: var(--color-orange);
  cursor: pointer;
  border: 1px solid var(--color-orange);
  padding: 0;
}

.manual-carousel-wrap.timeline .manual-carousel .slick-prev,
.manual-carousel-wrap.timeline .manual-carousel .slick-next {
  bottom: -75px;
}

.manual-carousel-wrap.standard .manual-carousel .slick-prev,
.manual-carousel-wrap.standard .manual-carousel .slick-next {
  bottom: -85px;
}

.manual-carousel .slick-prev {
  right: 60px;
}

.manual-carousel .slick-prev img,
.manual-carousel .slick-next img {
  width: 24px;
  height: 24px;
  flex-shrink: 0;
}

.manual-carousel .slick-next img {
  -moz-transform: scaleX(-1);
  -o-transform: scaleX(-1);
  -webkit-transform: scaleX(-1);
  transform: scaleX(-1);
  filter: FlipH;
  -ms-filter: "FlipH";
}

.manual-carousel .quote sub {
  font-size: 64px;
  color: var(--color-orange);
  font-weight: 600;
  line-height: 0px;
  position: relative;
  bottom: -30px;
  display: inline-block;
}

.manual-carousel-wrap.timeline .slick-slide > div {
  margin-right: 24px;
}

.manual-carousel-wrap.quote .manual-carousel-item {
  margin-right: 32px;
  margin-bottom: 20px;
}

.manual-carousel-wrap.timeline a.view-more {
  color: #ffffff;
  background-color: var(--color-orange);
  display: flex;
  padding: 47px 65px;
  flex-direction: column;
  justify-content: center;
  /* align-items: center; */
  /* gap: var(--XXS, 8px); */
  border-radius: var(--XXS, 8px);
  /* background: var(--TrustLaw-Primary, #3E7CA8); */
  color: var(--Neutrals-White, #fff);
  text-align: center;
  font-size: 32px;
  font-style: normal;
  font-weight: 600;
  line-height: 40px;
  transition: var(--transition);
}

.manual-carousel-wrap.timeline a.view-more:hover,
.manual-carousel-wrap.timeline a.view-more:focus {
  opacity: 0.85;
}

/* standard */
.manual-carousel-wrap:not(.hide-top-border) {
  border-top: 1px solid var(--color-light-grey);
}

.manual-carousel-wrap.standard .manual-carousel .slick-track,
.manual-carousel-wrap.standard .manual-carousel .slick-list {
  display: flex !important;
}

.manual-carousel.show-overflow .slick-list {
  overflow: visible;
  position: relative;
}

.manual-carousel.show-overflow .slick-list:before {
  content: "";
  display: block;
  background-color: #fff;
  width: 100%;
  right: 100%;
  top: 0px;
  bottom: 0px;
  position: absolute;
  z-index: 1;
}

.manual-carousel-wrap.standard .manual-carousel h4 {
  font-size: 24px;
  font-style: normal;
  font-weight: 600;
  line-height: 32px;
  margin: 0;
  text-align: left;
}

.manual-carousel-wrap.standard .manual-carousel p {
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 32px;
  margin: 0px 0 0;
  width: 75%;
  text-align: left;
}

.manual-carousel-wrap.standard .manual-carousel-item {
  border: 1px solid var(--color-light-grey);
  border-radius: 8px;
  overflow: hidden;
  margin-right: 24px;
  transition: var(--transition);
}

.manual-carousel-wrap.standard .manual-carousel-item:hover,
.manual-carousel-wrap.standard .manual-carousel-item:focus {
  border: 1px solid var(--color-graphite);
}

.manual-carousel-wrap .manual-carousel-item .image-wrap img {
  height: 280px;
  width: 100%;
  object-fit: cover;
  object-position: center;
}

.manual-carousel-wrap .manual-carousel-item .post-info-wrap {
  padding: 30px 30px 85px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: var(--XS, 16px);
  align-self: stretch;
}

.manual-carousel-wrap p {
  width: calc(100% - 45px);
  line-height: 24px;
}

.manual-carousel-wrap .post-info-wrap .view-more {
  color: #212223;
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  line-height: 22px;
  align-items: center;
  display: flex;
  padding: 2px 0px;
  position: absolute;
  bottom: 30px;
}

.manual-carousel-wrap .post-info-wrap .view-more:after {
  position: absolute;
  width: 0%;
  height: 2px;
  background-color: #212223;
  bottom: -3px;
  left: 0px;
  transition: all 0.2s linear;
  content: "";
}

.manual-carousel-wrap .manual-carousel-item:hover .post-info-wrap .view-more:after,
.manual-carousel-wrap .manual-carousel-item:focus .post-info-wrap .view-more:after {
  width: 100%;
}

.manual-carousel-wrap.partners .manual-carousel-item .image-wrap img {
  height: 240px;
  width: 100%;
  object-fit: contain;
  object-position: center;
}

.manual-carousel .slick-prev:hover,
.manual-carousel .slick-next:hover,
.manual-carousel .slick-prev:focus,
.manual-carousel .slick-next:focus {
  background-color: #ffffff;
}

.manual-carousel .slick-next:hover::before,
.manual-carousel .slick-next:focus::before {
  -moz-transform: scaleX(-1);
  -o-transform: scaleX(-1);
  -webkit-transform: scaleX(-1);
  transform: scaleX(-1);
  filter: FlipH;
  -ms-filter: "FlipH";
}

.manual-carousel .slick-prev:hover::before,
.manual-carousel .slick-next:hover::before,
.manual-carousel .slick-prev:focus::before,
.manual-carousel .slick-next:focus::before {
  content: "";
  background-color: var(--color-orange);
  height: 24px;
  width: 24px;
  display: block;
  position: absolute;
  z-index: 9999;
  clip-path: polygon(
    38.208% 52.96%,
    55.875% 70.626%,
    55.875% 70.626%,
    55.993% 70.741%,
    56.116% 70.851%,
    56.243% 70.955%,
    56.373% 71.055%,
    56.508% 71.149%,
    56.646% 71.238%,
    56.787% 71.322%,
    56.932% 71.4%,
    57.08% 71.472%,
    57.231% 71.538%,
    57.231% 71.538%,
    57.384% 71.599%,
    57.54% 71.653%,
    57.697% 71.701%,
    57.856% 71.743%,
    58.016% 71.778%,
    58.178% 71.807%,
    58.341% 71.83%,
    58.504% 71.846%,
    58.669% 71.855%,
    58.833% 71.859%,
    58.833% 71.859%,
    58.998% 71.855%,
    59.162% 71.846%,
    59.326% 71.83%,
    59.489% 71.807%,
    59.65% 71.778%,
    59.811% 71.743%,
    59.97% 71.701%,
    60.127% 71.653%,
    60.282% 71.599%,
    60.436% 71.538%,
    60.436% 71.538%,
    60.587% 71.472%,
    60.735% 71.4%,
    60.879% 71.322%,
    61.021% 71.238%,
    61.159% 71.149%,
    61.293% 71.055%,
    61.424% 70.955%,
    61.551% 70.851%,
    61.673% 70.741%,
    61.792% 70.626%,
    61.792% 70.626%,
    62.014% 70.384%,
    62.216% 70.127%,
    62.396% 69.855%,
    62.553% 69.572%,
    62.688% 69.278%,
    62.8% 68.973%,
    62.888% 68.661%,
    62.952% 68.342%,
    62.99% 68.017%,
    63.003% 67.689%,
    63.003% 67.689%,
    62.99% 67.36%,
    62.952% 67.035%,
    62.888% 66.716%,
    62.8% 66.404%,
    62.688% 66.1%,
    62.553% 65.806%,
    62.396% 65.522%,
    62.216% 65.251%,
    62.014% 64.994%,
    61.792% 64.751%,
    47.042% 50.001%,
    61.792% 35.251%,
    61.792% 35.251%,
    62.014% 35.009%,
    62.216% 34.752%,
    62.396% 34.48%,
    62.553% 34.197%,
    62.688% 33.903%,
    62.8% 33.598%,
    62.888% 33.286%,
    62.952% 32.967%,
    62.99% 32.642%,
    63.003% 32.314%,
    63.003% 32.314%,
    62.99% 31.985%,
    62.952% 31.66%,
    62.888% 31.341%,
    62.8% 31.029%,
    62.688% 30.725%,
    62.553% 30.43%,
    62.396% 30.147%,
    62.216% 29.876%,
    62.014% 29.618%,
    61.792% 29.376%,
    61.792% 29.376%,
    61.673% 29.263%,
    61.55% 29.154%,
    61.422% 29.051%,
    61.291% 28.953%,
    61.157% 28.86%,
    61.018% 28.772%,
    60.877% 28.69%,
    60.732% 28.613%,
    60.584% 28.542%,
    60.433% 28.477%,
    60.433% 28.477%,
    60.28% 28.418%,
    60.124% 28.365%,
    59.967% 28.318%,
    59.809% 28.278%,
    59.648% 28.244%,
    59.487% 28.216%,
    59.325% 28.194%,
    59.162% 28.179%,
    58.998% 28.17%,
    58.833% 28.168%,
    58.833% 28.168%,
    58.669% 28.17%,
    58.505% 28.179%,
    58.342% 28.194%,
    58.18% 28.216%,
    58.018% 28.244%,
    57.858% 28.278%,
    57.699% 28.318%,
    57.542% 28.365%,
    57.387% 28.418%,
    57.234% 28.477%,
    57.234% 28.477%,
    57.083% 28.542%,
    56.935% 28.613%,
    56.79% 28.69%,
    56.648% 28.772%,
    56.51% 28.86%,
    56.375% 28.953%,
    56.244% 29.051%,
    56.117% 29.154%,
    55.994% 29.263%,
    55.875% 29.376%,
    38.208% 47.043%,
    38.208% 47.043%,
    38.094% 47.161%,
    37.984% 47.284%,
    37.879% 47.411%,
    37.779% 47.541%,
    37.685% 47.676%,
    37.596% 47.814%,
    37.513% 47.955%,
    37.435% 48.1%,
    37.363% 48.248%,
    37.296% 48.399%,
    37.296% 48.399%,
    37.236% 48.552%,
    37.182% 48.708%,
    37.134% 48.865%,
    37.092% 49.024%,
    37.057% 49.184%,
    37.028% 49.346%,
    37.005% 49.509%,
    36.989% 49.672%,
    36.979% 49.836%,
    36.976% 50.001%,
    36.976% 50.001%,
    36.979% 50.166%,
    36.989% 50.33%,
    37.005% 50.494%,
    37.028% 50.657%,
    37.057% 50.818%,
    37.092% 50.979%,
    37.134% 51.138%,
    37.182% 51.295%,
    37.236% 51.45%,
    37.296% 51.604%,
    37.296% 51.604%,
    37.363% 51.755%,
    37.435% 51.902%,
    37.513% 52.047%,
    37.596% 52.189%,
    37.685% 52.327%,
    37.779% 52.461%,
    37.879% 52.592%,
    37.984% 52.718%,
    38.094% 52.841%,
    38.208% 52.96%
  );
}

.manual-carousel-wrap a.view-more.mobile {
  font-weight: 600;
  position: relative;
  font-size: 18px;
  margin-top: 8px;
  display: none;
}

.manual-carousel-wrap a.view-more.mobile::after {
  content: '';
  display: inline-block;
  background-image: url("/wp-content/uploads/2024/07/arrow-right-graphite-small.svg");
  width: 8px;
  height: 12px;
  margin-left: 12px;
  position: relative;
  top: 1px;
}

.mobile.view-more.placeholder::after {
  display: none !important;
}

@media (min-width: 1700px) {
  .manual-carousel-wrap {
    max-width: 1620px !important;
  }
}

@media (min-width: 1471px) {
  .manual-carousel-wrap {
    max-width: 1400px;
  }
}

@media (max-width: 1080px) {
  .manual-carousel-wrap .header-link h2 {
    font-size: 36px;
    line-height: 48px;
  }
}

@media (max-width: 781px) {
  .manual-carousel-wrap .quote-box.quote_headshot .quote-image-wrap,
  .manual-carousel-wrap .quote-box.quote_thumbnail .quote-image-wrap {
    padding: 35px 0 35px 35px;
  }
  .manual-carousel-wrap .quote-box.quote_headshot .quote-wrap {
    width: calc(100% - 222px);
    margin-top: 0;
  }
  .manual-carousel .quote-box.quote_image .quote-image-wrap,
  .manual-carousel .quote-box.quote_video .quote-image-wrap {
    width: 100%;
  }
  .manual-carousel-wrap .quote-image-wrap img {
    max-height: 240px;
    width: 100%;
  }
  .manual-carousel .quote-box.quote_image .quote-wrap,
  .manual-carousel .quote-box.quote_video .quote-wrap {
    width: 100%;
    margin: 0;
    padding: 35px 28px;
  }
  .manual-carousel-wrap.quote {
    padding: 0 0 35px;
    border-top: none;
    margin-bottom: 35px;
  }
}

@media (max-width: 639px) {
  .manual-carousel-wrap .quote-box {
    margin-top: 0px;
  }
  .manual-carousel-wrap {
    margin-bottom: 90px;
    padding: 48px 0px 36px;
    gap: 32px;
  }
  /*.posts-carousel-wrap { 
    margin: 0 20px 25px;
  }*/
  .manual-carousel-wrap .header-link h2 {
    font-size: 32px;
    line-height: 40px;
  }
  .manual-carousel-wrap .header-link a,
  .manual-carousel-wrap .progress {
    display: none;
  }
  .manual-carousel-wrap a.view-more.mobile {
    display: initial;
  }
  .manual-carousel .quote-box.quote_headshot .quote-image-wrap, 
  .manual-carousel .quote-box.quote_thumbnail .quote-image-wrap {
    padding: 0;
    width: 100%;
  }
  .manual-carousel-wrap .quote-image-wrap img {
    max-height: 240px;
    width: 100% !important;
    height: 240px !important;
    border-radius: 0 !important;
  }
  .manual-carousel .quote-box.quote_headshot .quote-wrap,
  .manual-carousel .quote-box.quote_thumbnail .quote-wrap {
    width: 100%;
    margin-top: 0;
    padding: 40px 20px 30px;
  }
  .manual-carousel-wrap p {
    line-height: 32px;
  }
  .manual-carousel-wrap .progress {
    display: none;
  }
  .manual-carousel-wrap.standard {
    gap: 40px;
  }
  .manual-carousel-wrap.standard .manual-carousel-item {
    margin-right: 0;
  }
  .manual-carousel-wrap.timeline a.view-more:not(.mobile) {
    padding: 34px 47px;
    border-radius: var(--XXS, 8px);
    font-size: 23px;
    font-weight: 600;
    line-height: 29px;
    transition: var(--transition);
  }
  #resources.manual-carousel-wrap {
    margin-bottom: 30px;
  }
  .manual-carousel-wrap.quote .manual-carousel-item {
    margin-right: 0;
  }
  .manual-carousel-wrap .quote-box .quote p {
    font-size: 16px;
    width: 100%;
    line-height: 28px;
  }
  .manual-carousel-wrap.quote {
    margin-bottom: 0;
  }
  .manual-carousel-wrap .quote-wrap {
    padding: 30px 20px;
  }
}

@media screen and (min-resolution: 2.4dppx) {
  .manual-carousel-wrap.timeline {
    padding-bottom: 5rem;
  }
}