*{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}
.navtop{
    display: flex;
    justify-content: space-around;
    align-items: center;
    height: 100px;
    min-width: 40%;
    
}
.dropdown:hover>.dropdown-menu{
     display: block;
     
}
.testino img{
    width: 90px;
    height: 90px;
    border-radius: 50px;
    color: white;
}

/* amimation all css start from here alll */

@keyframes mymove {
  from {left: 0px;}
  to {left: 100%;}
}

.noticeboad{
    background-color: red;
    position: relative;
    animation: mymove 15s infinite;
    padding: 10px 0px;
    scroll-behavior: unset;
}
.noticeboad a{
  color: white;
  font-size: 1.4rem;
  font-weight: 700;

}
.newtag{
  border: 2px solid blue;
  border-radius: 50%;
  padding: 3px;
  margin: 3px;
  font-weight: 600;
  background-color: yellow;
  color: red;
  position: relative;
  animation: newani 1s infinite;
}
@keyframes newani{
  0%   {background-color:red; border: 2px solid blue; color: yellow; }
  100%  {background-color:yellow; border: 2px solid red; color: blue; }
}
.copywrite{
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: black;
    color: white;
}
.copywrite p{
    color: white;
}
.pageitem{
    display: flex;
    justify-content: center;
    align-items: center;
}
.center{
  display: flex;
  justify-content: center;
  align-items: center;
}
.pageitem p {
    font-size: 1.5rem;
    font-weight: 1000;
    padding: 30px;
    background: linear-gradient(120deg ,#2980b9,#1cf714);
    color: cornsilk;
    position: relative;
    top: -40px;
}
.pageitemi{
    display: flex;
    justify-content: center;
    align-items: center;
    padding-top: 30px;
}
.pageitemii{
    display: flex;
    justify-content: center;
    align-items: center;
    color: crimson;
    font-size: 2rem;
    font-weight: 900;
}


/* drop down sub menu  */

.dropdown-submenu {
    position: relative;
    
    
  }

  .dropdown-submenu a::after {
    transform: rotate(-90deg);
    position: absolute;
    right: 3px;
    top: 40%;
    
  }

  .dropdown-submenu:hover .dropdown-menu,
  .dropdown-submenu:focus .dropdown-menu {
    display: flex;
    flex-direction: column;
    position: absolute !important;
    margin-top: -30px;
    left: -140%;
    width: 395px;
    z-index: 5;
    
  }

  @media (max-width: 992px) {
    .dropdown-menu {
      width: 50%;
    }

    .dropdown-menu .dropdown-submenu {
      width: auto;
    }
  }

  /* drop down sub menu end here */


  .listicon i{
    background-color: green;
    color: white;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
  }
  .listicon{
    display: flex;
    font-size: 1rem;
  }

  .crimson{
    color: crimson;
    font-weight: bold;
  }
  .shadow{
    box-shadow: 10px 10px 5px grey;
  }

  .viewbtn{
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 40%;
    border: rgb(2, 150, 155) 2px solid;
    background-color: cadetblue;
    width: 60px;
    height: 30px;
    color: white;
    font-weight: bold;
  }

  .viewbtn:hover {
    color: black;
  }
  .btnright{
    display: flex;
    justify-content: end;
  }


  /* study matrial css */
  .tog{
    color: white;
    background-color: chartreuse;
    font-weight: bold;
    font-size: 1.1rem;
    margin: 2px;
    padding: 8px;
}


/* table css start from here  */

.content-table{
  border-collapse: collapse;
  width: 100%;
  font-weight: bold;
}

.content-table th{
  padding: 10px;
  background-color: rgb(6, 99, 153);
  color: white;
}
  

.content-table td{
 
  padding: 10px;
  
}

/* naac table css start from here */
.content-naac{
  border-collapse: collapse;
  width: 100%;
  font-weight: bold;
}

.content-naac th{
  padding: 10px;
  background-color: rgb(120, 128, 136);
  color: white;
}
  

.content-naac td{
 
  padding: 10px;
  
}