h1 {
    text-align: center;
    font-family: "Source Sans Pro", sans-serif;
    font-weight: normal;
}


#aboutorg{
  font-size: 1.3rem;
  font-weight: bold;
  color:#002753;
  line-height:140%;
font-family:"Red Hat Display";
}
#aboutorg-small{
  font-size: 0.95rem;
  font-weight:normal;
  margin-bottom:25px;
  line-height:150%;

}
.welcomescreen-img{
max-width:400px;
width:80%;
margin:0 auto;
padding:0px !important;
}


* {
  box-sizing: border-box;
}
 
 #input-desc{
   color:#a2a2a2;
   
  } 
 

input[type=text], select, textarea {
  width: 100%;
  padding: 11px;
  border: 1px solid #e9e9e9;
  border-radius: 3px;
  resize: vertical;
  font-size:0.9rem;
  
  
}


input[type=email], select, textarea {
  width: 100%;
  padding: 11px;
  border: 1px solid #e9e9e9;
  border-radius: 3px;
  resize: vertical;
  font-size:0.9rem;
  margin:4px;
}
input[type=date], select, textarea {
  width: 100%;
  padding: 11px;
  border: 1px solid #e9e9e9;
  border-radius: 3px;
  resize: vertical;
  background-color: #ffffff;
  font-size:0.9rem;
  margin:4px;
}

input[type=password], select, textarea {
  width: 100%;
  padding: 11px;
  border: 1px solid #e9e9e9;
  border-radius: 3px;
  resize: vertical;
  font-size:0.9rem;
  margin:4px;
}


label {
  font-family: "Red Hat Display","Open Sans",arial;
  padding: 9px 12px 2px 0px;
  display: inline-block;
  font-size:14px;
  font-weight:bold;
}

#head {
color: #021A88;
font-weight:bold;
padding: 10px 10px 2px 1px;
border-radius: 0px;
  font-size:16px;
  text-align:center;
  margin-bottom:20px;
}
  #head-main {
color: white;
font-weight:bold;
padding: 8px 10px 8px 10px;
  font-size:14px;
  text-align:center;
    border-radius:3px;
    background-color:#002753;
    margin-bottom:0px;
    border-bottom-left-radius:0px;
  border-bottom-right-radius:0px;
    font-family: "Red Hat Display","Open Sans",arial;
}

#submit-botton-apply, #button-section2 {
  background-color:#4caf50;
  color: white;
  padding: 8px 25px;
  border: none;
  border-radius: 4px;
  cursor: pointer;
  text-align: center;
  margin:0 auto;
  font-size:0.9rem;
  max-width:20%;
 
}

.check, .checkname{
display:inline;
  line-height:8px;
  font-weight:normal;

}

#submit-botton-apply:hover {
  background-color: #002753;
 
}

.container123 {
  border-radius: 3px;
  background-color: #fff;
  padding: 20px;
 border-top-left-radius:0px;
  border-top-right-radius:0px;
  font-family:'Open Sans',lato,sans-serif;
  font-family:Open Sans,lato,arial;
  line-height:24px;
 
 
}

.col-25 {
  float: left;
  width: 25%;
  margin-top: 6px;
  text-align:right;
 
}

.col-75 {
  float: left;
  width: 50%;
  display:flex;
  justify-content:space-between;
  margin-top: 6px;
}
.no-js{

    display:block !important;
}
/* Clear floats after the columns */
.row:after {
  content: "";
  display: table;
  clear: both;
}
.nameofexam{
  display:none;
  }

@media screen and (max-width: 600px) {
  .col-25, .col-75 {
    width: 100%;
    margin-top: 0;
    text-align:left;
  
    
  }
}

@media screen and (max-width: 600px) {
#submit-botton-apply, #button-section2 {
    max-width: 30%;
    display: table-cell;
margin:0 auto;
    
   
  }
}
  
  .subject-selection{
    font-size:10px;
    color:#757575;
    line-height:120%;
    text-align:center;
    
    
    
    
    
      
      
      

  }
  
  #fname{
