@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@200;300;400;500;600;700&display=swap');
*{
  
  font-family: 'Poppins',sans-serif;
}



form .input-box span.details {
    font-weight: 500;
   
}
.user-details .input-box input {
    height: 100%;
    width: 100%;
}
.user-details .input-box input:focus,
.user-details .input-box input:valid{
  border-color: #241f27;
}
form .gender-details .gender-title {
    
}



 #dot-1:checked ~ .category label .one,
 #dot-2:checked ~ .category label .two,
 #dot-3:checked ~ .category label .three{
   background: #19114d;
   border-color: #d9d9d9;
 }
 form input[type="radio"]{
   display: yes;
 }
 form .button{
  
 }
    form .button input {
        height: 100%;
        width: 100%;
        border-radius: 5px;
        border: none;
        color: #241f27;
        font-size: 18px;
        font-weight: 500;
        letter-spacing: 1px;
        cursor: pointer;
        transition: all 0.3s ease;
        background: linear-gradient(135deg, #456AD8, #456AD8);
        opacity: 1;
    }
        form .button input:hover {
            transform: scale(1.09);
            background: linear-gradient(-135deg, #FED55F, #FED55F);
        }

form .buttonAlerta {
}

    form .buttonAlerta input {
        height: 100%;
        width: 100%;
        border-radius: 5px;
        border: none;
        color: #241f27;
        font-size: 18px;
        font-weight: 500;
        letter-spacing: 1px;
        cursor: pointer;
        transition: all 0.3s ease;
        background: linear-gradient(135deg, #4C94FF, #4C94FF);
        opacity: 1;
    }

        form .buttonAlerta input:hover {
            transform: scale(1.19);
            background: linear-gradient(-135deg, #FF0000, #FF0000);
        }

form .user-details .input-box {
    margin-bottom: 15px;
    width: 100%;
    
}
  form .category{
    width: 100%;
  }
.content form .user-details {
    max-height: 300px;
    overflow-y: scroll;
    
}
  .user-details::-webkit-scrollbar{
    width: 5px;
  }