body,
h1,
h2,
h3,
h4,
h5,
p,
a,
span {
    font-family: 'Segoe UI', Arial, sans-serif;
}

h1,
h2,
h4,
h5 {
    color: #00a859;
    text-transform: uppercase;
    font-weight: 1000;
}

h2 {
    font-size: 3rem;
}

h3 {
    color: #bdbfc1;
    text-transform: uppercase;
    font-weight: 1000;
    font-size: 2rem;
}

p {
    color: #bdbfc1;
    font-size: 1rem;
    font-weight: 500;
}

ul li {
    font-size: 1rem;
    font-weight: 500;
}


/*header*/

@media (max-width: 575px) {
    .navbar-brand {
        max-width: 175px;
    }
}


/*Carrosel*/

@media (max-width: 575px) {
    #carousel {
        margin-top: 50px;
    }
}


/*Sobre*/

.col-sobre {
    display: flex;
    flex-direction: column;
    align-items: start;
}


/*valores*/

.row-valores {
    display: flex;
    flex-direction: row;
}

.col-valores {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.titulo-valores {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    text-align: center;
}

.card-valores {
    width: 100%;
    height: auto;
    min-height: 45vh;
    background: #00a859;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 25px;
    transition: 0.2s box-shadow;
    -webkit-box-shadow: none;
    box-shadow: none;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10%;
}

.card-valores p {
    color: white;
}

.card-valores li {
    color: white;
}

.card-valores:hover {
    -webkit-box-shadow: 0px 0px 6px 4px #bdbfc1;
    box-shadow: 0px 0px 6px 4px #bdbfc1;
}


/*serviços*/

#servicos {
    height: auto;
}

.col-list-servicos {
    display: flex;
    flex-direction: column;
    align-items: start;
}

.card-servicos {
    width: 100%;
    height: 100%;
    background: #00a859;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 25px;
    transition: 0.2s box-shadow;
    -webkit-box-shadow: none;
    box-shadow: none;
    display: flex;
    flex-direction: column;
    justify-content: space-evenly;
    padding: 34px;
    color: white !important;
}

.card-servicos h3 {
    text-align: center;
    color: white !important;
}

.card-servicos p {
    color: white !important;
}

.card-servicos h5 {
    color: white !important;
    font-weight: bolder;
}

.list-group .list-group-item {
    background: none;
    border: none;
    font-weight: bolder;
    color: #bdbfc1;
    padding: 8px 0;
}

.active {
    color: #00a859 !important;
}


/*equipamentos*/

.titulo-equipamentos__div {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    text-align: center;
}

.grid-equipamento {
    display: grid;
    grid-template-columns: repeat(4, 23.5%);
    grid-gap: 24px;
    margin-top: 3vw;
    margin-bottom: 5vw;
    align-items: center;
    justify-content: center;
}

@media (max-width: 991px) {
    .grid-equipamento {
        grid-template-columns: repeat(3, 32%);
    }
}

.equipamento {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    flex-wrap: nowrap;
    gap: 1rem;
}

.equipamento p {
    font-size: 16px;
}

.card-equipamento {
    width: 100%;
    height: 226px;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    border-radius: 25px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    transition: 0.2s box-shadow;
    -webkit-box-shadow: 0px 0px 6px 4px #bdbfc1;
    box-shadow: 0px 0px 6px 4px #bdbfc1;
}

.card-title {
    height: 8vh;
    width: auto;
}

.card-equipamento:hover {
    -webkit-box-shadow: 0px 0px 6px 4px #00a859;
    box-shadow: 0px 0px 6px 4px #00a859;
}

.equipamento:nth-child(1) .card-equipamento {
    background: url('../img/equipamentos/amostrador.png');
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}

.equipamento:nth-child(2) .card-equipamento {
    background: url('../img/equipamentos/balometer.jpg');
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}

.equipamento:nth-child(3) .card-equipamento {
    background: url('../img/equipamentos/particulas1.jpg');
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}

.equipamento:nth-child(4) .card-equipamento {
    background: url('../img/equipamentos/particulas2.jpg');
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}

