.wul-user-levels{
    padding: 20px;
    background: #f9f9f987;
    border-radius: 10px;
    margin: 20px 0;
}


.wul-user-level-progress-bar{
    height: 10px;
    background-color: #f0f0f0;
    border-radius: 5px;
}
.wul-user-level-progress-bar-fill{
    height: 100%;
    border-radius: 5px;
}

.bg-orange{
    background-color: #f5cd6e;
}
.text-orange{
    color: #f5cd6e;
}
.text-red{
    color: #b10000;
}

.wul-user-level-progress-container{
    display: grid;
    grid-template-columns: 1fr 1fr;
    margin: 20px 0;
    gap: 30px
}
.wul-user-level-progress-container .wul-user-level-progress{
    display: flex;
    flex-direction: column;
    gap: 10px;
}
.wul-user-level-progress-title{font-weight: 600;}
.wul-user-level-next-level-title{font-weight: 600;}