.text-title {
    text-transform: capitalize !important;
}

#hero .content-hero{
    border-radius: 20px;
    text-align: center;
    padding: 20px 10px;
    height: 100%;
}

#hero .content-hero h2{
    color: #fff !important;
    margin-bottom: 0;
    font-size: 15px;
}

.bg-user{
    background-color: #1E88E5 !important;
}

.bg-wh{
    background-color: #00897B !important;
}

.bg-inv{
    background-color: #8E24AA !important;
}

.bg-cg{
    background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.8) 70%, #FFFFFF 100%);
    background-color: #3B69BE;
}

.bg-ks{
    background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.8) 70%, #FFFFFF 100%);
    background-color: #E6B342;
}

.bg-st{
    background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.8) 70%, #FFFFFF 100%);
    background-color: #CE68AC;
}

.bg-bk{
    background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.8) 70%, #FFFFFF 100%);
    background-color: #BE750F;
}