.myunderline, .rockUnderline, .schniderUnderline {
    position: relative
}

.myunderline:after {
    content: "";
    position: absolute;
    bottom: -2px;
    left: 0;
    width: 100%;
    height: 7px;
    border-radius: 5px;
    background: rgb(235, 78, 78);
    z-index: -1
}
.rockUnderline:after {
    content: "";
    position: absolute;
    bottom: -2px;
    left: 0;
    width: 100%;
    height: 6px;
    border-radius: 5px;
    background: #be121f; /*#e57135*/
    z-index: -1
}
.schniderUnderline:after {
    content: "";
    position: absolute;
    bottom: -3px;
    left: 0;
    width: 100%;
    height: 6px;
    border-radius: 5px;
    background: #3dcd58;
    z-index: -1
}
.roboUnderline:after {
    content: "";
    position: absolute;
    bottom: -2px;
    left: 0;
    width: 100%;
    height: 8px;
    border-radius: 5px;
    background: #ffd04e;
    z-index: -1
}

.cardBoxSHadow{
    box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px 2.6px;
}

/* --------- */

/* description du programme Schneider  */
.schnei-justify-content{
        justify-content: center !important;
}
/* For iPhone 14 pro max of width-size: 430px */
@media (max-width: 440px) {
    #schneiLogo {
        max-height: 170px !important;
    }
    .schniderUnderline:after{
        left: 135px;
        width: 131px;
    }
    .schnei-justify-content{
        justify-content: start !important;
    }

}
/* For other small mobile devices: iPhone 12, xe, xr, ... */
@media (max-width: 415px) {
    #schneiLogo {
        max-height: 170px !important;
    }
    .schniderUnderline:after{
        left: -45px;
        width: 310px;
    }
    .schnei-justify-content{
        justify-content: start !important;
    }

}


/*------ description du programme Rockwell ---------*/
.rock-justify-content{
        justify-content: center !important;
    }
@media (max-width: 590px) {
    #rockLogo {
        max-height: 170px !important;
    }
    .rock-justify-content{
        justify-content: start !important;
    }

}



/* description du programme Fanuc  */
.fanuc-justify-content{
        justify-content: center !important;
    }
@media (max-width: 590px) {
    #fanucLogo {
        max-height: 170px !important;
    }
    h1.display-5 {
        font-size: 2.5rem; /* You can set to 2rem, 1.8rem, etc. */
    }
    .fanuc-justify-content{
        justify-content: start !important;
    }

}


/* description du programme Automatisme  */
.auto-justify-content{
        justify-content: center !important;
    }
@media (max-width: 590px) {
    #autoLogo {
        max-height: 170px !important;
    }
    .auto-justify-content{
        justify-content: start !important;
    }

}

/* description du programme Eplan  */
.eplan-justify-content{
        justify-content: center !important;
    }
@media (max-width: 590px) {
    #eplanLogo {
        max-height: 170px !important;
    }
    .myunderline:after{
        width: 90%;
        left: 35px;
    }
    .eplan-justify-content{
        justify-content: start !important;
    }

}

/* description du programme temps reel  */
.tempsreel-justify-content{
        justify-content: center !important;
    }
@media (max-width: 590px) {
    .tempsreel-justify-content{
        justify-content: start !important;
    }

}


/* bg colors */
.rockBgColor{
    background-color: #be121f !important;
    opacity: .9;
}