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

   /*  Time Table Css */

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


    /* ABC Styles */
    .abc-steps h3{
color: var(--accent-color);
    }
    .abc-steps p{
        margin-top: 15px;
        margin-bottom: 6px;
    }

    .abc-steps p{
        margin-top: 15px;
        margin-bottom: 6px;
    }

    .abc-steps .steps-img{
        /* height: 400px; */
        width: 100%;
    }
    
    
 @media (min-width:600px){
         .abc-steps .steps-img{
        /* height: 400px; */
        max-width: 600px;
    }
     
 }