.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{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:white;text-align:center;padding-bottom:var(--section-padding-h)}}.funct-container{width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:calc(var(--spacing-ref) * 2)}.funct-swiper{width:100%;padding-bottom:3rem!important}.funct-swiper .swiper-button-next,.funct-swiper .swiper-button-prev{color:white;background-color:rgba(217,10,92,.8);width:40px;height:40px;border-radius:50%;top:50%;transform:translateY(-50%);&:after{font-size:1.2rem;font-weight:700}}.funct-swiper .swiper-button-prev{left:0}.funct-swiper .swiper-button-next{right:0}.funct-swiper .swiper-pagination{bottom:0!important}.funct-swiper .swiper-pagination-bullet{background:white}.funct-swiper .swiper-pagination-bullet-active{background:var(--primaryColor)}@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(--pinkUvibes);border-radius:var(--border-radius);background: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(--pinkUvibes);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(--pinkUvibes);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)}}}