/* *{
    padding: 0px;
    margin: 0px;
    box-sizing: border-box;
} */

#form-container{
    width: 100%;
    height: auto;
    border-top:1px solid blue;
    

}
#form-container > h2{
    text-align: center;
    text-transform: capitalize;
    color:white;
    /* background-color: rgb(19, 80, 250); */
    background-color:#0174BE;
    font-weight: 600;
    /* padding: 3px 0px; */
    font-size: 22px;
}


input{
    
    outline: none;
    padding-left: 5px;
    border: 1px solid rgb(180,180,180);
    
    
}
input:focus{
    border: 1px solid blue;
}

label{
    text-transform: capitalize;
    /* border: 1px solid red; */
    display: inline-block;
    margin-bottom: 3px;
}
.row{
    display: flex;
    justify-content: space-between;
    /* border: 1px solid red; */
    column-gap: 20px;
    
   
}
.column{
    /* border: 1px solid green; */
    flex-grow: 1;
    min-height: 50px;
    max-height:auto;
    width: 50%;
    
    

}
.column-full{
    display: flex;
    flex-direction: column;
    width: 100%;
    min-height: 50px;

}
.column > input, .column-full > input{
    width: 100%;
    height: 30px;

}
.column > textarea{
    width: 100%;
    outline: none;
    padding-left: 5px;
    border: 1px solid rgb(180,180,180);

}
textarea:focus{
    border: 1px solid blue;
}
form{
    display: flex;
    flex-direction: column;
    row-gap: 10px;
    justify-content: space-between;
    height: auto;
    

}


@media(max-width:800px){
    .row{
        flex-wrap: wrap;
        row-gap: 10px;
    }
}
.decleration-div > label{
    text-transform: lowercase;
    display: inline;
}
.background{
    background-color: rgb(205,205,205);
    padding: 5px;
}
.note{
    color: red;
    text-transform: lowercase;
    font-size: 12px;
}

#btn{
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 30px;
    column-gap:40px;
    margin-bottom: 40px;
}
/* input[type="submit"], input[type="reset"]{
    padding: 10px;
    width: 150px;
    border-radius: 5px;
    border: 1px solid gray;
    cursor: pointer;
}
input[type="submit"]{
    background-color:rgb(19, 80, 250);
    color: white;

}
input[type="submit"]:hover{
    background-color: blue;
}
input[type="reset"]{
    background-color: yellow;
    color: black;

}
input[type="reset"]:hover{
    background-color: rgb(228, 79, 79);
    color: white;
}
input[type="submit"]:active{
    background-color:green;
}
input[type="reset"]:active{
    background-color: rgb(255, 0, 0);
} */

#double-row-in-one-column{
    display: flex;
    flex-direction: column;
    row-gap: 10px;
  

}


input[type="file"]{
    /* border: 2px solid red; */
    font-size: 10px;
    width: auto;
    max-width: 100%;
    display: flex;
    justify-content: center;
    width:100%;
}
#decleration{
    accent-color: blue;
}
.required{
    color: red;
}


input[type="email"]{
  text-transform: lowercase;
}
select{
    outline: none;
    height: 25px;
    /* padding: 1px; */
    text-transform: uppercase;
    border: 1px solid rgb(180,180,180);
}
option{
    text-transform: uppercase;
}

/* Show button style for enrollment verification */
.button-71-submit {
    width: 150px;
    background-color: #0078d0;
    border: 0;
    border-radius: 56px;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font-family: system-ui,-apple-system,system-ui,"Segoe UI",Roboto,Ubuntu,"Helvetica Neue",sans-serif;
    font-size: 18px;
    font-weight: 600;
    outline: 0;
    padding: 16px 21px;
    position: relative;
    text-align: center;
    text-decoration: none;
    transition: all .3s;
    user-select: none;
    -webkit-user-select: none;
    touch-action: manipulation;
  }
  
  .button-71-submit:before {
    background-color: initial;
    background-image: linear-gradient(#fff 0, rgba(255, 255, 255, 0) 100%);
    border-radius: 125px;
    content: "";
    height: 50%;
    left: 4%;
    opacity: .5;
    position: absolute;
    top: 0;
    transition: all .3s;
    width: 92%;
  }
  
  .button-71-submit:hover {
    box-shadow: rgba(255, 255, 255, .2) 0 3px 15px inset, rgba(0, 0, 0, .1) 0 3px 5px, rgba(0, 0, 0, .1) 0 10px 13px;
    transform: scale(1.05);
  }
  
  @media (min-width: 768px) {
    .button-71-submit {
      padding: 12px 48px;
    }
  }

  /* Reset button css code  */
  .button-71-reset {
    width: 150px;
    background-color: #ffd700; /* Yellow background color */
    border: 0;
    border-radius: 56px;
    color: #000; /* Changed text color to black */
    cursor: pointer;
    display: inline-block;
    font-family: system-ui, -apple-system, system-ui, "Segoe UI", Roboto, Ubuntu, "Helvetica Neue", sans-serif;
    font-size: 18px;
    font-weight: 600;
    outline: 0;
    padding: 16px 21px;
    position: relative;
    text-align: center;
    text-decoration: none;
    transition: all .3s;
    user-select: none;
    -webkit-user-select: none;
    touch-action: manipulation;
}

.button-71-reset:before {
    background-color: initial;
    background-image: linear-gradient(#fff 0, rgba(255, 255, 255, 0) 100%);
    border-radius: 125px;
    content: "";
    height: 50%;
    left: 4%;
    opacity: .5;
    position: absolute;
    top: 0;
    transition: all .3s;
    width: 92%;
}

.button-71-reset:hover {
    box-shadow: rgba(255, 255, 255, .2) 0 3px 15px inset, rgba(0, 0, 0, .1) 0 3px 5px, rgba(0, 0, 0, .1) 0 10px 13px;
    transform: scale(1.05);
}

@media (min-width: 768px) {
    .button-71-reset {
        padding: 12px 48px;
    }
}