/************************************************
 **************** Style-v2.css ******************
 ************************************************/


/************************************************ Variables */

:root{

    /** Colors **/
    --color-lavander : #B59DC5;
    --color-apricot : #F7AD73;
    --color-lime : #BFD781;
    --color-shady-mint : #BAD3D1;
    --color-shady-blue : #636DA0;
    --color-blush : #B06968;
    --color-forest : #688C74;
    --color-ocean : #60A69F;
    --color-base-1 : #F0F0EC;
    --color-base-2 : #F2CB13;
    --color-base-3 : #2C285B;
    --color-base-3-light : #514D7B;
    --color-base-cta : #E93685;
    --color-white : #fff;
    --color-base-cta-hover : #C7375F;
    --color-violet : #7800CC;
    --color-blue-light : #8EA1EA;
    --color-giga-cta : #D8005F;

    --color-blue: #0B1950;
    --color-blue-light-2 : #2B6AAB;

    --color-base-3-rgb : 44, 40, 91;
    --color-shady-mint-rgb : 186, 211, 209;
    --color-base-1-rgb : 240, 240, 236;
    --color-base-cta-rbg : 237, 93, 133;

    /** gradient **/
    --gradient-base-3 : linear-gradient(90deg, #2D2E83 0%, #2C285B 100%);

    /** Font size **/
    --titre-large : 3rem;
    --titre-medium : 2.4rem;
    --titre-base: 2rem;
    --titre-small: 2rem;
    --body-large: 2rem;
    --body-medium: 1.6rem;
    --body-base: 1.6rem;
    --body-small: 1.4rem;
    --body-mini: 1.2rem;
    --subtitle-base: 1rem;

    /** Fonts **/
    --font-main: niveau-grotesk, sans-serif;
    --font-title: 'sohnebreit', sans-serif;
    --font-title-light : 'sohnebreit-leicht', sans-serif;
}

@media screen and (min-width: 600px){

    :root{
        /** Font size **/
        --body-medium: 1.8rem;
    }
}

@media screen and (min-width: 1024px){
    :root{
        /** Font size **/
        --titre-large : 6rem;
        --titre-medium : 4rem;
        --titre-base: 2.8rem;
        --titre-small: 2.4rem;
        --body-large: 2.4rem;
        --body-medium: 2rem;
        --body-base: 1.8rem;
        --body-small: 1.6rem;
        --subtitle-base: 1.2rem;
    }
}

@font-face {
    font-family: 'sohnebreit';
    src: url('/wp-content/themes/bb-theme-child/includes/fonts/SohneBreit-Fett.woff2') format('woff2'),
        url('/wp-content/themes/bb-theme-child/includes/fonts/SohneBreit-Fett.woff') format('woff');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'sohnebreit-leicht';
    src: url('/wp-content/themes/bb-theme-child/includes/fonts/SohneBreit-Leicht.woff') format('woff');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

/************************** Reset Beaver Builder style */
.fl-full-width .container{
    padding-left: 0;
    padding-right: 0;
    width: auto;
    max-width: 100%;
}

.fl-full-width .container:before,
.fl-full-width .container:after{
    display: none;
}

p{
    margin: 0;
}

.reset-btn{
    border: none;
    padding: 0;
    margin: 0;
    outline: none;
    background: transparent;
}

.reset-btn:hover,
.reset-btn:focus,
.reset-btn:active{
    background: none;
    border: none;
}

.reset-list{
    list-style: none;
    margin: 0;
    padding: 0;
}

.btn-no-font-size{
    font-size: 0;
}

.hide{
    display: none;
}


/************************************************ Base */
html, body{
    font-size: 10px;
}

body{
    margin: 0;
    padding: 0;
    width: 100%; 
    font-family: niveau-grotesk, sans-serif;
    font-size: 1.8rem;
    color: var(--color-base-3);
    -webkit-font-smoothing: antialiased;
}

/***************************************** Typographie */

.center{
    text-align: center;
}

.title{
    margin: 0;
    font-family: var(--font-title);
    font-style: normal;
    font-weight: 800;
    line-height: 1.2;
    color: var(--color-base-3);
}

.title-section__entry--base{
    max-width: 55rem;
    margin: 0 auto;
}

.title-section__entry--small{
    max-width: 44rem;
    margin: 0 auto;
}

.title-section__entry--large{
    max-width: 66rem;
    margin: 0 auto;
}

.title-section__entry--huge{
    max-width: 72.5rem;
    margin: 0 auto;
}

.title__large{
    font-size: var(--titre-large);
    line-height: 1.1;
}

.title__medium{
    font-size: var(--titre-medium);
}

.title__base{
    font-size: var(--titre-base);
}

.title__small{
    font-size: var(--titre-small);
}

/* body base */
p{
    font-weight: 400;
    font-size: var(--body-base);
    line-height: 1.4;
}

.body{
    font-family: var(--font-main);
    line-height: 1.4;
}

.body__large{
    font-weight: 500;
    font-size:  var(--body-large);
    line-height: 1.2;
}

.body__large--italic{
    font-weight: 400;
    font-style: italic;
}

.body__medium{
    font-weight: 400;
    font-size: var(--body-medium);
}

.body__medium--bold{
    font-weight: 500;
    font-size: var(--body-medium);
    line-height: 1.2;
}

.body__small{
    font-size: var(--body-small);
}

.body__mini{
    font-size: var(--body-mini);
}

.subtitle{
    font-family: var(--font-title);
    text-transform: uppercase;
    letter-spacing: 1.6px;
    line-height: 1;
    padding: 1.2rem;
    border-radius: 1rem;
    display: inline-block;
    background: var(--color-apricot);
    color: var(--color-base-3);
}

.subtitle__base{
    font-size: var(--subtitle-base);
}

.subtitle__small{
    font-size: var(--subtitle-base);
}

.title__strong--base-cta strong{
    color: var(--color-base-cta);
    display: block;
}

@media screen and (min-width: 1024px){
    .title-section__entry--small.title__strong--base-cta strong{
        display: inline;
    }
}


/********************************************** Layout */

/*************************** Columns */
.css-v2 .container{
    max-width: 128rem;
    width: 90%;
    margin: 0 auto;
}

.css-v2 .container__process{
    max-width: 41rem;
    width: 100%;
    padding: 3rem;
    background: var(--color-white);
    overflow: hidden;
}

.css-v2 .container__tiny{
    max-width: 81.6rem;
}

.css-v2 .container__small{
    max-width: 91.1rem;
    width: 95%;
}

.css-v2 .container__large{
    max-width: 106.5rem;
    margin: 0 auto;
}

.css-v2 .container__huge{
    max-width: 114rem;
    margin: 0 auto;
}

@media screen and (min-width: 600px){

    .css-v2 .container__process{
        padding: 4rem 4rem;
        border-radius: 2rem;
        box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.2);
    }

}

@media screen and (min-width: 1024px){
    
    .css-v2 .container__process{
        max-width: 55rem;
    }

}

/*************************** Spacer */

@media screen and (min-width: 1024px){
    .wp-block-spacer.spacer--medium{
        height: 5rem !important;
    }

    .wp-block-spacer.spacer--large{
        height: 10rem !important;
    }
    
    .wp-block-spacer.spacer--huge{
        height: 15rem !important;
    }
}

/***************************************** componnents */

/*************************** Buttons */

    .button{
        font-family: var(--font-main);
        line-height: 1;
        border: none;
    }

    a.button:hover{
        color: initial;
        background-color: transparent;
        border: none;
        text-decoration: none;
    }

    .button__primary,
    .wp-block-button.primary a{
        font-size: 1.8rem;
        font-weight: 500;
        color: var(--color-base-1);
        background: var(--color-base-cta);
        padding: 1.8rem 2.2rem;
        border-radius: 7rem;
        display: inline-block;
        position: relative;
        transition: 600ms cubic-bezier(0.325, 1.320, 0.000, 0.985);
        transform-origin: center;
        overflow: hidden;
    }

    .button__primary span,
    .wp-block-button.primary a span{
        transition: 600ms cubic-bezier(0.325, 1.320, 0.000, 0.985);
        position: relative;
        display: inline-block;
    }

    .button__primary::after,
    .wp-block-button.primary a::after{
        content: attr(data-hover);
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translateX(-50%) translateY(-350%);
        width: 100%;
        text-align: center;
        transition: 600ms cubic-bezier(0.325, 1.320, 0.000, 0.985);
    }

    a.button__primary:hover,
    .wp-block-button.primary a:hover{
        background: var(--color-base-cta-hover);
        transform: scale(0.9);
        color: var(--color-white);
    }

    a.button__primary:focus,
    .wp-block-button.primary a:focus{
        color: var(--color-white);
    }

    a.button__primary:hover span,
    .wp-block-button.primary a:hover span{
        transform: translateY(100px);
    }

    a.button__primary:hover::after,
    .wp-block-button.primary a:hover::after{
        transform: translateX(-50%) translateY(-50%);
    }

    .button__secondaire{
        font-size: 1.8rem;
        line-height: 1.2;
        color: var(--color-base-cta);
        border: 2px solid var(--color-base-cta);
        padding: 2.4rem 0;
        border-radius: 10rem;
        padding: 3rem 2.5rem;
        display: flex;
        justify-content: center;
        align-items: center;
        overflow: hidden;
        position: relative;
        transition: 600ms cubic-bezier(0.325, 1.320, 0.000, 0.985);
    }

    .button__secondaire span{
        transition: 600ms cubic-bezier(0.325, 1.320, 0.000, 0.985);
        position: relative;
        display: inline-block;
    }

    .button__secondaire::after{
        content: "";
        display: block;
        width: 0.8rem;
        height: 1rem;
        margin-left: 1.5rem;
        background: url('/wp-content/uploads/arrow.svg');
        background-repeat: no-repeat;
        background-position: center;
        background-size: contain;
    }

    .button__secondaire::before{
        content: attr(data-hover);
        position: absolute;
        top: 50%;
        left: 45%;
        transform: translateX(-50%) translateY(-350%);
        width: 100%;
        text-align: center;
        transition: 600ms cubic-bezier(0.325, 1.320, 0.000, 0.985);
    }

    a.button__secondaire:hover::before{
        transform: translateX(-50%) translateY(-50%);
    }

    a.button__secondaire:focus{
        color: var(--color-base-cta);
        text-decoration: none;
    }

    a.button__secondaire:hover span{
        transform: translateY(100px);
    }

    a.button__secondaire:hover{
        color: var(--color-base-cta);
        border: 2px solid var(--color-base-cta);
        transform: scale(0.9);
    }

    .button__ternary{
        font-size: 1.5rem;
        line-height: 1.6;
        color: var(--color-base-cta);
        display: inline-block;
        text-decoration: none;
        transition: .3s ease;
    }

    a.button__ternary:hover{
        color: var(--color-base-cta);
        transform: scale(0.95);
    }

    .button__ternary::after{
        content: "";
        display: block;
        width: 100%;
        height: 1px;
        background: var(--color-base-cta);
        margin-top: 0.2rem;
        transition: .3s ease;
    }

    .button__ternary:hover::after{
        transform: scaleX(0);
    }

    @media screen and (min-width : 800px){
        .button__secondaire{
            padding: 2.5rem 3rem;
        }
    }

    @media screen and (min-width: 1024px){
        .button__primary{
            padding: 2.2rem 2.6rem;
        }
    }

/**************************** Header */
.header__top,
.menu__desktop{
    display: none;
}

header{
    padding-top: 3rem;
}

.home header{
    margin-bottom: 3rem;
}

header .header__bottom{
    display: flex;
    align-items: center;
    justify-content: space-between;
}

header .logo{
    max-width: 13.7rem;
    width: 50%;
}

header .logo img{
    width: 100%;
}

header .menu-container{
    width: 50%;
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

header .menu-ham{
    width: 2.5rem;
}

header .menu-ham:hover{
    cursor: pointer;
}

header .menu-ham .menu-ham__el{
    width: 100%;
    display: block;
    height: 0.25rem;
    background: var(--color-base-3);
    border-radius: 1rem;
    margin-bottom: 0.5rem;
}

header .menu-ham .menu-ham__el:nth-child(2){
    margin-bottom: 0;
}

.nav__mobile{
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    z-index: 9997;
    background: var(--gradient-base-3);
    transform: translateX(100%);
    pointer-events: none;
    transition: .3s ease;
}

.nav__mobile--open{
    pointer-events: all;
    transform: translateX(0);
}

.nav__mobile .nav__header{
    padding-top: 3.2rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 9rem;
}

.nav__mobile .nav__header .logo{
    max-width: 10.7rem;
}

.nav__mobile .nav__closebtn{
    color: var(--color-white);
    font-size: 1.6rem;
    line-height: 100%;
    letter-spacing: 0.241px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    transition: .3s ease;
}

.nav__mobile .nav__closebtn img{
    display: inline-block;
    min-width: 1.2rem;
    margin-left: 1.2rem;
}

.nav__mobile .menu{
    list-style: none;
    padding: 0;
    margin: 0;
}

.nav__mobile .menu-item{
    margin-bottom: 2.5rem;
}

.nav__mobile .menu-item:last-child{
    margin-bottom: 0;
}

.nav__mobile .menu-item a{
    color: var(--color-white);
    font-size: 2.4rem;
    font-family: var(--font-title);
    line-height: 100%;
    text-decoration: none;
    width: 100%;
    padding-bottom: 2.5rem;
    border-bottom: 1px solid rgba(255, 255, 255, 0.20);
    display: flex;
    justify-content: space-between;
    align-items: center;
    transition: .3s ease;
}

.nav__mobile .menu-item a::after{
    content:"";
    display: block;
    width: 0.67rem;
    height: 1.3rem;
    background: url('/wp-content/uploads/arrow-4.svg');
    background-repeat: no-repeat;
    background-position: center;
}

.nav__mobile .menu-item a:hover,
.nav__mobile .current-menu-item a{
    color: var(--color-base-2);
    border-bottom: 1px solid var(--color-base-2);
}

.nav__mobile .current-menu-item a{
    pointer-events: none;
}

.nav__mobile .menu-item a:hover::after,
.nav__mobile .current-menu-item a::after{
    background: url('/wp-content/uploads/arrow-base-2.svg');
    background-repeat: no-repeat;
    background-position: center;
}

.nav__mobile .nav__menu--sec{
    margin-top: 2rem;
}

.nav__mobile .nav__menu--sec .menu-item{
    margin-bottom: 0;
}

.nav__mobile .nav__menu--sec .menu-item a{
    border-bottom: 0;
    font-size: 1.4rem;
    font-family: var(--font-title-light);
    padding: 0;
    display: inline-block
}

.nav__mobile .nav__menu--sec .menu-item a::after{
    display: none;
}

@media screen and (min-width : 1024px){

    .menu-ham{
        display: none;
    }

    .menu__desktop,
    .header__top {
        display: block;
    }

    .menu__desktop .menu{
        list-style: none;
        margin: 0;
        padding: 0;
        display: flex;
        justify-content: flex-end;
        align-items: center;
    }

    .menu__desktop .menu-item{
        margin-right: 5rem;
        line-height: 1;
    }
    .menu__desktop .menu-item:last-child{
        margin-right: 0;
    }

    .menu__desktop .menu-item a{
        font-size: 2rem;
        line-height: 1;
        color: var(--color-base-3);
        text-decoration: none;
        transition: .3s ease;
    }

    .menu__desktop .menu-item a:hover,
    .menu__desktop .current-menu-item a{
        color: var(--color-base-2);
    }

    header{
        padding-top: 0rem;
    }

    .home header{
        margin-bottom: 5rem;
    }

    .header__bottom{
        padding-top: 5rem;
    }
    
    header .menu-container {
        width: 85%;
    }

    header .logo {
        width: 20%;
        max-width: 16rem;
    }

    .header__top{
        background: var(--color-base-3);
        color: var(--color-white);

    }

    .header__top .menu__top .menu{
        list-style: none;
        margin: 0;
        padding: 0;
        display: flex;
        justify-content: flex-start;
        align-items: center;
    }

    .header__top .menu__top .menu-item{
        margin-right: 3rem;
        display: flex;
        justify-content: flex-start;
        align-items: center;
    }

    .header__top .menu__top .menu-item::after{
        content: "";
        display: block;
        width: 1px;
        height: 1.2rem;
        background: var(--color-base-1);
        opacity: .3;
        margin-left: 3rem;
    }

    .header__top .menu__top .menu-item:last-child{
        margin-right: 0;
    }

    .header__top .menu__top .menu-item:last-child::after{
        display: none;
    }

    .header__top .menu__top .menu-item a{
        font-size: 1.8rem;
        color: var(--color-white);
        line-height: 1.4;
        text-decoration: none;
        transition: .3s ease;
    }

    .header__top .menu__top .menu-item:first-child a{
        color: var(--color-base-2);
    }

    .header__top .menu__top .menu-item a:hover{
        color: var(--color-base-2);
    }

    .header__top .wrapper{
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

    .header__top--contact .contact-phone{
        margin-left: 3rem;
    }

    .header__top--contact .contact-phone a{
        text-decoration: none;
        background: var(--color-base-cta);
        color: var(--color-white);
        font-size: 1.6rem;
        line-height: 100%;
        letter-spacing: 0.285px;
        padding: 1.5rem 1.7rem;
        display: flex;
        align-items: center;
        transition: .3s ease;
    }

    .header__top--contact .contact-phone a::before{
        content: "";
        display: block;
        width: 1.6rem;
        height: 1.8rem;
        background: url('/wp-content/uploads/casque.svg');
        background-repeat: no-repeat;
        background-size: contain;
        background-position: center;
        margin-right: 1.2rem;

    }

    .header__top--contact .contact-phone a:hover{
        background: var(--color-base-cta-hover);
    }

    .nav__mobile {
        display: none;
    }

    .header__top--contact{
        display: flex;
        align-items: center;
    }
}

@media screen and (min-width: 1280px){

    .menu__desktop .menu-item {
        margin-right: 8rem;
    }

    .menu__desktop .menu-item:last-child{
        margin-right: 0;
    }

    header .logo {
        max-width: 18rem;
    }

}

/**************************** Footer */

footer{
    background: #0B1950;
    padding: 6rem 0 12rem 0;
}

.footer__copy{
    color: var(--color-white);
    text-align: center;
    width: 55%;
    margin: 0 auto 0 auto;
}

footer .menu{
    list-style: none;
    padding: 0;
    margin: 0;
}

footer .menu a{
    text-decoration: none;
}

footer .menu-secondaire,
footer .menu-socials,
footer .footer__copy{
    margin-top: 3rem;
}

footer .footer__el--bottom{
    margin-top: 4rem;
}

footer .menu-secondaire .menu-item{
    text-align: center;
    margin-bottom: 1rem;
}

footer .menu-secondaire .menu-item:last-child{
    margin-bottom: 0;
}

footer .menu-secondaire .menu-item a{
    color: var(--color-white);
    font-size: 1.4rem;
    transition: .3s ease;
}

footer .menu-secondaire .menu-item a:hover,
footer .menu-secondaire .current-menu-item a{
    opacity: .5;
}

footer .menu-socials .menu{
    display: flex;
    justify-content: center;
    align-items: center;
}

footer .menu-socials .menu-item{
    margin-right: 2rem;
}

footer .menu-socials .menu-item:last-child{
    margin-right: 0;
}

footer .menu-socials .menu a{
    display: block;
    font-size: 0;
    width: 2rem;
    height: 2rem;
    transition: .3s ease;
}

footer .menu-socials .menu a:hover{
    transform: scale(1.1);
    opacity: .5;
}

footer .menu-socials .menu .menu-item.facebook a{
    background: url('/wp-content/uploads/Facebook.svg');
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}

footer .menu-socials .menu .menu-item.linkedin a{
    background: url('/wp-content/uploads/Linkedin.svg');
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}

footer .menu-socials .menu .menu-item.instagram a{
    background: url('/wp-content/uploads/instagram.svg');
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}

footer .logo{
    max-width: 5.5rem;
    margin: 0 auto;
}

footer .logo img{
    width: 100%;
    display: block;
}

footer .menu-footer__main ul{
    list-style: none;
    padding: 0;
    margin: 0;
}

footer .menu-footer__main .menu-titre{
    padding-bottom: 2rem;
    margin-bottom: 3rem;
    border-bottom: 1px solid rgba(var(--color-base-1-rgb), 0.2);
    transition: .3s ease;
}

footer .menu-footer__main .menu-titre:last-child{
    margin-bottom: 0;
}

footer .menu-footer__main .menu-titre a{
    color: var(--color-white);
    font-size: 2rem;
    font-weight: 500;
    line-height: 1.2;
    display: flex;
    justify-content: space-between;
    align-items: center;
    transition: .3s ease;
}

footer .menu-footer__main .menu-titre a:after{
    content: "";
    display: block;
    width: 1.5rem;
    height: 1rem;
    background: url('/wp-content/uploads/accordeon.svg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    transition: .2s ease;
}

footer .menu-footer__main .menu-titre-open a::after{
    transform: rotate(180deg);
    background: url('/wp-content/uploads/accordeon-activ.svg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

footer .menu-footer__main .menu-titre-open > a{
    color: var(--color-base-2);
}

footer .menu-footer__main .menu-titre .sub-menu a::after{
    display: none;
}

footer .menu-footer__main .menu-titre:hover,
footer .menu-footer__main .menu-titre-open{
    cursor: pointer;
    border-bottom: 1px solid var(--color-base-2);
}

footer .menu-footer__main .menu-titre:hover a::after{
    background: url('/wp-content/uploads/accordeon-activ.svg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

footer .menu-footer__main .menu-titre:hover > a{
    color: var(--color-base-2);
}


footer .menu-footer__main .menu-titre .sub-menu{
    overflow: hidden;
    height: 0;
    transition: .2s ease;
}

footer .menu-footer__main .menu-titre-open .sub-menu{
    height: 100%;
} 

footer .menu-footer__main .menu-titre .sub-menu .menu-item{
    margin-bottom: 1rem;
}

footer .menu-footer__main .menu-titre .sub-menu .menu-item:last-child{
    margin-bottom: 0;
}

footer .menu-footer__main .menu-titre .sub-menu .menu-item a{
    font-weight: 400;
    font-size: 1.6rem;
}

footer .menu-footer__main .menu-titre .sub-menu .menu-item:first-child{
    margin-top: 1.5rem;
}

footer .menu-footer__main .menu-titre .sub-menu .menu-item a:hover,
footer .menu-footer__main .menu-titre .sub-menu .current-menu-item a{
    color: var(--color-base-2);
}

@media screen and (min-width: 1024px){

    .footer__el--bottom{
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

    footer .logo {
        margin: 0;
    }

    footer .menu-socials .menu a {
        width: 1.5rem;
        height: 1.5rem;
    }

    footer .menu-secondaire, footer .menu-socials, footer .footer__copy {
        margin-top: 0rem;
    }

    footer .menu-secondaire .menu{
        display: flex;
        align-items: center;
    }

    footer .menu-secondaire .menu-item{
        margin-bottom: 0;
        margin-right: 2rem;
    }

    footer .menu-secondaire .menu-item:last-child{
        margin-right: 0;
    }

    .footer__copy {
        width: auto;
        margin: 0;
    }

}

@media screen and (min-width: 1280px){

    footer .menu-footer__main .menu-titre {
        padding-bottom: 0;
        margin-bottom: 0;
        border-bottom: none;
        width: 18%;
    }

    footer .menu-footer__main .menu-titre > a{
        pointer-events: none;
    }

    footer .menu-footer__main .menu-titre .sub-menu {
        height: 100%;
    }

    footer .menu-footer__main .menu-titre a:after {
        display: none;
    }

    footer .menu-footer__main .menu-titre:hover, footer .menu-footer__main .menu-titre-open {
        cursor: inherit;
        border-bottom: none;
    }

    footer .menu-footer__main .menu-titre:hover > a {
        color: var(--color-white);
    }

    footer .menu-footer__main .menu{
        display: flex;
        justify-content: space-between;
        align-items: flex-start;
    }

    footer .menu-footer__main .menu-titre .sub-menu .menu-item:first-child {
        margin-top: 2rem;
    }

    footer .footer__el--top{
        padding-bottom: 4.5rem;
        border-bottom: 1px solid rgba(var(--color-base-1-rgb), 0.2);
    }

    footer .footer__el--bottom {
        margin-top: 4.5rem;
    }

    footer {
        padding: 7.5rem 0 8rem 0;
    }
}

/**************************** Hero banner */
    
.page-service, .home{
    position: relative;
}

.page-service .header__top{
    background: rgba(255, 255, 255, 0.10);
}

.home header{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 100;
}

.home header .menu-ham .menu-ham__el{
    background: var(--color-white);
}

.hero{
    background: #0B1950;
    padding-top: 11.4rem;
    padding-bottom: 6rem;
}


.slide-in__conditions p,
.slide-in__conditions ul{
    margin-bottom: 2rem;
}

.slide-in__conditions .content a{
    color: var(--color-base-cta);
}

.slide-in__conditions .content{
    margin-top: 5rem;
}

.slide-in__conditions .content h2{
    margin-bottom: 2.5rem;
    margin-top: 5rem;
}

.page__hero .btn-container{
    max-width: 65.5rem;
    margin: 5rem auto 2.5rem auto;
}

.page__hero .btn-container .button__primary{
    background: #D8005F;
    border: 1px solid #D8005F;
    display: block;
    width: 100%;
    text-align: center;
    padding: 2.2rem 0;
    margin: 0 auto;
    margin-bottom: 1.3rem;
}

.page__hero .btn-container .button__primary--invert{
    background: transparent;
    border: 1px solid var(--color-white);
}

.page_hero .btn-container .button__primary:last-child{
    margin-bottom: 0;
}

.hero__services--internet .giga-args,
.promo__hp .giga-args{
    pointer-events: none;
    margin: 0 auto 3rem auto;
}

.hero__services--internet .giga-args p,
.promo__hp .giga-args p{
    color: var(--color-white);
    text-align: center;
    margin: 0;
    font-size: 1.6rem;
}

@media screen and (min-width: 600px){

    .services--giga__top .price p {
        font-size: 2.2rem;
    }

    .services--giga__top .price p.promo{
        font-size: 2.8rem;
    }

    .hero__services--internet .giga-args,
    .promo__hp .giga-args{
        position: relative;
    }

    .hero__services--internet .giga-args::after,
    .hero__services--internet .giga-args::before,
    .promo__hp .giga-args::after,
    .promo__hp .giga-args::before{
        content: "";
        width: 20%;
        height: 5rem;
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        z-index: 5;
    }

    .hero__services--internet .giga-args::before,
    .promo__hp .giga-args::before{
        left: 0;
        background: linear-gradient(90deg, #7800CC 62.91%, rgba(120, 0, 204, 0.00) 100%);
    }

    .hero__services--internet .giga-args::after,
    .promo__hp .giga-args::after{
        right: 0;
        background: linear-gradient(90deg, rgba(120, 0, 204, 0.01) -0.01%, #7800CC 41.29%);
    }

    .hero__services--internet .giga-args p,
    .promo__hp .giga-args p{
        margin: 0;
        border-right: 1px solid #F2CB13;
    }
}

@media screen and (min-width: 800px){

    .hero__services--internet .btn-container,
    .page__hero .btn-container{
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

    .services--giga__top .price{
        margin: 5rem auto;
    }

    .hero__services--internet .btn-container .button__primary,
    .page__hero .btn-container .button__primary{
        font-size: 2.4rem;
        padding: 2.7rem 0;
        width: 45%;
        margin-bottom: 0;
    }

}

@media screen and (min-width: 1024px){

    .services--giga__top{
        display: flex;
        justify-content: space-between;
        align-items: center;
        margin-bottom: 5rem;
    }

    .services--giga__top .animation{
        width: 45%;
        max-width: 43.1rem;
        margin: 0 auto 0 0;
    }

    .services--giga__top .divider{
        width: 2px;
        height: 12rem;
        margin: 0;
    }

    .hero__services--internet .giga-args,
    .promo__hp .giga-args{
        margin-bottom: 5rem;
    }

    .hero__services--internet .giga-args p,
    .promo__hp .giga-args p{
        font-size: 2rem;
    }

    .services--giga__top .price {
        width: 45%;
        margin: 0 0 0 auto;
    }
}

@media screen and (min-width: 1280px){
    .services--giga__top {
        margin-bottom: 7rem;
    }

    .hero__services--internet .giga-args,
    .promo__hp .giga-args{
        margin-bottom: 7rem;
    }

    .hero__services--internet .giga-args p,
    .promo__hp .giga-args p{
        font-size: 2.2rem;
    }

}

.slider-testimonials .slider-testimonials__el{
    background: #0B4F95;
}

.slider-testimonials .slider-testimonials__el{
    border-radius: 1rem;
    overflow: hidden;
    margin-bottom: 2rem;
}

.slider-testimonials .slider-testimonials__el .content__el--img{
    position: relative;
    overflow: hidden;
    padding-top: 70%;
}

.slider-testimonials .slider-testimonials__el .content__el--img .content__el--shape{
    position: absolute;
    bottom: -10px;
    left: 0;
    width: 100%;
}

.content__el--shape--desktop{
    display: none;
}

.slider-testimonials .slider-testimonials__el .content__el--img .content__el--shape svg{
    width: 100%;
    height: auto;
}

.slider-testimonials .slider-testimonials__el .content__el--img img{
    display: block;
    width: 100%;
    height: auto;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
}

.slider-testimonials .slider-testimonials__el .content__el--text{
    display: flex;
    min-height: 33rem;
}

.slider-testimonials .slider-testimonials__el .content__el--text .wrapper{
    padding: 3.5rem;
    max-width: 52rem;
    margin: auto;
}

.slider-testimonials .slider-testimonials__el .content__el--text .titre{
    margin-bottom: 2.5rem;
}

.slider-testimonials .slider-testimonials__el .content__el--text .text{
    color: var(--color-base-1);
    font-size: 2.2rem;
    margin-bottom: 2.5rem;
}

.slider-testimonials .slider-testimonials__el .content__el--text .text--sup{
    color: var(--color-base-1);
    font-size: 1.2rem;
}

.slider-testimonials .slider-testimonials__el .content__el--text .text--client{
    color: var(--color-base-2);
    font-size: 1.6rem;
}

.slider-testimonials .slider-testimonials__el .content__el--text .rate{
    font-size: 2rem;
    color: var(--color-base-1);
    display: flex;
    align-items: center;
}

.slider-testimonials .slider-testimonials__el .content__el--text .rate p{
    margin-right: 1rem;
}

.slider-testimonials .slider-testimonials__el .content__el--text .rate ul{
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    align-items: center;
}

.slider-testimonials .slider-testimonials__el .content__el--text .rate__el{
    display: block;
    width: 1.7rem;
    height: 1.7rem;
    background: url('/wp-content/uploads/Star-1.svg') no-repeat center / contain;
    margin-right: 3px;
}

.slider-testimonials .slider-testimonials__el .content__el--text .rate__el:last-child{
    margin-right: 0;
}

.slider-testimonials .swiper-button-next, .slider-testimonials .swiper-button-prev{
    top: auto;
    bottom: 0;
    background: var(--color-base-1);
    border: 1px solid var(--color-base-1);
    z-index: 13;
    transition: .3s ease;
}

.slider-testimonials .swiper-button-next::after, .slider-testimonials .swiper-button-prev::after{
    color: #2B6AAB;
}

.slider-testimonials .swiper-button-next:hover, .slider-testimonials .swiper-button-prev:hover{
    transform: scale(0.9);
}

.slider-testimonials .swiper-button-next{
    right: 7%;
}

.slider-testimonials .swiper-button-prev{
    left: 7%;
}

.slider-testimonials .swiper-pagination{
    position: relative;
    margin-top: 3rem;
    bottom: 0;
    transform: translateY(-15px);
}

.slider-testimonials .swiper-pagination-bullet{
    background: rgba(255, 255, 255, 0.30);
    opacity: 1;
}

.slider-testimonials .swiper-pagination-bullet-active{
    background: var(--color-base-1);
    width: 2rem;
    border-radius: 80px;
}

@media screen and (min-width: 600px){

    .slider-testimonials .swiper-button-next {
        right: 25%;
    }
    .slider-testimonials .swiper-button-prev{
        left: 25%;
    }
}

@media screen and (min-width: 900px){

    .slider-testimonials__el .content{
        display: flex;
        align-items: center;
    }

    .slider-testimonials .slider-testimonials__el .content__el--img{
        width: 50%;
        padding-top: 52%;
    }

    .slider-testimonials .slider-testimonials__el .content__el--text{
        width: 50%;
        max-width: 78rem;
    }

    .slider-testimonials .swiper-pagination{
        width: 100%;
    }

    .slider-testimonials .slider-testimonials__el .content__el--img img {
        width: auto;
        max-width: initial;
        min-height: 100%;
    }

    .content__el--shape--mobile{
        display: none;
    }

    .content__el--shape--desktop{
        display: block;
    }

    .slider-testimonials .slider-testimonials__el .content__el--img .content__el--shape{
        width: auto;
        height: 100%;
        bottom: 0;
        left: auto;
        right: -2px;
    }

    .slider-testimonials .slider-testimonials__el .content__el--img .content__el--shape svg{
        width: auto;
        height: 100%;
    }

}

@media screen and (min-width: 1024px){

    .slider-testimonials .slider-testimonials__el .content__el--img {
        padding-top: 51%;
    }

    .slider-testimonials .slider-testimonials__el .content__el--text .wrapper {
        padding: 5rem 4rem;
    }

    .slider-testimonials .slider-testimonials__el .content__el--text {
        width: 55%;
    }

    .slider-testimonials .slider-testimonials__el .content__el--img {
        width: 45%;
    }
}

@media screen and (min-width: 1280px){

    .slider-testimonials .slider-testimonials__el .content__el--img img {
        width: auto;
        max-width: initial;
        height: 100%;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }

    .slider-testimonials .slider-testimonials__el .content__el--text .wrapper{
        max-width: 52rem;
        margin: auto;
    }

    .slider-testimonials .slider-testimonials__el .content__el--text .titre{
        margin-bottom: 5rem;
    }

    .slider-testimonials .slider-testimonials__el .content__el--text .text{
        font-size: 2.8rem;
        margin-bottom: 5rem;
    }

    .slider-testimonials .slider-testimonials__el .content__el--text .text--client{
        font-size: 2rem;
    }
}



.display-all-internet{
    margin-bottom: 5rem;
}

.display-all-internet a{
    color: var(--color-base-3);
}

.display-all-internet .button__ternary::after{
    background: var(--color-base-3);
}

.page__section--internet{
    background: var(--gradient-base-3);
    overflow: hidden;
    height: 0;
    padding: 0 !important;
}

.page__section--internet-show{
    height: 100%;
    padding: 6rem 0 !important;
}

.page__section--internet .title{
    color: var(--color-white);
    margin-bottom: 4rem;
}

@media screen and (min-width: 1024px){
    .page__section--internet .title{
        margin-bottom: 7rem;
    }

    .page__section--internet-show{
        padding: 10rem 0 !important;
    }
}


/******************** section avantages */

    .section-avantages__internet .title{
        text-align: center;
        margin-bottom: 3rem;
    }

    .section-avantages__internet img{
        border-radius: 1rem;
    }

    .section-avantages__internet ul{
        margin: 0;
        padding: 0;
        list-style: none;
    }

    .section-avantages__internet ul li{
        margin-bottom: 3rem;
        display: flex;
        justify-content: flex-start;
        align-items: center;
    }

    .section-avantages__internet ul li::before{
        content: "";
        display: block;
        min-width: 2.88rem;
        height: 2.88rem;
        margin-right: 2rem;
        border-radius: 50%;
        background: url('/wp-content/uploads/list-avantages.svg') var(--color-base-cta);
        background-repeat: no-repeat;
        background-position: center;
        background-size: 50%;
    }

    .section-avantages__internet ul li:last-child{
        margin-bottom: 0;
    }

    .avantages{
        margin-top: 3rem;
        display: flex;
        flex-wrap: wrap;
        align-items: stretch;
    }

    .avantage__el{
        width: 100%;
    }

    .avantage__el .wrapper{
        max-width: 25rem;
        margin: 0 auto;
        padding-bottom: 4rem;

    }

    .avantage__el .titre{
        margin-bottom: 2rem;
    }

    .avantage__el:last-child .wrapper{
        padding-bottom: 0;
    }

    .avantage__el .button{
        margin-top: 1rem;
    }

    .slide-in__avantages .title span{
        color: var(--color-base-cta);
    }

    .slide-in__avantages .vod{
        display: flex;
        justify-content: space-between;
        align-items: stretch;
        flex-wrap: wrap;
    }

    .slide-in__avantages .vod__el{
        width: 48%;
        margin-bottom: 2rem;
    }

    .slide-in__right .channel__el .body {
        margin-bottom: 0;
    }

    .slide-in__right .slide-in__content--radio .channel__grid {
        grid-template-columns: 2rem 2rem 1fr;
    }

    .slide-in__right .slide-in__content--radio .channel__el .channel__number{
        display: none;
    }

    @media screen and (min-width: 780px){
        .section-avantages__internet .title {
            text-align: left;
        }

        .section-avantages__internet{
            align-items: center;
        }

        .avantage__el{
            width: 50%;
        }
    }
    
    @media screen and (min-width: 1024px){
        .avantage__el{
            width: 33.3333%;
        }

        .avantage__el--4,
        .avantage__el--2{
            width: 50%;
        }

        .avantage__el--4 .wrapper{
            max-width: 30.4rem;
        }

        .avantages {
            margin-top: 5rem;
        }

        .section-avantages__internet .wp-block-image{
            max-width: 46.1rem;
        }

        .slide-in__avantages .vod__el{
            width: 30%;
            margin-bottom: 4rem;
        }
    }

    @media screen and (min-width: 1440px){

        html .slide-in__avantages .slide-in__right .channel__el .body {
            margin-bottom: 0;
        }
    }

/******************** section app eltrona */
.section-app{
    padding: 6rem 0;
}

.section-app .subtitle{
    margin-bottom: 1rem;
}

.section-app .title{
    margin-bottom: 1.5rem;
}

.section-app .wp-block-buttons{
    margin-top: 2rem;
}

.section-app .wp-block-buttons .wp-block-button{
    display: block;
    width: 17rem;
    height: 5.6rem;
}

.section-app .wp-block-buttons .wp-block-button a{
    width: 100%;
    height: 100%;
    padding: 0;
    display: block;
    border-radius: 0;
    font-size: 0;
    transition: .3s ease;
}

.section-app .wp-block-buttons .wp-block-button a:hover{
    transform: scale(0.95);
}

.section-app .wp-block-buttons .section-app__appstore a{
    background: url('/wp-content/uploads/app-store.png');
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
}

.section-app .wp-block-buttons .section-app__googleplay a{
    background: url('/wp-content/uploads/google-play.png');
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
}

body .section-app__content{
    max-width: 42.5rem;
    margin: 0 auto;
}

body .section-app__img{
    max-width: 60rem;
    margin: 0 auto;
}

@media screen and (min-width: 781px){
    body .section-app{
        flex-direction: column;
    }
}

@media screen and (min-width: 1024px){
    body .section-app{
        flex-direction: row;
    }

    body .section-app__content{
        max-width: 53.4rem;
    }

    body .section-app__img {
        max-width: 66.2rem;
    }

    .section-app{
        padding: 10rem 0;
    }
}


/******************** Int sales args */

.sales-arg{
    background: var(--color-white);
    border-radius: 1rem;
    padding: 3rem;
    margin: 2rem 0 0 0;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
}

.sales-arg__el{
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin-bottom: 4rem;
    width: 100%;
    max-width: 28rem;
}

.sales-arg__el:last-child{
    margin-bottom: 0;
}

.sales-arg__el img{
    display: block;
    margin-right: 1rem;
}

.sales-arg__el p{
    font-size: 1.6rem;
    line-height: 1.4;
}

@media screen and (min-width: 712px){
    .sales-arg__el:nth-child(odd){
        margin-right: 2rem;
    }

    .sales-arg--8{
        justify-content: space-evenly;
    }

    .sales-arg--8 .sales-arg__el{
        margin-bottom: 3rem;
    }

    .sales-arg--8 .sales-arg__el:nth-child(odd){
        margin-right: 0;
        
    }
}

@media screen and (min-width: 1024px){
    .sales-arg__el p {
        font-size: 1.8rem;
    }

    .sales-arg {
        padding: 3.4rem 3rem;
    }
}

@media screen and (min-width: 1378px){
    .sales-arg__el{
        margin-right: 2rem;
        margin-bottom: 0;
    }

    .sales-arg__el:last-child,
    .sales-arg--8 .sales-arg__el:nth-child(4){
        margin-right: 0;
    }

    .sales-arg--8{
        justify-content: space-between;
    }
}


/******************************* FAQ */
.faq__el--titre{
    margin-bottom: 3rem;
    max-width: 36.3rem;
}
.faq__el--titre .title{
    margin-bottom: 1.5rem;
    margin-top: 1rem;
}

.faq__item{
    padding: 0 0 3rem 0;
    border-bottom: 1px solid rgba(41, 35, 92, 0.20);
}

.faq__item:first-child{
    border-top: 1px solid rgba(41, 35, 92, 0.20);
}

.faq__question{
    margin: 0;
    max-width: 75%;
    font-size: 2rem;
    font-weight: 500;
    line-height: 1.2;
    color: var(--color-base-3);
}

.faq__question--container::after{
    content: "";
    display: block;
    width: 1rem;
    height: 0.5rem;
    background: url('/wp-content/uploads/accordeon-faq.svg');
    background-repeat: no-repeat;
    background-position: center;
    transition: .5s ease;
}

.faq__question--container{
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-top: 3rem;
}

.faq__question--container:hover{
    cursor: pointer;
}

.faq__answer{
    overflow: hidden;
    opacity: 0;
    transition: .5s ease;
}

.faq__answer > p:first-child{
    margin-top: 3rem;
}

.faq__answer p{
    margin-bottom: 2rem;
}

.faq__answer a{
    color: var(--color-base-cta);
    text-decoration: none;
}

.faq__answer a:hover{
    color: var(--color-base-cta-hover);
}

.faq__answer p:last-child{
    margin-bottom: 0;
}

.faq-item-active .faq__answer{
    opacity: 1;
}

.faq-item-active .faq__question--container::after{
    transform: rotate(-180deg);
}

@media screen and (min-width: 1280px){
    .faq{
        display: flex;
        justify-content: space-between;
        align-items: flex-start;
    }

    .faq__el--titre{
        margin-bottom: 0;
        position: sticky;
        top: 5%;
    }

    .faq__el--content{
        max-width: 63rem;
    }
}


/************************* Block with swiper */

.smartphone__container,
.bouquetTV__container{
    background: var(--color-lavander);
    padding: 6rem 0;
}

.bouquetTV__container{
    background: var(--color-shady-blue);
}

.smartphone__container .smartphone__titre,
.bouquetTV__container .bouquetTV__titre{
    margin-bottom: 5rem;
}

.bouquetTV__container .bouquetTV__titre .title{
    color: var(--color-white);
}

.smartphone__container .smartphone__titre .subtitle,
.bouquetTV__container .bouquetTV__titre .subtitle{
    margin-bottom: 1rem;
}

.smartphone__container .smartphone__titre .title,
.bouquetTV__container .bouquetTV__titre .title{
    width: 85%;
    max-width: 47.5rem;
}

.bouquetTV__container .bouquetTV__titre .title{
    max-width: 60.5rem;
}

.smartphone-list .smartphone-list__el:first-child,
.bouquets-list .bouquets-list__el:first-child{
    margin-left: 2rem;
}

.smartphone-list__el{
    background: var(--color-white);
    border-radius: 0.8rem;
    max-width: 28rem;
}

.smartphone-list__el:hover,
.bouquets-list__el:hover{
    cursor: grab;
}

.smartphone-list__el .wrapper{
    padding: 4.4rem 2.6rem;
}

.smartphone__name{
    min-height: 6rem;
}

.smartphone__name p{
    font-size: 2rem;
    font-family: var(--font-title);
    line-height: 1.2;
    margin-bottom: 2rem;
}

.smartphone__thumbnail{
    position: relative;
    margin-bottom: 2.1rem;
}

.smartphone__thumbnail .thumbnail{
    display: block;
    width: 10.8rem;
    margin: 0 auto;
}

.smartphone__thumbnail .price{
    background: var(--color-apricot);
    padding: 1.3rem;
    border-radius: 1.3rem;
    max-width: 16rem;
    position: absolute;
    left: 0;
    top: 25%;
}

.smartphone__thumbnail .price .from{
    font-size: 1.3rem;
    font-family: var(--font-title);
}

.smartphone__thumbnail .price .price__el{
    font-size: 2.6rem;
    font-family: var(--font-title);
    font-weight: 800;
}

.smartphone-list__el .specs .indice,
.slide-in__smartphone .specs .indice{
    background: var(--color-shady-mint);
    padding: 0.6rem 1.5rem;
    border-radius: 0.8rem;
}

.smartphone-list__el .specs,
.slide-in__smartphone .specs{
    margin-bottom: 1.6rem;
}

.smartphone-list__el .specs .indice p,
.slide-in__smartphone .specs .indice p{
    font-size: 1.6rem;
    line-height: 1.4;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.smartphone-list__el .specs .indice p span,
.slide-in__smartphone .specs .indice p span{
    font-size: 2rem;
    font-family: var(--font-title);
    line-height: 1.2;
}

.slide-in__smartphone .slide-in__right{
    display: flex;
}

.slide-in__smartphone .slide-in__right .wrapper{
    margin: auto;
}

.slide-in__smartphone .thumbnail{
    width: 28.2rem;
}

.slide-in__smartphone .smartphone__thumbnail .price {
    left: 15%;
}

.slide-in__smartphone .slide-in__content {
    max-width: 42rem;
    margin: 0 auto;
}

.slide-in__smartphone .specs .indice {
    margin-bottom: 2.5rem;
}

.slide-in__smartphone .specs .indice p {
    font-size: 2rem;
}

.slide-in__smartphone .specs__el{
    padding: 0.6rem 1.5rem;
    border-radius: 1rem;
}
.slide-in__smartphone .specs__el:nth-child(even){
    background: var(--color-base-1);
}

.slide-in__smartphone .specs__el p{
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 1.8rem;
}

.bouquets-list__el{
    background: var(--color-white);
    border-radius: 2rem;
    overflow: hidden;
    max-width: 20.5rem;
    height: 38rem;
    color: var(--color-base-3);
    text-decoration: none;
    border: 2px solid rgba(0, 0, 0, 0);
    transition: .3s ease;
}

.bouquets-list__el:hover,
.bouquets-list__el:focus{
    color: var(--color-base-3);
    text-decoration: none;
    outline: none;
    cursor: pointer;
}

.bouquets-list__el .bouquet__img img{
    display: block;
    height: 102%;
    width: 102%;
    max-width: initial;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.bouquets-list__el .bouquet__chaine{
    height: 25%;
    background: var(--color-white);
    position: relative;
    display: flex;
    transition: .3s ease;
}

.bouquets-list__el .bouquet__chaine img {
    height: 5.5rem;
    width: 5.5rem;
    margin: auto;
    display: block;
}

.bouquets-list__el:nth-child(6) .bouquet__chaine img{
    width: 14rem;
    height: 3rem;
}

.bouquets-list__el .bouquet__chaine .name{
    margin: auto;
    font-size: 2rem;
    text-align: center;
    font-family: var(--font-title);
}

.bouquets-list__el:hover{
    border: 2px solid var(--color-base-cta);
}

.bouquets-list__el:hover .bouquet__chaine{
    background: var(--color-base-cta);
    color: var(--color-white);
}

.bouquets-list__el .bouquet__img{
    position: relative;
    height: 75%;
}

.slide-in__bouquets .channel__logo img{
    display: block;
    height: 8rem;
    max-width: fit-content;
}

.slide-in__content--be-tv .channel__logo img{
    height: 5rem;
}

.slide-in__content--voosport .channel__logo img{
    height: auto;
}

.slide-in__bouquets .channel__logo{
    margin-bottom: 2.5rem;
}

.slide-in__bouquets .title span{
    color: var(--color-base-cta);
}

.slide-in__bouquets .title{
    margin-bottom: 2.5rem;
}

.slide-in__bouquets .content{
    margin-bottom: 2rem;
}

.slide-in__bouquets .price{
    margin-bottom: 2rem;
}

.slide-in__bouquets .btn{
    margin-top: 2rem;
    margin-bottom: 4rem;
}

.slide-in__bouquets .top-content{
    margin-bottom: 4rem;
}

.slide-in__bouquets .price{
    display: flex;
    align-items: center;
}

.slide-in__bouquets .price .body{
    margin-left: 1.5rem;
    margin-bottom: 0;
}

.slide-in__bouquets .price .subtitle{
    text-transform: initial;
}

.slide-in__bouquets .channel__row .body{
    margin-bottom: 0;
}

.slide-in__bouquets .top-content__wrapper{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.slide-in__bouquets .top-content__el{
    width: 48%;
    margin-bottom: 1.5rem;
}

@media screen and (min-width: 1024px){

    .smartphone-list__el {
        max-width: 34rem;
    }

    .bouquets-list__el{
        max-width: 25.5rem;
        height: 43.8rem;
    }

    .smartphone-list__el .wrapper {
        padding: 4.4rem 5.6rem;
    }

    .smartphone__name p {
        font-size: 2.2rem;
    }

    .smartphone__container,
    .bouquetTV__container {
        padding: 10rem 0;
        overflow: hidden;
    }

    .smartphone-list.swiper,
    .bouquets-list.swiper{
        overflow: visible;
    }

    .smartphone-list .smartphone-list__el:first-child,
    .bouquets-list .bouquets-list__el:first-child {
        margin-left: 0rem;
    }

    .bouquets-list__el .bouquet__img img {
        height: auto;
        width: 102%;
    }

    .bouquets-list__el .bouquet__chaine img {
        max-height: 6rem;
        max-width: 19rem;
    }

    .bouquets-list__el .bouquet__chaine .name{
        font-size: 2.6rem;
    }

    .smartphone__container .smartphone__titre .title,
    .bouquetTV__container .bouquetTV__titre .title{
        max-width: 60rem;
    }

    .slide-in__bouquets .top-content__el{
        width: 31%;
        margin-bottom: 1.5rem;
    }
}

@media screen and (min-width: 1280px){
    .slide-in__bouquets .slide-in__left{
        width: 40%;
    }

    .slide-in__avantages .slide-in__left{
        width: 30%;
    }
    
    .slide-in__bouquets .slide-in__right{
        width: 60%;
    }

    .slide-in__avantages .slide-in__right{
        width: 70%;
    }

    .slide-in__bouquets .slide-in__right .wrapper{
        max-width: 75rem;
    }

    .slide-in__avantages .slide-in__right .wrapper{
        max-width: 90rem;
    }

    .slide-in__avantages .channels__container,
    .slide-in__bouquets .channels__container{
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }

    .slide-in__avantages .channel__el,
    .slide-in__bouquets .channel__el{
        max-width: 100%;
        width: 50%;
    }
}

@media screen and (min-width: 1440px){

    .slide-in__avantages .slide-in__right .body {
        max-width: 55rem;
        margin: 0 0 5rem 0;
    }

    .slide-in__bouquets .price .body{
        margin-bottom: 0;
    }
}

/**************************** Switch langue */
.language-selector{
    margin-top: 2.5rem;
}

.language{
    position: relative;
}

.language-selector ul{
    list-style: none;
    padding: 0;
    margin: 0;
    transition: .3s ease;
    position: absolute;
    bottom: -35px;
    left: -1.2rem;
    display: none;
}

.language:hover ul{
    display: block;
}


.language a{
    padding: 5px 10px 5px 0px;
    font-size: 1.8rem;
    color: var(--color-white);
    text-decoration: none;
    display: inline-block;
    transition: .3s ease;
}

.language-selector ul a {
    padding: 5px 20px;
}

.language a:hover,
.language a.current-language{
    color: var(--color-base-2);
}

.language a.current-language{
    pointer-events: none;
    display: flex;
    align-items: center;
}

.language-selector ul{
    background: var(--color-shady-blue);
    border-radius: 5px;
}

.language a.current-language::after{
    content: "";
    display: block;
    min-width: 10px;
    min-height: 5px;
    background: url(/wp-content/uploads/accordeon.svg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    margin-left: 1rem;
    transition: .1s linear;
}

.language:hover a.current-language::after{
    transform: rotate(-180deg);
}


@media screen and (min-width: 1024px){
    .language-selector{
        margin-top: 0;
    }
    .language-selector ul{
        left: -1.2rem;
    }

    .language a{
        font-size: 1.4rem;
    }

    .language-selector ul {
        bottom: -30px;
    }

}

/************************** Block Solutions */

.solutions{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.solutions .wrapper{
    padding: 4.4rem 2.3rem;
    width: 60%;
    max-width: 24rem;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.solution__el{
    width: 100%;
    max-width: 41.3rem;
    background: linear-gradient(115deg, #0B4F95 15.08%, #0F66BF 74.9%), #193C79;
    color: var(--color-base-1);
    margin-bottom: 1.5rem;
    border-radius: 1rem;
    overflow: hidden;
    position: relative;
}

.solution__el .button{
    text-align: center;
}

.solution__el .title{
    color: var(--color-base-1);
    margin-bottom: 0.5rem;
}

.solution__el .solution__text{
    font-style: italic;
    font-weight: 400;
    line-height: 1.2;
    margin-bottom: 3rem;
}

.solution__el:last-child{
    margin-bottom: 0;
}

.solution__el .wrapper{
    position: relative;
    z-index: 4;
}

.solution__el .solution__bkg{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    min-width: 100%;
    min-height: 100%;
}


.solutions .title{
    font-size: 2.7rem;
}

.solutions .solution__subtitle{
    color: #F2CB13;
    font-family: var(--font-title-light);
    font-size: 4rem;
    line-height: 0.6;
}

.solutions .button__primary{
    font-size: 1.4rem;
}

@media screen and (min-width: 920px){
    
    .solution__el:first-child{
        margin-right: 1.5rem;
    }

}

@media screen and (min-width: 1024px){
    .solutions{
        align-items: stretch;
    }
    .solution__el{
        width: 42%;
    }

    .solution__el .solution__text{
        max-width: 100%;
    }

    .solutions .wrapper {
        padding: 3.4rem 2.5rem;
    }
    .solution__el .title {
        font-size: 3.2rem;
    }

    .solutions .button__primary{
        font-size: 1.6rem;
    }

    .solution__el .solution__text{
        margin-bottom: 6rem;
    }

}

@media screen and (min-width: 1280px){
    
    .solutions .wrapper {
        padding: 4.4rem 2rem;
    }

    .solution__el:first-child {
        margin-right: 0;
    }

    .solutions {
        justify-content: space-between;
    }

    .solution__el {
        width: 33%;
        margin-bottom: 0;
    }

    .solutions .button__primary{
        font-size: 1.8rem;
    }

}

@media screen and (min-width: 1440px){

    .solution__el .title {
        font-family: var(--font-title);
    }

    .solutions .solution__subtitle {
        font-size: 5rem;
    }

}


/************************* Liste + icon block */

    .list-icon__el{
        display: flex;
        align-items: center;
        margin-bottom: 4rem;
    }

    .list-icon__el img{
        max-width: 3.4rem;
        margin-right: 2rem;
    }

    .list-icon__el:last-child{
        margin-bottom: 0;
    }

/*********************** Block Social proof */

    .sp{
        background: var(--color-shady-mint);
        border-radius: 1rem;
        overflow: hidden;
        max-width: 58rem;
        margin: 0 auto;
    }

    .sp__content .wrapper{
        padding: 4rem 2.5rem;
    }

    .sp__content .subtitle{
        margin-bottom: 1.5rem;
    }

    .sp__content .texte{
        font-size: 1.8rem;
        font-family: var(--font-title);
        line-height: 1.6;
        max-width: 46rem;
    }

    .sp__img{
        position: relative;
    }

    .sp__img-shape{
        position: absolute;
        bottom: -1px;
        right: 0;
        width: 100%;
    }

    .sp__img-shape svg,
    .sp__img-shape svg path{
        display: block;
        width: 100%;
        height: auto;
    }

    .sp__img-shape svg path{
        fill: var(--color-shady-mint);
    }

    .sp__img--desktop{
        display: none;
    }

    .sp__img-shape .desktop{
        display: none;
    }

    @media screen and (min-width: 1024px) {
        
        .sp{
            max-width: 100%;
            display: flex;
            align-items: stretch;
        }

        .sp__img,
        .sp__content{
            width: 50%;
        }

        .sp__img-shape .mobile{
            display: none;
        }

        .sp__img-shape .desktop{
            display: block;
            transform: rotate(180deg);
        }

        .sp__img-shape{
            display: flex;
            justify-content: flex-end;
            align-items: stretch;
            height: 101%;
            bottom: 50%;
            transform: translateY(50%);
            right: -1px;
            z-index: 4;
        }
        
        .sp__img-shape svg,
        .sp__img-shape svg path{
            width: auto;
            height: 100%;
        }

        .sp__content{
            display: flex;
        }

        .sp__content .wrapper{
            margin: auto;
            padding: 4rem;
        }

        .sp__content .texte{
            max-width: 50rem;
        }
    }

    @media screen and (min-width: 1280px){
        .sp__content .texte{
            font-size: 2.6rem;
        }
    }


/************** elements réassurance */

.section-reassurance{
    background: var(--color-shady-mint);
    padding: 3.5rem;
    border-radius: 1rem;
}

@media screen and (min-width: 780px){
    .section-reassurance .title{
        text-align: left;
    }
}

@media screen and (min-width: 1280px){
    .section-reassurance{
        padding: 7rem;

    }
}

/***************************** Shops */

    .page__section--shops{
        background: #0B1950;
        color: var(--color-base-1);
        padding: 7.5rem 0;
    }


    .page__section--shops--title{
        color: var(--color-base-1);
        font-size: 3.6rem;
        text-align: center;
        line-height: 0.8;
        margin-bottom: 5rem;
    }

    .page__section--shops--title span{
        color: #F2CB13;
        font-family: var(--font-title-light);
        font-size: 8.6rem;
        display: block;
        text-transform: uppercase;
        font-weight: 300;
    }

    .shops__el{
        background: var(--color-base-1);
        border-radius: 10px;
        box-shadow: 0px 0px 34px 0px rgba(0, 0, 0, 0.10);
        color: rgba(44, 40, 91, 0.80);
        max-width: 60rem;
        margin: 0 auto 3rem auto;
    }

    .shops__el:last-child{
        margin-bottom: 0;
    }

    .shops__el .wrapper{
        padding: 3.3rem 2.5rem;
    }

    .shops__title{
        font-family: var(--font-title);
        font-size: 2.4rem;
        text-align: center;
        line-height: 1.2;
        color: var(--color-base-3);
        margin-bottom: 1rem;
    }

    .shops__title--container{
        margin-bottom: 2rem;
    }

    .shops__message{
        color: var(--color-base-cta);
        text-align: center;
        display: none;
    }

    .shops__message--visible{
        display: block;
    }

    .shop__address{
        margin-bottom: 1rem;
        text-align: center;
    }

    .shop__address:last-child{
        margin-bottom: 0;
    }

    .shop__address img{
        display: none;
    }

    .shops__divider{
        margin: 3rem auto;
        width: 80%;
        height: 1px;
        background: rgba(12, 26, 81, 0.10);
    }

    .shops-col__service p{
        text-align: center;
        font-family: var(--font-title);
        font-size: 1.6rem;
        line-height: 1;
        margin: 0;
        margin-bottom: 1.5rem;
        color: var(--color-base-3);
    }

    .shops-col__service ul{
        list-style: none;
        margin: 0;
        padding: 0;

    }

    .shops-col__service ul li{
        margin-bottom: 0.5rem;
        text-align: center;
    }

    .shops-col__service ul li:last-child{
        margin-bottom: 0;
    }

    .shops-col__link p{
        text-align: center;
        font-family: var(--font-title);
        font-size: 1.6rem;
        line-height: 1;
        margin: 0;
        margin-bottom: 2rem;
        color: var(--color-base-3);
    }

    .shops-col__link .btn-container{
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .shops-col__link a{
        font-size: 0;
        display: block;
        width: 4.2rem;
        height: 4.2rem;
        margin-right: 3rem;
        transition: .3s ease;
    }

    .shops-col__link a:hover{
        transform: scale(0.9);
    }

    .shops-col__link a:last-child{
        margin-right: 0;
    }

    .shops-col__link a.waze {
        background: url(/wp-content/uploads/Waze.png);
        background-repeat: no-repeat;
        background-position: center;
        background-size: cover;
    }

    .shops-col__link a.maps {
        background: url(/wp-content/uploads/google-maps-2.svg);
        background-repeat: no-repeat;
        background-position: center;
        background-size: cover;
    }

    .shops-col__link a.plan {
        background: url(/wp-content/uploads/apple-plan.svg);
        background-repeat: no-repeat;
        background-position: center;
        background-size: cover;
    }

    .shops-col__informations .btn-container{
        margin-top: 2rem;
        display: flex;
        justify-content: center;
    }

    @media screen and (min-width: 600px){

        .shop__address img{
            display: inline-block;
            width: 2.1rem;
            max-height: 2.2rem;
            margin-right: 1rem;
        }
    
    }

    @media screen and (min-width: 1024px){

        .shops-col__informations .btn-container{
            justify-content: flex-start;
        }

        .page__section--shops{
            position: relative;
            overflow: hidden;
        }

        .page__section--shops .container{
            position: relative;
            z-index: 5;
        }

        .page__section--shops::before{
            content: "";
            display: block;
            width: 50%;
            max-width: 120rem;
            height: 40%;
            background: url('/wp-content/uploads/shop-bkg-3.png') no-repeat center / cover;
            position: absolute;
            top: 0;
            right: 0;
        }

        .page__section--shops::after{
            content: "";
            display: block;
            width: 140%;
            height: 34rem;
            border-radius: 1560px;
            filter: blur(17.8rem);
            background: var(--color-blue-light-2);
            position: absolute;
            bottom: -8%;
            left: 50%;
            transform: translateX(-50%);
        }

        .shops__el{
            max-width: 100%;
            margin: 0 0 3rem 0;
        }

        .shops-col__informations{
            width: 45%;
        }

        .shops-col__service{
            width: 25%;
        }

        .shops-col__link{
            width: 25%;
        }

        .shops__divider{
            margin: 0;
            width: 1px;
            height: 80%;
        }

        .page__section--shops{
            padding: 15rem 0;
        }

        .page__section--shops--title{
            text-align: left;
            font-size: 5rem;
            margin-bottom: 9rem;
        }

        .page__section--shops--title span{
            font-size: 12rem;
        }

        .shops__title{
            font-size: 2.8rem;
            text-align: left;
        }

        .shops__message{
            text-align: left;
        }

        .shops__title--container{
            margin-bottom: 3.5rem;
        }

        .shops__el .wrapper{
            padding: 4rem;
            display: flex;
            align-items: center;
            justify-content: space-between;
        }

        .shops-col__service p{
            text-align: left;
        }

        .shop__address{
            text-align: left;
            display: flex;
            align-items: center;
        }

        .shops-col__service ul li{
            text-align: left;
        }

        .shops-col__service{
            width: 30%;
        }

    }

    @media screen and (min-width: 1280px){

        .shops__el .wrapper{
            padding: 6.6rem;
        }

        .shops-col__service{
            width: 30%;
        }

        .shops-col__link {
            width: 22%;
        }

        .shops-col__informations{
            width: 39%;
        }

        .shops__divider{
            margin: 0;
            width: 1px;
            height: 14rem;
        }

    }

    @media screen and (min-width: 1420px){

        .shops-col__informations {
            width: 34%;
        }

        
    }

/***************************** Deals */
    .deals, .hero-banner{
        border-radius: 1rem;
        overflow: hidden;
        position: relative;
    }

    .deals.deals__background--lavender,
    .hero-banner.hero__background--lavender{
        background: var(--color-lavander);
    }

    .deals.deals__background--lavender .thumbnail path,
    .hero-banner.hero__background--lavender .thumbnail path{
        fill: var(--color-lavander)
    }

    .deals.deals__background--lavender .title,
    .hero-banner.hero__background--lavender .title{
        color: var(--color-base-3) !important;
    }

    .deals.deals__background--apricot,
    .hero-banner.hero__background--apricot {
        background: var(--color-apricot);
    }

    .deals.deals__background--apricot .thumbnail path,
    .hero-banner.hero__background--apricot .thumbnail path{
        fill: var(--color-apricot);
    }

    .deals.deals__background--lime,
    .hero-banner.hero__background--lime {
        background: var(--color-lime);
    }

    .deals.deals__background--lime .thumbnail path,
    .hero-banner.hero__background--lime .thumbnail path{
        fill: var(--color-lime);
    }

    html .deals.deals__background--lime h1,
    html .deals.deals__background--lime h2,
    html .deals.deals__background--lime p,
    html .hero-banner.hero__background--lime h1,
    html .hero-banner.hero__background--lime h2,
    html .hero-banner.hero__background--lime p{
        color: var(--color-base-3);
    }

    .deals.deals__background--lime .subtitle,
    .hero-banner.hero__background--lime .subtitle{
        background: var(--gradient-base-3);
        color: var(--color-base-1);
    }


    .deals.deals__background--shady-mint,
    .hero-banner.hero__background--shady-mint{
        background: var(--color-shady-mint);
    }

    .deals.deals__background--shady-mint .thumbnail path,
    .hero-banner.hero__background--shady-mint .thumbnail path{
        fill: var(--color-shady-mint);
    }

    .deals.deals__background--shady-blue,
    .hero-banner.hero__background--shady-blue{
        background: var(--color-shady-blue);
    }

    .deals.deals__background--shady-blue .thumbnail path,
    .hero-banner.hero__background--shady-blue .thumbnail path{
        fill: var(--color-shady-blue);
    }

    html .deals.deals__background--shady-blue h1,
    html .deals.deals__background--shady-blue h2,
    html .deals.deals__background--shady-blue p,
    html .hero-banner.hero__background--shady-blue h1,
    html .hero-banner.hero__background--shady-blue h2,
    html .hero-banner.hero__background--shady-blue p{
        color: var(--color-base-1);
    }

    .deals.deals__background--shady-blue .subtitle,
    .hero-banner.hero__background--shady-blue .subtitle{
        background: var(--color-apricot);
        color: var(--color-base-3);
    }

    .deals.deals__background--blush,
    .hero-banner.hero__background--blush{
        background: var(--color-blush);
    }

    .deals.deals__background--blush .thumbnail path,
    .hero-banner.hero__background--blush .thumbnail path{
        fill: var(--color-blush);
    }

    html .deals.deals__background--blush h1,
    html .deals.deals__background--blush h2,
    html .deals.deals__background--blush p,
    html .hero-banner.hero__background--blush h1,
    html .hero-banner.hero__background--blush h2,
    html .hero-banner.hero__background--blush p{
        color: var(--color-white);
    }

    .deals.deals__background--forest{
        background: var(--color-forest);
    }

    .deals.deals__background--forest .thumbnail path{
        fill: var(--color-forest);
    }
    
    .deals.deals__background--ocean{
        background: var(--color-ocean);
    }

    .deals.deals__background--ocean .thumbnail path{
        fill: var(--color-ocean);
    }

    .deals.deals__background--base-1{
        background: var(--color-base-1);
    }

    .deals.deals__background--base-1 .thumbnail path{
        fill: var(--color-base-1);
    }

    .deals.deals__background--base-2{
        background: var(--color-base-2);
    }

    .deals.deals__background--base-2 .thumbnail path{
        fill: var(--color-base-2);
    }

    .deals.deals__background--base-3{
        background: var(--color-base-3);
    }

    .deals.deals__background--base-3 .thumbnail path{
        fill: var(--color-base-3);
    }

    .deals.deals__background--blue-light{
        background: var(--color-blue-light);
    }

    .deals.deals__background--blue-light .thumbnail path{
        fill: var(--color-blue-light);
    }

    .deals.deals__background--blue-light .title{
        color: var(--color-base-3);
    }

    .deals.deals__background--blue-light .title span{
        font-family: var(--font-title-light);
        display: block;
    }

    .deals.deals__background--blue-light .deals__content{
        padding: 3rem 2rem;
    }


    .deals .thumbnail,
    .hero-banner .thumbnail{
        position: relative;
        max-height: 20rem;
        overflow: hidden;
    }

    .deals .thumbnail .thumbnail__shape,
    .hero-banner .thumbnail .thumbnail__shape{
        position: absolute;
        bottom: -5px;
        left: 0;
        width: 100%;
        z-index: 3;
    }

    .deals .thumbnail .thumbnail__shape svg,
    .hero-banner .thumbnail .thumbnail__shape svg{
        width: 100%;
        height: auto;
        display: block;
    }

    .deals .thumbnail__el,
    .hero-banner .thumbnail__el {
        height: 100%;
    }

    .deals .thumbnail__el img,
    .hero-banner .thumbnail__el img{
        display: block;
        width: 100%;
    }

    .deals .deals__content,
    .hero-banner .hero__content{
        padding: 3rem;
        margin-top: -1px;
    }

    .deals .subtitle,
    .hero-banner .subtitle{
        margin-bottom: 1rem;
    }

    .deals__pastille{
        width: 11.2rem;
        height: 11.2rem;
        display: block;
        position: absolute;
        top: 20%;
        right: 2rem;
        z-index: 8;
    }

    .pastille__wrapper{
        position: relative;
        width: 100%;
        height: 100%;
    }

    .pastille__content{
        position: relative;
        z-index: 3;
        width: 100%;
        height: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        text-align: center;
    }

    .pastille__content p{
        font-size: 1rem;
        text-transform: uppercase;
        line-height: 1;
    }

    .pastille__content strong{
        font-size: 1.2rem;
        margin-top: 5px;
        display: block;
        font-family: var(--font-title);
    }

    .pastille__background{
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        z-index: 2;
    }

    .pastille__background svg{
        width: 100%;
        height: 100%;
        display: block;
    }

    .deals__row,
    .hero__row{
        display: grid;
        grid-template-rows: 17% 36% 28%;
        row-gap: 1.6rem;
    }

    /******************* Deals Cards */

    .deals__card{
        margin-bottom: 1.5rem;
        max-width: 61.5rem;
    }

    .deals__card{
        max-width: 41.3rem;
    }

    .deals.deals__card .thumbnail__el {
        height: 100%;
    }

    .deals__card:last-child{
        margin-bottom: 0;
    }

    .wrapper__deals{
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
    }

    .page__archive .wrapper__deals{
        margin-top: 3rem;
    }

    .page__archive .deals__card{
        margin-bottom: 3rem;
    }

    @media screen and (min-width: 980px) {
        .wrapper__deals{
            flex-direction: row;
            justify-content: center;
            align-items: stretch;
            flex-wrap: wrap;
        }

        .page__archive .wrapper__deals{
            justify-content: center;
            align-items: center;
            flex-direction: column;
        }

        .deals__card{
            margin-right: 2rem;
            margin-bottom: 0rem;
            max-width: 48%;
        }

        .page__archive .deals__card:last-child{
            margin-right: 0rem;
        }

        .home .deals__card{
            margin-right: 2rem;
            margin-bottom: 0rem;
            max-width: 31%;
        }

        .deals__card:last-child{
            margin-right: 0;
        }

        .deals .thumbnail {
            max-height: 20rem;
        }

        .page__archive .deals .thumbnail{
            max-height: 26rem;
        }

        .page__archive .deals .title{
            font-size: 2.8rem;
        }

        .deals__row{
            grid-template-rows: 14% 44% 24%;
            row-gap: 2rem;
        }
    }

    @media screen and (min-width: 1024px){
        .page__archive .wrapper__deals{
            flex-direction: row;
            justify-content: space-between;
            align-items: stretch;
            flex-wrap: wrap;
        }

        .page__archive .deals__card{
            margin-right: 0rem;
        }
    }

    @media screen and (min-width: 1150px){
        .page__archive .deals .thumbnail{
            max-height: 30rem;
        }
    }

    @media screen and (min-width: 1280px) {

        .deals .thumbnail {
            max-height: 24.5rem;
        }

        .page__archive .deals .thumbnail{
            max-height: 37rem;
        }

        .page__archive .deals .title {
            font-size: 3.6rem;
        }

        .page__archive .deals__card .deals__row {
            grid-template-rows: 11% 51% 21%;
        }
    }

    @media screen and (min-width: 1440px){
        .page__archive .deals .title {
            font-size: var(--titre-medium);
        }
    }

    /******************* Deals Sticky */

    .deals.deals--sticky .deals__row,
    .hero-banner.hero--sticky .hero__row{
        display: block;
    }

    .deals.deals--sticky .deals__row .button,
    .hero-banner.hero--sticky .hero__row .button{
        margin-top: 1.6rem;
    }

    .deals.deals--sticky .deals__content,
    .hero-banner.hero--sticky .hero__content{
        padding: 4rem 2rem;
    }
    .deals.deals--sticky .deals__content .title,
    .hero-banner.hero--sticky .hero__content .title{
        margin-bottom: 2rem;
    }

    .deals.deals--sticky .thumbnail__el,
    .hero-banner.hero--sticky .thumbnail__el {
        height: 100%;
        overflow: hidden;
    }

    .deals.deals--sticky .thumbnail svg.desktop,
    .hero-banner.hero--sticky .thumbnail svg.desktop{
        display: none;
    }

    .deals.deals--sticky .deals__txt
    .hero-banner.hero--sticky .hero__txt{
        max-width: 50rem;
    }

    .deals.deals--sticky .thumbnail__el--desktop,
    .hero-banner.hero--sticky .thumbnail__el--desktop{
        display: none;
    }

    .page__archive .deals.deals--sticky.deals__background--lavender .title{ 
        color: var(--color-base-3);
    }

    @media screen and (min-width: 600px) {

        .deals.deals--sticky .thumbnail,
        .hero-banner.hero--sticky .thumbnail {
            max-height: 30rem;
        }

        .deals__pastille {
            width: 15rem;
            height: 15rem;
            top: 30%;
        }

        .pastille__content p {
            font-size: 1.4rem;
            max-width: 90%;
        }

        .pastille__content strong {
            font-size: 1.6rem;
        }

        .page__archive .deals.deals--sticky{
            max-width: 41.3rem;
            margin: 0 auto;
        }

        .page__archive .deals__pastille {
            width: 15rem;
            height: 15rem;
            top: 25%;
        }
    }

    @media screen and (min-width: 800px){
        .deals.deals--sticky .thumbnail,
        .hero-banner.hero--sticky .thumbnail {
            max-height: 35rem;
        }

        .deals__pastille {
            top: 35%;
        }
    }

    @media screen and (min-width: 980px){
        .page__archive .deals.deals--sticky{
            max-width: 48%;
        }
    }

    @media screen and (min-width: 1024px){
        .deals.deals--sticky .title{
            max-width: 53.5rem;
        }

        .hero-banner.hero--sticky .title{
            max-width: 46rem;
        }

        .deals.deals--sticky .deals__txt{
            max-width: 37.5rem;
        }
        
        .hero-banner.hero--sticky .hero__txt{
            max-width: 46rem;
        }

        .deals.deals--sticky .deals__content .title,
        .hero-banner.hero--sticky .hero__content .title {
            margin-bottom: 3rem;
            font-size: 4.2rem;
        }

        .hero-banner.hero--sticky .hero__content .title {
            font-size: 3.6rem;
        }

        .deals.deals--sticky .button,
        .hero-banner.hero--sticky .button{
            margin-top: 2rem;
        }

        .deals.deals--sticky .deals__content,
        .hero-banner.hero--sticky .hero__content {
            width: 50%;
        }

        .deals.deals--sticky .thumbnail,
        .hero-banner.hero--sticky .thumbnail {
            width: 50%;
        }

        .deals.deals--sticky,
        .hero-banner.hero--sticky{
            display: flex;
            flex-direction: row-reverse;
            align-items: stretch;
        }

        .deals.deals--sticky .thumbnail,
        .hero-banner.hero--sticky .thumbnail {
            max-height: 100%;
        }

        .deals.deals--sticky .thumbnail__el img,
        .hero-banner.hero--sticky .thumbnail__el img{
            position: absolute;
            top: 0;
            right: 0;
            width: auto;
            height: 100%;
            max-width: initial;
        }

        .hero-banner.hero--sticky .thumbnail__el img{
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
        }

        .deals.deals--sticky .thumbnail .thumbnail__shape,
        .hero-banner.hero--sticky .thumbnail .thumbnail__shape {
            height: 100%;
            width: auto;
            bottom: 0px;
            left: -5px;
        }

        .deals.deals--sticky .thumbnail svg.mobile,
        .hero-banner.hero--sticky .thumbnail svg.mobile{
            display: none;
        }

        .deals.deals--sticky .thumbnail svg.desktop,
        .hero-banner.hero--sticky .thumbnail svg.desktop{
            display: block;
            height: 100%;
            width: auto;
        }

        .deals.deals--sticky .deals__content,
        .hero-banner.hero--sticky .hero__content {
            padding: 5rem 3rem;
        }

        .deals.deals--sticky .pastille__position--top{
            top: 3rem;
            right: 3rem;
        }

        .deals.deals--sticky .pastille__position--bottom{
            top: auto;
            bottom: 3rem;
            right: 4rem;
        }

        .deals.deals--sticky .thumbnail__el--mobile,
        .hero-banner.hero--sticky .thumbnail__el--mobile{
            display: none;
        }

        .deals.deals--sticky .thumbnail__el--desktop,
        .hero-banner.hero--sticky .thumbnail__el--desktop{
            display: block;
        }

        .page__archive .deals.deals--sticky{
            max-width: 100%;
        }
        
    }

    @media screen and (min-width: 1150px){
        
        .deals.deals--sticky .deals__content,
        .hero-banner.hero--sticky .hero__content {
            padding: 6.5rem 6rem;
        }

        .deals.deals--sticky .thumbnail,
        .hero-banner.hero--sticky .thumbnail {
            width: 47%;
        }

    }

    @media screen and (min-width: 1280px){

        .deals.deals--sticky .deals__content .title,
        .hero-banner.hero--sticky .hero__content .title {
            font-size: 4.8rem;
        }

        .deals.deals--sticky .deals__content,
        .hero-banner.hero--sticky .hero__content {
            width: 57%;
        }

        .deals.deals--sticky .thumbnail,
        .hero-banner.hero--sticky .thumbnail {
            width: 43%;
        }

    }

    @media screen and (min-width: 1366px){
        .deals.deals--sticky .deals__content,
        .hero-banner.hero--sticky .hero__content {
            padding: 8.4rem 9rem;
            padding-right: 3rem;
        }

        .deals.deals--sticky .thumbnail {
            width: 50%;
        }


        .hero-banner.hero--sticky .thumbnail{
            width: 60%;
        }

        .deals__pastille,
        .page__archive .deals__pastille {
            width: 20rem;
            height: 20rem;
        }

        .pastille__content p {
            font-size: 1.8rem;
        }

        .pastille__content strong {
            font-size: 2.4rem;
        }
    }

    @media screen and (min-width: 1440px){
        .deals.deals--sticky .deals__content .title{
            font-size: var(--titre-large);
        }


        .hero-banner.hero--sticky .hero__content .title {
            font-size: var(--titre-medium);
        }

        .deals.deals--sticky .thumbnail {
            width: 43%;
        }

        .deals.deals--sticky .title {
            max-width: 100%;
        }

        .deals.deals--sticky .thumbnail__el img,
        .hero-banner.hero--sticky .thumbnail__el img{
            height: 100%;
        }
    }

/************************ Formulaire */
    .gform_wrapper.gravity-theme .gform_page_footer{
        margin: 0;
        padding: 0;
    }

    .gform_wrapper.gravity-theme .process-section-btn .button__primary,
    .gform_wrapper.gravity-theme .gform_page_footer .gform_next_button,
    .gform_wrapper.gravity-theme .gform_page_footer input[type=submit],
    .gform_wrapper.gravity-theme .gform_footer input[type=submit] {
        display: block;
        width: 100%;
        padding: 2.7rem 2rem;
        background: var(--color-base-cta);
        color: var(--color-base-1);
        font-size: 2rem;
        line-height: 1.2 !important;
        font-weight: 500;
        text-align: center;
        border-radius: 11rem;
        border: none;
        margin: 0;
        margin-top: 1rem;
        transition: .3s ease;
    }

    .process-section-margtop{
        margin-top: 2.5rem;
    }

    .gform_wrapper.gravity-theme .process-section-btn .button__primary,
    .process-commande .gform_wrapper.gravity-theme .gform_page_footer .gform_next_button,
    .process-commande .gform_wrapper.gravity-theme .gform_page_footer input[type=submit]{
        background: var(--color-base-cta);
        color: var(--color-white);
    }

    .process-commande .gform_wrapper.gravity-theme .toggle-checkbox .gchoice{
        width: 100%;
    }

    .process-section-btn-container{
        margin-top: 0 !important;
    }

    .gform_wrapper.gravity-theme .process-section-btn .button__primary:hover,
    .gform_wrapper.gravity-theme .gform_page_footer .gform_next_button:hover,
    .gform_wrapper.gravity-theme .gform_page_footer input[type=submit]:hover,
    .gform_wrapper.gravity-theme .gform_footer input[type=submit]:hover{
        /* background: #E5AD76; */
        transform: scale(0.98);
        box-shadow: inset 0px 0px 20px rgba(0, 0, 0, 0.25);

    }

    .gform_wrapper.gravity-theme .gfield--type-checkbox,
    .gform_wrapper.gravity-theme .gfield--type-address .copy_values_option_container,
    .gform_wrapper.gravity-theme .gfield--type-checkbox .gchoice{
        position: relative;
    }


    .gform_wrapper.gravity-theme .gfield--type-radio input,
    .gform_wrapper.gravity-theme .gfield--type-checkbox input,
    .gform_wrapper.gravity-theme .gfield--type-address .copy_values_option_container input,
    .gform_wrapper.gravity-theme .gfield--type-survey.gf_style_satisfaction_yes-no input,
    .gform_wrapper.gravity-theme .gfield--type-checkbox .gchoice input{
        appearance: none;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        outline: none;
    }

    .gform_wrapper.gravity-theme .gfield--type-radio label,
    .gform_wrapper.gravity-theme .gfield--type-survey.gf_style_satisfaction_yes-no label,
    .gform_wrapper.gravity-theme .gfield--type-checkbox .gchoice label{
        font-size: 1.6rem;
        margin: 0;
        line-height: 1.4;
        color: rgba(var(--color-base-3-rgb), 0.5);
        background: var(--color-base-1);
        border-radius: 1.5rem;
        padding: 1.8rem 2.8rem;
        min-width: 10rem;
        text-align: center;
        display: block;
        max-width: 100%;
        font-weight: 400;
        border: 0.2rem solid transparent;
    }

    .gform_wrapper.gravity-theme .gfield--type-radio .gfield_radio,
    .gform_wrapper.gravity-theme .gfield--type-survey.gf_style_satisfaction_yes-no .gfield_radio,
    .gform_wrapper.gravity-theme .gfield--type-checkbox .gfield_checkbox{
        display: flex;
        justify-content: space-evenly;
        align-items: center;
        flex-wrap: wrap;
    }

    .gform_wrapper.gravity-theme .gfield--type-survey.gf_style_satisfaction_yes-no .gfield_radio,
    .gform_wrapper.gravity-theme .gfield--type-checkbox .gfield_checkbox{
        justify-content: flex-start;
    }

    .gform_wrapper.gravity-theme .gfield--type-survey.gf_style_satisfaction_yes-no .gfield_radio .gchoice,
    .gform_wrapper.gravity-theme .gfield--type-checkbox .gfield_checkbox .gchoice{
        margin-right: 1.5rem;
        position: relative;
    }

    .gform_wrapper.gravity-theme .gfield--type-checkbox .gfield_checkbox .gchoice{
        margin-bottom: 1.5rem;
    }

    .gform_wrapper.gravity-theme .gfield--type-radio.flex-start .gfield_radio{
        justify-content: flex-start;
    }

    .gform_wrapper.gravity-theme .gfield--type-radio .gchoice{
        margin-bottom: 1.5rem;
        position: relative;
    }

    .gform_wrapper.gravity-theme .gfield--type-radio .gchoice:nth-child(4),
    .gform_wrapper.gravity-theme .gfield--type-radio .gchoice:nth-child(2){
        margin-right: 0;
    }

    .gform_wrapper.gravity-theme .gfield--type-radio .gchoice:hover label,
    .gform_wrapper.gravity-theme .gfield--type-radio .gchoice:focus label, 
    .gform_wrapper.gravity-theme .gfield--type-radio .gchoice input:checked + label,
    .gform_wrapper.gravity-theme .gfield--type-checkbox .gfield_checkbox .gchoice:hover label,
    .gform_wrapper.gravity-theme .gfield--type-checkbox .gfield_checkbox .gchoice:focus label,
    .gform_wrapper.gravity-theme .gfield--type-checkbox .gfield_checkbox .gchoice input:checked +label,
    .gform_wrapper.gravity-theme .gfield--type-survey.gf_style_satisfaction_yes-no .gchoice:hover label,
    .gform_wrapper.gravity-theme .gfield--type-survey.gf_style_satisfaction_yes-no .gchoice:focus label,
    .gform_wrapper.gravity-theme .gfield--type-survey.gf_style_satisfaction_yes-no .gchoice input:checked + label{
        cursor: pointer;
        background: var(--color-ocean);
        color: var(--color-white);
    }

    .gform_wrapper.gravity-theme .gfield--type-radio legend{
        font-size: 1.8rem;
        color: var(--color-base-3);
        font-weight: 400;
        line-height: 140%;
        border: none;
        margin-bottom: 2rem;
    }

    .gform_wrapper.gravity-theme .gfield--type-text,
    .gform_wrapper.gravity-theme .gfield--type-email,
    .gform_wrapper.gravity-theme .gfield--type-select,
    .gform_wrapper.gravity-theme .gfield--type-textarea,
    .gform_wrapper.gravity-theme .gfield--type-phone{
        position: relative;
    }

    .gform_wrapper.gravity-theme .gfield--type-email{
        margin-bottom: 2rem;
    }

    .gform_wrapper.gravity-theme .gfield--type-text:not(.gfield_visibility_hidden),
    .gform_wrapper.gravity-theme .gfield--type-email:not(.gfield_visibility_hidden),
    .gform_wrapper.gravity-theme .gfield--type-phone:not(.gfield_visibility_hidden),
    .gform_wrapper.gravity-theme .gfield--type-textarea:not(.gfield_visibility_hidden),
    .gform_wrapper.gravity-theme .gfield--type-select:not(.gfield_visibility_hidden) label,
    .gform_wrapper.gravity-theme .ginput_container_address span{
        position: relative;
        flex: 0 0 100%;
    }

    .gform_wrapper.gravity-theme .ginput_container_address span,
    .process-section .gform_wrapper.gravity-theme .ginput_full:not(:last-of-type){
        margin-bottom: 0;
    }

    .gform_wrapper.gravity-theme .gfield--type-text:not(.gfield_visibility_hidden) label,
    .gform_wrapper.gravity-theme .gfield--type-email:not(.gfield_visibility_hidden) label,
    .gform_wrapper.gravity-theme .gfield--type-select:not(.gfield_visibility_hidden) label,
    .gform_wrapper.gravity-theme .gfield--type-phone:not(.gfield_visibility_hidden) label,
    .gform_wrapper.gravity-theme .gfield--type-textarea:not(.gfield_visibility_hidden) label,
    .gform_wrapper.gravity-theme .ginput_container_address span label{
        position: absolute;
        top: 3.6rem;
        left: 3rem;
        width: 100%;
        pointer-events: none;
        color: rgba(var(--color-base-3-rgb), 0.5);
        transform: translateY(-50%);
        font-size: 1.6rem;
        line-height: 1.4;
        transition: .3s ease;
        font-weight: 400;
        z-index: 2;
    }

    .gform_wrapper.gravity-theme .gfield--type-text:not(.gfield_visibility_hidden) label,
    .gform_wrapper.gravity-theme .gfield--type-email:not(.gfield_visibility_hidden) label,
    .gform_wrapper.gravity-theme .gfield--type-phone:not(.gfield_visibility_hidden) label,
    .gform_wrapper.gravity-theme .ginput_container_address span label{
        top: 4rem;
    }

    html .gform_wrapper.gravity-theme .ginput_complex span{
        margin-bottom: 2rem;
    }

    html .process-commande .gform_wrapper.gravity-theme .ginput_complex span{
        margin-bottom: 0rem;
    }

    @media screen and (min-width:600px){
        .gform_wrapper.gravity-theme .gfield--type-text:not(.gfield_visibility_hidden) label,
        .gform_wrapper.gravity-theme .gfield--type-email:not(.gfield_visibility_hidden) label,
        .gform_wrapper.gravity-theme .gfield--type-phone:not(.gfield_visibility_hidden) label,
        .gform_wrapper.gravity-theme .gfield--type-textarea:not(.gfield_visibility_hidden) label,
        .gform_wrapper.gravity-theme .ginput_container_address span label{
            top: 3.6rem;
        }
    }

    .gform_wrapper.gravity-theme .gfield--type-textarea:not(.gfield_visibility_hidden) textarea{
        resize: none;
    }


    .gform_wrapper.gravity-theme .gfield--type-text:not(.gfield_visibility_hidden) input,
    .gform_wrapper.gravity-theme .gfield--type-phone:not(.gfield_visibility_hidden) input,
    .gform_wrapper.gravity-theme .gfield--type-textarea:not(.gfield_visibility_hidden) textarea,
    .gform_wrapper.gravity-theme .gfield--type-select select,
    .gform_wrapper.gravity-theme .gfield--type-email:not(.gfield_visibility_hidden) input,
    .gform_wrapper.gravity-theme .ginput_container_address span input,
    .gform_wrapper.gravity-theme .ginput_container_date input,
    .gform_wrapper.gravity-theme .gfield--type-fileupload .btn__upload{
        appearance: none;
        background: var(--color-base-1);
        border: 0.2rem solid var(--color-base-1);
        color: var(--color-base-3);
        font-size: 1.8rem;
        border-radius: 1.5rem;
        padding: 3.5rem 3rem 1.5rem 3rem;
        line-height: 1 !important;
        outline: none;
    }

    .gform_wrapper.gravity-theme .gfield--type-fileupload .btn__upload{
        padding: 2.6rem 3rem 2.6rem 3rem;
        color: rgba(var(--color-base-3-rgb), 0.5);
    }

    .gform_wrapper.gravity-theme .ginput_container_date input::placeholder{
        color: rgba(var(--color-base-3-rgb), 0.5);
    }

    .gform_wrapper.gravity-theme .gfield--type-select select{
        color: transparent;
    }

    .gform_wrapper.gravity-theme .ginput_container_date input{
        width: 100%;
    }

    .gform_wrapper.gravity-theme .ginput_container_date input{
        padding: 1.7rem 2rem 2rem 2rem;
    }

    .gform_wrapper.gravity-theme .gfield--type-select .ginput_container_select,
    .gform_wrapper.gravity-theme .ginput_container_date{
        position: relative;
    }

    .gform_wrapper.gravity-theme .gfield--type-select .ginput_container_select::after,
    .gform_wrapper.gravity-theme .ginput_container_date::after{
        content: "";
        display: block;
        width: 1.2rem;
        height: 1.2rem;
        background: url('/wp-content/uploads/select-arrow.svg');
        background-repeat: no-repeat;
        background-size: contain;
        background-position: center;
        position: absolute;
        top: calc(50% - 1rem);
        transform: translateY(-50%);
        right: 3rem;
        pointer-events: none;
    }

    .gform_wrapper.gravity-theme .gfield--type-text.onfocus label,
    .gform_wrapper.gravity-theme .gfield--type-email.onfocus label,
    .gform_wrapper.gravity-theme .gfield--type-phone.onfocus label,
    .gform_wrapper.gravity-theme .gfield--type-textarea.onfocus label,
    .gform_wrapper.gravity-theme .gfield--type-select.onfocus label,
    .gform_wrapper.gravity-theme .gfield--type-address .ginput_container_address span.onfocus label{
        font-size: 1.2rem;
        transform: translateY(-2.3rem);
    }

    .gform_wrapper.gravity-theme .gfield--type-text.onfocus label,
    .gform_wrapper.gravity-theme .gfield--type-email.onfocus label,
    .gform_wrapper.gravity-theme .gfield--type-textarea.onfocus label,
    .gform_wrapper.gravity-theme .gfield--type-phone.onfocus label,
    .gform_wrapper.gravity-theme .gfield--type-address .ginput_container_address span.onfocus label{
        transform: translateY(-2.8rem);
    }

    @media screen and (min-width: 600px){
        .gform_wrapper.gravity-theme .gfield--type-text.onfocus label,
        .gform_wrapper.gravity-theme .gfield--type-email.onfocus label,
        .gform_wrapper.gravity-theme .gfield--type-textarea.onfocus label,
        .gform_wrapper.gravity-theme .gfield--type-phone.onfocus label,
        .gform_wrapper.gravity-theme .gfield--type-address .ginput_container_address span.onfocus label{
            transform: translateY(-2.3rem);
        }
    }

    .gform_wrapper.gravity-theme .gfield--type-text.onfocus input,
    .gform_wrapper.gravity-theme .gfield--type-email.onfocus input,
    .gform_wrapper.gravity-theme .gfield--type-textarea.onfocus textarea,
    .gform_wrapper.gravity-theme .gfield--type-phone.onfocus input,
    .gform_wrapper.gravity-theme .gfield--type-select.onfocus select,
    .gform_wrapper.gravity-theme .gfield--type-address .ginput_container_address span.onfocus input{
        border: 0.2rem solid var(--color-ocean);
    }


    .gform_wrapper.gravity-theme .toggle-checkbox .gchoice,
    .gform_wrapper.gravity-theme .gfield--type-address .copy_values_option_container{
        margin-right: 0;
        border: 1px solid #E9E9E9;
        border-radius: 1rem;
        padding: 2rem 1rem;
        display: flex;
        justify-content: flex-end;
        align-items: center;
        flex-direction: row-reverse;
        transition: .8s ease;
    }

    .gform_wrapper.gravity-theme .toggle-checkbox .gchoice label,
    .gform_wrapper.gravity-theme .gfield--type-address .copy_values_option_container label{
        text-align: left;
        font-size: 1.6rem;
        background: transparent;
        border: none;
        border-radius: 0;
        padding: 0;
        min-width: auto;
        font-size: 1.4rem;
        line-height: 1.4;  
        color: rgba(var(--color-base-3-rgb), 0.5);
        font-weight: 400;
    }

    .gform_wrapper.gravity-theme .toggle-checkbox .gchoice .toggle,
    .gform_wrapper.gravity-theme .gfield--type-address .copy_values_option_container .toggle{
        display: block;
        min-width: 3rem;
        height: 1.6rem;
        background: url('/wp-content/uploads/toggle-inside.svg') #D9D9D9;
        background-repeat: no-repeat;
        background-position: center;
        border-radius: 6rem;
        margin-right: 1rem;
        position: relative;
        transition: .8s ease;
        pointer-events: none;
    }

    .gform_wrapper.gravity-theme .toggle-checkbox .gchoice .toggle__el,
    .gform_wrapper.gravity-theme .gfield--type-address .copy_values_option_container .toggle__el{
        display: block;
        background: var(--color-white);
        width: 1.2rem;
        height: 1.2rem;
        border-radius: 50%;
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        left: 2px;
        transition: .3s ease;
    }

    .gform_wrapper.gravity-theme .toggle-checkbox .gchoice:hover label,
    .gform_wrapper.gravity-theme .toggle-checkbox .gchoice:focus label, 
    .gform_wrapper.gravity-theme .toggle-checkbox .gchoice input:checked + label,
    .gform_wrapper.gravity-theme .gfield--type-address .copy_values_option_container:hover label,
    .gform_wrapper.gravity-theme .gfield--type-address .copy_values_option_container:focus label,
    .gform_wrapper.gravity-theme .gfield--type-address .copy_values_option_container input:checked + label{
        background: transparent !important;
        color: var(--color-ocean) !important;
    }

    .gform_wrapper.gravity-theme .toggle-checkbox .gchoice.toggle__active,
    .gform_wrapper.gravity-theme .gfield--type-address .copy_values_option_container.toggle__active{
        border: 1px solid  var(--color-ocean);
    }



    .gform_wrapper.gravity-theme .toggle-checkbox .gchoice.toggle__active .toggle,
    .gform_wrapper.gravity-theme .gfield--type-address .copy_values_option_container.toggle__active .toggle{
        background-color: var(--color-ocean);
    }

    .gform_wrapper.gravity-theme .toggle-checkbox .gchoice.toggle__active .toggle__el,
    .gform_wrapper.gravity-theme .gfield--type-address .copy_values_option_container.toggle__active .toggle__el{
        left: calc(100% - 14px);
    }

    .gform_required_legend,
    .gform_validation_errors{
        display: none;
    }

    .gform_wrapper.gravity-theme .gfield_validation_message, .gform_wrapper.gravity-theme .validation_message {
        background: transparent;
        border: none;
        font-size: 1.4rem;
        color: var(--color-blush);
        margin-top: 8px;
        padding: 0;
        padding-left: 1rem;
    }

    .gform_wrapper.gravity-theme .gfield--type-text.gfield_error input,
    .gform_wrapper.gravity-theme .gfield--type-radio.gfield_error label,
    .gform_wrapper.gravity-theme .gfield--type-email.gfield_error input,
    .gform_wrapper.gravity-theme .gfield--type-phone.gfield_error input{
        border: 0.2rem solid var(--color-blush);
    }

    .gform_wrapper.gravity-theme .gfield--type-text.gfield_error label,
    .gform_wrapper.gravity-theme .gfield--type-radio.gfield_error label,
    .gform_wrapper.gravity-theme .gfield--type-email.gfield_error label,
    .gform_wrapper.gravity-theme .gfield--type-phone.gfield_error label,
    .gform_wrapper.gravity-theme .gfield--type-checkbox.gfield_error label{
        color: var(--color-blush);
    }

    .gform_wrapper.gravity-theme .toggle-checkbox.gfield_error .gchoice{
        border: 1px solid var(--color-blush);
    }

    .gform_wrapper.gravity-theme .toggle-checkbox.gfield_error label{
        border: none;
    }

    .gform_wrapper.gravity-theme input[type=text]:-webkit-autofill,
    .gform_wrapper.gravity-theme input[type=text]:-webkit-autofill:hover,
    .gform_wrapper.gravity-theme input[type=text]:-webkit-autofill:focus{
        -webkit-text-fill-color: var(--color-base-3) !important;
    }

    .gform_wrapper.gravity-theme input[type=text]:-webkit-autofill{
        -webkit-box-shadow: 0 0 0px 1000px var(--color-base-1) inset !important;
    }

    .gform_wrapper.gravity-theme .gform_page_footer{
        position: relative;
    }

    .gform_wrapper .gform_ajax_spinner {
        position: absolute;
        top: 50%;
        right: 30px;
        transform: translateY(-50%);
        width: 30px;
        height: 30px;
    }

    .gform_wrapper.gravity-theme .gform_fields {
        grid-column-gap: 0;
        grid-row-gap: 0px;
    }

    .gform_wrapper.gravity-theme input[type=text],
    .gform_wrapper.gravity-theme select{
        margin-bottom: 2rem;
    }

    .gform_wrapper.gravity-theme select:hover,
    .gform_wrapper.gravity-theme input:hover{
        cursor: pointer;
    }

    .gform_wrapper.gravity-theme .gfield + .gfield--type-html,
    .gform_wrapper.gravity-theme .gfield--type-html + .gfield--type-address{
        margin-top: 3rem;
    }

    .gform_wrapper.gravity-theme .gfield--type-address + .gfield--type-html{
        margin-top: 0rem;
    }

    .infos--field{
        font-size: 1.4rem;
        color: var(--color-ocean);
    }

    .gform_wrapper.gravity-theme .gfield + .gfield--type-html.margin-small{
        margin-top: 1rem;
    }

    .gform_wrapper.gravity-theme .gfield--type-html + .gfield--type-html{
        margin-top: 2.5rem;
    }

    .gravity-theme.ui-datepicker .ui-datepicker-calendar .ui-state-default {
        font-size: 16px;
    }

    .gravity-theme.ui-datepicker .ui-datepicker-calendar .ui-state-disabled .ui-state-default {
        opacity: .3;
    }

    .gravity-theme.ui-datepicker .ui-datepicker-calendar th span,
    .gravity-theme.ui-datepicker .ui-datepicker-header select{
        font-size: 14px;
    }

    .gravity-theme.ui-datepicker .ui-datepicker-calendar .ui-state-default:focus, 
    .gravity-theme.ui-datepicker .ui-datepicker-calendar .ui-state-default:hover{
        border-color: var(--color-ocean);
        background: var(--color-ocean);
        color: var(--color-base-1);
    }

    .gform_wrapper.gravity-theme .gfield--type-address .copy_values_option_container +  
    .ginput_container_address{
        margin-top: 3rem;
    }

    .custom-dropdown{
        position: relative;
    }

    .gform_wrapper.gravity-theme .gf_invisible, .gform_wrapper.gravity-theme .gfield_visibility_hidden {
        position: absolute !important;
    }

    .gform_wrapper.gravity-theme .gform_fileupload_rules,
    .gform_wrapper.gravity-theme .gform_fileupload_rules .gfield_label{
        display: none !important;
    }

    .gform_wrapper.gravity-theme .gfield--type-fileupload{
        position: relative;
    }

    .gform_wrapper.gravity-theme .gfield--type-fileupload input{
        position: absolute;
        top: 0;
        left: 0;
        opacity: 0;
        pointer-events: none;
    }

    .gform_wrapper.gravity-theme .gfield--type-fileupload .btn__upload,
    .gform_wrapper.gravity-theme .gform_drop_area button{
        transition: .3s ease;
        display: flex;
        align-items: center;
    }

    .gform_wrapper.gravity-theme .gform_drop_area button{
        margin: 0 auto;
    }

    .gform_wrapper.gravity-theme .gfield--type-fileupload .btn__upload::after,
    .gform_wrapper.gravity-theme .gform_drop_area button::after{
        content:"";
        display: block;
        width: 1.5rem;
        height: 1.4rem;
        background: url('/wp-content/uploads/downloard.svg');
        background-repeat: no-repeat;
        background-position: center;
        background-size: contain;
        margin-left: 1.5rem;
        transition: .3s ease;
    }

    .gform_wrapper.gravity-theme .gfield--type-fileupload .btn__upload:hover{
        cursor: pointer;
        background: var(--color-ocean);
        border: 2px solid var(--color-ocean);
        color: var(--color-white);
    }

    .gform_wrapper.gravity-theme .gfield--type-fileupload .btn__upload:hover::after{
        background: url('/wp-content/uploads/downloard-white.svg');
        background-repeat: no-repeat;
        background-position: center;
        background-size: contain;
    }

    .gform_wrapper.gravity-theme .gfield--type-fileupload .upload__result{
        font-size: 1.4rem;
        margin-top: 1rem;
        margin-left: 1rem;
        color: var(--color-base-3-light);
    }

    .gform_wrapper.gravity-theme legend.gfield_label{
        margin-bottom: 2rem;
        margin-top: 4rem;
        font-family: var(--font-main);
        font-size: var(--body-medium);
        color: var(--color-base-3);
        border-bottom: 0;
        padding-left: 5px;
    }

    .gform_wrapper.gravity-theme .gfield--type-section{
        margin: 3rem 0;
        border-bottom: 1px solid var(--color-shady-mint);
    }

    .gform_wrapper.gravity-theme .gsection_title{
        color: var(--color-base-3);
        font-size: 2rem;
        font-family: var(--font-title);
        text-align: left;
    }

    .gform_wrapper.gravity-theme .gform_drop_area{
        margin-bottom: 3rem;
        background: var(--color-base-1);
        border: 1px solid var(--color-base-1);
        border-radius: 1rem;
    }

    .gform_wrapper.gravity-theme .gform_drop_area button{
        color: var(--color-base-cta);
        background: transparent;
        border: 1px solid var(--color-base-cta);
        border-radius: 1rem;
        padding: 1.4rem 1rem;
        transition: .3s ease;
    }

    .gform_wrapper.gravity-theme .gform_drop_area button:hover{
        border: 1px solid var(--color-ocean);
        color: var(--color-ocean);
    }

    .gform_wrapper.gravity-theme .gform_drop_area button:hover::after{
        background: url('/wp-content/uploads/download-ocean.svg');
        background-repeat: no-repeat;
        background-position: center;
        background-size: contain;
    }

    .gform_wrapper.gravity-theme .gform_drop_instructions {
        margin-bottom: 1.2rem;
    }

    .gform_wrapper.gravity-theme .gfield--type-survey.gf_style_satisfaction .gfield_radio{
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: center;
        max-width: 30rem;
        margin: 0 auto;
    }

    .gform_wrapper.gravity-theme .gfield--type-survey.gf_style_satisfaction .gchoice{
        width: 5rem;
        height: 5rem;
        border-radius: 50%;
        overflow: hidden;
        margin-right: 1rem;
        margin-bottom: 1rem;
        position: relative;
        display: flex;
        outline: none;
    }

    .gform_wrapper.gravity-theme .gfield--type-survey.gf_style_satisfaction .gchoice input{
        appearance: none;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: 10;
        outline: none;
    }

    .gform_wrapper.gravity-theme .gfield--type-survey.gf_style_satisfaction .gchoice label{
        background: var(--color-base-1);
        color: var(--color-base-3);
        width: 100%;
        height: 100%;
        margin: 0 auto;
        max-width: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        transition: .3s ease;
        outline: none;
    }

    .gform_wrapper.gravity-theme .gfield--type-survey.gf_style_satisfaction .gchoice:hover label,
    .gform_wrapper.gravity-theme .gfield--type-survey.gf_style_satisfaction .gchoice input:checked + label{
        background: var(--color-base-cta);
        color: var(--color-white);
    }

    .gform_wrapper.gravity-theme .gfield--type-survey.gf_style_satisfaction .gchoice:nth-child(5n){
        margin-right: 0;
    }

    .gform_wrapper.gravity-theme .gfield.message--raccordement{
        margin-top: 0;
        margin-bottom: 2rem;
    }

    @media screen and (min-width: 600px){

        .gform_wrapper.gravity-theme .gfield--type-radio label{
            font-size: 1.8rem;
        }
        

        .gform_wrapper.gravity-theme .gfield--type-radio .gfield_radio{
            justify-content: space-evenly;
        }

        .gform_wrapper.gravity-theme .gfield--type-radio.flex-start{
            margin-top: 1.5rem;
        }

        .gform_wrapper.gravity-theme .gfield--type-radio.flex-start .gfield_radio{
            justify-content: flex-start;
        }

        .gform_wrapper.gravity-theme .gfield--type-radio.flex-start .gfield_radio .gchoice{
            margin-right: 2rem;
        }

        .gform_wrapper.gravity-theme .gfield--type-radio .gchoice:nth-child(3){
            margin-right: 0;
        }

        .gform_wrapper.gravity-theme .gfield--type-text:not(.gfield_visibility_hidden) label,
        .gform_wrapper.gravity-theme .gfield--type-email:not(.gfield_visibility_hidden) label,
        .gform_wrapper.gravity-theme .gfield--type-select:not(.gfield_visibility_hidden) label,
        .gform_wrapper.gravity-theme .ginput_container_address span label{
            font-size: 1.8rem;
        }

        .gform_wrapper.gravity-theme .ginput_container_date input{
            padding: 1.7rem 3rem 2rem 3rem;
        }

        .gform_wrapper.gravity-theme .gfield--type-text.onfocus label, .gform_wrapper.gravity-theme .gfield--type-email.onfocus label, .gform_wrapper.gravity-theme .gfield--type-select.onfocus label, .gform_wrapper.gravity-theme .gfield--type-address .ginput_container_address span.onfocus label {
            font-size: 1.2rem;
        }

    }

    @media screen and (min-width: 800px){
        .gform_wrapper.gravity-theme .gfield--type-survey.gf_style_satisfaction .gfield_radio {
            max-width: 100%;
            justify-content: flex-start;
        }

        .gform_wrapper.gravity-theme .gfield--type-survey.gf_style_satisfaction .gchoice:nth-child(5n){
            margin-right: 1rem;
        }
    }


    @media screen and (min-width:1024px){
        .gform_wrapper.gravity-theme .gform_drop_area button{
            padding: 2rem 3rem;
        }
    }

/*********************************************** pages */

    .page__section{
        padding: 6rem 0;
    }

    .page__section--titre{
        padding-bottom: 0;
    }

    .page__section--titre .subtitle{
        margin-bottom: 1rem;
    }

    .page__section--titre .body{
        margin-top: 1.5em;
    }

    .home .section__deals{
        background: var(--color-base-3);
    }

    .home .section__deals h2,
    .home .section__deals p{
        color: var(--color-base-1);
    }

    .home .section__deals p.subtitle{
        color: var(--color-base-3);
    }

    .home .section__deals .slide-in p{
        color: var(--color-base-3);
    }

    .home .section__deals--titre{
        margin-bottom: 0.5rem;
    }

    .home .section__deals--txt{
        margin-bottom: 3rem;
    }

    .page-contact h1{
        margin-bottom: 2rem;
    }

    .page-contact .entry_text{
        max-width: 80%;
        margin: 0 auto;
    }

    /* .page confirmation */
    .page-confirmation{
        display: flex;
    }

    .page-confirmation .container{
        max-width: 68rem;
    }

    .page-confirmation .subtitle{
        margin-bottom: 1rem
    }

    .page-confirmation .title{
        margin-bottom: 2rem;
    }

    .page-confirmation .button{
        margin-top: 2rem;
    }

    .page-confirmation__content{
        margin: auto;
        display: flex;
    }

    .page-confirmation__content .wrapper{
        margin: auto;
    }

    /***************** page avec formulaire */

    .page-formulaire header,
    .page-formulaire footer,
    .page-formulaire .nav__mobile,
    .page-signature header,
    .page-signature footer,
    .page-signature .nav__mobile{
        display: none;
    }

    .page-formulaire,
    .page-signature{
        background: var(--color-shady-mint);
    }

    .page-formulaire .title,
    .page-signature .intro .title{
        margin-bottom: 4rem;
    }

    .page-signature .intro a{
        color: var(--color-base-cta);
        text-decoration: none;
        transition: .3s ease;
    }

    .page-signature .intro a:hover{
        color: var(--color-base-cta-hover);
        text-decoration: none;
    }

    .page-formulaire p,
    .page-signature .intro p{
        margin-bottom: 2rem;
    }

    .page-formulaire .gform_wrapper{
        margin-top: 5rem;
        background: var(--color-white);
        padding: 2rem;
        border-radius: 1rem;
    }

    .page-formulaire p:last-child{
        margin-bottom: 0;
    }


    .page-formulaire .logo,
    .page-signature .logo{
        max-width: 15rem;
        margin: 0 auto 6rem auto;
    }

    .page-formulaire .gform_wrapper.gravity-theme .gform_fields{
        grid-column-gap: 2%;
    }

    .page-signature .PD-result{
        height: 1050px;
        background: var(--color-white);
        border-radius: 1rem;
        overflow: hidden;
        margin-top: 5rem;
    }

    .page-signature .PD-result .error{
        display: none;
        width: 100%;
        height: 100%;
    }

    .page-signature .PD-result .error .wrapper{
        width: 80%;
        margin: auto;
    }

    .page-signature .PD-result .error .title{
        margin-bottom: 2rem;
    }
    
    .page-signature .PD-result iframe{
        border: none;
    }

    .page-signature .PD-result .error .body{
        margin-bottom: 1rem;
    }

    .page-signature .PD-result .error .body.delai{
        color: var(--color-blush);
    }

    .page-signature .slide-in__signature h2{
        font-family: var(--font-title);
        font-size: var(--titre-medium);
        color: var(--color-base-3);
        margin-bottom: 2rem;
    }

    .page-signature .btn__help{
        position: fixed;
        right: 5%;
        bottom: 10%;
        overflow: hidden;
    }

    .page-signature .btn__help a{
        transform: translateY(150%);
        animation: help .3s 3s ease forwards;
    }

    .page-signature-confirmation p{
        margin-bottom: 2rem;
    }

    @keyframes help{
        to{
            transform: translateY(0);
        }
    }

    .page-signature .slide-in__signature p,
    .page-signature .slide-in__signature li{
        font-size: var(--body-base);
    }

    .page-signature .slide-in__signature li{
        margin-bottom: 2rem;
    }

    .page-signature .slide-in__signature p {
        margin-bottom: 1rem;
    }

    .page-signature .slide-in__signature .content ol{
        padding-left: 2rem;
        margin-top: 2rem;
    }

    .page-signature .slide-in__signature .content img{
        display: block;
        margin: 2rem auto;
    }

    @media screen and (min-width: 1024px){

        .page-formulaire .logo,
        .page-signature .logo{
            max-width: 22rem;
            margin: 0 auto 8rem auto;
        }

        .page-formulaire p,
        .page-formulaire .title{
            max-width: 80%;
            margin-left: auto;
            margin-right: auto;
        }

        .page-signature .intro p,
        .page-signature .intro .title{
            max-width: 45%;
            margin-left: auto;
            margin-right: auto;
        }

        .page-signature .intro p{
            max-width: 55%;
        }

        .page-formulaire .gform_wrapper{
            margin-top: 7rem;
            padding: 5rem 4rem;
        }

        .page-signature .PD-result .error .wrapper{
            width: 60%;
            margin: auto;
        }

        .page-signature .PD-result .error .title{
            margin-bottom: 4rem;
        }
    
        .page-signature .PD-result .error .body{
            margin-bottom: 2rem;
        }
    }

    /********************** page entreprise */

    .page-entreprise .avantages{
        justify-content: center;
    }

    .page-entreprise .page__section{
        padding-bottom: 0;
    }

    .page-entreprise .section-histoire{
        background: var(--color-lavander);
    }

    .page-entreprise .section-histoire .subtitle{
        margin-bottom: 1rem;
    }

    .page-entreprise .section-histoire .title{
        margin-bottom: 3rem;
    }

    .page-entreprise .section-histoire .button{
        margin-top: 2rem;
    }

    .page-entreprise .section-histoire .schema{
        max-width: 40.8rem;
    }

    .history{
        max-width: 40.8rem;
        margin: 0 auto;
        position: relative;
    }

    .history .subtitle{
        margin-bottom: 0;
    }

    .history .line{
        display: block;
        width: 2px;
        height: 90%;
        background: rgba(240, 240, 236, .3);
        position: absolute;
        top: 50%;
        left: 3.25rem;
        transform: translateY(-50%);
        z-index: 2;
        overflow: hidden;
    }

    .history .line__el{
        display: block;
        width: 100%;
        height: 100%;
        background: var(--color-base-1);
        transform: translateY(-100%);
        
    }

    .history__start .line__el{
        animation: line 4s linear forwards;
    }

    .history__el{
        display: flex;
        justify-content: space-between;
        align-items: center;
        margin-bottom: 3.5rem;
        position: relative;
        z-index: 3;
        opacity: .6;
    }

    .history__el .desc{
        transform: translateX(-1rem);
        opacity: 0;
    }

    .history__el:last-child{
        margin-bottom: 0;
    }

    .history__start .history__el:nth-child(2){
        animation: appear .2s linear forwards;
    }
    .history__start .history__el:nth-child(3){
        animation: appear .2s 0.5s linear forwards;
    }
    .history__start .history__el:nth-child(4){
        animation: appear .2s 1s linear forwards;
    }
    .history__start .history__el:nth-child(5){
        animation: appear .2s 1.5s linear forwards;
    }
    .history__start .history__el:nth-child(6){
        animation: appear .2s 2s linear forwards;
    }
    .history__start .history__el:nth-child(7){
        animation: appear .2s 2.5s linear forwards;
    }
    .history__start .history__el:nth-child(8){
        animation: appear .2s 3s linear forwards;
    }
    .history__start .history__el:nth-child(9){
        animation: appear .2s 3.5s linear forwards;
    }

    .history__start .history__el:nth-child(2) .desc{
        animation: appear-translate .5s linear forwards;
    }
    .history__start .history__el:nth-child(3) .desc{
        animation: appear-translate .5s 0.5s linear forwards;
    }
    .history__start .history__el:nth-child(4) .desc{
        animation: appear-translate .5s 1s linear forwards;
    }
    .history__start .history__el:nth-child(5) .desc{
        animation: appear-translate .5s 1.5s linear forwards;
    }
    .history__start .history__el:nth-child(6) .desc{
        animation: appear-translate .5s 2s linear forwards;
    }
    .history__start .history__el:nth-child(7) .desc{
        animation: appear-translate .5s 2.5s linear forwards;
    }
    .history__start .history__el:nth-child(8) .desc{
        animation: appear-translate .5s 3s linear forwards;
    }
    .history__start .history__el:nth-child(9) .desc{
        animation: appear-translate .5s 3.5s linear forwards;
    }

    .history__el .date{
        width: 7.5rem;
    }

    .history__el .desc{
        max-width: 30.6rem;
        width: 75%;
    }

    @keyframes line{
        to{
            transform: translateY(0);
        }
    }

    @keyframes appear{

        to{
            opacity: 1;
        }
    }

    @keyframes appear-translate{

        to{
            transform: translateX(0);
            opacity: 1;
        }
    }

    @media screen and (min-width: 1024px){
        .page-entreprise .section-histoire .button{
            margin-top: 5rem;
        }
    }

    /***************** page concours */
    .page-template-page-concours header, 
    .page-template-page-concours footer{
        display: none;
    }

    .page-template-page-concours .logo{
        max-width: 13rem;
        margin: 0 auto;
    }

    .page-template-page-concours .titre{
        max-width: 65rem;
        margin: 0 auto;
    }

    .page-template-page-concours .page__content p:not(.body){
        max-width: 95rem;
        margin: 0 auto;
        color: var(--color-white);
    }

    .page-template-page-concours .container .container{
        width: 100%;
    }

    .page-template-page-concours .deals__card .deals__row{
        grid-template-rows: none;
    }

    .page-template-page-concours .language-selector-container{
        position: absolute;
        top: 1.5rem;
        right: 0;
    }

    .page__concours_language{
        position: relative;
    }

    .page-template-page-concours .language-selector-container .language-selector{
        margin-top: 0;
    }

    .giga__week .subtitle{
        background: var(--color-base-2);
        color: var(--color-base-3) !important;
    }

    .giga__week .title strong{
        font-family: var(--font-title-light);
        font-weight: 300;
    }

    .giga__week_colimg{
        max-width: 56rem;
    }

    .giga__week_colimg img{
        border-radius: 2rem;
    }

    .giga__week_colcontent{
        max-width: 63rem;
    }

    .giga__week_colcontent .subtitle{
        margin-bottom: 1.5rem !important;
    }

    .giga__week .deals__row{
        text-align: center;
    }

    .giga__week .deals__rows--el .button{
        display: none;
    }

    .giga__week .button__primary{
        background: var(--color-giga-cta);
        font-size: 2rem;
        padding: 2.4rem 2.8rem;
    }

    .giga__week .button__primary:hover{
        background: var(--color-giga-cta);
    }

    .giga__week .giga-gift{
        background: var(--color-base-3);
        border-radius: 1rem;
        max-width: 41.3rem;
        margin: 1.5rem auto 0 auto;
    }

    .giga__week .giga-gift .wrapper{
        padding: 2.5rem;
    }

    .giga__week .giga-gift .giga-gift--left{
        display: none;
    }

    .giga__week .giga-gift p{
        color: var(--color-base-2) !important;
        font-size: 1.9rem;
        text-align: center;
        font-family: var(--font-title-light);
        line-height: 1;
        text-transform: uppercase;
    }

    .giga__week .giga-gift p span{
        display: block;
        font-family: var(--font-title);
        font-size: 3.4rem;
        text-transform: uppercase;
    }

    .giga__week .giga-gift img{
        display: block;
        margin: 3rem auto 0 auto;
        width: 40%;
        max-width: 12rem;
    }

    .giga__week_col{
        flex-direction: column-reverse;
    }

    .giga__week_colcontent p{
        margin: 2rem 0;
    }

    .giga__week-hidemobile{
        display: none;
    }

    .giga__week--link a{
        color: var(--color-base-1);
        text-decoration: underline;
    }

    .giga__week--link a:hover{
        text-decoration: none;
    }

    @media screen and (min-width: 980px){
        .page-template-page-concours .deals__card .thumbnail {
            max-height: 26rem;
        }

        .page-template-page-concours .wrapper__deals{
            justify-content: space-between;
        }

        .page-template-page-concours .deals__card .title {
            font-size: 2.6rem;
        }

        .page-template-page-concours .language-selector-container{
            top: 3rem;
        }

        .giga__week_col{
            justify-content: space-between;
            flex-direction: row;
        }

        .giga__week_colcontent p{
            margin: 3.5rem 0;
        }

        .giga__week .giga-gift{
            max-width: 100%;
        }

        .giga__week .giga-gift .giga-gift--left{
            display: block;
        }
        .giga__week .giga-gift img{
            margin: 0;
        }

        .giga__week .giga-gift{
            margin-top: 2rem;
        }

        .giga__week .giga-gift .wrapper{
            display: flex;
            justify-content: center;
            align-items: center;
            padding: 3rem;
        }

        .giga__week .giga-gift p{
            font-size: 3rem;
            max-width: 36.5rem;
            margin: 0 7rem !important;
        }
    
        .giga__week .giga-gift p span{
            font-size: 5.2rem;
        }

        .giga__week-hidemobile{
            display: block;
        }
        .giga__week-hidedesktop{
            display: none;
        }
    }

    @media screen and (min-width: 1150px){
        .page-template-page-concours .deals__card .thumbnail {
            max-height: 30rem;
        }

        .page-template-page-concours .logo{
            max-width: 18rem;
        }

        .giga__week .giga-gift p{
            margin: 0 13rem !important;
        }
    }

    @media screen and (min-width: 1280px){
        .page-template-page-concours .deals__card .thumbnail {
            max-height: 37rem;
        }

        .page-template-page-concours .deals__card .title{
            font-size: 3.6rem;
        }

        .giga__week .giga-gift p{
            margin: 0 17rem !important;
        }
    }

    @media screen and (min-width: 1440px){

        .page-template-page-concours .deals__card .title {
            font-size: var(--titre-medium);
        }
    }



    /********************************** 404 */
    .error404{
        background: url(/wp-content/uploads/background-404-eltrona.gif);
        background-repeat: repeat;
        width: 100%;
        min-height: 100vh;
        position: relative;
        display: flex;
    }

    .error404::before{
        width: 100vw;
        min-height: 100vh;
        background: rgba(0,0,0,.65);
        content: "";
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        pointer-events: none;
    }

    .error404 header, .error404 footer{
        display: none;
    }

    .error404 main{
        position: relative;
        z-index: 5;
        width: 100%;
        height: 100%;
        margin: auto;
    }

    .error404 .title{
        color: var(--color-white);
        margin: 2rem auto;
        max-width: 54rem;

    }
    
    .error404 .logo{
        margin-bottom: 3rem;
    }

    .error404 .title span{
        color: var(--color-base-cta);
    }

    .error404 .logo a{
        display: block;
        margin: 0 auto;
        width: 8rem;
    }

    .error404 .logo img{
        width: 100%;
        display: block;
    }

    /**************************************** page Jobs */

    .page__section--jobs{
        background: var(--color-shady-mint);
    }

    .page-jobs .titre{
        margin-bottom: 3rem;
    }

    .page-jobs .titre .title{
        margin-bottom: 1.5rem;
    }

    .jobs__el{
        background: var(--color-white);
        display: block;
        margin: 0 auto;
        margin-bottom: 2rem;
        border-radius: 1rem;
        overflow: hidden;
        box-shadow: 0px 4px 24px 0px rgba(0, 0, 0, 0.15);
        text-decoration: none;
        max-width: 50rem;
        
    }

    .jobs__el:hover{
        text-decoration: none;
        color: var(--color-base-3);
    }

    .jobs__el:focus{
        color: var(--color-base-3);
        outline: none;
        text-decoration: none;
    }

    .jobs__el .wrapper{
        padding: 2rem;
    }

    .jobs__el .stage_duree{
        color: var(--color-base-3);
        margin-top: 5px;
    }

    .jobs__el .btn{
        margin-top: 2rem;
    }

    .jobs__el .arrow{
        display: none;
    }

    .jobs__el .subtitle{
        margin-bottom: 1rem;
    }

    .jobs__el:last-child{
        margin-bottom: 0;
    }

    .jobs_el--spontanee{
        background: var(--color-base-3);
        color: var(--color-white);
    }

    .jobs_el--spontanee .body{
        font-size: 1.6rem;
        margin-bottom: 1rem;
    }

    .jobs_el--spontanee .title{
        color: var(--color-white);
    }

    .jobs_el--spontanee:hover{
        color: var(--color-white);
    }

    .jobs_el--spontanee:hover .title{
        color: var(--color-white);
    }

    .page-jobs-singles .titre{
        margin-bottom: 6rem;
    }

    .page-jobs-singles .subtitle{
        margin-bottom: 1rem;
    }

    .page-jobs-singles .content__el .title{
        margin-bottom: 1.5rem;
    }

    .page-jobs-singles .content__el{
        padding-bottom: 3rem;
        border-bottom: 1px solid var(--color-shady-mint);
        margin-bottom: 3rem;
    }

    .page-jobs-singles .content__el p{
        margin-bottom: 2rem;
    }

    .page-jobs-singles .content__el a{
        color: var(--color-base-cta);
        transition: .3s ease;
    }

    .page-jobs-singles .content__el ul{
        list-style: none;
        margin: 3rem 0 5rem 0;
        padding: 0;
    }

    .page-jobs-singles .content__el ul ul{
        margin: 1.5rem 0 2.5rem 0;
    }

    .page-jobs-singles .stage_duree{
        margin-top: 1.5rem;
    }

    .page-jobs-singles .content__el ul li{
        margin-bottom: 1.5rem;
        font-size: 1.6rem;
        padding-left: 3rem;
        position: relative;
    }

    .page-jobs-singles .content__el ul li:last-child{
        margin-bottom: 0;
    }

    .page-jobs-singles .content__el ul li::before{
        content: "";
        display: block;
        width: 2rem;
        height: 2rem;
        border-radius: 50%;
        background: url('/wp-content/uploads/jobs-puce.svg');
        background-repeat: no-repeat;
        background-position: center;
        position: absolute;
        top: 3px;
        left: 0;
    }

    .page-jobs-singles .content__el ul ul li::before{
        width: 1.2rem;
        top: 8px;
        height: 1.2rem;
        background: var(--color-ocean);
    }

    .page-jobs-singles .content__el a:hover,
    .page-jobs-singles .content__el a:focus{
        color: var(--color-base-cta-hover);
    }

    .page-jobs-singles .content__el p:last-child{
        margin-bottom: 0;
    }

    .page-jobs-singles .content__el:last-child{
        padding-bottom: 0;
        border-bottom: none;
        margin-bottom: 0;
    }

    .page-jobs-singles .content{
        margin-bottom: 5rem;
    }

    .page-jobs-singles .btn .button__primary{
        border: 2px solid var(--color-base-cta);
    }

    .page-jobs-singles .btn .button__secondaire{
        display: inline-block;
        padding: 1.8rem 2.2rem;
        margin-top: 1.5rem;
        line-height: 1;
    }

    .page-jobs-singles .btn .button__secondaire::before{
        left:50%;
    }

    .page-jobs-singles .btn .button__secondaire::after {
        display: none;
    } 
    
    .page-jobs-singles .back-btn{
        display: inline-block;
        color: var(--color-base-3);
        margin-bottom: 4rem;
        display: flex;
        align-items: center;
    }

    .page-jobs-singles .back-btn::before{
        content: "";
        display: block;
        width: 8px;
        height: 1.4rem;
        background: url('/wp-content/uploads/arrow-back.svg');
        background-repeat: no-repeat;
        background-position: center;
        margin-right: 2rem;
    }

    @media screen and (min-width: 650px){
        .page-jobs .titre {
            text-align: center;
        }

        .page-jobs-singles .btn .button__secondaire{
            margin-top: 0;
            margin-left: 2rem;
        }
    }

    @media screen and (min-width: 1024px){
        .page-jobs-singles .titre {
            margin-bottom: 12rem;
        }

        .page-jobs-singles .subtitle {
            margin-bottom: 2rem;
        }

        .page-jobs-singles .content__el .title {
            margin-bottom: 3rem;
        }

        .page-jobs-singles .content__el {
            padding-bottom: 6rem;
            margin-bottom: 6rem;
        }
        .page-jobs-singles .content__el:last-child{
            padding-bottom: 0;
            margin-bottom: 0;
        }

        .page-jobs-singles .content__el p {
            margin-bottom: 3rem;
        }

        .page-jobs-singles .content__el p:last-child {
            margin-bottom: 0;
        }

        .page-jobs-singles .content__el ul li{
            font-size: 1.8rem;
        }

        .page-jobs-singles .btn .button__secondaire{
            padding: 2.2rem 2.6rem;
        }

        .page-jobs-singles .back-btn{
            margin-bottom: 2rem;
        }

        .page-jobs-singles .content__el ul ul{
            padding-left: 2rem;
        }

    }

    @media screen and (min-width: 1150px){
        .page-jobs .page__section--jobs--content .titre {
            text-align: left;
            width: 41.5rem;
        }

        .page-jobs .jobs{
            width: 52rem;
        }

        .jobs__el{
            max-width: 100%;
            min-height: 13.5rem;
            display: flex;
            transition: .3s ease;
        }

        .jobs__el:hover{
            background: var(--color-base-1);
            transform: scale(0.95);
        }

        .jobs_el--spontanee:hover{
            background: var(--color-base-3-light);
        }

        .jobs__el--none:hover{
            background: var(--color-white);
            transform: scale(1);
        }

        .jobs__el .btn{
            display: none;
        }

        .jobs__el .wrapper{
            display: flex;
            align-items: center;
            justify-content: space-between;
            width: 100%;
            padding: 3.4rem 3rem;
        }

        .jobs__el .arrow{
            display: block;
            max-width: 6rem;
        }

        .jobs__el .content{
            max-width: 35.5rem;
        }

        .jobs__el--none .content{
            max-width: 100%;
        }
        .jobs__el--none .wrapper{
            justify-content: center;
        }

        .page__section--jobs--content{
            display: flex;
            justify-content: space-between;
            align-items: flex-start;
        }
    }

    /********************************** page secondaire */

    .page-secondaire h3 {
        margin-bottom: 2rem;
    }

    .page-secondaire h2 {
        margin-bottom: 2.5rem;
        margin-top: 5rem;
    }

    .page-secondaire h1{
        max-width: 55rem;
        margin: 0 auto;
        margin-bottom: 4rem;
    } 

    .page-mentions .page-secondaire h1{
        max-width: 100%;
    }

    .page-secondaire p, .page-secondaire ul {
        margin-bottom: 2rem;
    }

    .page-secondaire a {
        color: var(--color-base-cta);
    }

    .page-secondaire a.button__primary {
        color: var(--color-base-1);
    }

    .page__defaut2 .title,
    .page__defaut2 p{
        max-width: 100%;
    }

    @media screen and (min-width: 1024px){

        .page__section{
            padding: 10rem 0;
        }

        .page__section--titre{
            padding-bottom: 0;
        }

        .home .section__deals--titre{
            margin-bottom: 1.5rem;
        }
    
        .home .section__deals--txt{
            margin-bottom: 5rem;
        }

        .error404 .title{
            margin: 3rem auto;
            max-width: 95rem;
        }

        .error404 .logo a{
            width: 10rem;
        }

        .error404 .logo{
            margin-bottom: 6rem;
        }
    }

/************* Home */

.promo__hp{
    background: #7800CC;
    border-radius: 1rem;
}

.promo__hp .wrapper{
    padding: 3.4rem 3rem;
}

.promo__hp .content .price svg{
    display: block;
    width: 100%;
    max-width: 20rem;
    margin: 0 auto;
}

.promo__hp .content .slogan{
    margin: 0;
    color: #F2CB13;
    font-family: var(--font-title);
    font-size: 1.2rem;
    line-height: 1.2;
    margin-bottom: 2rem;
    margin-top: 1.5rem;
    font-weight: 300;
}

.promo__hp .content .button{
    background: #D8005F;
    font-size: 1.6rem;
    padding: 1.6rem 4.2rem;
}

.promo__hp .divider{
    margin: 3rem auto;
    width: 100%;
    height: 1px;
    background: rgba(255, 255, 255, 0.40);
}

.animation{
    max-width: 52.5rem;
    margin: 0 auto;
}

.animation #giga{
    opacity: 0;
    animation: fadeinpromo .5s 1.75s ease forwards;
}

.animation #internet{
    transform: translateY(21%);
    animation: ecartepromo .5s 1.5s ease forwards;
}

.animation #mots{
    transform: translateY(-21%);
    animation: ecartepromo .5s 1.5s ease forwards;
}

.words__el{
    transition: .3s ease;
    transform: scale(0);
    transform-origin: center 75%;
}

.words__el--out{
    transform: scale(0);
}

.words__el--in{
    transform: scale(1);
}

.promo__hp .promo__logo img,
.promo__hp .price .price__el img{
    display: block;
    width: 100%;
}

@keyframes ecartepromo{
    to {
        transform: translateY(0);
    }
}

@keyframes fadeinpromo{
    to{
        opacity: 1;
    }
}

.page-formulaire-blackfriday h1, .page-formulaire-blackfriday p{
    color: var(--color-base-1);
}

.page-formulaire-blackfriday .subtitle{
    color: var(--color-base-3);
    background: #FFCC00;
}

.promo__hp--blackfriday{
    background: #101010;
    border: 2px solid #F2CB13;
    color: var(--color-base-1);
}
.promo__hp--blackfriday .wrapper{
    padding: 3.5rem 1.5rem;
}

.promo__hp--blackfriday .promo__countdown{
    margin-top: 1.8rem;
}

.promo__hp--blackfriday .giga-args{
    margin-top: 2rem;
}


.hero--blackfriday, .footer--blackfriday, .page-blackfriday footer{
    background: #101010;
}

.post-type-archive-deals_du_mois .promo__hp--blackfriday{
    margin-top: 3rem;
}

.page-blackfriday .hero--blackfriday .promo__hp--blackfriday .btn-container{
    display: none;
}

.page-blackfriday .promo__hp--blackfriday .wrapper{
    padding: 0 !important;
}

.page-blackfriday .promo__hp--blackfriday{
    border: none;
}

.page-blackfriday{
    color: #101010;
}

.blackfriday{
    padding: 5rem 0;
}

.blackfriday__el{
    border: 1px solid #101010;
    border-radius: 1rem;
    overflow: hidden;
    max-width: 50rem;
    margin: 0 auto 5rem auto;
}

.blackfriday__el .wrapper{
    padding: 3.6rem 4.2rem;
}

.blackfriday__el ul{
    list-style: none;
    margin: 0;
    padding: 0;
}

.blackfriday__el ul li{
    margin-bottom: 1rem;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

.blackfriday__el ul li::before{
    content: "";
    display: inline-block;
    margin-right: 1.5rem;
    width: 1.5rem;
    height: 1rem;
    background: url('/wp-content/uploads/check-jaune.svg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

.blackfriday__el ul li:last-child{
    margin-bottom: 0;
}

.blackfriday__el h2, .blackfriday__el ul{
    margin-bottom: 2rem;
}

.blackfriday__el h2{
    color: #101010;
    max-width: 47rem;
}

.blackfriday__el h2 span{
    color: #F2CB13;
}

.page-blackfriday .hero__services--internet .price .price__el {
    max-width: 100%;
    width: 100%;
}

.services--giga__top .price {
    max-width: 100%;
}

.blackfriday__el:last-child{
    margin-bottom: 0;
}

.blackfriday__el .blackfriday__img img{
    display: block;
    width: 100%;
}

.blackfriday__el .button__primary{
    background: #D8005F;
    border: 1px solid #D8005F;
}

@media screen and (min-width: 600px){

    .promo__hp .wrapper {
        padding: 6.4rem 6rem;
    }

    .promo__hp .content .price svg{
        max-width: 30rem;
    }

    .promo__hp .content .slogan{
        font-size: 1.6rem;
    }

    .promo__hp--blackfriday .giga-args::before{
        background: linear-gradient(90deg, #101010 62.91%, rgba(120, 0, 204, 0.00) 100%);
    }
    .promo__hp--blackfriday .giga-args::after{
        background: linear-gradient(90deg, rgba(120, 0, 204, 0.01) -0.01%, #101010 41.29%);
    }
}

@media screen and (min-width: 700px){
    .promo__hp--blackfriday{
        max-width: 65rem;
        margin: 0 auto;
    }
}

@media screen and (min-width: 1024px){
    .promo__hp .wrapper{
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

    .promo__hp .animation,
    .promo__hp .content{
        width: 40%;
    }

    .promo__hp .divider{
        width: 1px;
        height: 25rem;
        margin: 0 3rem;
    }

    .promo__hp .content .button{
        font-size: 2.2rem;
        padding: 2.4rem 4rem;
    }

    .promo__hp--blackfriday{
        max-width: 100%;
        margin: 0 auto;
    }

    .promo__hp--blackfriday .promo__top{
        width: 40%;
    }

    .promo__hp--blackfriday .content{
        width: 54%;
    }

    .promo__hp--blackfriday .promo__countdown{
        margin-top: 2.5rem;
    }

    .promo__hp--blackfriday .giga-args{
        margin: 3.5rem 0;
    }

    .promo__hp--blackfriday .giga-args::after, 
    .promo__hp--blackfriday .giga-args::before{
        width: 10%;
    }

    .promo__hp--blackfriday .wrapper {
        padding: 5.5rem 4rem;
    }

    .post-type-archive-deals_du_mois .promo__hp--blackfriday{
        margin-top: 6rem;
    }

    

    .blackfriday{
        padding: 10rem 0;
    }

    .blackfriday .blackfriday__el{
        max-width: 100%;
        margin: 0 0 10rem 0;
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

    .blackfriday .blackfriday__el--reverse{
        flex-direction: row-reverse;
    }

    .blackfriday__el .blackfriday__col{
        width: 50%;
    }

    .blackfriday__el:last-child{
        margin-bottom: 0;
    }

    .blackfriday__el h2, .blackfriday__el ul {
        margin-bottom: 4rem;
    }
}

@media screen and (min-width: 1280px){

    .promo__hp .wrapper {
        padding: 10rem;
    }

    .promo__hp .divider{
        margin: 0 8rem;
        height: 30rem;
    }
    
    .promo__hp .content .price svg{
        max-width: 38rem;
    }

    .promo__hp .content .slogan{
        font-size: 2rem;
        margin-bottom: 4rem;
        margin-top: 3rem;
    }

    .promo__hp .animation{
        width: 45%;
    }
    .promo__hp .content{
        width: 35%;
    }

    .promo__hp .content .button{
        font-size: 2.8rem;
        padding: 3rem 8rem;
    }

    .promo__hp--blackfriday .promo__top{
        width: 40%;
    }

    .promo__hp--blackfriday .content{
        width: 54%;
    }

    .promo__hp--blackfriday .divider{
        margin: 0 5rem;
    }

    .promo__hp--blackfriday .wrapper {
        padding: 5.5rem 4rem;
    }

    .blackfriday__el .wrapper {
        padding: 7.2rem 8.4rem;
    }

}
/************************* Homepage */
    .home .page__video{
        border-radius: 1rem;
        overflow: hidden;
        margin-bottom: 5rem;
        border: 2px solid #D8005F;
        width: 100%;
        padding-top: 56%;
        position: relative;
    }

    .home .page__video:hover{
        cursor: pointer;
    }

    .home .page__video video{
        width: 100%;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        height: 100%;
    }

    .home .page__video .controls{
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }

    .home .page__video .controls .volume{
        width: 3rem;
        position: absolute;
        bottom: 4rem;
        right: 2rem;
    }

    .home .page__video .controls .volume svg path{
        fill: #C3C3C3;
        transition: .3s ease;
    }

    .home .page__video .controls .volume svg #sound{
        opacity: 0;
        transform: translateX(-2rem);
    }

    .home .page__video .controls .volume__on svg path{
        fill: #D8005F;
    }

    .home .page__video .controls .volume__on svg #sound{
        opacity: 1;
        transform: translateX(0);
    }

    @media screen and (min-width:1024px){

        .home .page__video{
            margin-bottom: 12rem;
        }

        .home .header__top{
            background: rgba(255, 255, 255, 0.10);
        }

        .home header .menu__desktop .menu-item a {
            color: var(--color-white);
        }

        .home header .menu__desktop .current-menu-item a,
        .home header .menu__desktop .menu-item a:hover {
            color: var(--color-base-2);
        }

    }

    .section__all-giga .titre h2{
        font-family: var(--font-title-light);
        font-size: 2.4rem; 
        line-height: 1;
        color: #F2CB13;
    }

    .section__all-giga .titre h2 strong{
        color: var(--color-base-1);
        font-size: 11rem;
        display: block;
        font-weight: 300;
    }

    .section__all-giga  .section__all-giga__titre{
        font-family: var(--font-title);
        color: #F2CB13;
        text-transform: uppercase;
        line-height: 1.4;
        font-size: 3rem;
        margin-bottom: 2rem;
    }

    .section__all-giga .wp-block-column{
        max-width: 36rem;
        margin: 0 auto;
    }

    .section__all-giga .wp-block-columns,
    .section__all-giga .wp-block-heading{
        margin-bottom: 0;
        margin-top: 0;
    }

    @media screen and (min-width: 782px){
        
        .section__all-giga .titre h2{
            font-size: 4rem; 
        }

        .section__all-giga .titre h2 strong{
            font-size: 20rem;
        }
    }

    @media screen and (min-width: 1024px){

        .section__all-giga p{
            font-size: 1.8rem;
        }

        .section__all-giga p.section__all-giga__titre{
            font-size: 4rem;
            margin-bottom: 3rem;
        }

        .section__all-giga .wp-block-columns{
            position: relative;
        }

        .section__all-giga .section__all-giga--left::after,
        .section__all-giga .section__all-giga--center::after,
        .section__all-giga .section__all-giga--right::after{
            content: "";
            display: block;
            pointer-events: none;
            position: absolute;
        }

        .section__all-giga .section__all-giga--left::after,
        .section__all-giga .section__all-giga--right::after{
            width: 16.2rem;
            height: 20rem;
            top: -95%;
        }

        .section__all-giga .section__all-giga--left::after{
            left: 0%;
            background: url('/wp-content/uploads/giga-all-left.svg') no-repeat center;
        }

        .section__all-giga .section__all-giga--right::after{
            right: 0%;
            background: url('/wp-content/uploads/giga-all-right.svg') no-repeat center;
        }

        .section__all-giga .section__all-giga--center::after{
            left: 50%;
            transform: translateX(-50%);
            top: -40%;
            width: 1px;
            height: 7rem;
            background: #2B6AAB;
        }

    }

    @media screen and (min-width: 1280px){

        .section__all-giga .titre h2{
            font-size: 5.5rem; 
        }

        .section__all-giga .titre h2 strong{
            font-size: 30rem;
        }
    }

    .section__service--titre{
        font-family: var(--font-title-light);
        font-size: 2.4rem;
        line-height: 1.2;
    }

    .section__service--titre strong{
        font-family: var(--font-title);
        display: block;
    }


    .section__giga-satisfait,
    .section__all-giga,
    .home .section__service,
    .home .page__hero{
        position: relative;
        overflow: hidden;
    }

    .section__all-giga .container,
    .home .section__service .container,
    .home .page__hero .container{
        position: relative;
        z-index: 10;
    }

    .section__all-giga::after{
        content: "";
        display: block;
        width: 100%;
        height: 15rem;
        border-radius: 1440px;
        background: #2A69AC;
        filter: blur(150px);
        pointer-events: none;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }

    .section__giga-satisfait::after,
    .home .section__service::after{
        content: "";
        display: block;
        background: #2A69AC;
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
        height: 29rem;
        width: 277%;
        border-radius: 99.9rem;
        filter: blur(134px);
        bottom: -10%;
        pointer-events: none;
    }

    .home .page__hero::before{
        content: "";
        display: block;
        width: 100%;
        height: 30rem;
        border-radius: 1440px;
        background: #2A69AC;
        filter: blur(178px);
        position: absolute;
        top: -30%;
        left: 50%;
        transform: translateX(-50%);
        pointer-events: none;
    }

    @media screen and (min-width: 1024px){

        .section__service--titre{
            font-size: 4rem;
        }

        .section__giga-satisfait::after{
            width: 100%;
            height: 25rem;
            bottom: -15%;
        }

        .home .section__service::after{
            width: 85%;
            height: 20rem;
            bottom: -20%;
        }
    }

/************************* Countdown */
.countdown{
    display: flex;
    justify-content: space-between;
    align-items: center;
    max-width: 22.7rem;
    margin: 0 auto;
}

.countdown .countdown__el{
    display: flex;
    flex-direction: column;
    align-items: center;
}

.countdown .countdown__text{
    font-size: 8px;
    line-height: 1;
    margin-top: 7px;
}
.countdown .countdown__numb{
    font-size: 2rem;
    font-family: var(--font-title-light);
    line-height: 1;
    min-width: 3.3rem;
    text-align: center;
}

.countdown .countdown__divider{
    width: 1px;
    height: 3.5rem;
    background: rgba(255, 255, 255, .3);
}

@media screen and (min-width: 600px){

    .countdown {
        max-width: 27.7rem;
    }

    .countdown .countdown__numb {
        font-size: 2.6rem;
        min-width: 4.5rem;
    }

    .countdown .countdown__text {
        font-size: 10px;
    }
}

@media screen and (min-width: 1024px){

    .countdown {
        max-width: 36.2rem;
    }

    .countdown .countdown__numb {
        font-size: 3.4rem;
        min-width: 5.7rem;
    }

    .countdown .countdown__text {
        font-size: 12px;
    }

    .countdown .countdown__divider {
        height: 5.3rem;
    }
}

/************* Processus de commande */
    .process-commande header,
    .process-commande footer,
    .process-commande .nav__mobile,
    .process-commande-confirmation header,
    .process-commande-confirmation footer,
    .process-commande-confirmation .nav__mobile{
        display: none;
    }

    .process-commande-confirmation .process-commande__prevbtn,
    .process-commande-confirmation .process-commande__exitbtn{
        display: none;
    }

    .process-commande-confirmation .process-commande__header {
        justify-content: center;
    }

    .process-section__introduction--content .txt{
        font-size: 2rem;
        text-align: center;
        line-height: 1.4;
        max-width: 100%;
        margin: 0 auto 2rem auto;
    }

    .process-section__introduction--content .choice{
        max-width: 23.2rem;
        margin: 0 auto;
        text-align: center;
        background: var(--color-base-3);
        color: var(--color-white );
        font-size: 1.9rem;
        border-radius: 1rem;
        padding: 2rem 0;
        font-family: var(--font-title);
        text-transform: uppercase;
        margin-bottom: 2rem;
    }

    .process-commande-mediamarkt .process-section__introduction--content .choice{
        margin-bottom: 0.5rem;
    }

    .process-section__introduction--content .forfait{
        background: var(--color-apricot);
        color: var(--color-base-3);
        margin-left: 0.5rem;
        display: inline-block;
        padding: .8rem 1rem;
        font-size: 1.7rem;
        border-radius: .5rem;
        line-height: 1;
    }

    .process-section__introduction--avatar{
        display: block;
        max-width: 28rem;
        width: 80%;
        margin: 0 auto 3rem auto;
        pointer-events: none;
    }

    .process-section__introduction--avatar img{
        display: block;
        width: 100%;
        pointer-events: none;
    }

    .process-section-raccordement p{
        font-size: 1.2rem;
        color: var(--color-ocean);
        max-width: 27.2rem;
        margin: 0 auto;
        font-style: italic;
        text-align: center;
    }

    @media screen and (min-width: 600px){
        .process-section__introduction--content .txt{
            max-width: 90%;
        }
    }

    .process-commande__header{
        display: flex;
        justify-content: space-between;
        align-items: center;
        margin-bottom: 3rem;
    }

    .process-commande__header div{
        line-height: 0;
    }

    .process-commande__logo{
        width: 4.3rem;
        transform: translateX(0%) scale(1);
        transition: .5s ease;
    }

    .process-commande-mediamarkt .process-commande__logo{
        width: 12rem;
    }

    .process-commande-mediamarkt .logo-elt{
        margin-top: 1.5rem;
    }

    .process-commande__prevbtn,
    .process-commande__exitbtn{
        max-width: 1.5rem;
    }

    .process-commande__prevbtn{
        opacity: 1;
        pointer-events: all;
        transition: .8s .3s ease;
    }

    .process-commande__header--intro{
        margin-bottom: 3rem;
    }

    .process-commande__header--intro .process-commande__prevbtn{
        opacity: 0;
        pointer-events: none;
    }

    .process-commande__header--intro .process-commande__logo{
        transform: translateX(-150px) scale(1.2);
    }

    .process-commande-mediamarkt .process-commande__header--intro .process-commande__logo{
            transform: translateX(-80px) scale(1.2);
    }

    @media screen and (min-width: 600px){
        .process-commande__header--intro .process-commande__logo{
            transform: translateX(-140px) scale(1.2);
        }

        .process-commande-mediamarkt .process-commande__header--intro .process-commande__logo{
            transform: translateX(-95px) scale(1.2);
        }
    }

    @media screen and (min-width: 1024px){
        
        .process-commande__header--intro .process-commande__logo{
            transform: translateX(-210px) scale(1.2);
        }

    }

    .process-section .titre{
        font-size: 2.6rem;
        font-family: var(--font-title);
        text-align: center;
        line-height: 1.2;
        opacity: 0;
        animation: fadein 1s .2s ease forwards;
    } 

    .process-section .titre.no--anim{
        animation: none;
        opacity: 1;
    }

    .process-section .titre--small{
        font-size: 2.4rem;
    }

    .process-section__introduction--content .titre{
        text-align: center;
        font-size: 4.2rem;
        font-family: var(--font-title);
        line-height: 1.3;
        margin-bottom: 3.2rem;
    }

    .process-commande .gform_previous_button{
        width: 0;
        height: 0;
        pointer-events: none;
        opacity: 0;
        border: none;
        padding: 0;
        margin: 0;
        display: none;
    }

    .process-section__conv{
        display: flex;
        justify-content: space-between;
        align-items: flex-end;
        margin-bottom: 3rem;
    }

    .process-section__conv.no-margin{
        margin-bottom: 0;
    }

    .process-section__conv .avatar{
        width: 6rem;
		max-width: 6rem;
        display: block;
        transform: scale(0);
        animation: scalein .1s .4s forwards;
    }

    .process-section__conv .conversation{
        max-width: 40rem;
        margin-bottom: 3rem;
        transition: .3s ease-out;
    }

    .process-section__conv .conversation__el{
        background: rgba(var(--color-shady-mint-rgb), 0.5);
        border-radius: 1.5rem 1.5rem 1.5rem 0px;
        padding: 1.4rem 1.8rem;
        margin-bottom: 1.1rem;
        transform-origin: bottom left;
        transform: scale(0);
        animation: scalein .3s .6s ease-out forwards;
    }

    .process-section__conv .conversation__el:nth-child(2),
    .process-section__conv .conversation__el:nth-child(3){
        height: 0;
        overflow: hidden;
        padding: 0 2.4rem;
        transform-origin: bottom center;
        transform: scale(1);
        animation: discuss .5s 1.8s ease-out forwards;
    }

    .process-section__conv .conversation__el:nth-child(3){
        animation: discuss .5s 2.8s ease-out forwards;
    }

    .process-section__conv .conversation__el:last-child{
        margin-bottom: 0;
    }

    .process-section__conv .conversation__el p{
        font-weight: 400;
        font-size: 1.6rem;
        line-height: 1.4;
    }

    @media screen and (min-width: 600px){

        .process-section__conv .conversation__el{
            padding: 1.4rem 2.4rem;
        }

        .process-commande,
        .process-commande-confirmation{
            padding-bottom: 7.5rem;
            margin-top: 5rem;
            
            background: linear-gradient(90deg, var(--color-shady-mint), var(--color-lavander), var(--color-ocean));
            background-size: 600% 600%;

            -webkit-animation: gradientbkg 30s ease infinite;
            -moz-animation: gradientbkg 30s ease infinite;
            animation: gradientbkg 30s ease infinite;
        }

        .process-commande-mediamarkt{
            background: #E00301;
            animation: none;
        }
    }

    @-webkit-keyframes gradientbkg {
        0%{background-position:0% 0%}
        50%{background-position:93% 100%}
        100%{background-position:0% 0%}
    }
    @-moz-keyframes gradientbkg {
        0%{background-position:0% 0%}
        50%{background-position:93% 100%}
        100%{background-position:0% 0%}
    }
    @keyframes gradientbkg {
        0%{background-position:0% 0%}
        50%{background-position:93% 100%}
        100%{background-position:0% 0%}
    }

    .process-commande .process-section-marginB{
        margin-bottom: 3rem;
    }

    .process-anim,
    .process-anim-container .gform_page_footer{
        opacity: 0;
        transform: translateY(-1rem);
    }

    .process-anim-container .process-anim{
        animation: apparition .5s .5s ease forwards;
    }

    .process-anim-container .gform_page_footer{
        animation: apparition .5s .9s ease forwards;
    }

    .process-anim-bulle .process-anim{
        animation: apparition .5s 1s ease forwards;
    }

    .process-anim-bulle  .gform_page_footer{
        animation: apparition .5s 1.4s ease forwards;
    }

    .process-anim-bulle--2 .process-anim{
        animation: apparition .5s 2.6s ease forwards;
    }

    .process-anim-bulle--2  .gform_page_footer{
        animation: apparition .5s 3s ease forwards;
    }


    .process-anim-bulle--3 .process-anim{
        animation: apparition .5s 3.2s ease forwards;
    }

    .process-anim-bulle--3  .gform_page_footer{
        animation: apparition .5s 3.6s ease forwards;
    }

    .process-anim-bulle-after--3 .process-anim{
        animation: apparition .5s .8s ease forwards;
    }
    .process-anim-bulle-after--3 .process-section__conv .avatar{
        animation-delay: 1.2s;
    }
    .process-anim-bulle-after--3 .process-section__conv .conversation__el{
        animation-delay: 1.4s;
    }

    .process-anim-bulle-after--3 .process-section__conv .conversation__el:nth-child(2){
        animation-delay: 2.6s;
    }
    .process-anim-bulle-after--3 .process-section__conv .conversation__el:nth-child(3){
        animation-delay: 3.8s;
    }

    .process-anim-bulle-after--3 .gform_page_footer{
        animation: apparition .5s 4.2s ease forwards;
    }

    .process-bouquets__el{
        border-radius: 1rem;
        background: #000;
        margin-bottom: 2.4rem;
    }

    .process-bouquets__el--sport{
        background: url(/wp-content/uploads/bouquets-sport.jpg) no-repeat center / cover;
    }

    .process-bouquets__el--cine{
        background: url(/wp-content/uploads/bouquets-cine.jpg) no-repeat center / cover;
    }

    .process-bouquets__el--loisir{
        background: url(/wp-content/uploads/bouquets-loisirs.jpg) no-repeat center / cover;
    }

    .process-bouquets__el:last-child{
        margin-bottom: 0;
    }

    .process-bouquets__el .process-bouquets__titre{
        margin-bottom: 2.5rem;
    }

    .process-bouquets__el .process-bouquets__titre .txt{
        font-family: var(--font-title);
        color: var(--color-base-1);
        font-size: 1.4rem;
        margin-bottom: 1rem;
        line-height: 1;
    }

    .process-bouquets__el .process-bouquets__titre .titre{
        font-family: var(--font-title);
        color: var(--color-base-2);
        text-transform: uppercase;
        font-size: 5.6rem;
        line-height: 1;
    }

    .process-bouquets__el .wrapper{
        padding: 4.5rem 1.7rem;
    }

    .process-bouquets__el .process-bouquets__chaines{
        display: flex;
        align-items: center;
    }

    .process-bouquets__el .process-bouquets__chaines .chaines__el{
        width: 23%;
        margin-right: 2.5%;
        border-radius: 1rem;
        background: rgba(255, 255, 255, 0.10);
        backdrop-filter: blur(6px);
        min-height: 6.3rem;
        display: flex;
    }

    .process-bouquets__el .process-bouquets__chaines .chaines__el img{
        max-width: 5rem;
        max-height: 3rem;
        margin: auto;
    }

    .process-bouquets__el .process-bouquets__chaines .chaines__el--betv img{
        filter: invert(1);
    }

    .process-bouquets__el .process-bouquets__chaines .chaines__el p{
        color: var(--color-base-1);
        font-size: 1rem;
        margin: auto;
        font-family: var(--font-title);
        line-height: 1;
    }

    .process-bouquets__el .process-bouquets__chaines .chaines__el:last-child{
        margin-right: 0;
    }

    @keyframes fadein{
        to{
            opacity: 1;
        }
    }

    @keyframes scalein{
        to{
            transform: scale(1);
        }
    }

    @keyframes apparition{
        to{
            opacity: 1;
            transform: translateY(0);
        }
    }

    @keyframes discuss{
        to{
            height: auto;
            padding: 1.4rem 2.4rem;
        }
    }

    .recap{
        border: 0.2rem solid var(--color-ocean);
        border-radius: 1.5rem;
        margin-bottom: 3rem;
    }

    .recap__el{
        display: flex;
        justify-content: space-between;
        align-items: center;
        margin-bottom: 0.7rem;
    }

    .recap__el:last-child{
        margin-bottom: 0;
    }

    .recap__el--abonnement,
    .recap__el--unique{
        margin-bottom: 1.2rem;
    }

    .recap__wrapper{
        padding: 3.5rem 3.8rem;
    }

    .recap .divider{
        width: 100%;
        height: 1px;
        background: rgba(var(--color-base-3-rgb), 0.25);
        margin: 2rem 0;
    }

    .recap__el p{
        font-size: 1.2rem;
        line-height: 1.2;
    }

    .recap__el--abonnement p,
    .recap__el--unique p{
        font-size: 1.2rem;
        font-family: var(--font-title);
    }

    .recap__el--abonnement p .price__month{
        font-size: 0.8rem;
    }

    @media screen and (min-width: 600px){
        .recap__wrapper{
            padding: 3.5rem 3.8rem;
        }

        .recap__el--abonnement p,
        .recap__el--unique p{
            font-size: 1.4rem;
        }
    }

    .arianne{
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .arianne__el{
        display: block;
        width: 0.5rem;
        height: 0.5rem;
        border-radius: 50%;
        background: rgba(106, 179, 178, 0.3);
        margin-right: 1.5rem;
    }

    .arianne__el--current{
        width: 1rem;
        height: 1rem;
        background: var(--color-ocean);
    }

    .arianne__el:last-child{
        margin-right: 0;
    }

    .process-commande-confirmation .arianne{
        margin-bottom: 3rem;
    }

    .process-commande-confirmation .process-section .titre{
        margin-bottom: 3rem;
    }

    .process-commande-confirmation .wp-element-button{
        margin-top: 3rem;
    }

    .process-section-CGV p{
        text-align: center;
        max-width: 20rem;
        margin: 0 auto;
        font-size: 1.2rem;
        line-height: 1.4;
        opacity: .85;
        margin-bottom: 3rem;
    }

    .process-section-CGV p a{
        color: var(--color-base-3);
        font-size: 1.2rem;
        line-height: 1.4;
        text-decoration: underline;
    }

    .process-section-CGV p a:hover{
        text-decoration: none;
    }

    .process-popup{
        position: fixed;
        top: 0;
        left: 0;
        width: 100vw;
        height: 100vh;
        opacity: 0;
        pointer-events: none;
        transition: 0ms 500ms ease;
    }

    .process-popup__close{
        width: 100%;
        height: 100%;
        background: rgba(0, 0, 0, 0.25);
        opacity: 0;
        transition: 300ms 200ms ease;
    }

    .process-popup__content{
        position: absolute;
        top: 50%;
        left: 50%;
        width: 80%;
        transform: translate(-50%, -50%);
        background: var(--color-base-1);
        border-radius: 1rem;
        max-width: 75rem;
        opacity: 0;
        transition: 300ms ease;
    }

    .process-popup__content .wrapper{
        padding: 6rem 2rem 3rem 2rem;
        position: relative;
    }

    .process-popup__content button{
        background: none;
        border: none;
        font-size: 0;
        width: 3rem;
        height: 3rem;
        border-radius: 50%;
        background: url('/wp-content/uploads/btn-exit.svg') var(--color-apricot) no-repeat center / 40%;
        position: absolute;
        top: 1.5rem;
        right: 1.5rem;
    }

    .process-popup__content .titre{
        text-align: center;
        font-family: var(--font-title);
        font-size: 1.8rem;
        margin-bottom: 1.5rem;
    }

    .process-popup__content .text{
        text-align: center;
        font-size: 1.6rem;
        margin-bottom: 1.5rem;
    }

    .process-popup__content .btn-container{
        display: flex;
        flex-direction: column;
        max-width: 28rem;
        margin: 0 auto;
    }

    .process-popup__content .btn-container a{
        text-align: center;
        margin-bottom: 1.5rem;
        border: 2px solid var(--color-base-cta);
    }

    .process-popup__content .btn-container .button__primary--invert{
        background: transparent;
        color: var(--color-base-cta);
    }

    .process-popup__open{
        opacity: 1;
        pointer-events: all;
        transition: 0ms 0ms;
    }

    .process-popup__open .process-popup__close{
        opacity: 1;
        transition: 300ms ease;
    }

    .process-popup__open .process-popup__content{
        opacity: 1;
        transition: 300ms 200ms ease;
    }

    @media screen and (min-width: 1024px){

        .process-popup__content .titre {
            font-size: 2.8rem;
            max-width: 55%;
            margin: 0 auto 2.5rem auto;
        }

        .process-popup__content .text{
            font-size: 1.8rem;
            margin: 0 auto 2.5rem auto;
            max-width: 70%;
        }

        .process-popup__content button{
            width: 4rem;
            height: 4rem;
            top: 2.5rem;
            right: 2.5rem
        }

        .process-popup__content .btn-container{
            flex-direction: row;
            justify-content: space-between;
            max-width: 55rem;
        }

        .process-popup__content .btn-container a{
            width: 48%;
        }

    }


/*********************************************** Slide In */
    .slide-in{
        position: fixed;
        top: 0;
        left: 0;
        width: 100vw;
        height: 100vh;
        z-index: 9998;
        pointer-events: none;
    }

    .slide-in .btn__close{
        font-size: 0;
        width: 4rem;
        height: 4rem;
        border-radius: 50%;
        background: url('/wp-content/uploads/close-1.svg') var(--color-base-cta);
        background-size: 30%;
        background-repeat: no-repeat;
        background-position: center;
        position: absolute;
        z-index: 10;
        opacity: 0;
        pointer-events: none;
        top: 1.5rem;
        right: 1.5rem;
        transition: .3s ease;
    }

    .slide-in__left{
        display: none;
        transition: .3s ease;
    }

    .slide-in__right{
        width: 100%;
        height: 100%;
        background: var(--color-white);
        padding: 5rem 0;
        overflow-y: scroll;
        overflow-x: hidden;
        position: relative;
        -ms-overflow-style: none;
        scrollbar-width: none;
        transform: translateX(103%);
        transition: .3s ease;
    }

    .slide-in__right::-webkit-scrollbar {
        display: none;
    }

    .slide-in__right .wrapper{
        width: 90%;
        max-width: 62rem;
        margin: 0 auto;
    }

    .slide-in__right .icon{
        margin-bottom: 1.5rem;
    }

    .slide-in__right .title{
        margin-bottom: 1.5rem;
    }

    .slide-in__right .body{
        margin-bottom: 2.5rem;
    }

    .slide-in__open{
        pointer-events: all;
    }

    .slide-in__open .slide-in__right{
        transform: translateX(0);
        transition: .3s ease;
    }

    .slide-in__open .btn__close{
        opacity: 1;
        pointer-events: all;
        transition: .3s ease;
    }

    .slide-in__open .slide-in__left{
        opacity: 1;
        transition: .3s .2s ease;
    }

    .slide-in__multicontent .slide-in__content{
        display: none;
    }

    @media screen and (min-width: 1024px){

        .slide-in{
            display: flex;
            align-items: stretch;
        }

        .slide-in__right{
            width: 70%;
        }

        .slide-in__left{
            display: block;
            opacity: 0;
            width: 30%;
            height: 100%;
            background: rgba(0, 0, 0, 0.4);
        }
    }

    @media screen and (min-width: 1280px){
        .slide-in__right{
            width: 55%;
        }

        .slide-in__left{
            width: 45%;
        }

        .slide-in__bouquets .title {
            margin-bottom: 5rem;
        }

        .slide-in__bouquets .bouquets__video,
        .slide-in__bouquets .top-content,
        .slide-in__bouquets .content{
            margin-bottom: 7.5rem;
        }

        .slide-in__bouquets .content .title,
        .slide-in__bouquets .top-content .title,
        .slide-in__bouquets .title__small{
            margin-bottom: 2rem;
        }
    }

    @media screen and (min-width: 1440px){
        .slide-in__right {
            padding: 10rem 0;
        }

        .slide-in__right .icon{
            margin-bottom: 2rem;
        }
    
        .slide-in__right .title{
            margin-bottom: 2rem;
        }

        .slide-in__bouquets .title {
            margin-bottom: 5rem;
        }

        .slide-in__bouquets .content .title,
        .slide-in__bouquets .top-content .title,
        .slide-in__bouquets .title__small{
            margin-bottom: 2rem;
        }
    
        .slide-in__right .body{
            max-width: 41rem;
            margin: 0 auto 5rem auto;
        }

        .slide-in .btn__close{
            width: 6rem;
            height: 6rem;
            top: 5rem;
            right: 5rem;
        }

        
    }

/********************************************* Infos réseaux */

    .infosReseau__el{
        background: var(--color-base-1);
        border-radius: 1rem;
        margin-bottom: 2.5rem;
        border: 2px solid var(--color-base-1);
    }

    .infosReseau__el--Panne,
    .infosReseau__el--Failure{
        border: 2px solid var(--color-blush);
    }

    .infosReseau__el--Maintenance{
        border: 2px solid var(--color-shady-blue);
    }

    .infosReseau__el--none{
        border: 2px solid var(--color-lime);
    }

    .infosReseau__el--none p{
        margin-bottom: 0;
        max-width: 55rem;
        margin: 0 auto;
    }


    .infosReseau__el:last-child{
        margin-bottom: 0;
    }

    .infosReseau__el .wrapper{
        padding: 4.4rem 2.5rem;
    }

    .infosReseau__el .infosReseau__type{
        margin-bottom: 1.5rem;
        display: flex;
        align-items: center;
    }

    .infosReseau__el .infosReseau__type--statut{
        margin-left: 1rem;
    }

    .infosReseau__el .infosReseau__type--Panne,
    .infosReseau__el .infosReseau__type--Failure{
        background: var(--color-blush);
        color: var(--color-white);
    }

    .infosReseau__el .infosReseau__type--Maintenance{
        background: var(--color-shady-blue);
        color: var(--color-white);
    }

    .infosReseau__el .infosReseau__date{
        margin-bottom: 2rem;
    }

    .infosReseau__el .infosReseau__name{
        margin-bottom: 1rem;
    }

    .infosReseau__el .infosReseau__details .content p{
        margin-bottom: 1rem;
    }

    .infosReseau__el .infosReseau__details .content p:last-child{
        margin-bottom: 0;
    }

    .infosReseau__el .infosReseau__area{
        margin-bottom: 2rem;
    }

    .infosReseau__el .infosReseau__area p.body__base{
        margin-bottom: 1rem;
    }

    .infosReseau__el .infosReseau__area p.body__base:first-child,
    .infosReseau__el .infosReseau__details p.body__base:first-child{
        font-family: var(--font-title);
        margin-bottom: 1rem;
    }

    @media screen and (min-width: 1024px){

        .infosReseau__el .wrapper{
            display: flex;
            align-items: center;
            justify-content: space-evenly;
        }

        .infosReseau__left{
            width: 30%;
        }

        .infosReseau__right{
            width: 60%;
        }
    }

/*********************************************** Liste des chaines */

    .channel__grid{
        display: grid;
        grid-template-columns: 4rem 2rem 2rem 1fr;
        grid-auto-columns: 1fr;
        grid-auto-rows: 3.5rem;
        grid-gap: 1rem;
        align-items: center;
    }

    .channel__message{
        max-width: 70rem;
        margin: 5rem auto 0 auto;
    }

    .channels__radio{
        background: var(--color-base-1);
    }

    .channels__radio .channel__grid .channel__number{
        display: none;
    }

    .channels__radio .channel__grid{
        grid-template-columns: 2rem 2rem 1fr;
    }

    .channel__flag{
        height: 100%;
    }

    .channel__flag--fr{
        background: url(/wp-content/uploads/flag-france.png);
        background-repeat: no-repeat;
        background-position: center;
        background-size: 100%;
    }

    .channel__flag--de{
        background: url(/wp-content/uploads/flag-germany.png);
        background-repeat: no-repeat;
        background-position: center;
        background-size: 100%;
    }

    .channel__flag--en{
        background: url(/wp-content/uploads/flag-united-kingdom.png);
        background-repeat: no-repeat;
        background-position: center;
        background-size: 100%;
    }

    .channel__flag--pt{
        background: url(/wp-content/uploads/flag-portugal.png);
        background-repeat: no-repeat;
        background-position: center;
        background-size: 100%;
    }

    .channel__flag--es{
        background: url(/wp-content/uploads/flag-spain.png);
        background-repeat: no-repeat;
        background-position: center;
        background-size: 100%;
    }

    .channel__flag--nl{
        background: url(/wp-content/uploads/flag-netherlands.png);
        background-repeat: no-repeat;
        background-position: center;
        background-size: 100%;
    }

    .channel__flag--lu{
        background: url(/wp-content/uploads/flag-luxembourg.png);
        background-repeat: no-repeat;
        background-position: center;
        background-size: 100%;
    }

    .channel__flag--it{
        background: url(/wp-content/uploads/flag-italy.png);
        background-repeat: no-repeat;
        background-position: center;
        background-size: 100%;
    }

    .channel__name p{
        text-transform: uppercase;
    }
    .channel__number p{
        color: var(--color-ocean);
        font-family: var(--font-title);
        font-size: 1.4rem;
    }
    .bouquets {
        padding-bottom: 5rem;
        margin-top: 5rem;
        border-bottom: 1px solid var(--color-shady-mint);
    }
    .bouquets_title{
        margin-bottom: 1.5rem;
    }

    .bouquets_title p{
        font-size: 2rem;
        text-transform: uppercase;
    }

    .channels .titre{
        margin-bottom: 2.5rem;
    }

    .content__el .bouquets:last-child{
        margin-bottom: 0;
    }

    .channel__el--eltronaInfo--desktop{
        display: none;
    }

    .channel__el--eltronaInfo{
        background: var(--color-shady-mint);
        padding: 1rem 0;
        margin-top: 6rem;
        grid-template-columns: 4rem 2rem 13rem;
        justify-content: center;
    }

    .channel__el--eltronaInfo .channel__row:nth-child(3){
        display: none;
    }

    .bouquets img{
        margin-bottom: 1rem;
    }

    .bouquets__betv img,
    .bouquets__absat img,
    .bouquets__sky img{
        display: block;
        width: 8rem;
    }

    .bouquets__voosport img{
        display: block;
        width: 18rem;
    }


    @media screen and (min-width: 1024px){
        .channels .content{
            display: flex;
            flex-wrap: wrap;
            justify-content: space-between;
        }
        
        .channels .content__el{
            width: 45%;
        }

        .channel__number p {
            font-size: 1.6rem;
        }

        .channel__grid {
            grid-template-columns: 4.5rem 2rem 2rem 1fr;
        }

        .channel__el--eltronaInfo--mobile{
            display: none;
        }

        .channel__el--eltronaInfo--desktop{
            display: grid;
            padding: 1rem 2rem;
            max-width: 30rem;
        }

        .channels .titre {
            margin-bottom: 5rem;
        }

        .channel__el--eltronaInfo .channel__row:nth-child(3) {
            display: block;
        }
    }

    @media screen and (min-width: 1280px){
        .channels .content{
            display: flex;
            flex-wrap: wrap;
            justify-content: space-between;
        }
        
        .channels .content__el{
            width: 30%;
        }
    }

/*********************************************** Docs utiles */

.docs .doc__el,
.docs .docs__col{
    margin-bottom: 7rem;
}

.docs .doc__el:last-child,
.docs .docs__col:last-child{
    margin-bottom: 0;
}

.docs .doc__el .title{
    margin-bottom: 2rem;
}

.docs .doc__el .doc-content__el{
    margin-bottom: 1.5rem;
}

.docs .doc__el .doc-content__el:last-child{
    margin-bottom: 0;
}

.docs .doc__el a{
    color: var(--color-base-cta);
    transition: .3s ease;
    text-decoration: none;
    display: flex;
    align-items: center;
}

.docs .doc__el a:hover{
    color: var(--color-base-cta-hover);
}

.docs .doc__el a svg{
    display: inline-block;
    min-width: 2.5rem;
    margin-right: 1rem;
    transition: .3s ease;
}

.docs .doc__el a:hover svg{
    fill: var(--color-base-cta-hover);
}

.page__section--doc {
    border-bottom: 1px solid var(--color-shady-mint);
}

.page__section--doc--archive .titre{
    margin-bottom: 2.5rem;
}   

@media screen and (min-width: 1024px){
    .docs{
        display: flex;
        justify-content: space-between;
    }

    .docs .docs__col{
        width: 45%;
    }

    .page__section--doc--archive .doc-content{
        display: flex;
        flex-wrap: wrap;
        align-items: flex-start;
        justify-content: space-between;
    }

    .page__section--doc--archive .doc-content__el{
        width: 31%;
    }

    .docs .doc__el a:hover .base{
        transition: .2s linear;
    }

    .docs .doc__el a:hover .base{
        transform: translateY(2px);
    }
}


/*********************************************** CTA Contact */

    .cta-contact__bottom.contact__desktop{
        display: none;
    }

    .cta-contact .avatar{
        max-width: 13.2rem;
        margin: 0 auto 1.5rem auto;
    }

    .cta-contact .title{
        max-width: 25rem;
        margin: 0 auto;
        margin-bottom: 1.5rem;
    }

    .cta-contact .body{
        max-width: 31rem;
        margin: 0 auto;
    }

    .cta-contact__top{
        margin-bottom: 2.5rem;
    }

    .cta-contact p.body.cta-contact__message{
        margin-bottom: 2.5rem;
        color: var(--color-ocean);
    }

    .cta-contact__bottom{
        display: flex;
        flex-direction: column;
        align-items: center;
        max-width: 33rem;
        margin: 0 auto;
    }

    .cta-contact__bottom.contact__mobile a{
        display: flex;
        align-items: center;
        justify-content: center;
        margin-bottom: 2rem;
        width: 100%;
    }

    .cta-contact__bottom.contact__mobile .button__secondaire::after,
    .cta-contact__bottom.contact__mobile .button__secondaire br {
        display: none;
    }

    .cta-contact__bottom.contact__mobile a:last-child{
        margin-bottom: 0;
    }

    .cta-contact__bottom.contact__mobile a img{
        max-width: 2.5rem;
        display: block;
        margin-right: 1.5rem;
    }

    .page-contact-en .cta-contact .avatar,
    .page-contact-en .cta-contact .title,
    .page-contact-en .cta-contact .title + .body,
    .page-contact-en .cta-contact__top{
        display: none;
    }

    

    @media screen and (min-width: 800px){

        .cta-contact__bottom.contact__mobile{
            display: none;
        }

        .cta-contact__bottom.contact__desktop{
            max-width: 100%;
            display: flex;
            align-items: center;
            justify-content: space-between;
            flex-direction: row;
        }

        .cta-contact__top {
            margin-bottom: 5.5rem;
        }

        .cta-contact p.body.cta-contact__message{
            margin-bottom: 5.5rem;
        }

        .cta-contact__bottom.contact__desktop .contact__el{
            width: 31%;
            max-width: 25rem;
            display: grid;
            grid-template-rows: 25% 25% 25%;
            row-gap: 2rem;
        }

        .cta-contact__bottom.contact__desktop .contact__el img{
            max-width: 4.5rem;
            margin: 0 auto;
        }

    }

    @media screen and (min-width: 1024px){
        .cta-contact .title,
        .cta-contact .body {
            max-width: 100%;
        }

        .page-contact-en .cta-contact__bottom.contact__desktop{
            align-items: stretch;
            justify-content: center;
        }

        .page-contact-en .cta-contact__bottom.contact__desktop .contact__el {
            width: 28%;
            border-radius: 1rem;
            border: 2px solid var(--color-base-cta);
            padding: 2rem;
            margin-right: 8%;
            
        }

        .page-contact-en .cta-contact__bottom.contact__desktop .contact__el:last-child{
            margin-right: 0;
        }

        .page-contact-en .cta-contact .button__secondaire {
            padding: 2.5rem 1rem;
        }
    }

    @media screen and (min-width: 1280px){
        
        .page-contact-en .cta-contact__bottom.contact__desktop .contact__el{
            max-width: 30.5rem;
            padding: 4rem;
            margin-right: 0;
        }

        .page-contact-en .cta-contact__bottom.contact__desktop {
            justify-content: space-between;
        }
    }

    @media screen and (min-width: 1440px){
        .page-contact-en .cta-contact__bottom.contact__desktop .contact__el {
            width: 30%;
        }
    }

/*************************************************** page TV */
    .page-service .section-tv__apptv h3{
        font-family: var(--font-title);
        font-size: 3rem;
        line-height: 1.2;
        margin-bottom: 3rem;
    }

    .page-service .section-tv__apptv h3::before{
        content: "";
        display: inline-block;
        vertical-align: middle;
        width: 4.5rem;
        height: 4.5rem;
        border-radius: 50%;
        margin-right: 2rem;
    }

    .page-service__tv .subtitle{
        margin-bottom: 2rem;
    }

    .page-service .section-tv__apptv .title-trouver::before{
        background: url('/wp-content/uploads/icon-trouver.svg') var(--color-base-2) no-repeat center / 50%;
    }

    .page-service .section-tv__apptv .title-regarder::before{
        background: url('/wp-content/uploads/icon-regarder.svg') var(--color-base-2) no-repeat center / 50%;
    }

    .page-service .section-tv__apptv .title-projeter::before{
        background: url('/wp-content/uploads/icon-projeter.svg') var(--color-base-2) no-repeat center / 50%;
    }

    .page-service .section-tv__apptv .wp-block-column p{
        font-size: 1.8rem;
        line-height: 1.4;
        max-width: 45rem;
    }

    .page-service .section-tv__apptv figure{
        position: relative;
    }

    .page-service .section-tv__apptv figure img{
        position: relative;
        z-index: 3;
    }

    .page-service .section-tv__apptv {
        overflow: hidden;
    }

    .page-service .section-tv__apptv figure::after{
        content: "";
        display: block;
        width: 150%;
        height: 4rem;
        border-radius: 428.533px;
        opacity: 0.8;
        background: #2A69AC;
        filter: blur(25px);
        position: absolute;
        bottom: 0;
        left: 50%;
        transform: translateX(-50%);
    }

    .page-service .section-tv__apptv .img-regarder figure::after{
        width: 125%;
    }

    .page-service .section-tv__apptv .img-projeter figure::after{
        width: 100%;
        bottom: auto;
        top: 50%;
        height: 100%;
        transform: translate(-50%, -50%);
        border-radius: 392.732px;
        filter: blur(74.27819061279297px);
    }

    .page-service__tv .hero__services--internet .price p{
        font-size: 1.5rem;
    }

    .page-service__tv .hero__services--internet .price p.yellow{
        font-size: 1.6rem;
    }

    .page-service__tv .hero__services--internet::after{
        display: none;
    }

    .section-tv__fonctionnalite .wp-block-column p{
        font-size: 2rem;
        margin-top: 2rem;
    }

    .page-service__tv .wp-block-heading strong{
        color: var(--color-base-2);
    }

    .page-service__tv .section-tv__vod h2{
        margin-bottom: 2rem;
    }

    .page-service__tv .section-tv__options .avantage__el p span{
        font-style: italic;
        font-weight: 200;
    }


    @media screen and (min-width: 1024px){

        .page-service__tv .hero__services--internet .price p{
            font-size: 1.8rem;
        }
        .page-service__tv .hero__services--internet .price p.yellow{
            font-size: 2.2rem;
        }

        .page-service .section-tv__apptv .wp-block-column p{
            font-size: 2.2rem;
        }

        .page-service .section-tv__apptv{
            position: relative;
        }

        .page-service .section-tv__apptv::before{
            content: "";
            display: block;
            width: 50%;
            max-width: 77rem;
            height: 100%;
            background: url('/wp-content/uploads/elt-apptv-bkg-opti.png') no-repeat top right / 100%;
            position: absolute;
            top: 0;
            right: 0;
        }

        .page-service .section-tv__apptv .wp-block-group__inner-container{
            position: relative;
            z-index: 5;
        }

        .page-service__tv .subtitle{
            margin-bottom: 3rem;
        }

        .section-tv__fonctionnalite .wp-block-column p{
            font-size: 2.4rem;
        }
    }

    .download-app{
        background: var(--color-base-1);
        color: var(--color-base-3);
        padding: 3.5rem 0;
        border-radius: 1rem;
        max-width: 97.7rem;
        margin: 0 auto;
    }

    .download-app .wp-block-group__inner-container{
        width: 85%;
        max-width: 58rem;
        margin: 0 auto;
    }

    .download-app p{
        font-family: var(--font-title);
        font-size: 2rem;
        line-height: 1.2;
        margin-bottom: 3rem;
    }

    .download-link{
        flex-direction: column;
    }

    .download-app a{
        display: block;
        width: 100%;
        font-size: 0;
        color: transparent;
    }

    .download-link .appstore a{
        background: url('/wp-content/uploads/appstore.svg') no-repeat center / contain;
    }

    .download-link .google-play a{
        background: url('/wp-content/uploads/googleplay.svg') no-repeat center / contain;
    }

    .download-link .wp-block-button{
        width: 100%;
        max-width: 20.4rem;
        margin: 0 auto;
    }

    @media screen and (min-width: 1024px){
        
        .download-app{
            padding: 7rem 0;
        }

        .download-app p{
            font-size: 3rem;
            margin-bottom: 5rem;
        }

        .download-link{
            flex-direction: row;
        }

        .download-link .wp-block-button {
            margin: 0;
        }

        .download-app a {
            border-radius: 0;
            height: 6rem;
            padding: 0;
            transition: .3s ease;
        }

        .download-app a:hover {
            transform: scale(0.95);
        }
    }

/********************************************* page internet */

    .page-service .service-args{
        background: var(--color-blue-light-2);
        color: var(--color-base-1);
        border-radius: 2rem;
        overflow: hidden;
        box-shadow: 0px 0px 94px 0px #0B1950;
        max-width: 50rem;
        margin: 10rem auto 0 auto;
    }

    .page-service .service-args .subtitle span{
        display: none;
    }

    .page-service .service-args .subtitle{
        font-size: 1rem;
        margin-bottom: 2rem;
    }

    .page-service .service-args .titre__el{
        font-size: 2.4rem;
        line-height: 1.2;
        margin-bottom: 1rem;
        font-family: var(--font-title);
    }

    .page-service .service-args .txt-small{
        margin-bottom: 3rem;
        font-size: 1.8rem;
    }

    .page-service .service-args__image .image__desktop{
        display: none;
    }

    .page-service .service-args__image .wrapper{
        position: relative;
    }

    .page-service .service-args__image .wrapper::after{
        content:"";
        display: block;
        width: 100%;
        height: 30%;
        background: url('/wp-content/uploads/deco-mobile.svg');
        background-repeat: no-repeat;
        background-position: center;
        background-size: 100%;
        position: absolute;
        top: 0;
        left: 0;
    }

    .page-service__tv .service-args__image .wrapper::after{
        display: none;
    }

    .page-service .service-args .service-args__content .wrapper{
        padding: 6rem 2rem;
        text-align: center;
    }

    .page-service .service-args .args{
        margin-bottom: 4rem;
        pointer-events: none;
    }

    .page-service .service-args .args__el p{
        font-size: 1.6rem;
        border-left: 1px solid var(--color-base-2);
        border-right: 1px solid var(--color-base-2);
        display: inline-block;
        padding: 0 1.5rem;
    }

    .page-service .service-args .icon{
        list-style: none;
        margin: 0;
        padding: 0;
        display: flex;
        align-items: stretch;
        flex-wrap: wrap;
        justify-content: center;
    }

    .page-service .service-args .icon__el{
        width: 50%;
        max-width: 13rem;
        margin-bottom: 2.5rem;
    }

    .page-service .service-args .icon__el p{
        margin-top: 5px;
        font-size: 1.6rem;
        line-height: 1.2;
        font-family: var(--font-title-light);
    }

    .page-service .service-args .icon__el:nth-child(3),
    .page-service .service-args .icon__el:last-child{
        margin-bottom: 0;
    }

    @media screen and (min-width: 1024px){

        .page-service .service-args{
            max-width: 100%;
        }

        .page-service .service-args__image .image__mobile{
            display: none;
        }

        .page-service .service-args__image .image__desktop{
            display: block;
        }

        .page-service .service-args{
            display: flex;
            flex-direction: row-reverse;
            align-items: center;
        }

        .page-service .service-args__image{
            width: 40%;
        }

        .page-service__tv .service-args__image{
            width: 35%;
        }

        .page-service .service-args .icon__el{
            max-width: 12rem;
        }

        .page-service .service-args__content{
            width: 60%;
        }

        .page-service__tv .service-args__content{
            width: 65%;
        }

        .page-service .service-args .titre__el{
            font-size: 4rem;
        }

        .page-service .service-args .subtitle{
            font-size: 1.4rem;
        }

        .page-service .service-args .subtitle span{
            display: inline;
        }

        .page-service .service-args .args__el p{
            font-size: 2.6rem;
        }

        .page-service .service-args .service-args__content .wrapper{
            padding: 3rem 2rem;
        }

        .page-service .service-args__image .wrapper::after{
            width: 30%;
            height: 100%;
            background: url('/wp-content/uploads/deco.svg');
            background-repeat: no-repeat;
            background-position: center;
            background-size: 100%;
            position: absolute;
            top: 0;
            left: auto;
            right: -2px;
        }
    }


/********************************************** custom video */

    .custom-video{
        max-width: 35rem;
        position: relative;
    }

    .custom-video__el{
        position: absolute;
        top: 5%;
        left: 50%;
        transform: translateX(-50%);
        width: 84%;
        height: 84%;
        overflow: hidden;
    }

    .custom-video__el .wrapper{
        position: relative;
        width: 100%;
        height: 100%;
    }

    .custom-video__el video, .custom-video__el img{
        position: absolute;
        top: 50%;
        left: 50%;
        min-height: 100%;
        width: auto;
        transform: translate(-50%, -50%);
    }

    @media screen and (min-width: 1024px){

        .custom-video{
            max-width: 44.3rem;
        }
    }

/************************************************ order step */

    .orderStep__el{
        width: 85%;
        max-width: 32.2rem;
        margin: 0 auto 3rem auto;
        text-align: center;
    }

    .orderStep__el::after{
        content: "";
        display: block;
        height: 5rem;
        width: 1px;
        border-left: 2px dashed var(--color-base-2);
        margin: 3rem auto 0 auto;
    }

    .orderStep__el:last-child{
        margin-bottom: 0;
    }

    .orderStep__el:last-child::after{
        display: none;
    }

    .orderStep__image{
        margin: 0 0 6.5rem 0;
        position: relative;
    }

    .orderStep__image::after{
        content: attr(data-number);
        display: block;
        width: 4.7rem;
        height: 4.7rem;
        border-radius: 50%;
        background: var(--color-base-2);
        color: var(--color-base-3);
        font-size: 3.2rem;
        font-family: var(--font-title);
        text-align: center;
        position: absolute;
        bottom: -10%;
        left: 50%;
        transform: translateX(-50%);
    }

    .orderStep__desc{
        font-size: 2rem;
        line-height: 1.2;
    }

    .orderStep__image img{
        border-radius: 8px;
    }

    @media screen and (min-width: 1024px){

        .orderStep{
            display: flex;
            justify-content: space-between;
            flex-wrap: wrap;
            background: url('/wp-content/uploads/deco-line.svg');
            background-repeat: no-repeat;
            background-position: center;
            background-size: 75%;
        }

        .orderStep__el{
            margin: 0 0 3rem 0;
        }

        .orderStep__el .wrapper{
            max-width: 32.2rem;
        }

        .orderStep__el::after{
            display: none;
        }

        .orderStep__el--1{
            margin-left: 10%;
        }

        .orderStep__el--2{
            margin-top: 15%;
        }

        .orderStep__el--3{
            margin-top: -5%;
        }

        .orderStep__el--4{
            margin-top: 15%;
            margin-right: 10%;
        }

        .orderStep__desc{
            font-size: 2.8rem;
        }

        .orderStep__image::after{
            width: 6rem;
            height: 6rem;
            font-size: 3.2rem;
        }
    }

/******************************************** Bloc Vod */

    .bloc-vod .bloc-vod__name{
        font-family: var(--font-title);
        font-size: 2rem;
        color: #08424C;
        margin-top: 2.5rem;
    }

/******************************************** List personnel */

    .personnel__el{
        max-width: 13rem;
    }

    .personnel{
        max-width: 140rem;
        margin: 0 auto;
    }

    .personnel__image{
        border-radius: 4px;
        overflow: hidden;
        margin-bottom: 1.5rem;
    }

    .personnel__name{
        text-align: center;
        font-family: var(--font-title-light);
        font-size: 1.4rem;
        line-height: 1.6;
    }

    @media screen and (min-width: 1024px){

        .personnel__el{
            max-width: 19rem;
        }

        .personnel__image{
            margin-bottom: 2rem;
        }

        .personnel__name{
            font-size: 2rem;
        }

    }

/******************************** Bloc presentation bouquets */

    .pres-bouquets__el{
        background: #000;
        border-radius: 1rem;
        overflow: hidden;
        max-width: 53rem;
        margin: 0 auto 2.5rem auto;
        box-shadow: 0px 0px 100px 0px rgba(11, 25, 80, 0.50);
    }

    .pres-bouquets__image .desktop{
        display: none;
    }

    .pres-bouquets__el .wrapper{
        padding: 3rem;
    }

    .pres-bouquets__el:last-child{
        margin-bottom: 0;
    }

    .pres-bouquets__image{
        position: relative;
    }

    .pres-bouquets__image::after{
        content: "";
        display: block;
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        background: linear-gradient(0deg, #000 8.66%, rgba(0, 0, 0, 0.00) 30.71%);
    }

    .pres-bouquets__el .titre__1{
        font-size: 2rem;
        font-family: var(--font-title-light);
        line-height: 1;
    }

    .pres-bouquets__el .titre__2{
        color: var(--color-base-2);
        font-family: var(--font-title);
        font-size: 7rem;
        text-transform: uppercase;
        line-height: 1;
    }

    .pres-bouquets__el .titre{
        margin-bottom: 3rem;
    }

    .pres-bouquets__el .desc{
        font-size: 1.8rem;
        line-height: 1.4;
        margin-bottom: 3rem;
    }

    .pres-bouquets__list{
        display: flex; 
        flex-wrap: wrap;
        align-items: stretch;
    }

    .pres-bouquets__list__el{
        background: rgba(255, 255, 255, 0.10);
        backdrop-filter: blur(10px);
        display: flex;
        width: 48%;
        margin-right: 2rem;
        min-height: 10.5rem;
        max-width: 12.2rem;
        margin-bottom: 4rem;
        border-radius: 1rem;
        position: relative;
    }

    .pres-bouquets__list__el::after{
        content: "+";
        display: flex;
        justify-content: center;
        align-items: center;
        width: 3rem;
        color: #000;
        border-radius: 50%;
        background: var(--color-base-2);
        font-size: 2rem;
        position: absolute;
        top: -10%;
        right: -10%;
        transition: .3s ease;
    }

    .pres-bouquets__list__el img{
        max-width: 5rem;
        max-height: 5rem;
        display: block;
        transition: .3s ease;
    }

    .pres-bouquets__list__el a{
        display: flex;
        width: 100%;
        height: 100%;
    }

    .pres-bouquets__list__el img, .pres-bouquets__list__el p{
        margin: auto;
    }

    .pres-bouquets__list__el a{
        text-decoration: none;
        color: var(--color-base-1);
    }

    .pres-bouquets__list__el p{
        font-family: var(--font-title);
        font-size: 1.8rem;
        padding: 0 1.4rem;
        text-align: center;
        line-height: 1;
        transition: .3s ease;
    }

    .pres-bouquets__list__el--be-tv img{
        filter: invert(1);
    }

    @media screen and (min-width: 1024px){

        .pres-bouquets__el{
            max-width: 100%;
            position: relative;
            border-radius: 2rem;
        }

        .pres-bouquets__image{
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
        }

        .pres-bouquets__image img{
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            min-height: 100%;
            width: auto;
            max-width: initial;
        }

        .pres-bouquets__image .mobile{
            display: none;
        }

        .pres-bouquets__image .desktop{
            display: block;
        }

        .pres-bouquets__el .wrapper{
            padding: 8rem ;
            position: relative;
            z-index: 3;
        }

        .pres-bouquets__image::after{
            background: linear-gradient(90deg, #000 28.11%, rgba(0, 0, 0, 0.00) 72.99%);
        }

        .pres-bouquets__el .titre__2{
            font-size: 10.5rem;
        }

        .pres-bouquets__el .titre__1{
            font-size: 3rem;
        }

        .pres-bouquets__el .desc{
            font-size: 2.2rem;
            max-width: 30%;
        }

        .pres-bouquets__list__el:hover{
            cursor: pointer;
        }

        .pres-bouquets__list__el:hover .name,
        .pres-bouquets__list__el:hover img{
            transform: scale(1.15);
        }

        .pres-bouquets__list__el:hover::after{
            background: #000;
            color: var(--color-base-2);
        }
    }

/*********************************************** List device */
    .device__el{
        background: rgba(255, 255, 255, .15);
        border-radius: 8px;
        max-width: 24.7rem;
        margin-bottom: 4rem;
    }

    .device__image{
        max-width: 100%;
        margin: 0 auto 2.5rem auto;
    }

    .device__content{
        text-align: center;
    }

    .device__name{
        font-size: 1.6rem;
        font-family: var(--font-title);
        line-height: 1.2;
        margin-bottom: 1.5rem;
    }

    .device__desc{
        font-size: 1.4rem;
        line-height: 1.4;
    }

    .device__el .wrapper{
        padding: 2.8rem;
    }

    .device .swiper-pagination.swiper-pagination-progressbar{
        top: auto;
        bottom: 0;
        left: 50%;
        transform: translateX(-50%);
        width: 90%;
        background: rgba(255, 255, 255, 0.15);
    }

    .device .swiper-pagination.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{
        background: var(--color-base-1);
    }

    @media screen and (min-width: 1024px){
        
        .device__el{
            border-radius: 1rem;
            max-width: 47rem;
            margin-bottom: 5rem;
        }

        .device__el:first-child{
            margin-left: 5rem;
        }

        .device__el .wrapper{
            padding: 6rem 4.3rem;
        }

        .device__name{
            font-size: 3rem;
            margin-bottom: 2rem;
        }

        .device__desc{
            font-size: 2rem;
        }
    
    }

    .page-service__tv .slide-in__bouquets .slide-in__right{
        background: linear-gradient(338deg, #2A69AC -4.01%, #0B1950 20.61%, #0B1950 80.85%, #2A69AC 105.1%);
        color: var(--color-base-1);
    }

    .page-service__tv .slide-in__bouquets .slide-in__right .title{
        color: var(--color-base-1);
    }

    .page-service__tv .slide-in__bouquets .slide-in__right .channel__grid {
        grid-template-columns: 2rem 2rem 1fr;
    }

    .page-service__tv .slide-in__bouquets .price{
        display: block;
    }

    .page-service__tv .slide-in__bouquets .price__el{
        display: flex;
        align-items: center;
        margin-bottom: 1rem;
    }

    .page-service__tv .slide-in__bouquets .price__el .number{
        color:var(--color-base-2);
        font-size: 5.5rem;
        font-family: var(--font-title);
        line-height: 1;
        margin-right: 5px;
    }

    .page-service__tv .slide-in__bouquets .price__el .currency .eur{
        color:var(--color-base-2);
        font-size: 4rem;
        line-height: 1;
        font-family: var(--font-title);
        display: block;
    }

    .page-service__tv .slide-in__bouquets .price__el .currency .mois{
        line-height: 1;
        font-family: var(--font-title-light);
        font-size: 1.2rem;
        display: block;
    }

    .page-service__tv .slide-in__bouquets .price .body{
        margin: 0;
    }

    .page-service__tv .slide-in__bouquets .slide-in__col--right{
        display: none;
    }

    .page-service__tv .slide-in__bouquets .slide-in__content--be-tv .channel__logo img{
        filter: invert(1);
    }

    @media screen and (min-width: 1024px){

        .page-service__tv .slide-in__left{
            width: 20%;
        }

        .page-service__tv .slide-in__right {
            width: 80%;
        }

        .page-service__tv .slide-in__bouquets .slide-in__right .wrapper{
            max-width: 102rem;
        }

    }

    @media screen and (min-width: 1280px){
        .page-service__tv .slide-in__bouquets .slide-in__col{
            display: flex;
            justify-content: space-between;
            align-items: stretch;
        }

        .page-service__tv .slide-in__bouquets .slide-in__col--left{
            width: 60%;
        }

        .page-service__tv .slide-in__bouquets .slide-in__col--right{
            display: block;
            width: 28%;
        }

        .page-service__tv .slide-in__bouquets .slide-in__col--right .channel__logo img{
            margin: 0 auto 2.5rem auto;
        }

        .page-service__tv .slide-in__bouquets .slide-in__col--right .title{
            text-align: center;
            font-size: 2rem;
            font-family: var(--font-title-light);
        }

        .page-service__tv .slide-in__bouquets .slide-in__col--right .price{
            text-align: center;
        }

        .page-service__tv .slide-in__bouquets .slide-in__col--right .price__el {
            justify-content: center;
        }

        .page-service__tv  .slide-in__bouquets .slide-in__col--right .btn{
            text-align: center;
        }

        .page-service__tv  .slide-in__bouquets .content__mobile{
            display: none;
        }

        .page-service__tv  .slide-in__bouquets .slide-in__col--right--content{
            position: sticky;
            top: 0%;
        }
    }

    /*********************************************** animation tv */

    .tv-animation{
        width: 90%;
        max-width: 60.3rem;
        margin: 9.5rem auto 7.5rem auto;
        position: relative;
        z-index: 999999;
    }

    .tv-animation__ipad{
        width: 40%;
        position: absolute;
        top: -10%;
        right: -3%;
    }

    .tv-animation__smartphone{
        width: 33%;
        position: absolute;
        left: -3%;
        bottom: -8%;
    }

    @media screen and (min-width: 1024px) {

        .page-service-tv header{
            transform: translateY(-100%);
            opacity: 0;
            animation: header 1s 0.5s ease forwards;
        }
    
        .page-service__tv .hero__services .hero-animation-top{
            transform: translateY(100%) scale(0.5);
            opacity: 0;
            animation: header 1s 0.5s ease forwards;
        }

        .page-service__tv .hero__services .hero-animation-btn{
            transform: translateY(100%);
            opacity: 0;
            animation: header 1s 1.1s ease forwards;
        }

        .page-service__tv .hero__services .btn-container{
            max-width: 90rem;
        }

        .tv-animation__tv{
            transform: scale(2.8) translateY(-40%);
            animation: tv-scale 2s 100ms ease forwards;
        }

        .tv-animation__ipad{
            max-width: 22.5rem;
            top: 15%;
            right: -15%;
            transform-origin: bottom right;
            transform: translateX(200%) translateY(-50%) rotate(30deg);
            opacity: 0;
            animation: ipad 1.5s 0.8s ease forwards;
        }

        .tv-animation__smartphone{
            max-width: 20rem;
            left: -15%;
            bottom: 10%;
            transform: translateX(-200%) rotate(-30deg);
            transform-origin: bottom left;
            opacity: 0;
            animation: ipad 1.5s 0.8s ease forwards;
        }

    }

    @media screen and (min-width: 1920px){
        .tv-animation__tv {
            transform: scale(2.8) translateY(-42%);
        }
    }

    @keyframes header{
        to{
            transform: translate(0) scale(1);
            opacity: 1;
        }
    }

    @keyframes tv-scale{
        to{
            transform: scale(1) translateY(0);
        }
    }

    @keyframes ipad{
        to{
            transform: translate(0) rotate(0);
            opacity: 1;
        }
    }

    @keyframes smartphone{
        to{
            transform: translate(0) rotate(0);
            opacity: 1;
        }
    }

/********************************************** Archive Blog */

    .blog header .menu-ham .menu-ham__el {
        background: var(--color-base-1);
    }

    .blog .menu__desktop .menu-item a{
        color: var(--color-base-1);
    }

    .blog .menu__desktop .menu-item a:hover{
        color: var(--color-base-2);
    }

    .blog header{
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        z-index: 100;
    }

    .archive__blog .archive__hero{
        background: #0C1A51;
        padding-top: 16rem;
        position: relative;
        overflow: hidden;
    }

    .archive__blog .archive__hero::before{
        content: "";
        display: block;
        width: 1440px;
        height: 386px;
        border-radius: 1440px;
        background: #2A69AC;
        filter: blur(179px);
        position: absolute;
        top: -125%;
        left: 50%;
        transform: translateX(-50%);
    }

    .archive__blog .archive__hero h1{
        color: var(--color-base-1);
        font-family: var(--font-title);
        line-height: 0.8;
        font-size: clamp(7rem, 9vw, 14rem);
        margin: 0;
    }

    .archive__blog .archive__hero span{
        color: var(--color-base-2);
        display: block;
        font-family: var(--font-title-light);
        font-size: clamp(9rem, 11vw, 17rem);
    }

    .archive__blog .filter{
        margin-top: 5rem;
        margin-bottom: 4rem;
    }

    .filter__desktop{
        display: none;
    }

    .filter select{
        width: 100%;
        padding: 1.2rem;
        border-radius: 1rem;
        border: 2px solid var(--color-base-3);
        outline: none;
        appearance: none;
    }

    .filter__mobile{
        position: relative;
    }

    .filter__mobile::after{
        content: "";
        display: block;
        width: 1.5rem;
        height: 1rem;
        background: url('/wp-content/uploads/select-arrow.svg') no-repeat center / contain;
        position: absolute;
        top: 50%;
        right: 1.2rem;
        transform: translateY(-50%);
    }

    .archive__blog .blog-post .blog__titre {
        color: #0C1A51;
    }

    .archive__blog .blog-post .blog__extrait{
        color: rgba(12, 26, 81, 0.70);
    }

    .archive__blog .pagination{
        margin: 5rem 0;
    }

    .pagination{
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .pagination a{
        text-decoration: none;
    }

    .pagination .page-numbers{
        font-size: 1.8rem;
        min-width: 3.4rem;
        padding: 1.2rem;
        color: #E93685;
        line-height: 1.2;
        text-align: center;
        margin-right: 2.4rem;
        border-radius: 2.4px;
        transition: .3s ease;
    }

    .pagination .page-numbers:last-child{
        margin-right: 0;
    }

    .pagination .page-numbers:hover{
        background: #E93685;
        color: var(--color-base-1);
    }

    .pagination .page-numbers.current{
        background: #E93685;
        color: var(--color-base-1);
    }

    @media screen and (min-width: 1024px){

        .archive__blog .archive__hero{
            padding-top: 21rem;
        }

        .archive__blog .filter{
            margin-top: 10rem;
            margin-bottom: 7.5rem;
        }

        .filter__desktop{
            display: block;
        }

        .filter__mobile{
            display: none;
        }

        .archive__blog .pagination{
            margin: 10rem 0;
        }

        .filter .filter__el{

            margin-right: 3rem;

        }

        .filter__desktop{
            display: flex;
            justify-content: center;
            align-items: center;
        }

        .filter .filter__el a{
            font-size: 1.6rem;
            color: rgba(11, 25, 80, 0.70);
            font-weight: 500;
            text-transform: uppercase;
            padding: 1rem 1.6rem;
            border-radius: 80px;
            text-decoration: none;
            transition: .3s ease;
        }

        .filter .filter__el a.current,
        .filter .filter__el a:hover{
            background: rgba(233, 54, 133, 0.10);
            color: #E93685;
        }

        .filter .filter__el:last-child{
            margin-right: 0;
        }

        .archive__blog .archive__hero::before{
            top: -90%;
        }

    }

/*********************************************** single Blog */

    .single__blog{
        padding: 8.5rem 0 5rem 0;
    }

    .single__blog img{
        border-radius: 1rem;
    }

    .single__cat{
        margin-bottom: 3rem;
    }

    .bloc-video{
        width: 100%;
        position: relative;
        border-radius: 1rem;
        overflow: hidden;
        margin: 4rem 0;
        line-height: 0;
    }

    .bloc-video .controls{
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }

    .bloc-video .controls .play{
        width: 5rem;
        height: 5rem;
        background: #E93685;
        border-radius: 50%;
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        display: flex;
    }

    .bloc-video .controls .play{
        transition: .3s ease;
    }

    .bloc-video:hover{
        cursor: pointer;
    }

    .bloc-video:hover .controls .play{
        transform: translate(-50%, -50%) scale(0.9);
    }

    .bloc-video .controls .play__on{
        transform: translate(-50%, -50%) scale(0) !important;
    }

    .bloc-video .controls .play svg{
        width: 1.5rem;
        margin: auto;
    }

    .bloc-video .controls .progress{
        position: absolute;
        width: 100%;
        height: 1rem;
        background: rgba(233, 54, 133, 0.30);
        bottom: 0;
        left: 0;
    }

    .bloc-video .controls .progress .wrapper{
        position: relative;
        width: 100%;
        height: 100%;
    }

    .bloc-video .controls .progress__el{
        position: absolute;
        top: 0;
        left: 0;
        height: 100%;
        background: #E93685;
        transition: .5s ease;
    }

    .bloc-video video{
        width: 100%;
        height: auto;
    }

    .single__cat p{
        display: inline-block;
        background: rgba(233, 54, 133, 0.10);
        color: #E93685;
        text-transform: uppercase;
        font-size: 1.4rem;
        border-radius: 8rem;
        padding: 1rem 1.6rem;
    }

    .single__header h1{
        font-family: var(--font-title);
        font-size: 3rem;
        margin: 0;
        margin-bottom: 3rem;
        line-height: 1.2;
        color: var(--color-base-3);
    }
    
    .single__infos p{
        color: rgba(12, 26, 81, 0.50);
        font-weight: 500;
        font-size: 1.6rem;
        line-height: 1;
    }

    .single__infos p .separator{
        color: rgba(12, 26, 81, 0.20);
        margin: 0 1.5rem;
    }

    .single__divider{
        display: block;
        width: 100%;
        height: 2px;
        background: #FBE6EF;
        margin: 3rem 0;
    }

    .single__thumbnail{
        margin: 4.5rem 0;
    }

    .single__intro p{
        font-weight: 500;
        font-size: 2rem;
        line-height: 1.8;
    }

    .single__content h2{
        font-size: 2.2rem;
        font-family: var(--font-title);
        line-height: 1.4;
        color: var(--color-base-3);
    }

    .single__content h2 + p,
    .single__content h3 + p{
        margin-top: 2.5rem;
    }

    .single__content p + h2{
        margin-top: 4rem;
    }

    .single__content h3{
        font-size: 1.8rem;
        font-family: var(--font-title);
        line-height: 1.4;
        color: var(--color-base-3);
    }

    .single__content p{
        font-size: 1.6rem;
        line-height: 1.8;
    }

    .single__content p + p{
        margin-top: 2rem;
    }

    .single__content img{
        margin: 4rem 0;
    }

    .single__content p a{
        text-decoration: underline;
        color: #E93685;
    }

    .single__content ul{ 
        list-style: none;
        margin: 2.5rem 0;
        padding: 0;
    }

    .single__content ul li{
        font-size: 1.6rem;
        line-height: 1.8;
        margin-bottom: 1.5rem;
    }

    .single__content ul li::before{
        content: "";
        display: inline-block;
        width: 1rem;
        height: 1rem;
        border-radius: 50%;
        background: #E93685;
        margin-right: 1.5rem;
    }

    .single__content ul li:last-child{
        margin-bottom: 0;
    }

    .single__content ol{ 
        list-style: none;
        margin: 2.5rem 0;
        padding: 0;
        counter-reset: my-awesome-counter;
    }

    .single__content ol li{
        font-size: 1.6rem;
        line-height: 1.8;
        margin-bottom: 1.5rem;
        counter-increment: my-awesome-counter;
    }

    .single__content ol li::before{
        content: counter(my-awesome-counter) ". ";
        display: inline-block;
        color: #E93685;
        font-size: 1.6rem;
        line-height: 1.4;
        margin-right: 1.5rem;
    }

    .single__content ol li:last-child{
        margin-bottom: 0;
    }

    .single__content .txt-for{
        margin: 4rem 0;
        border-left: 3px solid #E93685;
        background: rgba(233, 54, 133, 0.10);
    }

    .single__content .txt-for .txt-for__titre + .txt-for__content,
    .single__content .txt-for .txt-for__content + .txt-for__btn{
        margin-top: 2.5rem;
    }

    .single__content .txt-for .wrapper{
        padding: 3rem;
    }

    .single__back, .single__progress{
        display: none;
    }

    .single__callback{
        border-radius: 10px;
        border: 2px solid rgba(216, 0, 95, 0.25);
        background: #FFF;
        text-align: center;
    }

    .single__callback .wrapper{
        padding: 5rem;
    }

    .single__callback .titre{
        font-family: var(--font-title);
        font-size: 2.2rem;
        line-height: 1.2;
        margin: 1.5rem 0;
    }

    .single__callback .btn-container .button{
        width: 100%;
        background: transparent;
        color: #E93685;
        border: 2px solid #E93685;
    }

    .single .page__section__blue{
        margin-top: 5rem;
        background: linear-gradient(53deg, #2B6AAB 1.19%, #0B4F95 58.46%);
        color: var(--color-base-1);
    }

    .single__related h2{
        color: var(--color-base-1);
        font-size: 3rem;
        margin-bottom: 4rem;
    }

    .single__related .blog{
        margin-bottom: 3rem;
    }


    .blog__el a{
        color: var(--color-base-1);
        text-decoration: none;
    }

    .blog-post .blog__el{
        margin-bottom: 5rem;
    }

    .blog-post .blog__el:last-child{
        margin-bottom: 0;
    }

    .blog-post .blog__thumbnail{
        margin-bottom: 2.5rem;
        border-radius: 8px;
        overflow: hidden;
    }

    .blog-post .blog__tag{
        margin-bottom: 1.5rem;
    }

    .blog-post .blog__tag p{
        display: inline-block;
        border-radius: 8rem;
        background: rgba(233, 54, 133, 0.10);
        font-size: 1.4rem;
        color: #E93685;
        padding: 1rem 1.6rem;
        text-transform: uppercase;
    }

    .blog-post .blog__titre{
        color: var(--color-base-1);
        font-size: 2rem;
        font-family: var(--font-title);
        margin-bottom: 1.5rem;
    }

    .blog-post .blog__extrait{
        color: rgba(255, 255, 255, 0.70);
        font-size: 1.4rem;
    }

    .single__cta{
        margin-top: 5rem;
        border-radius: 10px;
        background: #0C1A51;
    }

    .single__cta--wrapper{
        padding: 3rem 0;
        max-width: 97.3rem;
        width: 80%;
        margin: 0 auto;
    }

    .single__cta svg{
        display: block;
        width: 100%;
        height: auto;
    }

    .single__cta .divider{
        width: 100%;
        max-width: 12rem;
        height: 2px;
        background: #F2CB13;
        margin: 3rem auto;
    }

    .single__cta .single__cta--titre .titre{
        max-width: 52.5rem;
        margin: 0 auto;
    }

    .single__cta .price p{
        font-family: var(--font-title-light);
        color: var(--color-white);
        text-align: center;
        margin: 0;
        font-size: 1.5rem;
    }

    .single__cta .price p.yellow {
        color: #F2CB13;
        font-family: var(--font-title);
    }

    .single__cta .price .price__el {
        margin: 1.8rem auto;
        max-width: 38rem;
    }

    .single__cta .btn-container {
        max-width: 77.5rem;
        margin: 5rem auto 2.5rem auto;
    }

    .single__cta .conditions a:last-child{
        margin-top: 0;
    }

    .single__cta .btn-container .button__primary {
        background: #D8005F;
        border: 1px solid #D8005F;
        display: block;
        width: 100%;
        text-align: center;
        padding: 2.2rem 0;
        margin: 0 auto;
        margin-bottom: 1.3rem;
    }

    .single__cta .btn-container .button__primary:last-child {
        margin-bottom: 0;
    }

    .single__cta .btn-container .button__primary--invert {
        background: transparent;
        border: 1px solid var(--color-white);
    }



    @media screen and (min-width: 650px){

        .blog-post{
            display: flex;
            flex-wrap: wrap;
            justify-content: space-between;
        }

        .blog-post .blog__el{
            width: 48%;
        }

    }

    @media screen and (min-width: 800px){

        .single__cta .btn-container {
            display: flex;
            justify-content: space-between;
            align-items: center;
        }

        .single__cta .btn-container .button__primary {
            font-size: 2rem;
            padding: 2.7rem 0;
            width: 45%;
            margin-bottom: 0;
        }
    }

    @media screen and (min-width:1024px){

        .single__cta{
            margin-top: 10rem;
        }

        .single__cta--wrapper{
            padding: 6em 0;
        }

        .single__cta .single__cta--titre{
            display: flex;
            justify-content: space-between;
            align-items: center;
            margin-bottom: 5rem;
        }

        .single__cta .single__cta--titre .titre {
            width: 40%;
            margin: 0 auto 0 0;
        }

        .single__cta .animation {
            width: 45%;
            max-width: 43.1rem;
            margin: 0 auto 0 0;
        }

        .single__cta .divider {
            width: 2px;
            height: 12rem;
            margin: 0;
        }

        .single__cta .price {
            width: 40%;
            margin: 0 0 0 auto;
        }

        .single__cta .price p {
            font-size: 2rem;
        }

        .single__blog{
            padding: 17rem 0 10rem 0;
        }

        .single__cat{
            margin-bottom: 5rem;
        }

        .single__header h1{
            font-size: 5.8rem;
            margin-bottom: 5rem;
        }

        .single__infos p .separator{
            margin: 0 2.5rem;
        }

        .single__divider{
            margin: 6rem 0;
        }

        .single__intro p{
            font-size: 2.4rem;
        }

        .single__thumbnail{
            margin: 7.5rem 0;
        }

        .single__content h2{
            font-size: 2.6rem;
        }

        .single__content p{
            font-size: 1.8rem;
            line-height: 1.8;
        }

        .single__content ul{ 
            margin: 3.5rem 0;
        }

        .single__content ul li{
            font-size: 1.8rem;
            margin-bottom: 2.5rem;
        }

        .single__content ul li::before{
            margin-right: 3.5rem;
        }

        .single__content ul li:last-child{
            margin-bottom: 0;
        }

        .single__content ol{ 
            margin: 3.5rem 0;
        }
    
        .single__content ol li{
            font-size: 1.8rem;
            margin-bottom: 2.5rem;
        }

        .single__content ol li::before{
            font-size: 1.8rem;
            margin-right: 3.5rem;
        }

        .single__content ol li:last-child{
            margin-bottom: 0;
        }

        .single__content h2 + p,
        .single__content h3 + p{
            margin-top: 3.5rem;
        }

        .single__content p + h2{
            margin-top: 7.5rem;
        }

        .single__content p + p{
            margin-top: 2.5rem;
        }

        .single__content img{
            margin: 7.5rem 0;
        }

        .single__content .txt-for{
            margin: 7.5rem 0;
        }

        .single__content .txt-for .wrapper{
            padding: 5rem;
        }

        .single__content .txt-for .txt-for__titre + .txt-for__content,
        .single__content .txt-for .txt-for__content + .txt-for__btn{
            margin-top: 3.5rem;
        }

        .single-col{
            display: flex;
            justify-content: space-between;
        }

        .single-col .single-col__el--left{
            max-width: 70rem;
            width: 60%;
        }
    
        .single-col .single-col__el--right{
            max-width: 31.6rem;
            width: 32%;
        }

        .single-col .single-col__el--right .single__sticky{
            position: sticky;
            top: 10%;
        }

        .single__back, .single__progress{
            display: block;
        }

        .single__back a{
            color: #E93685;
            font-size: 1.6rem;
            font-weight: 500;
            line-height: 1;
            display: block;
            margin-bottom: 5rem;
        }

        .single__back a span{
            margin-right: 1.5rem;
        }

        .single__progress{
            width: 100%;
            height: 4px;
            background: #E3E3E3;
            margin-bottom: 5rem;
            border-radius: 1rem;
            overflow: hidden;
            position: relative;
        }

        .single__progress .progress{
            width: 100%;
            height: 100%;
            border-radius: 1rem;
            background: #E93685;
            transform: translateX(-100%);
        }

        .single .page__section__blue{
            margin-top: 10rem;
        }

        .single__related h2{
            font-size: 4rem;
            margin-bottom: 7.5rem;
        }

        .single__related .blog{
            margin-bottom: 5rem;
        }

        .blog-post .blog__el{
            width: 31%;
        }

        .single__blog .bloc-video .controls .play{
            width: 7.8rem;
            height: 7.8rem;
        }
    

    }

/*********************************************** Themes */

.theme__base3{
    background: var(--gradient-base-3);
}

.theme__blackfriday{
    background: #101010;
}

.theme__giga{
    background: var(--color-violet);
}

.theme__base3 .title,
.theme__giga .title{
    color: var(--color-base-1);
}

.theme__giga .body{
    color: var(--color-base-1);
}

.theme__base3 .slide-in .title,
.theme__giga .slide-in .title,
.theme__giga .slide-in .body{
    color: var(--color-base-3);
}

.theme__base3 .page__section--white,
.theme__giga .page__section--white{ 
    background: var(--color-white);
}

.theme__base3 .page__section--white .title,
.theme__base3 .page__section--white .title{
    color: var(--color-base-3);
}

.theme__base3 .menu__desktop .menu-item a,
.theme__giga .menu__desktop .menu-item a{
    color: var(--color-white);
}
.theme__base3  .menu__desktop .menu-item a:hover,
.theme__base3 .menu__desktop .current-menu-item a,
.theme__giga  .menu__desktop .menu-item a:hover,
.theme__giga .menu__desktop .current-menu-item a{
    color: var(--color-base-2);
}

.theme__base3 header .menu-ham .menu-ham__el,
.theme__giga header .menu-ham .menu-ham__el{
    background: var(--color-white);
}

.theme__base3 .header__top{
    background: rgba(255, 255, 255, 0.10);
}

.page-template-page-concours.theme__base3 .content p{
    color: var(--color-white);
}

.bkg__theme3{
    background: #0B1950;
}

.bkg__grey{
    background: #EBEEF4;
}

.bkg__blue--light2{
    background: var(--color-blue-light-2);
    color: var(--color-base-1);
}

.bkg__blue--light2--wave{
    position: relative;
}

.bkg__blue--light2--wave::before, .bkg__blue--light2--wave::after{
    content: "";
    display: block;
    width: 100%;
    height: 30%;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    mix-blend-mode: lighten;
}

.bkg__blue--light2--wave::before{
    top: 0;
    background: url('/wp-content/uploads/wave-top-1.png');
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.bkg__blue--light2--wave::after{
    bottom: 0;
    background: url('/wp-content/uploads/wave-bottom-1.png');
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.bkg__blue--light2 h2, .bkg__blue--light2 h3 {
    color: var(--color-base-1);
}

.bkg__blue{
    background: var(--color-blue);
    color: var(--color-base-1);
}

.bkg__blue h2, .bkg__blue h3{
    color: var(--color-base-1);
}

@media screen and (min-width: 1024px){
    .bkg__blue--light2--wave::before, .bkg__blue--light2--wave::after{
        content: "";
        display: block;
        width: 100%;
        height: 45rem;
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
        mix-blend-mode: lighten;
    }
}

/*********************************************** Saint Valentin */


.saint-valentin header,
.saint-valentin footer,
.saint-valentin nav{
    display: none;
}

.saint-valentin{
    background: linear-gradient(238deg, #D02F7A 28.47%, #FB54A2 78.03%);
    min-height: 100vh;
    width: 100vw;
    overflow-x: hidden;
    -ms-overflow-style: none;
    scrollbar-width: auto;
}

.saint-valentin::-webkit-scrollbar {
    display: none;
}

.page-saint-valentin{
    position: relative;
    min-height: 100vh;
    width: 100vw;
}

.page-saint-valentin .saint-valentin__section{
    min-height: 100vh;
    width: 100vw;
    -ms-overflow-style: none;
    scrollbar-width: none;
    position: absolute;
    overflow: hidden;
    top: 0;
    left: 0;
    background: linear-gradient(238deg, #D02F7A 28.47%, #FB54A2 78.03%);
}

.page-saint-valentin .saint-valentin__section--2{
    display: none;
}

.page-saint-valentin .saint-valentin__section::-webkit-scrollbar {
    display: none;
}

.saint-valentin__titre{
    width: 28.2rem;
    margin: 0 auto;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, 300%);
    animation: titre 3s .5s ease forwards;
    transition: 3s ease;
}

.saint-valentin__titre img{
    transform-origin: bottom left;
    transform: rotate(30deg);
    animation: titre-img 3s .5s ease forwards;
}

@keyframes titre-img{
    to{
        transform: rotate(0deg);
    }
}

@keyframes titre-img-out{
    to{
        transform: rotate(30deg);
    }
}

@keyframes titre{
    to{
        transform: translate(-50%, -50%);
    }
}

.page-saint-valentin .saint-valentin__section--1 .wrapper,
.page-saint-valentin .saint-valentin__section--3 .wrapper{
    position: relative;
    width: 100vw;
    max-width: 144rem;
    margin: 0 auto;
    min-height: 100vh;
}

.page-saint-valentin .heart__photo{
    position: absolute;
}

.page-saint-valentin .heart__photo--1{
    width: 19.7rem;
    top: 5%;
    left: 5%;
    transform-origin: center;
    transform: translateY(110vh) scale(.6);
    animation: reveal-photo-1 3s ease forwards;
    transition: 3s ease;
}

.page-saint-valentin .heart__photo--1 img{
    transform: rotate(-20deg);
    animation: reveal-photo-1-scale 3s ease forwards;
}

.page-saint-valentin .heart__photo--2{
    width: 22.8rem;
    right: 5%;
    bottom: 5%;
    transform: translateY(110vh) scale(.6);
    animation: reveal-photo-1 3s ease forwards;
    transition: 3s ease;
}

@keyframes reveal-photo-1 {
    to{
        transform: translateY(0) scale(1);
    }
}

@keyframes reveal-photo-1-scale{
    to{
        transform: rotate(0deg);
    }
}

.page-saint-valentin .heart__el{
    position: absolute;
}

.page-saint-valentin .heart__el svg{
    width: 100%;
    height: auto;
}

.page-saint-valentin .heart__el svg path{
    opacity: 1;
}

.page-saint-valentin .heart__el--1{
    width: 3.6rem;
    top: 75%;
    right: -20%;
    opacity: .5;
    transform: rotate(-7deg);
    transition: 3s ease;
}

.saint-valentin__section--1.section__in .heart__el--1{
    top: 5%;
    right: 20%;
}

.page-saint-valentin .heart__el--2{
    width: 4.4rem;
    transform: rotate(27deg);
    top: 110%;
    right: 50%;
    transition: 3s ease;
}

.saint-valentin__section--1.section__in .heart__el--2{
    top: 30%;
    right: 25%;
}


.page-saint-valentin .heart__el--3{
    width: 5rem;
    transform: rotate(30deg);
    bottom: -30%;
    left: 35%;
    transition: 3s ease;
}

.saint-valentin__section--1.section__in .heart__el--3{
    bottom: 20%;
        left: 5%;
}

.page-saint-valentin .heart__el--4{
    width: 4.8rem;
    transform: rotate(15deg);
    bottom: -30%;
    right: -20%;
    opacity: .5;
    transition: 3s ease;
}

.saint-valentin__section--1.section__in .heart__el--4{
    bottom: 5%;
    right: 10%;
}

.page-saint-valentin .heart__el--5,
.page-saint-valentin .heart__el--6{
    display: none;
}

.saint-valentin__form{
    background: var(--color-base-1);
    border-radius: 1.2rem;
    width: 36rem;
    margin: 4rem auto 5rem auto;
    position: relative;
    transform: rotate(-10deg) translateY(110%);
    transition: 3s ease;
    box-shadow: 0px 0px 48.229px 0px rgba(0, 0, 0, 0.25);
}

.saint-valentin__section--2.section__in .saint-valentin__form{
    transform: rotate(0deg) translateY(0%);
}

.saint-valentin__section--2.section__out .saint-valentin__form{
    transform: rotate(10deg) translateY(-120%);
}

.saint-valentin__form .heart{
    display: none;
}

.saint-valentin__form .wrapper{
    padding: 5rem 2.6rem;
}

.saint-valentin__form .subtitle{
    background: #D02F7A;
    color: var(--color-base-1);
    margin-bottom: 2rem;
}

.saint-valentin__form .content{
    font-size: 2rem;
    line-height: 1.4;
    margin-bottom: 3rem;
}   

.saint-valentin__form .content strong{
    color: #D02F7A;
    font-weight: 700;
}

.saint-valentin__form .content span{
    color: #D02F7A;
    font-weight: 900;
    font-size: 2.4rem;
    text-transform: uppercase;
}

.saint-valentin__form .form{
    max-width: 39rem;
    margin: 0 auto;
}

.saint-valentin__form .content::after{
    content: "";
    display: block;
    width: 100%;
    height: 2px;
    background: rgba(208, 47, 122, 0.50);
    margin-top: 1rem;
}

.saint-valentin__form .gform_wrapper.gravity-theme .gfield--type-text:not(.gfield_visibility_hidden) input,
.saint-valentin__form .gform_wrapper.gravity-theme .gfield--type-email:not(.gfield_visibility_hidden) input,
.saint-valentin__form .gform_wrapper.gravity-theme .gfield--type-phone:not(.gfield_visibility_hidden) input,
.saint-valentin__form .gform_wrapper.gravity-theme .gfield--type-select select{
    border-radius: 7.4rem;
    border: 1.5px solid #0B1950;
    padding: 1.7rem 3.5rem;
    font-size: 1.6rem;
    color: var(--color-base-3);
}

.saint-valentin__form .gform_wrapper.gravity-theme .gfield--type-select .ginput_container_select::after{
    top: 50%;
}

.saint-valentin__form .gform_wrapper.gravity-theme .gform_footer input[type=submit]{
    background: #D02F7A;
}

.saint-valentin__form .button__primary{
    background: #D02F7A;
    display: block;
    width: 100%;
    text-align: center;
    padding: 16px 12px;
    font-size: 1.6rem;
}

.saint-valentin__form .cond-link a{
    text-decoration: underline;
    color: #0B1950;
}

.saint-valentin__form .gform_wrapper.gravity-theme .gfield--type-text:not(.gfield_visibility_hidden) input::placeholder,
.saint-valentin__form .gform_wrapper.gravity-theme .gfield--type-email:not(.gfield_visibility_hidden) input::placeholder,
.saint-valentin__form .gform_wrapper.gravity-theme .gfield--type-phone:not(.gfield_visibility_hidden) input::placeholder,
.saint-valentin__form .gform_wrapper.gravity-theme .gfield--type-select select::placeholder{
    color: #0B1950;
}

.saint-valentin__form .gform_wrapper.gravity-theme .toggle-checkbox .gchoice{
    border: none;
    padding-left: 0;
}

.saint-valentin__form .gform_wrapper.gravity-theme .toggle-checkbox .gchoice:hover label,
.saint-valentin__form .gform_wrapper.gravity-theme .gfield--type-checkbox .gfield_checkbox .gchoice input:checked +label{
    color: #D02F7A !important;
}

.saint-valentin__form .gform_wrapper.gravity-theme .toggle-checkbox .gchoice label{
    color: #0B1950;
}

.saint-valentin__form .gform_wrapper.gravity-theme .toggle-checkbox .gchoice .toggle{
    background: url('/wp-content/uploads/toggle-inside.svg') #0B1950;
    background-repeat: no-repeat;
    background-position: center;
}

.saint-valentin__section--3{
    overflow: hidden;
}

.saint-valentin__section--3 .name .name__el{
    color: var(--color-base-1);
    font-family: var(--font-title);
    font-size: 4rem;
    line-height: 1.2;
}

.saint-valentin__section--3 .name .plus{
    margin: 3rem auto;
}

.saint-valentin__section--3 .name .logo{
    width: 17.3rem;
    margin: 0 auto;
}

.saint-valentin__section--3 .gigalove .egal{
    width: 3.4rem;
    margin: 0 auto 3.5rem auto;
    transition: .5s ease;
}

.saint-valentin__section--3 .gigalove .egal svg{
    width: 100%;
    height: auto;
}

.saint-valentin__section--3 .gigalove .gigalove__container{
    transform: translateY(20%);
    transition: .5s ease;
}

.saint-valentin__section--3 .gigalove .gigalove__el{
    width: 25rem;
    margin: 0 auto;
}

.saint-valentin__section--3 .gigalove .gigalove__text{
    color: var(--color-base-1);
    font-size: 2.4rem;
    line-height: 1.2;
    width: 35rem;
    margin: 0 auto;
    opacity: 0;
    transform: translateY(-120%);
    transition: .5s ease;
    transition-delay: 1s;
}

.saint-valentin__section--3 .name,
.saint-valentin__section--3 .gigalove{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.saint-valentin__section--3 .name{
    opacity: 0;
    transform-origin: center;
    transform: translate(-50%, -50%) scale(0.5) rotate(20deg);
    transition: 2s ease;
}

.saint-valentin__section--3 .name__in{
    opacity: 1;
    transform: translate(-50%, -50%) scale(1) rotate(0deg);
}

.saint-valentin__section--3 .name__out{
    transform: translate(-50%, -50%) scale(0) rotate(0deg);
    transition: 1s ease;
}

.saint-valentin__section--3 .gigalove{
    transform: translate(-50%, -50%) scale(0);
    transition: 1s;
}

.saint-valentin__section--3 .gigalove__in{
    transform: translate(-50%, -50%) scale(1);
}

.saint-valentin__section--3 .gigalove__2 .gigalove__container{
    opacity: 0;
}

.saint-valentin__section--3 .gigalove__2 .gigalove__text{
    opacity: 1;
}

.saint-valentin__section--3 .coeur{
    position: absolute;
    top: 52%;
    left: 50%;
    width: 350%;
    max-width: 131.1rem;
    transform: translate(-50%, 25%);
    pointer-events: none;
    animation: coeur-translateY 2s .5s ease forwards;
}

.saint-valentin__section--3 .coeur__el{
    transform: scale(0);
    transform-origin: center center;
    transition: 1s ease;
}

.saint-valentin__section--3 .coeur__el--1{
    transform: scale(0);
    animation: coeur-scale 4s .5s ease forwards;
}

.saint-valentin__section--3.section__in .coeur__el{
    transform: scale(1);
}

@keyframes coeur-translateY {
    to{
        transform: translate(-50%, -50%);
    }
}

@keyframes coeur-scale {
    to{
        transform: scale(1);
    }
}


.saint-valentin__section--1.section__out .saint-valentin__titre{
    top: -20%;
}

.saint-valentin__section--1.section__out .heart__photo--1{
    top: -100%;
    left: -100%;
}

.saint-valentin__section--1.section__out .heart__photo--2{
    bottom: 120%;
    right: -5%;
}

.saint-valentin__section--1.section__out .heart__el--1{
    top: -100%;
    right: -20%;
}

.saint-valentin__section--1.section__out .heart__el--2{
    top: -100%;
    right: -30%;
}

.saint-valentin__section--1.section__out .heart__el--3{
    bottom: 90%;
    left: -30%;
}

.saint-valentin__section--1.section__out .heart__el--4{
    bottom: 70%;
    right: -40%;
}

@media screen and (min-width: 700px){

    .saint-valentin__titre{
        width: 42rem;
    }

    .page-saint-valentin .heart__photo--1{
        width: 24.7rem;
    }

    .page-saint-valentin .heart__photo--2 {
        width: 24.8rem;
    }

    .page-saint-valentin .heart__el--1 {
        width: 5.6rem;
    }

    .page-saint-valentin .heart__el--2 {
        top: 25%;
    }

    .saint-valentin__form{
        width: 54rem;
    }

    .saint-valentin__form .wrapper {
        padding: 5rem 6.6rem;
    }
}

@media screen and (min-width: 1024px){

    .saint-valentin__titre{
        width: 50rem;
    }

    .saint-valentin__section--1 .heart__el--1 {
        width: 8rem;
        top: 110%;
        right: 80%;
    }

    .saint-valentin__section--1.section__in .heart__el--1{
        top: 5%;
        right: 60%;
    }

    .saint-valentin__section--1.section__out .heart__el--1{
        top: -50%;
        right: 30%;
    }
    

    .page-saint-valentin .heart__el--2 {
        top: 110%;
        right: 20%;
        transform: rotate(-15deg);
    }

    .saint-valentin__section--1.section__in .heart__el--2{
        top: 20%;
        right: 40%;
    }

    .saint-valentin__section--1.section__out .heart__el--2{
        top: -50%;
        right: 10%;
    }


    .page-saint-valentin .heart__el--3 {
        width: 8rem;
        transform: rotate(-16deg);
    }

    .page-saint-valentin .heart__el--5{
        display: block;
        width: 15rem;
        top: 110%;
        right: 5%;
        transform: rotate(-7deg);
        animation: heart-5 3s ease forwards;
        transition: 3s ease;
    }

    .saint-valentin__section--1.section__in .heart__el--5{
        top: 10%;
        right: 5%;
    }

    .saint-valentin__section--1.section__out .heart__el--5{
        top: -50%;
        right: -20%;
    }

    .page-saint-valentin .heart__el--6{
        display: block;
        width: 8rem;
        bottom: -10%;
        left: 15%;
        transform: rotate(-10deg);
        transition: 3s ease;
    }

    .saint-valentin__section--1.section__in .heart__el--6{
        left: 35%;
        bottom: 10%;
        transform: rotate(30deg);
    }

    .saint-valentin__section--1.section__out .heart__el--6{
        left: -20%;
        bottom: 40%;
        transform: rotate(-10deg);
    }


    .saint-valentin__form{
        width: 78rem;
        margin: 10rem auto;
    }

    .saint-valentin__form .wrapper {
        padding: 10rem 15rem;
    }

    .saint-valentin__form .content{
        font-size: 3rem;
        margin-bottom: 5rem;
    }

    .saint-valentin__form .content span{
        font-size: 3.6rem;
    }

    .saint-valentin__form .gform_wrapper.gravity-theme .gfield--type-text:not(.gfield_visibility_hidden) input, .saint-valentin__form .gform_wrapper.gravity-theme .gfield--type-email:not(.gfield_visibility_hidden) input, .saint-valentin__form .gform_wrapper.gravity-theme .gfield--type-phone:not(.gfield_visibility_hidden) input, .saint-valentin__form .gform_wrapper.gravity-theme .gfield--type-select select{
        font-size: 2.2rem;
        padding: 2.3rem 5rem;
    }


    .saint-valentin__form .heart{
        display: block;
    }

    .saint-valentin__form .heart__el--1{
        position: absolute;
        width: 13rem;
        left: -10%;
        right: auto;
        top: 30%;
        transform: rotate(-15deg);
        opacity: 1;
    }

    .saint-valentin__form .heart__el--2{
        position: absolute;
        width: 15rem;
        top: auto;
        right: -10%;
        bottom: 40%;
        transform: rotate(15deg);
    }

    .saint-valentin__section--3 .coeur{
        max-width: 233rem;
    }

    .saint-valentin__section--3 .name .name__el{
        font-size: 6.6rem;
    }

    .saint-valentin__section--3 .name .logo{
        width: 27.8rem;
    }

    .saint-valentin__section--3 .name .plus{
        width: 2.2rem;
        margin: 5rem auto;
    }

    .saint-valentin__section--3 .name .plus svg{
        width: 100%;
        height: auto;
    }

    .saint-valentin__section--3 .gigalove .egal{
        width: 4.5rem;
        margin: 0 auto 3rem auto;
    }

    .saint-valentin__section--3 .gigalove .gigalove__el{
        width: 32.6rem;
    }

    .saint-valentin__section--3 .gigalove .gigalove__text{
        margin-top: 3rem;
        width: 49rem;
        transform: translateY(0);
    }

    .saint-valentin__section--3 .gigalove__2 .gigalove__container{
        opacity: 1;
        transform: translateY(0);
    }

    .saint-valentin__section--3 .gigalove__2 .egal{
        opacity: 0;
        margin: 0 auto;
    }

    .saint-valentin__form .button__primary{
        padding: 2.7rem 2rem;
        font-size: 2rem;
    }

}

@media screen and (min-width: 1280px){
    .page-saint-valentin .heart__photo--1{
        width: 43.5rem;
    }

    .page-saint-valentin .heart__photo--2 {
        width: 37.5rem;
    }

    .saint-valentin__section--3 .gigalove .egal{
        width: 5.7rem;
        margin: 0 auto 5.8rem auto;
    }

    .saint-valentin__section--3 .gigalove .gigalove__el{
        width: 41.6rem;
    }

    .saint-valentin__section--3 .gigalove .gigalove__text{
        font-size: 3rem;
    }

    .saint-valentin__section--3 .gigalove__2 .egal{
        opacity: 0;
        margin: 0 auto;
    }

}


/*********************************************** Landing page */

    .page-template-page-landing-famille-fr, 
    .page-template-page-landing-illimite-fr,
    .page-template-page-landing-famille-en, 
    .page-template-page-landing-illimite-en{
        -ms-overflow-style: none;
        scrollbar-width: none;
        overflow-x: hidden;
        
    }

    .page-template-page-landing-famille-fr,
    .page-template-page-landing-illimite-fr,
    .page-template-page-landing-famille-en, 
    .page-template-page-landing-illimite-en{
        max-width: 192rem;
        margin: 0 auto;
        background: #2D2E83;
    }

    .page-template-page-landing-famille-fr::-webkit-scrollbar,
    .page-template-page-landing-illimite-fr::-webkit-scrollbar,
    .page-template-page-landing-famille-en:-webkit-scrollbar, 
    .page-template-page-landing-illimite-en:-webkit-scrollbar {
        display: none;
    }

    .landing-page .landing-bkg__yellow{
        background: #FFCC00;
    }

    .landing-sticky{
        position: fixed;
        width: 90%;
        max-width: 33rem;
        z-index: 100;
        top: 0;
        left: 50%;
        transform: translateX(-50%) translateY(-110%);
        pointer-events: none;
        background: #2C285B;
        border-radius: 0px 0px 15px 15px;
        transition: .3s ease;
    }

    .landing-sticky.show{
        transform: translateX(-50%) translateY(0%);
        pointer-events: all;
    }

    .landing-sticky .wrapper{
        display: flex;
        justify-content: space-between;
        padding: 1.3rem 2.5rem 1.6rem 2.5rem;
    }

    .landing-sticky .price p{
        color: #FFCC00;
        font-family: var(--font-title);
        font-size: 2.4rem;
        line-height: 1;
    }

    .landing-sticky .price{
        display: flex;
        align-items: center;
    }

    .landing-sticky .price p span{
        display: block;
        font-size: 0.65rem;
        line-height: 1;
    }

    .landing-sticky p.price__el{
        font-size: 3.3rem;
        line-height: 1;
    }

    .landing-sticky .btn-container{
        display: flex;
    }

    .landing-sticky .button__primary{
        background: #D8005F;
        padding: 0.9rem 3.3rem 1.2rem 3.3rem;
    }

    @media screen and (min-width: 1024px){

        .landing-sticky{

            left: auto;
            right: 10%;
            transform: translateX(0) translateY(-110%);

        }

        .landing-sticky.show{
            transform: translateX(0) translateY(0);
        }

    }

/************************* Landing page header*/

    .page-template-page-landing-famille-fr header,
    .page-template-page-landing-illimite-fr header,
    .page-template-page-landing-famille-en header,
    .page-template-page-landing-illimite-en header{
        position: absolute;
        top: 3rem;
        left: 0;
        width: 100%;
        padding: 0;
    }

    .page-template-page-landing-famille-fr header a,
    .page-template-page-landing-illimite-fr header a,
    .page-template-page-landing-famille-en header a,
    .page-template-page-landing-illimite-en header a{
        display: block;
        max-width: 22rem;
        margin: 0 auto;
    }

    @media screen and (min-width: 1024px){

        .page-template-page-landing-famille-fr header,
        .page-template-page-landing-illimite-fr header,
        .page-template-page-landing-famille-en header,
        .page-template-page-landing-illimite-en header{
            top: 6rem;
        }

        .page-template-page-landing-famille-fr header a,
        .page-template-page-landing-illimite-fr header a,
        .page-template-page-landing-famille-en header a,
        .page-template-page-landing-illimite-en header a{
            max-width: 26rem;
            margin: 0;
        }
    }

/************************* Landing page Footer*/

/*************************** Landing page Hero*/
    .landing-page .landing-hero{
        padding: 16.5rem 0 33.5rem 0;
    }

    .landing-page .landing-hero .container{
        width: 100%;
    }

    .landing-page .landing-hero .wrapper{
        max-width: 68rem;
    }

    .landing-page .landing-hero h1{
        text-align: center;
        font-family: var(--font-title);
        font-size: 7rem;
        line-height: 0.75;
        margin: 0 0 2.5rem 0;
        color: #fff;
    }

    .landing-page__illimite--en .landing-hero h1{
        font-size: 5.4rem;
    }

    .landing-page .landing-hero h1 span{
        display: block;
        font-size: 12rem;
    }

    .landing-page .landing-hero p{
        text-transform: uppercase;
        font-size: 2.2rem;
        font-family: var(--font-title);
        text-align: center;
        width: 85%;
        margin: 0 auto;
        line-height: 1;
    }

    @media screen and (min-width: 1024px){

        .landing-page .landing-hero .container{
            width: 90%;
        }

        .landing-page .landing-hero h1{
            font-size: 13.2rem;
            margin-bottom: 4rem;
        }

        .landing-page__illimite--en .landing-hero h1{
            font-size: 10.2rem;
        }

        .landing-page .landing-hero h1 span{
            font-size: 224px;
        }

        .landing-page .landing-hero{
            padding: 28rem 0 25.5rem 0;
        }

        .landing-page .landing-hero p{
            font-size: 3.6rem;
            width: 75%;
        }

    }

    @media screen and (min-width: 1280px){

        .landing-page .landing-hero {
            padding: 32rem 0 31.4rem 0;
        }
    }

/************************** Landing page Offre */

    .landing-page .landing-offre{
        border-radius: 1.5rem;
        text-align: center;
    }

    .landing-page .landing-offre__top{
        width: 93%;
        max-width: 65.6rem;
        margin: -26rem auto 9rem auto;
    }

    .landing-page .landing-offre__bottom{
        margin-top: -45rem;
        position: relative;
        z-index: 15;
    }

    .landing-page .landing-offre .content__desktop{
        display: none;
    }

    .landing-page .landing-offre .wrapper{
        padding: 6rem 3rem;
    }

    .landing-page .landing-offre__txt{
        font-family: var(--font-title);
        font-size: 1.3rem;
        line-height: 1.2;
        margin: 0;
    }

    .landing-page .landing-offre__txt span{
        font-size: 2.4rem;
    }

    .landing-page .landing-offre .price{
        display: flex;
        align-items: center;
        justify-content: center;
        margin-bottom: 2.5rem;
    }

    .landing-page .landing-offre .price p{
        font-family: var(--font-title);
        font-size: 7rem;
        line-height: 1;
    }

    .landing-page .landing-offre .price p span{
        display: block;
        font-size: 1.8rem;
    }

    .landing-page .landing-offre .price p.price__el{
        font-size: 12rem;
    }

    .landing-page .landing-offre .btn-container{
        margin-top: 5rem;
    }
    
    .landing-page .landing-offre .button__primary{
        width: 100%;
        text-align: center;
        padding: 2.3rem 2.2rem;
        background: #D8005F;
        border: 2px solid #D8005F;
    }

    .landing-page .landing-offre .button__primary--invert{
        background: transparent;
        border: 2px solid #2D2E83;
        color: #2D2E83;
        font-weight: 700;
    }

    .landing-page .landing-offre .button__primary:last-child{
        margin-top: 1.2rem;
    }

    @media screen and (min-width: 1024px){

        .landing-page .landing-offre__top{
            margin: -22rem 0 9rem 0;
        }

        .landing-page .landing-offre__top .wrapper{
            display: flex;
            justify-content: space-between;
            align-items: center;
        }

        .landing-page .landing-offre__top .btn-container{
            max-width: 23rem;
            margin-top: 0;
        }

        .landing-page .landing-offre__top .button__primary{
            font-size: 1.6rem;
        }

        .landing-page .landing-offre__top .wrapper{
            padding: 3.5rem 6rem;
        }

        .landing-page .landing-offre__txt span{
            font-size: 1.4rem;
        }

        .landing-page .landing-offre__bottom .content .landing-offre__txt{
            display: none;
        }

        .landing-page .landing-offre__bottom .content__desktop{
            display: block;
        }

        .landing-page .landing-offre__bottom .content__desktop .landing-offre__txt{
            text-align: left;
            font-size: 1.4rem;
        }

        .landing-page .landing-offre__bottom .wrapper{
            display: flex;
            justify-content: space-between;
            align-items: center;
        }


        .landing-page .landing-offre__bottom .btn-container{
            width: 40%;
        }

        .landing-page .landing-offre__bottom .btn-container{
            margin-top: 0;
        }

        .landing-page .landing-offre__bottom{
            margin-top: -15rem;
        }

    }

    @media screen and (min-width: 1280px){

        .landing-page .landing-offre__bottom .btn-container{
            margin-top: 0;
            display: flex;
            justify-content: space-between;
            align-items: center;
        }

        .landing-page .landing-offre__bottom .button__primary:last-child{
            margin-top: 0;
        }

        .landing-page .landing-offre__bottom .wrapper {
            padding: 2rem 5rem;
        }

        .landing-page .landing-offre__bottom .btn-container {
            width: 50%;
        }

        .landing-page .landing-offre__bottom .button__primary{
            width: 49%;
        }

        .landing-page .landing-offre__bottom{
            margin-top: -10rem;
        }
    }

/************************ Landing page section */

    /*** Section quizz */

    .landing-page .landing-section__quizz{
        padding-bottom: 10rem;
    }

    .landing-page .landing-section__quizz .fact{
        width: 90%;
        margin: 0 auto 5rem auto;
    }

    .landing-page .landing-section__quizz .container__quizz{
        max-width: 95rem;
    }

    .landing-page .landing-section__quizz .fact p{
        font-family: var(--font-title-light);
        font-size: 1.8rem;
        text-align: center;
        color: #FFCC00;
        line-height: 1.2;
    }

    .landing-page .landing-section__quizz .fact p strong{
        font-family: var(--font-title);
    }

    .landing-page .landing-section__quizz .question p{
        font-family: var(--font-title);
        line-height: 1.1;
        margin-bottom: 5rem;
        text-align: center;
    }

    .landing-page .landing-section__quizz .question .choice{
        display: flex;
        justify-content: space-between;
        align-items: stretch;
    }

    .landing-page .landing-section__quizz .question .choice__el{
        width: 48.5%;
        text-align: center;
    }

    .landing-page .landing-section__quizz .question .choice__el button{
        border: 1px solid #fff;
        background: transparent;
        outline: none;
        padding: 1.1rem 2rem 1rem 2rem;
        font-weight: 700;
        color: #fff;
        border-radius: 3.3rem;
    }

    .landing-page .landing-section__quizz .question .choice__img{
        width: 100%;
        height: 28.5rem;
        border-radius: 1.5rem;
        margin-bottom: 1.6rem;
    }

    .landing-page .landing-section__quizz .question__el{
        position: relative;
    }

    .landing-page .landing-section__quizz .question__el .reponse__el{
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        min-height: 100%;
        opacity: 0;
        pointer-events: none;
        transition: .3s ease;
    }

    .landing-page .landing-section__quizz .question__el .reponse__el--show{
        opacity: 1;
        pointer-events: all;
    }

    .landing-page .landing-section__quizz .question__el .reponse__el--container{
        border-radius: 1.5rem;
        height: 34.3rem;
        display: flex;
    }

    .landing-page__illimite .landing-section__quizz .question__el .reponse__el--container{
        height: 38.3rem;
    }

    .landing-page .landing-section__quizz .question__el .reponse__el .wrapper{
        margin: auto;
    }

    .landing-page .landing-section__quizz .question__el .reponse__el p{
        color: #2D2E83;
        font-family: var(--font-title);
        text-align: center;
        margin: 0;
    }

    .landing-page .landing-section__quizz .question__el .reponse__el p.reponse__txt{
        font-size: 4rem;
    }

    .landing-page .landing-section__quizz .question__el .reponse__el p.reponse__txt-2{
        color: #fff;
        font-size: 1.2rem;
        font-family: var(--font-title-light);
        margin-top: 1.5rem;
        line-height: 1.2;
    }

    @media screen and (min-width: 1024px){

        .landing-page .landing-section__quizz .fact{
            max-width: 60rem;
            margin: 0 0 5rem 0;
        }

        .landing-page .landing-section__quizz .fact p{
            font-size: 2.4rem;
            text-align: left;
        }

        .landing-page .landing-section__quizz .fact p br{
            display: none;
        }

        .landing-page .landing-section__quizz .question{
            display: flex;
            justify-content: flex-end;
            align-items: center;
        }

        .landing-page .landing-section__quizz .question__el{
            width: 56rem;
        }

        .landing-page .landing-section__quizz .question .choice__el{
            width: 48%;
        }

        .landing-page .landing-section__quizz .question p{
            margin-bottom: 0;
            margin-right: 3.3rem;
            font-size: 4rem;
            text-align: right;
            max-width: 32.7rem;
            transform: translateY(-4rem);
        }

        .landing-page .landing-section__quizz{
            padding-bottom: 12rem;
        }

        .landing-page .landing-section__quizz .question__el .reponse__el p{
            font-size: 2.4rem;
            max-width: 100%;
            transform: translateY(0);
        }

        .landing-page .landing-section__quizz .question__el .reponse__el p.reponse__txt {
            font-size: 6rem;
        }

        .landing-page .landing-section__quizz .question__el .reponse__el p.reponse__txt-2{
            font-size: 1.4rem;
        }

        .landing-page .landing-section__quizz .question .choice__el .choice__img{
            transition: .3s ease;
        }

        .landing-page .landing-section__quizz .question .choice__el:hover{
            cursor: pointer;
        }

        .landing-page .landing-section__quizz .question .choice__el:hover .choice__img{
            background-size: 125%;
            filter: blur(2px);
        }

    }

    /*** Section introduction */
    .landing-page .landing-section__intro{
        padding: 9rem 0 15rem 0;
    }

    .landing-page .landing-section__intro h2{
        text-align: center;
        margin: 0;
        font-family: var(--font-title);
        font-size: 2.4rem;
        color: #2D2E83;
        line-height: 1;
        margin-bottom: 2.5rem;
    }

    .landing-page .landing-section__intro h2 .giga{
        display: block;
        color: #fff;
        font-size: 12rem;
        line-height: 0.8;
        margin-top: 1rem;
    }

    .landing-page .landing-section__intro h2 .giga-txt{
        text-transform: uppercase;
        font-size: 48px;
        line-height: 0.8;
    }

    .landing-page__famille--en .landing-section__intro h2 .giga-txt{
        font-size: 47px;
    }

    .landing-page .landing-section__intro .subtitre{
        text-align: center;
        font-family: var(--font-title);
        font-size: 2rem;
        line-height: 1;
        color: #2D2E83;
        width: 85%;
        margin: 0 auto 2rem auto;
    }

    .landing-page .landing-section__intro .content{
        margin-bottom: 4rem;
    }

    .landing-page .landing-section__intro .content p{
        text-align: center;
        font-family: var(--font-title-light);
        font-size: 1.4rem;
        color: #2D2E83;
        margin-bottom: 0.5rem;
    }

    .landing-page .landing-section__intro .content p:last-child{
        margin-bottom: 0;
    }

    .landing-page .landing-section__intro .content p strong{
        font-family: var(--font-title);
    }

    .landing-page .landing-section__intro ul{
        list-style: none;
        padding: 0;
        margin: 0 auto;
        display: flex;
        justify-content: space-between;
        align-items: stretch;
        max-width: 75rem;
    }

    .landing-page .landing-section__intro ul li{
        width: 24%;
    }

    .landing-page .landing-section__intro ul img{
        display: block;
        width: 8rem;
        height: 8rem;
        margin: 0 auto 0.5rem auto;
    }

    .landing-page .landing-section__intro ul p{
        font-family: var(--font-title);
        font-size: 1.2rem;
        text-align: center;
        color: #2D2E83;
    }

    @media screen and (min-width: 1024px){

        .landing-page .landing-section__intro h2{
            font-size: 4.4rem;
        }

        .landing-page .landing-section__intro h2 .giga{
            font-size: 25.5rem;
        }

        .landing-page .landing-section__intro h2 .giga-txt{
            font-size: 10rem;
        }

        .landing-page .landing-section__intro .subtitre{
            font-size: 3.6rem;
        }

        .landing-page .landing-section__intro .content p{
            font-size: 1.6rem;
        }

        .landing-page .landing-section__intro ul p{
            font-size: 1.4rem;
        }

        .landing-page .landing-section__intro ul img{
            width: 15rem;
            height: 15rem;
        }

        .landing-page .landing-section__intro .content {
            margin-bottom: 7rem;
        }

    }

    /*** Section what */
    .landing-page .landing-section__what{
        padding: 9rem 0;
        color: #2D2E83;
        position: relative;
    }

    .landing-page .landing-section__what ul{
        list-style: none;
        margin: 0 auto;
        padding: 0;
        width: 55%;
    }

    .landing-page .landing-section__what ul li{
        display: flex;
        align-items: center;
        margin-bottom: 1.5rem;
    }

    .landing-page .landing-section__what ul li:last-child{
        margin-bottom: 0;
    }

    .landing-page .landing-section__what ul p{
        font-family: var(--font-title);
        font-size: 1.4rem;
        line-height: 1.2;
    }

    .landing-page .landing-section__what ul .check{
        display: block;
        width: 2.4rem;
        height: 2.4rem;
        border-radius: 0.7rem;
        background: #2D2E83;
        margin-right: 2rem;
        position: relative;
    }

    .landing-page .landing-section__what ul .check svg{
        transform: translateX(20%) translateY(-5%) scale(1);
        transform-origin: left 5px;
    }

    .landing-page .landing-section__what ul .check svg path{
        stroke-dasharray: 40;
        stroke-dashoffset: 40;
        animation: check 3s linear infinite;
    }

    @keyframes check{
        0%{stroke-dashoffset: 40;}
        10%{stroke-dashoffset: 40;}
        30%{stroke-dashoffset: 0;}
        100%{stroke-dashoffset: 0;}
    }

    .landing-page .landing__h2{
        color: #2D2E83;
        text-align: center;
        font-family: var(--font-title);
        font-size: 2.6rem;
        line-height: 1.2;
        margin: 0;
        margin-bottom: 3rem;
    }

    .landing-page .deco__1{
        position: absolute;
        width: 14rem;
        top: 5%;
        left: -10%;
        transform: rotate(20deg);
        animation: clavier 5s linear infinite;
    }

    @keyframes clavier{
        0%{transform: rotate(0deg);}
        50%{transform: rotate(20deg);}
        100%{transform: rotate(0deg);}
    }

    .landing-page .deco__2{
        position: absolute;
        width: 17rem;
        top: -15%;
        right: 0;
        animation: casque 5s .3s linear infinite;
        transform-origin: right bottom;
    }

    @keyframes casque{
        0%{transform: translateY(0%) rotate(0deg);}
        50%{transform: translateY(10%) rotate(10deg);}
        100%{transform: translateY(0%) rotate(0deg);}
    }

    .landing-page .deco__3{
        position: absolute;
        width: 9rem;
        bottom: 15%;
        right: 0;
        z-index: 10;

        animation: phone 5s .3s linear infinite;
        transform-origin: left bottom;
    }

    @keyframes phone{
        0%{transform: translateY(0%) rotate(0deg);}
        50%{transform: translateY(10%) rotate(5deg);}
        100%{transform: translateY(0%) rotate(0deg);}
    }

    @media screen and (min-width: 1024px){
        .landing-page .landing__h2{
            font-size: 3.6rem;
        }

        .landing-page .landing-section__what{
            padding: 16.5rem 0 19rem 0;
        }

        .landing-page .deco__1{
            width: 43rem;
            top: -20%;
            left: 0;
            transform: rotate(0deg);
        }

        .landing-page .deco__2{
            width: 43.7rem;
            top: -30%;
            right: -10%;
        }

        .landing-page .deco__3{
            width: 28.5rem;
            bottom: -25%;
            right: auto;
            left: 20%;
        }

        .landing-page .landing-section__what ul{
            display: flex;
            justify-content: space-between;
            align-items: center;
            width: 100%;
            max-width: 79rem;
            margin: 0 auto;
        }

        .landing-page .landing-section__what ul li{
            margin-bottom: 0;
        }

        .landing-page .landing-section__what ul .check{
            width: 2.8rem;
            height: 2.8rem;
        }

    }

    @media screen and (min-width: 1280px){

        .landing-page .deco__2{
            right: 4%;
        }

        .landing-page .deco__3 {
            width: 28.5rem;
            bottom: -25%;
            right: auto;
            left: 30%;
        }

    }

    /*** Section testimonial */
    .landing-testimonial{
        padding: 32.2rem 0 50.6rem 0;
        position: relative;
    }

    .landing-testimonial::after{
        content: "";
        display: block;
        width: 100%;
        height: 100%;
        position: absolute;
        bottom: 0;
        left: 0;
    }

    .landing-testimonial__content{
        text-align: center;
        position: relative;
        z-index: 5;
    }

    .landing-testimonial__content .quote{
        color: #fff;
        font-family: var(--font-title);
        font-size: 3.4rem;
        max-width: 65.6rem;
        margin: 0 auto 2rem auto;
    }

    .landing-testimonial__content .name{
        font-family: var(--font-title);
        font-size: 1.4rem;
        line-height: 1;
    }

    .landing-testimonial__content .since{
        font-family: var(--font-title-light);
        font-size: 1.4rem;
        line-height: 1;
        margin-top: 0.5rem;
    }

    @media screen and (min-width: 1024px){

        .landing-testimonial{

            padding: 17.5rem 0 28rem 0;

        }

        .landing-testimonial__content{
            text-align: left;
        }

        .landing-testimonial__content .quote{
            margin: 0;
            margin-bottom: 3.2rem;
            font-size: 6.4rem;
            line-height: 1;
        }

        .landing-testimonial__content .name,
        .landing-testimonial__content .since{
            font-size: 1.6rem;
        }
    }


/************************ Landing page famille */
    .landing-page__famille .landing-hero h1 span,
    .landing-page__famille .landing-hero p,
    .landing-page__famille .landing-section__quizz .question p{
        color: #00FFFF;
    }

    .landing-page__famille .landing-hero{
        background: url('/wp-content/uploads/famille-hero-mobile.jpg') no-repeat top center / cover;
    }

    .landing-page__famille .landing-bkg__cian{
        background: #00FFFF;
    }

    .landing-page__famille .landing-section__quizz .question .choice__el--1 .choice__img{
        background: url('/wp-content/uploads/famille-juste-2.jpg') no-repeat center / cover;
    }

    .landing-page__famille .landing-section__quizz .question .choice__el--2 .choice__img{
        background: url('/wp-content/uploads/famille-big-family-mobile.jpg') no-repeat center / cover;
    }

    .landing-page__famille .landing-testimonial{
        background: url('/wp-content/uploads/famille-testimonial-opti.jpeg');
        background-repeat: no-repeat;
        background-position: top right;
        background-size: 225%;
    }

    .landing-page__famille .landing-testimonial::after{
        background: linear-gradient(180deg, rgba(0, 255, 255, 0) 25%, #00FFFF 55.5%);
    }

    .landing-page__famille .landing-section__quizz .question__el .reponse__el--container{
        background: #00FFFF;
    }

    @media screen and (min-width: 600px) {
        .landing-page__famille .landing-testimonial{
            background-size: 160%;
        }
    }

    @media screen and (min-width: 800px) {
        .landing-page__famille .landing-testimonial{
            background-size: 120%;
        }
    }

    @media screen and (min-width: 950px) {
        .landing-page__famille .landing-testimonial{
            background-size: 100%;
        }
    }

    @media screen and  (min-width: 1024px){

        .landing-page__famille .landing-section__quizz .question .choice__el--1 .choice__img,
        .landing-page__famille .landing-section__quizz .question .choice__el--2 .choice__img{
            background-size: 100%;
        }

        .landing-page__famille .landing-hero{
            background: url('/wp-content/uploads/famille-hero.jpg') no-repeat left top / cover;
        }

        .landing-page__famille .landing-testimonial::after{
            background: linear-gradient(-90deg, rgba(0, 255, 255, 0) 34%, #00FFFF 68.5%);
        }

        .landing-page__famille .landing-testimonial{
            background: url('/wp-content/uploads/famille-testimonial-desktop-1-opti.jpeg');
            background-repeat: no-repeat;
            background-position: top right;
            background-size: cover;
        }

        .landing-page__famille .landing-section__quizz .question .choice__el:hover button{
            border: 1px solid #00FFFF;
            color: #00FFFF;
        }
    }
    

/*************************** Landing page illimite*/
    .landing-page__illimite .landing-hero h1 span,
    .landing-page__illimite .landing-hero p,
    .landing-page__illimite .landing-section__quizz .question p{
        color: #ED5D85;
    }

    .landing-page__illimite .landing-hero{
        background: url('/wp-content/uploads/illimite-hero-mobile.jpg') no-repeat top center / cover;
        padding: 26.5rem 0 33.5rem 0;
    }
    
    .landing-page__illimite .landing-bkg__cian{
        background: #ED5D85;
    }

    .landing-page__illimite .landing-section__quizz .question__el .reponse__el--container{
        background: #ED5D85;
    }

    .landing-page__illimite .landing-section__quizz .question .choice__el--1 .choice__img{
        background: url('/wp-content/uploads/illimite-1-episode.jpg') no-repeat center / cover;
    }

    .landing-page__illimite .landing-section__quizz .question .choice__el--2 .choice__img{
        background: url('/wp-content/uploads/illimite-6-episode.png') no-repeat center / cover;
    }

    .landing-page__illimite .landing-testimonial{
        background: url('/wp-content/uploads/illimite-testimonial.jpg');
        background-repeat: no-repeat;
        background-position: top left;
        background-size: 160%;
    }

    .landing-page__illimite .landing-testimonial::after{
        background: linear-gradient(180deg, rgba(237, 93, 133, 0) 19%, #ED5D85 40.5%);
    }

    .landing-page__illimite .landing-section__quizz .question .choice__el button{
        font-size: 1.4rem;
    }

    .landing-page__illimite .landing-section__intro h2{
        font-size: 2rem;
    }

    .landing-page__illimite .landing-section__intro h2 .giga-txt{
        font-size: 59px;
    }

    .landing-page__illimite--en .landing-section__intro h2 .giga-txt{
        font-size: 45px;
    }

    .landing-page__illimite .deco__1{
        width: 14rem;
        top: 39%;
        left: -15%;
        transform: rotate(0deg);
    }

    .landing-page__illimite .deco__3{
        width: 18.5rem;
        bottom: -17%;
    }

    @media screen and (min-width: 600px) {
        .landing-page__illimite .landing-testimonial{
            background-size: 100%;
        }
    }

    @media screen and (min-width: 1024px){

        .landing-page__illimite .landing-section__quizz .question .choice__el--1 .choice__img,
        .landing-page__illimite .landing-section__quizz .question .choice__el--2 .choice__img{
            background-size: 100%;
        }

        .landing-page__illimite .landing-hero{
            background: url('/wp-content/uploads/illimite-hero.jpg') no-repeat left top / cover;
            padding: 34rem 0 34.5rem 0;
        }

        .landing-page__illimite .landing-testimonial::after{
            background: linear-gradient(90deg, rgba(237, 93, 133, 0) 34%, #ED5D85 68.5%);
        }

        .landing-page__illimite .landing-testimonial{
            background: url('/wp-content/uploads/illimite-testimonial-desktop.jpg');
            background-repeat: no-repeat;
            background-position: top left;
            background-size: cover;
        }

        .landing-page__illimite .landing-testimonial__content{
            text-align: right;
        }

        .landing-page__illimite .landing-testimonial__content .quote{
            margin: 0 0 3.2rem auto;
        }

        .landing-page__illimite .landing-hero .wrapper{
            margin: 0 0 0 auto;
        }

        .landing-page__illimite .landing-offre__top{
            margin: -22rem 0 9rem auto;
        }

        .landing-page__illimite .landing-section__quizz .question .choice__el:hover button{
            border: 1px solid #ED5D85;
            color: #ED5D85;
        }

        .landing-page__illimite .landing-section__quizz .question p{
            font-size: 3rem;
        }

        .landing-page__illimite .landing-section__quizz .fact {
            max-width: 50rem;
            margin: 0 0 5rem 0;
        }

        .landing-page__illimite .landing-section__intro h2{
            font-size: 3.2rem;
        }

        .landing-page__illimite .landing-section__intro h2 .giga-txt {
            font-size: 130px;
        }

        .landing-page__illimite--en .landing-section__intro h2 .giga-txt{
            font-size: 97px;
        }

        .landing-page__illimite .deco__1 {
            width: 22rem;
            top: 62%;
            left: -4%;
            z-index: 10;
        }
    
        .landing-page__illimite .deco__3{
            width: 50rem;
            bottom: -43%;
            left: auto;
            right: -8%;
        }
    }

    @media screen and (min-width: 1280px){

        .landing-page__illimite .deco__1 {
            width: 31rem;
            top: 32%;
            left: -2%;
        }

    }

/************************ Page acces rapide */

    .page-template-page-acces-rapide header, 
    .page-template-page-acces-rapide footer,
    .page-template-page-acces-rapide .nav{
        display: none;
    }

    .page-template-page-acces-rapide{
        background: #0B1950;
        min-height: 100vh;
        position: relative;
        overflow-x: hidden;
    }

    .page-template-page-acces-rapide::before{
        content: "";
        display: block;
        width: 140%;
        height: 17.2rem;
        border-radius: 592.767px;
        background: var(--color-blue-light-2);
        filter: blur(79px);
        position: absolute;
        top: -10%;
        left: 50%;
        transform: translateX(-50%);
        pointer-events: none;
    }

    .page-template-page-acces-rapide .page{
        position: relative;
        z-index: 2;
        max-width: 99.5rem;
        margin: 0 auto;
        width: 85%;
    }

    .page-template-page-acces-rapide::after{
        content: "";
        display: block;
        width: 100%;
        height: 23rem;
        background: url('/wp-content/uploads/bkg-point-2.png') no-repeat center / cover;
        position: absolute;
        bottom: 0;
        left: 0;
        mix-blend-mode: lighten;
    }

    .fast-access__header{
        padding-top: 10rem;
        margin-bottom: 8rem;
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

    .fast-access__header button{
        background: transparent;
        border: 1px solid rgba(255, 255, 255, .33);
        outline: none;
        font-size: 0;
        display: block;
        width: 5rem;
        height: 5rem;
        border-radius: 50%;
    }

    .fast-access__back button{
        background: url('/wp-content/uploads/back-arrow.svg') transparent no-repeat center / 35%;
    }

    .fast-access__reset button{
        background: url('/wp-content/uploads/reset-btn.svg') transparent no-repeat center / 30%;
    }

    .fast-access__back,
    .fast-access__reset{
        opacity: 0;
        transition: .3s ease;
    }

    .fast-access__logo{
        width: 7rem;
        height: 7rem;
    }

    .fast-access__logo img{
        display: block;
        width: 100%;
        height: 100%;
    }

    .fast-access__step{
        position: relative;
    }

    .fast-access__step__el{
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        display: none;
    }

    .fast-access__step--show{
        display: block;
    }

    .fast-access__step__el p{
        text-align: center;
        color: var(--color-base-1);
        font-family: var(--font-title);
        font-size: 2.8rem;
        margin-bottom: 5rem;
    }

    .fast-access__step__el p span{
        font-family: var(--font-title-light);
    }

    .fast-access__step__el button,
    .fast-access__step__el a{
        text-decoration: none;
        border-radius: 10px;
        border: 1px solid rgba(255, 255, 255, 0.50);
        outline: none;
        background: transparent;
        color: var(--color-base-1);
        text-align: center;
        display: block;
        font-size: 2.2rem;
        width: 25rem;
        padding: 5.5rem 0;
        transition: .3s ease;
        margin-bottom: 3rem;
    }

    .fast-access__step__el .btn-container{
        display: flex;
        justify-content: center;
        flex-wrap: wrap;
        align-items: center;
    }

    .fast-access__step__el .btn-container-2{
        max-width: 53rem;
        margin: 0 auto;
    }

    .fast-access__step__el .btn-container-3{
        max-width: 81rem;
        margin: 0 auto;
    }

    .fast-access__step__el .btn-container-4{
        max-width: 53rem;
        margin: 0 auto;
    }

    .fast-access__step__el .btn-container-4 a{
        margin-bottom: 3rem;
    }

    .fast-access__step__el button:hover,
    .fast-access__step__el button:focus,
    .fast-access__step__el a:hover,
    .fast-access__step__el a:focus{
        background: #E93685;
        border: 1px solid #E93685;
    }

    .fast-access__step__el{
        position: relative;
    }

    .fast-access__step__el .fast-access__section{
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        display: none;
    }

    .fast-access__step__el .fast-access__section--show{
        display: block;
    }

    @media screen and (min-width: 600px){
        .fast-access__header {
            margin-bottom: 15rem;
        }

        .fast-access__step__el p{
            font-size: 4rem;
        }

        .fast-access__step__el .btn-container {
            justify-content: space-between;
        }

        .fast-access__step__el button,
        .fast-access__step__el a{
            margin-bottom: 0;
        }

        .fast-access__header button{
            width: 7rem;
            height: 7rem;
        }
    }

/************************ Selfcare */

    .page__tax{
        padding-top: 7.5rem;
    }

    .single__selfcare{
        padding-bottom: 0;
    }

    .tax__nav{
        margin-bottom: 7.5rem;
    }

    .tax__titre--container{
        display: flex;
        align-items: center;
        margin-bottom: 2rem;
    }

    .tax__icon{
        margin-right: 1.5rem;
        max-width: 4rem;
    }

    .tax__titre{
        font-size: 2.2rem;
        line-height: 1.2;
        color: #E93685;
    }

    .tax__description p{
        font-size: 2.6rem;
        font-family: var(--font-title);
        line-height: 1.2;
        max-width: 45rem;
    }

    .tax__description p strong{
        color: #E93685;
    }

    .tax-col{
        margin-bottom: 7.5rem;
    }

    .tax-col__el--left{
        margin-bottom: 5rem;
    }

    .tax-question__el{
        margin-bottom: 2rem;
        max-width: 90%;
    }

    .tax-question__el:last-child{
        margin-bottom: 0;
    }

    .tax-question__el a{
        text-decoration: none;
        color: var(--color-base-3);
        line-height: 1.3;
        font-size: 1.8rem;
        transition: .3s ease;
        display: flex;
        align-items: center;
    }

    .tax-question__el a::after{
        content: "";
        display: block;
        width: 5px;
        height: 10px;
        background: url('/wp-content/uploads/arrow-selfcare.svg') no-repeat center;
        margin-left: 1rem;
        transition: .3s ease;
    }

    .tax-question__el a:hover{
        color: #E93685;
    }

    .tax-question__el a:hover::after{
        background: url('/wp-content/uploads/arrow-selfcare-hover.svg') no-repeat center;
        transform: translateX(1rem);
    }

    .page__tax--contact{
        background: rgba(12, 26, 81, 0.05);
    }

    .page__tax--contact .contact__mobile a:nth-child(3){
        display: none;
    }

    .single__selfcare .page__tax--contact{
        margin-top: 7.5rem;
    }

    .tax__nav ul{
        list-style: none;
        margin: 0;
        padding: 0;
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: center;
    }

    .tax__nav ul li{
        margin-right: 2.2rem;
    }

    .tax__nav ul li:last-child{
        margin-right: 0;
    }

    .tax__nav ul li a{
        text-decoration: none;
        color: #2C285B;
        font-size: 1.8rem;
        border-radius: 9.3px;
        border: 1px solid rgba(44, 40, 91, 0.20);
        padding: 2.2rem 1.7rem;
        display: inline-block;
        transition: .3s ease;
    }

    .tax__nav ul li a:hover,
    .tax__nav ul li a.active{
        background: #E93685;
        color: var(--color-base-1);
        box-shadow: 0px 4.486px 22.43px 0px rgba(96, 22, 55, 0.30);
    }

    .selfcare-section{
        padding: 7.5rem 0;
    }

    .page-contact .selfcare-section{
        padding: 4rem 0 7.5rem 0;
    }

    .selfcare-section__titre{
        text-align: center;
        margin-bottom: 4rem;
    }

    .selfcare-section__titre .selfcare-section__img{
        width: 10rem;
        margin: 0 auto 1.5rem auto;
    }

    .selfcare-section__titre p{
        font-size: 2.6rem;
        font-family: var(--font-title);
        line-height: 1.2;
        max-width: 90rem;
        margin: 0 auto;
    }

    .selfcare-section ul{
        list-style: none;
        margin: 0;
        padding: 0;
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        align-items: stretch;
    }

    .selfcare-section ul li{
        margin-bottom: 3rem;
        width: 100%;
    }

    .single__selfcare .single-col__el--left{
        margin-bottom: 5rem;
    }

    .selfcare-section ul li a{
        width: 100%;
        height: 100%;
        display: block;
        padding: 3rem 0;
        text-align: center;
        border-radius: 10px;
        border: 1px solid rgba(44, 40, 91, 0.20);
        text-decoration: none;
        transition: .3s ease;
    }

    .selfcare-section ul li a img{
        transition: .3s ease;
    }

    .selfcare-section ul li a p{
        font-size: 2.2rem;
        color: var(--color-base-3);
        transition: .3s ease;
    }

    .selfcare-section ul li a:hover{
        border: 1px solid rgba(233, 54, 133, 0.20);
        background: radial-gradient(50% 50% at 50% 50%, #E93685 0%, #E93685 100%);
        box-shadow: 0px 4px 22px 0px rgba(96, 22, 55, 0.30);
    }

    .selfcare-section ul li a:hover img{
        filter: invert(1);
        mix-blend-mode: color-dodge;
    }

    .selfcare-section ul li a:hover p{
        color: var(--color-base-1);
    }

    .selfcare-section .selfcare-section__icon{
        width: 4rem;
        margin: 0 auto 1.5rem auto;
    }

    .bloc-list-upload{
        margin-top: 3.5rem;
    }

    .bloc-list-upload__el{
        margin-bottom: 1.5rem;
    }

    .bloc-list-upload__el:last-child{
        margin-bottom: 0;
    }

    .bloc-list-upload__el a{
        display: flex;
        justify-content: flex-start;
        align-items: center;
        text-decoration: none;
        color: #E93685;
    }

    .bloc-list-upload__el .icon{
        margin-right: 1.5rem;
    }

    .selfcare-cta{
        border-radius: 2rem;
        background: #EBEEF4;
    }

    .selfcare-cta .wrapper{
        padding: 2rem 3rem;
    }

    .selfcare-cta__lucie img{
        display: block;
        margin: 0 auto;
    }

    .selfcare-cta h2{
        text-align: center;
        font-family: var(--font-title);
        color: var(--color-base-3);
        font-size: 2.2rem;
        margin-bottom: 2rem;
        line-height: 1.2;
    }

    .selfcare-cta__el--right{
        display: flex;
        justify-content: center;
    }

    @media screen and (min-width: 700px){
        .selfcare-section ul{
            justify-content: center;
        }

        .selfcare-section ul li{
            width: 48%;
            margin: 1rem;
        }

        .selfcare-cta__el--left{
            display: flex;
            align-items: center;
        }

        .selfcare-cta h2{
            text-align: left;
            margin-left: 4rem;
        }
    }

    @media screen and (min-width: 1024px){

        .page__tax{
            padding-top: 15rem;
        }

        .tax__nav{
            margin-bottom: 15rem;
        }

        .tax__description p{
            font-size: 3.3rem;
        }

        .tax-col{
            display: flex;
            align-items: stretch;
            justify-content: space-between;
            margin-bottom: 15rem;
        }

        .tax-col__el--left{
            margin-bottom: 0;
        }

        .single__selfcare .single-col__el--left{
            margin-bottom: 0rem;
        }

        .single__selfcare .page__tax--contact{
            margin-top: 15rem;
        }

        .tax-col__el--left .wrapper{
            /* position: sticky;
            top: 10%; */
        }

        .page__tax--contact h2{
            max-width: 60.5rem !important;
        }

        .tax-col__el--right{
            width: 65rem;
        }

        .tax-question__el a{
            font-size: 2rem;
        }

        .tax-question__el{
            margin-bottom: 3rem;
        }
    
        .tax-question__el:last-child{
            margin-bottom: 0;
        }

        .page__tax--contact .contact__desktop{
            justify-content: center;
        }

        .page__tax--contact .contact__desktop .contact__el{
            margin-right: 8rem;
        }

        .page__tax--contact .contact__desktop .contact__el:last-child{
            margin-right: 0;
        }

        .page__tax--contact .contact__desktop .contact__el:nth-child(2){
            display: none;
        }

        .tax-question__el a::after{
            margin-left: 2rem;
        }

        .selfcare-section{
            padding: 15rem 0;
        }

        .page-contact .selfcare-section{
            padding: 6rem 0 7.5rem 0;
        }

        .selfcare-section__titre{
            margin-bottom: 7.5rem;
        }

        .selfcare-section__titre p{
            font-size: 4rem;
        }

        .selfcare-section ul {
            justify-content: center;
            flex-wrap: wrap;
        }

        .selfcare-section ul li{
            width: 23%;
            max-width: 25rem;
        }

        .selfcare-cta__el--left{
            max-width: 51rem;
        }
        .selfcare-cta h2{
            font-size: 3rem;
        }

        .selfcare-cta__lucie{
            min-width: 14rem;
        }

        .selfcare-cta .wrapper {
            display: flex;
            justify-content: space-between;
            align-items: center;
            padding: 4rem 6rem;
        }
    }

    .webdeals{
        border-radius: 2rem;
        overflow: hidden;
        border: 2px solid #fff;
        margin-bottom: 6rem;
    }

    .webdeals__desktop{
        display: none;
    }

    .webdeals__process{
        border-radius: 2rem;
        overflow: hidden;
        margin-bottom: 4rem;
    }

    @media screen and (min-width: 1024px){

        .webdeals__desktop{
            display: block;
        }

        .webdeals__mobile{
            display: none;
        }

    }


/*********************************************** Upgrade client */
.page-upgrade header,
.page-upgrade nav{
    display: none;
}

.upgrade-header{
    padding-top: 5rem;
    width: 12rem;
    margin: 0 auto 5rem auto;
}

.upgrade-hero{
    padding-bottom: 5rem;
}

.upgrade-hero .subtitre{
    text-align: center;
    font-size: 2.4rem;
    font-family: var(--font-title-light);
    line-height: 1.2;
}

.upgrade-hero h1{
    font-family: var(--font-title);
    font-size: 5.6rem;
    text-transform: uppercase;
    line-height: 0.8;
    color: var(--color-base-1);
    text-align: center;
    margin-bottom: 3rem;
}

.upgrade-hero h1 span{
    color: var(--color-base-2);
    font-size: 9.5rem;
    line-height: 0.8;
    display: block;
}

.upgrade-hero .img-container{
    margin-bottom: 4rem;
}

.upgrade-hero .img-container img{
    display: block;
    margin: 0 auto;
}

.upgrade-hero .txt{
    font-size: 1.8rem;
    max-width: 53rem;
    margin: 0 auto;
}

.upgrade-hero .txt .hello{
    color: var(--color-base-2);
}

.upgrade-hero .col__el--left{
    margin-bottom: 5rem;
}

.upgrade-hero .col__el--right{
    border-radius: 20px;
    background: linear-gradient(99deg, #2A69AC -0.93%, #1F538A 104.92%);
    max-width: 53rem;
    margin: 0 auto;
}

.upgrade-hero .col__el--right .wrapper{
    padding: 4rem 1.5rem;
}

.upgrade-hero .col__el--right .only{
    font-size: 1.8rem;
    font-family: var(--font-title-light);
    line-height: 1.4;
    text-align: center;
    margin-bottom: 2rem;
}

.landing-page__upgrade--tv .upgrade-hero .col__el--right .only span {
    font-family: var(--font-title);
}

.upgrade-hero .col__el--right .only strong{
    font-family: var(--font-title);
}

.upgrade-hero .yellow{
    color: var(--color-base-2);
}

.upgrade-hero .col__el--right .tarif{
    text-align: center;
    font-size: 1.4rem;
    font-family: var(--font-title);
    margin-bottom: 2rem;
}

.upgrade-hero .col__el--right .commitment{
    font-size: 1.8rem;
    font-family: var(--font-title-light);
    line-height: 1.2;
    margin-top: 2rem;
    text-align: center;
}

.upgrade-hero .col__el--right .btn-container{
    margin: 3rem 0;
    text-align: center;
}

.landing-page__upgrade--tv .upgrade-hero .col__el--right .btn-container {
    margin-bottom: 1rem;
}

.upgrade-hero .col__el--right .btn-container .button{
    font-size: 1.6rem;
}

.upgrade-hero .col__el--right .until .until__date{
    text-align: center;
    font-size: 1.6rem;
    margin-bottom: 2.3rem;
    font-family: var(--font-title-light);
}

.upgrade-hero .col__el--right .price{
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.upgrade-hero .col__el--right .price__new{
    color: var(--color-base-2);
    display: flex;
    align-items: center;
}

.upgrade-hero .col__el--right .price__new .price__39{
    font-size: 8rem;
    font-family: var(--font-title);
    line-height: 0.6;
}

.upgrade-hero .col__el--right .price__new .price__month{
    display: flex;
    flex-direction: column;
    line-height: 1;
    font-size: 4.8rem;
    font-family: var(--font-title);
}

.upgrade-hero .col__el--right .price__new .price__month span{
    font-size: 1.6rem;
    font-family: var(--font-title-light);
}

.upgrade-hero .col__el--right .price__old p{
    font-size: 3.5rem;
    font-family: var(--font-title);
    line-height: 1;
    position: relative;
}

.upgrade-hero .col__el--right .price__old p::after{
    content: "";
    display: block;
    width: 100%;
    height: 2px;
    background: #E93685;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) rotate(-10deg);
}

.upgrade-comparaison{
    padding-bottom: 5rem;
}

.upgrade-comparaison .col__el{
    max-width: 56.5rem;
    margin: 0 auto;
}

.upgrade-comparaison h2{
    text-align: center;
    font-family: var(--font-title);
    font-size: 2.8rem;
    line-height: 1.2;
    max-width: 57rem;
    margin: 0 auto 3rem auto;
}

.landing-page__upgrade--tv .upgrade-comparaison h2{
    max-width: 76rem;
}

.landing-page__upgrade--tv .upgrade-comparaison h2 span{
    color: #F2CB13;
}

.upgrade-comparaison .btn-container{
    text-align: center;
    margin-top: 3rem;
}

.upgrade-comparaison .usp{
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    margin-top: 4rem;
}

.upgrade-comparaison .usp__el{
    border-radius: 10px;
    background: rgba(255, 255, 255, 0.05);
    padding: 1.2rem 2rem;
    font-size: 1.6rem;
    margin-bottom: 2rem;
    display: flex;
    align-items: center;
}

.upgrade-comparaison .divider{
    width: 100%;
    height: 1px;
    background: rgba(255, 255, 255, 0.25);
    max-width: 56.5rem;
    margin: 5rem auto;
}

.upgrade-comparaison .usp__el::before{
    content: "";
    display: block;
    min-width: 2rem;
    height: 1.2rem;
    background: url('/wp-content/uploads/check-jaune.svg') no-repeat center / contain;
    margin-right: 2rem;
}

.upgrade-comparaison .usp__el:last-child{
    margin-bottom: 0;
}

.upgrade-comparaison .vitesse{
    text-align: center;
    font-size: 1.8rem;
    font-family: var(--font-title-light);
    line-height: 1;
}

.upgrade-comparaison .vitesse span{
    font-size: 3.8rem;
    font-family: var(--font-title);
    display: block;
}


.upgrade-form{
    padding: 7rem 0;
}

.upgrade-form h2{
    color: #0C1A51;
    text-align: center;
    font-family: var(--font-title);
    font-size: 2.8rem;
    line-height: 1.2;
    max-width: 41.5rem;
    margin: 0 auto 5rem auto;
}

.landing-page__upgrade--tv .upgrade-form h2{
    max-width: 51.7rem;
}

.upgrade-form .box__el{
    border-radius: 2rem;
    background: linear-gradient(107deg, #0C1A51 26.41%, #215090 127.93%);
    color: var(--color-base-1);
    margin-bottom: 3rem;
}

.upgrade-form .box__el h3{
    color: var(--color-base-1);
    margin-bottom: 2.5rem;
    font-family: var(--font-title);
    font-size: 2rem;
    line-height: 1.2;
    display: flex;
    align-items: center;
}

.upgrade-form .box__el h3::before{
    content: "";
    display: block;
    min-width: 3.5rem;
    height: 3.5rem;
    margin-right: 2rem;
}

.upgrade-form .box__el--resiliation h3::before{
    background: url('/wp-content/uploads/icon-resiliation.svg') no-repeat center / contain;
}
.upgrade-form .box__el--frais h3::before{
    background: url("/wp-content/uploads/icon-frais.svg") no-repeat center / contain;
}

.upgrade-form .box__el--limite h3::before{
    background: url('/wp-content/uploads/icon-limite.svg') no-repeat center / contain;
}

.upgrade-form .box__el--tv h3::before{
    background: url('/wp-content/uploads/icon-tv-1.svg') no-repeat center / contain;
}

.upgrade-form .box__el:last-child{
    margin-bottom: 0;
}

.upgrade-form .box__el .wrapper{
    padding: 2.5rem;
}

.upgrade-form .box__el p{
    color: rgba(255, 255, 255, 0.80);
    font-size: 1.6rem;
}

.upgrade-form .box__el p strong{
    color: var(--color-base-1);
}

.upgrade-form .col__el--left{
    margin-bottom: 5rem;
}

.upgrade-form .form{
    border-radius: 2rem;
    background: #FFF;
    box-shadow: 0px 0px 104px 0px rgba(0, 0, 0, 0.15);
}

.upgrade-form .form .form__wrapper{
    padding: 3.5rem 1.5rem;
}

.upgrade-form .form h2{
    font-size: 2rem;
    margin-bottom: 3rem;
}

.upgrade-step{
    background: #2A69AC;
    color: var(--color-base-1);
    padding: 7.5rem 0;
}

.upgrade-step h2{
    color: var(--color-base-1);
    font-family: var(--font-title);
    font-size: 2.8rem;
    line-height: 1.2;
    margin-bottom: 3rem;
}

.upgrade-step p{
    color: var(--color-base-2);
    font-size: 1.8rem;
}

.upgrade-step .col__el--left{
    max-width: 44rem;
    margin: 0 auto 5rem auto;
}

.upgrade-step .col__el--right{
    max-width: 56rem;
    margin: 0 auto;
}

.upgrade-step .step{
    list-style: none;
    padding: 0;
    margin: 0;
    counter-reset: my-step-counter;
    position: relative;
}

.upgrade-step .step::after{
    content: "";
    display: block;
    height: 90%;
    border-left: 1px dashed var(--color-base-2);
    position: absolute;
    left: 2.5rem;
    top: 0;
}

.upgrade-step .step__el{
    margin-bottom: 3rem;
    counter-increment: my-step-counter;
    display: flex;
}

.francofolie-step .step__el{
    display: flex;
    align-items: center;
}

.upgrade-step .step__el::before{
    content: counter(my-step-counter);
    display: block;
    min-width: 5rem;
    height: 5rem;
    border-radius: 50%;
    background: var(--color-base-2);
    color: var(--color-base-3);
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 2.8rem;
    font-family: var(--font-title);
    line-height: 0.8;
    margin-right: 2rem;
    position: relative;
    z-index: 3;
}

.upgrade-comparaison .speed{
    position: relative;
    max-width: 42.5rem;
    margin: 0 auto;
}

.upgrade-comparaison .speed__el--aiguille{
    position: absolute;
    top: 55%;
    left: 26%;
    width: 8.2rem;
    transform-origin: 85% center;
    transform: rotate(-25deg);
    transition: 850ms 500ms ease;
}

.upgrade-comparaison .speed__el--aiguille svg{
    width: 100%;
    height: auto;
    display: block;
}

.upgrade-comparaison .speed #progress-bar{
    stroke-dasharray: 750;
    stroke-dashoffset: 750;
    transition: 850ms 500ms ease;
}

.upgrade-comparaison .speed__1g .deco{
    width: 8rem;
    height: 8rem;
    position: absolute;
    top: -15%;
    right: 0;
}

.upgrade-comparaison .speed__1g #ligne-1{
    transition: .1s 500ms ease;
}
.upgrade-comparaison .speed__1g #ligne-2{
    transition: .1s 525ms ease;
}
.upgrade-comparaison .speed__1g #ligne-3{
    transition: .1s 550ms ease;
}

.upgrade-comparaison .speed__200mb #ligne-1{
    transition: .1s 500ms ease;
}
.upgrade-comparaison .speed__200mb #ligne-2{
    transition: .1s 675ms ease;
}
.upgrade-comparaison .speed__200mb #ligne-3{
    transition: .1s 850ms ease;
}

.upgrade-comparaison .speed #ligne-4{
    transition: .1s 575ms ease;
}
.upgrade-comparaison .speed #ligne-5{
    transition: .1s 600ms ease;
}
.upgrade-comparaison .speed #ligne-6{
    transition: .1s 625ms ease;
}
.upgrade-comparaison .speed #ligne-7{
    transition: .1s 650ms ease;
}
.upgrade-comparaison .speed #ligne-8{
    transition: .1s 675ms ease;
}
.upgrade-comparaison .speed #ligne-9{
    transition: .1s 700ms ease;
}
.upgrade-comparaison .speed #ligne-10{
    transition: .1s 725ms ease;
}
.upgrade-comparaison .speed #ligne-11{
    transition: .1s 750ms ease;
}
.upgrade-comparaison .speed #ligne-12{
    transition: .1s 775ms ease;
}
.upgrade-comparaison .speed #ligne-13{
    transition: .1s 800ms ease;
}
.upgrade-comparaison .speed #ligne-14{
    transition: .1s 825ms ease; 
}
.upgrade-comparaison .speed #ligne-15{
    transition: .1s 850ms ease;
}

.upgrade-comparaison .speed__1g.speed__start #progress-bar{
    stroke-dashoffset: 0;
}

.upgrade-comparaison .speed__200mb.speed__start #progress-bar{
    stroke-dashoffset: 600;
}

.upgrade-comparaison .speed__100mb.speed__start #progress-bar{
    stroke-dashoffset: 675;
}

.upgrade-comparaison .speed__1g.speed__start .speed__el--aiguille{
    transform: rotate(215deg);
}

.upgrade-comparaison .speed__200mb.speed__start .speed__el--aiguille{
    transform: rotate(20deg);
}

.upgrade-comparaison .speed__100mb.speed__start .speed__el--aiguille{
    transform: rotate(0deg);
}

.upgrade-comparaison .speed__200mb.speed__start line#ligne-1{
    stroke: var(--color-base-2);
}
.upgrade-comparaison .speed__200mb.speed__start line#ligne-2{
    stroke: var(--color-base-2);
}
.upgrade-comparaison .speed__200mb.speed__start line#ligne-3{
    stroke: var(--color-base-2);
}

.upgrade-comparaison .speed__100mb.speed__start line#ligne-3{
    stroke: #3D4874;
}

.upgrade-comparaison .speed__1g.speed__start line{
    stroke: var(--color-base-2);
}

.francofolies-hero {
    padding-bottom: 13rem;
}

.bkg__francofolie{
    background: url('/wp-content/uploads/elt-francofolies-deco-7.svg') var(--color-blue) no-repeat center / cover;
}

.francofolies-hero .col__el--right{
    border-radius: 0;
    background: transparent;
    max-width: 100%;
    margin: 0;
    margin-top: 5rem;
}

.francofolies-hero .img-container{
    margin: 0;
    border-radius: 2rem;
    overflow: hidden;
    max-width: 56rem;
    margin: 0 auto;
}

.francofolies-hero .img-container img{
    width: 100%;
    margin: 0;
}

.francofolies-hero h1{
    font-size: 4.8rem;
}

.francofolies-hero h1 span{
    font-size: 11.5rem;
    font-family: var(--font-title);
    text-transform: none;
}

.francofolies-hero .txt{
    font-family: var(--font-title-light);
    font-size: 1.8rem;
    text-align: center;
    margin-bottom: 2.5rem;
}

.francofolies-hero .txt .hello{
    display: block;
    font-family: var(--font-title);
    font-size: 2rem;
    text-transform: uppercase;
}

.francofolies-hero .btn-container{
    text-align: center;
}

.francofolies-hero .btn-container .button{
    font-size: 2.2rem;
}

.css-v2 .container__francofolies{
    max-width: 85.3rem;
    width: 90%;
    margin: 0 auto;
}

.francofolies-section{
    padding: 0 0 22rem 0;
    position: relative;
}

.francofolies-section::after{
    content: "";
    display: block;
    width: 100%;
    height: 10.5rem;
    background: url('/wp-content/uploads/elt-francofolies-deco-1.svg') no-repeat center / cover;
    position: absolute;
    bottom: 0;
    left: 0;
}

.francofolies-section .deco{
    display: none;
}

.francofolies-section h2{
    margin: 0;
    font-family: var(--font-title);
    font-size: 2.4rem;
    line-height: 1.2;
    margin-bottom: 3.5rem;
}

.francofolies-section h2 span{
    color: #F2CB13;
}

.francofolies-section p{
    font-family: var(--font-title-light);
    font-size: 1.8rem;
    margin-bottom: 3.5rem;
    line-height: 1.5;
}

.francofolies-section .button{
    font-size: 2.2rem;
}

.landing-page__francofolies{
    position: relative;
}

.landing-page__francofolies::before, .landing-page__francofolies::after{
    content: "";
    display: block;
    width: 8rem;
    height: 10.5rem;
    position: absolute;
    top: 0;
}

.landing-page__francofolies::before{
    left: 0;
    background: url('/wp-content/uploads/elt-francofolies-deco-2.svg') no-repeat top left / cover;
}

.landing-page__francofolies::after{
    right: 0;
    background: url('/wp-content/uploads/elt-francofolies-deco-3.svg') no-repeat top right / cover;
}

.francofolie-step .button{
    font-size: 2rem;
}

.francofolies__form h2{
    color: var(--color-base-3);
    font-family: var(--font-title);
    font-size: 2.6rem;
    margin-bottom: 2rem;
}

.francofolies__form .gform_wrapper.gravity-theme .ginput_container_date input,
.landing-page__upgrade--tv .upgrade-form .gform_wrapper.gravity-theme .ginput_container_date input {
    width: 100%;
    padding: 1.7rem 3rem 2rem 3rem;
    font-size: 1.8rem;
}

.francofolies__form .gform_wrapper.gravity-theme .gfield--type-radio .gchoice{
    /* width: 46%; */
    width: 100%;
}

.francofolies__form .gform_wrapper.gravity-theme .gfield--type-radio legend{
    color: var(--color-base-3);
    font-family: var(--font-title);
    font-size: 2rem;
    margin-bottom: 2rem;
    text-align: center;
    line-height: 1.2;
}

.francofolies__form .gform_wrapper.gravity-theme .gfield-choice-input + label{
    max-width: 100%;
    width: 100%;
}

.francofolies__form .gform_wrapper.gravity-theme .gfield--type-radio .gfield_radio{
    justify-content: space-between !important;
}

.francofolies__icon{
    width: 8rem;
    margin: 0 auto 2.5rem auto;
}

.slide-in-francofolies{
    display: flex;
}

.slide-in-francofolies .wrapper{
    margin: auto;
}

.slide-in-francofolies::after, .slide-in-francofolies::before{
    content: "";
    display: block;
    width: 100%;
    height: 5rem;
    position: absolute;
    left: 0;
}

.slide-in-francofolies::after{
    background: url('/wp-content/uploads/elt-francofolies-deco-1.svg') no-repeat center / cover;
    bottom: 0;
    display: none;
}

.slide-in-francofolies::before{
    background: url('/wp-content/uploads/elt-francofolies-deco-9.svg') no-repeat center / cover;
    top: 0;

}

.francofolies__form .gform_wrapper.gravity-theme .gform_previous_button.button{
    display: block;
    width: 100%;
    padding: 2.7rem 2rem;
    background: transparent;
    border: 1px solid var(--color-base-cta) !important;
    color: var(--color-base-cta);
    font-size: 2rem;
    line-height: 1.2 !important;
    font-weight: 500;
    text-align: center;
    border-radius: 11rem;
    border: none;
    margin: 0;
    margin-top: 1rem;
    transition: .3s ease;
}

.landing-page__upgrade--tv .upgrade-form .gform_wrapper.gravity-theme .gform_previous_button.button{
    display: none !important;
}

.landing-page__upgrade--tv .upgrade-form .gform_wrapper.gravity-theme .toggle-checkbox .gchoice{
    width: 100%;
}

.francofolies__form .gform_wrapper.gravity-theme .gform_previous_button.button:hover{
    border: 1px solid var(--color-base-3-light) !important;
    color: var(--color-base-3-light);
}

.landing-page__upgrade--tv--avantage{
    max-width: 100rem;
    margin: 0 auto;
}

.landing-page__upgrade--tv--avantage__el{
    background: rgba(255, 255, 255, 0.05);
    border-radius: 1rem;
    overflow: hidden;
    max-width: 40rem;
    margin: 0 auto 5rem auto;
}

.landing-page__upgrade--tv--avantage__img img{
    width: 100%;
}

.landing-page__upgrade--tv--avantage__el:last-child{
    margin-bottom: 0;
}

.landing-page__upgrade--tv--avantage__content .wrapper{
    padding: 3rem;
}

.landing-page__upgrade--tv--avantage__content p{
    font-size: 2rem;
    max-width: 48rem;
    margin: 0 auto;
}

.landing-page__upgrade--tv--avantage__content p span{
    color: #F2CB13;
}

.landing-page__edrive .upgrade-step, .landing-page__schuberfouer .upgrade-step{
    background: #fff;
    color: var(--color-base-3);
}

.landing-page__edrive .upgrade-step h2, .landing-page__schuberfouer .upgrade-step h2{
    color: var(--color-base-3);
}

.landing-page__edrive .bkg__edrive{
    background: url(/wp-content/uploads/edrive-bkg-3-opti-scaled.webp) no-repeat center / cover;
    color: var(--color-base-1);
    overflow: hidden;
}

.landing-page__schuberfouer .bkg__fouer{
    background: linear-gradient(113deg, #53B9D8 1.33%, #469FBA 99.3%);
}

.landing-page__edrive .bkg__edrive h2{
    color: var(--color-base-1);
}

.landing-page__edrive .francofolies-section::after, .landing-page__schuberfouer .francofolies-section::after{
    display: none;
}

.landing-page__edrive .francofolies__icon{
    width: 10.5rem;
    margin: 0 auto;
}

.page-template-page-edrive .gform_wrapper {
    margin-top: 0;
    padding: 0;
}

.page-template-page-edrive footer, .page-template-page-schuberfouer footer{
    display: flex;
}

.landing-page__edrive .francofolies-hero h1 span {
    font-size: 9rem;
}

.landing-page__edrive .edrive__lots{
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    font-family: var(--font-title-light);
    font-size: 2.2rem;
    line-height: 1;
}

.landing-page__edrive .edrive__lots span{
    display: inline-block;
    padding: 1rem 2.5rem;
    font-size: 3.5rem;
    font-family: var(--font-title);
    border-radius: 70.915px;
    margin: 1.5rem 0;
}

.landing-page__edrive .edrive__lots span.red{
    background: #E15845;
    margin-top: 0;
}

.landing-page__edrive .edrive__lots span.green{
    background: #02AA70;
}

.landing-page__edrive .edrive__lots span.yellow{
    background: #E9B029;
    margin-bottom: 0;
}

.landing-page__edrive{
    position: relative;
    overflow-x: hidden;
}

.landing-page__edrive::before{
    content: "";
    display: block;
    width: 13.8rem;
    height: 18.5rem;
    background: url(/wp-content/uploads/edrive-deco-1.svg) no-repeat center / contain;
    position: absolute;
    top: -35px;
    left: -50px;
    pointer-events: none;
}

.landing-page__edrive::after{
    content: "";
    display: block;
    width: 15.3rem;
    height: 11.8rem;
    background: url(/wp-content/uploads/edrive-deco-2.svg) no-repeat center / contain;
    position: absolute;
    top: -10px;
    right: -30px;
    pointer-events: none;
}

.landing-page__edrive .francofolies-section::after{
    content: "";
    display: block;
    width: 25rem;
    height: 18rem;
    background: url(/wp-content/uploads/edrive-deco-3.svg) no-repeat center / contain;
    position: absolute;
    bottom: -20px;
    left: auto;
    right: -40px;
    pointer-events: none;
}

.landing-page__edrive .slide-in-francofolies::before{
    display: none;
}

.landing-page__edrive .francofolies__form{
    margin-bottom: 2rem;
}

.landing-page__edrive .slide-in-francofolies::before{
    content: "";
    display: block;
    width: 9rem;
    height: 9rem;
    background: url(/wp-content/uploads/edrive-deco-5.svg) no-repeat center / contain;
    position: absolute;
    top: -1.5rem;
    left: -1.5rem;
}

.landing-page__schuberfouer .schuberfouer-hero {
    text-align: center;
}

.landing-page__schuberfouer .schuberfouer-hero h1 span{
    font-size: 9rem;
    color: #0B1950;
}

.landing-page__schuberfouer .schuberfouer-hero h1{
    font-size: 6.7rem;
}

.landing-page__schuberfouer .schuberfouer-hero .txt{
    font-family: var(--font-title-light);
    font-size: 1.8rem;
    text-align: center;
    margin-bottom: 2.5rem;
}

.landing-page__schuberfouer .schuberfouer-hero .txt .hello{
    display: block;
    font-family: var(--font-title);
    text-transform: uppercase;
    color: #0B1950;
    font-size: 1.8rem;
}

.landing-page__schuberfouer .schuberfouer-hero .col__el--right{
    background: transparent;
}

.landing-page__schuberfouer .schuberfouer-hero .img-container{
    margin: 3rem auto 0 auto;
    max-width: 35rem;
}

.landing-page__schuberfouer .francofolies-section h2{
    color: #2D2B5C;
}

.landing-page__schuberfouer .francofolies-section p{
    color: #fff;
}

.landing-page__schuberfouer .francofolies-section{
    padding-bottom: 10rem;
}

.page-template-page-schuberfouer .landing-page__schuberfouer .gform_wrapper{
    margin: 0 0 2rem 0;
    padding: 0;
}

@media screen and (min-width: 360px){
    .upgrade-comparaison .speed__el--aiguille{
        width: 9.2rem;
    }
}

@media screen and (min-width: 390px){
    .upgrade-comparaison .speed__el--aiguille{
        width: 12.2rem;
    }
}

@media screen and (min-width: 600px){

    .francofolies__form .gform_wrapper.gravity-theme .gform_footer, .gform_wrapper.gravity-theme .gform_page_footer{
        display: flex;
        justify-content: space-evenly;
        align-items: center;
    } 

    .francofolies__form .gform_wrapper.gravity-theme .gform_previous_button.button,
    .francofolies__form .gform_wrapper.gravity-theme .gform_page_footer .gform_next_button{
        width: 48%;
    }

}

@media screen and (min-width: 1024px){

    .landing-page__edrive .slide-in-francofolies::before{
        width: 15rem;
        height: 15rem;
    }

    .landing-page__edrive::before{
        width: 23.8rem;
        height: 28.5rem;
    }
    
    .landing-page__edrive::after{
        width: 36.3rem;
        height: 28.8rem;
        top: -40px;
        right: -50px;
    }

    .landing-page__edrive .francofolies-section::after{
        width: 45rem;
        height: 31rem;
    }

    .landing-page__edrive .edrive__lots{
        flex-direction: row;
        justify-content: center;
    }

    .landing-page__edrive .edrive__lots span{
        margin: 0 1.5rem;
    }

    .landing-page__edrive .edrive__lots span.red{
        margin-left: 0;
    }

    .landing-page__edrive .edrive__lots span.yellow{
        margin-right: 0;
    }

    .landing-page__upgrade--tv--avantage__content p{
        font-size: 2.4rem;
    }

    .landing-page__upgrade--tv--avantage__el{
        display: flex;
        justify-content: space-between;
        align-items: stretch;
        max-width: 100%;
    }

    .landing-page__upgrade--tv--avantage__img{
        width: 36%;
    }

    .landing-page__upgrade--tv--avantage__content{
        width: 64%;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .francofolies__form .gform_wrapper.gravity-theme .gfield--type-radio .gchoice{
        width: 48%;
    }

    .francofolies__form .gform_wrapper.gravity-theme .gfield--type-radio legend{
        font-size: 3rem;
        margin-bottom: 5rem;
    }

    .francofolies__form h2{
        font-size: 4rem;
    }

    .bkg__francofolie{
        background: url('/wp-content/uploads/elt-francofolies-deco-6.svg') var(--color-blue) no-repeat center / contain;
    }

    .francofolies-section h2{
        font-size: 3rem;
        margin-bottom: 3.5rem;
    }

    .landing-page__francofolies::before, .landing-page__francofolies::after{
        width: 16rem;
        height: 20.5rem;
    }

    .francofolies-section p{
        font-size: 2.6rem;
    }

    .francofolies-section .button{
        font-size: 2.6rem;
    }

    .francofolies-section{
        padding: 0rem 0 22rem 0;
    }

    .upgrade-header{
        padding-top: 9rem;
        width: 15rem;
        margin: 0 auto 8rem auto;
    }

    .upgrade-hero{
        padding-bottom: 10rem;
    }

    .francofolies-hero {
        padding-bottom: 13rem;
    }

    .upgrade-hero .subtitre{
        font-size: 3.6rem;
    }

    .upgrade-hero h1{
        font-size: 10rem;
        margin-bottom: 5rem;
    }

    .upgrade-hero h1 span{
        font-size: 17rem;
    }

    .francofolies-hero h1{
        font-size: 70px;
    }
    
    .francofolies-hero h1 span{
        font-size: 170px;
    }

    .landing-page__edrive .francofolies-hero h1{
        font-size: 90px;
    }

    .landing-page__edrive .francofolies-hero h1 span{
        font-size: 170px;
    }

    .upgrade-hero .img-container{
        margin-bottom: 6rem;
    }

    .francofolies-hero .img-container{
        margin-bottom: 0;
    }

    .francofolies-hero .col__el--left{
        margin-bottom: 0;
    }

    .upgrade-hero .txt{
        font-size: 2rem;
    }

    .francofolies-hero .txt{
        font-size: 2.8rem;
    }
    
    .francofolies-hero .txt .hello{
        font-size: 3.2rem;
    }
    

    .upgrade-hero .col__el--right .wrapper{
        padding: 6rem 4.5rem;
    }

    .landing-page__upgrade--tv .upgrade-hero .col__el--right .wrapper{
        padding: 8rem 3rem;
    }

    .upgrade-hero .col__el--right .only{
        font-size: 2rem;
        margin-bottom: 4rem;
    }

    .landing-page__upgrade--tv .upgrade-hero .col__el--right .only{
        font-size: 2.4rem;
        margin-bottom: 5rem;
    }

    .upgrade-hero .col__el--right .tarif{
        font-size: 2rem;
    }

    .upgrade-hero .col__el--right .commitment{
        font-size: 2.4rem;
    }

    .upgrade-hero .col__el--right .btn-container{
        margin: 5rem 0
    }
    .landing-page__upgrade--tv .upgrade-hero .col__el--right .btn-container {
        margin-bottom: 1rem;
    }
    

    .upgrade-hero .col__el--right .btn-container .button{
        font-size: 2rem;
    }

    .landing-page__upgrade--tv .upgrade-hero .col__el--right .btn-container .button{
        padding: 2.7rem 7.5rem;
    }

    .upgrade-hero .col__el--right .until .until__date{
        font-size: 1.8rem;
    }

    .upgrade-hero .col__el--right .price__new .price__39{
        font-size: 13.3rem;
    }

    .upgrade-hero .col__el--right .price__new .price__month{
        font-size: 7.8rem;
    }

    .upgrade-hero .col__el--right .price__new .price__month span{
        font-size: 2.3rem;
    }

    .upgrade-hero .col__el--right .price__old p{
        font-size: 5rem;
    }

    .upgrade-comparaison{
        padding-bottom: 10rem;
    }

    .upgrade-form{
        padding: 10rem 0;
    }

    .upgrade-form .box__el p{
        font-size: 2rem;
    }

    .upgrade-form h2{
        font-size: 4rem;
        margin-bottom: 7.5rem;
    }

    .upgrade-form .box__el{
        margin-bottom: 5rem;
    }

    .upgrade-form .box__el .wrapper{
        padding: 5rem;
    }

    .upgrade-form .box__el h3{
        font-size: 2.6rem;
    }

    .upgrade-form .box__el h3::before{
        min-width: 5rem;
        height: 5rem;
        margin-right: 2.5rem;
    }

    .upgrade-form .form .form__wrapper{
        padding: 7rem;
    }

    .upgrade-form .form h2{
        font-size: 2.6rem;
        margin-bottom: 5rem;
    }

    .upgrade-step{
        padding: 15rem 0;
    }

    .upgrade-step h2{
        font-size: 4rem;
    }

    .upgrade-step p{
        font-size: 2.2rem;
    }

    .upgrade-step .step__el{
        margin-bottom: 5rem;
    }

    .francofolie-step .step__el{
        font-size: 2.2rem;
    }

    .upgrade-step .step__el::before{
        min-width: 6rem;
        height: 6rem;
        font-size: 3.2rem;
        margin-right: 3.5rem;
    }

    .upgrade-step .step::after{
        left: 3rem;
    }

    .upgrade-comparaison h2{
        font-size: 4rem;
        margin-bottom: 5rem;
    }

    .upgrade-comparaison .btn-container{
        text-align: left;
        margin-top: 5rem;
    }

    .upgrade-comparaison .usp__el{
        font-size: 2rem;
    }

    .upgrade-comparaison .usp{
        margin-top: 6.5rem;
    }

    .upgrade-comparaison .vitesse{
        font-size: 2.1rem;
    }

    .upgrade-comparaison .vitesse span{
        font-size: 4.4rem;
    }

    .upgrade-comparaison .speed__1g .deco{
        width: 11rem;
        height: 11rem;
        top: -10%;
    }

    .landing-page__schuberfouer .bkg__fouer::before {
        content: "";
        width: 80%;
        max-width: 128rem;
        height: 21.1rem;
        background: url('/wp-content/uploads/fouer-bkg-2-opti.webp') no-repeat top center / 100%;
        position: absolute;
        top: 7rem;
        left: 50%;
        transform: translateX(-50%);
    }

    .landing-page__schuberfouer .schuberfouer-hero .col{
        display: flex;
        justify-content: space-between;
        align-items: center;
        flex-direction: row-reverse;
    }

    .landing-page__schuberfouer .francofolies-section{
        padding-top: 10rem;
        background: url('/wp-content/uploads/fouer-bkg-1-opti.webp') no-repeat center / 100%;
    }

    .landing-page__schuberfouer .schuberfouer-hero {
        padding-bottom: 0;
    }

    .landing-page__schuberfouer .schuberfouer-hero .col__el--right{
        width: 49%;
        max-width: 62rem;
        margin: 0;
    }

    .landing-page__schuberfouer .schuberfouer-hero .col__el--right .img-container{
        max-width: 100%;
        margin: 0;
    }

    .landing-page__schuberfouer .schuberfouer-hero .col__el--left{
        width: 49%;
        margin: 0;
        max-width: 50rem;
    }

    .landing-page__schuberfouer .schuberfouer-hero .col__el--left .img-container{
        margin: 3rem 0 0 0;
    }

    .landing-page__schuberfouer .schuberfouer-hero h1{
        font-size: 10rem;
        margin-bottom: 3rem;
        text-align: left;
    }
    .landing-page__schuberfouer .schuberfouer-hero{
        text-align: left;
    }

    .landing-page__schuberfouer .schuberfouer-hero h1 span{
        font-size: 14rem;
    }

    .landing-page__schuberfouer .schuberfouer-hero .txt{
        font-size: 3.2rem;
        text-align: left;
    }

    .landing-page__schuberfouer .schuberfouer-hero .txt .hello{
        font-size: 3rem;
    }

}

@media screen and (min-width: 1200px){


    .landing-page__edrive .francofolies-section::before{
        content: "";
        display: block;
        width: 25rem;
        height: 21.5rem;
        background: url(/wp-content/uploads/edrive-matelas-1-opti.webp) no-repeat center / contain;
        position: absolute;
        top: 40%;
        left: 5%;
    }

    .francofolies-section .deco{
        display: block;
        pointer-events: none;
    }


    .francofolies-section .deco__el{
        position: absolute;
        top: 50%;
        transform: translateY(-100%);
        width: 23.4rem;
        height: 22.9rem;
    }

    .francofolies-section .deco__el--left{
        left: 0;
    }

    .francofolies-section .deco__el--right{
        right: 0;
    }

    .upgrade-hero .col, .upgrade-form .col, .upgrade-step .col, .upgrade-comparaison .col{
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

    .francofolies-hero .col{
        flex-direction: row-reverse;
    }

    .upgrade-step .col{
        align-items: flex-start;
    }

    .upgrade-comparaison .col{
        align-items: stretch;
    }

    .upgrade-step .col__el--right{
        margin: 0 0 0 auto;
    }

    .upgrade-hero .col__el, .upgrade-step .col__el{
        width: 48%;
    }

    .upgrade-form .col__el, .upgrade-comparaison .col__el{
        width: 45%;
    }

    .upgrade-comparaison .divider{
        width: 1px;
        max-width: none;
        height: 33rem;
    }

    .upgrade-step .col__el--left{
        margin: 0;
    }

    .upgrade-form .col__el--left{
        margin-bottom: 0rem;
    }

    .landing-page__schuberfouer .francofolies-section{
        background: url('/wp-content/uploads/fouer-bkg-1-opti.webp') no-repeat center / 75%;
    }

    .landing-page__schuberfouer .bkg__fouer::before {
        background: url('/wp-content/uploads/fouer-bkg-2-opti.webp') no-repeat top center / 85%;
    }

}

@media screen and (min-width: 1500px){
    .landing-page__schuberfouer .francofolies-section{
        background: url('/wp-content/uploads/fouer-bkg-1-opti.webp') no-repeat center / 133rem;
    }
}

/*********************************************** Promo mai */

.promo-mai{
    background: #FFCC00;
    color: #0C1A51;
    border-radius: 1rem;
    overflow: hidden;
    max-width: 45rem;
    margin: 0 auto;
}

.promo-mai .promo-mai-content .wrapper{
    padding: 4rem 2.4rem;
    transform: rotate(-2deg);
}

.promo-mai .promo-mai-content .offer{
    font-size: 2.5rem;
    font-family: var(--font-title);
    line-height: 1.2;
    text-align: center;
}

.promo-mai .promo-mai-content .promo-mai-divider{
    display: block;
    width: 100%;
    border-top: 1.5px dashed var(--color-base-1);
    margin: 2.5rem 0;
}

.promo-mai .promo-mai-content .promo-mai-content__infos{
    font-size: 2rem;
    font-family: var(--font-title);
    line-height: 1.2;
    text-align: center;
}

.promo-mai .promo-mai-content .btn-container{
    margin-top: 3.5rem;
    margin-bottom: 0;
}

.promo-mai .promo-mai-content .btn-container a{
    width: 70%;
}

.promo-mai .promo-mai-content .promo-mai-price{
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 1rem 0;
}

.promo-mai .promo-mai-content .promo-mai-price__el{
    font-size: 11.6rem;
    font-family: var(--font-title);
    line-height: 1;
}

.promo-mai .promo-mai-content .promo-mai-price__month{
    display: flex;
    flex-direction: column;
}

.promo-mai .promo-mai-content .promo-mai-price__month .devise{
    font-size: 6.8rem;
    font-family: var(--font-title);
    line-height: 1;
}

.promo-mai .promo-mai-content .promo-mai-price__month .month{
    font-size: 2rem;
    font-family: var(--font-title);
    line-height: 1;
}

.promo-mai .promo-mai-visuel{
    position: relative;
}

.promo-mai .promo-mai-visuel::after{
    content: "";
    display: block;
    width: 100%;
    height: 10.5rem;
    background: url(/wp-content/uploads/promo-mai-deco.png) no-repeat center / cover;
    position: absolute;
    bottom: -3.5rem;
    right: 0;
    z-index: 4;
}

.promo-mai .promo-mai-visuel .promo-mai-visuel__el img.desktop{
    display: none;
}

.promo-mai-tv .btn-container .button__primary--invert{
    border: 1px solid #E93685;
    color: #E93685;
}


.promo-mai .promo-mai-content__countdown{
    margin-top: 2rem;    
}

.promo-mai .promo-mai-content__countdown .countdown{
    margin-top: 1rem;
}

.promo-mai .promo-mai-content__countdown .countdown .countdown__divider{
    background: rgba(11, 25, 80, 0.25);
}

.promo-mai .promo-mai-content__countdown p:not(.countdown) {
    font-family: var(--font-title-light);
    font-size: 1.6rem;
    margin-bottom: 1rem;
}

@media screen and (min-width: 1024px){

    .promo-mai{
        max-width: 100%;
        display: flex;
        justify-content: flex-start;
        align-items: stretch;
    }

    .promo-mai .promo-mai-visuel{
        width: 50%;
    }

    .promo-mai .promo-mai-visuel::after{
        width: 15rem;
        height: 100%;
        background: url(/wp-content/uploads/promo-mai-deco-desktop.png) no-repeat center / cover;
        position: absolute;
        bottom: 0;
        right: -5rem;
    }

    .promo-mai .promo-mai-content{
        width: 50%;
        display: flex;
    }

    .promo-mai .promo-mai-content .wrapper{
        margin: auto;
    }

    .promo-mai .promo-mai-visuel .promo-mai-visuel__el img.mobile{
        display: none;
    }

    .promo-mai .promo-mai-visuel .promo-mai-visuel__el img.desktop{
        display: block;
    }

    .promo-mai .promo-mai-visuel .promo-mai-visuel__el img{
        height: inherit;
        width: inherit;
        max-width: none;
    }

    .promo-mai-tv .btn-container{
        flex-direction: column;
    }

    .promo-mai-tv .btn-container .button__primary{
        margin-bottom: 2rem;
    }

    .promo-mai .promo-mai-content__countdown p:not(.countdown) {
        font-size: 2.4rem;
    }

}

@media screen and (min-width: 1280px){

    .promo-mai .promo-mai-content .offer{
        font-size: 3.4rem;
    }

    

    .promo-mai .promo-mai-content .promo-mai-divider{
        margin: 3.5rem 0;
    }

    .promo-mai .promo-mai-content .promo-mai-content__infos{
        font-size: 4.2rem;
    }

    .promo-mai .promo-mai-content .promo-mai-price__el{
        font-size: 15.6rem;
    }

    .promo-mai .promo-mai-content .promo-mai-price__month .devise{
        font-size: 9.2rem;
    }
    
    .promo-mai .promo-mai-content .promo-mai-price__month .month{
        font-size: 2.7rem;
    }

    .promo-mai-tv .btn-container{
        flex-direction: row;
    }

    .promo-mai-tv .btn-container .button{
        font-size: 1.8rem;
    }

    .promo-mai-tv .btn-container .button__primary{
        margin-bottom: 0;
        margin-right: 1.5rem;
    }


}

/**************************************** LP Moselle */

    .lp-moselle header,
    .lp-moselle nav{
        display: none;
    }

    .lp-moselle .hero__services--internet{
        padding-top: 0;
    }

    .lp-moselle .hero__services--internet::before{
        display: none;
    }

    .moselle__header{
        position: absolute;
        top: 4rem;
        left: 0;
        z-index: 100;
        width: 100%;
    }

    .moselle__header a{
        display: block;
        width: 10.5rem;
        margin: 0 auto;
    }

    .hero__moselle{
        background: url('/wp-content/uploads/moselle-hero-banner-opti.webp') no-repeat center top / cover;
        height: 42vh;
        max-height: 50.8rem;
        display: flex;
        align-items: flex-end;
        justify-content: center;
    }

    .hero__moselle h1{
        margin: 0;
        color: var(--color-base-1);
        font-family: var(--font-title);
        line-height: 0.8;
        font-size: 9rem;
        transform: rotate(-2deg);
        padding-bottom: 4rem;
    }

    .hero__moselle h1 span{
        display: block;
        font-size: 4.5rem;
        color: #67CEF5;
        text-transform: uppercase;
    }

    .moselle-offer{
        background: #FFCC00;
        text-align: center;
    }

    .moselle-offer{
        position: relative;
        padding: 1rem 0;
    }

    .moselle-offer::after, .moselle-offer::before{
        content: "";
        display: block;
        width: 100%;
        height: 7rem;
        position: absolute;
        left: 0;
        background: url('/wp-content/uploads/moselle-deco-opti.webp') no-repeat center top / cover;
    }

    .moselle-offer::before{
        top: -7rem;
    }

    .moselle-offer::after{
        bottom: -7rem;
        transform: rotate(-180deg);
    }

    .moselle-offer .col .col__el--right{
        display: none;
        max-width: 50rem;
    }

    .moselle-offer p.big{
        font-family: var(--font-title);
        font-size: 2rem;
        line-height: 1.2;
        margin-bottom: 1.2rem;
    }

    .moselle-offer p.small{
        font-family: var(--font-title-light);
        font-size: 1.8rem;
        line-height: 1.2;
        margin-bottom: 3rem;
    }

    .moselle-offer .offer{
        border-radius: 6px;
        border: 2px solid #E93685;
        margin-bottom: 3rem;
    }

    .moselle-offer .offer .wrapper{
        padding: 2.5rem 3.5rem;
    }

    .moselle-offer .offer__top p{
        font-family: var(--font-title);
        font-size: 2rem;
        line-height: 1.2;
        margin-bottom: 1.5rem;
    }

    .moselle-offer .offer__top p span{
        display: block;
        color: #E93685;
    }

    .moselle-offer .offer__divider{
        margin: 1.7rem auto;
        width: 100%;
        
        display: block;
        height: 1px;
        background: rgba(11, 25, 80, 0.25);
    }

    .moselle-offer .offer__bottom p:not(.countdown){
        font-family: var(--font-title-light);
        font-size: 1.6rem;
        margin-bottom: 1rem; 
    }

    .moselle-offer .offer__bottom .countdown .countdown__numb{
        font-family: var(--font-title);
    }

    .moselle-offer .offer__bottom .countdown .countdown__text{
        font-family: var(--font-title-light);
    }

    .moselle-offer .offer__bottom .countdown .countdown__divider{
        background: rgba(11, 25, 80, 0.25);
    }

    .moselle-offer .btn-container{
        margin: 0;
        display: flex;
        flex-direction: column;
    }

    .moselle-offer .btn-container .button__primary{
        width: 100%;
        max-width: 35.5rem;
        margin: 0 auto 2rem auto;
    }

    .moselle-offer .btn-container .button__primary:last-child{
        margin-bottom: 0;
    }

    .moselle-offer .btn-container .button__primary--invert{
        border: 1.5px solid #0B1950;
        color: #0B1950;
        background: transparent;
    }

    @media screen and (min-width: 800px){

        .moselle-offer::after, .moselle-offer::before{
            height: 10rem;
        }

        .moselle-offer::before{
            top: -10rem;
        }
    
        .moselle-offer::after{
            bottom: -10rem;
        }
    }

    @media screen and (min-width: 1024px){


        .moselle__header{
            top: 5rem;
        }
    
        .moselle__header a{
            width: 15rem;
            margin: 0;
        }

        .page-service__moselle{
            overflow: hidden;
        }

        .hero__moselle{
            background: url('/wp-content/uploads/moselle-hero-banner-desktop-opti-scaled.webp') no-repeat right top / cover;
            min-height: 50.5rem;
        }

        .hero__moselle h1{
            font-size: 17.5rem;
            padding-bottom: 7rem;
        }

        .hero__moselle h1 span{
            font-size: 8.5rem;
        }

        .moselle-offer{
            transform: translateY(-3rem) translateX(-2rem) rotate(-2deg);
            width: 102%;
        }

        .moselle-offer .col{
            display: flex;
            justify-content: space-between;
            align-items: center;
        }

        .moselle-offer .col .col__el{
            width: 48%;
        }

        .moselle-offer .col .col__el--left{
            max-width: 57rem;
        }

        .moselle-offer .col .col__el--left .offer{
            display: none;
            
        }

        .moselle-offer .col .col__el--right .offer{
            margin-bottom: 0;
        }

        .moselle-offer .col .col__el--right{
            display: block;
        }

        .moselle-offer p.big{
            font-size: 2.9rem;
            margin-bottom: 2rem;
        }
    
        .moselle-offer p.small{
            font-size: 2.6rem;
        }

        .moselle-offer .offer .wrapper{
            padding: 4rem 5rem;
        }

        .moselle-offer .offer__top p{
            font-size: 2.7rem;
        }

        .moselle-offer .offer__divider{
            margin: 2.5rem 0;
        }

        .moselle-offer .offer__bottom p:not(.countdown){
            font-size: 2.4rem;
        }

        .moselle-offer{
            padding: 1.5rem 0;
        }

        .moselle-offer::after, .moselle-offer::before{
            height: 16rem;
        }

        .moselle-offer::before{
            top: -15rem;
        }
    
        .moselle-offer::after{
            bottom: -15rem;
        }

    }


    @media screen and (min-width: 1024px){

        .hero__moselle h1{
            font-size: 21.5rem;
        }

        .hero__moselle h1 span{
            font-size: 10.5rem;
        }
    }

    @media screen and (min-width: 1440px){

        .moselle-offer{
            padding: 3rem 0;
        }

    }

/********************************************** Page services */

    .page-template-page-services header{
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        z-index: 100;
    }

    .page-template-page-services header .menu-ham .menu-ham__el, .page-template-page-services .page__section--contact{
        background: var(--color-white);
    }

    .page-service{
        background: #0B1950;
        padding-top: 15rem;
    }

    .page__content{
        background: #fff;
    } 

    .page-service .hero__services--internet{
        background: linear-gradient(0deg, rgba(0, 0, 0, 0.04) 0%, rgba(0, 0, 0, 0.04) 100%), #E3025A;
    }

    .page-service .hero__services--mobile{
        background: #3571B3;
    }

    .page-service .hero__services--tv {
        background: #F2CB13;
    }


    .btn-fixed{
        position: fixed;
        width: 100%;
        max-width: 35rem;
        bottom: -120%;
        left: 50%;
        transform: translateX(-50%);
        border-radius: 44px 44px 0px 0px;
        background: rgba(11, 25, 80, 0.80);
        box-shadow: 0px -3px 21px 0px rgba(0, 0, 0, 0.25);
        backdrop-filter: blur(9px);
        z-index: 9997;
        animation: btn-fixed 1s 1s ease forwards;
    }

    .btn-fixed .btn-fixed__wrapper{
        padding: 1.5rem 0;
        line-height: 1;
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 1rem;
    }

    .btn-fixed .button__desktop{
        display: none;
    }

    .btn-fixed a{
        font-size: 1.6rem;
        padding: 1.8rem 2rem;
    }

    .btn-fixed a.button__primary{
        background: #E3025A;
    }

    .btn-fixed a.button__primary--white{
        background: #fff;
    }

    .btn-fixed a.button__primary--white span{
        color: #E3025A;
    }

    .btn-fixed a.button__primary--white:hover{
        color: #E3025A;
    }

    @keyframes btn-fixed{
        to{
            bottom: 0;
        }
    }


    @media screen and (min-width: 1024px) {

        .page-template-page-services header .menu__desktop .menu-item a {
            color: var(--color-white);
        }
    
        .page-template-page-services header .menu__desktop .menu-item a:hover,
        .page-template-page-services header .menu__desktop .current-menu-item a  {
            color: var(--color-base-2);
        }

        .page-service{
            padding-top: 18rem;
        }

        .btn-fixed{
            max-width: 62.2rem;
        }

        .home .btn-fixed{
            max-width: 32.2rem;
        }


        .btn-fixed .button__desktop{
            display: inline-block;
        }

        .btn-fixed .button__mobile{
            display: none;
        }
    
    
        .btn-fixed .btn-fixed__wrapper{
            padding: 1.4rem 0;
            gap: 1.3rem;
        }
    
        .btn-fixed a{
            font-size: 1.8rem;
            padding: 2.4rem 0;
            width: 48%;
            max-width: 28.6rem;
            text-align: center;
        }

        .home .btn-fixed a{
            width: 100%;
        }
    
    }

    /***************************** Page service hero */

    .page-service .hero{
        padding: 0;
        border-radius: 1rem;
        position: relative;
        max-width: 50rem;
        margin: 0 auto 5rem auto;
    }

    .page-service .hero__titre{
        
        position: relative;
    }

    .page-service .hero__titre .wrapper{
        padding: 3rem 2rem 2.6rem 2rem;
        width: 78%;
        max-width: 75rem;
    }

    .page-service__internet .hero__titre::after{
        content: "";
        display: block;
        width: 126px;
        height: 178px;
        position: absolute;
        bottom: 0;
        right: 0;
        background: url(/wp-content/uploads/personnage-internet-hero-opti.webp) no-repeat center / contain;
    }

    .page-service__tv .hero__titre::after{
        content: "";
        display: block;
        width: 126px;
        height: 178px;
        position: absolute;
        bottom: 0;
        right: 0;
        background: url(/wp-content/uploads/personnage-tv-hero-opti.webp) no-repeat center / contain;
    }

    .page-service__mobile .hero__titre::after{
        content: "";
        display: block;
        width: 126px;
        height: 155px;
        position: absolute;
        bottom: 0;
        right: 0;
        background: url(/wp-content/uploads/personnage-mobile-hero-opti.webp) no-repeat center / contain;
    }

    .page-service .hero__titre h1{
        color: #FFF;
        text-align: center;
        font-family: var(--font-title);
        line-height: 0.75;
    }

    .page-service .hero__services--tv .hero__titre h1 {
        color: #0B1950;
    }

    .page-service .hero__titre h1 span.giga{
        display: block;
        font-size: 5.8rem;
    }

    .page-service .hero__titre h1 span.malin{
        display: block;
        font-size: 4.4rem;
    }

    html:lang(en-US) .page-service .hero__titre h1 span.malin{
        font-size: 3.6rem;
    }

    .page-service .hero__titre h1 span.service{
        color: #F2CB13;
        font-size: 2.4rem;
        text-transform: uppercase;
    }

    .page-service .hero__services--tv .hero__titre h1 span.service,
    .page-service .hero__services--mobile .hero__titre h1 span.service{
        font-size: 1.1rem;
    }

    .page-service .hero__services--tv .hero__titre h1 span.service{
        color: #E3025A;
    }
    
    .page-service .hero__titre p{
        font-size: 1.6rem;
        font-family: var(--font-title-light);
        color: #fff;
        margin-top: 1rem;
        text-align: center;
    }

    .page-service .hero__services--tv .hero__titre p {
        color: #0B1950;
    }

    .page-service .hero__services--tv .hero__titre p,
    .page-service .hero__services--mobile .hero__titre p{
        font-size: 1.2rem;
    }

    .page-service .hero .hero__price, .page-service .hero .hero__btn{
        background: rgba(0, 0, 0, 0.10);
        padding: 0 5rem;
    }

    .page-service .hero .hero__price{
        padding-top: 3rem;
        padding-bottom: 4rem;
    }

    .page-service .hero .hero__btn{
        padding-bottom: 3rem;
        text-align: center;
    }

    .page-service .hero .hero__price .price__el{
        color: #F2CB13;
        font-size: 8.5rem;
        font-family: var(--font-title);
        line-height: 0.8;
        margin-right: 0.5rem;
    }

    .page-service .hero__services--tv .hero__price .price__el{
        color: #0B1950;
    }

    .page-service .hero .hero__price .price__promo{
        color: #fff;
        font-size: 3.8rem;
        font-family: var(--font-title);
        line-height: 0.8;
        position: relative;
    }

    .page-service .hero__services--tv .hero__price .price__promo{
        color: #0B1950;
    }

    .page-service .hero .hero__price .price__promo::after{
        content: "";
        display: block;
        width: 90%;
        height: 2px;
        background: #0B1950;
        position: absolute;
        top: 50%;
        left: 0;
        transform: translateY(-50%) rotate(-20deg);
    }

    .page-service .hero__services--tv .hero__price .price__promo::after{
        background: #E3025A;
    }

    .page-service .hero .hero__price .price__info{
        text-align: center;
    }

    .page-service .hero .hero__price .price__promo span{
        font-family: var(--font-title-light);
        font-size: 2.4rem;
    }

    .page-service .hero .hero__price .price__device{
        color: #F2CB13;
        font-size: 3.3rem;
        font-family: var(--font-title);
        line-height: 0.8;
        display: block;
    }

    .page-service .hero__services--tv .hero__price .price__device{
        color: #0B1950;
    }

    .page-service .hero .hero__price .price__device span{
        font-family: var(--font-title-light);
        font-size: 2.5rem;
        
    }

    .page-service .hero .hero__price .price p{
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .page-service .hero .hero__price .divider{
        width: 4rem;
        height: 1px;
        background: rgba(255, 255, 255, 0.50);
        margin: 1.5rem auto;
    }

    .page-service .hero__services--tv .hero__price .divider{
        background :rgba(11, 25, 80, 0.50);
    }

    .page-service .hero .hero__price .price__args{
        text-align: center;
        color: #fff;
        font-size: 1.6rem;
        font-family: var(--font-title);
    }

    .page-service .hero__services--tv .hero__price .price__args{
        color: #0B1950;
    }

    .page-service .hero .hero__btn a.button__primary{
        width: 100%;
        padding: 2.4rem 0;
        background: #fff;
        color: #E3025A;
        border: 1px solid #fff;
    }

    .page-service .hero .hero__btn a.button__primary--invert{
        color: #fff;
        background: transparent;
        border: 1px solid #fff;
    }

    .page-service .hero__services--tv .hero__btn a.button__primary--invert{
        color: #0B1950;
        border: 1px solid #0B1950;
    }

    .page-service .hero .hero__btn a.button__ternary{
        color: #fff;
        margin-top: 1.5rem;
    }

    .page-service .hero .hero__btn a.button__ternary::after{
        background: #fff;
    }

    .page-service .hero__services--tv .hero__btn a.button__ternary{
        color: #0B1950;
    }

    .page-service .hero__services--tv .hero__btn a.button__ternary::after{
        background: #0B1950;
    }

    .page-service .hero .hero__limited{
        display: none;
    }

    @media screen and (min-width: 390px){

        .page-service .hero__titre h1 span.service{
            font-size: 3rem;
        }

        .page-service .hero__titre h1 span.giga{
            font-size: 7rem;
        }

        .page-service .hero__titre h1 span.malin {
            font-size: 5.5rem;
        }

        .page-service .hero__services--tv .hero__titre h1 span.service, .page-service .hero__services--mobile .hero__titre h1 span.service{
            font-size: 1.5rem;
        }

    }

    @media screen and (min-width: 1024px) {

        .hero__container{
            position: relative;
            padding-top: 7rem;
        }

        .hero__container .container{
            position: relative;
            z-index: 5;
        }
        
        .page-service .hero{
            max-width: 100%;
            margin: 0 auto 5rem auto;
        }

        .page-service .hero .hero__content{
            padding: 0 5rem;
        }

        .page-service .hero__titre .wrapper{
            padding: 5rem 0 0 0;
            width: 65%;
            margin: 0 auto 0 0;
        }

        .page-service .hero__titre::after{
            width: 31rem;
            height: 43rem;
            bottom: -3.5rem;
        }

        .page-service__mobile .hero__titre::after{
            height: 38rem;
        }
    
        .page-service .hero__titre h1 span.giga{
            font-size: 15rem;
        }
    
        .page-service .hero__titre h1 span.malin{
            font-size: 11.8rem;
        }

        html:lang(en-US) .page-service .hero__titre h1 span.malin{
            font-size: 10.8rem;
        }
    
        .page-service .hero__titre h1 span.service{
            font-size: 4.7rem;
        }

        .page-service .hero__services--tv .hero__titre h1 span.service,
        .page-service .hero__services--mobile .hero__titre h1 span.service{
            font-size: 3rem;
        }
        
        .page-service .hero__titre p{
            font-size: 2.4rem;
        }

        .page-service .hero__services--tv .hero__titre p,
        .page-service .hero__services--mobile .hero__titre p{
            font-size: 2rem;
        }

        .page-service .hero .hero__price{
            display: flex;
            justify-content: space-between;
            align-items: center;
        }

        .page-service .hero .hero__price, .page-service .hero .hero__btn{
            background: transparent;
        }

        .page-service .hero .hero__price{
            padding: 2.2rem 3rem;
            margin: 3.5rem 0;
            border-radius: 17px;
            border: 1.5px solid rgba(255, 255, 255, 0.50);
        }

        .page-service .hero__services--tv .hero__price{
            border: 1.5px solid rgba(11, 25, 80, 0.50);
        }

        .page-service .hero .hero__price .divider{
            min-width: 1px;
            width: 1px;
            height: 4rem;
            margin: 0 2.5rem;
        }

        

        .page-service .hero .hero__price .price__args{
            font-size: 1.9rem;
        }

        .page-service .hero .hero__price .price__el{
            font-size: 10rem;
        }
    
        .page-service .hero .hero__price .price__promo{
            font-size: 4.6rem;
        }
    
        .page-service .hero .hero__price .price__promo span{
            font-size: 3rem;
        }
    
        .page-service .hero .hero__price .price__device{
            font-size: 4rem;
        }
    
        .page-service .hero .hero__price .price__device span{
            font-size: 3rem;
        }

        .page-service .hero .hero__btn{
            padding: 0 0 5rem 0;
        }

        .page-service .hero .hero__btn{
            display: flex;
            flex-wrap: wrap;
            align-items: center;
            justify-content: center;
            gap: 1%;
        }

        .page-service .hero .hero__btn__el{
            width: 48%;
            line-height: 1;
        }

    }

    @media screen and (min-width: 1280px){
 
        .page-service .hero .hero__limited{
            display: block;
            position: absolute;
            top: 0;
            right: 0;
            max-width: 26.5rem;
            overflow: hidden;
            height: 100%;
        }

        html:lang(en-US) .page-service .hero__titre h1 span.malin{
            font-size: 9.5rem;
        }

        .page-service__internet .hero::after{
            content: "";
            display: block;
            width: 52rem;
            height: 73rem;
            background: url(/wp-content/uploads/personnage-internet-hero-opti.webp) no-repeat center / contain;
            position: absolute;
            bottom: 0;
            right: 0;
        }

        .page-service__tv .hero::after{
            content: "";
            display: block;
            width: 52rem;
            height: 75rem;
            background: url(/wp-content/uploads/personnage-tv-hero-opti.webp) no-repeat center / contain;
            position: absolute;
            bottom: 0;
            right: 0;
        }

        .page-service__mobile .hero::after{
            content: "";
            display: block;
            width: 50.7rem;
            height: 61.3rem;
            background: url(/wp-content/uploads/personnage-mobile-hero-opti.webp) no-repeat center / contain;
            position: absolute;
            bottom: 0;
            right: 0;
        }

        .page-service .hero .hero__content{
            max-width: 75.5rem;
        }

        .page-service .hero__titre .wrapper{
            margin: 0 auto;
            max-width: 48rem;
            width: 100%;
        }

        .page-service .hero__titre::after{
            display: none;
        }

        .page-service .hero .hero__limited p{
            text-align: center;
            -webkit-text-stroke: 1px #fff;
            text-stroke: 1px #fff;
            color: transparent;
            font-family: var(--font-title);
            font-size: 5.4rem;
            line-height: 0.85;
            text-transform: uppercase;
            opacity: 0.5;
            margin-bottom: 0.75rem;
        }

        .page-service .hero__services--tv .hero__limited p{
            -webkit-text-stroke: 1px #0B1950;
            text-stroke: 1px #0B1950;
        }

        .page-service .hero .hero__limited p:last-child{
            margin-bottom: 0;
        }

        .page-service .hero .hero__limited p.plain{
            color: #fff;
            opacity: 1;
        }

        .page-service .hero__services--tv .hero__limited p.plain{
            color: #0B1950;
        }
    }

    @media screen and (min-width: 1440px){
        .page-service__internet .hero::after{
            right: 10rem;
        }

        .page-service__tv .hero::after{
            right: 10rem;
        }

        .page-service__mobile .hero::after{
            width: 60.7rem;
            height: 74.3rem;
        }
    }

/********************************* Homepage hero */

.home .hero{
    padding-top: 16.4rem;
}

.home .hero__titre{
    max-width: 55rem;
    margin: 0 auto;
    padding-bottom: 7rem;
    position: relative;
}

.home .hero__titre::after{
    content: "";
    display: block;
    width: 13rem;
    height: 17rem;
    background: url(/wp-content/uploads/personnage-titre-hero-opti.webp) no-repeat center / cover;
    position: absolute;
    right: 0;
    bottom: 0;
}


.home .hero__titre h1{
    color: #F2CB13;
    font-size: 2.4rem;
    line-height: 0.8;
    font-family: var(--font-title);
    margin-bottom: 2rem;
    max-width: 53rem;
}

.hero__titre--content{
    max-width: 66.5rem;
    text-align: center;
}

.home .hero__titre h1 span{
    color: #fff;
    display: block;
}

.home .hero__titre h1 span.giga{
    font-size: 9.1rem;
}

.home .hero__titre h1 span.malin{
    font-size: 5.8rem;
}

html:lang(en-US) .home .hero__titre h1 span.malin{
    font-size: 5.6rem;
}

.home .hero__titre p{
    color: #F2CB13;
    font-size: 1.8rem;
    line-height: 1.2;
    width: 61%;
    text-align: left;
}

.hero-service{
    max-width: 55rem;
    margin: 0 auto;
}

.hero-service__el{
    border-radius: 20px;
    background: #FFF;
    overflow: hidden;
    width: 100%;
}

.hero-service__wrapper{
    padding: 4rem 1.3rem;
}

.hero-service-grid{
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    grid-gap: 2rem;
    justify-items: center;
}

.hero-service-grid__item {
    grid-column: span 1;
    grid-row: span 1;
}

.hero-service__titre p{
    font-size: 4.2rem;
    font-family: var(--font-title);
    line-height: 1;
    text-align: center;
    margin-bottom: 3.5rem;
}

.hero-service__titre p span{
    color: #E3025A;
}

.hero-service__titre p span::before{
    content: "";
    display: block;
    width: 2rem;
    height: 2rem;
    background: url('/wp-content/uploads/titre-plus.svg') no-repeat center / cover;
    margin: 0.2rem auto;
}

.hero-service__price .price__el{
    font-size: 7rem;
    font-family: var(--font-title);
    line-height: 0.8;
    margin-right: 0.5rem;
    color: #0B1950;
}

.hero-service__price .price__promo{
    color: #0B1950;
    font-size: 3rem;
    font-family: var(--font-title);
    line-height: 0.8;
    position: relative;
}

.hero-service__price .price__promo::after{
    content: "";
    display: block;
    width: 90%;
    height: 2px;
    background: #E3025A;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%) rotate(-20deg);
}

.hero-service__price .price__info{
    text-align: center;
}

.hero-service__price .price__promo span{
    font-family: var(--font-title-light);
    font-size: 1.6rem;
}

.hero-service__price .price__device{
    color: #0B1950;
    font-size: 2.8rem;
    font-family: var(--font-title);
    line-height: 0.8;
    display: block;
}

.hero-service__price .price__device span{
    font-family: var(--font-title-light);
    font-size: 2rem;
    
}

.hero-service__price p{
    display: flex;
    justify-content: center;
    align-items: center;
}

.hero-service__price .only{
    font-size: 2.2rem;
    font-family: var(--font-title-light);
    line-height: 1;
    margin-bottom: 1rem;
}

.hero-service__price .commitment{
    font-size: 2rem;
    font-family: var(--font-title);
    text-align: center;
    line-height: 1;
    margin-top: 2rem;
}

.hero-service__btn{
    text-align: center;
    margin-top: 3.5rem;
}

.hero-service__btn a{
    width: 100%;
    max-width: 32.5rem;
}

.hero-service__btn a.button__primary{
    background: #E3025A;
}

.hero-service__btn a.button__ternary{
    color: #E3025A;
    width: auto;
}

.hero-service__btn a.button__ternary::after{
    background: #E3025A;
}

.hero-service .content__desktop{
    display: none;
}

.hero-service__divider{
    width: 100%;
    height: 1px;
    background: rgba(227, 2, 90, 0.50);
    margin: 3.5rem 0;
}

.hero-service__specs .specs{
    width: 85%;
    margin: 0 auto;
}

.hero-service__specs .specs__el{
    margin-bottom: 3rem;
    display: flex;
    align-items: center;
    gap: 2.5rem;
}

.hero-service__specs .specs__el img{
    min-width: 3rem;
}

.hero-service__specs .specs__el p{
    font-size: 2rem;
    line-height: 1.2;
}

.hero-service__specs .specs__el:last-child{
    margin-bottom: 0;
}

.hero-service__el--main{
    background: #E3025A;
}

.hero-service__el--main .hero-service__titre p{
    color: #F2CB13;
}

.hero-service__el--main .hero-service__titre p span{
    font-family: var(--font-title-light);
    font-size: 2.8rem;
    display: block;
}

.hero-service__el--main .hero-service__titre p span,
.hero-service__el--main .hero-service__price .price__promo{
    color: #fff;
}

.allservice__el--main .all-service__titre p span::before{
    display: none;
}

.hero-service__el--main .hero-service__price .price__el,
.hero-service__el--main .hero-service__price .price__device{
    color: #F2CB13;
}

.hero-service__el--main .hero-service__price .price__promo::after{
    background:#0B1950;
}

.hero-service__el--main .hero-service__btn a.button__primary{
    background: #fff;
    color: #E3025A;
}

.hero-service__el--main .hero-service__btn a.button__ternary{
    color: #fff;
}

.hero-service__el--main .hero-service__btn a.button__ternary::after{
    background: #fff;
}

.hero-service__el--main .hero-service__price .only,
.hero-service__el--main .hero-service__price .commitment,
.hero-service__el--main .hero-service__specs .specs__el p{
    color: #fff;
}

.hero-service__el--main .hero-service__top{
    padding: 5rem 2rem;
}

.hero-service__el--main .hero-service__bottom{
    background: #C1024D;
    padding: 4rem 3.3rem;
}

.hero-service__el--main .hero-service__titre p span::before{
    display: none;
}

@media screen and (min-width: 390px){

    .home .hero__titre h1{
        font-size: 2.9rem;
    }

    .home .hero__titre h1 span.giga{
        font-size: 11.2rem;
    }

    .home .hero__titre h1 span.malin{
        font-size: 7rem;
    }

    html:lang(en-US) .home .hero__titre h1 span.malin{
        font-size: 6.9rem;
    }
}

@media screen and (min-width: 1024px){

    .home .hero__titre{
        max-width: 105.2rem;
        overflow: hidden;
        padding-top: 4rem;
    }

    .home .hero__titre::after{
        width: 24rem;
        height: 34.6rem;
        right: 0;
        bottom: 0;
    }
    
    .home .hero{
        padding-top: 15.7rem;
    }

    .home .hero__titre{
        padding-bottom: 6rem;
    }

    .home .hero__titre h1{
        font-size: 4.6rem;
        margin-bottom: 2rem;
        text-align: center;
        margin: 0 auto 2rem auto;
    }

    .home .hero__titre h1 span.giga{
        font-size: 17rem;
    }

    .home .hero__titre h1 span.malin{
        font-size: 11.3rem;
    }

    html:lang(en-US) .home .hero__titre h1 span.malin{
        font-size: 10.9rem;
    }

    .home .hero__titre p{
        font-size: 3.2rem;
        width: 100%;
        text-align: center;
    }

    .hero-service .content__desktop{
        display: block;
    }

    .hero-service .content__mobile{
        display: none;
    }


    .hero-service__wrapper{
        padding: 4.2rem 4rem;
    }

    .hero-service__price .price__el{
        font-size: 8.6rem;
        margin-right: 1rem;
    }

    .hero-service__price .price__promo{
        font-size: 4rem;
    }

    .hero-service__price .price__promo span{
        font-size: 2rem;
    }

    .hero-service__price .price__device{
        font-size: 3.4rem;
    }

    .hero-service__price .price__device span{
        font-size: 2.5rem;
        
    }

    .hero-service__price .only{
        font-size: 1.8rem;
        text-align: left;
    }

    .hero-service{
        max-width: 100%;
        margin: 0;
    }
   
    .hero-service-grid {
        grid-template-columns: repeat(6, 1fr);
    }

    .hero-service-grid__item {
        grid-column: span 3;
        grid-row: span 1;
    }

    .hero-service-grid__item--large{
        grid-column: span 6;
        grid-row: span 1;
    }

    .hero-service__el--main .hero-service__specs .specs{
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 4rem;
    }

    .hero-service__el--main .hero-service__specs .specs__el{
        margin-bottom: 0;
    }

    .hero-service__el--main .hero-service__top .wrapper{
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 4rem;
    }

    .hero-service__el--main .hero-service__titre p {
        margin-bottom: 0;
        font-size: 5rem;
    }


}

@media screen and (min-width: 1280px){

    .home .hero__titre::after{
        width: 38rem;
        height: 51.6rem;
        right: 0;
        bottom: -9rem;
    }

    .hero-service{
        max-width: 100%;
        margin: 0;
    }

    .hero-service-grid{
        grid-template-columns: repeat(3, 1fr);
    }

    .hero-service-grid__item {
        grid-column: span 2;
        grid-row: span 1;
    }

    .hero-service-grid__item--large{
        grid-column: span 1;
        grid-row: span 2;
    }
    
    
    .hero-service__wrapper{
        padding: 4.7rem 6rem;
    }

    .hero-service__titre{
        width: 45%;
        max-width: 26rem;
    }

    .hero-service__top, .hero-service__bottom{
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

    .hero-service__el--main .hero-service__specs .specs{
        flex-direction: column;
    }

    .hero-service__specs{
        max-width: 25.5rem;
        width: 45%;
    }

    .hero-service__specs .specs{
        width: 100%;
    }

    .hero-service__titre p {
        margin-bottom: 0;
    }

    .hero-service__price{
        max-width: 25rem;
        width: 40%;
    }

    .hero-service__divider{
        margin: 5rem 0;
    }

    .hero-service__btn{
        max-width: 32.3rem;
        width: 50%;
        margin-top: 0;
    }
    
    .hero-service__el--main .hero-service__top,
    .hero-service__el--main .hero-service__bottom{
        display: block;
    }

    .hero-service__el--main .hero-service__titre p {
        margin-bottom: 3.5rem;
    }


    .hero-service__el--main .hero-service__btn{
        margin-top: 3.5rem;
    }

    .hero-service__el--main .hero-service__price p{
        justify-content: center;
    }

    .hero-service__el--main .hero-service__price,
    .hero-service__el--main .hero-service__titre,
    .hero-service__el--main .hero-service__specs,
    .hero-service__el--main .hero-service__btn{
        max-width: 100%;
        width: 100%;
    }

    .hero-service__el--main .hero-service__top,
    .hero-service__el--main .hero-service__bottom{
        min-height: 50%;
        display: flex;
        padding-left: 1rem;
        padding-right: 1rem;
    }

    .hero-service__el--main .hero-service__top .wrapper,
    .hero-service__el--main .hero-service__bottom .wrapper{
        margin: auto;
        gap: 0;
    }

    .hero-service__el--main .hero-service__top .wrapper{
        flex-direction: column;
    }

    .hero-service__el--main .hero-service__titre p span{
        font-size: 4rem;
    }

    .hero-service__el--main .hero-service__price .only{
        font-size: 2.4rem;
    }

    .hero-service__el--main .hero-service__price .price__el{
        font-size: 10.5rem;
    }

    .hero-service__el--main .hero-service__price .price__promo{
        font-size: 4.8rem;
    }

    .hero-service__el--main .hero-service__price .price__promo span{
        font-size: 2.6rem;
    }

    .hero-service__el--main .hero-service__price .price__device{
        font-size: 4.2rem;
    }

    .hero-service__el--main .hero-service__price .price__device span{
        font-size: 3.1rem;
    }

    .hero-service__el--main .hero-service__specs .specs__el p{
        font-size: 2.4rem;
    }


}

/****************************** Section All service */

    .all-service{
        padding: 10rem 0;
        position: relative;
        overflow: hidden;
        background: #0B1950;
    }

    .all-service .container{
        position: relative;
        z-index: 5;
    }

    .all-service::after{
        content: "";
        display: block;
        width: 160vw;
        height: 15rem;
        border-radius: 63rem;
        background: #2A69AC;
        filter: blur(68px);
        position: absolute;
        left: 0;
        bottom: 0;
        transform: translateY(50%);
    }

    .all-service-grid{
        display: grid;
        grid-template-columns: repeat(1, 1fr);
        grid-gap: 2rem;
        justify-items: center;
    }

    .all-service-grid__item {
        grid-column: span 1;
        grid-row: span 1;
    }

    .all-service__el{
        border-radius: 2rem;
        background: #FFF;
        width: 100%;
        text-align: center;
    }

    .all-service__wrapper{
        padding: 3.5rem 1.3rem;
    }

    .all-service__titre p{
        font-size: 4.2rem;
        font-family: var(--font-title);
        line-height: 1;
    }

    .all-service__titre p span{
        color: #E3025A;
    }

    .all-service__titre p span::before{
        content: "";
        display: block;
        width: 2rem;
        height: 2rem;
        background: url('/wp-content/uploads/titre-plus.svg') no-repeat center / cover;
        margin: 1rem auto;
    }

    .all-service__price{
        margin: 3.5rem 0;
    }

    .all-service__price .price__el{
        font-size: 7rem;
        font-family: var(--font-title);
        line-height: 0.8;
        margin-right: 0.5rem;
        color: #0B1950;
    }

    .all-service__price .price__promo{
        color: #0B1950;
        font-size: 3rem;
        font-family: var(--font-title);
        line-height: 0.8;
        position: relative;
    }

    .all-service__price .price__promo::after{
        content: "";
        display: block;
        width: 90%;
        height: 2px;
        background: #E3025A;
        position: absolute;
        top: 50%;
        left: 0;
        transform: translateY(-50%) rotate(-20deg);
    }

    .all-service__price .price__info{
        text-align: center;
    }

    .all-service__price .price__promo span{
        font-family: var(--font-title-light);
        font-size: 1.6rem;
    }

    .all-service__price .price__device{
        color: #0B1950;
        font-size: 2.8rem;
        font-family: var(--font-title);
        line-height: 0.8;
        display: block;
    }


    .all-service__price .price__device span{
        font-family: var(--font-title-light);
        font-size: 2rem;
        
    }

    .all-service__price p{
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .all-service__btn a{
        width: 100%;
        max-width: 32.5rem;
    }

    .all-service__btn a.button__primary{
        background: #E3025A;
    }

    .all-service__btn a.button__primary--invert{
        color: #E3025A;
        border: 1px solid #E3025A;
        background: transparent;
    }

    .all-service__landline {
        margin-top: 2rem;
    }

    .all-service__landline p{
        color: #fff;
        font-family: var(--font-title-light);
        font-size: 2rem;
        line-height: 1.3;
        text-align: center;
        max-width: 62rem;
    }

    .all-service__landline p.titre{
        font-family: var(--font-title);
        line-height: 1;
        max-width: 100%;
        margin-bottom: 2.5rem;
    }

    .all-service__landline p.titre::before{
        content: "";
        display: block;
        width: 3rem;
        height: 3rem;
        margin: 0 auto;
        margin-bottom: 1.5rem;
        background: url(/wp-content/uploads/option-fixe.svg) no-repeat center / cover;
    }

    .allservice__el--main{
        background: #E3025A;
    }

    .allservice__el--main .all-service__titre p{
        color: #F2CB13;
    }

    .allservice__el--main .all-service__titre p span{
        font-family: var(--font-title-light);
        font-size: 2.8rem;
        display: block;
    }

    .allservice__el--main .all-service__titre p span,
    .allservice__el--main .all-service__price .price__promo{
        color: #fff;
    }

    .allservice__el--main .all-service__titre p span::before{
        display: none;
    }

    .allservice__el--main .all-service__price{
        border-radius: 1.2rem;
        border: 1px solid rgba(255, 255, 255, 0.50);
        padding: 1.6rem 0;
    }

    .allservice__el--main .all-service__price .price__el,
    .allservice__el--main .all-service__price .price__device{
        color: #F2CB13;
    }

    .allservice__el--main .all-service__price .price__promo::after{
        background:#0B1950;
    }

    .allservice__el--main .all-service__btn a.button__primary{
        background: #fff;
        color: #E3025A;
    }

    .allservice__el--main .all-service__btn a.button__primary--invert{
        color: #fff;
        border: 1px solid #fff;
        background: transparent;
    }

    .allservice__el--main .col .col__el--left{
        max-width: 39rem;
        margin: 0 auto;
    }

    .all-service-limited{
        display: none;
    }

    @media screen and (min-width: 1024px){

        .all-service{
            padding: 15rem 0;
        }

        .all-service-grid{
            display: grid;
            grid-template-columns: repeat(1, 1fr);
            grid-gap: 2rem;
        }

        .all-service-grid{
            grid-template-columns: repeat(4, 1fr);
        }

        .all-service-grid__item {
            grid-column: span 2;
            grid-row: span 2;
        }

        .all-service-grid__item--large {
            grid-column: span 4;
            grid-row: span 1;
        }

        .all-service__wrapper{
            padding: 4rem 6rem;
        }

        .all-service__titre p{
            font-size: 4rem;
        }

        .all-service__price .price__el{
            font-size: 8.6rem;
            margin-right: 1rem;
        }
    
        .all-service__price .price__promo{
            font-size: 4rem;
        }
    
        .all-service__price .price__promo span{
            font-size: 2rem;
        }
    
        .all-service__price .price__device{
            font-size: 3.4rem;
        }

        .all-service__price .price__device span{
            font-size: 2.5rem;
            
        }

        .all-service__landline{
            display: flex;
            justify-content: center;
            align-items: center;
        }
        
        .all-service__landline p{
            text-align: left;
        }
    
        .all-service__landline p.titre{
            margin-bottom: 0;
            display: flex;
            align-items: center;
            margin-right: 2.5rem;
        }
    
        .all-service__landline p.titre::before{
            margin: 0 1rem 0 0;
        }

        .allservice__el--main .col{
            display: flex;
            justify-content: center;
            align-items: center;
            gap: 3rem;
        }

        .allservice__el--main .col .col__el--right{
            max-width: 32rem;
            width: 100%;
        }

        .allservice__el--main .col .col__el--left{
            margin: 0;
            width: 100%;
        }

        .allservice__el--main .all-service__price{
            margin-bottom: 0;
        }

        .allservice__el--main .all-service__btn a.button__primary{
            font-size: 2.2rem;
            padding: 3rem;
        }
    
        .allservice__el--main .all-service__btn a.button__ternary{
            font-size: 2.2rem;
        }

        .allservice__el--main .all-service__titre p{
            font-size: 5.6rem;
        }

        .allservice__el--main .all-service__titre p span{
            font-size: 3.8rem;
        }

        .allservice__el--main .all-service__wrapper{
            padding: 3.5rem 6rem;
        }

        .all-service-limited{
            display: block;
        }

        .all-service-limited__el{
            max-width: 12.2rem;
            position: absolute;
            transform: rotate(-15deg);
        }

        .all-service-limited__left{
            left: -4rem;
            bottom: -4.5rem;
        }

        .all-service-limited__right{
            right: -4rem;
            top: -4.5rem;
        }

        .all-service-limited p{
            text-align: center;
            -webkit-text-stroke: 1px #fff;
            text-stroke: 1px #fff;
            color: transparent;
            font-family: var(--font-title);
            font-size: 2.5rem;
            line-height: 0.85;
            text-transform: uppercase;
            opacity: 0.3;
            margin-bottom: 0.75rem;
        }

        .all-service-limited p:last-child{
            margin-bottom: 0;
        }

        .all-service-limited p.plain{
            color: #fff;
            opacity: 0.75;
        }

    }

    @media screen and (min-width:1280px){

        .allservice__el--main{
            position: relative;
            overflow: hidden;
        }

        .allservice__el--main::after{
            content: "";
            display: block;
            width: 24.2rem;
            height: 39rem;
            background: url(/wp-content/uploads/personnage-internet-usp-1-opti.webp) no-repeat center / cover;
            position: absolute;
            left: 2.5rem;
            bottom: -10rem;
        }

        .all-service__titre p{
            display: flex;
            justify-content: center;
            align-content: center;
        }

        .all-service__titre p span{
            display: flex;
            align-items: center;
        }

        .all-service__titre p span::before{
            margin: 0 1rem;
        }

        .allservice__el--main .col{
            gap: 6rem;
            justify-content: flex-end;
        }

        .allservice__el--main .all-service__titre p{
            display: block;
        }

        .allservice__el--main .all-service__wrapper{
            padding: 3.5rem 9rem;
        }

    }


/********************************************** UPS */

    .usp{
        display: flex;
        flex-direction: column;
        align-items: center;
        padding-bottom: 10rem;
        gap: 2rem;
        max-width: 50rem;
        margin: 0 auto;
    }

    .usp-titre{
        border: 1px solid #fff;
        border-radius: 2rem;
        color: #F2CB13;
        width: 100%;
        position: relative;
        overflow: hidden;
    }

    .usp-titre:after{
        content: "";
        display: block;
        width: 14.4rem;
        height: 22.2rem;
        background: url('/wp-content/uploads/personnage-titre-usp-1-opti.webp') no-repeat center / cover;
        position: absolute;
        right: 0;
        bottom: 0;
        transform: rotateY(180deg);
    }

    .page-service__internet .usp-titre:after{
        content: "";
        display: block;
        width: 17.4rem;
        height: 28.2rem;
        background: url('/wp-content/uploads/personnage-internet-usp-1-opti.webp') no-repeat center / cover;
        position: absolute;
        right: -1rem;
        bottom: -9rem;
        transform: rotateY(180deg);
    }

    .page-service__tv .usp-titre:after{
        content: "";
        display: block;
        width: 17.4rem;
        height: 28.2rem;
        background: url('/wp-content/uploads/personnage-tv-usp-opti.webp') no-repeat center / cover;
        position: absolute;
        right: -1rem;
        bottom: -9rem;
        transform: rotateY(180deg);
    }

    .page-service__mobile .usp-titre:after{
        content: "";
        display: block;
        width: 14.4rem;
        height: 23.2rem;
        background: url('/wp-content/uploads/personnage-mobile-usp-opti.webp') no-repeat center / cover;
        position: absolute;
        right: 0;
        bottom: 0;
    }

    .usp-titre__wrapper{
        padding: 5.2rem 3.2rem;
    }

    .usp-titre p{
        font-family: var(--font-title);
        font-size: 3rem;
        line-height: 1;
    }

    .usp-titre p span{
        display: block;
        color: #FE7BD1;
    }

    .usp-grid{
        display: grid;
        grid-template-columns: repeat(1, 1fr);
        grid-gap: 2rem;
        max-width: 85rem;
        width: 100%;
    }

    .usp-grid__item{
        background-color: #f3f3f3;
        border-radius: 2rem;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .usp-grid__wrapper{
        padding: 4rem 0;
        width: 100%;
        text-align: center;
    }

    .usp-grid__width--full{
        grid-column: span 1;
    }

    .usp-grid__width--big{
        grid-column: span 1;
    }

    .usp-grid__width--med{
        grid-column: span 1;
    }

    .usp-grid__width--small{
        grid-column: span 1;
    }

    .usp-grid__height--big{
        grid-row: span 3;
    }

    .usp-grid__height--med{
        grid-row: span 2;
    }

    .usp-grid__height--small{
        grid-row: span 1;
    }

    .usp-grid__item--rapide{
        background: linear-gradient(97deg, #2A69AC -0.86%, #4784C6 101.99%);
        color: #fff;
    }
    
    .usp-grid__item--price{
        background: url(/wp-content/uploads/bkg-price-usp-mobile.svg) #F2CB13 no-repeat bottom right / 75%;
    }
    
    .usp-grid__item--engagement{
        background: #fff;
    }
    
    .usp-grid__item--download, .usp-grid__item--call{
        background: url(/wp-content/uploads/bkg-download.svg) #FE7BD1 no-repeat center / cover;
    }
    
    .usp-grid__item--modem{
        background: #E3025A;
        color: #fff;
    }
    
    .usp-grid__item--contrat{
        background: #F1F1F1;
    }
    
    .usp-grid__item--team{
        background: url(/wp-content/uploads/bkg-team.svg) #3F7DBF no-repeat center / cover;
        color: #fff;
        position: relative;
    }
    
    .usp-grid__item--installation{
        background: #F2CB13;
    }

    .usp-grid__item--data{
        background: url(/wp-content/uploads/bkg-usp-data.svg) #E3025A no-repeat center / cover;
        color: #fff;
    }

    .usp-grid__item--network{
        background: url(/wp-content/uploads/bkg-usp-network.svg) #FE7BD1 no-repeat center / cover;
    }

    .usp-grid__item--europe, .usp-grid__item--channel{
        background: url(/wp-content/uploads/usp-keep-mobile.svg) #E3025A no-repeat center / cover;
        color: #fff;
    }

    .usp-grid__item--replay{
        background: #FE7BD1;
    }

    .usp-grid__item--dispo{
        background: #FE7BD1;
    }

    .usp-grid__item--internet{
        background: linear-gradient(42deg, #2A69AC -12.32%, #4784C6 114.11%);
        color: #fff;
    }

    .usp-grid__item--option{
        background: #E3025A;
        color: #fff;
    }

    .usp-grid__item--opttv{
        background: #FE7BD1;
        color: #0B1950;
    }

    .usp-grid__item--rapide .img-container{
        margin-bottom: 5rem;
    }

    .usp-grid__item--rapide .img-container img{
        margin: 0 auto;
    }

    .usp-grid__item--rapide p{
        font-family: var(--font-title);
        font-size: 3.2rem;
        line-height: 1;
        text-align: center;
    }

    .usp-grid__item--rapide p span{
        display: block;
        margin: 1rem 0;
        font-family: var(--font-title-light);
        color: #F2CB13;
    }

    .usp-grid__item--engagement .icon{
        width: 2.2rem;
        margin: 0 auto 2rem auto;
    }

    .usp-grid__item--engagement p{
        font-size: 28px;
        font-family: var(--font-title);
        line-height: 1.2;
    }

    .usp-grid__item--engagement p.small{
        font-size: 2rem;
        font-family: var(--font-title-light);
        margin-top: 2rem;
    }

    .usp-grid__item--download p{
        font-size: 2rem;
        font-family: var(--font-title);
        text-align: center;
    }

    .usp-grid__item--download .download{
        width: 70%;
        max-width: 19rem;
        height: 8px;
        background: #fff;
        margin: 3rem auto 0 auto;
        border-radius: 3rem;
        position: relative;
        overflow: hidden;
    }

    .usp-grid__item--download .download__el{
        width: 70%;
        border-radius: 3rem;
        background: #E3025A;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
    }

    .usp-grid__item--modem p{
        font-size: 2rem;
        font-family: var(--font-title-light);
        line-height: 1;
        text-align: center;
    }

    .usp-grid__item--modem p span{
        display: block;
        font-size: 4.2rem;
        margin-bottom: 1rem;
        font-family: var(--font-title);
    }

    .usp-grid__item--modem .img-container{
        margin: 1.5rem auto 0 auto;
    }

    .usp-grid__item--contrat .usp-grid__wrapper{
        padding-bottom: 0;
    }

    .usp-grid__item--contrat p{
        font-size: 2rem;
        font-family: var(--font-title-light);
        text-align: center;
        margin-bottom: 3.2rem;
    }

    .usp-grid__item--contrat p span{
        font-size: 2.8rem;
        font-family: var(--font-title);
        display: block;
    }

    .usp-grid__item--contrat .img-container{
        width: 10.3rem;
        margin: 0 auto;
    }

    .usp-grid__item--team p{
        font-size: 2rem;
        font-family: var(--font-title);
        width: 70%;
        max-width: 21.7rem;
        text-align: left;
    }

    .usp-grid__item--team .usp-grid__wrapper{
        padding: 4rem 3.3rem;
    }

    .usp-grid__item--team p span{
        font-family: var(--font-title-light);
        font-size: 1.6rem;
        margin-top: 1rem;
        display: block;
    }

    .usp-grid__item--team::after{
        content: "";
        display: block;
        width: 12rem;
        height: 16.3rem;
        background: url(/wp-content/uploads/usp-shop-opti.webp) no-repeat center / cover;
        position: absolute;
        bottom: 0;
        right: 1.5rem;
    }

    .usp-grid__item--installation .icon{
        margin-bottom: 3rem;
    }

    .usp-grid__item--installation p{
        font-size: 2rem;
        font-family: var(--font-title);
        width: 83%;
        line-height: 1;
        margin: 0 auto;
    }

    .usp-grid__item--installation p span{
        font-size: 2rem;
        font-family: var(--font-title-light);
        display: block;
        margin-top: 1rem;
    }

    .usp-grid__item--installation p span.small{
        font-size: 1.4rem;
    }

    .usp-grid__item--price{
        position: relative;
    }

    .usp-grid__item--price p{
        font-size: 2.2rem;
        line-height: 1.2;
        width: 65%;
        margin: 0 auto;
        font-family: var(--font-title-light);
    }

    .usp-grid__item--price p.price{
        width: 100%;
        font-family: var(--font-title);
        font-size: 3.2rem;
        margin-top: 3rem;
    }

    .usp-grid__item--call p{
        font-size: 1.8rem;
        font-family: var(--font-title-light);
        text-align: center;
        line-height: 1;
    }

    .usp-grid__item--call p span{
        font-family: var(--font-title);
        font-size: 3.2rem;
        display: block;
        margin-top: 1rem;
    }

    .usp-grid__item--data p{
        font-size: 3.2rem;
        text-align: center;
        font-family: var(--font-title);
        width: 70%;
        max-width: 37.2rem;
        margin: 0 auto;
        line-height: 1.2;
    }

    .usp-grid__item--network p{
        font-size: 1.8rem;
        font-family: var(--font-title-light);
        text-align: center;
        line-height: 1;
    }

    .usp-grid__item--network p span{
        font-family: var(--font-title);
        font-size: 2.2rem;
        margin-top: 1rem;
        display: block;
    }

    .usp-grid__item--europe p{
        font-size: 2.2rem;
        font-family: var(--font-title-light);
        text-align: center;
        line-height: 1;
        width: 100%;
        max-width: 26.5rem;
        margin: 0 auto;
    }

    .usp-grid__item--europe p span{
        font-family: var(--font-title);
        display: block;
    }

    .usp-grid__item--channel p{
        font-family: var(--font-title-light);
        font-size: 1.8rem;
        line-height: 1;
    }

    .usp-grid__item--channel p.titre{
        font-family: var(--font-title);
        display: block;
        font-size: 3rem;
        margin-bottom: 1rem;
    }

    .usp-grid__item--dispo .img-container{
        width: 75%;
        max-width: 20.7rem;
        margin: 0 auto;
    }

    .usp-grid__item--dispo p{
        font-size: 1.8rem;
        font-family: var(--font-title);
    }

    .usp-grid__item--internet p{
        font-size: 1.8rem;
        text-align: center;
        font-family: var(--font-title-light);
        list-style: 1.2;
    }

    .usp-grid__item--internet p span{
        color: #F2CB13;
        text-transform: uppercase;
        display: block;
        margin-bottom: 1rem;        
        font-size: 2.2rem;
        font-family: var(--font-title);
    }

    .usp-grid__item--option p{
        font-size: 1.8rem;
        text-align: center;
        font-family: var(--font-title-light);
        list-style: 1.2;
    }

    .usp-grid__item--option p.titre{
        text-align: left;
        display: flex;
        justify-content: center;
        align-items: center;
        margin-bottom: 1rem;        
        font-size: 2.2rem;
        font-family: var(--font-title);
        line-height: 1;
    }

    .usp-grid__item--option p.titre::before{
        content: '';
        display: block;
        width: 4rem;
        height: 4rem;
        border-radius: 50%;
        background: url(/wp-content/uploads/usp-option.svg) #fff no-repeat center / 40%;
        margin-right: 1rem;
    }

    @media screen and (min-width: 1024px){

        .usp{
            flex-direction: row;
            justify-content: space-between;
            align-items: flex-start;
            padding-bottom: 15rem;
            max-width: 100%;
            margin: 0;
        }

        .usp-titre__wrapper{
            padding: 6rem 3.5rem 8rem 3.5rem;
        }

        .usp-titre p{
            font-size: 3.4rem;
        }

        .usp-titre{
            width: 33%;
            max-width: 41.3rem;
            position: sticky;
            top: 5%;
        }

        .usp-titre:after{
            width: 13.4rem;
            height: 22.2rem;
        }

        .page-service__mobile .usp-titre:after{
            width: 12.4rem;
            height: 20.2rem;
        }

        .page-service__internet .usp-titre:after{
            width: 15.4rem;
            height: 26.2rem;        
        }

        .usp-grid{
            grid-template-columns: repeat(6, 1fr);
            width: 66%;
        }
        
        .usp-grid__width--full{
            grid-column: span 6;
        }
    
        .usp-grid__width--big{
            grid-column: span 4;
        }
    
        .usp-grid__width--med{
            grid-column: span 3;
        }
    
        .usp-grid__width--small{
            grid-column: span 2;
        }
    
        .usp-grid__height--big{
            grid-row: span 3;
        }
    
        .usp-grid__height--med{
            grid-row: span 2;
        }
    
        .usp-grid__height--small{
            grid-row: span 1;
        }

        .usp-grid__item--rapide .usp-grid__wrapper{
            display: flex;
            justify-content: center;
            align-items: center;
        }

        .usp-grid__item--rapide .img-container{
            margin-bottom: 0;
            width: 33%;
            max-width: 28.3rem;
            margin-right: 5rem;
        }

        .usp-grid__item--rapide .img-container img{
            width: 100%;
        }

        .usp-grid__item--rapide p{
            max-width: 34.5rem;
            width: 40%;
        }

        .usp-grid__item--modem .usp-grid__wrapper{
            display: flex;
            justify-content: center;
            align-items: center;
        }
        .usp-grid__item--modem p{
            max-width: 16rem;
        }

        .usp-grid__item--modem .img-container{
            width: 53%;
            max-width: 29.8rem;
            margin: 0 0 0 1.5rem;
        }

        .usp-grid__item--contrat .usp-grid__wrapper{
            display: flex;
            justify-content: center;
            align-items: center;
            flex-direction: row-reverse;
            padding: 2.8rem 1rem 0 1rem;
        }

        .usp-grid__item--contrat .img-container{
            margin: 0 1.5rem 0 0;
        }

        .usp-grid__item--team .usp-grid__wrapper{
            display: flex;
            justify-content: flex-end;
        }

        .usp-grid__item--team::after{
            width: 13rem;
            height: 18rem;
            right: auto;
            left: 1.5rem;
            transform: rotateY(180deg);
        }
        
        .usp-grid__item--price p{
            width: 100%;
        }

        .usp-grid__item--download p {
            font-size: 1.8rem;
        }


        .usp-grid__item--europe .usp-grid__wrapper{
            padding: 5.6rem 1rem;
        }


        .usp-grid__item--channel{
            background: url(/wp-content/uploads/bkg-usp-channel-opti.webp) #E3025A no-repeat -20% center / contain;
        }

        .usp-grid__item--channel p{
            max-width: 26.6rem;
            margin: 0 0 0 auto;
        }
        
    }

    @media screen and (min-width: 1280px){

        .usp-titre:after{
            width: 24.2rem;
            height: 39rem;
            right: -5rem;
            bottom: -6rem;
        }

        .usp-titre__wrapper{
            padding: 6rem 4rem 20.5rem 4rem;
        }

        .page-service__mobile .usp-titre:after{
            width: 22.4rem;
            height: 35.2rem;
            transform: rotateY(0deg);
        }

        .page-service__tv .usp-titre:after{
            width: 28.4rem;
            height: 43.2rem;
            right: -4rem;
            bottom: -8rem;
            transform: rotateY(0deg);
        }

        .page-service__internet .usp-titre:after{
            width: 22.4rem;
            height: 40.2rem;
            right: -4rem;
            bottom: -6rem;
            transform: rotateY(0deg);
        }

        .usp-titre p{
            font-size: 4.5rem;
        }

        .usp-grid__item--price{
            background: url(/wp-content/uploads/bkg-price-usp-desktop.svg) #F2CB13 no-repeat center right / contain;
        }

        .usp-grid__item--rapide .usp-grid__wrapper{
            padding: 5rem 0;
        }

        .usp-grid__item--rapide p{
            font-size: 4.2rem;
        }

        .usp-grid__item--rapide .img-container{
            width: 40%;
        }

        .usp-grid__item--engagement .usp-grid__wrapper{
            padding: 3.1rem 0;
        }

        .usp-grid__item--installation .usp-grid__wrapper{
            display: flex;
            justify-content: center;
            align-items: center;
        }

        .usp-grid__item--installation .icon{
            margin-bottom: 0;
            margin-right: 1.2rem;
        }

        .usp-grid__item--installation p {
            margin: 0;
            font-size: 2rem;
            width: auto;
            text-align: left;
        }

        .usp-grid__item--installation p span{
            margin: 0;
            display: inline;
            font-size: 2rem;
        }

        .usp-grid__item--installation p span.small{
           display: block;
           margin-top: 0.5rem;
        }
    

        .usp-grid__item--price .usp-grid__wrapper{
            padding: 4rem 3.2rem 7.3rem 4rem;
        }

        .usp-grid__item--price p{
            margin: 0;
            width: 100%;
            max-width: 22rem;
            text-align: left;
            font-size: 2.8rem;
        }

        html:lang(en-US) .usp-grid__item--price p{
            font-size: 2.4rem;
        }

        .usp-grid__item--download p {
            font-size: 2rem;
        }

        .usp-grid__item--price p.price{
            font-size: 4.2rem;
            margin: 0;
            max-width: 16.2rem;
            line-height: 0.9;
            text-align: center;
            position: absolute;
            bottom: 4rem;
            right: 2rem;
        }

        html:lang(en-US) .usp-grid__item--price p.price{
            font-size: 4.2rem;
        }

        .usp-grid__item--call p{
            font-size: 2rem;
        }
    
        .usp-grid__item--call p span{
            font-size: 4.8rem;
        }

        .usp-grid__item--data p{
            font-size: 4.2rem;
        }

        .usp-grid__item--network p{
            font-size: 2rem;
        }
    
        .usp-grid__item--network p span{
            font-size: 2.8rem;
        }

        .usp-grid__item--europe .usp-grid__wrapper{
            padding: 5.6rem 3rem;
        }

        .usp-grid__item--europe p{
            font-size: 2.8rem;
        }

        .usp-grid__item--channel{
            background: url(/wp-content/uploads/bkg-usp-channel-opti.webp) #E3025A no-repeat -15% center / 45%;
        }

        .usp-grid__item--channel .usp-grid__wrapper{
            padding: 4rem 3rem;
        }

        .usp-grid__item--channel p{
            font-size: 2rem;
        }

        .usp-grid__item--channel p.titre {
            font-size: 4.2rem;
        }
        
        .usp-grid__item--dispo p{
            font-size: 2rem;
        }

        .usp-grid__item--internet p{
            font-size: 2rem;
        }
    
        .usp-grid__item--internet p span{
            font-size: 2.8rem;
        }

        .usp-grid__item--option p{
            font-size: 2rem;
        }
    
        .usp-grid__item--option p.titre{
            font-size: 3rem;
        }
    
        .usp-grid__item--option p.titre::before{
            margin-right: 1.5rem;
        }
    }

    .temoignage{
        padding: 10rem 0;
        background: #245C9A;
        color: #fff;
    }

    .temoignage__titre{
        margin-bottom: 5rem;
    }

    .temoignage__titre h2{
        color: #fff;
        text-align: center;
        font-size: 3.4rem;
        line-height: 1;
    }

    .temoignage__titre h2 span{
        font-size: 1.8rem;
        display: block;
        font-family: var(--font-title-light);
        font-weight: 300;
    }

    .phone{
        max-width: 87rem;
        margin: 0 auto;
    }

    .phone__content{
        max-width: 67.5rem;
        margin: 0 auto;
    }

    .phone__header{
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 1.5rem;
    }

    .phone__header .logo{
        width: 4rem;
    }

    .phone__header .logo img{
        width: 100%;
    }

    .phone__titre p{
        font-size: 1.6rem;
        font-family: var(--font-title-light);
        line-height: 1;
    }

    .phone__titre p span{
        display: none;
    }

    .phone__titre p.titre{
        font-size: 2.2rem;
        font-family: var(--font-title);
        line-height: 1;
        margin-bottom: 0.5rem;
    }

    .phone__divider{
        width: 100%;
        height: 1px;
        background: rgba(255, 255, 255, 0.50);
        margin: 5rem 0;
    }

    .phone .conversation__el{
        margin-bottom: 4rem;
    }

    .phone .conversation__el:last-child{
        margin-bottom: 0;
    }

    .phone .conversation__el .col{
        display: flex;
        justify-content: flex-start;
        align-items: flex-end;
    }

    .phone .conversation__el--client .col{
        flex-direction: row-reverse;
    }

    .phone .conversation__el .col__el--left{
        width: 5.5rem;
        margin-right: 1rem;
        padding-bottom: 2.2rem;
    }

    .phone .conversation__el--client .col__el--left{
        margin-right: 0;
        margin-left: 1rem;
    }

    .phone .conversation__el .col__el--right{
        width: 80%;
        max-width: 28rem;
    }

    .phone .conversation__el .author{
        font-size: 1.2rem;
        font-family: var(--font-title-light);
        margin-top: 1rem;
    }

    .phone .conversation__el .message{
        padding: 1.6rem 2rem;
        border-radius: 3rem 3rem 3rem 0px;
        background: #fff;
        color: #0B1950;
        font-size: 1.8rem;
        line-height: 1.3;
    }

    .phone .conversation__el--client .message{
        background: #0B1950;
        border-radius: 3rem 3rem 0px 3rem;
        color: #fff;
    }

    .phone .conversation__el--client .author{
        text-align: right;
    }

    .phone .conversation__video{
        margin-top: 4rem;
        border-radius: 1.6rem;
        border: 2px solid #E3025A;
        overflow: hidden;
        position: relative;
    }

    .phone .conversation__video video{
        display: block;
        width: 100%;
        height: auto;
    }

    .phone .conversation__video .controls{
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }

    .phone .conversation__video .controls .play{
        width: 4.5rem;
        height: 4.5rem;
        border-radius: 50%;
        background: #E3025A;
        display: flex;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }

    .phone .conversation__video .controls .play svg{
        margin: auto;
        width: 1.2rem;
        height: 1.4rem;
    }

    @media screen and (min-width: 1024px){

        .temoignage{
            padding: 15rem 0;
            background: #0B1950;
            overflow: hidden;
            position: relative;
        }

        .temoignage::before, .temoignage::after{
            content: "";
            display: block;
            border-radius: 1492px;
            background: #2A69AC;
            filter: blur(200px);
            width: 100%;
            height: 43rem;
            position: absolute;
            top: -30rem;
            left: 50%;
            transform: translateX(-50%);
        }

        .temoignage::after{
            top: auto;
            bottom: -37rem;
        }

        .temoignage .container{
            position: relative;
            z-index: 5;
        }

        .temoignage__titre{
            margin-bottom: 10rem;
        }
    
        .temoignage__titre h2{
            font-size: 6rem;
        }
        .temoignage__titre h2 br{
            display: none;
        }
    
        .temoignage__titre h2 span{
            font-size: 4rem;
        }

        .phone{
            background: url(/wp-content/uploads/phone-1.svg) no-repeat top center / 99.5%;
        }

        .phone .phone__content{
            padding: 16.2rem 0 15.5rem 0;
        }

        .phone__header{
            display: flex;
            justify-content: center;
            align-items: center;
        }

        .phone__header .logo{
            min-width: 7.4rem;
            margin: 0 4rem 0 0;

        }

        .phone__header .logo img{
            width: 100%;
        }

        .phone__titre p {
            font-size: 2.2rem;
            text-align: left;
        }

        .phone__titre p span{
            display: inline;
        }

        .phone__titre p.titre {
            font-size: 4rem;
        }

        .phone .conversation__el{
            margin-bottom: 6rem;
        }

        .phone .conversation__el .col__el--right{
            max-width: 52.2rem;
        }

        .phone .conversation__el .message{
            max-width: 42.2rem;
            padding: 2rem 4rem;
            font-size: 2.2rem;
        }

        .phone .conversation__el--client .message{
            margin: 0 0 0 auto;
        }

        .phone .conversation__el .author{
            font-size: 1.6rem;
        }

        .phone .conversation__video .controls .play{
            width: 8.3rem;
            height: 8.3rem;
        }

        .phone .conversation__video .controls .play svg{
            width: 2.3rem;
            height: 2.6rem;
        }
        
    }

    .page-giga-park .logo-giga-park{
        width: 50%;
        max-width: 45rem;
        margin: 0 auto;
    }

    .page-giga-park .page__section .logo{
        margin-bottom: 0;
    }

/**************************************************** Page concours giga Malin */

    .page-template-page-concours-gigamalin header,
    .page-template-page-concours-gigamalin nav{
        display: none;
    }

    .landing-page__gigamalin .upgrade-hero h1{
        font-size: 3.8rem;
        font-family: var(--font-title-light);
    }

    .landing-page__gigamalin .upgrade-hero h1 span.giga{
        font-size: 9.6rem;
        font-family: var(--font-title-light);
    }

    .landing-page__gigamalin .upgrade-hero h1 span.malin{
        font-size: 6.8rem;
        color: #fff;
        font-family: var(--font-title);
    }

    .html:lang(en-US) .landing-page__gigamalin .upgrade-hero h1 span.malin{
        font-size: 5.5rem;
    }

    .landing-page__gigamalin .upgrade-hero .txt {
        color: #fff;
        font-family: var(--font-title-light);
        font-size: 2rem;
        margin-bottom: 2.5rem;
    }

    .landing-page__gigamalin .upgrade-hero .txt .hello{
        font-family: var(--font-title);
        display: block;
    }

    .landing-page__gigamalin .upgrade-hero .col__el--right{
        background: transparent;
    }

    .landing-page__gigamalin .upgrade-hero .col__el--left{
        max-width: 47rem;
        margin: 0 auto 5rem auto;
    }

    .landing-page__gigamalin .upgrade-step{
        background: #fff;
        color: #0B1950;
    }

    .landing-page__gigamalin .upgrade-step h2{
        color: #0B1950;
    }

    .landing-page__gigamalin .usp-titre p {
        font-size: 2.4rem;
    }

    .landing-page__gigamalin .usp-titre p span{
        margin-top: 2rem;
    }

    .landing-page__gigamalin .usp-titre:after{
        background: url(/wp-content/uploads/personnage-internet-usp-1-opti.webp) no-repeat center / cover;
        width: 10.4rem;
        height: 18.2rem;
    }

    .landing-page__gigamalin .usp-grid__item--countdown{
        background: #2A69AC;
        color: #fff;
    }

    .landing-page__gigamalin .usp-grid__item--countdown p.txt{
        font-family: var(--font-title-light);
        margin-bottom: 1.5rem;
        font-size: 2rem;
    }

    .landing-page__gigamalin .countdown .countdown__numb{
        font-family: var(--font-title);
    }

    .landing-page__gigamalin .countdown .countdown__text{
        font-family: var(--font-title-light);
    }

    .landing-page__gigamalin .usp-grid__item--iphone{
        background: #E3025A;
        color: #fff;
    }

    .landing-page__gigamalin .usp-grid__item--fnac{
        background: #F2CB13;
    }

    .landing-page__gigamalin .usp-grid__item--fnac p{
        font-size: 2.2rem;
        font-family: var(--font-title);
        line-height: 1.1;
    }

    .landing-page__gigamalin .usp-grid__item--fnac p span{
        font-family: var(--font-title-light);
        display: block;
    }

    .landing-page__gigamalin .usp-grid__item--iphone .usp-grid__wrapper{
        padding-left: 2rem;
        padding-right: 2rem;
        max-width: 65rem;
        margin: 0 auto;
    }

    .landing-page__gigamalin .usp-grid__item--iphone p{
        font-family: var(--font-title-light);
    }

    .landing-page__gigamalin .usp-grid__item--iphone p span{
        font-family: var(--font-title);
    }

    .landing-page__gigamalin .usp-grid__item--abonnement p{
        font-family: var(--font-title);
    }

    .landing-page__gigamalin .usp-grid__item--abonnement p span{
        font-family: var(--font-title-light);
    }

    .landing-page__gigamalin .usp-grid__item--abonnement .usp-grid__wrapper{
        padding-left: 1rem;
        padding-right: 1rem;
        max-width: 32.6rem;
        margin: 0 auto;
    }

    .landing-page__gigamalin .usp-grid__item--fnac p.number,
    .landing-page__gigamalin .usp-grid__item--abonnement p.number,
    .landing-page__gigamalin .usp-grid__item--iphone p.number{
        background: #E3025A;
        color: #fff;
        font-size: 2.2rem;
        width: 5rem;
        height: 5rem;
        margin: 0 auto 1rem auto;
        border-radius: 50%;
        display: inline-block;
        display: flex;
        align-items: center;
        justify-content: center;
        font-family: var(--font-title);
    }

    .landing-page__gigamalin .usp-grid__item--iphone p.number{
        color: #E3025A;
        background: #fff;
    }


    .landing-page__gigamalin .francofolies__form h2 {
        line-height: 1.1;
    }

    .landing-page__gigamalin .giga-malin-quizz .personnage{
        width: 60%;
        margin: 0 auto 4rem auto;
        max-width: 20rem;
    }

    .landing-page__gigamalin .giga-malin-quizz .content p{
        font-family: var(--font-title-light);
        font-size: 1.8rem;
        line-height: 1.4;
        text-align: center;
    }

    .landing-page__gigamalin .giga-malin-quizz .content p span{
        font-family: var(--font-title);

    }

    .landing-page__gigamalin .francofolies__form .gform_wrapper.gravity-theme .gform_previous_button.button{
        display: none;
    }

    .landing-page__gigamalin .gform_wrapper.gravity-theme .gform_page_footer{
        margin: 0;
        padding: 0;
        margin-top: 5rem;
        margin-bottom: 1.5rem;
    }

    .landing-page__gigamalin .gform_wrapper.gravity-theme .gfield--type-email {
        margin-bottom: 0;
    }

    .landing-page__gigamalin .upgrade-header-container{
        position: relative;
    }

    .landing-page__gigamalin .upgrade-header-container .language-selector-container{
        position: absolute;
        top: 0;
        right: 0;
    }

    @media screen and (min-width: 550px){

        .landing-page__gigamalin .upgrade-hero h1{
            font-size: 68px;
        }
    
        .landing-page__gigamalin .upgrade-hero h1 span.giga{
            font-size: 160px;
        }
    
        .landing-page__gigamalin .upgrade-hero h1 span.malin{
            font-size: 117px;
        }

        html:lang(en-US) .landing-page__gigamalin .upgrade-hero h1 span.malin{
            font-size: 9.6rem;
        }

        .landing-page__gigamalin .upgrade-hero .txt {
            font-size: 3.2rem;
        }

    }

    @media screen and (min-width: 1024px){

        .landing-page__gigamalin .upgrade-header-container .language-selector-container{
            top: 3rem;
        }

        .landing-page__gigamalin .usp-titre:after{
            width: 12.4rem;
            height: 20.2rem;
        }

        .landing-page__gigamalin .usp-titre p{
            font-size: 3rem;
        }

        .landing-page__gigamalin .usp-titre__wrapper {
            padding: 6rem 2rem 8rem 2rem;
        }

        .landing-page__gigamalin .giga-malin-quizz .content p{
            font-size: 2.4rem;
        }
        .landing-page__gigamalin .francofolies__form h2 {
           font-size: 3rem;
           margin-bottom: 5rem;
           max-width: 56rem;
           margin: 2rem auto 5rem auto;
        }
        
        .landing-page__gigamalin .francofolies__form .gform_wrapper.gravity-theme .gfield--type-radio .gchoice{
            width: 100%;
            max-width: 50rem;
            margin: 0 auto 1.5rem auto;
        }

        .landing-page__gigamalin .gform_wrapper.gravity-theme .gform_page_footer input[type=submit]{
            max-width: 28rem;
            margin: 0 auto;
        }
    }

    @media screen and (min-width: 1200px){
        .landing-page__gigamalin .upgrade-hero .col{ 

            flex-direction: row-reverse;
        }

        .landing-page__gigamalin .upgrade-hero .col__el--right {
            max-width: 64rem;
            margin: 0;
        }

        .landing-page__gigamalin .usp-titre p span{
            font-size: 4.5rem;
            margin-top: 3rem;
        }
        .landing-page__gigamalin .usp-titre:after{
            bottom: 0;
            right: 0;
        }

        .landing-page__gigamalin .usp-grid__item--countdown p.txt{
            margin-bottom: 3rem;
            font-size: 3rem;
        }

        .landing-page__gigamalin .usp-grid__item--iphone p{
            font-size: 2.2rem;
        }

        .landing-page__gigamalin .usp-grid__item--iphone p span{
            font-size: 2.8rem;
        }

        .landing-page__gigamalin .usp-grid__item--abonnement p{
            font-size: 2.2rem;
        }
    
        .landing-page__gigamalin .usp-grid__item--abonnement p span{
           font-size: 1.8rem;
        }

        .landing-page__gigamalin .usp-grid__item--abonnement .usp-grid__wrapper,
        .landing-page__gigamalin .usp-grid__item--iphone .usp-grid__wrapper{
            padding-left: 0;
            padding-right: 0;
        }
    
    }

/**************************************************** Page Strassen */

.page-template-page-strassen header{
    background: #0B1950;
    padding-top: 6rem;
}

.page-template-page-strassen .menu__desktop .menu-item a{
    color: #fff;
}

.page-template-page-strassen header .menu__desktop .menu-item a:hover, 
.page-template-page-strassen header .menu__desktop .current-menu-item a{
    color: var(--color-base-2);
}

.page-template-page-strassen header .menu-ham .menu-ham__el{
    background: #fff;
}

.landing-page__strassen{
    background: #0B1950;
    padding-top: 6rem;
}

.landing-page__strassen .page__section{
    background: #fff;
}

.landing-page__strassen .col{
    padding-bottom: 4rem;
}

.landing-page__strassen .col .col__el--left{
    max-width: 52.2rem;
}

.landing-page__strassen .col .col__el--right{
    display: none;
    max-width: 63rem;
}

.landing-page__strassen .thumb{
    border-radius: 5px;
    overflow: hidden;
}

.landing-page__strassen .thumb__mobile{
    margin: 4rem 0;
}

.landing-page__strassen .button__primary{
    background: #DA0256;
}

.landing-page__strassen h1{
    color: #fff;
    font-family: var(--font-title-light);
    font-size: 24px;
    line-height: 0.8;
    text-transform: uppercase;
}

.landing-page__strassen h1 span{
    color: #F1CB13;
    font-family: var(--font-title);
    font-size: 41px;
    display: block;
}

.landing-page__strassen .col p, .landing-page__strassen .col li, .landing-page__strassen .col h2{
    color: #fff;
}

.landing-page__strassen .introduction .btn-container{
    display: none;
}

.landing-page__strassen .introduction,
.landing-page__strassen .infos-container,
.landing-page__strassen .service-container{
    margin-bottom: 4rem;
}

.landing-page__strassen .infos-container,
.landing-page__strassen .service-container,
.landing-page__strassen .rdv-container{
    border-radius: 1rem;
}

.landing-page__strassen .infos-container{
    background: #fff;
}

.landing-page__strassen .infos-container h2{
    margin-bottom: 2.5rem;
    text-align: center;
}

.landing-page__strassen .infos-container li{
    text-align: center;
    max-width: 85%;
    margin: 0 auto 2rem auto;
}

.landing-page__strassen .infos-container li::before{
    content: "";
    display: block;
    margin: 0 auto 5px auto;
    max-width: 2.1rem;
    width: 100%;
    max-height: 2.3rem;
    height: 2rem;
}

.landing-page__strassen .infos-container li.infos__el--rdv::before{
    background: url('/wp-content/uploads/icon-shop-1.svg') no-repeat center / contain;
}

.landing-page__strassen .infos-container li.infos__el--location::before{
    background: url('/wp-content/uploads/icon-localisation.svg') no-repeat center / contain;
}

.landing-page__strassen .infos-container li.infos__el--schedule::before{
    background: url('/wp-content/uploads/icon-heure.svg') no-repeat center / contain;
}

.landing-page__strassen .infos-container li:last-child{
    margin-bottom: 0;
}

.landing-page__strassen .infos-container h2,
.landing-page__strassen .infos-container li{
    color: #0B1950;
}

.landing-page__strassen .infos__wrapper{
    padding: 4rem 3.3rem;
}

.landing-page__strassen .service-container{
    border: 1px solid #fff;
}

.landing-page__strassen .service-container h2{
    margin-bottom: 2.5rem;
    text-align: center;
}

.landing-page__strassen .service-container .services__el{
    font-size: 1.6rem;
    display: flex;
    align-items: center;
}

.landing-page__strassen .service-container .services__el::before{
    content: "";
    display: block;
    width: 1.5rem;
    height: 1rem;
    background: url('/wp-content/uploads/check-jaune.svg') no-repeat center / contain;
    margin-right: 1rem;
}

.landing-page__strassen .service__wrapper{
    padding: 4rem 2rem;
}

.landing-page__strassen .rdv-container{
    background: #3B78BB;
}

.landing-page__strassen .rdv-container li{
    color: #fff;
}

.landing-page__strassen .rdv-container .btn-container{
    margin-top: 3rem;
}

.landing-page__strassen .col ul{
    list-style: none;
    margin: 0;
    padding: 0;
}

.landing-page__strassen .rdv-container .rdv-top__wrapper{
    padding: 6.4rem 2rem;
}

.landing-page__strassen .rdv-container .rdv-top{
    background: url('/wp-content/uploads/bkg-giga.svg') no-repeat center / cover;
    position: relative;
}

.landing-page__strassen .rdv-container .rdv-top h2{
    max-width: 22.5rem;
}

.landing-page__strassen .rdv-container .rdv-top h2 span{
    display: none;
}

.landing-page__strassen .rdv-container .rdv-top::after{
    content: "";
    display: block;
    width: 132px;
    height: 153px;
    background: url('/wp-content/uploads/usp-shop-opti.webp') no-repeat center / contain;
    position: absolute;
    bottom: 0;
    right: 0;
}

.landing-page__strassen .rdv-container .rdv-bottom__wrapper{
    padding: 4rem 2.5rem;
}

.landing-page__strassen .rdv-container .step{
    counter-reset: my-step-counter;
    position: relative;
}

.landing-page__strassen .rdv-container .step__el{
    counter-increment: my-step-counter;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 1rem;
    text-align: center;
    margin-bottom: 3rem;
}

.landing-page__strassen .rdv-container .step__el:last-child{
    margin-bottom: 0;
}

.landing-page__strassen .rdv-container .btn-container{
    display: flex;
    justify-content: center;
}

.landing-page__strassen .rdv-container .step__el::before{
    content: counter(my-step-counter);
    display: block;
    min-width: 4.5rem;
    width: 4.5rem;
    height: 4.5rem;
    border-radius: 50%;
    background: var(--color-base-2);
    color: var(--color-base-3);
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 2.4rem;
    font-family: var(--font-title);
    line-height: 0.8;
    z-index: 3;
}

@media screen and (min-width: 390px){

    .landing-page__strassen h1{
        font-size: 30px;
    }

    .landing-page__strassen h1 span{
        font-size: 51px;
    }

}

@media screen and (min-width: 1024px){

    .page-template-page-strassen header{
        padding-top: 0;
    }

    .landing-page__strassen{
        padding-top: 12rem;
    }

    .landing-page__strassen .col{
        display: flex;
        justify-content: space-between;
        align-items: stretch;
        gap: 4rem;
    }

    .landing-page__strassen .col .col__el--left{
        width: 60%;
    }

    .landing-page__strassen .col .col__el--right{
        display: block;
        width: 50%;
    }

    .landing-page__strassen .col{
        padding-bottom: 7rem;
    }

    .landing-page__strassen .thumb{
        border-radius: 1rem;
        position: sticky;
        top: 5%;
    }

    .landing-page__strassen .thumb__mobile{
        display: none;
    }

    .landing-page__strassen h1{
        font-size: 46px;
        margin-bottom: 4rem;
    }

    .landing-page__strassen h1 span{
        font-size: 79px;
    }

    .landing-page__strassen .introduction .btn-container{
        margin-top: 3rem;
        display: block;
    }

    .landing-page__strassen .infos-container h2,
    .landing-page__strassen .service-container h2{
        text-align: left;
    }

    .landing-page__strassen .infos__wrapper{
        padding: 4rem;
    }

    .landing-page__strassen .infos-container li{
        text-align: left;
        max-width: 100%;
        margin: 0 0 2rem 0;
        display: flex;
        align-items: center;
    }

    .landing-page__strassen .infos-container li::before{
        content: "";
        display: block;
        margin: 0 1rem 0 0;
        max-width: 2.1rem;
        width: 100%;
        max-height: 2.3rem;
        height: 2rem;
    }

    .landing-page__strassen .service-container .services__el{
        font-size: 1.8rem;
    }

    .landing-page__strassen .service-container .services__el::before{
        content: "";
        display: block;
        width: 2rem;
        height: 1.3rem;
        background: url('/wp-content/uploads/check-jaune.svg') no-repeat center / contain;
        margin-right: 2rem;
    }

    .landing-page__strassen .rdv-container .rdv-top h2{
        max-width: 30.2rem;
    }

    .landing-page__strassen .rdv-container .rdv-top h2 span{
        display: inline;
    }

    .landing-page__strassen .rdv-container .rdv-top__wrapper,
    .landing-page__strassen .rdv-container .rdv-bottom__wrapper,
    .landing-page__strassen .service__wrapper {
        padding: 4rem;
    }

    .landing-page__strassen .rdv-container .rdv-top::after{
        right: 4rem;
    }

    .landing-page__strassen .rdv-container .step__el{
        flex-direction: row;
        justify-content: flex-start;
        gap: 3.5rem;
        text-align: left;
        margin-bottom: 2rem;
    }

    .landing-page__strassen .rdv-container .btn-container{
        justify-content: flex-start;
    }

    .landing-page__strassen .rdv-container .step::after{
        content: "";
        display: block;
        height: 90%;
        border-left: 1px dashed var(--color-base-2);
        position: absolute;
        left: 2.5rem;
        top: 0;
    }

}