@import url('https://fonts.googleapis.com/css2?family=Kalnia:wght@200&display=swap');

*
{
    margin:0px;
    padding:0px;
    box-sizing:border-box;
}
main
{
    font-size:10px; /*1 rem = 10px */
    width:100%;
}

/* header section */

.about_us
{
    background-color:white;
color:rgb(23, 20, 20);
width:13rem;
text-transform:capitalize;
list-style:none;
display:flex;
justify-content:center;
align-items:center;
flex-direction:column;
z-index:3;
position:absolute;
left:0;
display:none ;
height:auto;
top:9rem;
z-index:999 !important;
padding-top:2rem;
box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;

}


.ul_list>li
{
    list-style:none;
    font-size:1rem;
    padding-top:1rem;
}

.ul_list li a
{
    
    padding-top:1rem;
    text-decoration:none;

}

.about_page
{
    font-weight:bolder !important;
    text-transform: uppercase;
}

.about_page h6
{
    font-weight:bolder !important;
    text-transform: uppercase;
}


/* navbar css */

.navbar
{
    display:none !important;
}


.header
{
    width:100%;
   padding:0 0 1rem 0;
    list-style:none;
    background-color: #080c13;
    font-size:.8rem;
    box-sizing:border-box;
    z-index:999;
    position: sticky;
    top:0;
    border-bottom:1px solid grey;
    height:4rem;
    
}

.header_ul_list1
{
     float:right;
     padding-right:2rem;
     padding-top:1rem;
     
}

#header_sub_child1>i 
{
    display:none;
}

.header_ul_list1>li
{
    display:inline-block;
    font-weight:bolder;
    border-radius:5px;
    padding-right:1rem;
    font-weight:bolder;
}

.header_ul_list1>li>a
{
  text-transform:none;
  text-decoration:none;
  color:rgb(248, 245, 245);
}


/* header sub_child*/


.header_sub_child
{
    background-color:white;
    display:flex;
    justify-content:space-evenly;
    align-items: center;
    box-shadow: rgba(17, 11, 11, 0.24) 0px 3px 15px;
    z-index:999;
    position: sticky;
    top:-10px;
    box-sizing:border-box;
    padding:1rem 0 1rem 0;
    height:7rem;
    
}

.header_sub_child>ul>li>img
{
    width:5rem;
    height:5rem;
}

.header_sub_child>ul>li
{
    display:inline-block;
    padding-left:.8rem;
    color:rgb(11, 6, 6);
    font-weight: bolder;


}

.header_sub_child>ul>li>a
{
    display:inline-block;
    font-size:1rem;
    text-decoration:none;
    color:rgb(48, 42, 42);
    text-transform: uppercase;
    font-weight: bolder;

}

.header_sub_child>ul
{
    width:58rem;
    box-sizing: border-box;
}


.login_page
{
    width:60rem;
    width:20rem;
    display:flex;
    justify-content:space-between;
    align-items:center;

}

.login_page>input
{
    width:12rem;
    height:3rem;
    border-radius:5px;
    background-color: rgb(229, 231, 239);
    border:1px solid rgb(188, 183, 183);
    background:transparent;
    outline:none;
    padding-left:1rem;
    font-size:1rem;
    text-transform: capitalize;
    color:white;

    
}

.login_page>a
{
    width:7rem;
    height:3rem;
    background-color: #197278;
    color:rgb(241, 240, 245);
    display:inline-block;
    display:grid;
    place-items:center;
    text-transform:capitalize;
    font-size:0.8rem;
   border-radius:6px;
   text-decoration: none;
   font-weight:bolder;


    
}




/* programe section */

.programe_section
{
    background-color:white;
    color:black;
    padding:3rem 0 3rem 0;
    height:auto;

    
}

.ul_list>li 
{
    font-size:1rem;
}

.programe_section_head 
{
    width:85%;
    margin: auto !important;
    text-transform: uppercase;
    color: #197278;
}

