/* Variable */
:root {
    /* Texte font-size */
    --title-font-size: 36px;
    --subtitle-font-size: 18px;
    --text-font-size: 16px;

    /* Texte colors */
    --title-color: #a0a0a0;
    --subtitle-color: #a0a0a0;
    --text-color: white;
    --annex-text-color: #a0a0a0;

    /* Background colors */
    --firstBG: #232220;
    --secondBG: #f4f4f4;
    --thirdBG: white;
    --fourthBG: #ed1e24;

    /* CTA */
    --ctaBorderRadius: 10px;
    --ctaBG: #ed1e24;

    /* Wrapper */
    --wrapperMaxWidth: 1400px;
    --wrapperWidth: 90%;
}
/* -------- */

html {scroll-behavior: smooth;}
body {font-family: "Readex Pro", sans-serif; margin:0; font-size:0px; background-color: var(--firstBG); overflow-x: hidden;}
h1,h2,h3,h4,h5,h6{outline:none;font-weight:inherit;font-size:inherit;color:inherit;margin:0;padding:0;display:inline}
*{box-sizing:border-box}
a {text-decoration:none; color:inherit}
.link {text-decoration:underline; color: var(--blue)}
.stretch {letter-spacing: 2px; transform: scaleY(0.85)}
.font {font-family: 'Krona One', sans-serif;}
.white {color:#FFF}
.bg-white {background-color:#FFF}
.black {color:#000}
.bg-black {background-color:#000}
.yellow {color:#e9bd1c}
.bg-yellow {background-color:#e9bd1c}
.gray {color: var(--annex-text-color);}
.first-bg {background-color:white}
.second-bg {background-color:#f4f4f4}
.third-bg {background-color:white}
.fourthBG-bg {background-color:#ed1e24}
.caps {text-transform:uppercase}
.center {text-align:center}
.left {text-align:left}
.right {text-align:right}
.opacity-hidden-input {opacity: 0; height: 1px; overflow: hidden;}
.pi-wrapper {max-width: var(--wrapperMaxWidth); width: var(--wrapperWidth); margin:0 auto;}
.title {font-size: var(--title-font-size); line-height: normal;}
.subtitle {font-size: var(--subtitle-font-size); line-height: normal; font-weight: 700;}
.text {font-size: var(--text-font-size); line-height: 22px; font-weight: 300;}
.small-text {font-size:12px;}
.extra-light {font-weight: 100;}
.light {font-weight: 200;}
.semi-light {font-weight: 300;}
.regular {font-weight: 400;}
.semi-bold {font-weight: 500;}
.bold {font-weight: 700;}
.interligne {line-height:24px}
.hidden {display:none}
.show {display:block}
.motion{-webkit-transition:all 0.2s ease;-moz-transition:all 0.2s ease;-o-transition:all 0.2s linear}
.rtl {direction: rtl;}
.ltr {direction: ltr;}

/* Compponnents */

.pi-cpf-section-wrapper {overflow-x: hidden;}

.lang {transition: ease-in-out .2s;}
.lang:hover {color: #e9bd1c;}

.cta {padding: 10px 30px; text-transform: uppercase; border: 1px solid #232220; vertical-align: middle; font-size: 14px; cursor: pointer; font-weight: bold; color: black; display: inline-block; background-color: #e9bd1c; transition: ease-in-out .2s;}
.cta:hover {background-color: transparent; color: #e9bd1c; border: 1px solid #e9bd1c;}

/* Slidin Css */

.slidin {}
.slidin-left {transform: translate(-60px); opacity: 0.0001; pointer-events: none;}
.slidin-right {transform: translate(60px); opacity: 0.0001; pointer-events: none;}
.slidin-up {transform: translate(0, -60px); opacity: 0.0001; pointer-events: none;}
.slidin-down {transform: translate(0, 60px); opacity: 0.0001; pointer-events: none;}
.delay-1 {transition: ease .4s;}
.delay-2 {transition: ease .6s;}
.delay-3 {transition: ease .8s;}
.delay-4 {transition: ease 1s;}
.delay-5 {transition: ease 1.2s;}
.delay-6 {transition: ease 1.4s;}
.delay-7 {transition: ease 1.6s;}
.delay-8 {transition: ease 1.8s;}

/*Burger menu*/

.burger-menu-container {display: none; z-index: 100000;}
.burger-menu-container .tabs {vertical-align: middle; margin-right: 20px;}
.burger-menu-container .burger-menu-wrapper {display: inline-block; vertical-align: middle; margin-right: 2px;}

.btn {position: sticky; width: 30px; cursor: pointer;}
.bg-span {display: block; width: 100%; height: 3px; background: #e9bd1c; transition: all .3s; position: relative;}
.active span:nth-child(1) {animation: ease .7s top forwards;}
.not-active span:nth-child(1) {animation: ease .7s top-2 forwards;}
.active span:nth-child(2) {animation: ease .7s scaled forwards;}
.not-active span:nth-child(2) {animation: ease .7s scaled-2 forwards;}
.active span:nth-child(3) {animation: ease .7s bottom forwards;}
.not-active span:nth-child(3) {animation: ease .7s bottom-2 forwards;}

@keyframes top {0% {top: 0; transform: rotate(0);} 50% {top: 8px; transform: rotate(0);} 100% {top: 8px; transform: rotate(45deg);}}
@keyframes top-2 {0% {top: 8px; transform: rotate(45deg);} 50% {top: 8px; transform: rotate(0deg);} 100% {top: 0; transform: rotate(0deg);}}
@keyframes bottom {0% {bottom: 0; transform: rotate(0);} 50% {bottom: 10px; transform: rotate(0);} 100% {bottom: 12px; transform: rotate(135deg);}}
@keyframes bottom-2 {0% {bottom: 8px; transform: rotate(135deg);} 50% {bottom: 8px; transform: rotate(0);} 100% {bottom: 0; transform: rotate(0);}}
@keyframes scaled { 50% {transform: scale(0);} 100% {transform: scale(0);}}
@keyframes scaled-2 {0% {transform: scale(0);} 50% {transform: scale(0);} 100% {transform: scale(1);}}

.menu-option {display: none; padding: 140px 0 20px; overflow: scroll; position: fixed; left: 0; top: 0; bottom: 0; width: 100%; z-index: 1000; transition: ease-in-out .4s; background-color: #000000db;}
.menu-option-closed {display: none; transform: translate(-1000px);}
.menu-option .tabs {margin: 20px 0; display: block; transition: ease .3s;}
.concourMobile {display: none;}

/* -------------------------------------- */

/* Text image */

.pi-container-img-text {position: relative;}
.pi-container-img-text .two-img-container {width: 46%; height: 20vw; max-height: 300px; margin: 2%; vertical-align: middle; display: inline-block; position: relative;}
.pi-container-img-text .two-img-container::after {position: absolute; content: ''; border: 1px solid #e9bd1c; top: 0; left: 0; right: 0; bottom: 0; transform: translate(10px, 10px); z-index: 10;}
.pi-container-img-text .two-img-container img {position: relative; z-index: 20;}
.pi-container-img-text .pi-img-text {display: inline-block; width: 50%;}
.pi-container-img-text .pi-img-text .subtitle {position: relative; margin-bottom: 10px;}
.pi-container-img-text .pi-img-text .subtitle::before {content: ''; position: absolute; left: -25px; top: 5px; width: 15px; height: 15px; background-color: #e9bd1c;}
.pi-container-img-text .pi-img-text:first-of-type {padding: 0 30px 0 0;}
.pi-container-img-text .pi-img-text:last-of-type {padding: 0 0 0 30px;}
.pi-container-img-text .pi-img-text:only-child {width: 100%; padding: 0;}
.pi-container-img-text .pi-img-text img {width: 100%; object-fit: cover; height: 100%;}
.rtl .pi-img-text:first-of-type {padding: 0 0 0 30px;}
.rtl .pi-img-text:last-of-type {padding: 0 30px 0 0;}

/* Galerie d'images */

.pi-galerie-img-container {background-color: var(--secondBG); padding: 20px 0 0 20px;}
.pi-galerie-img-container .pi-galerie-img-wrapper {display: inline-block; margin: 0 2% 20px 0;}
.pi-galerie-img-container .pi-galerie-img-wrapper img {width: 100%; height: 100%; object-fit: cover; cursor: pointer;}
.pi-flex-3 .pi-galerie-img-wrapper {width: 31.3%; height: 22vw;}
.pi-flex-4 .pi-galerie-img-wrapper {width: 23%; height: 18vw;}
.pi-flex-5 .pi-galerie-img-wrapper {width: 18%; height: 14vw;}

.pi-galerie-img-container-interactive {position: fixed; justify-content: center; top: 0; bottom: 0; left: 0; right: 0; background-color: #000000bd; z-index: 1000000; display: none; flex-direction: column-reverse;}
.pi-galerie-img-container-interactive .pi-galerie-img-wrapper-out-interactive {display: flex; justify-content: center; height: 80%; width: 100%;}
.pi-galerie-img-container-interactive .pi-galerie-img-wrapper-out-interactive .pi-galerie-img-wrapper-interactive {position: relative; width: 75%; padding: 0 10px 10px 10px; background-color: white; max-width: 1000px;}
.pi-galerie-img-container-interactive .pi-galerie-img-wrapper-out-interactive .pi-galerie-img-wrapper-interactive-hidden {display: none;}
.pi-galerie-img-container-interactive .pi-galerie-img-wrapper-out-interactive .pi-galerie-img-wrapper-interactive .close {position: absolute; top: -45px; right: 15px; width: 30px; height: 30px; font-size: 25px; cursor: pointer; display: flex; align-items: center; justify-content: center; color: black;}
.pi-galerie-img-container-interactive .pi-galerie-img-wrapper-out-interactive .pi-galerie-img-wrapper-interactive .pi-img-galerie-fullscreen {width: 100%; object-fit: cover; height: 100%;}
.pi-galerie-img-container-interactive .pi-galerie-arrow-container {pointer-events: none; width: 75%; margin: 0 auto; padding: 15px; display: flex; background-color: white; max-width: 1000px;}
.pi-galerie-img-container-interactive .pi-galerie-arrow-container .pi-galerie-left-arrow {width: 35px; cursor: pointer; pointer-events: initial; margin-right: 10px;}
.pi-galerie-img-container-interactive .pi-galerie-arrow-container .pi-galerie-left-arrow img {filter: brightness(0);}
.pi-galerie-img-container-interactive .pi-galerie-arrow-container .pi-galerie-right-arrow {width: 35px; cursor: pointer; pointer-events: initial;}
.pi-galerie-img-container-interactive .pi-galerie-arrow-container .pi-galerie-right-arrow img {filter: brightness(0);}

/* Vidéo */

.pi-video-container {text-align: center;}
.pi-video-container .pi-video-wrapper {display: inline-block;}
.pi-video-container .pi-video-wrapper .pi-video {width: 64vw; height: 36vw; min-width: 430px; min-height: 240px;}

/* Accordeon */

.pi-accordeon {}
.pi-accordeon .pi-accordeon-container {overflow: hidden; margin: 0 0 20px 0;}
.pi-accordeon .pi-accordeon-container .pi-question-container {cursor: pointer; background-color: transparent; padding: 15px 20px; display: flex; justify-content: space-between; align-items: center; position: relative; z-index: 1; border: 1px solid #a0a0a0;}
.pi-accordeon .pi-accordeon-container .pi-question-container .pi-question {color: #a0a0a0;}
.pi-accordeon .pi-accordeon-container .pi-question-container .pi-triangle {transition: ease .3s; pointer-events: none; filter: brightness(5);}
.pi-accordeon .pi-accordeon-container .pi-answer {transition: ease .3s; padding: 40px; max-height: 1000px; background-color: #3a3a3a; color: white;}
.pi-accordeon .pi-accordeon-container .pi-answer-closed {padding: 0 40px; pointer-events: none; max-height: 0.001px;}

/* Colonne */

.pi-colonne {}
.pi-colonne-2 .pi-colonne-container {width: 48%; margin: 20px 1%;}
.pi-colonne-3 .pi-colonne-container {width: 31%; margin: 20px 1%;}
.pi-colonne-4 .pi-colonne-container {width: 23%; margin: 20px 1%}
.pi-colonne .pi-colonne-container {display: inline-block; vertical-align: top; padding: 20px}
.pi-colonne .pi-colonne-container .pi-colonne-title {margin-bottom: 20px;}
.pi-colonne .pi-colonne-container .pi-colonne-content {}

/* Carrousel */

.pi-carrousel-img-container {position: relative;}
.pi-carrousel-img-container .pi-carrousel-img-wrapper {white-space: nowrap; overflow: scroll; scroll-behavior: smooth; pointer-events: none; -ms-overflow-style: none; scrollbar-width: none; height: 500px;}
.pi-carrousel-img-container .pi-carrousel-img-wrapper::-webkit-scrollbar {display: none;}
.pi-carrousel-img-container .pi-carrousel-img-wrapper .pi-carrousel-img {display: inline-block; vertical-align: middle; box-sizing: content-box;}
.pi-carrousel-img-container .pi-carrousel-img-wrapper .pi-carrousel-img1 {width: 100%; padding: 10px;}
.pi-carrousel-img-container .pi-carrousel-img-wrapper .pi-carrousel-img2 {width: 46%; padding: 0 2%; height: 26vw;}
.pi-carrousel-img-container .pi-carrousel-img-wrapper .pi-carrousel-img3 {width: 31.33333333333333%; padding: 0 1%; height: 18vw;}
.pi-carrousel-img-container .pi-carrousel-img-wrapper .pi-carrousel-img4 {width: 24%; padding: 0 0.5%; height: 15vw;}
.pi-carrousel-img-container .pi-carrousel-img-wrapper .pi-carrousel-img img {width: 100%; height: 100%; object-fit: cover;}

.pi-carrousel-img-container .pi-carrousel-text-wrapper {white-space: nowrap; overflow: scroll; scroll-behavior: smooth; pointer-events: none; -ms-overflow-style: none; scrollbar-width: none; padding: 30px 0;}
.pi-carrousel-img-container .pi-carrousel-text-wrapper .pi-carrousel-text {display: inline-block; vertical-align: middle; box-sizing: content-box; white-space: normal; transition: ease .3s;}
.pi-carrousel-img-container .pi-carrousel-text-wrapper .pi-carrousel-text .pi-carrousel-text-content {height: 100%; width: 100%; padding: 40px; background-image: url(/wp-content/themes/pubinteractive/img/magnus-bg.jpg); background-position: center; background-size: cover; display: flex; align-items: center;}
.pi-carrousel-img-container .pi-carrousel-text-wrapper .pi-carrousel-img1 {width: 100%; padding: 10px;}
.pi-carrousel-img-container .pi-carrousel-text-wrapper .pi-carrousel-img2 {width: 46%; padding: 0 2%; height: 26vw;}
.pi-carrousel-img-container .pi-carrousel-text-wrapper .pi-carrousel-img3 {width: 30.8%; padding: 0 1%; transform: scale(0.85);}
.pi-carrousel-img-container .pi-carrousel-text-wrapper .pi-carrousel-img4 {width: 24%; padding: 0 0.5%; height: 15vw;}
.pi-carrousel-img-container .pi-carrousel-text-wrapper .zoomed-img {transform: scale(1.15);}
.pi-carrousel-img-container .pi-carrousel-text-wrapper .buffer {height: 35vw;}
.pi-carrousel-img-container .pi-carrousel-text-wrapper .pi-carrousel-text .text {font-size: 12px; line-height: 16px;}
.pi-carrousel-img-container .pi-carrousel-text-wrapper .pi-carrousel-text .text img {width: 100px; margin-top: 40px;}

.pi-carrousel-img-container .pi-carrousel-arrow-container {pointer-events: none; display: flex; align-items: center; justify-content: center; top: 0; bottom: 0; width: 100%; padding: 20px;}
.pi-carrousel-img-container .pi-carrousel-arrow-container .tracking-square {border: 1px solid #e9bd1c; width: 6px; height: 6px; margin: 3px;}
.pi-carrousel-img-container .pi-carrousel-arrow-container .pi-carrousel-left-arrow {cursor: pointer; pointer-events: initial;}
.pi-carrousel-img-container .pi-carrousel-arrow-container .pi-carrousel-left-arrow img {width: 13px; margin: 0 6px;}
.pi-carrousel-img-container .pi-carrousel-arrow-container .pi-carrousel-right-arrow {cursor: pointer; pointer-events: initial;}
.pi-carrousel-img-container .pi-carrousel-arrow-container .pi-carrousel-right-arrow img {width: 13px; margin: 0 6px;}

/* Articles snippet */

.pi-blogue-snippet-wrapper {display: flex; flex-wrap: wrap;}
.pi-blogue-snippet-wrapper .pi-blogue-snippet-container {width: 23%; margin: 20px 1%; padding: 50px; color: #a0a0a0; border: 1px solid #a0a0a0;}
.pi-blogue-snippet-wrapper .pi-blogue-snippet-container .img-container {height: 15vw; margin-bottom: 20px; width: 100%;}
.pi-blogue-snippet-wrapper .pi-blogue-snippet-container .img-container img {width: 100%; height: 100%; object-fit: cover;}
.pi-blogue-snippet-wrapper .pi-blogue-snippet-container .subtitle {position: relative; margin-bottom: 10px; color: white; font-weight: normal;}
.pi-blogue-snippet-wrapper .pi-blogue-snippet-container .subtitle::before {content: ''; position: absolute; left: -25px; top: 5px; width: 15px; height: 15px; background-color: #e9bd1c;}
.pi-blogue-snippet-wrapper .pi-blogue-snippet-container .article-title {font-size: 22px; color: #a0a0a0; font-weight: 200;}
.pi-blogue-snippet-wrapper .pi-blogue-snippet-container .text {margin-bottom: 20px;}
.pi-blogue-snippet-wrapper .pi-blogue-snippet-container .cta {margin-top: 40px; padding: 8px 40px; text-transform: uppercase; border: 1px solid #a0a0a0; vertical-align: middle; font-size: 14px; cursor: pointer; font-weight: bold; color: #232220; display: inline-block; background-color: #a0a0a0; transition: ease-in-out .2s;}
.pi-blogue-snippet-wrapper .pi-blogue-snippet-container .cta:hover {background-color: #e9bd1c; border: 1px solid #e9bd1c;}

.pi-carrousel-arrow-container {display: none; pointer-events: none; align-items: center; justify-content: space-between; top: 0; bottom: 0; width: 100%; padding: 40px 20px 0;}
.pi-carrousel-arrow-container .tracking-square {border: 1px solid #e9bd1c; width: 6px; height: 6px; margin: 3px;}
.pi-carrousel-arrow-container .pi-carrousel-left-arrow {cursor: pointer; pointer-events: initial;}
.pi-carrousel-arrow-container .pi-carrousel-left-arrow img {width: 13px; margin: 0 6px;}
.pi-carrousel-arrow-container .pi-carrousel-right-arrow {cursor: pointer; pointer-events: initial;}
.pi-carrousel-arrow-container .pi-carrousel-right-arrow img {width: 13px; margin: 0 6px;}

/* Footer */

.pi-footer {margin: 80px 0 20px; border-radius: 15px; padding: 20px;}

@media (max-width:1000px) {
    .burger-menu-container {display: inline-block; position: relative; z-index: 10000000;}
    .menu-option {display: initial;}
    .menu-option-opened {display: initial; transform: translate(0px);}

    .pi-container-img-text .pi-img-text:first-of-type {padding: 0 10px 0 0;}
    .pi-container-img-text .pi-img-text:last-of-type {padding: 0 0 0 10px;}
    .pi-container-img-text .pi-img-text:only-child {padding: 0 0 0 0;}
    .rtl .pi-img-text:first-of-type {padding: 0 0 0 10px;}
    .rtl .pi-img-text:last-of-type {padding: 0 10px 0 0;}

    .pi-colonne-4 .pi-colonne-container {width: 31%;}

    .pi-flex-5 .pi-galerie-img-wrapper {width: 23%; height: 18vw;}

    .pi-carrousel-img-container .pi-carrousel-text-wrapper .pi-carrousel-text .pi-carrousel-text-content {padding: 30px;}

    .pi-carrousel-img-container .pi-carrousel-img-wrapper .pi-carrousel-img4 {width: 31.33333333333333%; padding: 0 1%; height: 18vw;}
}

@media (max-width:900px) {
    .pi-blogue-snippet-wrapper .pi-blogue-snippet-container {width: 48%;}
    .pi-blogue-snippet-wrapper .pi-blogue-snippet-container .img-container {height: 20vw;}
}

@media (max-width:800px) {

    .pi-container-img-text .pi-img-text {width: 100%;}
    .pi-container-img-text .pi-img-text:first-of-type {padding: 0 10px 0 0; padding: 0;}
    .pi-container-img-text .pi-img-text:last-of-type {padding: 0; margin-top: 40px;}
    .pi-container-img-text .pi-img-text:only-child {padding: 0; margin-top: 0px;}
    .pi-container-img-text .two-img-container {height: 40vw;}
    .pi-container-img-text .pi-img-text .subtitle::before {left: -10px; top: 8px; width: 7px; height: 7px;}

    .pi-accordeon .pi-accordeon-container .pi-answer {padding: 20px;}
    .pi-accordeon .pi-accordeon-container .pi-answer-closed {padding: 0 20px;}

    .pi-flex-4 .pi-galerie-img-wrapper {width: 31.3%; height: 22vw;}
    .pi-flex-5 .pi-galerie-img-wrapper {width: 31.3%; height: 22vw;}
    
    .pi-carrousel-img-container .pi-carrousel-img-wrapper {height: 400px;}
    .pi-carrousel-img-container .pi-carrousel-text-wrapper .pi-carrousel-img3 {width: 46%; padding: 0 2%; transform: none;}
    .pi-carrousel-img-container .pi-carrousel-text-wrapper .zoomed-img {transform: none;}
    .pi-carrousel-img-container .pi-carrousel-text-wrapper .buffer:first-of-type {display: none;}
    .pi-carrousel-img-container .pi-carrousel-img-wrapper .pi-carrousel-img3 {width: 46%; padding: 0 2%; height: 26vw;}
    .pi-carrousel-img-container .pi-carrousel-img-wrapper .pi-carrousel-img4 {width: 46%; padding: 0 2%; height: 26vw;}
}

@media (max-width:700px) {
    .pi-colonne-3 .pi-colonne-container {width: 98%;}
    .pi-colonne-4 .pi-colonne-container {width: 98%;}

    .pi-galerie-img-container-interactive .pi-galerie-img-wrapper-out-interactive .pi-galerie-img-wrapper-interactive {height: auto;}
    /* .pi-galerie-img-container-interactive .pi-galerie-arrow-container {align-items: flex-end; padding: 100px;} */

    .pi-carrousel-img-container .pi-carrousel-img-wrapper .pi-carrousel-img2 {width: 100%; min-height: 350px; padding: 10px;}
    .pi-carrousel-img-container .pi-carrousel-img-wrapper .pi-carrousel-img3 {width: 100%; min-height: 350px; padding: 10px;}
    .pi-carrousel-img-container .pi-carrousel-img-wrapper .pi-carrousel-img4 {width: 100%; min-height: 350px; padding: 10px;}
    .pi-carrousel-img-container .pi-carrousel-text-wrapper .buffer {display: none;}

    .pi-carrousel-img-container .pi-carrousel-text-wrapper .pi-carrousel-img2 {width: 96%; padding: 0 2%;}
    .pi-carrousel-img-container .pi-carrousel-text-wrapper .pi-carrousel-img3 {width: 96%; padding: 0 2%;}
    .pi-carrousel-img-container .pi-carrousel-text-wrapper .pi-carrousel-img4 {width: 96%; padding: 0 2%;}
}

@media (max-width:600px) {
    .menu-option {background-color: #000000f4;}

    .pi-flex-3 .pi-galerie-img-wrapper {width: 46.5%; height: 30vw;}
    .pi-flex-4 .pi-galerie-img-wrapper {width: 46.5%; height: 30vw;}
    .pi-flex-5 .pi-galerie-img-wrapper {width: 46.5%; height: 30vw;}

    .pi-carrousel-img-container .pi-carrousel-img-wrapper {height: 300px;}

    .pi-galerie-img-container-interactive .pi-galerie-img-wrapper-out-interactive {height: 50%;}

    .pi-carrousel-blog-container {padding-left: 20px;}
    .pi-carrousel-blog-container .pi-blogue-snippet-wrapper {display: block;}
    .pi-carrousel-blog-container .pi-carrousel-blog-wrapper {pointer-events: none; white-space: nowrap; overflow: scroll; scroll-behavior: smooth; -ms-overflow-style: none; scrollbar-width: none;}
    .pi-blogue-snippet-wrapper .pi-blogue-snippet-container .article-title {font-size: 20px;}
    .pi-blogue-snippet-wrapper .pi-blogue-snippet-container .subtitle {font-size: 16px;}
    .pi-blogue-snippet-wrapper .pi-blogue-snippet-container .subtitle::before {left: -15px; top: 5px; width: 10px; height: 10px;}
    .pi-blogue-snippet-wrapper .pi-blogue-snippet-container .cta {margin-top: 30px; padding: 6px 30px;}
    .pi-carrousel-blog-container .pi-carrousel-blog-wrapper .pi-carrousel-article {display: inline-block; vertical-align: middle; box-sizing: content-box; white-space: normal; transition: ease .3s;}
    .pi-carrousel-blog-container .pi-carrousel-blog-wrapper .pi-carrousel-article {width: 50%; margin: 0 5%; padding: 40px;}
    .pi-carrousel-blog-container .pi-carrousel-blog-wrapper .pi-carrousel-article a {pointer-events: initial;}
    .pi-carrousel-arrow-container {display: flex;}
}