@font-face {
  font-family: 'DIN Pro';
  src: url(../fonts/DIN\ Pro.ttf) format('truetype');
}

body {
  font-family: 'DIN Pro', sans-serif;
}

.banner-segeletronica {
  background-image: url('../img/segeletronica/BACKGROUND1.png');
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  min-height: max-content;
  padding: 10px;
  display: flex;
  justify-content: end;
  align-items: center;
}

.fundo-branco-texto {
  background-color: #FFFFFF;
  padding: 5px 15px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 5px;
  border-radius: 10px;
  z-index: 2;
}

.fundo-verde-texto {
  background-color: #006E46;
  padding: 5px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 5px;
  border-radius: 10px;
}

.fundo-verde-texto span {
  font-weight: normal;
  font-size: 23px;
  line-height: 32.86px;
  text-transform: uppercase;
  color: #FFFFFF;
}

.texto-banner-segeletronica {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: end;
  text-align: center;
  margin: 5% 10%;
}

.banner-segeletronica h1 {
  font-family: DIN Pro;
  font-weight: bold;
  font-size: 44px;
  color: #FFFFFF;
  text-transform: uppercase;
  text-align: end;
}

.banner-segeletronica span {
  font-family: DIN Pro;
  font-size: 23px;
  line-height: 32.86px;
  text-transform: uppercase;
  color: #006E46;
}

.bloco-2-seg-eletronica {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  margin: 10px 0;
}

.bloco-2-seg-eletronica p {
  font-family: DIN Pro;
  font-size: 17px;
  line-height: 31px;
  color: #3C3C3B;
  margin: 30px 15%;
}

.imgs-solucoes-seg-eletronica {
  margin: 20px 10%;
}

.bloco-2-seg-eletronica h1 {
  font-weight: bold;
  font-size: 44px;
  line-height: 56px;
  color: #3C3C3B;
  text-align: center;
  margin: 20px;
}

.bloco-3-seg-eletronica {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  min-height: max-content;
  background-image: url('../img/segeletronica/BACKGROUND-BLOCO-3.png');
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  padding: 40px;
}

.container-icones {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: row;
  margin: 10px;
}

.img-icones {
  margin: 10px;
}

.img-icones img {
  width: 100%;
  height: auto;
}

.bloco-3-seg-eletronica h1 {
  font-family: DIN Pro;
  font-weight: bold;
  font-size: 44px;
  line-height: 56px;
  color: #FFFFFF;
  text-align: center;
}

.span-verde {
  font-weight: bold;
  font-size: 23px;
  line-height: 32.86px;
  text-transform: uppercase;
  color: #006E46;
}

.flex-esquerda {
  display: flex;
  justify-content: center;
  align-items: start;
  flex-direction: column;
  width: 80%;
  margin: 10px 0;
}

.card-bloco-3 {
  display: flex;
  justify-content: center;
  align-items: start;
  flex-direction: column;
  text-align: start;
  border: #FFFFFF 1px solid;
  border-radius: 10px;
  background-color: #006E46;
  padding: 20px;
  width: 50%;
  margin: 30px 0;
  max-width: 570px;
}

.card-bloco-3 p {
  font-family: DIN Pro;
  font-size: 17px;
  line-height: 28px;
  color: #FFFFFF;
}

.icones-bloco-3 {
  border-left: #fff 1px solid;
  border-right: #fff 1px solid;
  border-radius: 10px;
}

.icone-seta-bloco-3 {
  margin-right: 5px;
  transform: translateY(2px);
}

.texto-icone {
  display: flex;
  justify-content: start;
  flex-direction: row;
  align-items: start;
  width: 100%;
}

.bloco-4-seg-eletronica {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  min-height: max-content;
  background-image: url('../img/segeletronica/BACKGROUND-BLOCO-4.png');
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  padding: 40px;
}

.bloco-4-seg-eletronica h1 {
  font-weight: bold;
  font-size: 44px;
  line-height: 56px;
  color: #006E46;
  text-align: center;
}

.flex-direita {
  display: flex;
  justify-content: center;
  align-items: end;
  flex-direction: column;
  width: 80%;
  margin: 10px 0;
}

