.slider-left {
    overflow: hidden;
    cursor: default;
  }

  .marquee-track {
    display: flex;
    width: max-content;
    animation: marquee-scroll 30s linear infinite;
  }

  .marquee-track .slides-wrapper-copy {
    display: flex;
    flex-shrink: 0;
  }

  @keyframes marquee-scroll {
    0%   { transform: translateX(0); }
    100% { transform: translateX(-50%); }
  }

  /* Pause on card hover */
  .slider-left:hover .marquee-track {
    animation-play-state: paused;
  }


   /* marquee text style */
  .text-marquee-div {
    position: relative;
    overflow: hidden;
    height: 1.2em; /* shows exactly one line */
    line-height: 1.2em;
  }

  .text-marquee-div > div {
    position: absolute;
    width: 100%;
    top: 100%;
    opacity: 0;
    transition:
      top 0.55s cubic-bezier(0.22, 1, 0.36, 1),
      opacity 0.55s ease;
  }

  .text-marquee-div > div.active {
    top: 0%;
    opacity: 1;
  }

  .text-marquee-div > div.exit {
    top: -100%;
    opacity: 0;
  }


  
  :root { --ua-cur-border:#ececec; --ua-cur-text:#1f1f1f; --ua-cur-bg:#ffffff; --ua-cur-accent:#ff691f; --ua-shadow:0 6px 18px rgba(0,0,0,.08); --ua-cur-hover:#f7f7f7; }
  .ua-cur { position:relative; display:inline-flex; align-items:center; font-family:'Plus Jakarta Sans', ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif; }
  .ua-cur-btn {
    display:inline-flex; align-items:center; justify-content:center; gap:0;
    width:48px; height:48px; padding:0; border-radius:999px; box-sizing:border-box;
    border:1px solid var(--ua-cur-border); background:var(--ua-cur-bg); color:var(--ua-cur-text);
    cursor:pointer; transition: box-shadow .2s ease, transform .1s ease; user-select:none;
    font-size:14px; font-weight:500; line-height:1;
  }
  .ua-cur-sym { font-weight:700; }
  .ua-cur-code { display:none; }
  .ua-cur-btn:hover { box-shadow: var(--ua-shadow); }
  .ua-cur-btn:focus { outline:2px solid var(--ua-cur-accent); outline-offset:2px; }

  .ua-cur-menu {
    position:absolute; top:56px; right:0; min-width:200px; padding:8px; border:1px solid var(--ua-cur-border);
    background:var(--ua-cur-bg); border-radius:10px; box-shadow: var(--ua-shadow);
    display:none; z-index:1000;
  }
  .ua-cur.open .ua-cur-menu { display:block; }
  .ua-cur-item {
    display:flex; align-items:center; justify-content:space-between; width:100%; padding:10px 12px; border-radius:8px; cursor:pointer;
    color:var(--ua-cur-text); background:transparent; border:none; text-align:left; font-weight:500; font-size:14px;
  }
  .ua-cur-item:hover { background:var(--ua-cur-hover); }
  .ua-cur-item.selected { background:#fff2e9; box-shadow: inset 0 0 0 1px var(--ua-cur-accent); }
  .ua-item-left { display:flex; align-items:center; gap:8px; }
  .ua-item-left .ua-sym { font-weight:700; }
  .ua-item-left .ua-code { font-weight:500; }

  @media (max-width:560px){ .ua-cur-btn{ height:44px; } .ua-cur-menu{ right:auto; left:0; } }


.audio-player {
  background: linear-gradient(135deg, #ff6a00, #ff3d00);
  border-radius: 60px;
  padding: 14px 22px;
  display: flex;
  align-items: center;
  gap: 18px;
  width: 100%;
  max-width: 600px;
  box-shadow: 0 6px 18px rgba(0,0,0,0.15);
  transition: transform 0.2s ease;
}

.audio-player:hover {
  transform: translateY(-2px);
}

/* Play Button */
.play-btn {
  background: white;
  border: none;
  border-radius: 50%;
  width: 38px;
  height: 38px;
  cursor: pointer;
  position: relative;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* Play icon */
.play-btn::before {
  content: "";
  width: 0;
  height: 0;
  border-left: 16px solid #ff5a00;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  margin-left: 4px;
}

/* Pause icon */
.play-btn.pause::before {
  content: "";
  width: 16px;
  height: 16px;
  background: linear-gradient(
    to right,
    #ff5a00 0%,
    #ff5a00 40%,
    transparent 40%,
    transparent 60%,
    #ff5a00 60%,
    #ff5a00 100%
  );
  border: none;
  margin-left: 0;
}

/* Wave Bars */
.wave {
  flex-grow: 1;
  height: 30px;
  background: repeating-linear-gradient(
    90deg,
    rgba(255,255,255,0.9),
    rgba(255,255,255,0.9) 3px,
    transparent 4px,
    transparent 8px
  );
  border-radius: 12px;
  opacity: 0.9;
}

/* Animated wave */
.wave.animate {
  animation: waveMove 1.2s linear infinite;
}

@keyframes waveMove {
  from { background-position: 0; }
  to { background-position: 120px; }
}

/* ========================= */
/*        TABLET             */
/* ========================= */
@media (max-width: 992px) {
  .audio-player {
    padding: 12px 18px;
    border-radius: 50px;
    gap: 14px;
  }

  .play-btn {
    width: 34px;
    height: 34px;
  }

  .wave {
    height: 26px;
  }
}

/* ========================= */
/*        MOBILE             */
/* ========================= */
@media (max-width: 600px) {
  .audio-player {
    padding: 10px 14px;
    border-radius: 40px;
    gap: 10px;
  }

  .play-btn {
    width: 30px;
    height: 30px;
  }

  .play-btn::before {
    border-left: 12px solid #ff5a00;
    border-top: 8px solid transparent;
    border-bottom: 8px solid transparent;
  }

  .play-btn.pause::before {
    width: 12px;
    height: 12px;
  }

  .wave {
    height: 20px;
    background: repeating-linear-gradient(
      90deg,
      rgba(255,255,255,0.9),
      rgba(255,255,255,0.9) 2px,
      transparent 3px,
      transparent 6px
    );
  }
}

/* ========================= */
/*     EXTRA SMALL DEVICES   */
/* ========================= */
@media (max-width: 400px) {
  .audio-player {
    padding: 8px 12px;
    gap: 8px;
  }

  .wave {
    height: 16px;
  }
}


.audio-player {
  background: linear-gradient(135deg, #ff6a00, #ff3d00);
  border-radius: 60px;
  padding: 14px 22px;
  display: flex;
  align-items: center;
  gap: 18px;
  width: 100%;
  max-width: 600px;
  box-shadow: 0 6px 18px rgba(0,0,0,0.15);
  transition: transform 0.2s ease;
}

.audio-player:hover {
  transform: translateY(-2px);
}

/* Play Button */
.play-btn {
  background: white;
  border: none;
  border-radius: 50%;
  width: 38px;
  height: 38px;
  cursor: pointer;
  position: relative;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* Play icon */
.play-btn::before {
  content: "";
  width: 0;
  height: 0;
  border-left: 16px solid #ff5a00;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  margin-left: 4px;
}

/* Pause icon */
.play-btn.pause::before {
  content: "";
  width: 16px;
  height: 16px;
  background: linear-gradient(
    to right,
    #ff5a00 0%,
    #ff5a00 40%,
    transparent 40%,
    transparent 60%,
    #ff5a00 60%,
    #ff5a00 100%
  );
  border: none;
  margin-left: 0;
}

/* Wave Bars */
.wave {
  flex-grow: 1;
  height: 30px;
  background: repeating-linear-gradient(
    90deg,
    rgba(255,255,255,0.9),
    rgba(255,255,255,0.9) 3px,
    transparent 4px,
    transparent 8px
  );
  border-radius: 12px;
  opacity: 0.9;
}

/* Animated wave */
.wave.animate {
  animation: waveMove 1.2s linear infinite;
}

@keyframes waveMove {
  from { background-position: 0; }
  to { background-position: 120px; }
}

/* ========================= */
/*        TABLET             */
/* ========================= */
@media (max-width: 992px) {
  .audio-player {
    padding: 12px 18px;
    border-radius: 50px;
    gap: 14px;
  }

  .play-btn {
    width: 34px;
    height: 34px;
  }

  .wave {
    height: 26px;
  }
}

/* ========================= */
/*        MOBILE             */
/* ========================= */
@media (max-width: 600px) {
  .audio-player {
    padding: 10px 14px;
    border-radius: 40px;
    gap: 10px;
  }

  .play-btn {
    width: 30px;
    height: 30px;
  }

  .play-btn::before {
    border-left: 12px solid #ff5a00;
    border-top: 8px solid transparent;
    border-bottom: 8px solid transparent;
  }

  .play-btn.pause::before {
    width: 12px;
    height: 12px;
  }

  .wave {
    height: 20px;
    background: repeating-linear-gradient(
      90deg,
      rgba(255,255,255,0.9),
      rgba(255,255,255,0.9) 2px,
      transparent 3px,
      transparent 6px
    );
  }
}

/* ========================= */
/*     EXTRA SMALL DEVICES   */
/* ========================= */
@media (max-width: 400px) {
  .audio-player {
    padding: 8px 12px;
    gap: 8px;
  }

  .wave {
    height: 16px;
  }
}


.audio-player {
  background: linear-gradient(135deg, #ff6a00, #ff3d00);
  border-radius: 60px;
  padding: 14px 22px;
  display: flex;
  align-items: center;
  gap: 18px;
  width: 100%;
  max-width: 600px;
  box-shadow: 0 6px 18px rgba(0,0,0,0.15);
  transition: transform 0.2s ease;
}

.audio-player:hover {
  transform: translateY(-2px);
}

/* Play Button */
.play-btn {
  background: white;
  border: none;
  border-radius: 50%;
  width: 38px;
  height: 38px;
  cursor: pointer;
  position: relative;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* Play icon */
.play-btn::before {
  content: "";
  width: 0;
  height: 0;
  border-left: 16px solid #ff5a00;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  margin-left: 4px;
}

/* Pause icon */
.play-btn.pause::before {
  content: "";
  width: 16px;
  height: 16px;
  background: linear-gradient(
    to right,
    #ff5a00 0%,
    #ff5a00 40%,
    transparent 40%,
    transparent 60%,
    #ff5a00 60%,
    #ff5a00 100%
  );
  border: none;
  margin-left: 0;
}

/* Wave Bars */
.wave {
  flex-grow: 1;
  height: 30px;
  background: repeating-linear-gradient(
    90deg,
    rgba(255,255,255,0.9),
    rgba(255,255,255,0.9) 3px,
    transparent 4px,
    transparent 8px
  );
  border-radius: 12px;
  opacity: 0.9;
}

/* Animated wave */
.wave.animate {
  animation: waveMove 1.2s linear infinite;
}

@keyframes waveMove {
  from { background-position: 0; }
  to { background-position: 120px; }
}

/* ========================= */
/*        TABLET             */
/* ========================= */
@media (max-width: 992px) {
  .audio-player {
    padding: 12px 18px;
    border-radius: 50px;
    gap: 14px;
  }

  .play-btn {
    width: 34px;
    height: 34px;
  }

  .wave {
    height: 26px;
  }
}

/* ========================= */
/*        MOBILE             */
/* ========================= */
@media (max-width: 600px) {
  .audio-player {
    padding: 10px 14px;
    border-radius: 40px;
    gap: 10px;
  }

  .play-btn {
    width: 30px;
    height: 30px;
  }

  .play-btn::before {
    border-left: 12px solid #ff5a00;
    border-top: 8px solid transparent;
    border-bottom: 8px solid transparent;
  }

  .play-btn.pause::before {
    width: 12px;
    height: 12px;
  }

  .wave {
    height: 20px;
    background: repeating-linear-gradient(
      90deg,
      rgba(255,255,255,0.9),
      rgba(255,255,255,0.9) 2px,
      transparent 3px,
      transparent 6px
    );
  }
}

/* ========================= */
/*     EXTRA SMALL DEVICES   */
/* ========================= */
@media (max-width: 400px) {
  .audio-player {
    padding: 8px 12px;
    gap: 8px;
  }

  .wave {
    height: 16px;
  }
}


  .ticker-wrapper {
    overflow: hidden;
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 16px; /* gap between the two rows — adjust as needed */
  }

  .ticker-content {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    width: max-content;
    will-change: transform;
  }

  .ticker-content .div-block {
    flex-shrink: 0;
  }