/*------aboutus-------*/
body{
    background-color: #161616;
}
.header{
    min-height: 100vh;
      width: 100%;
     background-color: rgb(4, 71, 71);
  }

.row{
    width: 90%;
    margin-top: 2%;
    margin-left: 5%;
    display: flex;
    justify-content: space-between;
    color: silver;
    font-size: 25px;
    background-color: none;
}
.enrollform{
    flex-basis: 40%;
    background: rgb(68, 66, 66);
    border-radius: 0px;
    margin-bottom: 5%;
    margin-top: 3%;
    margin-left: 5%;
    margin-right: 5%;
    padding: 30px;
    box-sizing: border-box;
    background-color: rgb(0,0,0,0.5); 
}
.enrollform:hover{ box-shadow: 10px 10px 10px rgb(0,0,0,0.6);
transition: 1s;}

 .enrollform .rftitle{
   font-size: 30px;
   font-weight: 600;
   color: rgb(131, 131, 131);
   text-align: center;
   margin-bottom: 25px;
 }
.enrollform .rform{
    width: 100%;
}
.enrollform .rform .input_field{
 margin-bottom: 15px;
 display: flex;
 align-items: center;
}
.enrollform .rform .input_field label{ 
 width: 50%;
 font-size: 20px;
 color: rgb(202, 202, 202);
 margin-right: 10px;
   }
   .enrollform .rform .input_field .input{ 
       width: 100%;
       outline: none;
       font-size: 18px;
       color: rgb(255, 255, 255);
       background-color: rgb(85, 85, 85);
       border: 2px solid rgb(4, 71, 71);
       padding: 4px 10px;
       border-radius: 5px;
       transition: all 0.5s ease;
      }
      .enrollform .rform .input_field ::placeholder{ 
        color: rgb(0,0,0,0.3);
        text-align: center;
        font-size: 15px;
       }
       .enrollform .rform .input_field .selectbox{ 
          position: relative;
          width: 50%;
          font-size: 20px;
          background-color: rgb(85, 85, 85);
          border: 2px solid rgb(4, 71, 71);
          outline: none;
          appearance: none;
       -webkit-appearance: none;
       }
       .enrollform .rform .input_field .selectbox:focus,
       .enrollform .rform .input_field .input:focus{
        border: 2px solid rgb(202, 202, 202);
       }
       
       .enrollform .rform .input_fieldcheck p{
           color: rgb(202, 202, 202);
           text-align: right;
           font-size: 15px;
           display: inline-block;    
       }
       .enrollform .rform .input_field .registerbtn{
        width: 100%;
        padding: 5px;
        border-radius: 5px;
        margin-top: 20px;
        font-size: 20px;
        font-weight: 300;
        color: white;
        background-color: rgb(4, 71, 71);
        outline: none;
        border: 2px solid rgb(0,0,0,0.7);
        cursor: pointer;
       }
       .enrollform .rform .input_field .registerbtn:hover{
          color: rgb(4, 71, 71);
          background-color: white;
          font-weight: 600;
       }


.loginform{
    flex-basis: 40%;
    height: fit-content;
    background: rgb(68, 66, 66);
    border-radius: 0px;
    margin-bottom: 5%;
    margin-top: 10%;
    margin-left: 5%;
    margin-right: 5%;
    padding: 20px 12px;
    box-sizing: border-box;
    background-color: rgb(0,0,0,0.5);
    
}


/*------footer-------*/
.row1{
    margin-top: 2%;
    margin-left: 2%;
    margin-right: 2%;
    display: flex;
    justify-content: space-between;
    color: silver;
    font-size: 25px;
    text-decoration: none;
    background-color: black;
}
.links1{
    flex-basis: 31%;
    background: none;
    border-radius: 15px;
    margin-bottom: 5%;
    padding: 20px 12px;
    box-sizing: border-box;
    transition: 0.5s;
}
h3{
    text-align: left;
    font-weight: 600;
    margin: 10px 0px;
    color: rgb(71, 70, 70);
    font-weight: 100;
    font-size: 20px;
}
.links1 p{
    text-align: left;
    font-size: 12px;
}
.footer{
    width: 100%;
    margin: auto;
    text-align: center;
    background-color: black;
    padding-top: 20px;
}
.footer h4{
    color: rgb(56, 55, 55);
    font-weight: 600;
    font-family: Verdana, Geneva, Tahoma, sans-serif;
    font-size: 25px;
    margin-bottom: 15px;
    margin-top: 0px;

}
.footer p{
    color: rgb(214, 215, 216);
    font-size: 22px;
    text-decoration: none;
}

.icons .fa{
    color: rgb(255, 255, 255);
    margin: 0 13px;
    cursor: pointer;
    padding: 18px 0;
    font-size: 30px;
}
.icons .fa:hover{
    color: aqua;
}

/*----media query-----*/
@media(max-width: 700px)
{

 .row{
    flex-direction: column;
}
.enrollform .rftitle{
    font-size: 20px;
    font-weight: 300;
}
.enrollform .rform .input_field label{ 
    width: 50%;
    font-size: 15px;
   margin-right: 10px;
      }
}