html{
    scroll-behavior: smooth !important;
    max-width:100% !important;
}

body{
    margin:0;
    padding:0;
    font-family: "Manrope", sans-serif;
    background-color: #f8f9fb;
    color:black;
    opacity:1;
    overflow-x: hidden;
}




.pagewrapper{
    overflow-x:hidden;
}

h3{
        font-family:"Inter", sans-serif;
        font-size: 1rem;
        letter-spacing: 18%;
        font-weight:bold;
        color:#003F87;
    }

h2{
    font-family:"Manrope", sans-serif;
    font-size: 1.5rem;
    letter-spacing: 0.02em;
    font-weight:800;
}

.mobile-icon{
    width: 16px;
    height: 16px;
    margin-left: 8px;
}

h1 span{
    color:#0056B3;
}



.back-link{
    color:black !important;
    z-index:10;
    left:25px;
    top:25px;
    text-decoration:none;
    position:absolute;
    
}

.back-link:hover{
    text-decoration:underline
}


/* Ordinateur */
@media screen and (min-width : 900px) {
    .pc-hidden{
        display:none;
    }

    .phone-only{
        display:none;
    }
}





/* Tablette */
@media screen and (min-width : 600px) and (max-width : 900px) {
    .tablet-hidden{
        display:none;
    }

    .pc-only{
        display:none;
    }
    
    .phone-only{
        display:none;
    }


}





/* Téléphone */
@media screen and (max-width : 600px) {
    .mobile-hidden{
        display:none;
    }

    .pc-only{
        display:none;
    }

    .div-separactrice{
        height:50px;
    }

    .machine-carousel-card-content h3{
        margin: 0 0 8px;
        font-size: 1.2rem;
        line-height: 1.2;
        color:white !important;
        text-shadow: 0px 0px 7px rgba(0, 0, 0, 0.85);
    }
}