:root {
    --text-dark-blue: #210465;
    --text-purple-grey: #7F7998;
    --text-light-grey: #BDBDCD;
    --hover-dark-blue : #280380;
    --bg-dark-blue : #1D1148;
    --bg-dark-blue-transparent : #1D1148C9;
    --bg-light-blue: #4986E104;
    --bg-light-grey : #F9F7FC;
    --purple-gradient: linear-gradient(90deg, #9734E1 0%, #3CBFDD 100%);
    --transparent : rgba(255, 255, 255, 0);
    --et-light-blue: #27CAFF;
    --et-purple: #8e44e0;
    --et-grey: #656565;
    --et-danger: #f05050;
}

@font-face {
    font-family: 'Sofia Pro';
    src: url('/files/fonts/Sofia/SofiaPro-Light-Az.woff') format('woff'), url('/files/fonts/Sofia/SofiaPro-Light-Az.otf') format('opentype');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Sofia Pro';
    src: url('/files/fonts/Sofia/SofiaPro-Regular-Az.woff') format('woff'), url('/files/fonts/Sofia/SofiaPro-Regular-Az.otf') format('opentype');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Sofia Pro';
    src: url('/files/fonts/Sofia/SofiaPro-Medium-Az.woff') format('woff'), url('/files/fonts/Sofia/SofiaPro-Medium-Az.otf') format('opentype');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Sofia Pro';
    src: url('/files/fonts/Sofia/SofiaPro-SemiBold-Az.woff') format('woff'), url('/files/fonts/Sofia/SofiaPro-SemiBold-Az.otf') format('opentype');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Sofia Pro';
    src: url('/files/fonts/Sofia/SofiaPro-Bold-Az.woff') format('woff'), url('/files/fonts/Sofia/SofiaPro-Bold-Az.otf') format('opentype');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Sofia Pro';
    src: url('/files/fonts/Sofia/SofiaPro-Black-Az.woff') format('woff'), url('/files/fonts/Sofia/SofiaPro-Black-Az.otf') format('opentype');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

body
{
    font-family: Sofia Pro, sans-serif;
    color: #210465;
    font-weight: 300;
}

ul
{
    padding:0px;
    margin: 0px
}

strong
{
    font-weight: 700;
}

em.bold
{
    font-weight: 700;
}

.container-et {
    min-height: 100vh;
    display:flex;
    flex-flow: column;
}

#footer_container {
    width:100%;
}

.cookies-text
{
    font-size: 0.825rem;
    line-height: 1.6;
    text-align: center;
}

.fe.fe-bold
{
    font-weight: 900;
}

.ext-link-obf:hover {
    text-decoration: underline;
    cursor: pointer;
}

/* ============================================= */
/* UTILITIES */
/* ============================================= */
    .max-w-100
    {
        max-width: 100%;
    }

    .max-w-90
    {
        max-width: 90%;
    }

    .max-w-80
    {
        max-width: 80%;
    }

    .max-w-70
    {
        max-width: 70%;
    }

    .max-w-60
    {
        max-width: 60%;
    }

    .max-w-50
    {
        max-width: 50%;
    }

    .w-md-85 {width: 85%;}
    @media (max-width: 991.98px) {.w-md-85 {width: 100%;}}

    .bg-img-contain, .bg-img-cover
    {
        background-repeat: no-repeat;
        background-clip: border-box;
        background-position: center;
    }

    .bg-img-cover
    {
        background-size: cover;
    }

    .bg-img-contain
    {
        background-size: contain;
    }

    .text-primary
    {
        color: #27CAFF !important;
    }

    .text-dark-blue
    {
        color: #210465 !important;
    }

    .text-dark-blue-bg
    {
        color: #1D1148 !important;
    }

    .text-blue-grey
    {
        color:#506690 !important;
    }

    .text-hover-white:hover, .text-hover-white:hover .icon-hover-white
    {
        color:#ffffff !important;
    }

    .text-purple-gradient
    {
        background-image: linear-gradient(90deg, #9734E1 0%, #3CBFDD 100%);
        background-clip: text;
        -webkit-background-clip: text;
        color: rgba(255, 255, 255, 0);
    }

    .only-safari
    {
        display:none;
    }

    @supports (-webkit-backdrop-filter: blur(1px)) {
        .text-purple-gradient, .text-purple-gradient p, .text-purple-gradient h1, .text-purple-gradient div, .text-purple-gradient span
        {
            display: inline;
            -webkit-box-decoration-break: clone;
            box-decoration-break: clone;
        }

        .only-safari{
            display: inline;
        }
    }

    .text-bg-dark-blue
    {
        color: #1D1148;
    }

    .text-purple-php
    {
        color: rgb(197, 143, 255);
    }

    .overlay-et-gradient::before {
        background: linear-gradient(90deg, #9734E1 0%, #3CBFDD 100%);
        mix-blend-mode: multiply;
    }

    .bg-dark-blue, .overlay-et-dark-blue::before
    {
        background-color: #1D1148;
        color: white;
    }

    .bg-homepage, .bg-purple-blue-orange, .bg-purple-blue-orange.dropdown-img-left
    {
        background-color: #5877b7;
        background-image: url('/img/front/homepage/bg-purple-blue-orange-2.webp');
        color:white;
    }

    .bg-light-blue
    {
        background-color: #4986E104;
    }

    .bg-light-grey
    {
        background-color: #F9F7FC;
    }

    .bg-light-purple
    {
        background-color: rgba(140, 76, 231, 0.12);
    }

    .bg-flashy-purple {
        background-color: #8C4CE7;
        color: #ffffff;
    }

    .shadow-inset-dark-blue
    {
        box-shadow: inset 2000px 0 0 0 #1D1148C9;
    }

    .border-light-blue
    {
        border-color: #27CAFF !important;
    }

    .border-transparent
    {
        border-color: rgba(255, 255, 255, 0) !important;
    }

    .partial-banner-right
    {
        border-top-left-radius: 1rem;
        border-bottom-left-radius: 1rem;
        margin-left:auto;
        max-width: 95%;
    }
    @media (min-width: 992px) {.partial-banner-right {max-width: 90%;}}
    @media (min-width: 1450px) {.partial-banner-right {max-width: 85%;}}
    @media (min-width: 1660px) {.partial-banner-right {max-width: 80%;}}
    @media (min-width: 1975px) {.partial-banner-right {max-width: 75%;}}
    @media (min-width: 2460px) {.partial-banner-right {max-width: 70%;}}

    [class^='et-title'] 
    {
        font-weight: 600;
        letter-spacing: 0;
    }

    .et-title-1
    {
        font-size: 3rem; 
        line-height: 54px;
    }

    .et-title-2
    {
        font-size: 40px;
        line-height: 52px;
        letter-spacing: -0.05px;
    }

    .et-title-3
    {
        font-size: 30px;
        line-height: 44px;
    }

    .et-title-4
    {
        font-size: 1.5625rem;
        line-height: 36px;
        letter-spacing: -0.03px;
    }

    .et-text-xs, .page-copyright
    {
        font-size: 0.875rem;
        line-height: 1.52857;
    }

    .et-text-sm
    {
        font-size: 19px;
        line-height: 29px;
        letter-spacing: -0,02px;
    }
    
    .et-text-md
    {
        letter-spacing: -0.5px;
        font-size: 20px;
        line-height: 25px;
    }

    .et-text-lg
    {
        font-size: 28px;
        line-height: 38px;
    }

    .et-text-normal
    {
        font-size: 1.0625rem;
    }

    .fs-16 {
        font-size: 1rem;
    }

    .fs-13 {font-size: 0.813rem;}

    .line-height-1 {line-height: 1!important;}

    .et-font-bold
    {
        font-weight: 700;
    }

    .et-font-semibold
    {
        font-weight: 600!important;
    }

    .et-font-medium
    {
        font-weight: 500;
    }

    .et-font-normal
    {
        font-weight: 400;
    }

    .et-font-thin
    {
        font-weight: 300;
    }

    .et-text-shadow
    {
        text-shadow: 0px 5px 99px #000000C2;
    }

    /* BORDERS */
    .bb-0, .by-0
    {
        border-bottom: none !important;
    }

    .bt-0, .by-0
    {
        border-top: none !important;
    }

    .bl-0, .bx-0
    {
        border-left: none !important;
    }

    .br-0, .bx-0
    {
        border-right: none !important;
    }

    .b-0
    {
        border: none !important;
    }

    .rounded-on-hover:hover
    {
        border: 1px solid white;
        border-radius: 0.375rem;
    }

    .rounded-30 {border-radius: 1.875rem;}
    .rounded-50 {border-radius: 3.125rem;}

    .et-rounded-md {border-radius: 1rem;}
    .rounded-top-left {border-top-left-radius: 1rem;}
    .rounded-bottom-left {border-bottom-left-radius: 1rem;}
    .rounded-top-right {border-top-right-radius: 1rem;}
    .rounded-bottom-right {border-bottom-right-radius: 1rem;}

    /* LINKS */

    a.no-decoration-link, a.no-decoration-link:hover, a.no-decoration-link:focus, a.no-decoration-link:active
    {
        text-decoration: none;
    }

    /* BUTTONS */
    .btn.border-white
    {
        border-color: white !important;
    }

    .btn
    {
        font-weight: 400;
        letter-spacing: 0.82px;
        line-height: 27px;
    }

    .btn.btn-outline-primary
    {
        color: #210465;
        border-color: #210465;
    }

    .btn.btn-primary
    {
        background-color: #1D1148;
        color: white;
    }

    .btn.btn-light
    {
        background-color: white;
        color: #210465;
    }

    .btn.btn-outline-white
    {
        color: white;
        border-color: white;
    }

    .btn.btn-primary:hover, .btn.btn-outline-primary:hover, .btn.btn-outline-primary.signin-type.active
    {
        background-color: #280380;
        border-color: #280380;
        color: white;
    }

    .btn.btn-outline-white:hover
    {
        background-color: white;
        color: #210465;
    }

    /* ANY BROWSER BUT FIREFOX */
    @supports not (-moz-user-select: unset) {
        .btn.btn-outline-purple-gradient
        {
            border-color: rgba(255, 255, 255, 0);
            color: rgba(255, 255, 255, 0);
            background-image: linear-gradient(90deg, #9734E1 0%, #3CBFDD 100%), linear-gradient(white, white), linear-gradient(90deg, #9734E1 0%, #3CBFDD 100%);
            -webkit-background-clip: text, padding-box, border-box;
            background-clip: text, padding-box, border-box;
            background-origin: border-box;
        }
    }

    /* FIREFOX SPECIFIC STYLE */
    @supports (-moz-user-select: unset) {
        .btn.btn-outline-purple-gradient
        {
            border-color: #8e44e0;
            color: rgba(255, 255, 255, 0);
        }
    }

    .btn.btn-outline-purple-gradient:hover, .btn.btn-outline-purple-gradient:focus
    {
        background: linear-gradient(90deg, #9734E1 0%, #3CBFDD 100%);
        color:white;
        border-color: rgba(255, 255, 255, 0);
    }

    /* HOVER ANIMATION */
    [class*='hover-']
    {
        transition: all 0.2s ease; 
    }
    @media (prefers-reduced-motion: reduce)
    {
        [class*='hover-']
        {
            transition: none; 
        }
    }
    .hover-scale-110:hover
    {
        transform: scale(1.1) !important;
    }

    .hover-scale-105:hover
    {
        transform: scale(1.05) !important;
    }
    
    .hover-scale-x-110:hover
    {
        transform: scaleX(1.1) !important;
    }

    .card.hover-scale-110:hover {
        z-index: 2;
        border-radius: 0.375rem !important;
    }

    /* CONTAINER WITH ICONS FOR PARALLAX */
    .parallax-container
    {
        position:relative;
        z-index:0;
    }

    .parallax-container .icons-overlay
    {
        position:absolute;
        z-index: 1;
    }

    .parallax-container .icon-unit[class^="icon-"]
    {
        width:100px;
        height: 100px;
        position:absolute;
        z-index: 1;
    }

    .parallax-container .parallax-unit
    {
        max-width: 100%;
        height:auto;
        position:absolute;
        top:0;
        left:0;
        z-index: -1;
    }

    /* ICONS */
    .et-icon [class^="icon-"]
    {
        height:120px;
        width: 213px;
        display: block;
        margin: auto;
        background-repeat: no-repeat;
        background-size: cover;
        background-clip: border-box;
        background-position: center;
    }

    .icon-check
    {
        background-image: url('/img/front/front-icons/check_250x150.png');
    }

    .icon-chrono
    {
        background-image: url('/img/front/front-icons/chrono_250x150.png');
    }

    .icon-cb
    {
        background-image: url('/img/front/front-icons/picto_cb_orange_250x150.png');
    }

    .icon-unlocked
    {
        background-image: url('/img/front/front-icons/unlocked_250x150.png');
    }


    /* CORRECTION APPEND */
    .input-group-focus .input-group-text
    {
        color: #161c2d;
        background-color: #fff;
        border-color: #a7b9f6;
        outline: 0;
    }

    /* customize components */
    .et-under-video-banner.position-absolute
    {
        width: 100%;
        height: 65%;
        top: 17.5%;
    }
/* ============================================= */

/* ============================================= */
/* CARD */
/* ============================================= */
.card.rounded-30 .card-img-top {
    border-top-left-radius: 1.875rem;
    border-top-right-radius: 1.875rem;
}
.card.rounded-50 .card-img-top {
    border-top-left-radius: 3.125rem;;
    border-top-right-radius: 3.125rem;;
}
/* ============================================= */

/* ============================================= */
/* NAVBAR & FOOTER */
/* ============================================= */

    /* NAVBAR */
    .navbar .nav-link
    {
        font-weight: 400;
    }

    .navbar.navbar-scrolled
    {
        background-color: white;
        box-shadow: 0px 9px 16px #410C9E21;
        color: #210465;
    }

    .navbar.navbar-scrolled a.nav-link,
    .navbar.navbar.navbar-scrolled .navbar-toggler em {
        color: #210465;
    }

    .navbar:not(.navbar-scrolled) .btn.btn-outline-primary
    {
        color: white;
        border-color: white;
    }

    .navbar:not(.navbar-scrolled) a.nav-link,
    .navbar:not(.navbar-scrolled) .navbar-toggler em {
        color: white;
    }

    .navbar-btn {
        border-radius: 50rem;
        letter-spacing: 0;
        line-height: 23px;
    }
    .navbar-collapse
    {
        -webkit-box-flex: 0;
        flex-grow: 0;
    }

    .navbar:not(.navbar-scrolled) .nav-link:hover, #dropdownSupport .list-group-item .text-hover-blue,
    .navbar:not(.navbar-scrolled) .nav-link:hover, #dropdownTargets .list-group-item .text-hover-blue
    {
        color: #280380 !important;
    }

    .navbar.navbar-scrolled .nav-link:hover, #dropdownSupport .list-group-item:hover .text-hover-blue,
    .navbar.navbar-scrolled .nav-link:hover, #dropdownTargets .list-group-item:hover .text-hover-blue
    {
        color:#506690 !important;
    }

    /* fix display navbar between desktop-tablet (ipad Pro) */
    @media (max-width: 1180px)
    {
        .navbar-expand-lg .navbar-nav .nav-link
        {
            padding-right: 1rem;
            padding-left: 1rem;
        }
    }

    @media (max-width: 1099px)
    {
        .navbar-expand-lg .navbar-nav .nav-link
        {
            padding-right: 0.5rem;
            padding-left: 0.7rem;
        }
    }

    @media (max-width: 991.98px)
    {
        .navbar:not(.navbar-scrolled) a.nav-link
        {
            color: #210465;
        }
        .navbar-btn
        {
            margin : 5px 10px;
        }

        .navbar:not(.navbar-scrolled) .btn.btn-outline-primary
        {
            color: #210465;
            border-color: #210465;
        }

        #mainNavbar
        {
            padding-top: 0.5rem !important;
            padding-bottom: 0.5rem !important;
        }
    }

    .dropdown-header, .text-hover-blue,
    .dropdown-item:focus, .dropdown-item:hover
    {
        color: #280380;
    }

    .navbar-nav .dropdown-img-right {
        height:100%;
        display:none;
        -webkit-box-orient:vertical;
        -webkit-box-direction:normal;
        flex-direction:column;
        -webkit-box-pack:center;
        justify-content:center;
        -webkit-box-align:center;
        align-items:center;
        padding:1.625rem 1.75rem;
        background:no-repeat center center/cover;
        border-top-right-radius:.375rem;
        border-bottom-right-radius:.375rem
    }
    @media (min-width:992px) {
        .navbar-nav .dropdown-img-right {
            display:-webkit-box;
            display:flex
        }
    }
    .navbar-nav .dropdown-img-right::before {
        content:"";
        position:absolute;
        top:0;
        right:0;
        bottom:0;
        left:0;
        background-color:rgba(51,94,234,.8);
        border-radius:inherit
    }
    .navbar-nav .dropdown-img-right * {
        position:relative;
    }@media (min-width:992px) {
        .navbar-nav .dropdown-menu-lg .dropdown-img-right,
        .navbar-nav .dropdown-menu-xl .dropdown-img-right {padding:2.375rem 2.5rem}
    }

    .navbar-nav .dropdown-img-left::before, .navbar-nav .dropdown-img-right::before
    {
        background-color: unset;
    }

    /* FOOTER */
    #back-to-top
    {
        background-color: #1D1148;
        color: white;
        border: solid 2px white;
        box-shadow: 0 0px 10px 0 rgba(62, 119, 157, 0.4);
        border-radius: 100%;
        font-size: 16px;
        padding: 12px 13px;
        position: fixed;
        bottom: 5px;
        z-index: 8800;
        margin: 13px 20px;
        opacity: 0;
        right:300px;
        transition: all 0.5s;
    }

    @media only screen and (max-width: 991.98px)
    {
        #back-to-top
        {
            display: none;
        }
    }

    .show-btt
    {
        opacity: 1 !important;
        transition: all 0.5s;
    }

    .partner-footer-unit
    {
        height: 40px;
        margin: 10px 20px;
        align-self: center;
    }

    .badge {padding-top: calc(0.25rem + 2px);}

    /* HUBSPOT FORM */
    /* reprise de form-control pour les inputs */
    .hbspt-form input:not([type="submit"])
    {
        display: block;
        width: 100%;
        height: calc(1.6em + 1.625rem + 2px);
        padding: 0.8125rem 1.25rem;
        font-size: 1.0625rem;
        font-weight: 400;
        line-height: 1.6;
        color: #161c2d;
        background-color: #fff;
        background-clip: padding-box;
        border: 1px solid #f1f4f8;
        border-radius: 0.375rem;
        box-shadow: none;
        -webkit-transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
        transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    }
    .hbspt-form input:not([type="submit"]):focus
    {
        color: #161c2d;
        background-color: #fff;
        border-color: #a7b9f6;
        outline: 0;
    }
    
    /* reprise style des boutons */
    .hbspt-form .hs-button {
        display: inline-block;
        font-weight: 400;
        color: #161c2d;
        text-align: center;
        vertical-align: middle;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        background-color: transparent;
        border: 1px solid transparent;
        padding: 0.8125rem 1.25rem;
        font-size: 1.0625rem;
        letter-spacing: 0.82px;
        line-height: 27px;
        border-radius: 0.375rem;
        -webkit-transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
        transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    }

    /* NEWSLETTER */
    #newsletter-form .hbspt-form h3 {
        font-size: 0.875rem!important;
        text-align: left!important;
    }
    #newsletter-form .hbspt-form .hs-form-field {font-size: 0.875rem;}
    #newsletter-form .hbspt-form .hs-form-field label {font-size: 0.75rem}
    #newsletter-form .hbspt-form input:not([type="submit"])
    {
        height: unset;
        padding: 0.25rem 0.5rem;
        font-size: 0.875rem;
    }
    #newsletter-form .hbspt-form .inputs-list {list-style: none;}
    #newsletter-form .hbspt-form .hs-error-msgs {color: #f05050; font-size: 0.75rem;}
    #newsletter-form .hbspt-form .hs-error-msgs > li {padding: 0.25rem;}
    #newsletter-form .hbspt-form .hs-error-msgs label {margin-bottom: 0;}
    #newsletter-form .hbspt-form .hs-button
    {
        display: block;
        width: 100%;
        line-height: unset;
        font-size: 0.875rem;
        padding-top: 0.25rem;
        padding-bottom: 0.25rem;
        margin: 0.5rem 0;
        color: white;
        background-color: #1D1148;
        border-color: white;
        box-shadow: none;
        border-radius: 50rem;
        -webkit-transition: box-shadow .25s ease,-webkit-transform .25s ease;
        transition: box-shadow .25s ease,-webkit-transform .25s ease;
        transition: box-shadow .25s ease,transform .25s ease;
        transition: box-shadow .25s ease,transform .25s ease,-webkit-transform .25s ease;
    }
    #newsletter-form .hbspt-form .hs-button:hover
    {
        background-color: #280380;
        box-shadow: 0 1rem 2.5rem rgba(22,28,45,.1),0 .5rem 1rem -.75rem rgba(22,28,45,.1)!important;
        -webkit-transform: translate3d(0,-3px,0);
        transform: translate3d(0,-3px,0);
    }
/* ============================================= */

/* =============================================
     COMPONENTS : uk-notify
 ============================================= */

    .uk-notify-message.alert.alert-normal
    {
        background:#292C45 !important;
    }

    .uk-notify {
        z-index: 5000;
    }

/* ============================================= */

/* =============================================
     COMPONENTS : form-validation
 ============================================= */
    .parsley-error {
        border-color: #f05050 !important; }
    
    .parsley-required,
    .parsley-type,
    .parsley-equalto {
        color: #f05050; }
    
    .parsley-errors-list {
        display: none;
        margin: 0;
        padding: 0; }
        .parsley-errors-list.filled {
        display: block; }
        .parsley-errors-list > li {
        font-size: 12px;
        list-style: none;
        color: #f05050; }
    
/* ============================================= */

/* =============================================
    HOMEPAGE
 ============================================= */

    .homepage-heading-container
    {
        position: relative;
        height:570px;
    }

    .homepage-heading-container img
    {
        position: absolute;
    }

    .homepage-img-phone
    {
        width: 331.2px;
        top: 13px;
        left: -50px;
        z-index: 2;
    }

    .homepage-img-desktop
    {
        max-height: 750px;
        top:-110px;
        left: 100px;
        z-index: 1;
    }

    @media (min-width: 991.98px) and (max-height: 823.98px)
    {
        .homepage-img-phone
        {
            width: 290px;
            top: 70px;
            left: -50px;
        }
        .homepage-img-desktop
        {
            height: 90vh;
            top: -45px;
        }
    }

    @media (min-width: 991.98px) and (max-height: 714.98px)
    {
        .homepage-img-phone
        {
            width: 270px;
            top: 90px;
        }
        .homepage-img-desktop
        {
            top: -5px;
        }
    }

    @media (max-width: 991.98px)
    {
        .homepage-img-phone
        {
            width: 290px;
            top: 70px;
            left: 100px;
            z-index: 2;
        }

        .homepage-img-desktop
        {
            height: 600px;
            top:0;
            left: 250px;
            z-index: 1;
        }
    }

    .bg-homepage
    {
        min-height:100vh;
    }

    .bg-homepage-boxes
    {
        background-image: url('/img/front/homepage/bg-boxes.webp');
        color:white;
    }

    .bg-homepage-dark-blue-icons
    {
        background-image: url('/img/front/homepage/bg-dark-blue-icons.png');
        color:white;
    }

    .homepage.parallax-container .icon-chrono-shadow
    {
        top:50px;
        left:20px;
    }

    .homepage.parallax-container .icon-whatsapp
    {
        top:20px;
        right:10px;
    }

    .homepage.parallax-container .icon-messenger
    {
        bottom:75px;
        left:15px;
    }

    .homepage.parallax-container .icon-check-shadow
    {
        bottom:225px;
        right:25px;
    }

    @media (max-width: 991.98px)
    {
        .homepage.parallax-container .icon-chrono-shadow
        {
            top: 75px;
            left: 90px;
        }

        .homepage.parallax-container .icon-whatsapp
        {
            top: 30px;
            right: 75px;
        }

        .homepage.parallax-container .icon-messenger
        {
            bottom: 90px;
            left: 75px;
        }

        .homepage.parallax-container .icon-check-shadow
        {
            bottom: 275px;
            right: 95px;
        }
    }

    @media (max-width: 767.98px)
    {
        .homepage.parallax-container .icon-chrono-shadow
        {
            top: 60px;
            left: 25px;
        }

        .homepage.parallax-container .icon-whatsapp
        {
            top: 15px;
            right: 15px;
        }

        .homepage.parallax-container .icon-messenger
        {
            bottom: 65px;
            left: 20px;
        }

        .homepage.parallax-container .icon-check-shadow
        {
            bottom: 215px;
            right: 35px;
        }
    }

    @media (max-width: 575.98px)
    {
        .homepage.parallax-container .icon-chrono-shadow
        {
            top: 70px;
            left: 35px;
        }

        .homepage.parallax-container .icon-whatsapp
        {
            top: 15px;
            right: 25px;
        }

        .homepage.parallax-container .icon-messenger
        {
            bottom: 70px;
            left: 30px;
        }

        .homepage.parallax-container .icon-check-shadow
        {
            bottom: 235px;
            right: 45px;
        }
    }

    @media (max-width: 415.98px)
    {
        .homepage.parallax-container .icon-chrono-shadow
        {
            top: 30px;
            left: -5px;
        }

        .homepage.parallax-container .icon-whatsapp
        {
            top: 5px;
            right: -10px;
        }

        .homepage.parallax-container .icon-messenger
        {
            bottom: 35px;
            left: -10px;
        }

        .homepage.parallax-container .icon-check-shadow
        {
            bottom: 155px;
            right: 0;
        }
    }

    @media (max-width: 320.98px)
    {
        .homepage.parallax-container .icon-chrono-shadow
        {
            top: 15px;
            left: -25px;
        }

        .homepage.parallax-container .icon-whatsapp
        {
            top: -5px;
            right: -25px;
        }

        .homepage.parallax-container .icon-messenger
        {
            bottom: 10px;
            left: -30px;
        }

        .homepage.parallax-container .icon-check-shadow
        {
            bottom: 95px;
            right: -10px;
        }
    }

    /* TESTIMONIAL */
    .testimonial-img img
    {
        height: 100%;
        width: auto;
    }

    .testimonial-text
    {
        color: #7F7998;
        font-size: 16.5px;
        line-height: 21px;
        letter-spacing: 0;
    }

    .testimonial-overview
    {
        height: 80px;
        overflow:hidden;
        position: relative;
    }
    .testimonial-overview::after
    {
        content: "";
        text-align: right;
        position: absolute;
        bottom: 0;
        right: 0;
        width: 100%;
        height: 28px;
        background: linear-gradient(to bottom, rgba(255, 255, 255, 0), white);
    }

    .testimonial-link
    {
        text-decoration: underline;
        font-weight: 400;
        color: #210465;
        cursor: pointer;
    }

    .testimonial-link:hover, .testimonial-link:focus
    {
        color: #280380;
        text-decoration: none;
    }

    /* CAROUSEL */
    .homepage-carousel .carousel-cell
    {
        width: 100%;
        /* min-height: 150px; */
        margin: 0 10px;
    }

    .homepage-carousel .flickity-page-dots
    {
        bottom: -75px;
    }

    .clients-carousel-logo
    {
        height: 70px;
    }
/* ============================================= */


/* =============================================
    E-COMMERCE PAGE 
 ============================================= */

    /* CAROUSEL */
    .ecommerce-carousel-cell
    {
        min-height: 100%;
    }

  .ecommerce-carousel-cell > .card
    {
        height: 100%;
    }  

    .ecommerce-carousel .flickity-prev-next-button
    {
        display:none;
    }

    .ecommerce.parallax-container .icons-overlay
    {
        top: -60px;
        left: -75px;
        max-width: 115%;
    }

    .code-block
    {
        height:440px;
    }

    @media (max-width: 1098.98px)
    {
        .language-php
        {
            font-size:0.65rem;
        }
    }

    @media (max-width: 991.98px)
    {
        .ecommerce-carousel .flickity-prev-next-button
        {
            display:block;
        }

        .ecommerce.parallax-container .icons-overlay
        {
            top: -30px;
            left: -65px;
            max-width: 100%;
        }
    }

    @media (max-width: 575.98px)
    {
        .language-php
        {
            font-size:0.585rem;
        } 
    }


/* ============================================= */

/* ============================================= */
/* DISTANCE PAGE */
/* ============================================= */

    .distance-payment.parallax-container .icons-overlay
    {
        top: 0;
        left: 70px;
    }

    .distance-catalogue.parallax-container .icons-overlay
    {
        top: 45px;
        left: 0;
    }

    @media (max-width: 991.98px)
    {
        .distance-payment.parallax-container .icons-overlay
        {
            left: 45px;
        }
    }
/* ============================================= */


/* ============================================= 
    APPLICATION PAGE 
 ============================================= */
    .application-history.parallax-container .icons-overlay
    {
        bottom: 0;
        left: 5px;
    }

    .application-payment.parallax-container .icons-overlay
    {
        top: 0;
        left: 45px;
    }

    @media (max-width: 991.98px)
    {
        .application-history.parallax-container .icons-overlay
        {
            bottom: 0;
            left: 75px;
        }

        .application-payment.parallax-container .icons-overlay
        {
            top: 0;
            left: 25px;
        }
    }
    
    @media (max-width: 767.98px)
    {
        .application-history.parallax-container .icons-overlay
        {
            bottom:0;
            left: 10px;
        }
    }

/* ============================================= */

/* =============================================
    MARKETPLACE PAGE 
 ============================================= */
    .marketplace-img {
        width:480px;
    }

    @media (max-width: 991.98px)
    {
        .marketplace-img
        {
            width: 100%;
        }
    }
/* ============================================= */

/* =============================================
    RATES PAGE 
 ============================================= */
    .tooltip__rates__toggle
    {
        cursor: pointer;
    }

    .tooltip__rates
    {
        display:none;
        position:absolute;
        z-index:999;
        top: -30%;
        right: -15%;
    }

    .tooltip__rates__content
    {
        position: relative;
        background-color: white;
        border: 1px solid #7c69ef;
        color: #210465;
        border-radius: 0.375rem;
        width: 240px;
    }

    .tooltip__rates__content::before
    {
        content: " ";
        position: absolute;
        display:block;
        border: 15px solid rgba(255, 255, 255, 0);
        width: 0px;
        left:-11%;
        top:50%;
        border-left: 0;
        border-right: 15px solid #7c69ef;
        transform: translate(calc(100% - 5px), -50%);
    }

    .tooltip__rates__toggle:hover .tooltip__rates
    {
        display: block;
    }

    @media (max-width: 1199.98px)
    {
        .tooltip__rates
        {
            right: -21%;
        }
    }

    @media (max-width: 991.98px)
    {
        .tooltip__rates
        {
            top: -33.33%;
            right: -48%;
        }

        .tooltip__rates__content::before
        {
            left:-10.5%;
        }
    }

    @media (max-width: 767.98px)
    {
        .tooltip__rates
        {
            top: 50%;
            right: 10%;
        }

        .tooltip__rates__content::before
        {
            left:50%;
            top:6%;
            border: 15px solid rgba(255, 255, 255, 0);
            border-top: 0;
            border-bottom: 15px solid #7c69ef;
            transform: translate(-50%, calc(-100% - 5px));
        }
    }

    @media (max-width: 575.98px)
    {
        .tooltip__rates__content::before
        {
            top:5%;
        }
    }
/* ============================================= */

/* ============================================= 
    SIGNIN & LOGIN PAGES
 ============================================= */
    .bg-et-theme-gradient
    {
        background: transparent linear-gradient(270deg, #6458FF 0%, #27CAFF 100%) 0% 0% no-repeat padding-box;
        color: #fff;
    }
    
    .signin-card:not(.bg-purple-blue-orange)
    {
        color: #210465;
    }

    .signin-card
    {
        border-radius: 2.5rem;
    }

    .et-signin-label
    {
        font-size: 0.9rem;
        line-height: 16px;
        color: #656565;
    }

    .et-signin-form-control, .btn.signin-type
    {
        line-height: 15px;
        font-size: 0.84rem;
    }

    .et-signin-form-control
    {
        height:unset;
    }

    .btn.signin-type
    {
        line-height: 18px;
        font-weight: 500;
    }

    .signin-type-group
    {
        margin-top: .8125rem;
        margin-bottom: .8125rem;
    }


    .register-step2 .cgv-area
    {
        height: 605px;
        overflow-y: auto;
    }

    .register-step2 .cgv-area, .register-step2 .cgv-area p, .register-step2 .cgv-area li, .register-step2 .cgv-area strong, .register-step2 .cgv-area span,
    .register-step3 .cgv-area2, .register-step3 .cgv-area2 p, .register-step3 .cgv-area2 li, .register-step3 .cgv-area2 strong, .register-step3 .cgv-area2 span,
    .cgv-container, .cgv-container p, .cgv-container li, .cgv-container strong, .cgv-container span
    {
        font-size: 0.875rem;
        line-height: 1.52857;
        color: #656565;
        margin-bottom: 0 !important;
    }

    .register-step2 .register-separator,
    .register-step3 .register-separator
    {
        border-bottom: 1px dashed #656565;
    }

    .signin-card .c-checkbox em
    {
        font-size: 0.875rem;
        line-height: 1.52857;
        font-style: normal;
    }

    .register-congratulation-footer a.plain-link
    {
        font-size: 0.875rem;
        color:white;
        font-weight: 500;
    }

    @media (max-width: 991px)
    {
        .cgv-area2 .register-clear-sign
        {
            text-align: center;
            display: block;
            margin-bottom: 15px;
        }
        
        .cgv-area2 .register-sign
        {
            width: 100%;
        }
    }

    .signin-pincode-input input, .signin-pincode-input input:disabled
    {
        border-color: #BDBDCD;
    }

    .signin-pincode-input .pincode-input-container
    {
        justify-content: center;
    }
    
/* ============================================= */

/* ============================================= 
    CGV
 ============================================= */
    #CgvBlock ol > li.h2::marker
    {
        font-size: 1.9375rem;
    }
/* ============================================= */

/* ============================================= 
    FAQ PAGES
 ============================================= */

    .faqsubtitle {
        font-size: 15px;
        font-family: 'Sofia Pro', sans-serif;
        margin-bottom: 15px;
    }

    .faq-image-bloc {
        text-align:center;
    }

    .faq-image {
        max-width:600px;
        width:100%;
        margin-bottom: 20px;
    }

    .faq-image-large {
        max-width: 100%;
        width:100%;
        margin-bottom: 20px;
    }

    .faq-image-small {
        padding: 5px;
        max-height:480px;
        align-self: flex-end;
        max-width: 100%;
    }

    .faq-logo-card {
        max-height:50px;
    }

    .faq-logo-secu {
        margin:10px;
        max-height:50px;
    }

    .faq-side-text {
        flex-grow:1;
        max-width: 70%;
    }

    .faq-table ul li {
        margin-bottom:10px;
    }

    .faq-table td {
        vertical-align: top;
    }

    .faq-table .strongtd {
        padding-right: 1rem;
        border-right:2px solid #eeeeee;
        color: #27CAFF;
        font-weight: bold;
    }


    .faq-small {
        font-size: 11px !important;
        line-height: 17px;
    }
    .faq-countries {
        font-size:12px;
        text-align:center;
        margin-bottom:20px;
    }
    .faq-countries td {
        border:2px solid #eeeeee;
        padding:5px;
    }

    .faq-tarifs {
        font-size:13px;
    }
    .faq-tarifs tr>td:first-child {
        background-color:#dddddd;
    }
    .faq-tarifs td {
        padding:6px;
        border:2px solid #dddddd;
        min-width:90px;
        text-align:center;
    }

    /* CONTACT */

    .unroll-contact, .unroll-yes {
        margin-top:20px;
        height: 0px;
        opacity: 0;
        transition: all 0.3s;
        overflow:hidden;
    }

    .unroll-contact .fas {
        font-size:36px;
    }

    .unrolled-no {
        height: auto;
        opacity: 1 !important;
        transition: all 0.3s !important;
    }

    .unrolled-no-large {
        height: auto;
        opacity: 1 !important;
        transition: all 0.3s !important;
    }
    .unrolled-yes {
        height: auto;
        opacity:1 !important;
        transition:all 0.3s !important;
    }

    .phone-number {
        display:none;
        background-image: url('/img/support-phone-free.png');
        background-position: 50% 35px;
        background-size:40%;
        background-repeat:no-repeat;
        margin-top:30px;
        font-size: 1em;
        font-weight: bold;
        height: 85px;
    }

    @media (max-width: 575.98px)
    {
        .phone-number
        {
            background-position: center;
            background-size:60%;
        }
    }

    .show-phone {
        display:block !important;
    }

    /* CGVUL STYLE */
    ul.cgvul li
    {
        margin: 10px;
        list-style: none;
    }

    .cgvul li::before {
        content: "■";
        padding-right: 15px;
        color: #27CAFF;
    }

/* ============================================= */

/* ============================================= 
    ACTIVITIES
 ============================================= */
    .prohibited-activities .table td, .prohibited-activities .table th
    {
        padding: .75rem;
    }

    @media (max-width: 575.98px)
    {
        .prohibited-activities
        {
            font-size: 0.75rem;
            line-height: 1.42857143;
        }
    }
/* ============================================= */

/* ============================================= 
    ACTIVITIES
 ============================================= */
    .cgv-container, .cgv-container p, .cgv-container li, .cgv-container strong, .cgv-container span
    {
        color:unset;
    }
    
/* ============================================= */


/* ============================================= */

/* ============================================= 
    TARGETS
 ============================================= */

.btn-expand {
    width: 3rem;
    height: 3rem;}
.card-preview {
    position:relative;
    box-shadow: 0px 3px 6px #07070799;}
    .card-preview .card-body {
        position:relative;
        overflow:hidden;
        transition: height 0.34s ease;}
        /* Tablet et desktop */
        @media (min-width: 768px) {
            .card-preview:not(.card-preview-lg) {padding-bottom: 2.5rem;}
            .card-preview:not(.card-preview-lg) .card-body {height: 320px;}
            /* Défini uniquement sur tablet et desktop */
            .card-preview:not(.card-preview-lg).previewing .card-body::after {
                content: "";
                text-align: right;
                position: absolute;
                bottom: 0;
                right: 0;
                width: 100%;
                height: 160px;
                background: linear-gradient(to bottom, rgba(255, 255, 255, 0), #1D1148);
            }
        }
        @media (min-width: 992px) {
            .card-preview.card-preview-lg {padding-bottom: 2.5rem;}
            .card-preview.card-preview-lg .card-body {height: 320px;}
            /* Défini uniquement sur tablet et desktop */
            .card-preview.card-preview-lg.previewing .card-body::after {
                content: "";
                text-align: right;
                position: absolute;
                bottom: 0;
                right: 0;
                width: 100%;
                height: 160px;
                background: linear-gradient(to bottom, rgba(255, 255, 255, 0), #1D1148);
            }
        }
    .card-preview .btn-expand {
        position: absolute;
        bottom: 1rem;
        left: calc(50% - 1.5rem);}
    .card-preview.bg-dark-blue {
        background-color: rgba(29, 17, 72, 0.85);}
        .card-preview .card-body {background-color: #1D1148;}
        .card-preview.bg-dark-blue .btn-expand {
            background-color: #fff;
            color: #210465; }

/* SCROLL BTN */
.btn-scroll-left, .btn-scroll-right {font-size: 1.875rem;}
.btn-scroll-left {
    position: absolute;
    top: 50%;
    left: 0;}
.btn-scroll-right {
    position: absolute;
    top: 50%;
    right: 0;}

/* TABLE */
.et-table {
    width: 100%;}
    .et-table th:not(.et-empty-th), .et-table td {
        padding: 1rem;
        vertical-align: middle;
        border-top: 1px dotted #ffffff;
        border-left: 1px dotted #ffffff;}
    .et-table th, .et-table td {border-right: 1px dotted #ffffff;}
    .et-table tbody th:last-child, .et-table tbody td:last-child {border-bottom: 1px dotted #ffffff;}
    @media (min-width: 768px) {
        .et-table:not(.et-table-lg) th, .et-table:not(.et-table-lg) td {border-right: none;}
        .et-table:not(.et-table-lg) th:last-child, .et-table:not(.et-table-lg) td:last-child {border-right: 1px dotted #ffffff;}
        .et-table:not(.et-table-lg) tbody th:last-child, .et-table:not(.et-table-lg) tbody td:last-child {border-bottom: none;}
        .et-table:not(.et-table-lg) tbody tr:last-child th, .et-table:not(.et-table-lg) tbody tr:last-child td {border-bottom: 1px dotted #ffffff;}
    }

    @media (min-width: 992px) {
        .et-table.et-table-lg th, .et-table.et-table-lg td {border-right: none;}
        .et-table.et-table-lg th:last-child, .et-table.et-table-lg td:last-child {border-right: 1px dotted #ffffff;}
        .et-table.et-table-lg tbody th:last-child, .et-table.et-table-lg tbody td:last-child {border-bottom: none;}
        .et-table.et-table-lg tbody tr:last-child th, .et-table.et-table-lg tbody tr:last-child td {border-bottom: 1px dotted #ffffff;}
    }

    /* tablet */
    @media (max-width: 991.98px) {
        table.et-table.et-table-lg {display: block;}
        .et-table.et-table-lg tbody {
            display: -webkit-box;
            display: flex;
        }
        table.et-table.et-table-lg tr {
            display: -webkit-box;
            display: flex;
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
            flex-direction: column;
            -webkit-box-flex: 0;
            flex: 0 0 100%;
            max-width: 100%;
        }
        table.et-table.et-table-lg th, table.et-table.et-table-lg td {
            display: -webkit-box;
            display: flex;
            flex-wrap: wrap;
            -webkit-box-align: center;
            align-items: center;
            -webkit-box-pack: center;
            justify-content: center;
        }

        table.et-table.et-table-lg thead {display: none;}
    }
    /* mobile */
    @media (max-width: 767.98px) {
        table.et-table {display: block;}
        .et-table tbody {
            display: -webkit-box;
            display: flex;
        }
        table.et-table tr {
            display: -webkit-box;
            display: flex;
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
            flex-direction: column;
            -webkit-box-flex: 0;
            flex: 0 0 100%;
            max-width: 100%;
        }
        table.et-table th, table.et-table td {
            display: -webkit-box;
            display: flex;
            flex-wrap: wrap;
            -webkit-box-align: center;
            align-items: center;
            -webkit-box-pack: center;
            justify-content: center;
        }

        table.et-table thead {display: none;}
    }

.et-table .et-secondary-th {
    padding: 1rem;
    border-right: 1px dotted #ffffff;
    height: 100%;
    display: -webkit-box;
    display: flex;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;}

.et-table.table-responsive {-ms-overflow-style: none; scrollbar-width: none;}
.et-table.table-responsive::-webkit-scrollbar {display: none;}
/* ============================================= */