h4 span {
  color: #bd53ed;
  position: relative;
}
h4 span::before {
  content: "";
  height: 50px;
  width: 4px;
  position: absolute;
  top: 40%;
  right: -8px;
  background: #bd53ed;
  transform: translateY(-45%);
  animation: blink 0.7s infinite;
}
h4 span.stop-blinking::before {
  animation: none;
}
@keyframes blink {
  50% {
    opacity: 0;
  }
}

@media screen and (max-width: 500px) {
  h4 span::before {
    height: 25px;
  }
}
.justify-text {
  text-align: justify;
}
.dropdown-menu {
    opacity: 0;
    transform: translateY(1rem);
    transition: opacity 0.3s ease, transform 0.3s ease;
  }
  
  .dropdown-menu.show-menu {
    opacity: 1;
    transform: translateY(0);
  }