.card-bloco-4 {
  display: flex;
  justify-content: center;
  align-items: start;
  flex-direction: column;
  text-align: start;
  border: #006E46 1px solid;
  border-radius: 10px;
  background-color: #fff;
  padding: 20px;
  width: 50%;
  margin: 30px 0;
  max-width: 570px;
}

.card-bloco-4 p {
  font-family: DIN Pro;
  font-size: 17px;
  line-height: 28px;
  color: #3C3C3B;
}

.icone-seta-bloco-4 {
  margin-right: 5px;
  transform: translateY(2px);
}

.card-img-x2-bloco-4 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 50%;
  max-width: 570px;
}

.bloco-5-seg-eletronica {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  min-height: max-content;
  background-image: url('../img/segeletronica/BACKGROUND-BLOCO-5.png');
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  padding: 40px;
}

.bloco-5-seg-eletronica h1 {
  font-weight: bold;
  font-size: 44px;
  line-height: 56px;
  color: #FFFFFF;
  text-align: center;
  margin-bottom: 30px;
}

.descricao-bloco-5-seg-eletronica {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  width: 50%;
  margin: 30px;
}

.bloco-5-seg-eletronica p {
  font-weight: bold;
  font-size: 17px;
  line-height: 28px;
  color: #FFFFFF;
}

.icone-bloco-5 {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  margin: 10px 5px;
}

.icone-bloco-5 img {
  width: 100%;
  height: auto;
}

.icone-bloco-5 span {
  font-weight: bold;
  font-size: 16px;
  line-height: 19px;
  text-transform: uppercase;
  color: #FFFFFF;
}

.container-span-icone-bloco-5 {
  position: absolute;
  display: flex;
  justify-content: center;
  align-items: center;
  bottom: 0;
  padding: 10%;
}

.container-icones-bloco-5 {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: row;
  width: 100%;
  margin: 10px 10px 20% 10px;
}

.bloco-6-seg-eletronica {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  min-height: max-content;
  background-image: url('../img/segeletronica/BACKGROUND-BLOCO-6.png');
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  padding: 40px;
}

.bloco-6-seg-eletronica h1 {
  font-weight: bold;
  font-size: 44px;
  line-height: 56px;
  color: #006E46;
  text-align: center;
}

.descricao-bloco-6-seg-eletronica {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  width: 70%;
  margin: 30px;
}

.bloco-6-seg-eletronica p {
  font-weight: bold;
  font-size: 17px;
  line-height: 28px;
  color: #3C3C3B;
}

.container-img-caixa-textos-bloco-6 {
  margin: 10px 10px 10% 10px;
}

.bloco-7-seg-eletronica {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  min-height: max-content;
  background-image: url('../img/segeletronica/BACKGROUND-BLOCO-7.png');
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  padding: 40px 40px 60px 40px;
}

.bloco-7-seg-eletronica h1 {
  font-weight: bold;
  font-size: 44px;
  line-height: 56px;
  color: #FFFFFF;
  text-align: center;
}

.descricao-bloco-7-seg-eletronica {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  width: 40%;
  margin: 30px;
}

.bloco-7-seg-eletronica p {
  font-weight: bold;
  font-size: 17px;
  line-height: 28px;
  color: #FFFFFF;
}

#img-rastreamento {
  margin-right: 10%;
}

.bloco-8-seg-eletronica {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  min-height: max-content;
  background-image: url('../img/segeletronica/BACKGROUND-BLOCO-8.png');
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  padding: 40px;
}

.bloco-8-seg-eletronica h1 {
  font-weight: bold;
  font-size: 44px;
  line-height: 56px;
  color: #006E46;
  text-align: center;
}

.descricao-bloco-8-seg-eletronica {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  width: 70%;
  max-width: 1000px;
  margin: 10px;
}

.bloco-8-seg-eletronica p {
  font-weight: bold;
  font-size: 23px;
  line-height: 36px;
  text-transform: uppercase;
  color: #3C3C3B;
}

.container-imagens-bloco-8-seg-eletronica {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: row;
  width: 50%;
  margin: 20px;
  flex-wrap: wrap;
}

.img-e-texto-bloco-8 {
  margin: 10px;
}

.fundo-verde-texto-bloco-8 {
  background-color: #006E46;
  padding: 20px 10px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 5px 0;
  border-radius: 15px;
}

