:root {
    --primary: #403091;
    --secondary: #f15a29;
    --text-primary: #000;
}

.btn-success:hover, .btn-success:focus, .btn-success:active{
    background-color: var(--secondary) !important;
    border: 1px solid var(--secondary) !important;
}

.btn-yellow:hover, .btn-yellow:focus, .btn-yellow:active{
    background-color: var(--primary) !important;
    border: 1px solid var(--primary) !important;
    color: #fff;
}

.form-group .radio-button input:checked + label::after{
    background: #fff;
}

.form-group .check-box input:checked + label::after{
    border-color: #fff;
}

.scroll-to-top:hover{
    color: var(--text-primary);
}

.intro-section{
    background-image: linear-gradient(131deg,var(--primary),var(--primary));
}

#exam-categories .value-body img {
    filter: invert(11%) sepia(62%) saturate(6596%) hue-rotate(200deg) brightness(102%) contrast(101%);
    -webkit-filter: invert(11%) sepia(62%) saturate(6596%) hue-rotate(200deg) brightness(102%) contrast(101%);
}

#exam-categories .button.mixitup-control-active img {
    filter: invert(16%) sepia(78%) saturate(2112%) hue-rotate(238deg) brightness(95%) contrast(94%);
    -webkit-filter: invert(16%) sepia(78%) saturate(2112%) hue-rotate(238deg) brightness(95%) contrast(94%);
}

#exam-item .category a img{
    filter: invert(16%) sepia(78%) saturate(2112%) hue-rotate(238deg) brightness(95%) contrast(94%);
    -webkit-filter: invert(16%) sepia(78%) saturate(2112%) hue-rotate(238deg) brightness(95%) contrast(94%);
}