@import url(https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,300;0,400;0,500;0,600;0,700;1,400&family=Tajawal:wght@300;400;500;700&display=swap);.bg-gradient-white {
  color: #fff;
  background-image: linear-gradient(30deg, #FFFFFF, rgba(255, 255, 255, 0.5));
  background-repeat: repeat-x;
}
.bg-gradient-white:hover, .bg-gradient-white:active {
  color: #fff;
}

.gradient-light-white {
  background: linear-gradient(30deg, #FFFFFF 0%, 100%);
  color: #fff;
}
.gradient-light-white:hover, .gradient-light-white:active {
  color: #fff;
}

.bg-gradient-black {
  color: #fff;
  background-image: linear-gradient(30deg, #000000, rgba(0, 0, 0, 0.5));
  background-repeat: repeat-x;
}
.bg-gradient-black:hover, .bg-gradient-black:active {
  color: #fff;
}

.gradient-light-black {
  background: linear-gradient(30deg, #000000 0%, 100%);
  color: #fff;
}
.gradient-light-black:hover, .gradient-light-black:active {
  color: #fff;
}

.bg-gradient-dark {
  background: #640064;
  color: #fff;
  background-image: linear-gradient(30deg, #1d1d1f, rgba(29, 29, 31, 0.5));
  background-repeat: repeat-x;
}
.bg-gradient-dark:hover, .bg-gradient-dark:active {
  color: #fff;
}

.gradient-light-dark {
  background: linear-gradient(30deg, #1d1d1f 0%, 100%);
  color: #fff;
}
.gradient-light-dark:hover, .gradient-light-dark:active {
  color: #fff;
}

.bg-gradient-light {
  background: #640064;
  color: #fff;
  background-image: linear-gradient(30deg, #babfc7, rgba(186, 191, 199, 0.5));
  background-repeat: repeat-x;
}
.bg-gradient-light:hover, .bg-gradient-light:active {
  color: #fff;
}

.gradient-light-light {
  background: linear-gradient(30deg, #babfc7 0%, 100%);
  color: #fff;
}
.gradient-light-light:hover, .gradient-light-light:active {
  color: #fff;
}

.bg-gradient-primary {
  background: #640064;
  color: #fff;
  background-image: linear-gradient(30deg, #172130, rgba(23, 33, 48, 0.5));
  background-repeat: repeat-x;
}
.bg-gradient-primary:hover, .bg-gradient-primary:active {
  color: #fff;
}

.gradient-light-primary {
  background: linear-gradient(30deg, #172130 0%, rgb(37.8444510228, 36.7531734718, 102.2298265282) 100%);
  color: #fff;
}
.gradient-light-primary:hover, .gradient-light-primary:active {
  color: #fff;
}

.bg-gradient-accent {
  background: #640064;
  color: #fff;
  background-image: linear-gradient(30deg, #a2ae39, rgba(255, 127, 0, 0.5));
  background-repeat: repeat-x;
}
.bg-gradient-accent:hover, .bg-gradient-accent:active {
  color: #fff;
}

.gradient-light-accent {
  background: linear-gradient(30deg, #a2ae39 0%, rgb(255, 239.04855, 67.983) 100%);
  color: #fff;
}
.gradient-light-accent:hover, .gradient-light-accent:active {
  color: #fff;
}

.bg-gradient-secondary {
  background: #640064;
  color: #fff;
  background-image: linear-gradient(30deg, #b8c2cc, rgba(184, 194, 204, 0.5));
  background-repeat: repeat-x;
}
.bg-gradient-secondary:hover, .bg-gradient-secondary:active {
  color: #fff;
}

.gradient-light-secondary {
  background: linear-gradient(30deg, #b8c2cc 0%, rgb(220.3498655492, 221.623471291, 235.6331344508) 100%);
  color: #fff;
}
.gradient-light-secondary:hover, .gradient-light-secondary:active {
  color: #fff;
}

.bg-gradient-success {
  background: #0064fa;
  color: #fff;
  background-image: linear-gradient(30deg, #198754, rgba(25, 135, 84, 0.5));
  background-repeat: repeat-x;
}
.bg-gradient-success:hover, .bg-gradient-success:active {
  color: #fff;
}

.gradient-light-success {
  background: linear-gradient(30deg, #198754 0%, rgb(22.05735525, 205.92564475, 197.2894069098) 100%);
  color: #fff;
}
.gradient-light-success:hover, .gradient-light-success:active {
  color: #fff;
}

.bg-gradient-info {
  background: #640064;
  color: #fff;
  background-image: linear-gradient(30deg, #00cfe8, rgba(0, 207, 232, 0.5));
  background-repeat: repeat-x;
}
.bg-gradient-info:hover, .bg-gradient-info:active {
  color: #fff;
}

.gradient-light-info {
  background: linear-gradient(30deg, #00cfe8 0%, rgb(44.983, 144.8617744253, 255) 100%);
  color: #fff;
}
.gradient-light-info:hover, .gradient-light-info:active {
  color: #fff;
}

.bg-gradient-warning {
  background: #fafafa;
  color: #fff;
  background-image: linear-gradient(30deg, #a2ae39, rgba(255, 159, 67, 0.5));
  background-repeat: repeat-x;
}
.bg-gradient-warning:hover, .bg-gradient-warning:active {
  color: #fff;
}

.gradient-light-warning {
  background: linear-gradient(30deg, #a2ae39 0%, rgb(255, 243.7218067376, 134.983) 100%);
  color: #fff;
}
.gradient-light-warning:hover, .gradient-light-warning:active {
  color: #fff;
}

.bg-gradient-danger {
  background: #640064;
  color: #fff;
  background-image: linear-gradient(30deg, #ea5455, rgba(234, 84, 85, 0.5));
  background-repeat: repeat-x;
}
.bg-gradient-danger:hover, .bg-gradient-danger:active {
  color: #fff;
}

.gradient-light-danger {
  background: linear-gradient(30deg, #ea5455 0%, rgb(248.814652125, 182.9433326175, 137.168347875) 100%);
  color: #fff;
}
.gradient-light-danger:hover, .gradient-light-danger:active {
  color: #fff;
}