/* Registration  */

.registerForm {
  border: 1px solid orangered;
  padding: 12px 15px;
  border-radius: 3px;
  /* margin-bottom: 15px; */
  display:  flex ;
  align-items: center;
  gap: 10px;
}
.registerForm i {
  color: orangered;
  font-size: 20px;

}
.registerForm input {
  border: transparent;
  outline: none;
  padding-left: 12px;
  width: 100%;
}
.registerForm input::placeholder {
  font-weight: 600;
}

.registerHeading {
  text-align: center;
  padding-block: 20px;
  font-weight: 600;
}

.optButton {
  padding: 8px 20px;
  border-radius: 4px;
  background-color: orangered;
  color: white;
  border: transparent;
  
}
.varifyOtp {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.RegistrationForm {
  display: grid;
  grid-template-columns: 1fr;
  column-gap: 30px;
  row-gap: 25px;
  margin-top: 10px;
  padding-inline: 10px;
}
.genderDiv{
    display: flex ;
    align-items: center;
    gap: 10px;
    
}
input[type="radio"] {
    height: 20px; 
    width: 20px; 
    margin-right: 5px;
    vertical-align: middle; 
}
.genderDiv>label{
    font-weight: 600;
    font-size: 17px;
}
.gender{
    display: flex ;
    gap: 10px;
}
.gender>div{
    display: flex ;
    gap: 10px;
}

.pincode{
    display: grid;
    grid-template-columns: 1fr;
    row-gap: 20px;
    column-gap: 30px;
}

.submitButton{
    display: flex;
    justify-content: center;
}
 @media(min-width: 600px) {
    .RegistrationForm {
        grid-template-columns: 1fr 1fr;
    }
    .col-md-span {
        grid-column: span 2; /* colspan equivalent for grid layout */
    }
    .pincode{
        grid-template-columns: 1fr 1fr 1fr;
    }
}