main .container__ {
  flex-direction: column !important;
}

.datas .text{
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 50%;
}

.datas .text h1:first-child {
  font-size: clamp(1rem, 5vw, 55px);
  color: var(--orange);
}

.datas .text h1:last-child {
  font-size: clamp(1rem, 10vw, 85px);
  color: var(--blue);
}

form{
  width: 60%;
}

form .content {
  width: 100%;
  max-width: 300px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

form .buttons-group {
  width: 100%;
  margin: 1em 0;
  text-align: center;
}

form .buttons-group button {
  cursor: pointer;
  width: 49%;
  height: 35px;
  border-radius: 100px;
  border: none;
  background: #00A848;
  color: #fff;
}

form .buttons-group a button {
  border: 2px solid var(--orange);
  background: transparent;
  color: var(--orange);
}

form .buttons-group a button:hover{
  color: var(--orange);
}

form .link{
  color: #0A44B2;
  margin-top: 1.5em;
}

input.is-invalid,

textarea.is-invalid {

    border: 1px solid rgb(235, 73, 73);

    margin-bottom: 5px;

}

@media(max-width: 760px) {
  .datas {
    flex-direction: column;
    gap: 0em;
    margin: 3em auto;
  }

  .div-left, .div-right {
    margin: 1em 0 !important;
  }

  .bar {
    width: 100%;
    height: 2px;
  }

  .text {
    text-align: center;
  }
}