.programe_section_child_content
{
   
    width:85% !important;
    margin-top:2rem;
    margin: auto;
    margin-top:3rem;
    height: auto;

}

.programe_section_child_content_subchild 
{
    width:100%;
    margin:2rem 0 2rem 0;
    margin: auto;

}

.programe_section_child_content_subchild span 
{
   font-size:1rem;
   font-weight: bolder;
}

.programe_section_child_content_subchild>p 
{
    font-size:1rem;
    text-transform: capitalize;
}

.programe_section_child_content>h4 
{
color:#197278
}



table {
    border-collapse: collapse;
    width: 100%;

  }

  table tr
  {
    background-color: #6055fc;
    border:1px solid white;
    height:3rem;

    
  }

  table tr td
  {
    border:1px solid white;
    background-color:orchid !important;
    
  }



  table tr th
  {
    border:1px solid white;
    width:10rem;
    
  }
  
  table, th, td {
    border: 1px solid black;
    font-size:1.2rem;
    padding:0.5rem;
    color :white
  }
  
  











/* Adimission section */

.Admission_section
{
    height:auto;
    padding:3rem 0 3rem 0;
}

.Admission_section_child
{
    width:85% !important;
    text-transform: capitalize;
    margin: auto;
    

}


.Admission_section_child span 
{
font-size:1rem !important;
font-weight:bolder;
}


.Admission_section_child>h3
{
    font-size:2rem;
    text-transform: uppercase;
    color: #197278;

}


.Admission_section_child>h6
{
    padding-top:3rem;
}

.Admission_section_child>p 
{
    font-weight:bolder;
    font-size:0.9rem;
    padding-top:1rem;
    text-transform: capitalize;

}

.Admission_section_child>span 
{
    font-size:1.2rem;
    font-size:bolder;
    padding-top:1rem !important;
    text-transform: capitalize;


}

.Admission_section_child>h4 
{
    padding-top:2rem;
    text-transform: capitalize;

}

.table_box h4
{
    text-align: center;
}


.Admission_section_child button 
{
    width:10rem;
    height:3rem;
    background-color:rgb(21, 9, 193);
    font-size:1.2rem;
    border:none;
    text-transform: capitalize;
    color:white;
    margin-top:1rem;
      
}

.last_parh
{
    text-align: center;
    font-size:1.2rem;
    font-weight:bolder !important
    ;
}


/* about page css */

.about_child_page p 
{
    font-size:1.2rem;
    text-transform: capitalize;

}


.content_update>p
{
    font-size:1rem;
    text-transform: capitalize;

}


.policy_page p 
{
    font-size:1.2rem !important;
    font-weight: normal;
    
}

.update_parh
{
    font-size:1.5rem !important;
    color: #197278;
}

.Admission_section_child>p 
{
 font-size:1rem;
 font-weight:normal;
}

.term_condition:first-child
{
    font-size:1.5rem;
   
}

.term_condition p:nth-child(3n+0)
{
font-size:1.2rem;
font-weight:normal;
}





/* student form to fill css */

.form_container
{
text-transform:capitalize;
width:80%;
padding:1rem 0 3rem 0;
height:auto;
background-color:white;
border:5px solid #197278;
border-radius:2rem;
position:fixed;
left:15rem;
z-index:999 !important;
display:none;
transition: linear 0.5s ;
top:6rem;




}

.head_form 
{
    width:80%;
    margin:auto;
    padding:2rem 0 2rem 0;
    display:flex;
    justify-content:space-between;
    align-items:center;

}

.head_form>i 
{
    font-size:2rem;

}

.head_form>h1 
{
  color: #197278;
  text-transform: uppercase;
  font-weight: bolder !important;

}


.student_fillForm
{
    width:80%;
    height:20rem;
    margin:auto;
    display:flex;
    justify-content:space-around;
    align-items:center;
    flex-wrap: wrap;
    background-color:white;
    border-radius:1rem;

}


.record_box
{
    display:flex;
    flex-direction: column;
    width:25rem;
}

