.learn_courses_accordion_component,
.scrollable-accordion {
  position: relative;
  min-height: auto;
  padding: 60px 17px 60px 15px;
}
@media only screen and (min-width: 768px) {
  .learn_courses_accordion_component,
  .scrollable-accordion {
    height: auto;
    padding: 120px 0 143px;
    padding-bottom: 73px;
  }
}
.learn_courses_accordion_component picture img,
.scrollable-accordion picture img {
  -moz-object-fit: cover;
  -o-object-fit: cover;
  -webkit-object-fit: cover;
  object-fit: cover;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  filter: brightness(0.6);
}
.learn_courses_accordion_component h2,
.scrollable-accordion h2 {
  font-size: 3.75rem;
  line-height: 4.5rem;
  margin-bottom: 30px;
  font-family: "roobert_regular";
  color: #fff;
  -webkit-overflow-wrap: anywhere;
  overflow-wrap: anywhere;
}
@media only screen and (min-width: 768px) {
  .learn_courses_accordion_component h2,
  .scrollable-accordion h2 {
    font-size: 4.375rem;
    margin-bottom: 28px;
  }
}
.learn_courses_accordion_component .accordion_wrapper,
.scrollable-accordion .accordion_wrapper {
  width: 100%;
  height: auto;
  overflow-y: auto;
}
@media only screen and (min-width: 768px) {
  .learn_courses_accordion_component .accordion_wrapper,
  .scrollable-accordion .accordion_wrapper {
    max-width: 585px;
    height: auto;
  }
}
.learn_courses_accordion_component .accordion_wrapper .learn_courses_ac_item,
.scrollable-accordion .accordion_wrapper .learn_courses_ac_item {
  border-bottom: 1px solid #fff;
  padding: 30px 0;
}
@media only screen and (min-width: 768px) {
  .learn_courses_accordion_component .accordion_wrapper .learn_courses_ac_item,
  .scrollable-accordion .accordion_wrapper .learn_courses_ac_item {
    padding: 36px 0;
  }
}
.learn_courses_accordion_component .accordion_wrapper .learn_courses_ac_item .ac_content,
.scrollable-accordion .accordion_wrapper .learn_courses_ac_item .ac_content {
  display: none;
}
.learn_courses_accordion_component .accordion_wrapper .learn_courses_ac_item .ac_content .cta-fill-arrow,
.scrollable-accordion .accordion_wrapper .learn_courses_ac_item .ac_content .cta-fill-arrow {
  margin-top: 30px;
}
.learn_courses_accordion_component .accordion_wrapper .learn_courses_ac_item .ac_content .cta-fill-arrow span:not([scfieldtype]),
.scrollable-accordion .accordion_wrapper .learn_courses_ac_item .ac_content .cta-fill-arrow span:not([scfieldtype]) {
  min-height: 50px;
  height: auto;
  overflow-wrap: anywhere;
  filter: brightness(1);
}
@media only screen and (min-width: 360px) and (max-width: 410px) {
  .learn_courses_accordion_component .accordion_wrapper .learn_courses_ac_item .ac_content .cta-fill-arrow span:not([scfieldtype]),
  .scrollable-accordion .accordion_wrapper .learn_courses_ac_item .ac_content .cta-fill-arrow span:not([scfieldtype]) {
    max-width: 240px;
  }
}
@media only screen and (min-width: 411px) and (max-width: 576px) {
  .learn_courses_accordion_component .accordion_wrapper .learn_courses_ac_item .ac_content .cta-fill-arrow span:not([scfieldtype]),
  .scrollable-accordion .accordion_wrapper .learn_courses_ac_item .ac_content .cta-fill-arrow span:not([scfieldtype]) {
    max-width: 300px;
  }
}
@media only screen and (min-width: 578px) and (max-width: 768px) {
  .learn_courses_accordion_component .accordion_wrapper .learn_courses_ac_item .ac_content .cta-fill-arrow span:not([scfieldtype]),
  .scrollable-accordion .accordion_wrapper .learn_courses_ac_item .ac_content .cta-fill-arrow span:not([scfieldtype]) {
    max-width: 340px;
  }
}
@media only screen and (min-width: 768px) {
  .learn_courses_accordion_component .accordion_wrapper .learn_courses_ac_item .ac_content .cta-fill-arrow span:not([scfieldtype]),
  .scrollable-accordion .accordion_wrapper .learn_courses_ac_item .ac_content .cta-fill-arrow span:not([scfieldtype]) {
    max-width: 480px;
  }
}
.learn_courses_accordion_component .accordion_wrapper .learn_courses_ac_item .ac_content,
.scrollable-accordion .accordion_wrapper .learn_courses_ac_item .ac_content {
  display: none;
}
.learn_courses_accordion_component .accordion_wrapper .learn_courses_ac_item h3,
.scrollable-accordion .accordion_wrapper .learn_courses_ac_item h3 {
  font-size: 4.5rem;
  line-height: 5.375rem;
  margin-bottom: 18px;
  font-family: "roobert_medium";
  color: #fff;
  margin: 0;
  padding-right: 55px;
  word-break: break-all;
  -webkit-overflow-wrap: anywhere;
  overflow-wrap: anywhere;
}
@media only screen and (min-width: 768px) {
  .learn_courses_accordion_component .accordion_wrapper .learn_courses_ac_item h3,
  .scrollable-accordion .accordion_wrapper .learn_courses_ac_item h3 {
    font-size: 4.375rem;
    line-height: 4.375rem;
    margin-bottom: 19px;
  }
}
.learn_courses_accordion_component .accordion_wrapper .learn_courses_ac_item h3 button,
.scrollable-accordion .accordion_wrapper .learn_courses_ac_item h3 button {
  text-align: left;
  background: none;
  color: inherit;
  border: none;
  padding: 0;
  font: inherit;
  cursor: pointer;
  outline: inherit;
  cursor: pointer;
  width: 100%;
  height: 100%;
  display: block;
  word-break: break-all;
  -webkit-overflow-wrap: anywhere;
  overflow-wrap: anywhere;
  -ms-word-break: break-all;
  word-break: break-all;
  word-break: break-word;
  width: 100%;
}
.learn_courses_accordion_component .accordion_wrapper .learn_courses_ac_item .ac_heading,
.scrollable-accordion .accordion_wrapper .learn_courses_ac_item .ac_heading {
  position: relative;
  min-height: 50px;
}
.learn_courses_accordion_component .accordion_wrapper .learn_courses_ac_item .ac_heading.ac_heading_active h3,
.scrollable-accordion .accordion_wrapper .learn_courses_ac_item .ac_heading.ac_heading_active h3 {
  color: #bff355;
}
.learn_courses_accordion_component .accordion_wrapper .learn_courses_ac_item .ac_heading .icons,
.scrollable-accordion .accordion_wrapper .learn_courses_ac_item .ac_heading .icons {
  right: 0px;
  height: 50px;
  width: 50px;
  border: 2px solid #bff355;
  transition: all 0.2s ease;
  position: absolute;
  top: 0;
  cursor: pointer;
}
.learn_courses_accordion_component .accordion_wrapper .learn_courses_ac_item .ac_heading .icons span,
.scrollable-accordion .accordion_wrapper .learn_courses_ac_item .ac_heading .icons span {
  display: block;
  height: 18px;
  width: 18px;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -9px;
  margin-top: -9px;
}
.learn_courses_accordion_component .accordion_wrapper .learn_courses_ac_item .ac_heading .open_icon,
.scrollable-accordion .accordion_wrapper .learn_courses_ac_item .ac_heading .open_icon {
  background-image: url("/-/media/Themes/HoganLovells/site-theme-name/images/Common/video-close.svg");
  cursor: pointer;
  transform: rotate(45deg);
  transition: transform 0.3s;
  /* Smooth rotation transition */
}
.learn_courses_accordion_component .accordion_wrapper .learn_courses_ac_item .ac_heading .open_icon.rotate,
.scrollable-accordion .accordion_wrapper .learn_courses_ac_item .ac_heading .open_icon.rotate {
  transform: rotate(0deg);
}
.learn_courses_accordion_component .accordion_wrapper .learn_courses_ac_item .ac_heading .custom_icon,
.scrollable-accordion .accordion_wrapper .learn_courses_ac_item .ac_heading .custom_icon {
  right: 20px;
  transition: all 0.5s;
}
.learn_courses_accordion_component .accordion_wrapper .learn_courses_ac_item .ac_content,
.scrollable-accordion .accordion_wrapper .learn_courses_ac_item .ac_content {
  padding-top: 19px;
}
.learn_courses_accordion_component .accordion_wrapper .learn_courses_ac_item .ac_content p,
.scrollable-accordion .accordion_wrapper .learn_courses_ac_item .ac_content p {
  font-size: 2.625rem;
  line-height: 3.875rem;
  margin-bottom: 19px;
  font-family: "roobert_medium";
  color: #fff;
  margin-bottom: 26px;
  -webkit-overflow-wrap: anywhere;
  overflow-wrap: anywhere;
}
@media only screen and (min-width: 992px) {
  .learn_courses_accordion_component .accordion_wrapper .learn_courses_ac_item .ac_content p,
  .scrollable-accordion .accordion_wrapper .learn_courses_ac_item .ac_content p {
    font-size: 3.375rem;
    line-height: 4.625rem;
    margin-bottom: 70px;
  }
}
.learn_courses_accordion_component .accordion_wrapper .learn_courses_ac_item .ac_content p:last-child,
.scrollable-accordion .accordion_wrapper .learn_courses_ac_item .ac_content p:last-child {
  margin-bottom: 0;
}