.fundo-verde-texto-bloco-8 span {
  font-weight: bold;
  font-size: 19px;
  line-height: 22.39px;
  text-transform: uppercase;
  color: #FFFFFF;
}

.bloco-9-seg-eletronica {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  min-height: max-content;
  background-image: url('../img/segeletronica/BACKGROUND-BLOCO-9.png');
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

.topo-bloco-9 {
  width: 100%;
  height: 10%;
  background-color: #FFF;
  overflow-x: auto;
  overflow-y: hidden;
}

.container-topo-bloco-9 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-direction: row;
  width: 150%;
  margin: 10px;
  flex-wrap: nowrap;
}

.card-topo-bloco-9 {
  height: 100%;
  z-index: 1;
  margin: 0 10px;
  background-position: center;
  background-size: cover;
  max-width: 300px;
  max-height: 211px;
  min-height: 211px;
}

.card-topo-bloco-9 p {
  font-weight: bold;
  font-size: 15px;
  line-height: 21px;
  color: #3C3C3B;
}

.card-topo-bloco-9 h2 {
  font-weight: bold;
  font-size: 23px;
  line-height: 25px;
  text-transform: uppercase;
  color: #006E46;
  text-shadow: none;
  margin: 2px;
}

.imagens-topo-bloco-9 {
  max-width: 300px;
}

.text-bloco-9 {
  min-width: 300px;
}

.corpo-bloco-9 {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  width: 100%;
  height: 100%;
  padding: 50px 40px;
}

.card-desc-bloco-9 {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  text-align: center;
  border-radius: 15px;
  background-color: #FFF;
  padding: 40px 10%;
  width: 70%;
  z-index: 1;
  margin: 15px auto 25px auto;
}

.card-desc-bloco-9 p {
  font-weight: bold;
  font-size: 23px;
  line-height: 34px;
  color: #3C3C3B;
  margin: 0;
}

.card-desc-bloco-9 h2 {
  font-weight: bold;
  font-size: 31px;
  line-height: 32.86px;
  text-transform: uppercase;
  color: #006E46;
  text-shadow: none;
  margin: 10px;
  text-wrap: nowrap;
}

.container-icone-card-bloco-9 {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: row;
  width: 100%;
  margin: 10px;
  flex-wrap: nowrap;
}

.container-card-title-bloco-9 {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  width: 50%;
  margin-left: 30px;
}

.card-bloco-9 {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  text-align: center;
  border: #fff 1px solid;
  border-radius: 15px;
  padding: 20px 15%;
  width: 100%;
  z-index: 1;
}

.card-bloco-9 p {
  font-weight: bold;
  font-size: 17px;
  line-height: 31px;
  color: #FFFFFF;
  margin-top: 15px;
}

.icone-bloco-9 {
  width: 10%;
  height: auto;
}

.container-imagens-bloco-9 {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: row;
  width: 90%;
  margin: 20px;
  flex-wrap: wrap;
}

.img-bloco-9 {
  margin: 10px;
}

.img-bloco-9 img {
  width: 100%;
  height: auto;
}

.bloco-10-seg-eletronica {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  min-height: max-content;
  background-color: #FFFFFF;
  padding: 40px;
}

.bloco-10-seg-eletronica h2 {
  font-weight: bold;
  font-size: 26px;
  line-height: 37px;
  text-transform: uppercase;
  color: #3C3C3B;
  text-shadow: none;
}

.span-fundo-verde-bloco-9 {
  font-weight: normal;
  font-size: 23px !important;
  line-height: 39px !important;
  text-transform: uppercase !important;
  color: #FFFFFF !important;
}

.form-group input,
.form-group textarea,
.form-group select {
  width: 100%;
  padding: 10px;
  margin: 10px 0;
  border-radius: 10px;
  border: 2px solid #006E46;
}

.form-group select:hover,
.form-group input:hover,
.form-group textarea:hover {
  border: 1px solid #006E46;
  box-shadow: #006E46;
}

.contato-container button.btn {
  border-radius: 10px !important;
  font-family: Arial;
  font-weight: bold;
  font-size: 23px;
  line-height: 34.55px;
  letter-spacing: 2.3px;
  color: #FFFFFF;
}

