body {
    font-family: 'Roboto', sans-serif; 
    padding: 0px;
    margin: 0px;      

}
.notice-item {
padding: 10px;
list-style-type: disc; 
}
.hd{
    display: flex;
    margin: 0px;
    padding: 0px;
}
 
    @media (max-width: 2800px) {       
        
        .logoTxt{
            color:whitesmoke;
            line-height: 1.4;    
            font-weight:800;
            font-size:24px;
            
        }
        .logoTxt span {
            font-weight:600;
            width: 100%;
            float: left;
            padding: 0px 0 0 0;
            font-size: 14px;
            text-align: left;
            text-indent: 10px;
        
}
}

@media (max-width: 600px) {


  #feventReportImg{
    width: 100%;
  }
    
.logoTxt{
   color:whitesmoke;
   line-height: 1.4;    
   font-weight:800;
   font-size:17px;
   
}
.logoTxt span {
   font-weight:600;
   width: 100%;
   float: left;
   padding: 0px 0 0 0;
   font-size: 10px;
   text-align: left;
   text-indent: 6px;

}
}
#main-menu >  .nav-link{
    color:whitesmoke;
    font-weight:450;
}
.accordion-button{
    background-color:rgb(253, 253, 253)
}



@media (max-width: 767px) {

#pastEventsslider .carousel-item > div {
        display: none;
    }
#pastEventsslider .carousel-item > div:first-child {
        display: block;
    }
}

#pastEventsslider .carousel-item.active,
#pastEventsslider .carousel-item-next,
#pastEventsslider .carousel-item-prev {
    display: flex;
}

/* medium and up screens */
@media (min-width: 768px) {

  #noticeBoardContainer{
    margin-left: 15px;
  }
    
#pastEventsslider .carousel-item-end.active,
#pastEventsslider .carousel-item-next {
    transform: translateX(33.33%);
    }
    
#pastEventsslider .carousel-item-start.active, 
#pastEventsslider .carousel-item-prev {
    transform: translateX(-33.33%);
    }
}

#pastEventsslider .carousel-item-end,
#pastEventsslider .carousel-item-start { 
transform: translateX(0);
}
.card{
    /* margin-right: 20px; */
   
}

 .carousel  .col-md-4:not(:last-child) {
  margin-right: 7px;
  
} 






@media (max-width: 767px) {
#galleryslider .carousel-item > div {
    display: none;
}
#galleryslider .carousel-item > div:first-child {
    display: block;
}
}

#galleryslider .carousel-item.active,
#galleryslider .carousel-item-next,
#galleryslider .carousel-item-prev {
display: flex;
}

/* medium and up screens */
@media (min-width: 768px) {

#galleryslider .carousel-item-end.active,
#galleryslider .carousel-item-next {
transform: translateX(33.33%);
}

#galleryslider .carousel-item-start.active, 
#galleryslider .carousel-item-prev {
transform: translateX(-33.33%);
}
}

#galleryslider .carousel-item-end,
#galleryslider .carousel-item-start { 
transform: translateX(0);
}
.card{
/* margin-right: 20px; */
}


.news-ticker-container {
    overflow: hidden;
    background-color:rgb(25, 135, 84);
   
     /* #333; */
   
  }

  .news-ticker {
    white-space: nowrap;
    animation: tickerAnimation 30s linear infinite;
    display: flex; /* Add this line to enable hover */
   
   
   
  }

  .news-item {
   
    margin-right: 30px;
    padding: 2px;;
    color: rgb(245, 245, 245)
   
  }

  @keyframes tickerAnimation {
    from {
      transform: translateX(100%);
    }
    to {
      transform: translateX(-100%);
    }
  }
  #ntdiv{
    padding-left: 15%;
    padding-right: 15%;
  }

  @media (max-width: 600px) {
  
    #ntdiv{
        padding-left: 1%;
        padding-right: 1%;
      }
      .news-ticker {       
        animation: tickerAnimation 15s linear infinite; 
       
      }
    
}




#v-pills-tab > button  a {
  color: black;
 padding-left: 0px;;
  text-align: left;

}

#v-pills-tab > button.active >li>  a {
  color:white;

}

#v-pills-tab > button {
  margin-bottom: 10px;;
  text-align:left;
  color: black;
  font-weight:500;
  font-size: 15px;
  background-color:rgba(224, 224, 224,0.15)

}

#v-pills-tab > button.active {
    color: black;
    background-color: rgb(25, 135, 84);
    color:white;
}
#v-pills-tab > button.active:hover {
    color: black;
    background-color: rgb(25, 135, 84);
    color:white;
}

#v-pills-tab > button:hover {
        background-color:rgba(25, 135, 84, 0.19);
        color:black;
    }

    #v-pills-tab{
      /* border: 2px solid red; */
      /* background-color: gray; */
      /* min-height: 70vh; */
    }

    #v-pills-tab > button  ul li {
      background-color:rgba(224, 224, 224,0.15);
      margin-top: 2px;
      text-decoration: underline;
    
    }
    
    #v-pills-tab > button  ul li:hover {
      background-color:rgba(25, 135, 84, 0.19);
    
    }

    .navbar-toggler{
      border:  none;
  }

    .navbar-toggler:focus{
      box-shadow: none;
  }

  .accordion-button:focus{                                   
    box-shadow: 0 0 0rem 0.25rem  rgb(25,125,48);
    */
    
}  

.fixed-height-notices {
    max-height: 329px;    overflow-y: auto;
}


#galleryMain .owl-item img {
  cursor: pointer;
  transition: transform 0.3s ease-in-out;
}

#galleryMain .owl-item:hover img {
  transform: scale(1.1);
}

#galleryMain .stretch-icon {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  opacity: 0;
  transition: opacity 0.3s ease-in-out;
  color: white;
  font-size: 24px; /* Adjust the font size as needed */
}

#galleryMain .owl-item:hover .stretch-icon {
  opacity: 1;
}


.navbar-nav .nav-link{
  /* color: #fff; */
}
.dropend .dropdown-toggle{
  color:green;
  font-weight: bold;
  margin-left: 1em;
}
.dropdown-item:hover{
  background-color: rgb(163, 207, 187);
  color: #fff;
}
.dropdown .dropdown-menu{
  display: none;
}
.dropdown:hover > .dropdown-menu, .dropend:hover > .dropdown-menu{
  display: block;
  /* margin-top: .125em; */
  margin-left: .125em;
}
@media screen and (min-width:769px) {
  .dropend:hover > .dropdown-menu{
    position: absolute;
    top: 0;
    left: 100%;
  }
  .dropend .dropdown-toggle{
    margin-left: .5em;
  }
}