/* Sidebar */
   .custom-sidebar {
     border-radius: 12px;
     overflow: hidden;
     background-color: #ffffff;
     border: 1px solid #e0e6f0;
   }

   .custom-sidebar .list-group-item {
     border: none;
     font-weight: 500;
     color: #002247;
     padding: 14px 18px;
     font-size: 15px;
     transition: all 0.3s ease;
     background-color: transparent;
   }

   .custom-sidebar .list-group-item+.list-group-item {
     border-top: 1px solid #f1f1f1;
   }

   .custom-sidebar .list-group-item:hover {
     background-color: #002247;
     color: #ffffff;
     transform: translateX(5px);
   }

   .custom-sidebar .list-group-item.active {
     background-color: #002247;
     color: #ffffff;
     font-weight: 600;
   }

   .custom-sidebar:hover {
     box-shadow: 0 6px 20px rgba(0, 34, 71, 0.15);
   }

   @media (max-width: 991px) {
     .custom-sidebar {
       position: static !important;
       margin-bottom: 20px;
     }
   }

   /* Section Heading */
   .section-heading {
     display: flex;
     align-items: center;
     /* Center the bar vertically with the text */
     gap: 12px;
     /* Space between bar and text */
     margin-bottom: 24px;
     position: relative;

   }

   .heading-bar {

     width: 6px;
     height: 40px;
     /* Make the height same as text line */
     background-color: #002247;
     border-radius: 3px;
     transition: all 0.4s ease;
   }

   .section-heading h3 {
     margin-bottom: 0px;
     position: relative;
     padding-bottom: 5px;
     color: #002247;
     font-weight: 700;
   }

   .section-heading h3::after {
     content: '';
     position: absolute;
     left: 0;
     bottom: 0;
     width: 0%;
     height: 3px;
     background-color: #002247;
     border-radius: 2px;
     transition: width 0.5s ease;
   }

   /* Animate bottom line on hover */
   .section-heading:hover h3::after {
     width: 100%;
   }

   @keyframes fadeInLeft {
     0% {
       opacity: 0;
       transform: translateX(-30px);
     }

     100% {
       opacity: 1;
       transform: translateX(0);
     }
   }

   .animate__fadeInLeft {
     animation: fadeInLeft 0.8s ease forwards;
   }

   /* Why Chemistry Icons */
   #why .icon-style {
     color: #002247;
     background-color: #e6ebf5;
     padding: 5px;
     border-radius: 50%;
     box-shadow: 0 4px 8px rgba(0, 34, 71, 0.15);
     transition: all 0.4s ease;
   }

   #why .why-item:hover .icon-style {
     transform: scale(1.15) rotate(10deg);
     background-color: #002247;
     color: #fff;
   }

   #why .why-item:hover span {
     color: #002247;
   }

   /* Courses */
   .course-card {
     background: #f9fbff;
     border-left: 5px solid #002247;
     transition: all 0.3s ease;
   }

   .course-card:hover {
     background: #e9f2ff;
     transform: translateY(-6px);
     box-shadow: 0 6px 18px rgba(0, 34, 71, 0.15);
   }

   .course-icon {
     color: #002247;
     background-color: #dde8ff;
     padding: 10px;
     border-radius: 50%;
     transition: all 0.3s ease;
   }

   .course-card:hover .course-icon {
     transform: rotate(15deg) scale(1.1);
     background-color: #cfe0ff;
   }

   /* Jobs */
   .job-card {
     background: #f6fff9;
     border-left: 5px solid #004b2d;
     transition: all 0.3s ease;
   }

   .job-card:hover {
     background: #e1f9e9;
     transform: translateY(-6px);
     box-shadow: 0 6px 18px rgba(0, 75, 45, 0.15);
   }

   .job-icon {
     color: #004b2d;
     background-color: #d4f8e1;
     padding: 10px;
     border-radius: 50%;
     transition: all 0.3s ease;
   }

   .job-card:hover .job-icon {
     transform: rotate(15deg) scale(1.1);
     background-color: #b7f0ce;
   }

   /* Faculty */
   .faculty-card {
     background: linear-gradient(145deg, #f9fbff, #ffffff);
     border-top: 5px solid #002247;
     transition: all 0.3s ease-in-out;
   }

   .faculty-card:hover {
     transform: translateY(-6px);
     background: #f1f6ff;
     box-shadow: 0 8px 20px rgba(0, 34, 71, 0.15);
   }