:root {
    --primary-color: #BE6ADB;
    --secondary-color: #8689CC;
    --gradient-primary: linear-gradient(135deg, #BE6ADB 0%, #8689CC 100%);
}

.bg-gradient-emerald-blue-emerald-green {
    background: var(--gradient-primary) !important;
}

.text-gradient-emerald-blue-emerald-green {
    background: var(--gradient-primary) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
}

.btn-gradient-emerald-blue-emerald-green {
    background: var(--gradient-primary) !important;
    border-color: transparent !important;
}

.btn-gradient-emerald-blue-emerald-green:hover {
    background: var(--primary-color) !important;
}

.border-gradient-emerald-blue-emerald-green {
    border-image: var(--gradient-primary) 1 !important;
}

.progress-bar.bg-gradient-emerald-blue-emerald-green {
    background: var(--gradient-primary) !important;
}

.video-icon-box {
    background: var(--gradient-primary) !important;
}

.video-icon-sonar-bfr {
    background: var(--gradient-primary) !important;
}

.feature-box-icon i.text-gradient-emerald-blue-emerald-green {
    background: var(--gradient-primary) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
}

.separator-animation {
    background: var(--gradient-primary) !important;
}

.text-highlight {
    background: var(--gradient-primary) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
}