.scrollable_panel {
  background: url("../img/bg-justice.webp") no-repeat #FFF;
  background-size: cover;
  padding: 50px 0;
}
/* Move scrollable section more to the right on medium screens (1080px - 1645px) */
@media screen and (min-width: 1080px) and (max-width: 1645px) {
  .detail-page .container-page.full-width .scrollable_panel {
    /* margin-left: 100px; TOC width + gap */
    padding-top: 0;
    padding-bottom: 50px;
    margin-top: 1em;
  }
  .detail-page .container-page.full-width .scrollable_panel .scrollable_panel_container {
    max-width: 700px; /* Narrower width to push it right */
    margin: 80px auto 80px 400px;
  }
}
.scrollable_panel .scrollable_panel_container {
  background-color: #FFF;
  border-radius: 20px;
  max-width: 915px;
  margin: 0 auto;
  padding: 30px 28px;
}
.scrollable_panel .scrollable_panel_container .content {
  padding-right: 30px;
  max-height: 450px;
  overflow-y: scroll;
  scrollbar-color: rgba(129, 163, 251, 0.6509803922) rgba(85, 129, 241, 0.0705882353);
  font-family: var(--font-body-regular);
}
.scrollable_panel .scrollable_panel_container .content h2, .scrollable_panel .scrollable_panel_container .content h3 {
  color: #5581F1;
  font-size: 30px;
  font-weight: 700;
  letter-spacing: 3px;
  margin-bottom: 16px;
  text-transform: uppercase;
  font-family: var(--font-body);
}
.scrollable_panel .scrollable_panel_container .content p, .scrollable_panel .scrollable_panel_container .content ul {
  color: var(--color-dark-blue);
  font-size: 25px;
  line-height: 120%;
}
.scrollable_panel .scrollable_panel_container .content::-webkit-scrollbar {
  appearance: none;
  width: 6px;
}
.scrollable_panel .scrollable_panel_container .content::-webkit-scrollbar-track {
  background: transparent;
}
.scrollable_panel .scrollable_panel_container .content::-webkit-scrollbar-thumb {
  background-color: #9aa8ff;
  border-radius: 6px;
}
.scrollable_panel .scrollable_panel_container .content::-webkit-scrollbar-button {
  display: none;
}

@media screen and (max-width: 880px) {
  .scrollable_panel .scrollable_panel_container {
    width: 90%;
  }
}
@media screen and (max-width: 600px) {
  .scrollable_panel .scrollable_panel_container .content h2, .scrollable_panel .scrollable_panel_container .content h3 {
    font-size: 18px;
    letter-spacing: normal;
  }
  .scrollable_panel .scrollable_panel_container .content p, .scrollable_panel .scrollable_panel_container .content ul {
    font-size: 18px;
  }
}

/*# sourceMappingURL=scrollable-section.css.map */