.ticker-wrap {
    width: 100%;
    overflow: hidden; /* Oculta lo que sale de la pantalla */
    background: #169BD8; 

    padding: 20px 0;
}

.ticker-move {
    display: flex;
    width: max-content; /* Importante: ajusta el ancho al contenido */
    animation: ticker-loop 30s linear infinite;
}

.ticker-move:hover {
    animation-play-state: paused; /* Se detiene al pasar el mouse */
}

.ticker-item {
    color: rgb(226, 226, 226);
    font-size: 1.5rem;
    font-weight: bold;
    padding: 0 40px;
    white-space: nowrap; /* Evita que el texto se rompa en varias líneas */
    text-transform: uppercase;
}

@keyframes ticker-loop {
    0% { transform: translateX(0); }
    100% { transform: translateX(-50%); }
}
.bg-subtle {
    width: 100%;
}
.get-started-size {
    width: 100%;
}


.bg-subtle .z-index-50{
    width: 100%;
}

.bg-darker{
    width: 100%;
}
.row {
    --bs-gutter-x: 1.5rem;
    width: 100%;
    --bs-gutter-y: 0;
    display: flex;
    flex-wrap: wrap;
    margin-top: calc(-1 * var(--bs-gutter-y));
    margin-right: calc(-.5 * var(--bs-gutter-x));
    margin-left: calc(-.5 * var(--bs-gutter-x));
}

.infinite-ticker-container {
  width: 100%;
  overflow: hidden;
  background: rgba(255, 255, 255, 0.1);
  backdrop-filter: blur(5px);
  border-top: 1px solid rgba(0, 0, 0, 0.1);
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  padding: 15px 0;
}

.ticker-move {
  display: flex;
  width: max-content;
  animation: ticker 40s linear infinite;
}

.ticker-item {
  display: flex;
  align-items: center;
  padding: 0 40px;
}

.ticker-item a {
  text-decoration: none;
  font-family: 'Poppins', sans-serif;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 1px;
  color: #0078ff;
  font-size: 0.95rem;
  transition: all 0.3s ease;
}

/* Adding a separator dot between services */
.ticker-item-1::after {
  content: "•";
  margin-left: 80px;
  color: #0078ff; /* Your brand color */
  font-size: 1.5rem;
}

.ticker-item-1 a:hover {
  transform: translateY(-2px);
}

@keyframes ticker {
  0% { transform: translateX(0); }
  100% { transform: translateX(-50%); }
}

.ticker-wrap-1:hover .ticker-move {
  animation-play-state: paused;
}

.rating-stars i {
    color: #f5c518; /* rich yellow */
    font-size: 18px; /* adjust if needed */
    margin-right: 2px;
}


@media (max-width: 2560px) {
  .custom-dropdown-menu {
    top: 60px;
    left: 0px;
}
}