/* Estilos de la página Nossos Produtos */

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

/* HEADER INICIO*/
div.header {
    width: 100%;
    height: 477px;
    left: 0px;
    top: 67px;
    border-radius: 4px;
    background-image: url("../img/header_img3.png");
    background-size: cover;
    background-repeat: no-repeat;
}

section.white {
    width: 100%;
    height: auto;
}

section.white#athena {
    height: 560px;
}

.nossos-produtos-text {
    display: flex;
    justify-content: flex-start;
    margin: 90px 0px 0px 47px;
    width: 40%;
    height: 29px;

    font-family: 'Poppins';
    font-style: normal;
    font-weight: 500;
    font-size: 24px;
    line-height: 29px;

    color: #000000;
}

.img {
    display: flex;
    justify-content: flex-end;
}

.img5 {
    width: 526px;
    height: 307px;
    background-image: url("../img/img5.png");
    background-size: contain;
    background-repeat: no-repeat;
    border-radius: 4px;
    margin: 40px 0 0 165px;
}

.p-nossos-produtos {
    display: flex;
    justify-content: flex-start;
    margin: 35px 0px 0px 47px;
    width: 70%;

    font-family: 'Poppins';
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: normal;
    text-align: start;

    color: #000000;
}

section.bg {
    width: 100%;
    height: 404px;
    background: #0171c1;
}

span.agt-text {
    display: flex;
    justify-content: flex-start;
    margin: 25px 0px 0px 165px;
    width: 100%;
    height: 38px;

    font-family: 'Poppins';
    font-style: normal;
    font-weight: 500;
    font-size: 32px;
    line-height: 38.4px;

    color: #FFFFFF;
}

.p-agt {
    display: flex;
    justify-content: flex-start;
    margin: 9px 0px 0px 165px;
    width: 70%;

    font-family: 'Poppins';
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: normal;
    text-align: start;

    color: #FFFFFF;
}

a.site-agt {
    display: flex;
    justify-content: flex-start;
    margin: 16px 0px 0px 165px;
    width: 70%;

    font-family: 'Poppins';
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 19px;
    text-decoration-line: underline;

    color: #b8dff0;
}

.img6 {
    width: 528px;
    height: 352px;
    background-image: url("../img/img6.png");
    background-size: contain;
    background-repeat: no-repeat;
    border-radius: 4px;
    margin: 25px 165px 0px 0px;
}

.img7 {
    display: flex;
    justify-content: center;
    width: 472px;
    height: 275px;
    background-image: url("../img/img7.png");
    background-size: contain;
    background-repeat: no-repeat;
    border-radius: 4px;
    margin: 83px 0 0 165px;
}

.athena-text {
    display: flex;
    justify-content: flex-start;
    margin: 50px 0px 0px 47px;
    width: 40%;
    height: 29px;

    font-family: 'Poppins';
    font-style: normal;
    font-weight: 500;
    font-size: 24px;
    line-height: 29px;

    color: #000000;
}

.p-athena-text {
    display: flex;
    justify-content: flex-start;
    margin: 36px 0px 0px 47px;
    width: 70%;

    font-family: 'Poppins';
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: normal;
    text-align: start;

    color: #000000;
}

span.agt-text, .sistemas-personalizados-text {
    margin: 30px 0px 0px 165px;
}

.p-agt.p-sistemas-personalizados {
    height: 207px;
    margin: 22px 0px 0px 165px;
    line-height: 23px;
}

.img8 {
    width: 472px;
    height: 275px;
    background-image: url("../img/img8.png");
    background-size: contain;
    background-repeat: no-repeat;
    border-radius: 4px;
    margin: 64px 165px 0px 0px;
}

ul.list {
    margin: 30px 0 0 50px;
}

li.item {
    list-style: initial;

    font-family: 'Poppins';
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 24px;

    color: #424548;
}


/************* Mobile ****************/

