#preloader-bar {
    position: fixed;
    top: 0;
    left: 0;
    height: 3px;
    background: linear-gradient(90deg, #00b8de, #00b8de, #00b8de);
    width: 0%;
    z-index: 9999;
    transition: width 2s ease, opacity 0.5s ease; /* Smooth transition for width */
}

#preloader-bar.hidden {
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.3s ease, visibility 0.3s ease;
}