.equipamento:nth-child(5) .card-equipamento {
    background: url('../img/equipamentos/decibelimetro.jpg');
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}

.equipamento:nth-child(6) .card-equipamento {
    background: url('../img/equipamentos/fotometro.jpg');
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.equipamento:nth-child(7) .card-equipamento {
    background: url('../img/equipamentos/geradordeaerosol.jpg');
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}

.equipamento:nth-child(8) .card-equipamento {
    background: url('../img/equipamentos/luximetro.jpg');
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}

.equipamento:nth-child(9) .card-equipamento {
    background: url('../img/equipamentos/maquinafumaca1.jpg');
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}

.equipamento:nth-child(10) .card-equipamento {
    background: url('../img/equipamentos/maquinafumaca2.jpg');
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}

.equipamento:nth-child(11) .card-equipamento {
    background: url('../img/equipamentos/micromanometrol.jpg');
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}

.equipamento:nth-child(12) .card-equipamento {
    background: url('../img/equipamentos/anemot.jpg');
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}

.equipamento:nth-child(13) .card-equipamento {
    background: url('../img/equipamentos/higometro.jpg');
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}

.equipamento:nth-child(14) .card-equipamento {
    background: url('../img/equipamentos/pitot.jpg');
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}
.equipamento:nth-child(15) .card-equipamento {
    background: url('../img/equipamentos/manometro1.png');
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}
.equipamento:nth-child(16) .card-equipamento {
    background: url('../img/equipamentos/manometro02.png');
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}
.equipamento:nth-child(17) .card-equipamento {
    background: url('../img/equipamentos/tacometro.png');
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}
.equipamento:nth-child(18) .card-equipamento {
    background: url('../img/equipamentos/trena.png');
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}
.equipamento:nth-child(19) .card-equipamento {
    background: url('../img/equipamentos/termo.png');
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}
.equipamento:nth-child(20) .card-equipamento {
    background: url('../img/equipamentos/medidor.png');
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}

/*Clientes*/

.titulo-clientes__div {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    text-align: center;
}

.grid-clientes {
    display: grid;
    grid-template-columns: repeat(10, 1fr);
    padding: 24px;
    grid-gap: 24px;
    margin-top: 3vw;
    margin-bottom: 5vw;
}

.grid-clientes .item {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
}

@media (max-width: 575px) {
    .grid-clientes {
        grid-template-columns: repeat(4, 1fr);
        margin-top: 40px;
        margin-bottom: 60px;
        grid-gap: 30px;
    }
}

@media (max-width: 991px) {
    .grid-clientes {
        grid-template-columns: repeat(5, 1fr);
    }
}


/*roda-pé*/

.footer {
    display: flex;
    flex-direction: row;
    width: 100%;
    height: auto;
    background: #00a859;
}

.col-contato {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.contato__h2 {
    color: white;
}

.contatos {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 14px;
}

.contatos a {
    color: white;
    font-weight: 500;
    text-decoration: none;
    position: relative;
    padding: 6px;
}

.contatos a:after {
    position: absolute;
    content: '';
    height: 4px;
    /* adjust this to move up and down. you may have to adjust the line height of the paragraph if you move it down a lot. */
    bottom: -4px;
    /****** 
   optional values below 
   ******/
    /* center - (optional) use with adjusting width   */
    margin: 0 auto;
    left: 0;
    right: 0;
    width: 50%;
    background: #00a859;
    /* optional animation */
    -o-transition: 0.5s;
    -ms-transition: 0.5s;
    -moz-transition: 0.5s;
    -webkit-transition: 0.5s;
    transition: 0.5s;
}

.contatos a:hover:after {
    width: 100%;
    background: white;
}

.endereco {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 14px;
}

.endereco p {
    color: white;
}

.selo {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 14px;
}

.copy {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.copy p {
    color: white;
}

.selo-img {
    max-width: 10vw;
}

.map-location {
    height: 58vh;
    position: relative;
    margin-left: -15px;
    margin-right: -15px;
}

.map-location iframe {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
}