.content-sec .content-sec-inner .content-title-sec .main-subtitle {
        border: 1px solid transparent;
    /* overflow: hidden; */
    position: relative;
    width: fit-content;
    padding-left: 10px;
    border-radius: 0 0 0 3px;
}
.content-sec .content-sec-inner .content-title-sec .main-subtitle::after {
    content: "";
  position: absolute;
  border-radius: 0 0 0 3px;
  top: 0;
  left: 0;
  height: 0;
  width: 0;  
  border: 1px solid var(--color-primary);
  border-top-color: transparent;
  border-right-color: transparent;
  opacity: 0;
  animation: heightSweep 3s ease-in-out infinite,
            widthSweep 3s ease-in-out infinite;
  animation-delay: 3s;
  pointer-events: none;
}

@keyframes heightSweep {
  0% {
    opacity: 0;
    height: 0;
  }
  20% {
    opacity: 1;
    height: 100%;
  }
  50%, 90% {
    opacity: 1;
    height: 100%;
  }
  100% {
    opacity: 0;
    height: 0;
  }
}

@keyframes widthSweep {
  0% {
    opacity: 0;
    width: 0;
  }
  30% {
    opacity: 0.1;
    width: 10%;
  }
  50% {
    opacity: 1;
    width: 100%;
  }
  60% {
    opacity: 0.8;
    width: 80%;
  }
   70% {
    opacity: 0.6;
    width: 60%;
  }
   80% {
    opacity: 0.4;
    width: 40%;
  }
  90%, 100% {
    opacity: 0;
    width: 0;
  }
}