nav{
    background-color: #000080;
   
   

}

.nav-link{
    font-weight: bolder;
    font-family: 'Lato', sans-serif;
    
}


/* .nav-link:hover{
    background-color:white;
    border-radius: 8px;
    color:#000080;
} */
marquee{
    font-weight: bolder;
    font-family: 'Lato', sans-serif;
}

.carousel{
    border:none;
    padding: 10px;
    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19);
    border-radius: 5px;
}

.heading{
    /*font-family: 'Lato', sans-serif;*/
    font-family: 'Noto Serif', serif;
    margin-top: 50px;
    color: #000080 ;
}

.para{
   /* font-family: 'Open Sans', sans-serif;*/
   font-family: 'Montserrat', sans-serif;
    margin-top: 20px;

}

.box{
    width: 100%;
    height: 500px;
    background-color: #Fdd835;
    position: relative;
    

    clip-path: polygon(0 0, 100% 27%, 100% 100%, 0 73%);
}




.cardshadow{
    border:none;
    box-shadow: 0 8px 50px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19);
    border-radius: 10px;
}

.cardcolor{
    background-color: #304ffe;
    color: white;
   
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}

.director{
    width: 200px;
    height: 200px;
    border-radius: 50%;
    border:none;
    box-shadow: 0 8px 50px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19);

}

.shadow1{
    border:none;
    box-shadow: 0 8px 50px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19);
}

.box1{
    position: relative;
    width: 100%;
    height: 500px;
    background-color: #304ffe;
    z-index: -1;
     clip-path: polygon(0 0, 100% 27%, 100% 100%, 0 73%);

}

footer{
    background-color: #CCD1D1;
}


footer h5{
    color: #212F3C;
    font-weight: bolder;
    font-family: 'Lato', sans-serif;
}

.text1{
    /* line-height: 10px; */
    font-family: 'Open Sans', sans-serif;
}

.text2{
    /* line-height: 10px; */
    font-family: 'Open Sans', sans-serif;
}

.list-unstyled a{
    color: #212F3C;
    font-family: 'Open Sans', sans-serif;
}



  .stickybox{
      position:fixed;
      bottom:100px;
      right:-150px;
      width:200px;
      height: 50px;
      color:white;
      padding:10px 10px;
      border-radius:5px;
      background-color:#7B241C;
      transition: 2s;
      text-decoration:none;
      

  }

  .stickybox:hover{
    right:0;
    width:220px;
    font-size: 18px;
    
  }

  .socialicon{
      width:30px;
      height:30px;
  }

  .courseboxshadow:hover{
    border:none;
   /* padding: 10px;*/
    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19);
    border-radius: 5px;
    
}




/* 
.sliding{
    position:absolute;
    left:-100px;
    animation:sliding 0.9s forwards;
    animation-delay: 2s;
}

@keyframes sliding { 100% { left:0; }  } */