/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Oct 26 2025 | 02:12:20 */
.section-title {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  position: relative;
}

.section-title .section-title-main {
  font-size: clamp(28px, 2.8vw, 42px);
  text-transform: uppercase;
  letter-spacing: 0.08em;
  font-weight: 900;
  color: var(--fs-color-secondary);
  position: relative;
  padding: 0 20px;
  transition: color 0.3s ease;
}

/* decorative lines before and after */
.section-title b[aria-hidden="true"] {
  flex: 1;
  height: 3px;
  background: linear-gradient(
    to right,
    transparent 0%,
    var(--fs-color-primary) 40%,
    var(--fs-color-primary) 60%,
    transparent 100%
  );
  border-radius: 2px;
  opacity: 0.9;
  transition: background 0.3s ease;
}

/* on hover: swap left/right line gradients */
.section-title:hover b[aria-hidden="true"]:first-of-type {
  background: linear-gradient(
    to right,
    transparent 0%,
    var(--fs-color-secondary) 40%,
    var(--fs-color-secondary) 60%,
    transparent 100%
  );
}

.section-title:hover b[aria-hidden="true"]:last-of-type {
  background: linear-gradient(
    to right,
    transparent 0%,
    var(--fs-color-secondary) 40%,
    var(--fs-color-secondary) 60%,
    transparent 100%
  );
}