text-transform: uppercase;
  }
 .checkbox{
   line-height:130%;
   max-width:70%;
   text-align:center;
   margin:0 auto;
  }
    @media screen and (max-width: 600px) {
.centered-top-container.sticky .blog-name {
  text-align:center;
  }
      .item-view .centered-top .blog-name, .centered-top .hamburger-section, .centered-top .search {
        margin-left: -35px;}

  }
  .row{
   margin-bottom:15px; 
  }
  
    .reqrd:after {
    content:"*";
    color: red;
    margin-left:2px;
  }
.input-details{
    font-size:0.8rem;
    color:#757575;
    margin-top:2px;
    margin-bottom:0px;
    
}
.input-small{
    width:40%;
}
.submit-button-row{
    text-align:center;
}
#section-apply{
    display:none;
    padding:7px;
    border:1px solid #efefef;
    border-radius:4px;
}
#section-intro{
    display:block;
}
#section-confirm{
display:none;
}
.apply-intro-img{
    margin:0 auto;
    max-width:300px;
}
.intro-to-apply{
    border:1px solid #efefef;
    border-radius:3px;
    padding:10px;
    margin:20px 0px;
}
.apply-intro-title{
    font-weight:bold;
color:#825d00;
text-align:center;
}
.apply-intro-text-bold{
    font-weight:bold;
}
.apply-intro-text{
    font-weight:normal;
    font-size:0.9rem;
}
#button-section1{
    max-width:30%;
    margin:0 auto;
    display:flex;
font-size:0.9rem;
    background-color:#825d00;
  color: white;
  padding: 8px 25px;
  border: none;
  border-radius: 4px;
  cursor: pointer;
  text-align: center;
  }
  #button-backto-section2{
    margin:0 auto;
    display:flex;
font-size:0.9rem;
    border:1px solid #825d00;
  color: #825d00;
  background-color:#fff;
  padding: 8px 25px;
  border-radius: 4px;
  cursor: pointer;
  text-align: center;
  max-width:30%;

  }
  .cad-box, .cad-box td{
    border: 1px solid #fff;
    border-collapse:collapse;
    padding:8px;
    font-size:0.9rem;
  }
  .cad-box{
    width:98%;
    margin:5px;
  }
  .cad-tr:nth-child(even){
    background-color:rgb(242, 249, 255);
  }
  .cad-tr-td2{
    color:#002753;
    font-weight:bold;
  }
  .confirm-alert-text{
    font-weight: bold;
    margin:10px;
    text-align:center;
  }
  .section-confirm-alert{
    border:1px solid #efefef;
  }








/*Information Box*/
#date:before{
  content: '\f058';
      font-family: 'Font Awesome 5 Free';
      font-size: 12px;
  font-weight: 700;
      margin: 0 4px 0 0;
      
  }
  
           body{
  font-family:Open Sans,lato;
  }
         .onehead{
      text-decoration:none;
      color:#002753;
  font-family:Open Sans,lato;
      }
  .onehead:visited{
  text-decoration:none;
      color:#002753 !important;
  }     
  #three{
  color:white;
  }
      
      #date{
      color: #e30030;
      font-size: 12px;
      font-weight: bold;
      font-family:Open Sans,lato;
      }
      
    .tableFixHead::-webkit-scrollbar {
    display: none;
      }
        .tableFixHead {
          overflow-y: auto;
          max-height: 500px;
           width: 100%;
  -ms-overflow-style: none;
          scrollbar-width: none;
          margin-bottom:30px;
          background-color:white;
  font-family:ubuntu;
  border-top:6px solid #825d00;
  box-shadow: 0 4px 20px rgb(168 168 168 / 20%);
  border-radius:4px;
  text-align:center;
  padding: 5px 5px 20px 5px;
  
          
     
        }
        
        .tableFixHead thead th {
          position: sticky;
          top: 0;
        }
  
        table {
          border-collapse: collapse;
          width: 100%;
          height:1px;
         font-family:Open Sans,lato;
          
        }
       
        #one {
          padding: 8px 16px;
          color: #012060;
          font-size: 0.9rem;
  font-family:Open Sans,lato;
        }
        
        #two {
          padding: 8px 16px;
          color: #012060;
          font-size: 12px;
  font-family:Open Sans,lato;
        }
       
        th {
          padding: 8px 16px;
          
          text-align: left;
          color:white;
          font-weight:normal;
          font-size:13px;
  font-family:Open Sans,lato;
        }
        
      .header789{
      background:white;
          color: #012060;
          font-weight:bold;
      }
      
        
      
  
  @media screen and (max-width: 600px) {
     
      .tableFixHead{
      width:100%;
      }
     
  }
  
  
  .viewmore:hover{
  background-color: #2196f3;
  color: white;
  }
  
  .viewmore{
  font-size:12px;
  color: white;
  background-color:#e30030;
  width:100px;
  padding: 7px 7px;
  float:right;
  text-align:center;
  width:100%;
  margin-top:8px;
  border-bottom-left-radius:6px;
  border-bottom-right-radius:6px;
  }
  
  .viewmore:visited{
  color:white;
  }
  .exam-head-345{
      background:white;
          color: #012060;
          font-weight:bold;
          font-size:13px;
      }
       .exams-detailed{
      text-decoration:none;
      color:#8f8f8f;
  font-family:Open Sans,lato;
  border:1px solid #ddd;
  border-radius:20px;
  display:inline-block;
  padding:5px 11px;
  margin-right:5px;
  margin-top:8px;
  font-size:12px;
  -webkit-tap-highlight-color: transparent;
      } 
  .exams-detailed:visited{
  color:#8f8f8f;
  } 
  .exams-detailed:hover{
  color:#ffffff;
  background-color:#e30030;
  } 
  .contain-exam-details{
  margin:40px 20px;
  }
  .date-area{
  
    border-radius:4px;
    padding:10px 10px;
    box-shadow: 0 4px 20px rgba(255, 44, 44, 0.2);
  }
  #section-data, #section-searching, #section-found{
    margin:15px;
  }
  .search-text{
    color:#ff0000;
    font-size:1rem;
    font-weight:bold;
  }
  #button-section-lub{
