@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;

}



.header_sub_child ul li h6 
{
    font-weight: bolder;
    color:black;
}



.ul_list
{
    display:flex;
    justify-content:center;
    align-self:center;
    flex-direction:column;
    
}

.ul_list>li 
{
    padding-top:1rem;
}

.ul_list>li>a 
{
    text-decoration:none;
}

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




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

.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;
}

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


/* 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(49, 44, 44);
    font-weight:bolder;
    text-transform: uppercase;


}

.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;


    
}


/* hero section */

.hero_section_left>img
{
    width:8rem;
    height:8rem;
    display:block;
}

.hero_section_left
{
    width:30%;
    height:32rem;
    background-color: black;
    color:rgb(246, 245, 245);
    display:flex;
    justify-content: center;
    align-items:center;
    flex-direction:column;
    padding:2rem 0 2rem 0;
    row-gap:1rem;
}

.hero_section_left_content
{
    width:25rem;
    height:20rem;
    padding:0rem 3rem 0 3rem;
}

.hero_section_left_content>h1
{
    font-size:1rem;
    font-weight:bolder;

}

.hero_section_left_content>p
{
color:white;
}


.hero_section_left_content>a
{
    width:10rem;
    height:2.4rem;
    color:rgb(11, 2, 2);
    display:inline-block;
    background-color: #f2f2f1;
    text-transform:capitalize;
    display:flex;
    justify-content:center;
    align-items:center;

}

.hero_section_right
{
    width:70%;
}

.hero_section
{
    display:flex;
    justify-content:space-around;
    align-items:center;
    width:100%;
}


.carousel-item,.carousel-item>img
{
    width:100% !important;
    height:32rem !important;
}

.carousel,.carousel-control-next-icon
{
    background-color: #223358 !important;
    border-radius:50%;
}


.carousel,.carousel-control-prev-icon
{
    background-color: #197278 !important;
    border-radius:50%;
}


/* study at vsiet */

.study_vsiet_section
{
    padding:3rem 0 3rem 0;
    background-color:#197278;
    display:flex;
    justify-content:center;
    align-items:center;
    color:white;
    flex-direction:column;
}

.study_vsiet_section>h1
{
    font-family: 'Playfair Display', serif;
    font-weight: bolder;

}

.study_vsiet_section_content
{
    display:flex;
    justify-content:space-around;
    align-items:center;
    padding:1rem 0 1rem 0;

}

.study_vsiet_section_content>h5
{
   
display:inline-block;
width:30rem;
text-transform:capitalize;
font-size:1rem;
color:white;
line-height:2;



}




.ul_list_study_vsiet>li
{
list-style:none;
padding:2rem;

}

.ul_list_study_vsiet>li>div
{
    display:inline-block;
border-left:2px solid white;
list-style:none;
padding:0rem 2rem 0 2rem;
text-align:center;
}

.ul_list_study_vsiet>li>div>h3
{
   font-size:3rem;
   color:rgb(250, 248, 248);

}

.ul_list_study_vsiet>li>div>p
{
   font-size:1rem;
   text-transform: uppercase;
}





/* programme section */

.programe_section
{
    display:flex;
    justify-content:space-between;
    align-items:center;

}

.programe_section_child1>img
{
    width:30rem;
    height:30rem;
}

.programe_section_child2>h3 
{
    padding-right:3.4rem;
}

.child_programe
{
    width:30rem;
    height:30rem;
    
}

.programe_section_child2
{
    background-color: #283d3b;
}

.programe_section_child3
{
    background-color:black;
color:white;
padding:3rem 3rem 3rem 3rem;
display:flex;
justify-content:center;
align-items:center;


}

.programe_section_child2
{
    color:white;
    text-transform: capitalize;
box-sizing:border-box;
display:flex;
justify-content:left;
/*align-items:center;*/
flex-direction:column;
padding-left:2.5rem;
text-align: left;

}

.programe_section_child2>ul>li
{
    list-style:none;
    padding-top:.5rem;
    color:rgb(182, 175, 175);
    font-size:0.9rem;

}

.programe_section_child2>ul
{
    position: relative;
    right:3rem;
}

.programe_section_child3_subchild
{
    width:25rem;
}

.programe_section_child3_subchild>p
{
    color:rgb(182, 175, 175); 
       font-size:0.9rem;


}

.programe_section_child3_subchild>a
{
    width:8rem;
    height:3rem;
    color:white;
    display:inline-block;
    background-color: #f9a217;
    text-transform:capitalize;
    display:flex;
    justify-content:center;
    align-items:center;
    text-decoration:none;
    font-size:0.7rem;


}


.child_programe>h3
{
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: bolder;

}


/* award section */

.award_section
{
    padding:3rem 0 3rem 0;
    background-position:center;
    background-size:cover;
    background-repeat: no-repeat;
    background-color:#edddd4;


    
}

.award_section_content_child
{
    width:20rem;
    height:15rem;
    border-top:4px solid #283d3b;
    border-bottom:4px solid #283d3b;
    border-radius:5rem;
    justify-content:center;
    display:flex;
    align-items:center;
    flex-direction:column;
     margin-top:1rem;
    
}

.award_section_content>h3
{
    text-transform: uppercase;
    font-family: 'Playfair Display', serif;
    font-weight: bolder;


}

.award_section_content_child>ul>li
{
list-style:none;
padding-top:1rem;
font-weight: bolder;

}

