.custom-gradient-1 {
    background-color: #58296e;
}
.custom-gradient-2 {
    background-color: #212121;
}
.custom-gradient-3 {
    background : linear-gradient(
    to right, #ff6d00, 
    #ff7900, #ff8500, #ff9100, #ff9e00, #ffaa00, #ffb600);
    background-size: 400% 400% ;
    animation: gradientAnimation 5s infinite ease-in-out;
}

@keyframes gradientAnimation {
    0% {
        background-position: 0 50%;
    }
    50% {
        background-position: 100% 50%;
    }
    100% {
        background-position: 0 50%;
    }
}

.custom-bg-3 {
    background-color: #cc143f;
}
.custom-bg-4 {
    background-color: #f78725;
}
.custom-bg-5 {
    background-color: #ffcd36;
}
.btn-hover:hover {
    background-color: #c46644;
}