@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;300;400;500;600;700&display=swap');

body {
    font-family: "Poppins", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    background-color: #fff;
    position: relative;
}

.cta-btn a {
    background: #1CAF07;
    color: #fff !important;
    padding: 15px 20px !important;
    line-height: 1;
    font-weight: bold;
    border-radius: 6px;
    -webkit-transition: .3s all ease;
    -o-transition: .3s all ease;
    transition: .3s all ease;
}

.cta-btn a:hover {
    background: #17810A;
    color: #ffffff !important;
    -webkit-box-shadow: 2px 0 30px -5px rgba(0, 0, 0, 0.2);
    box-shadow: 2px 0 30px -5px rgba(0, 0, 0, 0.2);
}

.block1 {
    width: 100%;
    height: 620px;
    padding-left: 90px;
    padding-right: 90px;
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    align-items: center;
    margin-bottom: 30px;

}



.block1 .accroche {
    width: 45%;
    height: 80%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    margin-top: 100px;

}

.block1 .accroche h1 {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 700;
    font-size: 39px;
    line-height: 120%;
    color: #0C1179;
    margin-bottom: 35px;
    margin-top: 55px;
    
}

.block1 .accroche p {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 143.5%;
    margin-bottom: 35px;
}

.block1 .accroche .download {
    width: 100%;
    height: 80px;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
}

.block1 .accroche .download .google {
    width: 34%;
    height: 67px;
    /* background-color: #222; */
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
}

.block1 .accroche .download .google img {
    width: 90%;
}


.block1 .illust {
    width: 55%;
    height: 100%;
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    align-items: center;
    margin-bottom: 30px;
    margin-top: 120px;

}

@media (max-width: 1024px) {
    .block1 {
        width: 80%;
    }

    .block1 .accroche {
        margin-top: 0;
    }
}

@media only screen and (max-width: 768px) {
    .block1 {
        width: 100%;
        flex-direction: column;
        padding-left: 60px;
        padding-right: 60px;
        height: auto;
    }

    .block1 .accroche {
        width: 100%;
        height: auto;
        margin-top: 85px;
        margin-bottom: 15px;
        text-align: center;
        align-items: center;
    }

    .block1 .accroche .download {
        flex-direction: row;
        align-items: center;
        margin: bottom -55px;
        justify-content: center;
    }

    .block1 .illust {
        width: 80%;
        height: auto;
        margin-top: 30px;
        margin-bottom: 50px;
    }



}

@media only screen and (max-width: 480px) {
    .block1 {
        width: 100%;
        flex-direction: column;
        padding-left: 20px;
        padding-right: 20px;
        height: auto;
    }

    .block1 .accroche {
        width: 100%;
        height: auto;
        margin-top: 85px;
        align-items: center;
    }


    .block1 .illust {
        width: 95%;
        height: auto;
        margin-top: 30px;
        
    }

    .block1 .accroche .download {
        flex-direction: row;
        align-items: center;
        margin: bottom -55px;
        justify-content: space-around;
    }

    .block1 .accroche .download .google{
        width: 40%;
    }

    .block1 .accroche .download .google img {
        width: 100%;
    }

    .accroche .start {
        width: 100%;
        justify-content: center;
        align-items: center;
    }

    .accroche .start .bouton {
        width: 50%;
    }

    .block1 .accroche h1 {
        font-size: 28px;
    }

    .block1 .accroche p {
        font-size: 16px;
    }
}


.block2 {
    width: 100%;
    height: 1320px;
    padding-left: 90px;
    padding-right: 90px;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    align-items: center;
    /* background-color: #E8EDFF; */
}

.block2 .section1 {
    width: 100%;
    height: 650px;
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    align-items: center;
    /* background-color: #888; */

}

.block2 .titre {
    width: 100%;
    height: 90px;
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    align-items: center;
    /* background-color: #888; */

}

.block2 .titre .soustitre {
    width: 16%;
    height: 40px;
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    align-items: center;
    background-color: #E8F7E6;
    border-radius: 6px;

}

.block2 .titre .soustitre h6 {
    font-size: 17px;
    font-weight: 700;
    color: #0C1179;
}

.block2 .section1 .illust {
    width: 45%;
    height: 90%;
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    align-items: center;
}

.block2 .section1 .illust img {
    width: 120%;
    height: auto;
}


.block2 .section1 .decouvrir {
    width: 49%;
    height: 90%;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    /* background-color: #fff; */
}

.block2 .section1 .decouvrir h4 {
    color: #0C1179;
    font-size: 30px;
    font-weight: 700;
    font-family: "poppins";
    margin-bottom: 30px;
}

.block2 .section1 .decouvrir p {
    font-size: 17px;
    font-weight: 400;
    font-family: "poppins";

}

.section1 .decouvrir .download1 {
    width: 100%;
    height: 100px;
    /* background-color: rgb(71, 68, 68); */
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;

}

.section1 .decouvrir .download1 .google {
    width: 34%;
    height: 67px;
    /* background-color: #222; */
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
}

.section1 .decouvrir .download1 .google img {
    width: 75%;
}


@media only screen and (max-width: 768px) {
    .block2 {
        padding-left: 60px;
        padding-right: 60px;
        height: 950px;
        margin-bottom: -30px;
    }

    .block2 .section1 {
        flex-direction: column-reverse;
        margin-top: 8px;
    }

    .block2 .section1 .illust {
        width: 70%;
        margin-bottom: 25px;
        margin-top: 30px;
    }

    .block2 .section1 .decouvrir {
        width: 90%;
    }

    .block2 .section1 .decouvrir h4,
    .block2 .section1 .decouvrir p {
        text-align: center;
    }

    .block2 .titre .soustitre {
        width: 30%;
    }

    .section1 .decouvrir .download1 {
        justify-content: center;
    }
}

