/* about-us */

.banner-about-us {

    background-image: url('../img/banner-desktop.png');

    background-size: cover;

}



.row-about-info {

    margin-top: 70px;

}



.about-us-page {

    padding-top: 7vh;

}



.about-us-page::after {

    content: "";

    display: none !important;

}



.card-about-info {

    margin-top: 60px;

    display: flex;

    flex-direction: column;

    align-items: center;

    background-color: #00427B;

    color: #fff;

    padding: 40px;

    text-align: center;

    min-height: 410px;

}



.card-about-info:last-child {

    border-top-right-radius: 10px;

    border-bottom-right-radius: 10px;

}



.card-about-info:first-child {

    border-top-left-radius: 10px;

    border-bottom-left-radius: 10px;

}



.card-about-info-center {

    background-color: #132759;

}



.card-about-info i {

    color: #fff;

    margin-bottom: 20px;

    font-size: 50px;

}



.card-about-info h4 {

    font-size: 1.5rem;

    font-weight: bold;

    margin-bottom: 18px;

    font-family: "Montserrat", sans-serif;

}



/* products */

.product-page {

    margin: 70px 0;

}



.product-page .container .row .col-sm-3 {

    margin-bottom: 50px;

}



/* contact-page */

.contact-page {

    background-image: url('../img/bg-about-us.png');

    margin: 80px 0;

}



.col-contact h2 {

    color: #00427B;

}



.col-contact p {

    font-weight: 500;

}



.form-select:focus {

    border-color: #00427B !important;

    outline: 0;

    box-shadow: none !important;

}



.form-select:active {

    border-color: #00427B !important;

    outline: 0;

    box-shadow: none !important;

}



.service-page {

    margin: 90px 0;

}



.col-service-top-text h2 {

    font-size: 3rem;

    font-weight: 500;

    color: #535353;

    margin-top: 0 !important;

}



.col-service-top-text h2 b,

.col-service-top-text h2 strong {

    color: #00427B;

    font-weight: 900;

}



.content-text p {

    font-size: 22px !important;

    color: #000 !important;

    font-weight: 400 !important;

}



.col-service-top-text p {

    margin-top: 22px;

    font-size: 25px;

    color: #696969;

    font-weight: 600;

}



.service-text {

    font-size: 22px;

    font-weight: 400;

    margin-top: 20px;

}



h1,

h2,

h3,

h4,

h5,

h6 {

    font-weight: bold;

}



.icon-box-contato {

    color: #FFF;

    background: #11305c;

    border-radius: 10px;

    padding: 20px;

    display: flex;

    align-items: center;

    font-size: 18px;

    text-decoration: none;

    margin-bottom: 5px;

}



.icon-box-contato i {

    margin-right: 10px;

}



.icon-box-contato:hover {

    color: #FFF;

    background-color: #0ad1dc;

}



.atuacao-item div {

    background: #F6F6F6;

    padding: 20px;

    min-height: 605px;

    position: relative;

}



.atuacao-item .servico-0,

.atuacao-item .servico-1,

.atuacao-item .servico-2,

.atuacao-item .servico-3 {

    min-height: 500px;

}



.atuacao-item div a {

    color: #11305c;

    position: absolute;

    bottom: 15px;

}



.atuacao-item div a:hover {

    color: #0ad1dc;

}

@media only screen and (max-width: 1366px){
    .banner-home {
        background-image: url('../img/banner-desktop-1366.webp')!important;
    }
}



@media only screen and (max-width:992px) {



    .img-loja-virtual {

        width: 100%;

        margin: 5vh auto;

    }



    .icones-contato {

        margin-top: 70px;

    }



    .banner-home {

        background-image: url('../img/bg-banner-mobile.webp')!important;

        background-size: cover;

        background-position: center;

        min-height: 540px!important;

    }



    .btn-know-more {

        background-color: #0AD1DC;

    }



    .about-us-page {

        padding: 60px 0 0 0;

    }



    .card-about-info {

        margin-top: 15px;

    }



    .col-banner-content h1 {

        font-weight: 800;

        margin-bottom: 17px;

        font-size: 2rem;

    }



    .col-about-us-content h5 {

        font-size: 16px;

    }



    .col-banner-content p {

        width: 90%;

        font-size: 17px;

    }



    .contact-img {

        display: none;

    }



    .service-page {

        margin: 40px 0;

    }



    .col-service-top-text h2 {

        font-size: 2rem;

    }



    .col-service-top-text p {

        font-size: 22px;

    }



    .service-text {

        font-size: 18px;

        font-weight: 400;

        margin-top: 20px;

    }



}



@media only screen and (max-width:576px) {

    .col-banner-content h1 {

        font-weight: 800;

        margin-bottom: 17px;

        font-size: 1.5rem;

    }



    .about-us-page {

        padding: 0;

    }

    .card-about-info {

        min-height: 350px;

    }



    .col-service-top-text h2 {

        font-size: 1.6rem;

    }



    .col-service-top-text p {

        font-size: 1rem !important;

    }



    .service-text {

        font-size: 1rem;

    }

    

}