@media screen and (min-width: 320px) and (max-width: 480px) {

    div.header {
        width: 100%;
        height: 498px;
        border-radius: 4px;
        background-image: url("../img/mobile-3.png");
        background-size: cover;
        background-repeat: no-repeat;
    }

    .dropdown-menu {
        min-width: 100%;
    }

    .title {
        width: 279px;
        height: 84px;
        margin: -273px 46px 0px 46px !important;
    }

    .img5 {
        display: flex;
        justify-content: center;
        width: 100%;
        height: 206px;
        background-image: url("../img/mobile-6.png");
        background-size: cover;
        background-repeat: no-repeat;
        border-radius: 4px;
        margin: 40px 0 0 0;
    }

    section.white {
        max-width: 100%;
        height: auto;
        /* background-image: url("../../assets/img/fondo.png"); */
    }

    section.white#athena {
        height: 780px;
    }

    .nossos-produtos-text {
       display: flex;
       justify-content: center;
       width: 100%;
       height: 29px;
       margin: 50px 0px 0px 0px;
       text-align: center;
    }

    .p-nossos-produtos {
        margin: 35px 0px 0px 0px;
        width: 100%;
        height: 132px;

        font-family: 'Poppins';
        font-style: normal;
        font-weight: 300;
        font-size: 14px;
        line-height: normal;
        text-align: center;
    }

    section.bg {
        width: 100%;
        height: auto;
        background: #ffffff00;
        /* background-image: url("../../assets/img/fondo.png"); */
    }

    span.agt-text {
        display: flex;
        justify-content: center;
        margin: 50px 0px 0px 0px;
        width: 100%;
        height: 29px;

        font-family: 'Poppins';
        font-style: normal;
        font-weight: 500;
        font-size: 24px;
        line-height: normal;
        color: #000000;
    }

    .p-agt {
        display: flex;
        justify-content: center;
        margin: 18px 0px 0px 0px;
        width: 100%;
        height: 304px;

        font-family: 'Poppins';
        font-style: normal;
        font-weight: 300;
        font-size: 14px;
        line-height: normal;
        text-align: center;
        color: #000000;
    }
    
    a.site-agt {
        display: flex;
        justify-content: center;
        margin: 40px 0px 0px 0px;
        width: 100%;
        height: 19px;

        font-family: 'Poppins';
        font-style: normal;
        font-weight: 500;
        font-size: 14px;
        line-height: normal;
        text-decoration-line: underline;
        color: #015AB3;
    }

    .img6 {
        display: flex;
        justify-content: center;
        width: 100%;
        height: 206px;
        background-image: url("../img/img6.png");
        background-size: cover;
        background-repeat: no-repeat;
        border-radius: 4px;
        margin: 24px 0 0 0;
    }

    .athena-text {
        display: flex;
        justify-content: center;
        margin: 50px 0px 0px 0px;
        width: 100%;
        height: 29px;

        font-family: 'Poppins';
        font-style: normal;
        font-weight: 500;
        font-size: 24px;
        line-height: 28.8px;
        color: #000000;
        text-align: center;
    }

    .p-athena-text {
        display: flex;
        justify-content: center;
        margin: 24px 0px 0px 0px;
        width: 100%;
        /* height: 374px; */

        font-family: 'Poppins';
        font-style: normal;
        font-weight: 400;
        font-size: 16px;
        line-height: normal;
        text-align: center;
    }

    .img7 {
        display: flex;
        justify-content: center;
        width: 100%;
        height: 227px;
        background-image: url("../img/img7.png");
        background-size: cover;
        background-repeat: no-repeat;
        border-radius: 4px;
        margin: 40px 0 0 0;
    }

    span.sistemas-personalizados {
        margin: 230px 0px 0px 0px;
    }

    span.sistemas-personalizados-text {
        width: 100%;
        height: 29px;
        margin: 230px 0px 0px 0px;
    }

    .p-agt.p-sistemas-personalizados {
        width: 100%;
        height: 276px;
        margin: 24px 0px 0px 0px;

        font-size: 14px;
        line-height: normal;
    }

    .img8 {
        display: flex;
        justify-content: center;
        width: 100%;
        height: 206px;
        background-image: url("../img/img8.png");
        background-size: cover;
        background-repeat: no-repeat;
        border-radius: 4px;
        margin: 50px 0 40px 0;
    }

    ul.list {
        margin: 30px 0 0 0px;
    }

    li.item {
        list-style: initial;
        font-family: 'Poppins';
        font-style: normal;
        font-weight: 400;
        font-size: 14px;
        line-height: 24px;
        color: #424548;
    }
}