* {
  margin: 0;
  padding: 0;
  transition: all 0.2s;
  font-family: "Mulish", sans-serif;
}

.formWrap {
  margin: 10px 0;
  display: flex;
  align-items: center;
  flex-direction: column;
}

.formEB-text {
  display: flex;
  align-items: center;
  flex-direction: column;
  margin: 20px 30px 40px;
}

.formEB-text p {
  margin: 10px 0 0;
  color: #ed0000;
  font-size: 15px;
  white-space: nowrap;
}
.formEB-text h2 {
  font-size: 20px;
  font-weight: 400;
}

.topo {
  display: flex;
  justify-content: space-between;
  align-items: center;
  max-width: 400px;
  width: 100%;
}

.topo a {
  color: #002365;
  border: 1px solid;
  border-radius: 6px;
  text-decoration: none;
  padding: 6px 10px 6px 8px;
  font-size: 12px;
  text-transform: uppercase;
  letter-spacing: 0.2px;
  margin-right: 5px;
  font-weight: 700;
}

.topo a:hover {
  background-color: #002365;
  color: #fff;
}

.topo span {
  font-size: 15px;
  line-height: 13px;
  position: relative;
  top: 1px;
  margin: 0 2px;
}

#b2b-formCad {
  display: flex;
  gap: 40px;
  flex-direction: row;
  justify-content: center;
}

.formEB-column {
  position: relative;
  display: flex;
  width: 430px;
  flex-direction: column;
  align-items: center;
  border: 1px solid #ddd;
  border-radius: 12px;
  padding: 30px 0 18px;
}

.formEB-column input[type="text"],
.formEB-column input[type="number"],
.formEB-column select {
  color: #333;
  width: 100%;
  height: 40px;
  border: none;
  border-bottom: 1px solid #ddd;
  font-size: 16px;
  padding-left: 5px;
}

.formEB-div-100 {
  width: 90%;
  margin-bottom: 10px;
  display: flex;
  justify-content: center;
}

.formEB-div-100 label {
  color: #555;
}

.contatoPessoal label {
  color: #555;
  border: 1px solid #ccc;
  width: 60px;
  padding: 7px 0 0 30px;
  margin-left: -25px;
  margin-right: 10px;
  border-radius: 6px;
}

.contatoPessoal label:hover {
  border-color: #002464;
  cursor: pointer;
}

.btnSend {
  border: none;
  color: #fff;
  background: #00a3b4;
  border-radius: 10px;
  width: 100%;
  padding: 20px 0;
  letter-spacing: 1px;
  font-weight: 800;
  cursor: pointer;
  font-size: 20px;
  display: flex;
  justify-content: center;
  gap: 10px;
}

.btnSend:hover {
  background-color: #00727e;
}

.input-file {
  display: flex;
  margin: 10px 0;
  justify-content: space-between;
}

.input-file input[type="file"] {
  display: none;
}

.termos p {
  color: #777;
  font-size: 14px;
}

.termos a {
  color: #777;
}

.termos a:hover {
  text-decoration: underline;
}

#sim,
#nao {
  margin-left: 10px;
}

