




/*header section */





/*header section */


.res_nav
{
  display:none;  
  height:40rem;
  background-color: aquamarine;
  transition:all 0.5s;
  position: absolute;
  top:0;
}



/* Engineering college/university */

.hero_section
{
    justify-content: center;
    align-items: center;
    display: flex;
    flex-direction: column;
    padding:6rem 0 6rem 0;
    text-transform: capitalize;
    position: relative;
    background-color:#6c6cc9;

  
}

.Architecture>h1 
{
  width:65% !important;
}


.hero_section::before
{
    content: "";
    background-image:url('https://www.travelandleisure.com/thmb/AftROSKTATaMo8emNuedkn8e4Dk=/1500x0/filters:no_upscale():max_bytes(150000):strip_icc()/berry-college-georgia-COLLEGECAMP0421-e1929cf6a79e4dc7bed1e303a66f57f2.jpg');
    background-repeat:no-repeat;
    background-size:cover;
    background-position:center;
    position: absolute;
    top: 0;
    left:0;
    right:0;
    bottom:0;
    opacity:.5;
}

.hero_section>h1
{
    font-size:5rem !important;
    position: relative;
    color:rgb(253, 250, 250);
    
}

.header_child1 img
{
  width:6rem;
}

.hero_section input
{
    width:80rem;
    height:6rem;
        outline:none;
    border:none;
    text-transform: capitalize;
    padding-left:2rem;
    font-size: large;
    position: relative;
    left:1rem;
    position: relative;
    border-bottom-left-radius:1rem;
    border-top-left-radius:1rem;

    
    
}

.hero_btn
{
width: 15rem;
height:6rem;
background-color:#f88c09;
border:none;
outline:none;
font-size: large;
text-transform: capitalize;
color: antiquewhite;
position: relative;

}

.hero_child
{
    margin-top:6rem;
    gap:0px;
    position: relative;

}

.counselling
{
    margin-left:80rem;
    margin-top:4rem;
    height:3rem;
    font-size:12px;
    position: relative;

}




.colleage_list
{
padding:5rem;
height:auto;
background-color:rgb(246, 242, 242);

}






.Engineering_college::before
{
    content: "";
    background-image:url('https://fthmb.tqn.com/C1675Ds4HkSTRDiIqMULDF4IZ0A=/2995x1997/filters:fill(auto,1)/Privateschool-58b5b2173df78cdcd8a980c7.jpg') !important;
    background-repeat:no-repeat;
    background-size:cover;
    background-position:center;
    position: absolute;
    top: 0;
    left:0;
    right:0;
    bottom:0;
    opacity:.5;
}


.Engineering_college
{
    

    justify-content: center;
    align-items: center;
    display: flex;
    flex-direction: column;
    padding:6rem 0 6rem 0;
    text-transform: capitalize;
    position: relative;
    background-color:#111189;
}


.colleage_list>h2
{
font-size:2.6rem;
font-weight: bolder;
color:rgb(19, 16, 16);
padding-left:3rem;
display:inline-block;
width:90rem !important;

}

.colleage_list>h3
{
font-weight: bolder;
color:rgb(72, 66, 66);
padding-left:3rem;
display:inline-block;
width:90rem !important;
padding-top:2rem;
font-size:2.1rem;
padding-bottom:2rem;


}

table {
    font-family: arial, sans-serif;
    width: 100%;
    border:1px solid grey;

  }

 .table_data
 {
width:95%;
  margin-top:3rem;
  height: auto;
  margin: auto;
  display:none;

 }

 .table_data2
 {
width:95%;
  margin-top:3rem;
  height: auto;
  margin: auto;
  display:none;


 }


 table tr td:nth-child(2)
 {
color:rgb(55, 55, 107);
font-size:1.7rem;
text-align: start;
width:35rem;

}


table tr td:nth-child(1)
{
font-weight: bolder;
color:rgb(14, 14, 90);
width:10rem;

}


