.registerModalWrapper.hiddenRegisterModal {
  display: none;
  opacity: 0;
}
.registerModalWrapper {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  display: flex;
  justify-content: center;
  align-items: center;
   z-index: 1001;
  transition: opacity 2s ease-in-out;
}
.registerModal {
  background: #681139 !important; /* Fundo bordo */
  height: 90%;
  margin: 1rem auto;
  padding: 1.2rem;
  overflow-y: auto;
  opacity: 1;
  border-radius: 10px;
  width: 89%;
  max-width: 624px;

}
.registerModalHeader {
  display: flex;
  justify-content: space-between;
  align-items: center;
  color: white;
}
.registerModalCloseIcon {
  cursor: pointer;
  font-size: 20px;
  color: #fff; /* Cor roxa */

}
.registerFormFields {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
  margin: 20px 0;
}
.registerFormField {
  background: white;
  padding: 10px;
  border-radius: 12px;
  border: 1px solid #ccc;
  width: 97%;
  height:46px;
}
.registerFormField.full-width {
  grid-column: span 2;
  width: 100%;
}
.registerFormRequestResponse {
  color: red;
  text-align: center;
}
.registerModalFooter {
  display: flex;
  flex-direction: column;
  /* align-items: center; */
  gap: 10px;
}
.registerModal .registerFormSendButton {
  background: #DFC5D1;
  border: none;
  padding: 12px 12px 12px 19px;
  border-radius: 12px;
  cursor: pointer;
  height:46px;
  width:131px;
  color: #0D0B0E;
  display:flex;
  align-items: center;
  font-weight: 600;
}
.form-group {
margin-bottom: 15px;
}
.form-group label {
display: block;
margin-bottom: 5px;
font-style: normal;
}
.registerFormFields {
display: flex;
flex-wrap: wrap;
gap: 15px;
}
.form-group {
flex: 1 1 45%; /* Ajusta a largura de cada campo */
margin-bottom: 0px;
}
.form-group label {
display: block;
margin-bottom: 5px;
margin-left: 5px;
}
.registerFormFields .full-width {
flex: 1 1 100%; /* Campo "Confirmar Senha" ocupa a largura total */
}
.full-width-input {
width: 100%;
}

.registerModal .registerModalCloseIcon {
/* width: 20px;
height: 20px; */
cursor: pointer;
/* position: absolute; */


  

}
.registerModalFooter .checkboxes {
flex: 1 1 100%; /* Checkboxes ocupam a largura total */
display: flex;
flex-direction: column;
align-items: flex-start; /* Alinha os checkboxes à esquerda */

}
.registerModalFooter .checkboxes label {
margin-bottom: 10px;
font-style:normal;
}
.checkbox {
appearance: none; /* Remove o estilo padrão do checkbox */
width: 20px !important;
height: 20px;
border: 2px solid #fff;
border-radius: 4px;
display: inline-block;
position: relative;
cursor: pointer;
}
input[type="checkbox"]:checked {
background-color: #3AC09A; /* Define o fundo verde quando selecionado */
}
input[type="checkbox"]:checked::after {
content: '';
position: absolute;
top: 2px;
left: 6px;
width: 5px;
height: 10px;
/* border: solid white; */
border-width: 0 2px 2px 0;
transform: rotate(45deg);
}

.checkbox_text{
  padding: 20px;
}
@media(max-width:768px){
  .registerFormField {
    width:100%;

  }
  .form-group label {
    font-size:15px;
  }
}
@media(max-width:450px){
  .registerFormField {
    width:100%;

  }
  .form-group label {
    font-size:14px;
  }
  .checkbox_text{
    font-size:11px;
  }
  .checkbox{
    width: 20px;
    height: 20px;
  }
}