.bloco-11-seg-eletronica {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  min-height: max-content;
  background-image: url('../img/segeletronica/BACKGROUND-BLOCO-9.png');
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  padding: 40px;
}

.bloco-11-hr {
  width: 60%;
  border: 1px solid #FFF;
}

.bloco-11-seg-eletronica span {
  font-weight: medium;
  font-size: 23px;
  line-height: 32.86px;
  color: #FFFFFF;
}

.contato-wpp-seg-eletronica {
  transition: all 0.3s;
}

.contato-wpp-seg-eletronica:hover {
  transform: scale(1.1);
}

.solucoes-bloco-14 {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  min-height: max-content;
  background-image: url('../img/solucoes-page/BLOCO14/IMAGEM-FUNDO-BLOCO-14.png');
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  padding: 40px;
}

.container-centro-resp {
	width: 60%;
}

.card-verde-borda-branca {
  background-color: #006E46;
  border: 1px solid #FFFFFF;
  border-radius: 10px;
  padding: 20px;
  margin: 10px auto;
  width: 70%;
}

.img-e-paragrafo {
	display: flex;
	flex-direction: row;
	align-items: center;
  width: 100%;
  justify-content: space-between;
}

.texto-col-bloco-9 {
  font-size: 17px;
  line-height: 19px;
  width: 100%;
}

.hr-bloco-9 {
  width: 100%;
  margin: 20px 0;
}

.texto-branco {
  color: #FFFFFF;
}

.texto-verde {
  color: #006E46;
}

.title-solucoes {
  font-family: DIN Pro;
  font-weight: bold;
  font-size: 44px;
}

.title-solucoes::before {
  content: "|";
  margin-right: 10px;
}

.span-armario {
  font-size: 23px;
}

@media (max-width: 1620px) {
  .container-imagens-bloco-8-seg-eletronica {
    width: 80%;
  }
}

@media (max-width: 1300px) {
  .container-icones-bloco-5 {
    margin: 10px 10px 30% 10px;
  }

  .container-icones {
    flex-wrap: wrap;
  }

  .container-imagens-bloco-2 {
    flex-wrap: wrap;
  }

  .container-card-title-bloco-9 {
    width: 80%;
  }

  .card-desc-bloco-9 {
    width: 95%;
  }

  .container-centro-resp {
		width: 70%;
	}
}

@media (max-width: 1023px) {
  .container-centro-resp {
		width: 85%;
	}

  .texto-banner-segeletronica {
    margin: 5% 5%;
  }

  .bloco-2-seg-eletronica p {
    margin: 30px 5%;
  }

  .bloco-2-seg-eletronica h1 {
    margin: 20px;
  }

  .flex-esquerda {
    width: 100%;
    align-items: center;
  }

  .card-bloco-3 {
    width: 90%;
  }

  .flex-direita {
    width: 100%;
    align-items: center;
  }

  .card-bloco-4 {
    width: 90%;
  }

  .bloco-4-seg-eletronica {
    padding: 20px;
  }

  .bloco-3-seg-eletronica {
    padding: 20px;
  }

  .bloco-2-seg-eletronica {
    margin: 10px 0;
  }

  .imgs-solucoes-seg-eletronica {
    margin: 20px 5%;
  }

  .card-img-x2-bloco-4 {
    width: 95%;
  }

  .img-icones-bloco-4 img {
    width: 100%;
  }

  .descricao-bloco-5-seg-eletronica {
    width: 90%;
  }

  .bloco-5-seg-eletronica {
    padding: 20px;
  }

  .bloco-6-seg-eletronica {
    padding: 20px;
  }

  .descricao-bloco-6-seg-eletronica {
    width: 90%;
  }

  .container-icones-bloco-5 {
    margin: 10px 10px 40% 10px;
  }

  .container-imagens-bloco-8-seg-eletronica {
    width: 100%;
  }

  .card-desc-bloco-9 {
    width: 100%;
    padding: 20px 10%;
  }

  .card-desc-bloco-9 p {
    font-size: 20px;
    line-height: 30px;
  }

  .card-desc-bloco-9 h2 {
    font-size: 30px;
  }

  .card-desc-bloco-9 br {
    display: none;
  }

  .container-card-title-bloco-9 {
    width: 90%;
  }

  .icone-bloco-9 {
    width: 20%;
    height: auto;
  }
}

