.component.highlight-cards:has(.story-section) {
  position: relative;
}

/**FINAL CHANGE**/
.story-section {
  padding: 120px 0 110px;
  background-color: #82C8BE !important;
  position: relative;
}
@media (max-width: 767px) {
  .story-section .container {
    padding-right: 15px;
  }
}
@media (max-width: 767px) {
  .story-section {
    padding: 80px 0 0;
  }
}
.story-section .row > .col-sm-6:nth-of-type(2) .story-box {
  margin-left: auto;
}
.story-section .story-box {
  max-width: 484px;
}
@media (max-width: 820px) {
  .story-section .story-box {
    margin-bottom: 70px;
    max-width: 100%;
  }
}
@media (max-width: 767px) {
  .story-section .story-box {
    transform: translateX(-390px);
  }
}
.story-section .story-box .btn-learn-light {
  font-size: 2.5rem;
  line-height: 32px;
  font-family: "roobert_light";
}
.story-section .story-box .story-img {
  width: 100%;
  height: 311px;
}
.story-section .story-box .story-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
@media (max-width: 767px) {
  .story-section .story-box .story-img {
    width: 100%;
    height: 345px;
  }
  .story-section .story-box .story-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
}
.story-section .story-box .story-title {
  font-size: 4.375rem;
  line-height: 42px;
  color: #243508;
  font-family: "roobert_medium";
  /**change story**/
  margin-top: 32px;
  margin-bottom: 16px;
  font-weight: 500;
}
@media (max-width: 991px) {
  .story-section .story-box .story-title {
    margin-top: 20px;
    margin-bottom: 24px;
    font-size: 3.375rem;
    line-height: 35px;
  }
}
@media (max-width: 767px) {
  .story-section .story-box .story-title {
    font-size: 4.375rem;
    line-height: 42px;
  }
}
.story-section .story-box .story-description {
  font-size: 2.4rem;
  line-height: 23px;
  font-family: "roobert_regular";
  color: #243508;
  margin-bottom: 20px;
}
@media (max-width: 767px) {
  .story-section .story-box .story-description {
    margin-bottom: 40px;
    font-size: 2.4375rem;
  }
}
.story-section .btn-learn-dark a:hover::after,
.story-section .btn-learn-light a:hover::after {
  background-image: url("/-/media/themes/hoganlovells/site-theme-name/images/Common/cta-transform-arrow.svg");
}
.story-section .btn-learn-light a:after {
  background-image: url("/-/media/themes/hoganlovells/site-theme-name/images/Common/cta-transform-arrow.svg");
}
.story-section.bg_grey {
  background: rgba(226, 214, 207, 0.4);
}
.story-section.dark_green {
  background: #243508;
}
.story-section.dark_green .story-box .story-title {
  color: #bff355;
}
.story-section.dark_green .story-box .story-description {
  color: #fff;
}
.story-section.bg_green {
  background: #bff355;
}
.story-section.bg_green .btn-learn-light a {
  border: 2px solid #243508;
}

.left-animation {
  animation: slideLeft 1s forwards;
}

@keyframes slideLeft {
  from {
    transform: translateX(-390px);
    opacity: 0;
  }
  to {
    transform: translateX(0);
    opacity: 1;
  }
}
.on-page-editor [data-aos^=fade][data-aos^=fade],
.on-page-editor [data-aos^=fade][data-aos^=fade] {
  opacity: 1 !important;
  transform: unset !important; /**change**/
}
.on-page-editor .btn-learn-light span {
  margin-bottom: 0 !important;
}

/**changes**/