main .contact-us-box {
  position: relative;
}

main .contact-us-box form {
  display: flex;
  flex-wrap: wrap;
}

main .contact-us-box .boxes-box .box#b3,
main .contact-us-box .boxes-box .box#b4,
main .contact-us-box .boxes-box .box#b5 {
  width: 100%;
}

main .contact-us-box .boxes-box .box input {
  width: 100%;

  resize: none;
  border: none;
  outline: none;
}

main .contact-us-box .boxes-box .box input:focus {
  transition: box-shadow 0.2s;
  box-shadow: 0 0 0.5em 0.1em rgb(125, 125, 125);
}

main .contact-us-box .boxes-box .box#b5 input:focus,
main .contact-us-box .boxes-box .box textarea:focus {
  outline: none;
  box-shadow: none;
}

main .contact-us-box .boxes-box .box textarea {
  width: 100%;

  font-family: "Roboto", sans-serif;
  font-weight: 400;
  font-style: normal;

  resize: none;
  border: none;
  outline: none;
}

main .contact-us-box .box textarea:focus {
  transition: box-shadow 0.2s;
  box-shadow: 0 0 0.5em 0.1em rgb(125, 125, 125);
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover,
textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {
  box-shadow: 0 0 0 30px rgb(255, 255, 255) inset !important;

  -webkit-text-fill-color: black !important;

  background-color: white !important;
  background: white !important;
  background-clip: content-box !important;
}

main .contact-us-box .boxes-box .box#b5 {
  display: flex;
}

main .contact-us-box .boxes-box .box#b5 input {
  accent-color: black;
}

main .contact-us-box .boxes-box .box#b5 h3 {
  font-weight: 300 !important;
}

main .contact-us-box .boxes-box .box#b5 h3 a {
  margin-left: 0.5em;
  color: black;
}

main .contact-us-box .button-box {
  width: 100%;

  display: flex;
  align-items: center;
  justify-content: center;
}

main .contact-us-box .button-box button {
  border: 0.1em solid black;

  transition: 0.2s;
  cursor: pointer;

  color: white;
  background-color: black;
}

main .contact-us-box .button-box button:hover {
  transform: scale(1.1);
}

@media (min-width: 1026px) {
  main .contact-us-box {
    display: flex;
    justify-content: center;

    font-size: 1vw;
    width: 100%;
    margin-top: 4em;
  }

  main .contact-us-box .boxes-box {
    width: 45%;
  }

  main .contact-us-box .boxes-box .box {
    width: 35%;
    margin: 0 2.5%;
    margin-bottom: 2em;
  }

  main .contact-us-box .boxes-box .box#b1,
  main .contact-us-box .boxes-box .box#b2 {
    width: 45%;
  }

  main .contact-us-box .boxes-box .box input {
    padding: 0.5em;
    font-size: 1.5em;
  }

  main .contact-us-box .boxes-box .box textarea {
    padding: 0.5em;
    font-size: 1.5em;
  }

  main .contact-us-box .boxes-box .box h3 {
    font-size: 1.5em;
  }

  main .contact-us-box .boxes-box .box#b5 input {
    width: 1em;
  }

  main .contact-us-box .boxes-box .box#b5 h3 {
    margin-left: 1em;
    font-size: 1.25em;
    align-items: center;
  }

  main .contact-us-box .button-box {
    margin-top: 1em;
  }

  main .contact-us-box .button-box button {
    font-size: 1.5em;
    border-radius: 0.5em;
    padding: 0.5em 2em;
  }

  main .contact-us-box .boxes-box .box input {
    border: 0.1em solid black;
    border-radius: 0.25em;
    padding-left: 0.75em !important;
  }

  main .contact-us-box .boxes-box .box textarea {
    border: 0.1em solid black;
    border-radius: 0.25vw;
    padding-left: 0.75em !important;
  }
}

@media (max-width: 1025px) {
  main .contact-us-box {
    display: flex;
    justify-content: center;

    width: 100%;
    margin-top: 3em;
  }

  main .contact-us-box .boxes-box {
    width: clamp(300px, 75%, 600px);
    display: flex;
    justify-content: center;
    align-items: center;
  }

  main .contact-us-box .boxes-box .box {
    width: 35%;
    margin-bottom: 1em;
    display: flex;
    justify-content: center;
  }

  main .contact-us-box .boxes-box .box:nth-child(5) {
    justify-content: left;
  }

  main .contact-us-box .boxes-box .box:nth-child(1),
  main .contact-us-box .boxes-box .box:nth-child(2) {
    width: 48.75%;
  }

  main .contact-us-box .boxes-box .box:nth-child(1) {
    margin-right: 1.25%;
  }

  main .contact-us-box .boxes-box .box:nth-child(2) {
    margin-left: 1.25%;
  }

  main .contact-us-box .boxes-box .box input {
    padding: 0.5em 0.75em;
  }

  main .contact-us-box .boxes-box .box textarea {
    padding: 0.5em 0.75em;
    height: 4.5em;
  }

  main .contact-us-box .boxes-box .box h3 {
    font-size: 1.5em;
  }

  main .contact-us-box .boxes-box .box#b5 input {
    width: 1em;
  }

  main .contact-us-box .boxes-box .box#b5 h3 {
    margin-left: 1em;
    font-size: 1.25em;
    align-items: center;
  }

  main .contact-us-box .button-box button {
    margin-top: 2em;
    font-size: 1.5em;
    border-radius: 0.5em;
    padding: 0.5em 2em;
  }

  main .contact-us-box .boxes-box .box input {
    border: 1px solid black;
    border-radius: 0.25em;
    padding-left: 0.75em !important;
    font-size: 1.25em;
  }

  main .contact-us-box .boxes-box .box textarea {
    border: 1px solid black;
    border-radius: 0.25em;
    padding-left: 0.75em !important;
    font-size: 1.25em;
  }
}