.bg-p-grad-1{
    background-color: #8EC5FC;
background-image: linear-gradient(62deg, #8EC5FC 0%, #E0C3FC 100%);
}
.bg-p-grad-2 {
    background-color: #4158D0;
    background-image: linear-gradient(75deg, #4158D0 0%, #C850C0 46%, #FFCC70 100%);    
}

.bg-p-grad-3{
    background-color: #85FFBD;
background-image: linear-gradient(90deg, #85FFBD 0%, #FFFB7D 100%);

}

.bg-p-grad-4{
    background-color: #FBAB7E;
    background-image: linear-gradient(77deg, #FBAB7E 0%, #fdee8e 100%);
    
}

.bg-p-grad-5{
    background-color: #3EECAC;
    background-image: linear-gradient(19deg, #3EECAC 0%, #EE74E1 100%);
    
}

.bg-p-grad-6{
    background-color: #FAACA8;
    background-image: linear-gradient(19deg, #FAACA8 0%, #DDD6F3 100%);
    
}

.bg-p-grad-7{
    background-color: #F4D03F;
    background-image: linear-gradient(90deg, #F4D03F 0%, #16A085 100%);
    
}

.bg-p-grad-8{
    background-color: #FF3CAC;
    background-image: linear-gradient(225deg, #FF3CAC 0%, #784BA0 50%, #2B86C5 100%);
    
}

.bg-p-grad-9{
    background-color: #944c4c;
    background-image: linear-gradient(90deg, #944c4c 0%, #5c42a0 100%);    
}

.text-p-grad-1{
    color: transparent !important;
    -webkit-background-clip: text;
    -moz-background-clip: text;
    -ms-background-clip: text;
    -o-background-clip: text;
    background-clip: text;

    background-color: #8EC5FC;
    background-image: linear-gradient(62deg, #8EC5FC 0%, #E0C3FC 100%);
}
.text-p-grad-2 {
    color: transparent !important;
    -webkit-background-clip: text;
    -moz-background-clip: text;
    -ms-background-clip: text;
    -o-background-clip: text;
    background-clip: text;

    background-color: #4158D0;
    background-image: linear-gradient(75deg, #4158D0 0%, #C850C0 46%, #FFCC70 100%);    
}

.text-p-grad-3{
    color: transparent !important;
    -webkit-background-clip: text;
    -moz-background-clip: text;
    -ms-background-clip: text;
    -o-background-clip: text;
    background-clip: text;

    background-color: #85FFBD;
background-image: linear-gradient(90deg, #85FFBD 0%, #FFFB7D 100%);

}

.text-p-grad-4{
    color: transparent !important;
    -webkit-background-clip: text;
    -moz-background-clip: text;
    -ms-background-clip: text;
    -o-background-clip: text;
    background-clip: text;

    background-color: #FBAB7E;
    background-image: linear-gradient(77deg, #FBAB7E 0%, #fdee8e 100%);
    
}

.text-p-grad-5{
    color: transparent !important;
    -webkit-background-clip: text;
    -moz-background-clip: text;
    -ms-background-clip: text;
    -o-background-clip: text;
    background-clip: text;

    background-color: #3EECAC;
    background-image: linear-gradient(19deg, #3EECAC 0%, #EE74E1 100%);
    
}

.text-p-grad-6{
    color: transparent !important;
    -webkit-background-clip: text;
    -moz-background-clip: text;
    -ms-background-clip: text;
    -o-background-clip: text;
    background-clip: text;

    background-color: #FAACA8;
    background-image: linear-gradient(19deg, #FAACA8 0%, #DDD6F3 100%);
    
}

.text-p-grad-7{
    color: transparent !important;
    -webkit-background-clip: text;
    -moz-background-clip: text;
    -ms-background-clip: text;
    -o-background-clip: text;
    background-clip: text;

    background-color: #F4D03F;
    background-image: linear-gradient(90deg, #F4D03F 0%, #16A085 100%);
    
}

.text-p-grad-8{
    color: transparent !important;
    -webkit-background-clip: text;
    -moz-background-clip: text;
    -ms-background-clip: text;
    -o-background-clip: text;
    background-clip: text;

    background-color: #FF3CAC;
    background-image: linear-gradient(225deg, #FF3CAC 0%, #784BA0 50%, #2B86C5 100%);
    
}

.text-p-grad-9{
    color: transparent !important;
    -webkit-background-clip: text;
    -moz-background-clip: text;
    -ms-background-clip: text;
    -o-background-clip: text;
    background-clip: text;
    
    background-color: #944c4c;
    background-image: linear-gradient(90deg, #944c4c 0%, #5c42a0 100%);    
}

/*
*
* HOVER STATE
*
*/
.hover\:bg-p-grad-1:hover {
    background-color: #8EC5FC;
background-image: linear-gradient(62deg, #8EC5FC 0%, #E0C3FC 100%);
}
.hover\:bg-p-grad-2:hover {
    background-color: #4158D0;
    background-image: linear-gradient(75deg, #4158D0 0%, #C850C0 46%, #FFCC70 100%);    
}

.hover\:bg-p-grad-3:hover {
    background-color: #85FFBD;
background-image: linear-gradient(90deg, #85FFBD 0%, #FFFB7D 100%);

}

.hover\:bg-p-grad-4:hover {
    background-color: #FBAB7E;
    background-image: linear-gradient(77deg, #FBAB7E 0%, #fdee8e 100%);
    
}

.hover\:bg-p-grad-5:hover {
    background-color: #3EECAC;
    background-image: linear-gradient(19deg, #3EECAC 0%, #EE74E1 100%);
    
}

.hover\:bg-p-grad-6:hover {
    background-color: #FAACA8;
    background-image: linear-gradient(19deg, #FAACA8 0%, #DDD6F3 100%);
    
}

.hover\:bg-p-grad-7:hover {
    background-color: #F4D03F;
    background-image: linear-gradient(90deg, #F4D03F 0%, #16A085 100%);
    
}

.hover\:bg-p-grad-8:hover {
    background-color: #FF3CAC;
    background-image: linear-gradient(225deg, #FF3CAC 0%, #784BA0 50%, #2B86C5 100%);
    
}

.hover\:bg-p-grad-9:hover {
    background-color: #944c4c;
    background-image: linear-gradient(90deg, #944c4c 0%, #5c42a0 100%);    
}

.hover\:text-p-grad-1:hover {
    color: transparent !important;
    -webkit-background-clip: text;
    -moz-background-clip: text;
    -ms-background-clip: text;
    -o-background-clip: text;
    background-clip: text;

    background-color: #8EC5FC;
    background-image: linear-gradient(62deg, #8EC5FC 0%, #E0C3FC 100%);
}
.hover\:text-p-grad-2:hover {
    color: transparent !important;
    -webkit-background-clip: text;
    -moz-background-clip: text;
    -ms-background-clip: text;
    -o-background-clip: text;
    background-clip: text;

    background-color: #4158D0;
    background-image: linear-gradient(75deg, #4158D0 0%, #C850C0 46%, #FFCC70 100%);    
}

.hover\:text-p-grad-3:hover {
    color: transparent !important;
    -webkit-background-clip: text;
    -moz-background-clip: text;
    -ms-background-clip: text;
    -o-background-clip: text;
    background-clip: text;

    background-color: #85FFBD;
background-image: linear-gradient(90deg, #85FFBD 0%, #FFFB7D 100%);

}

.hover\:text-p-grad-4:hover {
    color: transparent !important;
    -webkit-background-clip: text;
    -moz-background-clip: text;
    -ms-background-clip: text;
    -o-background-clip: text;
    background-clip: text;

    background-color: #FBAB7E;
    background-image: linear-gradient(77deg, #FBAB7E 0%, #fdee8e 100%);
    
}

.hover\:text-p-grad-5:hover {
    color: transparent !important;
    -webkit-background-clip: text;
    -moz-background-clip: text;
    -ms-background-clip: text;
    -o-background-clip: text;
    background-clip: text;

    background-color: #3EECAC;
    background-image: linear-gradient(19deg, #3EECAC 0%, #EE74E1 100%);
    
}

.hover\:text-p-grad-6:hover {
    color: transparent !important;
    -webkit-background-clip: text;
    -moz-background-clip: text;
    -ms-background-clip: text;
    -o-background-clip: text;
    background-clip: text;

    background-color: #FAACA8;
    background-image: linear-gradient(19deg, #FAACA8 0%, #DDD6F3 100%);
    
}

.hover\:text-p-grad-7:hover {
    color: transparent !important;
    -webkit-background-clip: text;
    -moz-background-clip: text;
    -ms-background-clip: text;
    -o-background-clip: text;
    background-clip: text;

    background-color: #F4D03F;
    background-image: linear-gradient(90deg, #F4D03F 0%, #16A085 100%);
    
}

.hover\:text-p-grad-8:hover {
    color: transparent !important;
    -webkit-background-clip: text;
    -moz-background-clip: text;
    -ms-background-clip: text;
    -o-background-clip: text;
    background-clip: text;

    background-color: #FF3CAC;
    background-image: linear-gradient(225deg, #FF3CAC 0%, #784BA0 50%, #2B86C5 100%);
    
}

.hover\:text-p-grad-9:hover {
    color: transparent !important;
    -webkit-background-clip: text;
    -moz-background-clip: text;
    -ms-background-clip: text;
    -o-background-clip: text;
    background-clip: text;
    
    background-color: #944c4c;
    background-image: linear-gradient(90deg, #944c4c 0%, #5c42a0 100%);    
}