table tr td:nth-child(3)
{

width:20rem;

}

table tr td:nth-child(4)
{

width:20rem;

}


table tr td:nth-child(5)
{

width:20rem;

}
 .table_data table
 {
  margin-top:4rem;
 }

  table tr
  {
    border:1px solid grey;
  }

  table tr th
  {
    font-size:1.4rem;
    padding:1rem;
    border:1px solid rgb(249, 246, 246);
    color:white;



  }

  table tr:nth-child(even) 
  {
    
      background: rgb(223, 219, 219);
    
  }

  table tr td
  {
    padding:1rem;
    border:1px solid rgb(184, 174, 174);
    font-size:1.4rem;
    color:rgb(37, 32, 32);
  }


  .table_heading 
  {
    background-color: #6060a8;
height:7rem;    
    
  }



.Apply_btn
{
  background-color:transparent;
  font-size:1.2rem;
  color:blue;
  border:none;
  text-transform:capitalize;
}


.social_ads
{
  width:100%;
  padding:3rem 0 0rem 0;
  display:flex;
  justify-content:center;
  align-items:center;
  
}

.social_ads>img
{
  width:70%;
  height:12rem;
  object-fit: cover;
  
}




#search_toggle_bar2
{
  display:none;
  position:fixed !important;
top:3rem !important; 
 width:100%;
  z-index: 3;
}





/* resistration form */


#search_toggle_bar1
{
    display:none;

}

.search_toggle_bar
{
    width:80%;
    height:50rem;
    background-color:white;
    position:absolute;
    top:8rem;
    left:0;
    right:0;
    z-index:999;
    margin: auto;
    box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;  
    border-radius:2rem;
    display:flex;
    justify-content:space-between;
    align-items:center;

}


.search_toggle_bar_child1
{
    width:30%;
    height:100%;
    background-color:whitesmoke;
    border-radius:2rem;
    padding:2rem;
    display:flex;
    justify-content:center;
    flex-direction:column;
    align-items:center;
    text-transform:capitalize;


}

.search_toggle_bar_child1>h4
{
    color:rgb(20, 11, 11);
    display:inline-block;
    width:20rem;
    position: relative;
    right:5rem;
}


.search_toggle_bar_child1_cardBox>.card
{
    width:12rem;
    height:10rem;
    border:1px solid rgb(151, 145, 145);
    display:flex;
    justify-content:center;
    align-items:center;
    row-gap:1rem;
    
    
}


.search_toggle_bar_child1_cardBox
{
   
  
    height:40rem;
    display:flex;
    justify-content:space-around;
    align-items:center;
    flex-wrap:wrap;
}

.card>i
{
    font-size:3rem;
    color:blueviolet;
}

.card>p
{
    font-size:1.2rem;
    font-weight:bolder;
}


.search_toggle_bar_child2
{
    width:70%;
    background-color:white;
    height:100%;
    border-radius:1rem;
    
    
}


.search_toggle_bar_child2_subchild1
{
  display:flex;
  justify-content:space-around;
  align-items:center;
}

.search_toggle_bar_child2_subchild1_child
{
    display:flex;
    justify-content:space-around;
    align-items:center;
    width:36rem;
    text-transform: capitalize;
    height:10rem;

}

.search_toggle_bar_child2_subchild1_child>i
{
    font-size:5rem;
    display:inline-block;
    width:9rem;
    height:9rem;
    border:1px solid rgb(153, 147, 147);
    display:flex;
    justify-content:center;
    align-items:center;
    border-radius:50%;
}

.search_toggle_bar_child2_subchild1>i
{
    font-size:3rem;
    border:none;
    width:28rem;
    height:4rem;
    float:right;
    display:flex;
    justify-content:flex-end;
    color:grey;
}

.search_toggle_bar_child2_subchild1_child_content>h1
{
    color: #f88c09;
}