.record_box>input 
{
    height:3rem;
    font-size:1rem;
    background-color:whitesmoke;
    padding-left:1rem;
    border:1px solid rgb(206, 200, 200);
    outline:none;
    border-radius:0.5rem;
    margin-top:1rem;
    border-left:5px solid #197278;
    
}

.record_box>label 
{
    font-size:1.1rem;
}

.submit_button 
{
    border-left:none !important;
    background-color: #197278 !important;
    color:white;
    border:none;
    width:20rem !important;
    border-radius:2px !important;
    border:none;
    margin:auto;
    margin-top:2.5rem !important;

}









/* footer_subscribe*/

.footer_subscribe
{
    background-color:#edddd4;
    display:flex;
    justify-content:space-evenly;
    align-items:center;
    padding:2rem 0 2rem 0;
    color: #0f0d0a;
    border-bottom:1px solid rgb(196, 193, 193);

}

.footer_subscribe_child1>img
{
    width:9rem;
    border-radius:50%;
  
}

.footer_subscribe_child1_content
{
    width:30rem;
    color: #197278;
}

.footer_subscribe_child1_content>ul>li>a
{
    text-decoration:none;
    font-size:.7rem;
    padding-left:1rem;
    padding-top:1rem;
    color:#110e0e;



}

.footer_subscribe_child1_content>ul>li
{
  list-style:none;
  padding-top:0.4rem;

}

.footer_subscribe_child1_content>ul>li>i
{
 color: #197278 !important;

}

.footer_subscribe_child1_content>p
{
    font-size:0.9rem;
    color: #197278;
    font-weight: 700;
    


}


.footer_subscribe_child1
{
    width:40rem;
    display:flex;
    justify-content:space-around;
    align-items:center;

}


.footer_subscribe_child2>h5
{
text-transform: uppercase;
color: #197278;
}

.footer_subscribe_child1_content>ul>li>a
{
    color: #197278 !important;

}


.footer_subscribe_child2>input
{
    width:17rem;
    height:4rem;
    border-bottom:2px solid white;
    outline:none;
    background: none;
    font-size:1rem;
    color:#141111;
    text-transform: capitalize;
    border-top:none;
    border-left:none;
    border-right:none;
}

.footer_subscribe_child2>i
{
    width:3rem;
    height:3rem;
    background-color:#197278;
    border-radius:50%;
    display:flex;
    justify-content:center;
    align-items:center;
    position: relative;
    bottom:3rem;
    left:17rem;
    color:#f7f9f9;

}







/* footer section */

.footer {
    display: flex;
    justify-content: space-evenly;
    padding: 4rem 0 4rem 0;
    text-transform: capitalize;
    background-color:#197278;




}

.footer_ulList>li>a {
    text-decoration: none;
    margin-left: 1rem;
    color:white;


}

.footer_ulList>li>i {
    color: rgb(87, 81, 81);

}

.footer_ulList>li {
    margin-top: 1rem;
}

.child>h3 {
    text-transform: uppercase;
    color: white;
    padding-left: 2rem;
    font-size:1rem;

}




.follow_us>ul>li
{
font-size:1.9rem !important;
}


.child>ul {
    padding-top: 1rem;
}

.child>ul>li {
    font-size:1rem;
    list-style: none;
    padding-top: 10px;
    color:white !important;


}

.child>ul>li>a {
   
    text-decoration:none;
    color:white !important;


}







/* subfooter section */


.subfooter {
    padding: 2rem;
    display: flex;
    padding-left: 6rem;
    justify-content: space-around;
    align-items: center;
    text-transform: capitalize;
    border-top: 1px solid rgb(185, 183, 179);
    background-color:#197278;



}

.subfooter_child1 {
    display: flex;
    justify-content: center;
    align-items: center;

}

.subfooter_child1>p {
    font-size: larger;
    padding-left: 2rem;
    font-weight: bolder;
    color:white;
    padding-top:1rem;


}