.on-page-editor .learn_courses_ac_item .scWebEditInput {
  font-size: 2.625rem;
  line-height: 3.875rem;
}

.learn_courses_accordion .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.cultural_accordion .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 6px;
  color: rgba(255, 255, 255, 0.4);
  opacity: 1;
}
.learn_courses_accordion .mCSB_scrollTools .mCSB_draggerRail,
.cultural_accordion .mCSB_scrollTools .mCSB_draggerRail {
  width: 6px;
  color: rgba(255, 255, 255, 0.2);
}

.learn_courses_accordion .mCSB_scrollTools_vertical {
  margin: 30px 0 0;
}
@media only screen and (min-width: 768px) {
  .learn_courses_accordion .mCSB_scrollTools_vertical {
    margin: 36px 0 0;
  }
}
@media (max-width: 767px) {
  .learn_courses_accordion .scroll-content {
    margin-right: 0;
  }
}

@media only screen and (min-width: 0) and (max-width: 991px) {
  .sxa-slide-module-slider.slider-wrapper .slick-track .slick-item.slick-active:before {
    display: block !important;
    background-color: rgb(0, 0, 0);
    opacity: 0.4;
    -moz-transition: opacity 0.3s ease-in-out;
    -o-transition: opacity 0.3s ease-in-out;
    -webkit-transition: opacity 0.3s ease-in-out;
    transition: opacity 0.3s ease-in-out;
    left: 0;
    top: 0;
  }
}