@media only screen and (max-width: 480px) {

    .block2 {
        padding-left: 30px;
        padding-right: 30px;
        height: 930px;
    }

    .block2 .section1 {
        flex-direction: column-reverse;
        margin-top: -10px;
    }

    .block2 .section1 .illust {
        width: 100%;
        margin-top: 10px;   
    }

    .block2 .section1 .decouvrir {
        width: 100%;
    }

    .block2 .section1 .decouvrir h4 {
        font-size: 26px;
    }

    .block2 .section1 .decouvrir p {
        font-size: 16px;
    }

    .block2 .section1 .decouvrir h4,
    .block2 .section1 .decouvrir p {
        text-align: center;
    }

    .block2 .titre .soustitre {
        width: 50%;
    }

    .section1 .decouvrir .download1 {
        justify-content: space-around;
    }

    .section1 .decouvrir .download1 .google{
        width: 40%;
    }

    .section1 .decouvrir .download1 .google img {
        width: 100%;
    }

}

@media only screen and (max-width: 375px) {
    .block2 .section1 .illust {
        margin-top: 15px;
    }

    .block2 .titre h4 {
        font-size: 25px;
    }

}


.block2 .titre h4,
.privacy h4 {
    color: #0C1179;
    font-size: 28px;
    font-weight: 700;
    font-family: "poppins";
}

.block2 .avantage,
.investissement .avantage {
    width: 100%;
    height: 450px;
    /* background-color: #222; */
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    align-items: center;
    margin-top: -40px;

}

.block2 .avantage .caracteristique,
.investissement .avantage .caracteristique {
    width: 31%;
    height: 400px;
    /* background-color: #404045; */
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    align-items: center
}

.block2 .avantage .caracteristique .icon,
.investissement .avantage .caracteristique .icon {
    width: 100%;
    height: 30%;
    /* background-color: #888; */
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    align-items: center;
}

.block2 .avantage .caracteristique .icon img{
    width: 40%;
}

.block2 .avantage .titreI,
.investissement .avantage .titreI {
    font-size: 22px;
    font-weight: 700;
    font-family: "poppins";
    color: #0C1179;
    margin-top: -50px;
}

.block2 .avantage .paragraphe,
.investissement .avantage .paragraphe {
    width: 90%;
    height: 33%;
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    align-items: center;
    margin-top: -80px;

}

.block2 .avantage .paragraphe p,
.investissement .avantage .paragraphe p {
    font-size: medium;
    font-weight: 300;
    font-family: "poppins";
}

@media only screen and (max-width: 768px) {

    .block2 .titre,
    .block2 .avantage .caracteristique , .block2 .avantage {
        display: none;
    }
}

.block3 {
    width: 100%;
    height: 2000px;
    /* background-color: #4c4c96; */
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    align-items: center;
    padding-left: 90px;
    padding-right: 90px;
    margin-top: -45px;
}

.block3 .titre,
.testimonial .titre,
.investissement .titre,
.problem-block .titre {
    width: 100%;
    height: 90px;
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    align-items: center;
    /* background-color: #888; */

}

.block3 .titre .soustitre,
.testimonial .titre .soustitre,
.investissement .titre .soustitre,
.problem-block .titre .soustitre {
    width: 16%;
    height: 40px;
    padding-left: 15px;
    padding-right: 15px;
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    align-items: center;
    background-color: #E8F7E6;
    border-radius: 6px;
    margin-top: -30px;

}

.block3 .titre .soustitre h6,
.testimonial .titre .soustitre h6,
.investissement .titre .soustitre h6,
.problem-block .titre .soustitre h6,
.privacy h5 {
    font-size: 17px;
    font-weight: 700;
    color: #0C1179;
}

.block3 .section1 {
    width: 100%;
    height: 450px;
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    align-items: center;
    /* background-color: #222; */
    margin-bottom: -20px;

}

.block3 .section1 .appsection {
    width: 42%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    /* background-color: #D7D7E9; */
}

.block3 .section1 .appsection h4,
.problems .appsection h4,
.testimonial-content .item h4,
.invest-box .appsection h4 {
    color: #0C1179;
    font-size: 28px;
    font-weight: 400;
    font-family: "poppins";
    margin-bottom: 30px;
    /* margin-left: -92px; */
}

.block3 .section1 .appsection p,
.problems .appsection .questions,
.problems .appsection p,
.testimonial-content .item p,
.invest-box .appsection p,
.privacy p {
    font-size: 17px;
    font-weight: 400;
    font-family: "poppins";
}

.block3 .section1 .appsection .download1,
.invest-box .appsection .download1 {
    width: 100%;
    height: 100px;
    /* background-color: rgb(71, 68, 68); */
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;

}

.block3 .section1 .appsection .download1 .google,
.invest-box .appsection .download1 .google {
    width: 34%;
    height: 67px;
    /* background-color: #222; */
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
}

.block3 .section1 .appsection .download1 .google img,
.invest-box .appsection .download1 .google img {
    width: 90%;
}


.block3 .section1 .illust {
    width: 50%;
    height: 100%;
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    align-items: center;
}

.block3 .section1 .illust img {
    width: 100%;
    height: auto;
}

@media only screen and (max-width: 768px) {
    .block3 {
        padding-left: 40px;
        padding-right: 40px;
        height: auto;
        /* height: 4000; */
        margin-bottom: 40px;
    }

    .block3 .titre .soustitre {
        width: 30%;
    }

    .block3 .section1 {
        /* flex-direction: column;  */
        width: 100%;
        /* height: 1700px; */
    }

}

