body{
    padding-top: 100px;    
  font-family: Raleway;
  }
.custom-carousel{
    height:80%;
    position: relative;   
}
.carousel-inner{
  height:750px;
  padding-left: 2rem;
  padding-right:1rem;
}
.myCarousel{
    /* border: 2px solid greenyellow; */
    height:900px;
}
.carousel-indicators{
    position: absolute;
    top:385px;
    left:300px;
    height:105px;
    width: 100%; 
}
.carousel-indicators li{
    text-indent:0;
    display:inherit;
    float:left;
    width: 10%;
    height: 100px;
    margin:5px 0px;
}
.carousel-indicators li img{
    width: 95%;
    height: 100px;
    border:2px solid #CCCCCC;
    padding: 2px;
}
.carousel-indicators .active img{
    border:2px solid #04BEF5;
}
.carousel-indicators .active{
    margin:5px 0px;
    width: 10%;
    height: 100px;
}
.carousel-control.right,
.carousel-control.left{
    background-image: none;
}

.contents{
    margin-top: -100px; /* Adjust this value to match the navbar height */
            padding-top: 100px;
}

.fixed-left {
    position: fixed;
    top: 30rem;
    /* margin-left:-4rem;  */
      left: -2rem !important;
    transform: rotate(270deg);
    background: radial-gradient(circle, rgba(32, 23, 77, 1), rgba(32, 23, 77, 0.7));
  }
  @media  (max-width: 992px)  {
    .fixed-left {
      position: fixed;
      top: 30rem;
      left: -2rem;
      transform: rotate(270deg);
      background: radial-gradient(circle, rgba(32, 23, 77, 1), rgba(32, 23, 77, 0.7));
    }
    #studentDetail{
      margin-left: 1em;
      margin-top: 2em;
    }
  }
  h1,h2,h3{
    font-family: Palatino,Palatino Linotype,Palatino LT STD,Book Antiqua,Georgia,serif !important; 
    font-weight: bold;
    color: purple;
  }