.blog-article{margin:0 auto;width:80%;padding:0;border:2px solid #000;border-radius:var(--border-radius);display:flex;justify-content:flex-start;align-items:center;box-shadow:1px 4px 10px #00000038;flex-direction:column;overflow:hidden;position:relative;& h3{font-size:var(--font-size-h3);color:var(--mainColor)}& img{width:100%;height:100%;object-fit:cover}& p{font-size:var(--font-size-text)}}.article-section{padding-top:calc(var(--spacing-ref) * 2);display:flex;flex-direction:column;gap:var(--spacing-ref)}.article-container{display:flex;flex-direction:row;gap:var(--spacing-ref);padding:calc(var(--spacing-ref) * 2)}.article-card-content{padding:var(--spacing-ref);display:flex;flex-direction:column;gap:var(--spacing-ref);flex-grow:1;justify-content:space-between;width:100%;& a{text-decoration:none;font-family:var(--text-font);&:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}}}.entreprise-article{border-color:var(--blueUvibes)}.education-article{border-color:var(--pinkUvibes)}.science-article{border-color:var(--greenUvibes)}.vulnerability-article{border-color:var(--yellowUvibes)}.uvibes-article{border-color:var(--mainColor)}.title-section{font-size:var(--font-size-h2);color:var(--mainColor);text-align:center}.article-image-wrapper{width:100%;position:relative;aspect-ratio:1/1}@media (max-width:1024px){.article-container{flex-direction:column;align-items:center;padding:var(--spacing-ref)}.blog-article{width:100%;margin-bottom:2rem}}.funct-section{& h2{color:var(--mainColor);text-align:left;padding:calc(var(--spacing-ref) * 2) 0 calc(var(--spacing-ref) * 2) calc(var(--spacing-ref) * 2)}}.funct-container{flex-direction:column;align-items:center;padding:0 calc(var(--spacing-ref) * 2) calc(var(--spacing-ref) * 2) calc(var(--spacing-ref) * 2);gap:calc(var(--spacing-ref) * 2)}.funct-button-container,.funct-container{width:100%;display:flex;justify-content:center}.funct-button-container{padding-bottom:calc(var(--spacing-ref) * 2)}@media screen and (min-width:768px){.funct-container{display:grid;grid-template-columns:repeat(3,1fr);align-items:stretch;grid-gap:calc(var(--spacing-ref) * 2);gap:calc(var(--spacing-ref) * 2);width:100%}}.funct-cards-container{width:100%}.funct-card{padding:calc(var(--spacing-ref) * 2) calc(var(--spacing-ref) * 1);display:flex;flex-direction:column;justify-content:center;align-items:center;gap:var(--spacing-ref);border:1px solid var(--mainColor-opacity);border-radius:var(--border-radius);background:var(--gradientColor-white);box-shadow:0 4px 12px rgba(0,0,0,.06);width:100%;transition:transform .3s ease;& h3{font-size:var(--font-size-h3);letter-spacing:var(--spacing-letter);line-height:1.5}& h3,& p{color:var(--mainColor);font-family:var(--text-font)}& p{font-size:var(--font-size-text);line-height:1.2;font-weight:400;text-align:center}& a{color:var(--secondaryColor);text-decoration:none;position:relative;&:after{content:"";position:absolute;width:0;height:2px;bottom:-2px;left:0;background-color:var(--secondaryColor);transition:width .3s ease-in-out}&:hover:after{width:100%}}}@media screen and (min-width:768px){.funct-card{height:30vh;& h4{font-size:calc(var(--font-size-ref) * 2)}}}.uvibes-section{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:space-between;height:70vh;background-image:url(/_next/static/media/TeamUvibesHome.e61b4481.jpg);background-position:50%;background-size:cover;& img{padding-top:calc(var(--spacing-ref) * 2)}& button{margin-bottom:calc(var(--spacing-ref) * 3)}}.uvibes-section:after{content:"";position:absolute;inset:0;background-color:white;opacity:.7;pointer-events:none;z-index:1}.uvibes-section>*{position:relative;z-index:2}@media screen and (min-width:768px){.uvibes-section{& img{width:20%;height:auto}}}.user-number-wrapper{background-image:var(--gradientColor-card);padding:calc(var(--spacing-ref) * 4) 0;justify-items:center;margin-top:2rem}.user-number-card-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:calc(var(--spacing-ref) * 2);width:100%}.user-number-card{border:1px solid var(--mainColor);border-radius:var(--border-radius);padding:calc(var(--spacing-ref) * 2);background-color:var(--cardsOpacity);& h2{color:var(--mainColor);font-size:var(--font-size-h2);font-family:var(--title-font);text-align:left;letter-spacing:var(--spacing-letter);line-height:1;padding-bottom:var(--spacing-ref);width:100%}}.user-number{color:var(--secondaryColor);font-size:calc(var(--font-size-title-text) * 1.5);font-family:var(--text-font);line-height:1.2;text-align:center;width:100%}@media screen and (min-width:1024px){.user-number-card-container{width:50%;padding:0}.user-number-card{background-color:var(--cardsOpacity);width:100%}}