a.light {
  color: #f8f9fa;
  transition: ease-in-out all .3s;
}

a.light:hover {
  color: #6c757d;
  transition: ease-in-out all .3s;
}

.content_wrap p a.light:not([class]) {
    text-decoration: underline;
    transition: ease-in-out all .3s;
    color: #f8f9fa;
}

.content_wrap p a.light:not([class]):hover {
    color: #6c757d;
}

/* text module container scroll style */

.scroll_module_container {
  position: relative;
  max-height: 450px;
  overflow-y: auto;
  overflow-x: hidden;
  background: transparent;
  scrollbar-width: thin;
  scrollbar-color: rgba(0, 0, 0, 0.35) transparent;
  scroll-padding-bottom: 60px;
  margin: 20px 0;
  padding: 0 20px;
}


.scroll_module_container::after {
  content: "";
  position: sticky;
  bottom: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 64px;
  pointer-events: none;
  z-index: 5;
  background: linear-gradient(
    to bottom,
    rgba(248, 248, 248, 0) 0%,
    rgba(248, 248, 248, 0.85) 55%,
    #F8F8F8 100%
  );
}

.scroll_module_container::-webkit-scrollbar {
  width: 7px;
}

.scroll_module_container::-webkit-scrollbar-track {
  background: transparent;
}

.scroll_module_container::-webkit-scrollbar-thumb {
  background-color: rgba(0, 0, 0, 0.25);
  border-radius: 999px;
  border: 2px solid #F8F8F8;
}

.scroll_module_container::-webkit-scrollbar-thumb:hover {
  background-color: rgba(0, 0, 0, 0.4);
}