@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');

body {
    margin: 0;
    font-family: "Montserrat", sans-serif;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    background-color: #0D1B2A;
    overflow-x: hidden;
}

.centrato {
    display: flex;
    justify-content: center;
    align-items: center;
}

.chisiamo-background{
    background-image:
        radial-gradient(circle, rgba(13, 102, 194, 0.25) 0%, rgba(13, 102, 194, 0.40) 60%),
        url(../../assets/img/chi-siamo/chisiamo-background-foto_11zon.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    min-height: 50svh;
}
    .chisiamo-background h1{
        font-size: 2rem;
        font-weight: 400;
        color: white;
        text-align: center;
        width: 95%;
    }

.chisiamo-info{
    background-color: white;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    padding: 20px 0;
    position: relative;

}

.chisiamo-info-box{
    width: 90%;
    height: 100%;
    max-width: 420px;
    flex-direction: column;
}

    #chisiamo-info-cert{
        display: none;
    }
    .chisiamo-cert-title{
        position: absolute;
        top: 0;
        right: 0;
        height: 20%;
        width: 100%;
        font-size: 1.2rem;
        color: #005EE9;
    }
    
    .chisiamo-cert-cert{
        width: 100%;
        height: 100%;
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
        place-items: center;
    }

    .chisiamo-certs{
        background-repeat: no-repeat;
        background-position: center center;
        background-attachment: unset;
        background-size:cover;
        display: flex;
        justify-content: center;
        align-items: center;
        width: 100px;
        height: 100px;
        margin: 8px 0;
        font-size: 0.8rem;
    }

    #chisiamo-ISO9001{
        background-image: url(../img/chi-siamo/iso9001.png);
    }
    #chisiamo-ISO14001{
        background-image: url(../img/chi-siamo/iso14001.png);
    }
    #chisiamo-ISO45001{
        background-image: url(../img/chi-siamo/iso45001.png);
    }
    #chisiamo-SOA{
        background-image: url(../img/chi-siamo/argentasoa.png);
    }

    #chisiamo-info-storia{
        max-width: 700px;
    }
    #chisiamo-info-storia p{
        color: black;
        font-size: 1rem;
        margin-top: -10px;
    }
    #chisiamo-info-storia h4{
        width: 100%;
        font-size: 1.2rem;
        color: #cf2e2e;
    }
    #chisiamo-info-storia span{
        color: #005EE9;
    }


.chisiamo-missione{
    width: 100%;
    padding: 60px 0;
    height: auto;
    flex-direction: column;
    background: radial-gradient(circle, rgba(13, 27, 42, 0.4) 60%), url(../img/chi-siamo/chisiamo-missione_11zon.jpg);
    background-repeat: no-repeat;
    background-position: center ;
    background-size: cover;
}
    .chisiamo-missione-box-margin{
        width: 90%;
        max-width: 1200px;
        height: 100%;
        flex-direction: column;
    }
    .chisiamo-missione-box{
        width: 100%;
        height: 33.33%;
        flex-direction: column;
    }
    .chisiamo-missione-box h6{
        margin-top: 10px;
        text-align: left;
        width: 80%;
        font-size: 1.5rem;
        color: #f35454;
    }
    .chisiamo-missione-box p{
        text-align: left;
        width: 80%;
        margin-top: -40px;
        font-size: 1rem;
        color: white;
    }
    .chisiamo-missione-box ul{
        text-align: left;
        width: 80%;
        margin-top: -40px;
        font-size: 1rem;
        color: white;
    }