@media only screen and (max-width: 480px) {

    .block3 {
        width: 100%;
        height: auto;
        margin-top: 20px;
        padding-left: 30px;
        padding-right: 30px;
    }

    .block3 .section1 {
        width: 100%;
        height: auto;
        flex-direction: column;
    }

    .block3 .section1:nth-child(2n){
        flex-direction: column-reverse;
    }

    .block3 .section1 .appsection {
        text-align: center;
        width: 100%;
        align-items: center;
    }

    .block3 .titre .soustitre {
        width: 48%;
    }

    .block3 .section1 .appsection .download1 {
        justify-content: space-around;
        margin-bottom: 30px;
    }

    .block3 .section1 .appsection .download1 .google img {
        width: 120%;
    }

    .block3 .section1 .illust {
        width: 80%;
        margin-bottom: 50px;
        margin-top: 35px;
    }

    .block3 .section1 {
        margin-bottom: 30px;
    }

    .block3 .section1 .appsection h4,
    .problems .appsection h4,
    .testimonial-content .item h4,
    .invest-box .appsection h4 {
        font-size: 26px;
    }

    .block3 .section1 .appsection p,
    .problems .appsection p,
    .testimonial-content .item p,
    .invest-box .appsection p {
        font-size: 16px;
    }

}

.block4 {
    width: 100%;
    height: 600px;
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    align-items: center;
    padding-left: 90px;
    padding-right: 90px;
    background-color: #E8F7E6;
}


.block4 .gif {
    width: 45%;
    height: 500px;
    /* background-color: #fff; */
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
}

.block4 .simulateur {
    width: 45%;
    height: 400px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    /* background-color: #D7D7E9; */
}

.block4 .simulateur h4 {
    color: #0C1179;
    font-size: 30px;
    font-weight: 700;
    font-family: "poppins";
    margin-bottom: 30px;
    
}

.block4 .simulateur p {
    font-size: 17px;
    font-weight: 400;
    font-family: "poppins";
    margin-bottom: 20px;
}

@media only screen and (max-width: 768px) {
    .block4 .gif {
        display: none;
    }

    .block4 .simulateur {
        width: 100%;
    }

    .block4 .simulateur h4,
    .problems .appsection h4,
    .block4 .simulateur p {
        text-align: center;
    }
}

.block4 .simulateur .start,
.block1 .accroche .start,
.section1 .appsection .start,
.problems .appsection .start,
.invest-box .appsection .start {
    width: 100%;
    height: 60px;
    /* background-color: #222; */
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: flex-start;
}


.block4 .simulateur .start .bouton,
.block1 .accroche .start .bouton,
.section1 .appsection .start .bouton,
.problems .appsection .start .bouton,
.invest-box .appsection .start .bouton {
    width: 31%;
    height: 50px;
    background-color: #0C1179;
    border-radius: 6px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    -webkit-transition: .3s all ease;
    -o-transition: .3s all ease;
    transition: .3s all ease;
}

.block1 .accroche .start .bouton{
    margin-right: 12px;
}

@media only screen and (max-width: 768px) {
    .block1 .accroche .start .bouton {
        width: 30%;
    }

    .block4 .simulateur .start,
    .block4 .simulateur,
    .block1 .accroche .start {
        align-items: center;
        justify-content: center;
    }

    .section1 .appsection .start {
        width: 100%;
    }

    .section1 .appsection .start .bouton {
        width: 50%;
    }

    .block4 {
        height: 380px;
    }
}


@media only screen and (max-width: 480px) {
    .block4 {
        height: 380px;
        padding-left: 30px;
        padding-right: 30px;
    }

    .block4 .simulateur h4 {
        font-size: 26px;
    }

    .block4 .simulateur p {
        font-size: 16px;
    }

    .block1 .accroche .start .bouton {
        width: 45%;
    }

    .block4 .simulateur .start .bouton {
        width: 62%;
    }

    .section1 .appsection .start .bouton {
        width: 62%;
        margin-bottom: 25px;
    }

    .block4 .simulateur .start,
    .block4 .simulateur,
    .block1 .accroche .start,
    .section1 .appsection .start,
    .invest-box .appsection .start {
        align-items: center;
        justify-content: center;
    }

    .block4 .simulateur .start .bouton,
    .block1 .accroche .start .bouton,
    .section1 .appsection .start .bouton {
        width: 40%;
    }

    .block4 .simulateur .start,
    .block1 .accroche .start,
    .section1 .appsection .start {
        align-items: center;
    }
}

.block4 .simulateur .start .bouton:hover,
.block1 .accroche .start .bouton:hover,
.section1 .appsection .start .bouton:hover,
.problems .appsection .start .bouton:hover,
.invest-box .appsection .start .bouton:hover {
    background-color: #060a5d;
}

.block4 .simulateur .start .bouton a,
.block1 .accroche .start .bouton a,
.section1 .appsection .start .bouton a,
.problems .appsection .start .bouton a,
.invest-box .appsection .start .bouton a {
    font-size: 17px;
    font-weight: 700;
    font-family: "poppins";
    color: rgb(255, 255, 255);
    padding-left: 16px;
    padding-right: 16px;
    padding-top: 8px;
    padding-bottom: 8px;
    text-decoration: none;
}

.block5 {
    width: 100%;
    height: 700px;
    padding-left: 90px;
    padding-right: 90px;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    align-items: center;
    /* background-color: #57575d; */
}

.block5 .titre {
    width: 100%;
    height: 90px;
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    align-items: center;
    /* background-color: #888; */


}

.block5 .titre .soustitre {
    width: 16%;
    height: 40px;
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    align-items: center;
    background-color: #E8F7E6;
    border-radius: 6px;
    margin-top: 20px;

}

.block5 .titre .soustitre h6 {
    font-size: 17px;
    font-weight: 700;
    color: #0C1179;
}

/* @media only screen and (max-width: 480px) {} */

.block5 .offres {
    width: 100%;
    height: 600px;
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    align-items: center;
    /* background-color: #E8F7E6; */

}

