.main{
margin-top:120px ;
}
@media (max-width:1460px) {
   .container{
       margin-left: auto;
       margin-right: auto;
       max-width: 1460px !important;
   }
}

footer{
   padding-left:3%;
   padding-right: 3%;
}

 /* .breadcrumb styles */
 .breadcrumb li{
    font-size:14px
    }
    
    @media(max-width:599px){
    .breadcrumb li{
    font-size:12px
    }
    }
    @media(max-width:499px){
    .breadcrumb li{
    font-size:11px
    }
    }
    @media(max-width:399px){
    .breadcrumb li{
    font-size:10px
    }
    }
    
/* sidebar styles */
.master-sidebar .accordion-item h2{
   font-size: 12px !important;
   line-height:1;
}

.master-sidebar .accordion-button.no-drop::after {
display: none;
}

.master-sidebar .accordion-button {
   font-size: 14px;
}


/* content styles */
.content h2{
   color: var(--accent-color);
   width: 100%;
}

.content li{
   list-style-type: circle;
   margin-bottom: 5px;

}
.content li::marker{
   color: var(--accent-color);
}
.content li a{
  color:var(--header-color)
}
.content li a:hover{
  color:var(--accent-color)
}

/* popup  modal styles */
.modal-content ul {

    padding-left: 5% !important;
}

.modal-content li {
    list-style-type: circle !important;
     font-size: 14px;

 }




/* Administartionn Styles */
/* organizational chart */
.organizational-chart img{
   width: 100%;
}




/* Staff profiles */

    /* Employee cards */
    .staff-profile  .flex-container {
      display: grid;
      grid-template-columns: repeat(2, 1fr); /* Two columns on large screens */
      gap: 15px; /* Space between cards */
      max-width: 1000px;
      width: 100%;
      margin: 0 auto;
  }
  
  .staff-profile .flex-container > .card-profile:nth-last-child() {
      grid-column: span 2; /* Makes the third item span both columns */
  }
  
  .staff-profile .card-profile {
      border: 1px solid #eee;
      border-radius: 15px;
      padding: 10px;
      background-color: #fff;
      display: flex;
      align-items: center;
      box-shadow: 1px 1px 16px -6px rgba(0, 0, 0, 0.5);
  }
  

  
  .staff-profile .card-profile .img-placeholder {
      position: relative;
      max-height: 110px;
      max-width: 110px;
      overflow: hidden;
      border-radius: 75px;
      box-shadow: 1px 1px 16px -2px rgba(0, 0, 0, 0.5);
  }

  .staff-profile .card-profile img {
   max-width: 110px;
   object-fit: cover !important;
   object-position: center !important;
}

  .staff-profile .card-profile  .card-text{
    margin-left: 3%;
  }
  .staff-profile .card-profile h3 {
      font-size: 18px;
      margin: 0;
      color: var(--accent-color);
  }
  
  .staff-profile .card-profile p {
      font-size: 14px;
      margin: 0;
      padding: 0;
  }
  
  @media (max-width: 899px) {
    .staff-profile .flex-container {
          grid-template-columns: 1fr; /* Full width on smaller screens */
      }
  }
  
/* NBA styles */
.nba .table-container {
   width: 100%;
   overflow-x: auto;
   -webkit-overflow-scrolling: touch; /* For smooth scrolling on iOS */
}

.nba .table {
   width: 100%;
   min-width: 800px; /* Set a min-width to prevent the table from shrinking too much */
}

.nba .table-row td {
   background-color: var(--accent-color) !important;
}

@media (max-width: 768px) {
 .nba .table td {
       white-space: nowrap; /* Prevents text from wrapping inside table cells */
   }
}


/* naac styles */

.naac .naac-photos {
   display: grid;
   grid-template-columns: repeat(3, 1fr); /* Creates 3 equal columns */
   gap: 10px; /* Adjust the gap between images */
}


.naac .recent-photos {
   overflow: hidden; /* Ensure images fit within the container */

   box-shadow: 0 0 15px -5px  rgb(178, 178, 178);

}


.naac .recent-photos img {
   object-fit: cover;
   object-position: center;
   width: 100%;
   aspect-ratio: 16/9;
   display: block;
   border-radius: 3px;

}


@media (max-width: 1200px) {
   .naac .naac-photos {
       grid-template-columns: repeat(2, 1fr); /* 2 columns for medium screens */
   }
}

@media (max-width: 768px) {
   .naac .naac-photos {
       grid-template-columns: 1fr; /* 1 column for smaller screens */
   }
}

@media (max-width: 576px) {
   .naac .naac-photos {
       gap: 5px; /* Reduce gap for smaller screens */
   }
}


.naac .card-header{
   background-color: var(--accent-color);
   color: white;
}
/* Marquee for links */
.naac .marquee-container {
   width: 100%;
   height: 200px; /* Adjust height as needed */
   overflow: hidden; /* Hide overflow initially for the marquee effect */
}

.naac .marquee {
   display: block;
   padding: 0;
   margin: 0;
   transform: translateY(100%); /* Start from the bottom */
   animation: scroll-up 15s linear infinite;
   padding-left: 8%;
}

.naac .marquee li {
   white-space: nowrap;
   padding: 5px 0; /* Adds padding between the items */
}


@keyframes scroll-up {
   0% {
       transform: translateY(65%); /* Start at the bottom */
   }
   100% {
       transform: translateY(-90%); /* End at the top */
   }
}

.naac .marquee-container:hover .marquee {
   animation-play-state: paused; /* Pause the animation */
   overflow-y: auto; /* Enable manual scrolling on hover */
}

.naac .marquee-container:hover {
   overflow-y: auto; /* Allow scrolling when hovered */
   cursor: grab; /* Change cursor to indicate manual scrollability */
}

/* Custom scrollbar */
.naac .marquee-container::-webkit-scrollbar {
   width: 5px; /* Adjust the width for vertical scrollbar */
}

.naac .marquee-container::-webkit-scrollbar-track {
   background: #f1f1f1; /* Track color */
}

.naac .marquee-container::-webkit-scrollbar-thumb {
   background-color: #9a2c2c; /* Scrollbar thumb color */
   border-radius: 10px; /* Rounded edges */
}


/* nirf */
.nirf .recent-photos img {
   object-fit: cover;
   object-position: center;
   width: 100%;
   aspect-ratio: 1/1;
   display: block;
   border-radius: 3px;

}

/* NIRF Styles */
.nirf .nba-photos {
   display: grid;
   grid-template-columns: repeat(6, 1fr); /* Creates 3 equal columns */
   gap: 10px; /* Adjust the gap between images */
}

.nirf .recent-photos {
  overflow: hidden; /* Ensure images fit within the container */

  box-shadow: 0 0 15px -5px  rgb(178, 178, 178);

}

.nirf .recent-photos img {
  object-fit: cover;
  object-position: center;
  width: 100%;
  aspect-ratio: 4/3;
  display: block;
  border-radius: 3px;

}


/* Policies section Styles */
/* Disclaimer and privacy policies */
.disclaimer p{
   font-size: 14px;
}

/* statutory commitees styles */
/* governing body styles */
.gb .table .table-row th{
   color: var(--accent-color);
   background-color: #dbdbdb;
   font-weight: 500;
}

/*College Development Commitee styles  */

.cdc .table-responsive {
   overflow-x: auto;
}