background-color:#ff0000;
border-radius:4px;
border:none;
padding:10px;
color:#fff;
marging:20px;
  }
  #section-searching{
    display:none;
  }
  .search-text-2{
    color:#222;
    font-size:1rem;
    font-weight:bold;
  }
  #fname-d{
    color:#ff0000;
  }
  .loader {
    width: 160px;
    height: 185px;
    position: relative;
    background: #ff0000;
    border-radius: 100px 100px 0 0;
  }
  
  
  .loader:after {
    content: "";
    position: absolute;
    width: 100px;
    height: 125px;
    left: 50%;
    top: 25px;
    transform: translateX(-50%);
    background-image: radial-gradient(circle, #000 48%, transparent 55%),
      radial-gradient(circle, #000 48%, transparent 55%),
      radial-gradient(circle, #fff 30%, transparent 45%),
      radial-gradient(circle, #000 48%, transparent 51%),
      linear-gradient(#000 20px, transparent 0),
      linear-gradient(#cfecf9 60px, transparent 0),
      radial-gradient(circle, #cfecf9 50%, transparent 51%),
      radial-gradient(circle, #cfecf9 50%, transparent 51%);
    background-repeat: no-repeat;
    background-size: 16px 16px, 16px 16px, 10px 10px, 42px 42px, 12px 3px,
      50px 25px, 70px 70px, 70px 70px;
    background-position: 25px 10px, 55px 10px, 36px 44px, 50% 30px, 50% 85px,
      50% 50px, 50% 22px, 50% 45px;
    animation: faceLift 1s linear infinite alternate;
  }
  
  
  .loader:before {
    content: "";
    position: absolute;
    width: 140%;
    height: 125px;
    left: -20%;
    top: 0;
    background-image: radial-gradient(circle, #ff0000 48%, transparent 50%),
      radial-gradient(circle, #ff0000 48%, transparent 50%);
    background-repeat: no-repeat;
    background-size: 65px 65px;
    background-position: 0px 12px, 145px 12px;
    animation: earLift 1s linear infinite alternate;
  }
  
  
  @keyframes faceLift {
    0% {
      transform: translateX(-60%);
    }
  
  
    100% {
      transform: translateX(-30%);
    }
  }
  
  
  @keyframes earLift {
    0% {
      transform: translateX(10px);
    }
  
  
    100% {
      transform: translateX(0px);
    }
  }
  #match-pro{
    display:hidden;
  }