:root {
    --primary-color: #161616;
    --primary-color--alternate: #ffffff;
    --secondary-color: #ffffff;
    --tertiary-color: #9572f7;
    --background-dark-color: #383e65;
    --background-light-color: #f9f9f9;
    --accent-color: #9b32a4;
    --accent-highlight-color: #f372f7;
    --text-color: #030303;
    --info_text-color: rgb(235, 235, 235);
    --shadow-general: 0 5px 10px #7c84855c;
    --primary_font: Arial, sans-serif;
    --secondary_font: Arial, sans-serif;
    --heading_color: var(--accent-color);
    --default_color: #ffffff;
    --card_slider_three: var(--primary-color--alternate);
    --gradient_start: var(--accent-color);
    --gradient_end: var(--accent-highlight-color);
    --hover_accent: var(--accent-highlight-color);
}

.features-variant1 {
    background:url("../img/bg.jpg") !important;
}