@import url(https://db.onlinewebfonts.com/c/0723405d29c09c55e50ab686544f43c5?family=Malvie);
.p_btn_infos .p1 {
    color: #eb2131;
    background: #fcf5c7;
    width: fit-content;
    padding: 10px;
    font-weight: 900;
    border-radius: 10px;
    font-size: 30px;
    text-transform: uppercase;
}
.p_btn_infos .p2 {
    color: #fcf5c7;
    background: #eb2131;
    width: fit-content;
    padding: 10px;
    font-weight: 900;
    border-radius: 10px;
    font-size: 30px;
    text-transform: uppercase;
}
.p_btn_infos {
    text-align: center;
}
.p_btn_infos p {
    margin: 7px auto;
}
.content_slides  {
    background: #507ab6;
    padding: 20px;
}
.icon_reseaux_sociaux  {
       display: flex
;
    justify-content: space-between;
    width: 60%;
    margin: 0 auto;
}
.content_slides ul {
    list-style-type: none !important;
    padding: 0 !important;
}
.content_slides h2  {
        color: #fff;
    font-weight: 400 !important;
    padding: 0;
    margin-bottom: 20px;
    font-family: 'montserat';
}
.content_slides1 h2 {
   text-align: right;
   width: fit-content;
}
.content_slides h2 span  {
   font-weight: 700 !important;
}
.content_services li {
       font-size: 20px;
    text-transform: uppercase;
    color: #000;
    padding: 10px !important;
    font-weight: 700;
     border-radius: 50px;
    margin: 16px 0;
}
.content_services li img {
    margin-right: 10px !important;
}
li.booste {
    background-color: #ff8049;
    border-radius: 50px;
    color: #fff;
}
li.capte {
    background-color: #ff3131;
}
li.diffusion, li.optimise {

    background-color: #ff65c3;
    color: #fff;

}
li.services {
    background-color: #01c063;
}
.content_slides1 .content_services ul {
    width: 60%;
    margin: 10px auto;
    margin-bottom: 30px;
}
.infos, .content_infos h3, .p_infos h3 {
    color: #fff;
    font-size: 24px;
    font-weight: 600;
    text-transform: initial !important;
    font-family: 'montserat';
}
.content_slides3 .content_infos_app {
    width: 60%;
    margin: 0 auto;
    margin-right: 0;
}
.icon_btn_app {
    justify-content: space-between;
    width: 100%;
    align-items: flex-end;
    margin: 24px 0;
}
@media (max-width:1024px) {
    .content_slides h2 {
        font-size: 24px !important;
    }
    .icon_reseaux_sociaux, .content_slides1 .content_services ul {
        width: 100%;
    }
    .p_btn_infos p {
        font-size: 20px !important;
    }
    .content_services li {
        font-size: 14px !important;
    }
    .infos, .content_infos h3, .p_infos h3 {
        font-size: 18px !important;
    }
    .content_slides3 .content_infos_app {
        width: 100% !important;
    }
     .icon_btn_app img {
        height: auto !important;
    }
}
@media (max-width:767px) {
    .icon_btn_app img {
        height: auto !important;
    }
}