.hero-brand{
  position:relative!important;
  display:inline-block!important;
}

.hero-brand::after{
  content:""!important;
  position:absolute!important;
  left:50%!important;
  bottom:-12px!important;
  width:86%!important;
  height:2px!important;
  transform:translateX(-50%) scaleX(.55)!important;
  transform-origin:center!important;
  border-radius:999px!important;
  background:linear-gradient(90deg,transparent,#2fffe6 15%,#8ffff6 50%,#2fffe6 85%,transparent)!important;
  box-shadow:0 0 12px rgba(47,255,230,.75),0 0 26px rgba(47,255,230,.45)!important;
  animation:vexonHeroLineBreath 7s ease-in-out infinite!important;
}

.hero-brand::before{
  content:""!important;
  position:absolute!important;
  left:50%!important;
  bottom:-25px!important;
  width:70%!important;
  height:36px!important;
  transform:translateX(-50%) scale(.85)!important;
  background:radial-gradient(ellipse at center,rgba(47,255,230,.55) 0%,rgba(47,255,230,.20) 38%,rgba(47,255,230,0) 75%)!important;
  filter:blur(14px)!important;
  animation:vexonHeroGlowBreath 7s ease-in-out infinite!important;
  pointer-events:none!important;
}

@keyframes vexonHeroLineBreath{
  0%{transform:translateX(-50%) scaleX(.55)!important;opacity:.42!important;}
  50%{transform:translateX(-50%) scaleX(1)!important;opacity:1!important;}
  100%{transform:translateX(-50%) scaleX(.55)!important;opacity:.42!important;}
}

@keyframes vexonHeroGlowBreath{
  0%{transform:translateX(-50%) scale(.85)!important;opacity:.32!important;}
  50%{transform:translateX(-50%) scale(1.22)!important;opacity:1!important;}
  100%{transform:translateX(-50%) scale(.85)!important;opacity:.32!important;}
}

@media(max-width:768px){
  .hero-brand::after{
    width:88%!important;
    bottom:-10px!important;
    animation-duration:8s!important;
  }

  .hero-brand::before{
    width:74%!important;
    height:34px!important;
    bottom:-23px!important;
    animation-duration:8s!important;
  }
}