.input_box>input
{
    width:20rem;
    height:5rem;
    border:none;
    outline:none;
    font-size:1.5rem;
    text-transform:capitalize;
    padding-left:2rem;
    

}

.select_box>select
{
    width:20rem;
    height:5rem;
    border:none;
    outline:none;
    font-size:1.5rem;
    text-transform:capitalize;
    padding-left:2rem;
    color:gray; 
}


.input_box>i
{
  font-size:2rem;
  padding-left:1rem;
}


.input_box
{
    width:30rem;
    height:6rem;
    border-radius:1rem;
    border:1px solid rgb(193, 188, 188);
    display:flex;
    justify-content:center;
    align-items:center;
    margin-top:1rem;


}

.search_toggle_bar_child2_subchild2_inputBox
{
    display:flex;
    justify-content:space-around;
    align-items:center;
    flex-wrap: wrap;
    row-gap:2rem;

}


.search_toggle_bar_child2
{
    padding:3rem 0 3rem 0;
}

.btn>input
{
    background-color: #f88c09;
    color:white;
}







/* footer section */

.footer
{
    display: flex;
    justify-content: space-around;
    padding:4rem 0 4rem 0;
    text-transform:capitalize;
    background-color:#f9f0f0;
}

.child>ul>li>a
{
    text-decoration:none;
    color:#777272;
    position:relative;
    right:1.6rem;
}

.child h3
{
    color:rgb(73, 66, 66);
    font-weight: bolder;
    font-size:2rem;

}

.child ul li 
{
    font-size:larger;
    color:#575151;
    list-style:none;
    padding-top:5px;
    
}

/* subfooter section */


.subfooter
{
    padding:2rem;
    display: flex;
    color: rgb(39, 39, 178);
    padding-left:6rem;
    background-color:#f9f0f0;
    justify-content: space-around;
    align-items: center;
    text-transform: capitalize;
    border:1px solid rgb(184, 178, 178);



    
}

.subfooter_child1 
{
    display: flex;
    justify-content:center;
    align-items: center;

}

.subfooter_child1>p
{
    font-size:1.5rem;
    color: #4c5050;
    padding-left:2rem;
    font-weight: bolder;

}

.subfooter_child1>img 
{
    width:6rem !important;
}

.subfooter_child2
{
    display: flex;
    justify-content:center;
    align-items: center;


    
}

.subfooter_child1>p>a 
{
    text-decoration:none;
}


.subfooter_child2>p
{
    font-size:2rem;
    color: #4c5050;
    font-weight: bolder;
}
.subfooter img
{
  width:33px;
  
}

.subfooter_child2>i
{
    font-size:2.5rem;
    padding-left:2rem;
 
}








/* responsive page */


@media (min-width:0) and (max-width:480px)

