/* common styles */
* {
    margin: 0;
    padding: 0;
    /* font-family: "Josefin Sans", sans-serif; */
    font-family: Arial, Helvetica, sans-serif;
    outline: none;
}

/* original value is 16px = 1rem but here we want 10px = 1rem */
html {
    /* 10px / 16px = 0.625 * 100 */
    /* font-size: 62.5%; */
}
body {
    background-color: #ffffff;
}
label{
    font-size: 16px;
    padding: 3px;
}
textarea{
    font-size: 16px;
    padding: 3px;
}
p{
    font-size: 16px;
    padding: 3px;
}
textarea:focus{
    background-color: #c4e37d;
    border-width: 2px;
    border-color: #025102;

}
input{
    /* font-family: Arial, Helvetica, sans-serif; */
    font-size: 16px;
    padding: 5px;
    color:#025102;
    border: 1px solid #025102;
    border-radius: 7px;
    /* transition:  0s;  */
    width: 90%;
    background: transparent;
}
input:focus {
    background-color: #c4e37d;
    border-width: 2px;
    border-color: #025102;
    
    /* color: #664f03; */

}
/* input:hover{
    background-color: #c4e37d;
    border-width: 2px;
    border-color: #025102;
} */


select{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 16px;
    padding: 3px;
    color:#025102;
    border: 1px solid #025102;
    border-radius: 7px;
    background-color: #fff;
    transition: background-color 0.3s; 
    width: 100%;
    

}


select:focus {
    background-color: #c4e37d;
    border-width: 2px;
    border-color: #025102;
    /* color: #664f03; */

}


/* end of common styles */

.main-title{
    grid-column: 1 / -1;
    grid-row: 1 / 2;
    /* background-image: url("c:/xampp/htdocs/Ambika/a-3.jpeg"); */
    background-image: url("../a-3.jpeg");
    background-size: cover; 
    background-repeat: no-repeat;
    background-position: center center;
    height: 30px;
    text-align: center;
    padding-top: 10px;
    color: #664f03;
 }



 table tr:hover {
    background-color:#c4e37d;
    color: #025102;
    font-weight: bold;
}
.align-center{
    text-align: center !important;
}
@media only screen and (max-width: 768px) {
    

    label{
    font-size: 3vw !important ;
  
  }
}