/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Jun 06 2025 | 10:51:56 */
.animated-line-pattern {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 20px;
}

.animated-line-pattern .line {
  height: 2px;
  background: #000; /* black line */
  width: 0;
  transition: width 0.3s;
}

.animated-line-pattern .line.short {
  animation: growShort 1s forwards;
}

.animated-line-pattern .line.long {
  animation: growLong 1.2s forwards;
}

.animated-line-pattern .dot {
  width: 10px;
  height: 10px;
  background: #e60000; /* red dot */
  border-radius: 50%;
  margin: 0 10px;
  opacity: 0;
  animation: fadeDot 0.8s forwards;
  animation-delay: 1s;
}

@keyframes growShort {
  from { width: 0; }
  to { width: 95px; } /* short line */
}

@keyframes growLong {
  from { width: 0; }
  to { width: 360px; } /* long line */
}

@keyframes fadeDot {
  to { opacity: 1; }
}