@import url('https://fonts.googleapis.com/css2?family=Oswald:wght@600&family=Poppins:wght@400;500;600&family=Raleway:wght@600;700&family=Rubik:wght@400;500&family=Sarabun:wght@300&display=swap');
*{
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
.form_page{
  width: 100%;
/*   height: 500px; */
 background-position: center;
  margin-top: 10px;
   box-shadow: inset -3px -3px 17px #ffffff,
              inset 3px 3px 5px #ceced1;
 border: 1px solid #89938b;             
}
.header{
  width: 100%;
  height: 100px;
  border-bottom: 1px solid black;
   /* box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); */
  background: url('../css/wp3287423.jpg');
  background-size: cover;
  background-repeat: no-repeat;

}
.logo img{
  width: 281px;
    margin-left: 1px;
/*     border: 1px solid #00fff1; */
        margin-top: 2px;
}
.school_form_heading img{
font-family: 'Poppins', sans-serif;
margin-top: 25px;
font-size: 23px;
font-weight: 800;
text-decoration: underline;
}
.logo_my{
        width: 335px;
    position: absolute;
    top: -14px;
}
@media(max-width: 767px){
  .logo img{
width: 120%;
    margin-left: 1px;
   /*  border: 1px solid #00fff1; */
    margin-top: 25px;
}
.logo_my{
width: 163px;
    position: absolute;
    top: 10px;
    right: 31px;
}

.school_form_heading h1{
font-family: 'Poppins', sans-serif;
    margin-top: 38px;
    font-size: 22px;
    font-weight: 800;
}
}
.main_heading{
  font-size: 15px;
  margin-top: 12px;
  margin-left: 15px;
  font-family: 'Poppins', sans-serif;
}
.way{
    font-size: 15px;
  margin-top: 12px;
  margin-left: 15px;
  font-family: 'Poppins', sans-serif;
}
.main_heading_two{
   font-size: 18px;
  margin-top: 12px;
  margin-left: 15px;
  font-family: 'Poppins', sans-serif; 
  font-weight: 900;
  text-decoration: underline;
}

label{
  font-size: 12px;
  border-radius: 5px;
  text-align: center;
  font-family: 'Poppins', sans-serif;
  font-weight: 700;
white-space: nowrap;
 }
 .form-control::placeholder {
font-size: 12px;
font-family: 'Poppins', sans-serif;
}

.date{
 width: 100% !important;
}
.flex{
  display: flex;
}

.radio{
padding-left: 10px;
margin-right: 5px;
height: 10px;
}
/* .table-bordered td, .table-bordered th {
    border: 1px solid #777474 !important;

     font-family: 'Poppins', sans-serif;
}
.table-bordered td, .table-bordered th {
    border: 1px solid #777474;
    font-size: 13px;
    font-family: 'Poppins', sans-serif;
}
.table thead th {
    vertical-align: bottom;
    border-bottom: 2px solid #777474;
    font-size: 12px;
     text-align: center;
     font-family: 'Poppins', sans-serif;
   } */
   .trend{
    font-family: 'Poppins', sans-serif;
    margin-top: 8px;
    font-size: 12px;
   }
   .submit{
  width: 20% !important;
  height: 40px;
 border: 1px solid green;
 background: white;
 font-family: 'Rubik', sans-serif;
 padding: 5px 60px;
}
@media(max-width: 767px){
  .submit{
  width: 70% !important;
  height: 40px;
 border: 1px solid green;
 background: white;
 font-family: 'Rubik', sans-serif;
 padding: 5px 60px;
}  
}
.side_nav{
  width: 100%;
  height: 500px;
  box-shadow: inset -3px -3px 17px #ffffff,
              inset 3px 3px 5px #ceced1;
  border: 1px solid #10f548 !important;            
}
.bottom_div{
    width: 100%;
  
  box-shadow: inset -3px -3px 17px #ffffff,
              inset 3px 3px 5px #ceced1;
}
.bottom_div img{
    width: 100%;
  
  box-shadow: inset -3px -3px 17px #ffffff,
              inset 3px 3px 5px #ceced1;
              margin-top: 10px;
              border: 1px solid #10f548 !important;   
}

.size{
  width: 80px;
}/* Style the tab */.
tab {  overflow: hidden;  border: 1px solid #ccc;  background-color: #f1f1f1;}

.images-stu1 {
  
}


.button-29 {
  align-items: center;
  appearance: none;
  /* background-image: radial-gradient(100% 100% at 100% 0, #25bef7 0, #a4e5fd 100%); */
  background-color: #80dcff;
  border: 0;
  border-radius: 6px;
  box-shadow: rgb(181 217 231) 0 2px 4px, rgb(205 224 231) 0 7px 13px -3px, rgb(81 120 135) 0 -3px 0 inset;
  box-sizing: border-box;
  color: #000240;
  cursor: pointer;
  display: inline-flex;
  height: 48px;
  justify-content: center;
  line-height: 1;
  list-style: none;
  overflow: hidden;
  padding-left: 16px;
  padding-right: 16px;
  position: relative;
  text-align: left;
  text-decoration: none;
  transition: box-shadow .10s,transform .10s;
  user-select: none;
  -webkit-user-select: none;
  touch-action: manipulation;
  white-space: nowrap;
  will-change: box-shadow,transform;
  font-size: 18px;
  font-family: monaco, Consolas, "Lucida Console", monospace;
}

.button-29:focus {
  box-shadow: #3c4fe0 0 0 0 1.5px inset, rgba(45, 35, 66, .4) 0 2px 4px, rgba(45, 35, 66, .3) 0 7px 13px -3px, #3c4fe0 0 -3px 0 inset;
}

.button-29:hover {
  box-shadow: rgb(45 35 66 / 40%) 0 4px 8px, rgb(45 35 66 / 30%) 0 7px 13px -3px, #0ca930 0 -3px 0 inset;
  transform: translateY(-2px);
}

.active1 {
  box-shadow: #3c4fe0 0 3px 7px inset;
  transform: translateY(2px);
  background-color: #2c95bd !important;

}