@import url(https://fonts.googleapis.com/css2?family=Montserrat:wght@700&family=Open+Sans&family=Poppins&display=swap);
a,button,h1,h2,h3,h4,h5,h6,p,span {
    color:var(--color)
}
button,h1,h2,h3,h4,h5,h6,li,span,ul {
    font-family:Poppins,sans-serif
}
p {
    line-height:1.5;
    color:var(--color-light);
    font-family:"Open Sans",sans-serif
}
h2 {
    font-size:2em;
    font-weight:700
}
nav i {
    color:#25d366
}
i {
    color:#f5bd4c
}
.sec1 {
    background: #15002b;}
button {
    overflow:hidden;
    cursor:pointer;
    outline:0;
    border:0
}
span.ripple {
    position:absolute;
    border-radius:50%;
    transform:scale(0);
    animation:ripple .6s linear;
    background-color:rgba(255,255,255,.7)
}
@keyframes ripple {
    to {
        transform:scale(4);
        opacity:0
    }
}
.system-pay img {
    transition:.5s ease-in-out ;
}
.system-pay i,.system-pay img {
    -webkit-animation:transform 3s ease-in-out ;
}
.system-pay .ideal {
    animation-delay:11s
}
.system-pay .ideal {
    animation-delay:11.5s
}
.system-pay .alipay {
    animation-delay:12s
}
.system-pay .visa {
    animation-delay:12.5s
}
.system-pay .mastercard {
    animation-delay:13s
}
.system-pay .jcb {
    animation-delay:13.5s
}
.system-pay .discover {
    animation-delay:14.5s
}
.system-pay .amex {
    animation-delay:15s
}
.system-pay .sofort {
    animation-delay:15.5s
}
.system-pay .wecaht {
    animation-delay:16s
}
.system-pay .P24 {
    animation-delay:16.5s
}
.system-pay .multibanco {
    animation-delay:17s
}
.system-pay .klarna {
    animation-delay:17.5s
}
.system-pay .giropay {
    animation-delay:18s
}
.system-pay .diners {
    animation-delay:18.5s
}
.system-pay .bancontact {
    animation-delay:19s
}
.system-pay .g-pay {
    animation-delay:19.5s
}
.system-pay .pay {
    animation-delay:20s
}
.system-pay .bitcoin {
    animation-delay:20.5s
}
.system-pay .ethereum {
    animation-delay:21s
}
@-webkit-keyframes transform {
    0% {
        -webkit-transform:translateY(0)
    }
    50% {
        -webkit-transform:translateY(-20px)
    }
    100% {
        -webkit-transform:translateY(0)
    }
}
.sec7 {
    background-color:#fafafa;
    background-repeat:no-repeat!important;
    padding-bottom:70px;
    margin-bottom:150px
}
.sec7 .title {
    padding:70px 0;
    width:100%;
    text-align:center;
    margin:0 auto
}
.sec7 .containerr {
    overflow:hidden;
    display:block;
    max-width:1500px;
    margin:0 auto;
    padding:20px
}
.sec7 .bot,.sec7 .top {
    display:flex;
    flex-direction:row;
    align-items:center
}
.sec7 .left {
    max-width:700px;
    margin-right:50px
}
.sec7 .bot .right {
    max-width:700px;
    margin-left:150px
}
.sec7 .left h3,.sec7 .right h3 {
    line-height:1.5;
    color:var(--background-dark);
    font-weight:700;
    font-size:2em;
    margin-bottom:40px
}
.sec7 .left p,.sec7 .right p {
    line-height:1.5;
    color:#576574;
    font-size:1.3em
}
.separateur {
    max-width:100px;
    background-color:#0c2136;
    border:3px solid #0c2136;
    margin-bottom:20px
}
.separateur2 {
    max-width:100px;
    background-color:#0c2136;
    border:3px solid #0c2136;
    margin-bottom:20px;
    margin-left:494px
}
.sec7 .bot img {
    margin:50px 0
}
.sec7 .right h3 {
    color:#0c2136;
    text-align:right
}
.sec7 .right p {
    text-align:right
}
@media screen and (max-width:1300px) {
    .sec7 .left {
        max-width:500px
    }
    .sec7 .bot .right {
        max-width:500px;
        margin-left:80px
    }
    .separateur2 {
        margin-left:400px
    }
}
@media screen and (max-width:1050px) {
    .sec7 .left {
        max-width:400px;
        margin-right:50px
    }
    .sec7 .bot .right {
        max-width:400px;
        margin-left:50px
    }
    .separateur2 {
        margin-left:300px
    }
}
@media screen and (max-width:1050px) {
    .transition {
        bottom:-229px
    }
    .sec7 .left {
        max-width:400px;
        margin-right:0
    }
    .sec7 .bot .right {
        max-width:400px;
        margin-left:0;
        margin-bottom:60px
    }
    .separateur {
        margin-left:145px
    }
    .separateur2 {
        margin-left:150px
    }
    .sec7 .bot,.sec7 .top {
        flex-direction:column;
        justify-content:center;
        align-items:center;
        text-align:center
    }
    .sec7 .right h2,.sec7 .right p,.sec7 h2,.sec7 p,.sec7 .right h3 {
        text-align:center
    }
    .bot {
        padding-left:0
    }
    .sec7 .top img {
        margin:50px 0
    }
    .sec7 img {
        width:65%
    }
    .sec7 #speimg {
        width:100%
    }
    .sec7 #speimgd {
        width:50%
    }
}
@media screen and (max-width:760px) {
    .transition {
        bottom:-219px;
        width:150%
    }
    .sec7 img {
        width:100%
    }
    .sec7 #speimgd {
        width:80%
    }
}
@media screen and (max-width:500px) {
    .transition {
        bottom:-188px;
        width:150%
    }
}
.sec1 .container {
    max-width:1500px;
    height:75vh;
    position:relative;
    margin:0 auto;
    flex-direction:column
}
.sec1 .top {
    margin-bottom:200px;
    margin-top:100px;
    z-index:9
}
.btn-start {
    width:300px;
    height:60px;
    background-color:transparent;
    border:3px solid var(--color);
    border-radius:40px;
    font-size:1.1em;
    font-weight:500;
    transition:.3s ease-in-out
}
.btn-start:hover {
    background-color:var(--color);
    color:#2c1b4b;
    cursor:pointer
}
.sec1 .top h1 {
    font-size:5em;
    font-weight:700;
    z-index:1;
    margin:0
}
.sec1 .top h2 {
    line-height:1.5;
    font-size:1em;
    font-weight:400;
    z-index:1;
    padding:40px 10px;
    max-width:800px;
    color:var(--color-light)
}
.sec1 .bot {
    display:flex;
    flex-direction:row;
    flex-wrap:wrap;
    position:absolute;
    bottom:-15em;
    z-index:99
}
.sec1 .box {
    max-width:400px;
    padding:40px 30px;
    margin:0 20px 80px 20px;
    border-radius:10px;
    transition:.5s;
    cursor:default;
    background-color:#460c83;
    box-shadow:0 50px 55px -30px #420088
}
.sec1 .box:hover {
    transform:translateY(-20px);
    box-shadow:0 60px 55px -20px #5800b6
}
.sec1 .box i {
    font-size:4em
}
.sec1 .box h3 {
    font-size:3.1em;
    margin:20px 0;
    font-weight:700
}
.sec1 .box p {
    font-size:.9em
}
.sec1 .box a {
    text-decoration:underline #fff
}
#mobile {
    display:none
}
.sec2 {
    margin-top:14em;
    margin-bottom:150px
}
.sec2 .container {
    max-width:1700px;
    height:70vh;
    position:relative;
    margin:40px auto;
    flex-direction:column
}
.sec2 .title {
    margin-bottom:70px
}
.sec2 p {
    line-height:1.5;
    padding:20px
}
.sec2 .features {
    display:flex;
    flex-direction:row;
    flex-wrap:wrap;
    justify-content:center;
    align-items:center;
    text-align:center
}
.sec2 .block-features {
    margin:30px 27.5px;
    display:flex;
    flex-direction:row;
    justify-content:center;
    align-items:center;
    text-align:left
}
.sec2 .text {
    display:flex;
    flex-direction:column;
    text-align:left
}
.sec2 i {
    font-size:8em
}
.sec2 .icon {
    max-width:100px
}
.sec2 h3 {
    font-size:2em;
    font-weight:700;
    color:var(--color-dark);
    margin-left:20px;
    margin-bottom:10px
}
.sec2 .features p {
    padding:0 0 0 20px;
    max-width:500px
}
.sec3 .container {
    max-width:100%;
    height:100%;
    position:relative;
    margin:40px auto;
    flex-direction:row;
    flex-wrap:wrap;
    overflow:hidden;
    background:var(--background-light)
}
.sec3 .box {
    max-width:33%;
    padding:130px 40px;
    margin:0;
    text-align:center;
    background:var(--background-light)
}
.sec3 #spe {
    background:var(--background)
}
.sec3 p {
    max-width:500px;
    padding:0 20px
}
.sec3 h3 {
    font-size:2em;
    font-weight:700;
    margin:30px 0;
    padding:0 15px
}
.sec3 i {
    font-size:5em
}
.system-pay {
    margin-bottom:70px
}
.system-pay .title {
    margin-bottom:30px
}
.system-pay .container {
    max-width:1500px;
    margin:0 auto;
    flex-direction:row;
    flex-wrap:wrap;
    padding:0 30px
}
.system-pay .box-pay {
    margin:20px
}
.system-pay h2 {
    color:var(--background)
}
.system-pay p {
    max-width:500px;
    margin:20px 10px
}
.system-pay i {
    font-size:4.5em;
    padding-bottom:10px;
    transition:.5s ease-in-out
}
.sec4 {
    margin-top:200px
}
.sec4 .title {
    margin-bottom:70px
}
.sec4 .container {
    max-width:1500px;
    margin:0 auto;
    flex-direction:column
}
.sec4 .mobile-text-no-cercle {
    display:none
}
.sec4 .box-middle,.sec4 .box-top-bot-middle {
    display:flex;
    flex-direction:row
}
.sec4 .box-middle {
    margin-left:50px
}
.sec4 .box-top-bot-middle .box {
    margin:40px 150px
}
.sec4 .box-top-bot-middle .box-top {
    margin-top:0
}
.sec4 .box-top-bot-middle .box-bot {
    margin-bottom:0;
    margin-left:170px
}
.sec4 .box-middle .box {
    margin:40px 80px;
    margin-left:70px
}
#maj {
    margin-left:200px
}
.sec4 .box {
    display:flex;
    flex-direction:column;
    justify-content:center;
    align-items:center;
    text-align:center
}
.sec4 h3 {
    font-size:2em;
    padding-top:15px;
    z-index:99;
    color:#360070
}
.sec4 .icon {
    max-width:95px;
    border-radius:900px;
    border:2px solid #360070
}
.sec4 .icon i {
    font-size:2em;
    padding:30px
}
.btn-plus {
    width:250px;
    height:70px;
    margin-top:20px;
    background-color:#360070;
    border:3px solid #360070;
    border-radius:40px;
    font-size:1.3em;
    font-weight:500;
    transition:.3s ease-in-out
}
.btn-plus:hover {
    background-color:var(--color);
    border:3px solid var(--background);
    color:#2c1b4b;
    cursor:pointer
}
.sec4 .icon-cercle i {
    font-size:3em
}
.sec4 .box-cercle-icon {
    position:relative
}
.sec4 .icon-cercle i {
    z-index:-1;
    left:-117px;
    padding-right:450px;
    padding-top:49px;
    position:absolute;
    transform-origin:50% 50%
}
@-webkit-keyframes rotating {
    from {
        -webkit-transform:rotate(0)
    }
    to {
        -webkit-transform:rotate(360deg)
    }
}
.sec4 .icon-cercle i {
    -webkit-animation:rotating 5s linear infinite
}
.contact-bar {
    width:100%;
    height:100%;
    display:flex;
    flex-direction:column;
    justify-content:center;
    align-items:center;
    text-align:center;
    background-attachment:fixed;
    background-repeat:no-repeat
}
.contact-bar h2 {
    margin:30px
}
.contact-bar a {
    margin-bottom:30px
}
.sec6 {
    background:#fff;
    margin-top:70px
}
.sec6 .container {
    max-width:1500px;
    height:100%;
    margin:0 auto;
    flex-direction:column;
    flex-wrap:wrap;
    justify-content:center;
    align-items:center;
    text-align:center
}
.sec6 .item-block {
    display:flex;
    flex-direction:row;
    flex-wrap:wrap;
    justify-content:center;
    align-items:center;
    text-align:center;
    padding:0
}
.sec6 .box {
    max-width:350px;
    padding:0px 30px 30px 30px;
    margin:0 20px 80px 20px;
    transition:.5s;
    cursor:default
}
.sec6 .box:hover {
    box-shadow:0 60px 55px -20px #9b9b9b
}
.sec6 img {
    width:30%
}
.sec6 h2 {
    padding-bottom:130px
}
.sec6 h3 {
    padding:20px 0;
    font-size:1.6em;
    font-weight:700;
    color:#360070
}
.sec6 p {
    font-size:.9em;
    line-height:1.75;
    color: rgb(115, 93, 187);
}
.sec6 i,.sec8 i {
    font-size:4em
}
.bc-language {
    height:100%;
    margin-bottom:100px;
    padding-bottom:50px;
    background-color:var(--background)
}
.bc-language .container {
    max-width:1500px;
    margin:0 auto;
    flex-direction:row;
    flex-wrap:wrap
}
.bc-language h2 {
    color:#fff;
    font-size:2.5em;
    margin-bottom:70px
}
.bc-language .language {
    position:relative;
    margin:23px
}
.bc-language h3 {
    opacity:0;
    margin-bottom:20px;
    font-size:1.5em;
    font-weight:700;
    transition:.5s ease-in-out
}
.bc-language .language:hover h3 {
    opacity:1
}
.bc-language img {
    transition:.5s ease-in-out
}
.sec5 {
    margin-bottom:150px
}
.sec5 .container {
    max-width:1500px;
    margin:0 auto;
    flex-direction:row;
    justify-content:space-between;
    margin-right:150px
}
.sec5 .left {
    max-width:35%;
    text-align:left;
    padding-left:50px
}
.sec5 .left h3 {
    color:var(--color-dark);
    font-size:3em;
    font-weight:700;
    padding-bottom:20px
}
.sec5 .left h2 {
    color:var(--color-dark);
    font-size:1.5em;
    padding-bottom:10px
}
.sec5 .features {
    margin:30px 30px;
    display:flex;
    flex-direction:row;
    justify-content:center;
    align-items:center;
    text-align:left
}
.sec5 .text {
    display:flex;
    flex-direction:column;
    text-align:left;
    margin-left:20px
}
.sec5 i {
    font-size:6em
}
.sec5 .text h3 {
    color:var(--color-dark);
    font-size:2em;
    font-weight:700;
    padding-bottom:10px
}
.sec5 P {
    max-width:700px
}
.sec5 .icon {
    max-width:100px
}
.sec8 {
    background:#fff
}
.sec8 .container {
    max-width:1500px;
    height:100%;
    margin:0 auto;
    padding:150px 0 70px 0;
    flex-direction:row;
    justify-content:center;
    align-items:center;
    text-align:center
}
.sec8 .item-block {
    display:flex;
    flex-direction:row;
    flex-wrap:wrap;
    justify-content:center;
    align-items:center;
    text-align:center;
    padding:0
}
.sec8 .box {
    max-width:350px;
    padding:30px;
    margin:0 20px 80px 20px;
    transition:.5s;
    cursor:default
}
.sec8 .box:hover {
    box-shadow:0 60px 55px -20px #9b9b9b
}
.sec8 img {
    width:30%
}
.sec8 h2 {
    line-height:1.5em;
    padding-left:20px;
    color:var(--background);
    padding-bottom:130px
}
.sec8 h3 {
    padding:20px 0;
    font-size:1.6em;
    font-weight:700;
    color:var(--background)
}
.sec8 p {
    font-size:.9em;
    line-height:1.75
}
.sec9 {
    position:relative;
    height:70vh
}
.sec9 .containerr {
    max-width:1500px;
    overflow: hidden;
    margin:0 auto;
    padding:70px 20px;
    height:40vh;
    cursor:pointer
}
.sec9 .containerr .swiper-container {
    width:100%;
    height:100%
}
.sec9 .containerr .swiper-slide {
    text-align:center;
    font-size:18px;
    background:var(--background);
    border-radius:20px;
    display:-webkit-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:flex;
    flex-direction:column;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    -webkit-justify-content:center;
    justify-content:center;
    -webkit-box-align:center;
    -ms-flex-align:center;
    -webkit-align-items:center;
    align-items:center;
    text-align:center;
    border-radius:15px
}
.sec9 .top {
    display:flex;
    flex-direction:row;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    -webkit-justify-content:center;
    justify-content:center;
    -webkit-box-align:center;
    -ms-flex-align:center;
    -webkit-align-items:center;
    align-items:center;
    text-align:left;
    padding:20px 0 40px 0
}
.sec9 .right {
    padding:20px
}
.sec9 .containerr .txt {
    max-width:1000px;
    padding:0 40px 40px 40px
}
.sec9 h3 {
    color:#fff;
    font-size:1.8em;
    font-weight:500;
    padding-bottom:20px
}
.sec9 p {
    color:#fff;
    font-size:1.1em;
    font-weight:400;
    line-height:1.5
}
.sec9 .containerr .swiper-slide img {
    display:block;
    object-fit:cover;
    border-radius:70px
}
.about-us {
    background:#232323
}
.about-us .container {
    max-width:1500px;
    height:100%;
    margin:0 auto;
    padding:150px 0;
    overflow:hidden
}
.about-us .column {
    max-width:1000px;
    margin:0 auto;
    display:flex;
    justify-content:center;
    flex-direction:column;
    justify-content:center;
    align-items:left;
    text-align:left;
    padding:0 20px;
}
.about-us h2 {
    color:#fff;
    font-size:1.5em;
    font-weight:500;
    padding-bottom:10px
}
.about-us .column h3 {
    max-width:500px;
    color:#fff;
    font-size:4em;
    font-weight:600;
    padding-bottom:60px;
    border-bottom:1px solid rgba(255,255,255,.651)
}
.about-us .column p {
    color:#fff;
    font-size:1.5em;
    font-weight:400;
    line-height:1.75;
    padding:20px 0
}
.about-us .image {
    width: 1800px;
    margin-right: 50px;
}
.about-us .image img {
    width: 100%;
    border: 2px solid #fff;
    border-radius: 20px;
}
.btn-plus {
    margin-left:0
}
.rep-res {
    height:100%;
    background-size:cover;
    background-position:center;
    background-repeat:no-repeat
}
.rep-res .title h2 {
    color:var(--color)
}
.rep-res .title p {
    max-width:700px;
    font-size:1.2em;
    color:#d8d8d8;
    padding:40px 0 70px 0
}
.rep-res .container {
    max-width:1500px;
    display:flex;
    margin:0 auto;
    flex-direction:row;
    flex-wrap:wrap;
    justify-content:center;
    align-items:center;
    text-align:center;
    padding-bottom:50px
}
.rep-res .bot {
    max-width:600px;
    flex-direction:column;
    text-align:left;
    margin:20px
}
.rep-res .q-logo {
    display:flex;
    flex-direction:row
}
.rep-res .bot h3 {
    font-size:1.5em;
    line-height:1.5em;
    font-weight:700;
    padding-left:25px;
    color:#faf9ff
}
.rep-res .bot p {
    padding:20px;
    line-height:1.5;
    color:#d8d8d8
}
.contact {
    background-color:#f9f9fb;
    padding:100px 15px;
    display: flex;
    justify-content: space-evenly;
    align-items: center;
    flex-direction: row;
    flex-wrap: wrap;
}
.cd-popup-container,.contact .container {
    max-width:900px;
    display:flex;
    flex-direction:column;
    justify-content:space-between;
    align-items:center;
    background-color:#fff;
    padding:20px 40px;
    border-radius:15px;
    box-sizing:border-box;
    box-shadow:0 10px 50px -10px #d6d6d6;
}