{


  html
  {
      font-size:12px; /* 1rem = 10px */
  }
  
/*header section */

.header
{
    width:100%;
    display:flex;
    justify-content:space-around;
    align-items:center;
    text-transform:capitalize;
    background-color:#fcf9f9;
    position:sticky;
    top:0;
    z-index:999;
    flex-direction: column;
    z-index:999;
     
}

.header_child1>img
{
width:5rem !important;
}


.res_nav
{
  display:none;  
  height:40rem;
  background-color: aquamarine;
  transition:all 0.5s;
  position: absolute;
  top:0;
}

.header>input
{
width:92%;
height:5rem;
padding-left:2rem;
text-transform: capitalize;
color:black;
outline:none;
border:none;
background-color: rgb(245, 242, 238);
border-radius:1rem;
font-size: larger;
display:none;


}



.header_child1>i
{
display:block;
font-size:3.3rem;
padding-left:3rem;
color:black !important;
}

.header_child1
{
display:flex;
justify-content:space-around;
align-items: center;
border:none;
}

.header_child2,.header_child3,.header_child4, .header_child5
{
display:none;
}

  .hero_section input
  {
    width:90%;
  }

  .Architecture>h1
  {
    width:100% !important;
  }


  .hero_section>h1
{
    font-size:3rem !important;
    position: relative;
    color:rgb(253, 250, 250);
    padding-top:10rem;

    
}




.counselling
{

    margin-top:4rem;
    height:6rem !important;
    position: relative;
    width: 14rem !important;
    bottom:8rem;
    left:5rem;
    font-size:1.5rem !important;
    padding:8px;


}



.hero_btn
{
width: 10rem;
height:4rem;
background-color:#f88c09;
border:none;
outline:none;
font-size: large;
text-transform: capitalize;
color: antiquewhite;
margin-top:4rem;
margin-left:2rem;
border-radius:.5rem;
}



.colleage_list
{
  width:100% !important;
}


.colleage_list>h2 
{
  width:100% !important;
  display:inline-block;
}

.colleage_list>h3
{
  width:100% !important;
  display:inline-block;
  position: relative;
  right:3rem;
}

.table_data
{
  width:130% !important;
  overflow:auto;
  position: relative !important;
  right:3rem !important;
}

.social_ads>img
{
  width:100% !important;
  height:12rem;
  object-fit: cover;
  margin:2rem 0 2rem 0;
  
}



.table_data2
{
  width:130% !important;
  overflow:auto;
  position: relative !important;
  right:3rem !important;
}



.colleage_list>h2 
{
  width:100%;
  display:inline-block;
  padding-left:0;
}


/* footer */

.footer
{
    display: flex;
    flex-direction:column;
    text-transform: capitalize;
    background-color:#f9f0f0;
    flex-wrap: wrap-reverse;
    width:100%;
    padding-left:2rem;
    
}

/* subfooter section */

.subfooter
{
display:flex;
flex-direction:column;
padding-left:0;
background-color: #030345;


}

.subfooter_child1>p
{
    font-weight:none !important;
    color:rgb(182, 176, 176);

}

.subfooter_child1
{
    display: flex;
    flex-direction: column;
}


.subfooter_child1>h1
{
   font-size:2.5rem;
   color:white;
}

.subfooter_child2>i
{
    color:grey;
}




/* resistration form */

.search_toggle_bar
{
    width:97%;
    background-color:white;
    display:flex;
    border-radius:0rem;
    flex-direction:column-reverse;
    border-radius:0px;
    height:130rem;
    box-shadow: rgba(36, 27, 27, 0.35) 0px 5px 15px;  
    border:1px solid rgb(170, 162, 162);
    border-radius:1rem;


}

.search_toggle_bar_child2_subchild1_child>i
{
width:8rem;
height:7rem;
display:inline-block;
display:flex;
justify-content:center;
align-items:center;
color: #f88c09;
}


.search_toggle_bar_child1
{
    display:flex;
    flex-direction:column;
    width:100%;
    height:100%;


}

.search_toggle_bar_child2
{
    background-color:white;
    width:100%;
    height:100%;
    border-radius:1rem;

}

.input_box
{
    width:90%;
    display: flex;
    flex-direction:column;
    flex-wrap: wrap;
}

.search_toggle_bar_child2_subchild1
{
    display:flex;
    flex-direction:column;
}

.search_toggle_bar_child2_subchild1_child
{
    width:90%;
  
}


.search_toggle_bar_child2_subchild1_child_content
{
    margin-left:2rem;
}

.search_toggle_bar_child1>h4
{
    padding-left:3rem;
}

.search_toggle_bar_child2_subchild1>i
{
position:absolute;
top:0;
right:1rem;


}

.search_toggle_bar_child1_cardBox
{
    column-gap:1px;
}





.typewriter
{
    width:85%;
    z-index: 1;
    padding:5rem 0 0 0 !important;
    height:45rem !important;


}

#typewriterText
{
  font-size:2.2rem;
  background: linear-gradient(to left,rgb(253, 150, 46),white);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  font-weight: bolder;
  padding-left:1rem;
  text-transform: uppercase;

}









}







































































