:root {
    --primary: #769263;
    --secondary: #f6e9d2;
    --text-primary: #000;
    --btn-hover: #f6e9d2
}

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

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

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

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

#exam-categories .value-body img {
    filter: invert(53%) sepia(26%) saturate(472%) hue-rotate(52deg) brightness(96%) contrast(86%);
    -webkit-filter: invert(53%) sepia(26%) saturate(472%) hue-rotate(52deg) brightness(96%) contrast(86%);
}

#exam-categories .button.mixitup-control-active img {
    filter: invert(0%) sepia(3%) saturate(25%) hue-rotate(350deg) brightness(93%) contrast(101%);
    -webkit-filter: invert(0%) sepia(3%) saturate(25%) hue-rotate(350deg) brightness(93%) contrast(101%);
}

#exam-item .category a img{
    filter: invert(100%) sepia(4%) saturate(7484%) hue-rotate(171deg) brightness(106%) contrast(107%);
    -webkit-filter: invert(100%) sepia(4%) saturate(7484%) hue-rotate(171deg) brightness(106%) contrast(107%);
}