.calendly-inline-widget {
    margin-top: 100px;
}

.contact .title {
    text-align:center
}
.contact .title h2 {
    font-size:1.2em;
    font-weight:600;
    color:#0c2136;
    padding:10px 0
}
.contact .title h3 {
    font-size:3em;
    font-weight:700;
    color:#0c2136;
    padding-bottom:60px
}
.contact form {
    display:flex;
    flex-wrap:wrap;
    justify-content:space-between;
    max-width:600px
}
.contact form input {
    width:45%
}
.contact form input,.contact form textarea {
    width:42%;
    margin:15px 0;
    padding:10px 0;
    box-sizing:border-box;
    border:none;
    outline:0;
    border-bottom:2px solid #e4e4ec;
    transition:.3s
}
.contact form input:hover,.contact form textarea:hover {
    border-bottom:2px solid var(--background)
}
.contact form textarea {
    width:100%;
    height:150px;
    resize:none
}
.submit {
    width:192px;
    height:50px;
    border-radius:8px;
    background-color:var(--background);
    color:#fff;
    font-weight:700;
    font-size:1.2em;
    cursor:pointer;
    margin:0 auto;
    outline:0;
    transition:all ease .5s
}
.cd-popup-container .submit {
    margin-top:20px
}
.contact .submit {
    margin-top:60px
}
.active {
    font-size:0;
    background-color:transparent;
    color:var(--color-dark);
    border:3px solid var(--color-dark);
    width:50px;
    height:50px;
    border-radius:50%;
    border-left-color:transparent;
    animation:rotate .75s ease .5s infinite
}
@keyframes rotate {
    0% {
        transform:rotate(360deg)
    }
}
.success {
    font-size:1.2em;
    position:relative;
    background-color:#fff;
    border:3px solid var(--color-dark);
    border-left-color:var(--color-dark);
    animation:all 1.3s ease
}
.success span {
    font-size:0
}
.success:after {
    font-family:FontAwesome;
    content:"\f00c";
    color:green
}
footer {
    border-top:4px solid var(--background);
    padding:50px 0;
    display:flex;
    justify-content:space-evenly;
    align-items:center
}
footer ul {
    flex-direction:column
}
footer a,footer p {
    color:#fff
}
footer li,footer p {
    padding:5px 0
}
footer h2 {
    font-size:2em;
    font-weight:700;
    padding-bottom:10px;
    color:var(--background-dark)
}
footer p {
    max-width:300px;
    line-height:1.1;
    color:#fff
}
footer p a {
    color:#bf9ef0
}

