.university_list
{
    width:20rem !important;
}

*
{
    padding:0rem;
    margin:0rem;
}


.responsive_navbar
{
 display:none;
}


html
{
    font-size:10px; /* 1rem = 10px */
}





.header
{
    width:100%;
    padding:25px 0 25px 0;
    display:flex;
    justify-content:space-around;
    align-items:center;
    text-transform:capitalize;
    background-color:white;
    position:sticky;
    top:-1px;
    z-index:999;
    box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;  


    
}

.header_child1
{
    border-right:1px solid rgb(99, 94, 94);
    padding-left:4px;
    box-sizing: border-box;
    display:flex;
justify-content: center;  
  align-items:center;
  padding:0 10px 0 10px;

}

.header_child1>h1
{
    font-size:3rem;
    text-transform: lowercase;
    color: #2727b2;
}

.header_child1 img
{
  width:33px;
}

.header_child2
{
font-size:10px ;
}


.header_child ul a i 
{
    font-size:2rem !important;
}



.header_child2 .select
{
border:none;
text-transform: capitalize;
font-size:larger;
background: none;

}

.header_child2>p
{
    color:#f88c09;
    font-size:larger;
    
}


.header>input
{
   

    width:60rem;
    height:6rem;
    padding-left:2rem;
    text-transform: capitalize;
    color:rgb(6, 6, 6);
    outline:none;
    border:none;
    background-color: rgb(211, 207, 205);
    border-radius:0.5rem;
    font-size:1.9rem;
    

    

}

.header_child3>p
{
    font-size: larger;
    

}

.header_child3
{
    text-decoration: none;
}

.header_child3>i
{
font-size:large;
text-decoration:none !important;
color:black;
}

span
{
    display:inline-block;
    margin-left:1rem;
    text-decoration:none;
    color:black;

}

span>p,button
{
    font-size: larger;
}

span>button
{
    background-color:#f88c09;
    width:10rem;
    height:3rem;
    color:white;
    border:none;
    outline:none;
    border-radius:2rem;
    text-transform:capitalize;
}

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

.header_child4
{
    display: flex;
    align-items: center;
}

 .header_child4>i
{
   font-size:large;
}

.header_child4>button
{
    font-size:larger;
    width:4rem;
    height:4rem;
    background:transparent;
    text-transform: uppercase;
    border:none;
    margin-left:1rem;
}


.header_child5>i
{
font-size:large;
margin-left:1rem
}

.header_child5
{
    background-color:#f6eaea;
    border:1px solid #958484;
    border-radius:2rem;
    height:4rem;
    width:8rem;
    display: flex;
    justify-content:center;
    align-items: center;

}

.ind_logo
{
    color:rgb(245, 163, 10);
}


.header_child>ul>li>a
{
    text-decoration:none;
    color:rgb(92, 81, 81);
    font-weight:bolder;
}

.header_child>ul>i
{
    color: #f88c09;
}






/* explore toggle */

.explore_toggle_ul_list>li>div>span
{
    background-color: #4649b3;
    color:white;
    display:inline-block;
    height:2rem;
    font-size:1rem;
    padding:0 1rem 1rem 1rem;
    border-radius:0.5rem;
    
}

.explore_toggle
{
    width:110rem;
    height:50rem;
    background-color:white;
    padding:3rem;
    text-transform:capitalize;
    margin:auto;
    position:fixed;
    top:9rem;
    left:13rem;
    z-index:999;
    border-radius:1rem;
    box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;  
    display:none;  

    
   
}

.explore_toggle>h1
{
    padding-left:5rem;
}


.explore_toggle_child
{
    display:flex;
    justify-content:space-around;
    align-items:center;
    padding:2rem 0 2rem 0;
}

.explore_toggle_ul_list>li
{
    list-style:none;
    font-size:1.8rem !important;
    padding:0.5rem;
    border-bottom:1px solid rgb(240, 236, 236);
    padding:1rem 0 1rem 0;
    color:rgb(58, 55, 55);
}


