.desktop{
    display: inline;
}
.mobile{
    display: none;
}
/*header */
.dsg_o_tabdetails .dsg_td-visuel::after, .dsg_o_hero::before{
    background-color: transparent !important;
}
.dsg_o_tabdetails .dsg_td-visuel .dsg_a_image{
    height: 100%;
}
.dsg_o_hero .dsg_o_hero_container .dsg_a_title+.-dsg_lead{
    margin: 1.3rem 0 2rem ;
}
/* tabs */
.dsg_a_image.-dsg_picto-s{
    width: 96px ;
    height: 96px ;
}
li.swiper-slide{
    position: relative;
}
li.swiper-slide{
    color: #999999; 
}
li.swiper-slide.is-active{
    color: #010035;
}
li.swiper-slide.l1::before{
    content: "";
    background-image: url("https://professionnels.hml.societegenerale.fr/static/pro/Professionnels/assets/NGIMv2/pictos/Bourse_gris.svg");
    background-repeat: no-repeat;
    background-size: 100%;
    width: 32px;
    height: 32px;
    display: block;
    margin: 0 auto;
}
li.swiper-slide.l2::before{
    content: "";
    background-image: url("https://professionnels.hml.societegenerale.fr/static/pro/Professionnels/assets/NGIMv2/pictos/Ampoule_gris.svg");
    background-repeat: no-repeat;
    background-size: 100%;
    width: 32px;
    height: 32px;
    display: block;
    margin: 0 auto;
}
li.swiper-slide.l3::before{
    content: "";
    background-image: url("https://professionnels.hml.societegenerale.fr/static/pro/Professionnels/assets/NGIMv2/pictos/Main_tendu_argent_gris.svg");
    background-repeat: no-repeat;
    background-size: 100%;
    width: 32px;
    height: 32px;
    display: block;
    margin: 0 auto;
}
li.swiper-slide.l4::before{
    content: "";
    background-image: url("https://professionnels.hml.societegenerale.fr/static/pro/Professionnels/assets/NGIMv2/pictos/Mains_Serrer_gris.svg");
    background-repeat: no-repeat;
    background-size: 100%;
    width: 32px;
    height: 32px;
    display: block;
    margin: 0 auto;
}
li.swiper-slide.l5::before{
    content: "";
    background-image: url("https://professionnels.hml.societegenerale.fr/static/pro/Professionnels/assets/NGIMv2/pictos/Chapeau_Universitaire_gris.svg");
    background-repeat: no-repeat;
    background-size: 100%;
    width: 32px;
    height: 32px;
    display: block;
    margin: 0 auto;
}
li.swiper-slide.is-active.l1::before{
    background-image: url("https://professionnels.pprd.societegenerale.fr/static/pro/Professionnels/assets/NGIMv2/pictos/Bourse.svg");
    background-size: 77%;
    white-space:nowrap;
}
li.swiper-slide.is-active.l2::before{
    background-image: url("https://professionnels.pprd.societegenerale.fr/static/pro/Professionnels/assets/NGIMv2/pictos/Ampoule.svg");
    white-space:nowrap;
}
li.swiper-slide.is-active.l3::before{
    background-image: url("https://professionnels.pprd.societegenerale.fr/static/pro/Professionnels/assets/NGIMv2/pictos/Main_tendu_argent.svg");
    white-space:nowrap;
}
li.swiper-slide.is-active.l4::before{
    background-image: url("https://professionnels.pprd.societegenerale.fr/static/pro/Professionnels/assets/NGIMv2/pictos/Mains_Serrer.svg");
    white-space:nowrap;
}
li.swiper-slide.is-active.l5::before{
    background-image: url("https://professionnels.pprd.societegenerale.fr/static/pro/Professionnels/assets/NGIMv2/pictos/Chapeau_Universitaire.svg");
    white-space:nowrap;
}
@media only screen and (max-device-width : 415px) {
    .desktop{
    display: none;
    }
    .mobile{
        display: inline;
    }
    /* header */
    .dsg_o_hero{
        background-position-x: 44rem;
    }
    .dsg_o_hero .dsg_o_hero_container .dsg_a_title .dsg_moving-line::after{
        height: 0.25rem;
    }
    .dsg_a_title .dsg_moving-line::after{
        width: 5.25rem;
    }
    /* cards */
    .dsg_a_image.-dsg_picto-s{
        width: 60px;
        height: 60px;
    }
    /* tabs */
    .dsg_o_tabdetails .dsg_o_hero{
        margin-bottom: -25rem;
        background-size: 106rem;
        background-repeat: no-repeat;
        background-position-x: -20.5rem;
    }
    .swiper-wrapper{
        width: 100% !important;
    }
    .dsg_m_card.-dsg_offer{
        border-bottom: none;
        box-shadow: -3px 4px 20px 0 rgba(0,0,0,0.13);
        margin: 0 2rem 3rem 2rem;
        padding-top: 1.5rem;
    }
    .cartes{
        margin-top: 0;
    }
}