footer .ezzaezaeaz p {
    color: #bf9ef0;
}

@media screen and (max-width:720px) {
    footer {
        padding:50px 0;
        display:flex;
        justify-content:center;
        flex-direction:column;
        align-items:center;
        text-align:center
    }
    footer .column {
        padding:20px 10px
    }
}
.img-replace {
    display:inline-block;
    overflow:hidden;
    text-indent:100%;
    color:transparent;
    white-space:nowrap
}
.cd-nugget-info {
    text-align:center;
    position:absolute;
    width:100%;
    height:50px;
    line-height:50px;
    bottom:0;
    left:0
}
.cd-nugget-info a {
    position:relative;
    font-size:14px;
    color:#5e6e8d;
    -webkit-transition:all .2s;
    -moz-transition:all .2s;
    transition:all .2s
}
.no-touch .cd-nugget-info a:hover {
    opacity:.8
}
.cd-nugget-info span {
    vertical-align:middle;
    display:inline-block
}
.cd-nugget-info span svg {
    display:block
}
.cd-nugget-info .cd-nugget-info-arrow {
    fill:#5e6e8d
}
.cd-popup {
    z-index:99;
    position:fixed;
    left:0;
    top:0;
    height:100%;
    width:100%;
    background-color:rgba(94,110,141,.9);
    opacity:0;
    visibility:hidden;
    -webkit-transition:opacity .3s 0s,visibility 0s .3s;
    -moz-transition:opacity .3s 0s,visibility 0s .3s;
    transition:opacity .3s 0s,visibility 0s .3s
}
.cd-popup.is-visible {
    opacity:1;
    visibility:visible;
    -webkit-transition:opacity .3s 0s,visibility 0s 0s;
    -moz-transition:opacity .3s 0s,visibility 0s 0s;
    transition:opacity .3s 0s,visibility 0s 0s
}
.cd-popup-container {
    position:relative;
    width:90%;
    max-width:400px;
    margin:4em auto;
    background:#fff;
    border-radius:.25em .25em .4em .4em;
    text-align:center;
    box-shadow:0 0 20px rgba(0,0,0,.2);
    -webkit-transform:translateY(-40px);
    -moz-transform:translateY(-40px);
    -ms-transform:translateY(-40px);
    -o-transform:translateY(-40px);
    transform:translateY(-40px);
    -webkit-backface-visibility:hidden;
    -webkit-transition-property:-webkit-transform;
    -moz-transition-property:-moz-transform;
    transition-property:transform;
    -webkit-transition-duration:.3s;
    -moz-transition-duration:.3s;
    transition-duration:.3s
}
.cd-popup-container p {
    padding:3em 1em
}
.cd-popup-container .cd-buttons:after {
    content:"";
    display:table;
    clear:both
}
.cd-popup-container .cd-buttons li {
    float:left;
    width:50%;
    list-style:none
}
.cd-popup-container .cd-buttons a {
    display:block;
    height:60px;
    line-height:60px;
    text-transform:uppercase;
    color:#fff;
    -webkit-transition:background-color .2s;
    -moz-transition:background-color .2s;
    transition:background-color .2s
}
.cd-popup-container .cd-buttons li:first-child a {
    background:#fc7169;
    border-radius:0 0 0 .25em
}
.no-touch .cd-popup-container .cd-buttons li:first-child a:hover {
    background-color:#fc8982
}
.cd-popup-container .cd-buttons li:last-child a {
    background:#b6bece;
    border-radius:0 0 .25em 0
}
.no-touch .cd-popup-container .cd-buttons li:last-child a:hover {
    background-color:#c5ccd8
}
.cd-popup-container .cd-popup-close {
    position:absolute;
    top:8px;
    right:8px;
    width:30px;
    height:30px
}
.cd-popup-container .cd-popup-close::after,.cd-popup-container .cd-popup-close::before {
    content:"";
    position:absolute;
    top:12px;
    width:14px;
    height:3px;
    background-color:#8f9cb5
}
.cd-popup-container .cd-popup-close::before {
    -webkit-transform:rotate(45deg);
    -moz-transform:rotate(45deg);
    -ms-transform:rotate(45deg);
    -o-transform:rotate(45deg);
    transform:rotate(45deg);
    left:8px
}
.cd-popup-container .cd-popup-close::after {
    -webkit-transform:rotate(-45deg);
    -moz-transform:rotate(-45deg);
    -ms-transform:rotate(-45deg);
    -o-transform:rotate(-45deg);
    transform:rotate(-45deg);
    right:8px
}
.is-visible .cd-popup-container {
    -webkit-transform:translateY(0);
    -moz-transform:translateY(0);
    -ms-transform:translateY(0);
    -o-transform:translateY(0);
    transform:translateY(0)
}
@media only screen and (min-width:1170px) {
    .cd-popup-container {
        margin:8em auto
    }
}
.cd-popup-container h2 {
    color:var(--background)
}
.cd-popup-container .title {
    margin-top:0;
    margin-bottom:20px;
    padding:0
}
.cd-popup-container {
    max-width:900px;
    max-height:90%;
    margin:0 auto;
    margin-top:50px;
    display:flex;
    flex-direction:column;
    justify-content:space-between;
    align-items:center;
    background-color:#fff;
    padding:60px 10px;
    border-radius:15px;
    box-sizing:border-box;
    box-shadow:0 10px 50px -10px #d6d6d6
}
@media only screen and (max-width:500px) {
    .cd-popup-container {
        max-width:300px;
        margin-left:35px
    }
}
.cd-popup-container .title {
    text-align:center
}
.cd-popup-container .title h6 {
    font-size:1.2em;
    font-weight:600;
    color:#0c2136;
    margin-bottom:20px 0
}
.cd-popup-container .title h3 {
    font-size:1em;
    font-weight:400;
    color:#3a2e61;
    padding-bottom:10px
}
.cd-popup-container form {
    display:flex;
    flex-wrap:wrap;
    justify-content:space-between;
    max-width:600px
}
.cd-popup-container form input {
    width:45%
}
.cd-popup-container form input,.cd-popup-container form textarea {
    width:42%;
    margin:15px 0;
    padding:10px 0;
    box-sizing:border-box;
    border:none;
    outline:0;
    border-bottom:2px solid #e4e4ec;
    transition:.3s
}
#web {
    width:100%
}
.cd-popup-container form input:hover,.cd-popup-container form textarea:hover {
    border-bottom:2px solid var(--background)
}
.cd-popup-container form textarea {
    width:100%;
    height:150px;
    resize:none
}
@media screen and (max-width:1114px) {
    header .container li a {
        margin:0 20px
    }
}
@media screen and (max-width:800px) {
    header .container li a {
        margin:0 10px;
        font-size:1em
    }
    header nav {
        height:90px
    }
}
@media screen and (max-width:500px) {
    header .container li a {
        margin:0 10px;
        font-size:1em
    }
    header nav {
        height:90px
    }
    .rep-res .title h2 {
        font-size:3em
    }
}
@media only screen and (max-width:1650px) and (min-width:905px) {
    .sec1 .top {
        padding-top:100px;
        margin-bottom:300px
    }
    .sec1 .top h3 {
        padding:20px 0
    }
}
@media screen and (max-width:1650px) {
    .sec1 .bot {
        bottom:-18em
    }
    .sec2 {
        margin-top:22em
    }
    .sec1 .top {
        margin-bottom:250px
    }
}
@media screen and (max-width:1361px) {
    .sec1 .bot {
        bottom:-23em
    }
    .sec1 .box {
        max-width:300px;
        padding:40px 30px;
        margin:0 20px 80px 20px;
        border-radius:10px;
        transition:.5s;
        cursor:default;
        background-color:#460c83
    }
    .sec4 {
        margin-top: 300px;
    }
    .sec2 {
        margin-top:32em
    }
    .sec2 .title {
        margin-bottom:40px
    }
    .sec2 .block-features {
        flex-direction:column;
        text-align:center
    }
    .sec2 .text {
        justify-content:center;
        align-items:center;
        text-align:center
    }
}
@media screen and (max-width:1030px) {
    .sec1 .top {
        margin-bottom:100px
    }
    .sec1 .top h3 {
        padding:40px 30px
    }
    .sec1 .box {
        display:none
    }
    #mobile {
        display:block
    }
    .swip i {
        font-size:4em
    }
    .swip {
        overflow: hidden;
        position:relative;
        height:40vh;
        background:linear-gradient(to bottom,#15002b,#fff)
    }
    .swip .container-swiper {
        max-width:1500px;
        margin:0 auto;
        padding:0 20px;
        height:40vh;
        cursor:pointer
    }
    .swip .container-swiper .swiper-container {
        width:100%;
        height:100%
    }
    .swip .container-swiper .swiper-slide {
        text-align:center;
        font-size:18px;
        background:#460c83;
        border-radius:20px;
        display:-webkit-box;
        display:-ms-flexbox;
        display:-webkit-flex;
        display:flex;
        flex-direction:column;
        -webkit-box-pack:center;
        -ms-flex-pack:center;
        -webkit-justify-content:center;
        justify-content:center;
        -webkit-box-align:center;
        -ms-flex-align:center;
        -webkit-align-items:center;
        align-items:center;
        text-align:center;
        border-radius:15px
    }
    .swip .top {
        display:flex;
        flex-direction:row;
        -webkit-box-pack:center;
        -ms-flex-pack:center;
        -webkit-justify-content:center;
        justify-content:center;
        -webkit-box-align:center;
        -ms-flex-align:center;
        -webkit-align-items:center;
        align-items:center;
        text-align:left;
        padding:0 0 40px 0
    }
    .swip .right {
        padding:20px
    }
    .swip .container-swiper .txt {
        max-width:1000px;
        padding:0 40px 40px 40px
    }
    .sec9 h2,.swip h3 {
        color:#fff;
        font-size:1.5em;
        font-weight:500;
        padding:15px 0
    }
    .sec9 p,.swip p {
        color:#fff;
        font-size:1.1em;
        font-weight:400;
        line-height:1.5
    }
    .sec9 .container-swiper .swiper-slide img,.swip .container-swiper .swiper-slide img {
        display:block;
        width:10%;
        object-fit:cover;
        border-radius:70px
    }
    .sec9 h2,.swip h2 {
        color:#fff;
        font-size:1.4em;
        padding-bottom:10px
    }
    .sec9 .container-swiper .swiper-slide img,.swip .container-swiper .swiper-slide img {
        width:20%
    }
    .sec9 p,.swip p {
        font-size:.9em;
        line-height:1.3
    }
    .sec9 .top {
        padding:10px 0 0 10px
    }
    .swip .container-swiper .txt {
        padding:0 40px 80px 40px
    }
    .swip .top {
        padding:20px 0 0 0
    }
    .swip .right {
        padding-bottom:20px
    }
}
@media only screen and (max-width:1161px) and (min-width:900px) {
    .sec2 {
        margin-top:45em
    }
}
@media screen and (max-width:1872px) {
    .sec3 .box {
        padding:130px 20px
    }
}
@media screen and (max-width:1752px) {
    .sec3 .box {
        padding:130px 0
    }
}
@media screen and (max-width:1161px) {
    .sec2 {
        margin-bottom:500px
    }
    .sec8 .container {
        flex-direction:column
    }
    .about-us .container {
        flex-direction:column
    }
    .about-us .column {
        align-items:center;
        text-align:center;
        padding:50px 20px;
        margin-left:0
    }
    .about-us .image {
        width: 700px;
        margin-right: 0px;
    }
}
@media screen and (max-width:900px) {
    .sec3 .container {
        flex-direction:column
    }
    .sec3 .box {
        max-width:100%
    }
}
@media screen and (max-width:1106px) {
    .sec4 .icon-cercle i {
        display:none
    }
    .sec4 .mobile-text-no-cercle {
        display:block
    }
    .sec4 .all-screen-text {
        display:none
    }
    .sec4 .box-middle,.sec4 .box-top-bot-middle {
        flex-direction:column
    }
    .sec4 .box,.sec4 .box-middle .box,.sec4 .box-top-bot-middle .box {
        margin:30px 0
    }
    .btn-plus {
        margin-left:0
    }
    .sec4 .box-middle {
        margin-left:0
    }
    .sec4 .box-middle .box {
        margin-left:0
    }
    .sec4 .box-top-bot-middle .box-bot {
        margin-left:0
    }
    #maj {
        margin-left:0
    }
}
@media screen and (max-width:1586px) {
    .sec5 .container {
        flex-direction:row
    }
}
@media screen and (max-width:1256px) {
    .sec5 .container {
        flex-direction:column;
        margin-right:0;
        justify-content:center;
        align-items:center;
        text-align:center
    }
    .sec5 .left {
        max-width:100%;
        text-align:center;
        padding:0 20px;
        margin-bottom:70px
    }
    .sec5 .left h2 {
        padding-bottom:30px
    }
    .sec5 .features {
        flex-direction:column;
        text-align:center
    }
    .sec5 .text {
        flex-direction:column;
        text-align:center;
        margin-left:0;
        margin-bottom:20px
    }
    .sec5 .text h2 {
        font-size:2em;
        padding:20px
    }
}
@media screen and (max-width:1291px) {
    .rep-res .bot {
        text-align:center
    }
    .rep-res .bot h2 {
        padding-left:0
    }
    .rep-res .title h1 {
        font-size:3em
    }
}
@media screen and (max-width:720px) {
    footer {
        padding:50px 0;
        display:flex;
        justify-content:center;
        flex-direction:column;
        align-items:center;
        text-align:center
    }
    footer .column {
        padding:20px 10px
    }
    .about-us .image {
        width: 400px;
        margin-right: 0px;
    }
}
@media screen and (max-width:500px) {
    .sec2 {
        margin-top:30em
    }
    .sec2 {
        margin-bottom:600px
    }
    .about-us img {
        width:100%
    }
    .contact form {
        flex-direction:column;
        width:95%
    }
    .contact form input,.contact form textarea {
        width:90%
    }
}
@media screen and (max-width:418px) {
    .separateur {
        margin-left:117px
    }
    .separateur2 {
        margin-left:113px
    }
}
#blogi  {
    cursor:pointer;
    text-decoration: underline;
    transition:0.5s ease-in-out;
}
#blogi i  {
    vertical-align: middle;
    text-decoration: none;
    transition:0.5s ease-in-out;
    margin-left: 5px;
}
#blogi:hover i  {
    margin-left: 15px;
}
footer li a  {
    text-decoration:underline;
}