.input-file label {
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  width: 187px;
  color: #002464;
  border: 1px solid #ccc;
  border-radius: 8px;
  padding: 10px 20px 10px 0;
  text-align: center;
  font-weight: 700;
  line-height: 14px;
  box-sizing: border-box;
  font-size: 12px;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

.input-file label:hover i {
  filter: invert(1);
}

.input-file label:hover {
  background-color: #002464;
  color: #fff;
}

.input-file label.error,
.input-file label.erro-formato {
  border-color: red;
  position: relative;
}

.input-file label.error:after,
.input-file label.erro-formato:after {
  content: "Selecione um arquivo";
  display: block;
  position: absolute;
  top: 50px;
  font-size: 12px;
  left: 0;
  color: red;
  text-transform: none;
  font-weight: 600;
}

.input-file label.erro-formato:after {
  content: "Somente arquivos: .JPG, .PNG, .PDF ou .DOC";
}

i.ico-upload {
  width: 30px;
  height: 20px;
  display: inline-block;
  background-size: 16px;
  background-repeat: no-repeat;
  background-position: 0 center;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 725.334 725.334' style='enable-background:new 0 0 725.334 725.334;' xml:space='preserve'%3E%3Cpath d='M249.333,181.333c9.384,0,17.884-3.808,24.049-9.973l55.284-55.284v371.258c0,18.768,15.209,34,34,34 c18.791,0,34-15.232,34-34V116.076l55.307,55.284c6.143,6.166,14.643,9.973,24.026,9.973c18.791,0,34-15.232,34-34 c0-9.384-3.808-17.884-9.95-24.049L386.717,9.951C380.551,3.808,372.051,0,362.667,0s-17.884,3.808-24.027,9.973L225.307,123.307 c-6.166,6.143-9.974,14.643-9.974,24.026C215.333,166.101,230.543,181.333,249.333,181.333z M623.334,226.667H498.667 c-18.791,0-34,15.232-34,34s15.209,34,34,34h102v362.667h-476V294.667h102c18.791,0,34-15.232,34-34s-15.209-34-34-34H102 c-25.001,0-45.333,20.354-45.333,45.333v408c0,24.979,20.332,45.334,45.333,45.334h521.333c25.001,0,45.333-20.355,45.333-45.334 V272C668.667,247.021,648.335,226.667,623.334,226.667z'/%3E%3C/svg%3E");
  background-size: 16px;
  background-repeat: no-repeat;
  background-position: 0 center;
}

i.cadastrar {
  background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3C!DOCTYPE svg PUBLIC '-//W3C//DTD SVG 1.1//EN' 'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'%3E%3Csvg enable-background='new 0 0 128 128' height='128px' id='Layer_1' version='1.1' viewBox='0 0 128 128' width='128px' xml:space='preserve' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cpath d='M116.158,29.336l-4.975-4.975c-3.469-3.469-9.088-3.478-12.549-0.019L48.103,74.875L29.364,56.136 c-3.459-3.46-9.078-3.45-12.549,0.021l-4.974,4.974c-3.47,3.47-3.48,9.089-0.02,12.549L41.8,103.657 c1.741,1.741,4.026,2.602,6.31,2.588c2.279,0.011,4.559-0.852,6.297-2.59l61.771-61.771 C119.637,38.424,119.631,32.807,116.158,29.336z' fill='white'/%3E%3C/svg%3E");
  display: block;
  width: 20px;
  height: 20px;
  background-size: 20px;
  background-position: 0 2px;
}

.formEB-column-button {
  display: flex;
  width: 90%;
  margin-bottom: 11px;
  justify-content: space-between;
}

.formEB-column-button span {
  font-weight: 600;
  letter-spacing: 0.5px;
  font-size: 14px;
  cursor: pointer;
  display: flex;
  width: 195px;
  padding: 10px 5px;
  color: #002464;
  justify-content: center;
  align-items: center;
  text-align: center;
  border-radius: 8px;
  border: 2px solid #002464;
}

.formEB-column-button span:hover {
  background: #002464;
  color: #fff;
}

.personJuridica {
  margin-left: 10px;
}

.formEB-column-button span.selecionada {
  color: #fff;
  background-color: #002464;
}

#pessoa-juridica {
  width: 100%;
  display: none;
  flex-direction: column;
  align-items: center;
}
#pessoa-juridica.show {
  display: flex;
}

.hide {
  display: none !important;
}

.show {
  display: flex !important;
}

.contatoPessoal {
  color: #555;
}

.acceptItem {
  margin: 15px 0 50px;
}

.formEB-column-header {
  display: flex;
  gap: 5px;
  flex-direction: row;
  align-items: center;
  position: absolute;
  top: -17px;
  left: 20px;
  background: #fff;
  padding: 0 15px 0 5px;
}

.formEB-column-header span {
  color: #000;
}

.formEB-column-header span {
  font-weight: 600;
  font-size: 16px;
}