.award_section_content
{
    display:flex;
    justify-content:center;
    align-items:center;
    flex-direction:column;
    color:rgb(14, 10, 10);
}


/* placement section */


.programe_section_child3_subchild>a
{
    background-color: #197278;

}



.placement_section
{
    padding:3rem 0 2rem 0;
    display:flex;
    justify-content:space-around;
    align-items:center;
    flex-direction:column;
    row-gap:3rem;
    background-color: #197278;



}

.placement_section_child1
{
    text-align:center;
    width:30rem;
}

.placement_section_child1>h1
{
  font-size:2rem;
  color:white;
  font-family: 'Playfair Display', serif;
  font-weight: bolder;

}

.placement_section_child1>h4
{
  font-size:1rem;
  color:white;
}

.placement_section_child1>h3
{
  font-size:1rem;
  color:white ;

}

.placement_section_child1>p
{
  font-size:1rem;
  color:rgb(246, 242, 242);
  padding-top:2rem;
  color:white ;


}



.placement_section_child2
{
    display:flex;
    justify-content:center;
    align-items:center;
    border-top:4px solid white;
    padding:3rem 0 3rem 3rem;
    color:white;
    column-gap:3rem;
    width:50rem;
    border-radius:5rem;

    
    
}


.placement_section_child2>div
{
    border-right:1px solid rgb(55, 52, 52);
    justify-content:center;
    align-items:center;
    display:flex;
    flex-direction:column;
    padding-right:3rem;
}


.placement_section_child2>div>h1
{
    font-size:1.5rem;
    font-weight: bolder;

}

.placement_section_child2>div>p
{
    font-size:1rem;
    font-weight: bolder;



}


/* news and events */

.news_events_section
{
    background-color:white;
    padding:3rem 0 3rem 0;
    display:flex;
    justify-content:center;
    align-items: center;
    flex-direction:column;
    row-gap:3rem;
}

.news_events_section_imgList
{
    width:70rem;

}

.news_events_section_content
{
    width:40rem;
    text-align: center;
    color:black;


    
}

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

}


.news_events_section_content>h3
{
    text-transform: uppercase;
    font-family: 'Playfair Display', serif;
    font-weight: bolder;



}


.news_events_section_imgList>img
{
    width:15rem;
    height:17rem;
}

.news_events_section_imgList
{
    display:flex;
    justify-content:space-evenly;
    align-items: center;
}



/* recent placement */


.recent_placement_section_content>h3
{
    font-family: 'Playfair Display', serif;
    font-weight: bolder;


}

.recent_placement_section
{
    padding:3rem 0 3rem 0;
    display:flex;
    justify-content:center;
    align-items: center;
    flex-direction:column;
    row-gap:3rem;
    background-image:url("https://www.olivetcollege.edu/wp-content/uploads/2016/10/student-life-bg-blue-opacity-768x513.jpg");
    background-position:center;
    background-repeat: no-repeat;
    background-size: cover;

}

.recent_placement_section_content
{
    width:50rem;
    text-align: center;
    color: #f9fafe;
    font-size:1rem;
}

/* our institute and placement section*/



.institute_placement_section
{
    box-shadow: rgba(17, 11, 11, 0.24) 0px 3px 15px;
    padding:3rem 0 3rem 0;

}


.institute_placement_section_content
{
    width:50rem;
    box-shadow: rgba(17, 11, 11, 0.24) 0px 3px 15px;
    display:flex;
    justify-content:space-around;
    align-items:center;
    color: #223358;
    padding:3rem 0 3rem 0;
    border-radius:3rem;
   



}

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

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


.institute_placement_section_content_child1>h5
{
    padding-left:1.8rem;
    text-transform: uppercase;
    font-family: 'Playfair Display', serif;
    color:#197278;


}

.institute_placement_section_content_child2>h5
{
    padding-left:1.8rem;
    text-transform: uppercase;
    font-family: 'Playfair Display', serif;
    color:#197278;


}


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

}



/* more detail  section */

.more_detail_section_content
{
    width:40rem;
    height:10rem;
    display:flex;
    justify-content:space-between;
    align-items:center;
    border-top-right-radius:2rem;
}

.more_detail_section_content_child1>img
{
    width:4rem;
    height:4rem;
    border-radius:50%;
}

.more_detail_section
{
    display:flex;
    justify-content:center;
    align-items:center;
    padding-top:4rem;
    border-radius:2rem;

}

.more_detail_section_content_child1
{
      background-color:#197278;
    
    width:20rem;
    height:100%;
    display:flex;
    justify-content:center;
    align-items:center;
    color:white;
}

.more_detail_section_content_child1>h4
{
    padding-left:1rem;
}

.more_detail_section_content_child2
{
    background-color: #f9a217;
    width:20rem;
    height:100%;
    display:flex;
    justify-content:center;
    align-items:center;
    flex-direction:column;
}

.more_detail_section_content_child2_subchild>input
{
width:10rem;
height:2rem;
border:none;
outline:none;
border-radius:0.5rem;
padding-left:1rem;
}

.more_detail_section_content_child2_subchild>button
{
width:5rem;
height:2rem;
border:none;
outline:none;
font-weight: bolder;
background-color: #223358;
color:white;
}






/* 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 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;

}

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


}



/* 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;



}





/* 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;

}