@charset "utf-8";

/* Main container */
.latest-marquee {
  display: flex;
  align-items: center;
  gap: 10px;
}

/* Label */
.latest-div {
  background: #2986cc;
  color: #fff;
  padding: 6px 14px;
  border-radius: 4px;
  font-weight: 600;
  display: flex;
  align-items: center;
  height: 40px;margin:0px;
}

/* Ticker box */
.ticker__viewport {
  overflow: hidden;
  flex: 1;
  background: #fff;
  height: 40px;
  display: flex;
  align-items: center;
}

/* Moving list */

/* Items */
.ticker__item {
  padding: 0 9px;
  white-space: nowrap;
}

/* Links */
.ticker__item a {
  text-decoration: none;
  color: #000;
  font-weight: 500;
}

.ticker__item a:hover {
  color: #06296e;
}

/* Arrow */
.ticker__item::before {
  content: "»";
  color: gold;
  margin-right: 8px;
}

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

/* Pause on hover */
.ticker__viewport:hover .ticker__list {
  animation-play-state: paused;
}
/* 💻 Tablet & Desktop (≥768px) */
@media (min-width: 768px) {
      .latest-marquee {
    flex-direction: inherit;
    align-items: flex-start;
  }
  
.ticker__list{
  display:flex;
  width: max-content;
  animation: marquee 35s linear infinite; margin-top:16px; list-style: none;
}
    
}
/* Mobile */
@media (max-width: 768px) {
  .latest-marquee {
    flex-direction: inherit;
    align-items: flex-start;
  }

.ticker__list {
  display: flex;
  width: max-content;
  animation: marquee 35s linear infinite; margin-top:37px;    list-style: none;
}

  .ticker__item {
    padding: 0 20px;
  }
}
.latest-marquee {
  display: flex;

  width: 100%;
  gap: 10px;
}

/* What's New box fix */
.latest-div {
  flex-shrink: 0;   /* ye important hai */
}
.ticker__list {
  display: flex;
  width: max-content;
  animation: marquee 35s linear infinite; margin-top:17px;    list-style: none;
}

/* Marquee full width le */
.ticker__viewport {
  flex: 1;
  overflow: hidden;
}