.user-header i {
  display: inline-block;
  width: 30px;
  height: 30px;
  background: url("../assets/ico-user.svg") top center no-repeat;
  background-size: 28px;
}

.user-address i {
  display: inline-block;
  width: 30px;
  height: 30px;
  background: url("../assets/ico-location.svg") top center no-repeat;
  background-size: 19px;
  position: relative;
  top: 2px;
}

.msgForm {
  position: fixed;
  display: none;
  align-items: center;
  justify-content: center;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: #fff;
  font-size: 24px;
  max-width: 500px;
  box-shadow: 0 0 10px #1d5d006e;
}

.msgForm .dacastrado {
  padding: 60px 50px;
  background: #16aa00;
}

.msgForm .erro {
  padding: 60px 50px;
  background: #aa0000;
}

footer {
  padding: 30px 15px;
}

footer p {
  text-align: center;
  color: #888;
  font-size: 11px;
  line-height: 16px;
  text-transform: uppercase;
  letter-spacing: 1px;
}

.select2 ul {
  list-style: none;
  display: flex;
  flex-wrap: wrap;
}
.ramo li {
  color: #002464;
  font-size: 12px;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  margin-bottom: 0;
  margin-right: 15px;
}
.select2-search--inline:hover {
  background: #002464;
  color: #fff;
}
.select2-search--inline:hover:after {
  color: #fff;
}
.select2 {
  width: 100% !important;
}
.select2-selection__choice__remove {
  color: #e00;
  font-weight: 800;
  font-size: 18px;
  margin-right: 3px;
  position: relative;
  top: 2px;
}
.ramo label {
  font-weight: 400;
  font-size: 16px;
}

.formEB-div-100.ramo {
  color: #e00;
  font-weight: 800;
  margin-right: 3px;
  font-size: 15px;
  cursor: pointer;
  flex-direction: column;
  border-bottom: 1px solid #ccc;
  padding-bottom: 15px;
}

input.select2-search__field {
  border: 0;
  width: 0 !important;
}
.select2-search--inline {
  border: 1px solid #ccc;
  display: inline;
  padding: 4px 8px 5px;
  border-radius: 6px;
  cursor: pointer;
  font-weight: 700;
  margin: 8px 0 0;
}
.select2-search--inline:after {
  content: "Adicionar";
  color: #002464;
  letter-spacing: 0;
  font-weight: 700;
  position: relative;
  top: -1px;
}
.select2-search--inline:before {
  content: "+";
  font-size: 19px;
  font-weight: 700;
  line-height: 17px;
  margin: 0 3px 0 0;
}

.select2-results__options {
  background: #f5f5f5;
  list-style: none;
  padding: 8px 13px;
  box-shadow: 0 0 10px #0004;
  margin-top: 7px;
  line-height: 24px;
  color: #555;
  font-size: 15px;
  transition: all 0.2s;
  cursor: pointer;
  max-width: 880px;
  display: flex;
  flex-flow: wrap;
}

.select2-results__option {
  border: 1px solid #ccc;
  margin: 5px;
  padding: 2px 8px 3px;
  border-radius: 4px;
}

.select2-results__options li:hover {
  background-color: #fff;
  border-color: #888;
}

.ramo.error {
  position: relative;
}

.ramo.error li {
  border-color: red;
}

.ramo.error:after {
  content: "Selecione uma opção";
  display: block;
  position: absolute;
  top: 57px;
  font-size: 12px;
  letter-spacing: 0.5px;
  left: 0;
  color: red;
  font-weight: 600;
}

@media (max-width: 900px) {
  .formEB-column-header {
    left: 14px;
  }

  .formEB-text {
    margin: 10px 10px 35px;
  }

  .formEB-text {
    font-size: 18px;
    text-align: center;
  }

  #fileUpload:last-child {
    margin-left: 10px;
  }

  #b2b-formCad {
    width: 100%;
    align-items: center;
    flex-direction: column;
  }

  .formEB-column {
    width: 90%;
  }

  footer p {
    font-size: 12px;
  }
}