.wow-quiz-result-wrapper {
    display: flex;
    justify-content: space-between;
    font-family: "Nunito Sans", sans-serif !important;
}

.kcal-icon-wow-quiz,
.proteins-icon-wow-quiz,
.carbs-icon-wow-quiz,
.fats-icon-wow-quiz {
    display: flex;
    justify-content: center;
    width: 50px;
    height: 50px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 5px;
}

.wow-quiz-result-title {
    display: flex;
    position: relative;
    justify-content: center;
}


/*
CALORIE
*/

.title-calorie::before {
	content: "";
	position: absolute;
	background: white;
	width: 100%;
	height: 0;
	bottom: 0;
	transition: all 0.3s linear;
}

.wow-quiz-result-values--calorie {
    display: flex;
    justify-content: center;
    position: relative;
    font-weight: 300;
    font-family: "Nunito Sans", sans-serif;
    font-size: 20px;
    transition: all 0.3s linear;
}

.wow-quiz-result-values--calorie::before {
    content: "";
    position: absolute;
    background: red;
    width: 100%;
    height: 2px;
    transition: all 0.3s linear;
}

.wow-quiz-result-box:hover .wow-quiz-result-values--calorie::before {
    height: 100%;
    z-index: -1;
}

.wow-quiz-result-box:hover .wow-quiz-result-values--calorie {
    color: white;
}

.wow-quiz-result-box:hover .title-calorie {
    color: red;
}

.wow-quiz-result-box:hover .title-calorie::before {
    height: 100%;
    z-index: -1;
}



/*
PROTEINE
*/
.title-proteine::before {
	content: "";
	position: absolute;
	background: white;
	width: 100%;
	height: 0;
	bottom: 0;
	transition: all 0.3s linear;
}

.wow-quiz-result-values--proteine {
    display: flex;
    justify-content: center;
    position: relative;
    font-weight: 300;
    font-family: "Nunito Sans", sans-serif;
    font-size: 20px;
    transition: all 0.3s linear;
}

.wow-quiz-result-values--proteine::before {
    content: "";
    position: absolute;
    background-color: rgba(99, 255, 132, 1);
    width: 100%;
    height: 2px;
    z-index: -1;
    transition: all 0.3s linear;
}

.wow-quiz-result-box:hover .wow-quiz-result-values--proteine::before {
    height: 100%;
    z-index: -1;
}

.wow-quiz-result-box:hover .wow-quiz-result-values--proteine {
    color: white;
}

.wow-quiz-result-box:hover .title-proteine {
    color: rgba(99, 255, 132, 1);
}

.wow-quiz-result-box:hover .title-proteine::before {
    height: 100%;
    z-index: -1;
}



/*
CARBOIDRATI
*/
.title-carboidrati::before {
	content: "";
	position: absolute;
	background: white;
	width: 100%;
	height: 0;
	bottom: 0;
	transition: all 0.3s linear;
}

.wow-quiz-result-values--carboidrati {
    display: flex;
    justify-content: center;
    position: relative;
    font-weight: 300;
    font-family: "Nunito Sans", sans-serif;
    font-size: 20px;
    transition: all 0.3s linear;
}

.wow-quiz-result-values--carboidrati::before {
    content: "";
    position: absolute;
    background-color: rgba(253, 126, 20, 1);
    width: 100%;
    height: 2px;
    transition: all 0.3s linear;
}

.wow-quiz-result-box:hover .wow-quiz-result-values--carboidrati::before {
    height: 100%;
    z-index: -1;
}

.wow-quiz-result-box:hover .wow-quiz-result-values--carboidrati {
    color: white;
}

.wow-quiz-result-box:hover .title-carboidrati {
    color: rgba(253, 126, 20, 1);
}

.wow-quiz-result-box:hover .title-carboidrati::before {
    height: 100%;
    z-index: -1;
}


/*
GRASSI
*/

.title-grassi::before {
	content: "";
	position: absolute;
	background: white;
	width: 100%;
	height: 0;
	bottom: 0;
	transition: all 0.3s linear;
}

.wow-quiz-result-values--grassi {
    display: flex;
    justify-content: center;
    position: relative;
    font-weight: 300;
    font-family: "Nunito Sans", sans-serif;
    font-size: 20px;
    transition: all 0.3s linear;
}

.wow-quiz-result-values--grassi::before {
    content: "";
    position: absolute;
    background-color: rgba(132, 99, 255, 1);
    width: 100%;
    height: 2px;
    transition: all 0.3s linear;
}

.wow-quiz-result-box:hover .wow-quiz-result-values--grassi::before {
    height: 100%;
    z-index: -1;
}

.wow-quiz-result-box:hover .wow-quiz-result-values--grassi {
    color: white;
}

.wow-quiz-result-box:hover .title-grassi {
    color: rgba(132, 99, 255, 1);
}

.wow-quiz-result-box:hover .title-grassi::before {
    height: 100%;
    z-index: -1;
}