.aurore-quotient-familial{
position: relative;
overflow: hidden;
width: 100%;
padding: 4rem 1rem;
display: flex;
flex-direction: column;
flex-wrap: wrap;
align-content: center;
justify-content: center;
gap: 1rem;
border-radius: 1rem 1rem 0 0;
border-bottom: 2px solid var(--aurore-couleur-theme-primary);
box-shadow: 0px 6px 15px rgb(0, 1, 1, 0.1);
transition: all 0.4s ease-in-out;
}
.aurore-quotient-familial::after{
content: "";
width: 100%;
height: 50px;
position: absolute;
bottom: 0;
left: 0;
background: linear-gradient(180deg, rgba(12,66,112,0) 0%, var(--aurore-couleur-theme-primary) 100%);
opacity: 0.5;
transform: translateY(50px);
transition: all 0.4s ease-in-out;
}
.aurore-quotient-familial:hover{
transform: scale(0.975);
}
.aurore-quotient-familial:hover::after {
transform: translateY(0);
}
.aurore-quotient-familial > .material-symbols-outlined{
position: absolute;
bottom: 3.5rem;
right: 3.5rem;
transform: scale(10);   
color: #F3F8FD;
opacity: 0.1;
transition: 0.4s ease-in-out;
}
.title{
font-family: "Roboto";
font-weight: 300;
text-transform: uppercase;
font-size: 2rem;
color: #F3F8FD;
padding: 0.25rem 0.5rem;
}