:root {
    --primary: #22efec;
    --secondary: #6621ef;
    --primary-rgb: 34, 239, 236;
    --secondary-rgb: 102, 33, 239;
    --linear-gradient-bg: linear-gradient(90deg, #22efec, #6621ef);
    --lite-bg: linear-gradient(90deg, rgba(34, 239, 236, 0.4), rgba(102, 33, 239, 0.4));
}
.color-primary {
    color: var(--primary);
}
.color-secondary {
    color: var(--secondary) !important;
}
/* COLOR 1 */
.gradient-text-color-1 {
    background: linear-gradient(to right, #22efec 0%, #6621ef 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.gradient-bg-color-1 {
    background: radial-gradient(circle at center, rgba(34, 239, 236, 0.4), rgba(102, 33, 239, 0.4), transparent 70%);
}