.img_content
{
    width:35rem;
    height:34rem;
    background-color: #fdeaea;
    display:flex;
    justify-content:center;
    align-items:center;
    flex-direction:column;
    padding:3rem;
    text-align:center;
    row-gap:1rem;
    border-radius:1rem;

}

.img_content>h1
{
    color: rgb(8, 20, 152);
}

.img_content>img
{
    width:18rem;
    height:20rem;
    border-radius:1rem;
}

.img_content>p
{
    font-size:1.7rem;
}

.img_content_star>i
{
    display:inline-block !important;
    font-size:2rem;
}






/* header child */


.header_child 
{

display: flex;
justify-content:space-around;
background-color: #dbe4e4;
text-transform:uppercase;
padding:4px;
box-sizing: border-box;
padding-top:5px;
color:rgb(44, 39, 39);
height:4rem;
padding-top:1rem;



}

.header_child ul li
{
    display:inline-block;
    font-size:1.2rem;
    padding-left:1rem;
    


}




.header_child ul>i
{
    font-size: large;
}


.child2
{
position: relative;
right:1.5rem;
display: flex;
justify-content:center;
align-items: center;
}

.child2>i
{
    font-size: large;
}

.child2>p
{
    padding-left:4px;
}

.header_child1>i
{
    display:none;
}






/* hero section */

.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:#0c0ca2;
    height:40rem !important;

  
}

.hero_section::before
{
    content: "";
    background-image:url('https://cdn.builtinsf.com/sites/www.builtinsf.com/files/inline-images/claps.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: xx-large;
    position: relative;
    color:white;
}

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

}












/* hero_section_college_list */



  /* Typewriter animation */

  .typewriter
  {
      width:70%;
      z-index: 1;
      padding:0 1rem 0 0rem;
  
  }
  
  #typewriterText
  {
      font-size:3.7rem;
      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;
  }
  
  
  
    
        .typewriter::after {
          content: '|';
          animation: blink-caret 0.75s infinite;
        }
    
        /* Blinking cursor animation */
        @keyframes blink-caret {
          50% {
            opacity: 0;
          }
        }
    

.hero_section_college_list
{
padding:3rem;
height:30rem;
background-color: rgb(246, 247, 248);
}

.college_list
{
    display:flex;
    width:20rem;
    justify-content:space-evenly;
    align-items:center;
}

.college_list>i
{
    font-size:2rem;
    color: #2727b2 !important;
}

.hero_section_college_list>h1
{
    color: #f88c09;
    margin-top:2rem;
}




.child2 a i
{
    text-transform: capitalize;
    text-decoration: none;
    font-size:2rem;
}













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