.block5 .offres .offre1 {
    width: 23%;
    height: 490px;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    align-items: center;
    background-color: #ffffff;
    border-radius: 10px;
    box-shadow: 0px 5px 16px rgba(8, 15, 52, 0.06);
}

.block5 .offres .offre1 h5 {
    font-size: 23px;
    font-weight: 700;
    font-family: "poppins";
    color: #0C1179;
}

.block5 .offres .offre1 h6 {
    font-size: 21px;
    font-weight: 400;
    font-family: "poppins";
    color: #1CAF07;
}

.block5 .offres .offre1 .avantage {
    width: 85%;
    height: 230px;
    /* background-color: #fff; */
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    align-items: center;
}

.block5 .offres .offre1 .avantage p {
    font-size: 18px;
    font-weight: 400;
    font-family: "poppins";
    text-align: center;

}

.block5 .offres .offre1 .start {
    width: 100%;
    height: 60px;
    /* background-color: #222; */
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.block5 .offres .offre1 .start .bouton {
    width: 48%;
    height: 50px;
    background-color: #0C1179;
    border-radius: 6px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    -webkit-transition: .3s all ease;
    -o-transition: .3s all ease;
    transition: .3s all ease;

}

.block5 .offres .offre1 .start .bouton:hover {
    background-color: #060a5d;
}

.block5 .offres .offre1 .start .bouton a {
    font-size: 17px;
    font-weight: 700;
    font-family: "poppins";
    color: rgb(255, 255, 255);
    text-decoration: none;
    padding-top: 8px;
    padding-bottom: 8px;
    text-decoration: none;
}

@media only screen and (max-width: 768px) {
    .block5 {
        height: 2200px;
        padding-left: 30px;
        padding-right: 30px;
    }

    .block5 .titre .soustitre {
        width: 30%;
    }

    .block5 .offres {
        height: 2000px;
        flex-direction: column;
        justify-content: space-between;
    }

    .block5 .offres .offre1 {
        width: 65%;
        height: 450px;
        margin-bottom: 30px;
    }
}


@media only screen and (max-width: 480px) {
    .block5 {
        height: 2200px;
        padding-left: 30px;
        padding-right: 30px;
    }

    .block5 .titre .soustitre {
        width: 40%;
    }

    .block5 .offres {
        height: 2000px;
        flex-direction: column;
        justify-content: space-between;
    }

    .block5 .offres .offre1 {
        width: 85%;
        height: 600px;
        margin-bottom: 30px;
    }
}

.block6 {
    width: 100%;
    height: 330px;
    /* background-color: #222; */
    padding-left: 90px;
    padding-right: 90px;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    align-items: center;
    margin-top: -20px;
    margin-bottom: 30px;
}

@media only screen and (max-width: 768px) {
    .block6 {
        display: none;
    }
}


.block6 .newsletter {
    width: 90%;
    height: 100%;
    border-radius: 30px;
    background-color: #D7D7E9;
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    align-items: center;
}

@media only screen and (max-width: 480px) {
    .block6 {
        display: flex;
        height: 450px;
        margin-bottom: 100px;
    }

    .block6 .newsletter {
        display: none;
    }
}

.block6 .newsletter .photo {
    width: 40%;
    height: 95%;
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    align-items: center;
    /* background-color: #4d4d57; */
}

.block6 .newsletter .titreN {
    width: 50%;
    height: 400px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
}

.block6 .newsletter .titreN h4 {
    color: #0C1179;
    font-size: 27px;
    font-weight: 700;
    font-family: "poppins";
    margin-bottom: 15px;
    /* margin-left: -240px; */
}

.block6 .newsletter .titreN p {
    font-size: 18px;
    font-weight: 400;
    font-family: "poppins";
}

.block6 .newsletter .titreN .start {
    width: 100%;
    height: 60px;
    /* background-color: #222; */
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
}

.block6 .newsletter .titreN .start .bouton {
    width: 28%;
    height: 50px;
    background-color: #0C1179;
    border-radius: 6px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    -webkit-transition: .3s all ease;
    -o-transition: .3s all ease;
    transition: .3s all ease;

}

.block6 .newsletter .titreN .start .bouton:hover {
    background-color: #060a5d;
}

.block6 .newsletter .titreN .start .bouton a {
    font-size: 17px;
    font-weight: 700;
    font-family: "poppins";
    color: rgb(255, 255, 255);
    padding-top: 8px;
    padding-bottom: 8px;
    text-decoration: none;
}

.titreN input {
    width: 90%;
    height: 50px;
    background-color: #ffffff;
    border-radius: 6px;
    border-color: #959595;
    color: #959595;
    font-size: 18px;
    font-weight: 400;
    font-family: "poppins";
    margin-bottom: 20px;
    padding-left: 10px;
}

.footer {
    width: 100%;
    height: 260px;
    background-color: #E8F7E6;
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    align-items: flex-start;
    padding: 40px 60px 10px 60px;
}
.footer .others{
    width: 60%;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-start;
}
.footer .app{
    width: 30%;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    align-items: flex-start; 
    
}
.footer .app .logo{
    width: 98%;
    padding: auto;
}
.footer .app .logo img{
    max-width: 70%;
}
.footer .app .group-app{
    width: 90%;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    align-items: flex-start;
    padding: auto;
    margin-top: 10px;
}
.footer .app .group-app p{
    font-family: "poppins";
    font-weight: 400;
    font-size: 13px;
    margin-bottom: 15px;
}
.footer .app .group-app .telecharger{
    width: 98%;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-start;
}

.footer .app .group-app .telecharger .google{
    width: 50%;
}

.footer .app .group-app .telecharger .google1{
    width: 50%;
}

.footer .app .group-app .telecharger .google img{
    width: 70%;
}

.footer .app .group-app .telecharger .google1 img{
    width: 75%;
}

.growth {
    width: 880%;
}

@media only screen and (max-width: 1440px) {
    .growth {
        width: 780%;
    }
}

@media only screen and (max-width: 1024px) {
    .growth {
        width: 990%;
    }
}

@media only screen and (max-width: 768px) {
    .growth {
        width: 990%;
    }
}


@media only screen and (max-width: 480px) {
    .growth {
        width: 890%;
    }
}

@media only screen and (max-width: 375px) {
    .growth {
        width: 897%;
    }
}

.footer .pages{
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    align-items: flex-start;
}
.footer .pages span{
    font-family: "poppins";
    font-weight: 600;
    font-size: 15px;
    color: #0C1179;
    margin-bottom: 12px;
}
.footer .pages ul {
    list-style:none ;
    margin: 0; 
    padding: 0;
    font-size: 13px;
    font-family: "poppins";
    font-weight: 500;
}
.footer .pages ul li{
    margin-top: 8px;
}
.footer .pages ul a{
    color: #0f0f0f;
}


@media only screen and (max-width: 768px){
    .footer{
        padding: 40px 40px 10px 40px;
    }
    .footer .app .group-app .telecharger img{
        width: 90%;
    }
    .footer .app .logo img{
        max-width: 80%;
    }
    .footer .others{
        width: 65%;
    }
    
}


@media only screen and (max-width: 480px) {
    .footer {
        height: 545px;
        flex-direction: column;
        padding-left: 40px;
        padding-right: 20px;
    }
    .footer .app{
        width: 95%;
        margin-bottom: 30px;
    }
    .footer .app .group-app .telecharger img{
        width: 90%;
    }
    .footer .others{
        width: 80%;
        flex-wrap: wrap;
    }
    .footer .pages ul{
        margin-bottom: 20px;
    }

}

.copyright {
    width: 100%;
    height: 50px;
    background-color: #1CAF07;
    display: flex;
    padding: 0px 70px 0px 70px;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    font-size: 15px;
    font-weight: 400;
    font-family: 'poppins';
    color: #ffffff;
}

@media only screen and (max-width: 480px) {
    .copyright {
        font-size: 12px;
        height: 50px;
        padding: 0px 10px 0px 10px;
    }
}

.contact-block{
    width: 100%;
    height: 880px;
    /* background-color: #0C1179; */
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    align-items: center;
    margin-top: -25px;
}
.simul-block{
    width: 100%;
    margin-top: -65px;
    justify-content: flex-start;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.contact-block .titre,
.simul-block .titre {
    width: 100%;
    height: 90px;
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    align-items: center;
    /* background-color: #888; */
}

.contact-block .soustitre,
.simul-block .soustitre {
    width: 16%;
    height: 40px;
    padding-left: 15px;
    padding-right: 15px;
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    align-items: center;
    background-color: #E8F7E6;
    border-radius: 6px;

}

.contact-block .soustitre h6,
.simul-block .soustitre h6 {
    font-size: 17px;
    font-weight: 700;
    color: #0C1179;
}

.contact-box {
    width: 90%;
    height: 700px;
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    align-items: center;
    background-color: #ffffff;
    box-shadow: 0px 5px 16px rgba(8, 15, 52, 0.06);
    border-radius: 20px;
    /* box-shadow: 0px 20px 30px rgba(102, 106, 245, 0.13); */
    margin-top: -15px;
}

.contact-box .box1 {
    width: 45%;
    height: 90%;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    align-items: flex-start;
    /* background-color: #fff; */
    padding-left: 15px;

}

.contact-box .box1 h4,
.box-simulation-conteneur1 .formS1 h4,
.box-simulation-conteneur1 .formS2 h4,
.box-simulation-conteneur1 .formS3 h4 {
    color: #0C1179;
    font-size: 24px;
    font-weight: 700;
    font-family: "poppins";
    margin-bottom: 25px;
    /* margin-left: -240px; */
}

.contact-box .box1 p,
.box-simulation-conteneur1 .formS1 p,
.box-simulation-conteneur1 .formS2 p,
.box-simulation-conteneur1 .formS3 p {
    font-size: 15px;
    font-weight: 400;
    font-family: "poppins";
}

.contact-box .box1 .form {
    width: 90%;
    height: 450px;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    align-items: center;
}

.contact-box .box1 .form .form-group {
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    align-items: flex-start;
    width: 100%;
    height: 90px;
    /* background-color: #1CAF07; */
}

.contact-box .box1 .form .form-group label {
    font-size: 16px;
    font-weight: 400;
    font-family: "poppins";
}

.contact-box .box1 .form .form-group input {
    width: 100%;
    height: 50px;
    border: 1px solid #DDE2E5;
    box-shadow: 0px 2px 6px rgba(19, 18, 66, 0.07);
    font-size: 14px;
    font-weight: 400;
    font-family: "poppins";
    border-radius: 6px;
    padding-left: 10px;
}

.contact-box .box1 .form .message {
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    align-items: flex-start;
    width: 100%;
    height: 150px;
}

.contact-box .box1 .form .message label {
    font-size: 16px;
    font-weight: 400;
    font-family: "poppins";
}

.contact-box .box1 .form .message textarea {
    width: 100%;
    height: 120px;
    border: 1px solid #DDE2E5;
    box-shadow: 0px 2px 6px rgba(19, 18, 66, 0.07);
    font-size: 16px;
    font-weight: 400;
    font-family: "poppins";
    padding-left: 10px;
    border-radius: 6px;
}

.contact-box .box1 .form .start {
    width: 100%;
    height: 58px;
    /* background-color: #222; */
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
}

.contact-box .box1 .form .start .bouton {
    width: 31%;
    height: 50px;
    background-color: #0C1179;
    border-radius: 6px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    -webkit-transition: .3s all ease;
    -o-transition: .3s all ease;
    transition: .3s all ease;

}

.contact-box .box1 .form .start .bouton:hover {
    background-color: #060a5d;
}

.contact-box .box1 .form .start .bouton a {
    font-size: 17px;
    font-weight: 700;
    font-family: "poppins";
    color: rgb(255, 255, 255);
    padding-left: 16px;
    padding-right: 16px;
    padding-top: 8px;
    padding-bottom: 8px;
    text-decoration: none;
}

.contact-box .infos {
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    align-items: flex-start;
    width: 45%;
    height: 90%;
    /* background-color: aliceblue; */

}


@media only screen and (max-width: 480px) {

    .contact-block .soustitre,
    .simul-block .soustitre {
        width: 40%;
    }

    .contact-box .infos {
        display: none;
    }

    .contact-box .box1 {
        width: 90%;
    }

    .contact-box .box1 .form .start {
        justify-content: center;
        align-items: center;
    }

    .contact-box .box1 .form .start .bouton {
        width: 40%;
    }

    .contact-box .box1 h4 {
        font-size: 22px;
    }
}


.contact-box .infos .illustration {
    width: 100%;
    height: 320px;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    align-items: center;
    /* background-color: #1CAF07; */

}

.contact-box .infos .plus {
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    align-items: center;
    width: 100%;
    height: 300px;
    /* background-color: #959595; */
}

.contact-box .infos .plus .box {
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    align-items: center;
    width: 100%;
    height: 70px;

}
.contact-box .infos .plus .box img{
    max-width: 7%;
}

.contact-box .infos .plus .box .texte {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    width: 87%;
    height: 100%;
    /* background-color: #959595; */
    font-size: 17px;
    font-weight: 400;
    font-family: "poppins";
    color: #0C1179;
    padding-right: 15px;
}

.simulateurs {
    width: 100%;
    height: 630px;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    align-items: center;
    /* background-color: #1CAF07; */
    padding-left: 83px;
    padding-right: 83px;
    margin-bottom: 25px;
    margin-top: -25px;
}

.simulateurs .titre {
    width: 100%;
    height: 90px;
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    align-items: center;
    /* background-color: #888; */


}

.simulateurs .titre .soustitre {
    width: 16%;
    height: 40px;
    padding-left: 15px;
    padding-right: 15px;
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    align-items: center;
    background-color: #E8F7E6;
    border-radius: 6px;
    margin-top: 20px;

}

.simulateurs .titre .soustitre h6 {
    font-size: 17px;
    font-weight: 700;
    color: #0C1179;
}

.simulateurs .deux {
    width: 100%;
    height: 480px;
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    align-items: center;
    /* background-color: #1CAF07; */

}

.simulateurs .deux .credit {
    width: 49%;
    height: 100%;
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    align-items: center;
    border-radius: 20px;
    background-color: #ffffff;
    box-shadow: 0px 9px 16px rgba(8, 15, 52, 0.06);
}


.simulateurs .deux .credit .illust {
    width: 45%;
    height: 94%;
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    align-items: center;
}

.simulateurs .deux .credit .illust img {
    width: 240%;
}

.simulateurs .deux .credit .explain {
    width: 54%;
    height: 94%;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    align-items: flex-start;
    /* background-color: #ffffff; */
}

.simulateurs .deux .credit .explain h4 {
    color: #0C1179;
    font-size: 24px;
    font-weight: 700;
    font-family: "poppins";
    margin-bottom: -90px;
    /* margin-left: -240px; */
}

.simulateurs .deux .credit .explain p {
    font-size: 17px;
    font-weight: 400;
    font-family: "poppins";
}

.simulateurs .deux .credit .explain .start {
    width: 100%;
    height: 58px;
    /* background-color: #222; */
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    margin-top: -100px;
}

.simulateurs .deux .credit .explain .start .bouton {
    width: 48%;
    height: 50px;
    background-color: #0C1179;
    border-radius: 6px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    -webkit-transition: .3s all ease;
    -o-transition: .3s all ease;
    transition: .3s all ease;

}

.simulateurs .deux .credit .explain .start .bouton:hover {
    background-color: #060a5d;
}

.simulateurs .deux .credit .explain .start .bouton a {
    font-size: 17px;
    font-weight: 700;
    font-family: "poppins";
    color: rgb(255, 255, 255);
    padding-left: 16px;
    padding-right: 16px;
    padding-top: 8px;
    padding-bottom: 8px;
    text-decoration: none;
}

@media only screen and (max-width: 480px) {
    .simulateurs {
        height: 1100px;
        padding-left: 30px;
        padding-right: 30px;
    }

    .simulateurs .titre .soustitre {
        width: 40%;
    }

    .simulateurs .deux {
        flex-direction: column;
        justify-content: space-between;
        height: 900px;
    }

    .simulateurs .deux .credit {
        width: 90%;
        height: 420px;
    }

    .simulateurs .deux .credit .illust {
        display: none;
    }

    .simulateurs .deux .credit .explain {
        width: 90%;
        align-items: center;
    }

    .simulateurs .deux .credit .explain h4 {
        margin-bottom: 10px;
    }

    .simulateurs .deux .credit .explain h4,
    .simulateurs .deux .credit .explain p {
        text-align: center;
    }

    .simulateurs .deux .credit .explain .start {
        justify-content: center;
        align-items: center;
        margin-top: 10px;
    }
}


.box-simulation {
    width: 93%;
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    align-items: center;
    /* background-color: #E8F7E6; */
}

.box-simulation-conteneur1 {
    width: 45%;
    height: 600px;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    /* background-color: #E8F7E6; */

}

@media only screen and (max-width: 480px) {

    .box-simulation {
        padding-left: 0px;
        padding-right: 0px;
        width: 100%;
        height: 1000px;
        flex-direction: column;
        justify-content: flex-start;
        margin-bottom: 20px;
    }

    .box-simulation-conteneur1 {
        width: 100%;
        margin-top: 10px;
    }

    .simul-block {
        margin-bottom: 70px;
    }

    .simul-block .soustitre {
        margin-bottom: 20px;
    }
}

.formS1,
.formS2,
.formS3 {
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    margin-top: 35px;
}

.formS1 {
    display: none;
    width: 93%;
    height: 300px;
}

.formS2,
.formS3 {
    display: none;
    width: 93%;
    height: 500px;
}

.form-active {
    display: flex;
}

.formS2 .group-input,
.formS3 .group-input {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
}

.formS2 .group-input,
.formS3 .group-input {
    width: 100%;
    height: 350px;
    /* background-color: #959595; */
}

.group-input .input-box {
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    align-items: flex-start;
    width: 100%;
    height: 90px;
    margin-bottom: 25px;
}

.group-input .input-box label,
.input-box-double label {
    font-size: 16px;
    font-weight: 400;
    font-family: "poppins";
}

.group-input .input-box input,
.input-box-double input {
    width: 100%;
    height: 52px;
    border: 1px solid #DDE2E5;
    box-shadow: 0px 2px 6px rgba(19, 18, 66, 0.07);
    font-size: 14px;
    font-weight: 400;
    font-family: "poppins";
    border-radius: 6px;
    padding-left: 10px;
}

.input-double {
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    align-items: flex-start;
    width: 100%;
    height: 90px;
    margin-bottom: 25px;

}

.input-box-double {
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    align-items: flex-start;
    width: 45%;
    height: 90px;
}

.button-group1 {
    width: 100%;
    height: 90px;
    /* background-color: #080c5b; */
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
}

.add-bouton {
    width: 100%;
    height: 60px;
    /* background-color: #080c5b; */
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    margin-bottom: 15px;
}



.button-group button,
.button-group1 button,
.add-bouton button {
    color: #ffffff;
    font-size: 18px;
    font-family: "poppins";
    font-weight: 600;
    text-decoration: none;
}

.button-group1 button:hover,
.add-bouton button:hover,
.button-group button:hover {
    color: #fff;
}


.button-group .btn,
.button-group1 .btn {
    width: 135px;
    height: 50px;
    background-color: #0C1179;
    border-radius: 6px;
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    align-items: center;
}


.add-bouton .btn {
    width: 40px;
    height: 40px;
    background-color: #0C1179;
    border-radius: 50%;
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    align-items: center;
}

.button-group1 .btn:hover,
.button-group .btn:hover,
.add-bouton .btn:hover {
    background-color: #080c5b;
}

.box-simulation-conteneur1 .formS1 .buton-group {
    width: 100%;
    height: 130px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
}

.buton-group .btn {
    width: 90%;
    height: 55px;
    background-color: #0C1179;
    border-radius: 6px;
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    align-items: center;
    font-size: 17px;
    font-weight: 700;
    font-family: "poppins";
    color: rgb(255, 255, 255);
}


@media only screen and (max-width: 480px) {
    .button-group {
        width: 100%;
    }

    .button-group .btn {
        width: 100%;
    }

    .formS2,
    .formS3 {
        padding-left: 20px;
        padding-right: 20px;
    }
}


.buton-group .btn:hover {
    color: #fff;
    background-color: #080c5a;
}

.box-simulation-conteneur2 {
    width: 50%;
    height: 500px;
    display: none;
    flex-direction: column;
    justify-content: space-around;
    align-items: center;
    background-color: #ffffff;
    box-shadow: 0px 9px 16px rgba(8, 15, 52, 0.06);
    border-radius: 10px;

}

.zone-texte {
    width: 90%;
    height: 50px;
    background-color: #ffffff;
    border: 1px solid #DDE2E5;
    box-shadow: 0px 2px 6px rgba(19, 18, 66, 0.07);
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    border-radius: 6px;
    padding-left: 17px;
    padding-right: 17px;
}

.zone-texte h5 {
    color: #15169D;
    font-weight: bold;
    font-size: 18px;
}

.important {
    color: #1CAF07;
}

.box-simulation-conteneur2 .start {
    width: 90%;
    height: 58px;
    /* background-color: #222; */
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
}

.box-simulation-conteneur2 .start .bouton {
    width: 25%;
    height: 50px;
    background-color: #0C1179;
    border-radius: 6px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    -webkit-transition: .3s all ease;
    -o-transition: .3s all ease;
    transition: .3s all ease;
}

@media only screen and (max-width: 480px) {
    .box-simulation-conteneur2 {
        width: 100%;
        padding-left: 20px;
        padding-right: 20px;
        height: 650px;
    }

    .box-simulation-conteneur2 .start .bouton {
        width: 45%;
    }
}

.box-simulation-conteneur2 .start .bouton:hover {
    background-color: #060a5d;
}

.box-simulation-conteneur2 .start .bouton a {
    font-size: 17px;
    font-weight: 700;
    font-family: "poppins";
    color: rgb(255, 255, 255);
    text-decoration: none;
}

.box-diagnostic {
    width: 93%;
    height: 1000px;
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    align-items: center;
    /* background-color: #E8F7E6; */
}

@media only screen and (max-width: 768px) {
    .box-diagnostic {
        width: 100%;
        flex-direction: column;
    }

    .diagnostic-block {
        width: 100%;
        height: 2500px;
    }

}

@media only screen and (max-width: 480px) {
    .box-diagnostic {
        width: 100%;
        flex-direction: column;
    }

    .simul-block {
        width: 100%;
        height: 1100px;
    }
}

.diagnostic-block {
    width: 100%;
    margin-bottom: 25px;
    /* background-color: #0C1179; */
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    
}

.diagnostic-block .titre {
    width: 100%;
    height: 90px;
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    align-items: center;
    /* background-color: #888; */


}

.diagnostic-block .soustitre {
    width: 16%;
    height: 40px;
    padding-left: 15px;
    padding-right: 15px;
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    align-items: center;
    background-color: #E8F7E6;
    border-radius: 6px;

}

.diagnostic-block .soustitre h6 {
    font-size: 17px;
    font-weight: 700;
    color: #0C1179;
}

.block-badge {
    width: 100%;
    height: 900px;
    display: none;
    flex-direction: column;
    justify-content: space-around;
    align-items: center;
}
.badge-active{
    display: flex;
}

@media only screen and (max-width: 768px) {
    .block-badge {
        width: 100%;
        padding-left: 10px;
        padding-right: 10px;
        margin-top: 85px;
    }
}

@media only screen and (max-width: 480px) {
    .block-badge {
        margin-top: 95px;
    }
}

.problems {
    width: 100%;
    height: 550px;
    padding-left: 80px;
    padding-right: 80px;
    display: flex;
    /* background-color: #959595; */
    flex-direction: row;
    justify-content: space-around;
    align-items: center;
}

.problems .appsection,
.invest-box .appsection {
    width: 45%;
}

.problems .illust {
    width: 45%;
    height: 90%;
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    align-items: center;
}

.problems .appsection .questions li {
    margin-bottom: 12px;
    list-style: inside;
}

svg {
    fill: #17810A;
}

.name,
h1 {
    font-family: "Poppins";
}

.testimonial {
    width: 100%;
    padding-left: 80px;
    padding-right: 80px;
}

.box-temoignage {
    width: 50%;
    height: 80%;
}

.testimonial-content {
    width: 100%;
    height: 1000px;
    /* background-color: #959595; */
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    align-items: center;
    margin-bottom: 35px;
    margin-top: -15px;

}

.problems .appsection p {
    margin-bottom: 25px;
}

.problems .appsection .start {
    margin-top: 30px;
}

.problems .appsection .start .bouton {
    margin-right: 25px;
}


.testimonial-content .item {
    width: 40%;
}

.testimonial-content .illust {
    width: 50%;
}

.invest-box {
    width: 100%;
    height: 550px;
    padding-left: 50px;
    padding-right: 50px;
    display: flex;
    /* background-color: #959595; */
    flex-direction: row;
    justify-content: space-around;
    align-items: center;
}

.invest-box .illust {
    width: 53%;
    height: 95%;
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    align-items: center;
}

.invest-box .appsection .start {
    margin-top: 30px;
}

@media only screen and (max-width: 768px) {
    .problems {
        width: 100%;
        height: 800px;
        flex-direction: column;
        margin-bottom: 50px;
        padding-left: 30px;
        padding-right: 30px;
    }

    .problems .illust {
        width: 60%;
        margin-top: -45px;
    }

    .problems .appsection {
        width: 90%;
    }

    .problems .appsection .questions {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        text-align: center;
        margin-right: 20px;
    }

    .problems .appsection .start {
        justify-content: center;
        align-items: center;
        width: 100%;
    }

    .testimonial-content {
        flex-direction: column;
        width: 100%;
    }

    .testimonial {
        width: 100%;
        height: 1200px;
        /* background-color: #DDE2E5; */
        padding-left: 30px;
        padding-right: 30px;
    }

    .testimonial-content .item {
        width: 94%;
    }

    .box-temoignage {
        width: 94%;
        height: 700px;
    }

    .invest-box {
        width: 100%;
        flex-direction: column;
        padding-left: 30px;
        padding-right: 30px;
        margin-top: 15px;
        margin-bottom: 50px;
    }

    .invest-box .appsection {
        width: 100%;
        text-align: center;
    }

    .invest-box .appsection .download1 {
        justify-content: center;
    }

    .invest-box .illust {
        width: 65%;
        margin-top: 30px;
    }

    .investissement .avantage {
        display: none;
    }

}

@media only screen and (max-width: 480px) {
    .problems .illust {
        width: 80%;
        margin-bottom: 20px;
        margin-top: 30px;
    }

    .problems .appsection .start {
        padding-left: 45px;
    }

    .problems .appsection .start .bouton {
        width: 60%;
    }

    .testimonial .titre .soustitre,
    .problem-block .titre .soustitre,
    .investissement .titre .soustitre {
        width: 50%;
    }

    .testimonial {
        height: 2000px;
        margin-bottom: 30px;
        margin-top: -70px;
    }

    .box-temoignage {
        height: 1000;
        margin-top: 10px;
    }

    .testimonial-content {
        height: 1200px;
    }

    .testimonial-content .item,
    .problems .appsection {
        text-align: center;
    }

    .invest-box .illust {
        width: 95%;
    }

    .invest-box .appsection .download1 {
        justify-content: space-around;

    }

    .invest-box .appsection .download1 .google img {
        width: 140px;
    }

}

@media only screen and (max-width: 390px) {
    .testimonial-content {
        margin-bottom: 90px;
    }

    .box-temoignage {
        margin-bottom: 130px;
    }
}

.privacy{
    width: 100%;
    padding-left: 80px;
    padding-right: 80px;
    margin-bottom: 25px;
}
.privacy h4{
    margin-bottom: 29px;
    margin-top: 20px;
}
.privacy ul{
    font-size: 16px;
    font-family: 'poppins';
    font-weight: 400px;
}
.privacy ul li{
    margin-bottom: 7px;
    margin-left: 5px;
    list-style: inside;
}

@media only screen and (max-width: 480px) {
    .privacy h4{
        font-size: 22px;
        text-align: center;
    }
    .privacy{
        padding-left: 25px;
        padding-right: 25px;
        margin-bottom: 45px;
    }
    .privacy ul li{
        margin-left: 8px;
        margin-bottom: 7px;
    }
    .privacy p{
        text-align: justify;
    }
    .supp{
        height: 270px;
    }
}