.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-item+.breadcrumb-item::before {
    padding-right: 3.5px ;
    }

    .breadcrumb-item+.breadcrumb-item {
        padding-left: 3.5px;
    }

  .breadcrumb li{
     font-size:14px
     }
     
     @media(max-width:599px){
     .breadcrumb li{
     font-size:12.5px
     }
     }
     
 /* 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;
    background-color: var(--bs-accordion-active-bg);
 }

 .master-sidebar .accordion-body ul{

    padding-left: 2%;
 }

 .master-sidebar .accordion-body ul hr{
    margin: 4px 0;
 }

 .master-sidebar .accordion-body li{
    font-size: 14px;
    list-style-type: none !important;
    padding-left: 0;
 }
 
 /* content styles */
 .content h2 ,.content h3, .content h4, .content h5{
    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 {
   width: 100%;
    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 */
       }
   }
   

   /*  Time Table Css */

    /* 
    .time-table .accordion{
        width: 100%;
    } 
        */


/* Scholarships styles */

.scholarships .accordion .title{
    padding: 2px 0;
    padding-left: 2%;
    font-weight: bold;
    background-color: var(--accent-color);
    color: #fff;
}
.scholarships .accordion .title p{
margin: 4px 0;
}
.scholarships .accordion i{
    font-size: 22px;
    padding-top: 3px;
    margin-right: 8px;
    font-weight: 800;
    
}

.scholarships .accordion li{
list-style-type: none !important;
}


/* Library Infrastructure css */

.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 */
    }
 }