/*** Section Title Styling ***/
.underline-animation-section-title {
  position: relative;
  padding-bottom: 10px;
  display: inline-block;
}

/* Match underline to text width */
.underline-animation-section-title::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 4px;
  left: 0;
  bottom: 0;
  background: var(--secondary);
  border-radius: 2px;
}

/* Animated dot */
.underline-animation-section-title::after {
  content: "";
  position: absolute;
  width: 6px;
  height: 4px;
  bottom: 0;
  background: #ffffff;
  animation: underline-animation-dot-run 3s infinite linear;
}

/* Keyframe to move dot across full width of text */
@keyframes underline-animation-dot-run {
  0% {
    left: 0%;
  }
  50% {
    left: 100%;
  }
  100% {
    left: 0%;
  }
}
/* <div class="underline-animation-section-title">
        <h3 class="text-light mb-0">Get In Touch</h3>
      </div> */