#usp-slider-bar {
    background-color: var(--usp-bg);
    color: var(--usp-text);
    font-size: var(--usp-font-size);
    height: 45px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    z-index: 99999;
    font-family: 'Helvetica', 'Arial', sans-serif;
    overflow: hidden;
}

.usp-content {
    animation: uspFadeEffect 0.6s;
    font-weight: 500;
    padding: 0 55px;
    text-align: center;
}

.usp-prev, .usp-next {
    cursor: pointer;
    position: absolute;
    top: 0;
    height: 100%;
    width: 45px;
    background: transparent;
    border: none;
    color: var(--usp-arrow) !important;
    font-size: 18px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.3s ease;
    outline: none;
}

.usp-prev { left: 0; }
.usp-next { right: 0; }

.usp-prev:hover, .usp-next:hover {
    background-color: var(--usp-h-bg) !important;
    color: var(--usp-h-icon) !important;
}

@keyframes uspFadeEffect {
    from { opacity: 0; }
    to { opacity: 1; }
}