@charset "UTF-8";
.form {
  margin-top: 180px;
  width: 100%;
  background-image: url("../images/banner-executive.jpg");
  padding: 100px 0;
  background-size: cover;
  background-position: top center;
  background-repeat: no-repeat;
  /* Para dispositivos pequenos (smartphones em modo retrato) */
  /* Para dispositivos médios (tablets) */
  /* Para dispositivos grandes (tablets e notebooks maiores) */
  /* Para dispositivos extra grandes (desktops) */
  /* Para telas muito grandes (desktops de alta resolução) */
}
.form .form-content {
  display: flex;
  align-items: center;
}
.form .form-content h1 {
  font-size: 55px;
  color: #FFF;
}
.form .form-content p {
  color: #FFF;
}
.form .form-content .form-content--left {
  width: 60%;
}
.form .form-content .form-content--right {
  width: 40%;
  display: flex;
  flex-direction: column;
  padding: 10px;
  border-radius: 20px;
  background-color: #FFF;
}
.form .form-content .form-content--right .form-group label {
  color: #FFF;
  margin: 0;
  font-size: 15px;
}
.form .form-content .form-content--right .form-group input {
  margin-bottom: 20px;
}
.form .form-content .form-content--right .form-group input::placeholder, .form .form-content .form-content--right .form-group textarea::placeholder {
  color: #999;
  font-size: 14px;
}
@media (max-width: 576px) {
  .form {
    margin-top: 100px;
    padding: 50px 0;
  }
  .form .form-content {
    flex-direction: column;
    padding: 0 20px;
  }
  .form .form-content h1 {
    font-size: 40px;
  }
  .form .form-content .form-content--left {
    width: 100%;
    padding: 0;
  }
  .form .form-content .form-content--right {
    background-color: #FFF;
    border-radius: 12px;
    margin-top: 35px;
    width: 100%;
    padding: 20px 30px 20px 30px;
  }
  .form .form-content .form-content--right form label {
    color: #000;
  }
}
@media (min-width: 577px) and (max-width: 1024px) {
  .form {
    /* Estilos para telas entre 577px e 768px */
    margin-top: 100px;
    padding: 50px 0;
  }
  .form .form-content form {
    flex-direction: column;
    padding: 0 20px;
  }
  .form .form-content form h1 {
    font-size: 40px;
    text-align: center;
  }
  .form .form-content form p {
    text-align: center;
  }
  .form .form-content form .form-content--left {
    width: 100%;
    padding: 0;
  }
  .form .form-content form .form-content--right {
    background-color: rgba(255, 255, 255, 0.6941176471);
    border-radius: 12px;
    margin-top: 35px;
    width: 100%;
    padding: 20px 30px 20px 30px;
  }
  .form .form-content form .form-content--right form label {
    color: #000;
  }
}
@media (min-width: 769px) and (max-width: 992px) {
  .form {
    /* Estilos para telas entre 769px e 992px */
  }
}
@media (min-width: 993px) and (max-width: 1200px) {
  .form {
    /* Estilos para telas entre 993px e 1200px */
  }
}
@media (min-width: 1201px) {
  .form {
    /* Estilos para telas maiores que 1200px */
  }
}

/*# sourceMappingURL=form.css.map */
