/******************************/
/*********White Color*********/

.bg-primary-gradient[data-background-color=white] {
   background: #fff !important;
   background: linear-gradient(-45deg, #e8e8e8, #fcf4f4) !important;
}
.bg-primary-gradient[data-background-color=white] .btn-secondary {
   background: #524f4e !important;
   border-color: #524f4e !important;
}
.bg-primary-gradient[data-background-color=white] .text-white {
   color: #000000 !important
}
/******************************/
/*********blue Color*********/
.bg-primary-gradient[data-background-color=blue] {
   background: #1572e8 !important;
   background: linear-gradient(-45deg, #06418e, #1572e8) !important;
}
.bg-primary-gradient[data-background-color=blue] .btn-secondary {
   background: #0e03ad !important;
   border-color: #0e03ad !important;
}
.bg-primary-gradient[data-background-color=blue] .text-white {
   color: #fff !important
}
/******************************/
/*********dark Color*********/
.bg-primary-gradient[data-background-color=dark] {
   background: #1a2035 !important;
   /* background: linear-gradient(-45deg, #06418e, #1a2035) !important; */
   background: linear-gradient(-45deg, #193d6d, #1a2035) !important;
}
.bg-primary-gradient[data-background-color=dark] .btn-secondary {
   background: #2f27a7 !important;
   border-color: #2f27a7 !important;
}
.bg-primary-gradient[data-background-color=dark] .text-white {
   color: #fff !important
}
/******************************/
/*********purple Color*********/
.bg-primary-gradient[data-background-color=purple] {
   background: #6861ce !important;
   background: linear-gradient(-45deg, #564dd3b2, #6861ce) !important;
}
.bg-primary-gradient[data-background-color=purple] .btn-secondary {
   background: #2763a7 !important;
   border-color: #2763a7 !important;
}
.bg-primary-gradient[data-background-color=purple] .text-white {
   color: #fff !important
}
/******************************/
/*********light-blue Color*********/
.bg-primary-gradient[data-background-color=light-blue] {
   background: #48abf7 !important;
   background: linear-gradient(-45deg, #48abf7c5, #48abf7) !important;
}
.bg-primary-gradient[data-background-color=light-blue] .btn-secondary {
   background: #2763a7 !important;
   border-color: #2763a7 !important;
}
.bg-primary-gradient[data-background-color=light-blue] .text-white {
   color: #fff !important
}
/******************************/
/*********green Color*********/
.bg-primary-gradient[data-background-color=green] {
   background: #31ce36 !important;
   background: linear-gradient(-45deg, #31ce36b7, #31ce36) !important;
}
.bg-primary-gradient[data-background-color=green] .btn-secondary {
   background: #307032 !important;
   border-color: #307032 !important;
}
.bg-primary-gradient[data-background-color=green] .text-white {
   color: #fff !important
}
/******************************/
/*********orange Color*********/
.bg-primary-gradient[data-background-color=orange] {
   background: #ffad46 !important;
   background: linear-gradient(-45deg, #ffac46ab, #ffad46) !important;
}
.bg-primary-gradient[data-background-color=orange] .btn-secondary {
   background: #b35a4a !important;
   border-color: #b35a4a !important;
}
.bg-primary-gradient[data-background-color=orange] .text-white {
   color: #fff !important
}
/******************************/
/*********red Color*********/
.bg-primary-gradient[data-background-color=red] {
   background: #f25961 !important;
   background: linear-gradient(-45deg, #f25961b2, #f25961) !important;
}
.bg-primary-gradient[data-background-color=red] .btn-secondary {
   background: #ff7b46ab !important;
   border-color: #ff7b46ab !important;
}
.bg-primary-gradient[data-background-color=red] .text-white {
   color: #fff !important
}
/******************************/
/*


.bg-primary-gradient[data-background-color=red] {
   background: #f25961 !important
}

.bg-primary-gradient[data-background-color=dark2] {
   background: #1f283e !important
}

.bg-primary-gradient[data-background-color=blue2] {
   background: #1269db !important
}

.bg-primary-gradient[data-background-color=purple2] {
   background: #5c55bf !important
}

.bg-primary-gradient[data-background-color=light-blue2] {
   background: #3697e1 !important
}

.bg-primary-gradient[data-background-color=green2] {
   background: #2bb930 !important
}

.bg-primary-gradient[data-background-color=orange2] {
   background: #ff9e27 !important
}

.bg-primary-gradient[data-background-color=red2] {
   background: #ea4d56 !important
} */