.gradient-yellow{
    background-image: radial-gradient(circle at 30% 30%, #ecf7fa 0, #f3f2d8 50%, #f5decd 100%);
}
.gradient-green{
    background-image: radial-gradient(circle at 30% 30%, #f8f3e3 0, #dbf7f5 100%);
}

.gradient-pure-green{
    background-color: #e6eef5;
    background-image: radial-gradient(circle at 20% 15%, #e6eef5 15%, #bde9ca 100%) !important;
    background-color: #e2f3e7;
    background-image: radial-gradient(circle at 30% 5%, rgba(8, 160, 70, 0.25) 15%, #e2f3e7 100%) !important;
    background-repeat: no-repeat;
    background-size: contain;
}

.gradient-pure-red{
    background-color: #ffedeb;
    background-image: radial-gradient(circle at 20% 15%, #ffedeb 15%, #facbcb 100%) !important;
    
}

.bg-gradient-1 {
    background-image: radial-gradient(circle at 30% 30%, rgb(246, 247, 237) 0%, rgb(205, 237, 248) 50%, rgb(245, 200, 241) 100%);
}

.bg-gradient-2 {
    background-image: radial-gradient(circle at 30% 30%, rgb(255, 246, 236) 0%, rgb(251, 226, 252) 100%);
}

.bg-gradient-3 {
    background-image: radial-gradient(circle at 30% 30%, rgb(248, 243, 227) 0%, rgb(219, 247, 245) 100%);
}

.bg-gradient-4 {
    background-image: radial-gradient(circle at 30% 30%, rgb(236, 247, 250) 0%, rgb(243, 242, 216) 50%, rgb(245, 222, 205) 100%);
}

.bg-gradient-5 {
    background-image: radial-gradient(circle at 30% 30%, rgb(224, 248, 248) 0%, rgb(252, 230, 248) 50%, rgb(223, 215, 245) 100%);
}

.bg-gradient-6 {
    background-image: radial-gradient(circle at 30% 30%, rgb(250, 234, 227) 0%, rgb(200, 229, 247) 100%);
}

.bg-gradient-7 {
    background-image: radial-gradient(circle at 30% 30%, rgb(230, 248, 240)2%, rgb(211, 236, 245) 93.6%);
}

.bg-gradient-8 {
    background-image: radial-gradient(circle at 30% 30%, rgb(248, 245, 225) 0%, rgb(244, 227, 245) 46.4%, rgb(218, 231, 245) 100%);
}

.bg-gradient-9 {
    background-image: radial-gradient(circle at 30% 30%, rgb(244, 245, 230) 11.2%, rgb(236, 226, 216) 100%);
}

.bg-gradient-10 {
    background-image: radial-gradient(circle at 30% 30%, rgb(253, 231, 243) 0%, rgb(234, 233, 255) 46%, rgb(223, 255, 238) 100%);
}

.bg-gradient-11 {
    background-image: radial-gradient(circle at 30% 30%, rgb(255, 246, 236) 0%, rgb(251, 226, 252) 100%);
}
.bg-gradient-12 {
    background-image: radial-gradient(circle at 30% 30%, rgb(248, 243, 227) 0%, rgb(219, 247, 245) 100%);
}
.bg-gradient-13 {
    background-image: radial-gradient(circle at 30% 30%, rgb(236, 247, 250) 0%, rgb(243, 242, 216) 50%, rgb(245, 222, 205) 100%);
}
.bg-gradient-14 {
    background-image: radial-gradient(circle at 30% 30%, rgb(224, 248, 248) 0%, rgb(252, 230, 248) 50%, rgb(223, 215, 245) 100%);
}
.bg-gradient-15 {
    background-image: radial-gradient(circle at 30% 30%, rgb(250, 234, 227) 0%, rgb(200, 229, 247) 100%);
}
.bg-gradient-16 {
    background-image: radial-gradient(circle at 30% 30%, rgb(230, 248, 240)2%, rgb(211, 236, 245) 93.6%);
}
.bg-gradient-17 {
    background-image: radial-gradient(circle at 30% 30%, rgb(248, 245, 225) 0%, rgb(244, 227, 245) 46.4%, rgb(218, 231, 245) 100%);
}
.bg-gradient-18 {
    background-image: radial-gradient(circle at 30% 30%, rgb(244, 245, 230) 11.2%, rgb(236, 226, 216) 100%);
}
.bg-gradient-19 {
    background-image: radial-gradient(circle at 30% 30%, rgb(253, 231, 243) 0%, rgb(234, 233, 255) 46%, rgb(223, 255, 238) 100%);
}
.bg-gradient-20 {
    background-image: radial-gradient(circle at 30% 30%, rgb(255, 246, 236) 0%, rgb(251, 226, 252) 100%);
}