/* section barre défilante */


.scrolling-container {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 auto;
	width: 80%;
	overflow: hidden;
	position: relative;
}

.scrolling-strip {
	display: flex;
	width: calc(500%); 
	animation: scrolll 30s linear infinite;
}

.scrolling-strip-two {
	display: flex;
	width: calc(500%); 
	animation: scroll 40s linear infinite;
}

.scroll-item {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 200px; 
	height: auto; 
	margin: 0 0;
	box-sizing: border-box; 
    overflow: hidden; 
}

.defilantetop {
    /* background-color: #242323; */
    padding: 30px 0 30px 0;
}

.seconddefilante {
    background-color: #2d025e;
    padding: 30px 0 30px 0;
    margin-top: 130px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.seconddefilante .titredeif {
    max-width: 700px;
    text-align: center;
    padding: 0 20px;
}

.seconddefilante .titredeif p {
    margin-top: 15px;
    margin-bottom: 40px;
}

.scroll-item img {
    width: 40%;
}

.scroll-item .x {
    width: 30px;
}

@keyframes scrolll {
	from {
		transform: translateX(0);
	}
	to {
		transform: translateX(-50%);
	}
}


@keyframes scroll {
	from {
		transform: translateX(-50%);
	}
	to {
		transform: translateX(0%);
	}
}




@media (max-width: 650px) {
    .scroll-item img {
        width: 100%;
    }
    .sec1 {
        padding-top: 70px;
    }
}