#breadcrumb{
    position:relative;
    overflow:hidden;
    padding:40px 0;
    background:linear-gradient(
        -45deg,
        #000066,
        #0066CC,
        #999999,
        #0066CC,
        #000066
    );
    background-size:400% 400%;
    animation:gradientMove 12s ease infinite;
}

/* Animated floating circles */
#breadcrumb::before,
#breadcrumb::after{
    content:'';
    position:absolute;
    border-radius:50%;
    background:rgba(255,255,255,0.08);
    animation:float 12s linear infinite;
}

#breadcrumb::before{
    width:250px;
    height:250px;
    top:-60px;
    left:-80px;
}

#breadcrumb::after{
    width:250px;
    height:250px;
    bottom:-100px;
    right:-120px;
    animation-duration:18s;
}

/* Content above background */
#breadcrumb .container{
    position:relative;
    z-index:2;
}

#breadcrumb .border-bottom{
    border-color:rgba(255,255,255,0.2)!important;
}

#breadcrumb h1{
    font-size:2.5rem;
    font-weight:700;
    color:#fff;
}

#breadcrumb .breadcrumb-item + .breadcrumb-item::before{
    color:#ddd;
}

#breadcrumb .breadcrumb-item a{
    color:#fff;
    transition:0.3s;
}

#breadcrumb .breadcrumb-item a:hover{
    color:#99ccff;
}

/* Gradient Animation */
@keyframes gradientMove{
    0%{
        background-position:0% 50%;
    }
    50%{
        background-position:100% 50%;
    }
    100%{
        background-position:0% 50%;
    }
}

/* Floating Effect */
@keyframes float{
    0%{
        transform:translateY(0px) rotate(0deg);
    }
    50%{
        transform:translateY(30px) rotate(180deg);
    }
    100%{
        transform:translateY(0px) rotate(360deg);
    }
}

/* Mobile */
@media(max-width:768px){
    #breadcrumb{
        padding:50px 0;
    }

    #breadcrumb h1{
        font-size:1.8rem;
    }
}


/* MARQUEE */
  .marquee-section {
    overflow: hidden; border-top: 1px solid var(--border);
    border-bottom: 1px solid var(--border);
    background: var(--gray-light); padding: 1rem 0;
  }
  .marquee-track {
    display: flex; gap: 4rem; width: max-content;
    animation: marquee 20s linear infinite;
  }
  .marquee-track:hover { animation-play-state: paused; }
  .marquee-item {
   font-family: 'Montserrat', sans-serif; font-size: 0.9rem; font-weight:400;
    letter-spacing: 3px; color: var(--muted); white-space: nowrap;
    display: flex; align-items: center; gap: 1.5rem;
  }
  .marquee-item .sep { color: var(--primary); font-size: 0.8rem; }
  @keyframes marquee {
    0% { transform: translateX(0); }
    100% { transform: translateX(-50%); }
  }