/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: May 13 2026 | 06:14:54 */
.title-wrap {
  width: 100%;
  min-width: 0;
}

/* =========================
   Typing Underline
========================= */
.typing-underline {
  --underline-color: #F29140;
  --underline-height: 3px;
  --underline-duration: 800ms;
  --cursor-width: 2px;

  display: inline-block;
  position: relative;
  vertical-align: top;
  text-align: left;
  line-height: 1.1;
  white-space: nowrap; /* desktop single line */
  padding-bottom: 5px;
  max-width: 100%;
  min-width: 0;
}

.typing-underline__reserve {
  display: block;
  visibility: hidden;
  white-space: inherit;
  line-height: inherit;
  pointer-events: none;
  user-select: none;
}

.typing-underline__inner {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  white-space: inherit;
  line-height: inherit;
  max-width: 100%;
  overflow-wrap: break-word;
}

/* caret */
.typing-underline.is-typing .typing-underline__inner::after {
  content: "";
  position: absolute;
  top: 0.08em;
  bottom: 0.08em;
  right: calc(var(--cursor-width) * -1);
  width: var(--cursor-width);
  background: currentColor;
  animation: caretBlink 0.75s step-end infinite;
}

/* underline */
.typing-underline::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 0;
  height: var(--underline-height);
  background: var(--underline-color);
  border-radius: 999px;
}

.typing-underline.is-underlined::after {
  animation: drawUnderline var(--underline-duration) ease forwards;
}

@keyframes caretBlink {
  50% {
    opacity: 0;
  }
}

@keyframes drawUnderline {
  from {
    width: 0;
  }
  to {
    width: 100%;
  }
}

/* reduced motion */
@media (prefers-reduced-motion: reduce) {
  .typing-underline.is-typing .typing-underline__inner::after {
    display: none !important;
    animation: none !important;
  }

  .typing-underline::after {
    animation: none !important;
    width: 100% !important;
  }
}

/* mobile */
@media (max-width: 767px) {
  .typing-underline {
    display: block;
    width: 100%;
    max-width: 100%;
    white-space: normal;
    padding-bottom: 4px;
  }

  .typing-underline__reserve,
  .typing-underline__inner {
    white-space: normal;
    width: 100%;
  }

  .typing-underline.is-typing .typing-underline__inner::after {
    display: none;
  }
}

/* =========================
   Line Animation
========================= */
.line {
  --line-color: #F29140;
  --line-height: 2px;
  --line-duration: 800ms;
  --line-offset: 0.08em;

  display: inline;
  line-height: inherit;
  padding-bottom: var(--line-offset);

  background-image: linear-gradient(var(--line-color), var(--line-color));
  background-repeat: no-repeat;
  background-position: 0 100%;
  background-size: 0 var(--line-height);

  transition: background-size var(--line-duration) ease;

  -webkit-box-decoration-break: clone;
  box-decoration-break: clone;
}

.line.is-visible {
  background-size: 100% var(--line-height);
}

@media (prefers-reduced-motion: reduce) {
  .line {
    transition: none !important;
    background-size: 100% var(--line-height) !important;
  }
}

@media (max-width: 767px) {
  .line {
    --line-height: 3px;
  }
}