{

    /*navbar section */

    .responsive_navbar
    {
     
     background-color: #7f7fe8;
     z-index: 999;
     width:100%;
     top:0;
     transition:all 0.5s infinite;
     position:sticky;
     left:0;
     display:none;
     top:0;
     bottom:0;
     height:auto;
     

    }

.navbar_header
{
background-color: rgb(9, 6, 27);
display:flex;
justify-content:space-around;
align-items: center;
padding:1rem 0 1rem 0;
border-bottom:1px solid grey;
} 

.navbar_header>span
{
    display:flex;
    justify-content:space-between;
    align-items:center;
}

.navbar_header>span>h1
{
    font-size: large;
    color:white;
    text-transform: capitalize;
    margin-left:1rem;
}

.navbar_header>span>i
{
    font-size: large;
    color:white;
    text-transform: capitalize;
}


.navbar_child3>p
{
    font-size: large;
    color:white !important;

}

.navbar_child3>span>p
{
    color:whitesmoke;
    font-size: large;

}

.navbar_child3>i
{
font-size:large;
color: #fcf9f9 !important;
}


  


    .navbar_child2
    {
    font-size:10px ;
    display:flex;
    justify-content:center;
    flex-direction:column;
    align-items: center;
    background-color: #e8e0e0;
    text-transform:capitalize;
    padding:2rem 0 2rem 0;



    }
    
    
    .navbar_child2 .select
    {
    border:none;
    text-transform: capitalize;
    font-size:larger;
    background: none;
    width:25rem;
    border:1px solid white;
    height:4rem;
    background-color:whitesmoke;
    border-radius:.5rem;
    padding-left:2rem;
    
    }
    
    .navbar_child2>h1
    {
        color:rgb(22, 21, 19);
        padding-right:6rem;
        
    }

.browse_box
{
   background-color:white; 
   padding-bottom:5rem;
}

.browse_box>h1
{
    font-size:large;
    display:inline-block;
    width:100%;
    padding:1rem 0 1rem 2rem;
    background-color:rgb(194, 183, 183);
    text-transform: capitalize;
    color: rgb(9, 6, 27);


}

.browse_child
{
    padding:2rem 0 2rem 0;
}
    
.browse_child>input
{
    border:none;
    text-transform: capitalize;
    font-size:larger;
    background: none;
    width:26rem;
    border:1px solid white;
    height:5rem;
    background-color:rgb(245, 217, 217);
    border-radius:.5rem;
    margin-left:2rem;
    padding-left:2rem;
}

.accordion
{
    border:none !important;
}

.accordion-button
{
    font-weight:bold;
    text-transform:uppercase;
    border:1px solid wheat !important;
    background-color:none !important;
    padding:2rem 2rem 2rem 2rem !important;
    background-color: #f7f7fa;
    
}

.accordion-item
{
    border:1px solid rgb(220, 215, 215) !important;
    

}

.ul_list>li
{
    width:100%;
    padding:1rem 0 1rem 1rem;
    text-transform:capitalize;
    list-style:none;
    border:1px solid rgb(240, 230, 230);
    height:4rem !important;
    border-radius:1rem;
    
}


.browse_box>button
{
    color:rgb(31, 89, 111);
    padding:2rem 0 2rem 2rem;
    background:transparent;
    font-weight: bold;
    font-size: large;
    border:none;
    text-transform:capitalize;
    
}
















/*header section */

    .header
    {
        width:100%;
        display:flex;
        justify-content:space-around;
        align-items:center;
        text-transform:capitalize;
        background-color:#fcf9f9;
        position:sticky !important;
        top:0 !important;
        z-index:999;
        flex-direction: column;
        
        
    
        
    }

    .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.5rem;
    padding-left:3rem;
    color:black !important;
}

.header_child1
{
    display:flex;
    justify-content:space-around;
    align-items: center;
    border:none;
}


.header_child1>img
{
   
    width:5rem;
    
}

.header_child2,.header_child3,.header_child4, .header_child5
{
    display:none;
}


/* hero section */



  /* Typewriter animation */

  .typewriter
  {
      width:85%;
      z-index: 1;
      padding:0 1rem 0 0rem;
      margin-top:4rem;
      height:14rem;
  
  }
  
  #typewriterText
  {
    
    font-size:2.1rem;
    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;
    
    
  }
  

.hero_section
{
    
   
    padding:18rem 0 6rem 0;
    text-transform: capitalize;
    position: relative;
    background-color:#6c6cc9;
    width:100%;
    box-sizing: border-box;
    height:40rem;
    position: relative;
    top:0;

  
}


.hero_section>h1
{
    font-size: xx-large;
    position: relative;
    color:white;
    padding-left:3rem;
}



.hero_section input
{
    width:90%;
    height:6rem;
    outline:none;
    border:none;
    text-transform: capitalize;
    padding-left:2rem;
    font-size: large;
    border-radius:0.5rem;
    margin-left:0.5rem;
    
   
}

.hero_child
{
    margin-top:6rem;
    gap:0px;
    position: relative;

}


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



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

    .typewriter
    {
        width:85%;
        z-index: 1;
        padding:0 1rem 0 0rem;
    
    }
    
    #typewriterText
    {
        color:white !important;
        font-size:1.5rem !important;
    }
    
  

   




}