.accordion-highlights {
  position: relative
}
.accordion-highlights::before {
  content: "";
  position: absolute;
  top: 0;
  left: calc((100% - 100vw)/ 2);
  background: #e6e6e6;
  width: 100vw;
  height: 100%;
  z-index: -1
}
.accordion-highlights .highlight-cards-wrapper {
  display: flex;
  gap: 16px
}
@media screen and (max-width:991px) {
  .accordion-highlights .highlight-cards-wrapper {
    flex-direction: column;
    gap: 0;
    border-radius: 8px;
    overflow: hidden
  }
}
.accordion-highlights .highlight-cards-wrapper .highlight-cards {
  position: relative;
  border-radius: 8px;
  overflow: hidden;
  flex-basis: 25%;
  transition: all .3s linear;
  cursor: pointer
}
@media screen and (max-width:991px) {
  .accordion-highlights .highlight-cards-wrapper .highlight-cards {
    border-radius: 0
  }
}
.accordion-highlights .highlight-cards-wrapper .highlight-cards::after {
  content: "";
  background: transparent linear-gradient(180deg,rgba(255,255,255,0) 50%,#112868 75%);
  position: absolute;
  inset: 0;
  height: 100%;
  z-index: 1;
  opacity: 0;
  transition: .3s all ease-out
}
.accordion-highlights .highlight-cards-wrapper .highlight-cards::before {
  content: "\e92e";
  position: absolute;
  top: 18px;
  right: 24px;
  font-family: icomoon,sans-serif;
  font-size: 2rem;
  color: #fff;
  display: none;
  z-index: 2;
  transition: all .2s linear
}
@media screen and (max-width:991px) {
  .accordion-highlights .highlight-cards-wrapper .highlight-cards::before {
    display: inline-block
  }
}
.accordion-highlights .highlight-cards-wrapper .highlight-cards.active {
  flex-basis: 50%
}
.accordion-highlights .highlight-cards-wrapper .highlight-cards.active .content-box {
  opacity: 1;
  transition: all .3s ease-in .3s
}
@media screen and (max-width:991px) {
  .accordion-highlights .highlight-cards-wrapper .highlight-cards.active .content-box {
    transition-delay: unset
  }
}
@media screen and (max-width:991px) {
  .accordion-highlights .highlight-cards-wrapper .highlight-cards.active::before {
    transform: rotate(180deg)
  }
}
@media screen and (max-width:767px) {
  .accordion-highlights .highlight-cards-wrapper .highlight-cards.active img {
    height: 300px
  }
}
@media screen and (max-width:575px) {
  .accordion-highlights .highlight-cards-wrapper .highlight-cards.active img {
    height: 400px
  }
}
.accordion-highlights .highlight-cards-wrapper .highlight-cards.active::after {
  opacity: .8
}
.accordion-highlights .highlight-cards-wrapper .highlight-cards img {
  width: 100%;
  height: 420px;
  object-fit: cover;
  border-radius: 0
}
@media screen and (max-width:1400px) {
  .accordion-highlights .highlight-cards-wrapper .highlight-cards img {
    height: 360px
  }
}
@media screen and (max-width:1199px) {
  .accordion-highlights .highlight-cards-wrapper .highlight-cards img {
    height: 300px
  }
}
@media screen and (max-width:991px) {
  .accordion-highlights .highlight-cards-wrapper .highlight-cards img {
    height: 260px
  }
}
@media screen and (max-width:767px) {
  .accordion-highlights .highlight-cards-wrapper .highlight-cards img {
    height: 180px
  }
}
.accordion-highlights .highlight-cards-wrapper .highlight-cards .content-box {
  padding: 24px 66px 24px 24px;
  position: absolute;
  z-index: 2;
  bottom: 0;
  left: 0;
  width: 100%;
  height: auto;
  opacity: 0;
  transition: .1s all ease-out;
  color: #fff
}
.accordion-highlights .highlight-cards-wrapper .highlight-cards .content-box .content-box-inner {
  display: flex;
  flex-direction: column;
  position: relative
}
.accordion-highlights .highlight-cards-wrapper .highlight-cards .content-box .content-box-inner .desc p {
  margin: 0;
  font-size: 1.0625rem;
  font-weight: 22px
}
.accordion-highlights .highlight-cards-wrapper .highlight-cards .content-box h3 {
  font-size: 1.9375rem;
  line-height: 37px
}
@media screen and (max-width:991px) {
  .accordion-highlights .highlight-cards-wrapper .highlight-cards .content-box h3 {
    font-size: 1.5rem;
    line-height: 28px
  }
}
@media screen and (max-width:767px) {
  .accordion-highlights .highlight-cards-wrapper .highlight-cards .content-box h3 {
    font-size: 1.25rem;
    line-height: 26px
  }
}
.accordion-highlights .highlight-cards-wrapper .highlight-cards .right-arrow-buttons {
  background-color: transparent;
  border: 1px solid #fff;
  position: absolute;
  bottom: 32px;
  right: 24px;
  z-index: 5
}
.accordion-highlights .highlight-cards-wrapper .highlight-cards .right-arrow-buttons::after {
  filter: brightness(0) invert(1)
}
@media screen and (max-width:991px) {
  .accordion-highlights .highlight-cards-wrapper .highlight-cards .right-arrow-buttons {
    bottom: 24px
  }
}
.accordion-highlights.csr-highlights {
  position: relative
}
.accordion-highlights.csr-highlights::before {
  content: "";
  position: absolute;
  top: 0;
  left: calc((100% - 100vw)/ 2);
  background: #112868;
  width: 100vw;
  height: 100%;
  z-index: -1
}
.accordion-highlights.csr-highlights .title {
  color: #fff!important
}
.accordion-highlights.light::before {
  background: #fff
}
.accordion-highlights.light .title {
  color: #112868!important
}