@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@300;400;500;600;700&display=swap');

h1, h2, h3, h4, h5, h6 {
    font-family: 'Rajdhani', sans-serif;
    color: #1a1040;
}

body {
    font-family: 'Roboto', sans-serif;
    color: #ffffff;
}

.survey-item-label {
    font-family: 'Rajdhani', Arial, sans-serif;
}

.k-slider .k-draghandle:active, .k-slider .k-draghandle.k-pressed {
    border-color: #ff5a5f;
    color: #ffffff;
    background-color: #ff5a5f;
}

.k-slider .k-draghandle {
    border-color: #ff5a5f;
    color: #ffffff;
    background-color: #ff5a5f;
    border-radius: 50%;
}

.k-slider .k-slider-selection {
    background-color: #ff5a5f;
}

.k-slider .k-draghandle:active, .k-slider .k-draghandle.k-pressed {
    border-color: #ff5a5f;
    color: #ffffff;
    background-color: #ff5a5f;
}

.k-slider .k-draghandle:hover {
    border-color: #e04040;
    color: #ffffff;
    background-color: #e04040;
}

.k-slider .k-draghandle:focus, .k-slider .k-draghandle.k-state-focused {
    box-shadow: 0 0 0 3px rgba(255, 90, 95, 0.5);
}

.k-list .k-item:hover, .k-list .k-item.k-state-hover, .k-list-optionlabel:hover, .k-list-optionlabel.k-state-hover {
    color: #ffffff;
    background-color: #1a1a1a;
}

.k-button-solid-primary {
    font-family: 'Rajdhani', sans-serif;
    border-color: #1a1040;
    color: #ffffff;
    background-color: #1a1040;
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

    .k-button-solid-primary:hover, .k-button-solid-primary.k-hover {
        border-color: #ff5a5f;
        background-color: #ff5a5f;
        color: #ffffff;
    }

.k-list-item.k-selected, .k-selected.k-list-optionlabel, .k-selected.k-list-optionlabel:hover, .k-selected.k-list-optionlabel.k-hover {
    color: #ffffff;
    background-color: #1a1040;
}