@media (max-width: 900px) {
  .card-desc-bloco-9 p {
    font-size: 17px;
    line-height: 28px;
  }

  .card-desc-bloco-9 h2 {
    font-size: 23px;
  }

  .texto-col-bloco-9 {
    font-size: 16px;
    line-height: 18px;
  }
  
  .card-verde-borda-branca {
    width: 100%;
  }
}

@media (max-width: 700px) {
  .img-icones-bloco-4 {
    width: 50%;
    margin: 0 10px;
  }

  .title-solucoes {
    font-size: 30px;
  }

  .container-icones-bloco-5 {
    flex-wrap: wrap;
  }

  .container-icones-bloco-5 {
    margin: 10px 10px 50% 10px;
  }

  .bloco-5-seg-eletronica {
    padding: 20px;
  }

  .bloco-6-seg-eletronica {
    padding: 20px;
  }

  #img-rastreamento {
    margin-right: 0;
  }

  .descricao-bloco-7-seg-eletronica {
    width: 90%;
  }

  .bloco-7-seg-eletronica {
    padding: 20px;
  }

  .descricao-bloco-7-seg-eletronica {
    width: 90%;
  }

  .bloco-7-seg-eletronica h1 {
    font-size: 30px;
    line-height: 35px;
  }

  .bloco-6-seg-eletronica h1 {
    font-size: 30px;
  }

  .bloco-5-seg-eletronica h1 {
    font-size: 30px;
  }

  .bloco-4-seg-eletronica h1 {
    font-size: 30px;
  }

  .bloco-3-seg-eletronica h1 {
    font-size: 30px;
  }

  .bloco-2-seg-eletronica h1 {
    font-size: 30px;
  }

  .banner-segeletronica h1 {
    font-size: 30px;
  }

  .fundo-verde-texto {
    padding: 5px 10px;
  }

  .fundo-verde-texto span {
    font-size: 17px;
  }

  .fundo-branco-texto {
    padding: 5px 10px;
  }

  .span-armario {
    font-size: 18px;
    line-height: 25px;
  }

  .fundo-branco-texto span {
    font-size: 17px;
    line-height: 25px;
  }

  .container-imagens-bloco-8-seg-eletronica {
    width: 100%;
  }

  .descricao-bloco-8-seg-eletronica {
    width: 90%;
  }

  .card-desc-bloco-9 h2 {
    font-size: 20px;
  }

  .container-icone-card-bloco-9 {
    flex-wrap: wrap;
  }

  .container-card-title-bloco-9 {
    margin: 15px 0;
    width: 100%;
  }

  .icone-bloco-9 {
    width: 50%;
    height: auto;
  }

  .title-card-bloco-9 {
    max-width: 85%;
  }

  /* .card-bloco-9 {
    padding: 20px 10%;
  }

  .bloco-9-seg-eletronica {
    padding: 20px;
  } */

  .bloco-10-seg-eletronica {
    padding: 20px;
  }

  /* .bloco-8-seg-eletronica {
    padding: 20px;
  } */

  .bloco-8-seg-eletronica h1 {
    font-size: 30px;
  }

  .bloco-9-seg-eletronica h1 {
    font-size: 30px;
  }

  .bloco-10-seg-eletronica h2 {
    font-size: 20px;
    line-height: 25px;
  }

  .span-fundo-verde-bloco-9 {
    font-size: 17px !important;
    line-height: 25px !important;
  }

  .bloco-10-seg-eletronica br {
    display: none;
  }

  .bloco-10-seg-eletronica button {
    font-size: 20px !important;
    line-height: 30px !important;
  }
}

@media (max-width: 650px) {
  .card-desc-bloco-9 h2 {
    font-size: 19px;
  }
}

@media (max-width: 600px) {
  .card-desc-bloco-9 h2 {
    line-height: normal;
    text-wrap: wrap;
  }
  .card-desc-bloco-9 p {
    line-height: normal;
  }
  .img-e-paragrafo {
    flex-direction: column-reverse;
    text-align: center;
  }

  .img-e-paragrafo img {
    margin: 10px 0;
  }

  .hr-bloco-9 {
    margin: 20px auto;
  }
}