.subfooter_child2 {
    display: flex;
    justify-content: center;
    align-items: center;



}

.subfooter_child2>p {
    font-size: 2rem;
    color: white;
    font-weight: bolder;
}

.subfooter img {
    width: 33px;

}

.subfooter_child2>i {
    font-size: 2.5rem;
    padding-left: 2rem;
    color: white !important;



}


.subfooter_anc {
    text-decoration: none;
    color: white !important;
    font-weight: bolder;
    font-size: larger;



}







/* media query */





@media only screen and (min-width:0px) and (max-width:480px)



{


    .form_container
{
    position:absolute;
top:6rem;
width:98% !important;
height:auto;
left:0.2rem;
transition:all 0.5s;
}

.student_fillForm
{
    height:auto;
    width:90%;
}

.head_form
{
    width:100%;
    display:flex;
    justify-content:space-around;
}

.head_form>h1 
{
font-size:1.8rem;
font-weight:bolder;
}

.record_box>label 
{
    font-weight:bolder;
}
.record_box
{
    margin-top:1rem;
}

.submit_button 
{
   
    width:90% !important;

}


    .toggle_btn
    {
        font-size:2rem;
        color:rgb(249, 248, 248);
        display:inline-block;
        width:3rem;
        border:1px solid white !important;
        height:3rem;
        margin-bottom:2rem;
        box-sizing:border-box;
        position: relative;
        left:3rem;
        top:0.8rem;
        border-radius:5px;
        
    
        
    }
    
    
    .toggle_btn:hover
    {
        background-color: #197278 !important;
    }
    
    
    #header_sub_child1 .fa-xmark
    {
        font-size:2rem;
        color:rgb(245, 241, 241);
        position:absolute;
        top:3rem;
        right:2rem;
        display:block;
     
    
    }


 .header_sub_child
 {
    width:100%;
    height:42rem !important;
    display:flex;
    flex-direction:column;
    position:absolute;
    top:0;
    z-index:999;
    padding:3rem 0 9rem 0;
    left:0;
    right:0;
    background-color:rgb(27, 25, 25);
    overflow:auto;
    display:none;
    transition:all 0.5s ease;
    
 }

 .header_sub_child>ul
 {
width:100%;
margin-top:4rem;

 }

   
.header_sub_child>ul>li
{
    display: flex !important;
    justify-content:center;
    align-items:start;
    flex-direction:column;
    padding:2px;
    border-bottom:1px solid rgb(128, 124, 124);
    color:white;
    padding-top:1rem;
    padding-bottom:1rem;
    padding-right:3rem;
    width:89%;

}

.header_sub_child>ul>li>a 
{
    color:white;
}



.login_page
{
display:flex;
justify-self:center;
flex-direction:column;
width:100%;
position: relative;
padding-top:2rem;
}

.login_page>input
{
    width:88%;
    background-color:white;
    color:black;
}

.login_page>a
{
    position: relative;
    right:8rem;
    top:1rem;
}



    /* header section */

.navbar>img 
{
    margin-left:7.8rem !important;
    width:6rem !important;
height:6rem !important;

}

.navbar
{
    height:7rem !important;

}

    /* program page */

.programe_section 
{
    width:100%;
}

.programe_section_child_content
{
    display:flex;
    flex-direction:column;
    border:none;
    width:100%;
}




/* admission page */

.Admission_section
{
    width:100%;
}

.Admission_section_child
{
width:100%;
}

.Admission_section_child h3 
{
    width:3rem !important;
    display:inline-block !important;
    width:100% !important;
}



.child>ul>li 
{
    font-size: 1rem;
    color:white !important;
}


table, th, td {
    border: 1px solid black;
    font-size:0.8rem;
    padding:0.5rem;
    color :white
  }
  


/* subscriber footer */

.footer_subscribe_child1_content>ul>li>i
{
font-size: 1.5rem;
}

.footer_subscribe_child1_content>ul>li>a
{
font-size: 1.3rem;
}





}