.text-gold {
    color: #FFAD49!important;
}

.loader {
    position: fixed;
    top: 0;
    left: 0;
    height: 2px;
    width: 100%;
    --c:no-repeat linear-gradient(#f88800 0 0);
    background: var(--c),var(--c),transparent;
    background-size: 60% 100%;
    animation: l16 3s infinite;
    z-index: 9999; /* Ensure it's on top of other content */
  }
  
  .loading-loader {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    min-height: 120px;
    padding: 20px 0;
  }
  
  .loading-loader .loading-text {
    color: #fff;
    font-weight: bold;
    font-size: 1.2em;
    text-shadow: 0 0 4px #f88800;
    letter-spacing: 2px;
  }
  
  @keyframes l16 {
    0%   {background-position:-150% 0,-150% 0}
    66%  {background-position: 250% 0,-150% 0}
    100% {background-position: 250% 0, 250% 0}
  }