body {
       scroll-behavior: smooth;
   }

   /* Sidebar styling */
   .sidebar {
       position: sticky;
       top: 20px;
       max-height: calc(100vh - 40px);
       overflow-y: auto;
       padding: 1rem;
       background: #f8f9fa;
       border-radius: 12px;
       box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
   }

   .btn-primary {
       background: #002349 !important;
   }

   .btn-success {
       background: #002349 !important;
   }

   .sidebar a {
       display: block;
       color: #0a2c82;
       padding: 0.5rem 1rem;
       margin-bottom: 0.2rem;
       border-radius: 8px;
       text-decoration: none;
       transition: all 0.3s;
   }

   .sidebar a:hover,
   .sidebar a.active {
       background: #0a2c82;
       color: #fff;
   }

   /* Section styling */
   section {
       padding: 60px 15px;
       background: #fff;
       margin-bottom: 30px;
       border-radius: 12px;
       box-shadow: 0 4px 18px rgba(0, 0, 0, 0.08);
       scroll-margin-top: 80px;
       /* offset for sticky header if any */
   }

   section h2 {
       border-left: 6px solid #0a2c82;
       padding-left: 12px;
       margin-bottom: 20px;
   }

   ul.pdf-list li {
       margin-bottom: 10px;
   }

   ul.pdf-list li a {
       text-decoration: none;
       color: #198754;
       transition: all 0.3s;
   }

   ul.pdf-list li a:hover {
       text-decoration: underline;
   }

   @media (max-width: 991px) {
       .sidebar {
           position: relative;
           max-height: none;
           margin-bottom: 20px;
       }
   }

   #sidebarMenu {
       position: sticky;
       top: 20px;
   }

   .sidebar-link {
       display: flex;
       align-items: center;
       color: #002349;
       font-weight: 500;
       text-decoration: none;
       transition: all 0.3s ease;
   }

   .sidebar-link:hover {
       background-color: #0a2c82;
       color: #fff !important;
       box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
       transform: translateX(5px);
   }

   .sidebar-link i {
       min-width: 24px;
   }

   /* about diplomo css */
   /* Card hover effect for each course item */
   .list-group-item:hover {
       transform: translateY(-3px);
       box-shadow: 0 6px 18px rgba(0, 0, 0, 0.1);
       transition: all 0.3s ease-in-out;
       background-color: #e9f5ff;
   }

   section {
       padding: 0px 15px;
       background: #fff;
       margin-bottom: 30px;
       border-radius: 12px;
       box-shadow: 0 4px 18px rgba(0, 0, 0, 0.08);
       scroll-margin-top: 80px;
   }

   /* applications css */
   .tab-pane h5 {
       font-size: 1.5rem;
   }

   .tab-pane h6 {
       /* font-size: 1.1rem; */
   }

   a {
       text-decoration: none !important;
   }

   .list-group-item {
       border: none;
       padding-left: 0;
       padding-right: 0;
       color: #555;
   }

   .tab-pane p {
       color: #444;
       line-height: 1.6;
   }

   .tab-pane .border-bottom {
       border-color: #0a2c82 !important;
   }

   .text-primary {
       color: #0a2c82 !important;
   }

   .text-success {
       color: #198754 !important;
   }

   .text-warning {
       color: #ffc107 !important;
   }

   .text-info {
       color: #0dcaf0 !important;
   }

   /* DSSC css */

   #downloadForm h2 {
       border-left: 6px solid #0a2c82;
       padding-left: 12px;
       margin-bottom: 20px;
   }

   .nav-tabs .nav-link {
       color: #0a2c82;
       font-weight: 500;
   }

   .nav-tabs .nav-link.active {
       background-color: #0a2c82;
       color: #fff;
       border-radius: 8px;
   }

   .tab-content {
       /* font-size: 0.95rem; */
       color: #343a40;
   }

   .tab-content h5 {
       color: #0a2c82;
       margin-bottom: 15px;
   }

   .tab-content ul,
   .tab-content ol {
       padding-left: 20px;
       margin-bottom: 15px;
   }

   .tab-content li {
       margin-bottom: 8px;
   }

   .tab-content a {
       color: #0a2c82;
       text-decoration: underline;
   }

   .tab-content a:hover {
       color: #0d1a66;
   }

   /* sylabus */

   #syllabus h2 {
       /* font-size: 2rem; */
       color: #0a2c82;
       margin-bottom: 30px;
   }

   .pdf-link {
       transition: all 0.3s ease;
       color: #343a40;
   }

   .pdf-link:hover {
       background-color: #0a2c82;
       color: #000;
       transform: translateY(-3px);
       text-decoration: none;
   }

   .pdf-link:hover i {
       color: #ffc107;
   }

   .pdf-link i {
       transition: all 0.3s ease;
   }

   .pdf-link span {
       font-weight: 500;
   }

   /* practical questions */

   #assignments h2,
   #assignments h3 {
       color: #0a2c82;
       margin-bottom: 25px;
   }

   .assignment-card {
       transition: all 0.3s ease;
       color: #343a40;
   }

   .assignment-card:hover {
       background-color: #0a2c82;
       color: #000;
       transform: translateY(-3px);
       text-decoration: none;
   }

   .assignment-card:hover i {
       color: #ffc107;
   }

   .assignment-card i {
       transition: all 0.3s ease;
   }

   .assignment-card span {
       font-weight: 500;
   }

   /* ppt */

   #practical h2 {
       color: #0a2c82;
       margin-bottom: 30px;
   }

   .practical-card {
       transition: all 0.3s ease;
       color: #343a40;
   }

   .practical-card:hover {
       background-color: #0a2c82;
       color: #fff;
       transform: translateY(-3px);
       text-decoration: none;
   }

   .practical-card:hover i {
       color: #ffc107;
   }

   .practical-card i {
       transition: all 0.3s ease;
   }

   .practical-card span {
       font-weight: 500;
   }

   /* hall ticket */

   .text_color {
       color: #154061;

   }

   #ppt h2 {
       color: #0a2c82;
       margin-bottom: 40px;
   }

   .card:hover {
       transform: translateY(-5px);
       box-shadow: 0 10px 25px rgba(0, 0, 0, 0.15);
       transition: all 0.3s ease;
   }

   .card-title {
       font-size: 1rem;
   }

   .btn-sm i {
       vertical-align: middle;
   }

   #hallticket h2 {
       /* font-size: 1.8rem; */
       color: #0a2c82;
   }

   #hallticket .card {
       transition: all 0.3s ease;
   }

   #hallticket .card:hover {
       transform: translateY(-6px);
       box-shadow: 0 12px 25px rgba(0, 0, 0, 0.15);
   }

   #hallticket .btn-outline-primary {
       transition: all 0.3s ease;
   }

   #hallticket .btn-outline-primary:hover {
       background: #0a2c82;
       color: #fff;
   }

   /* study materials */

   #study-materials h2 {
       /* font-size: 1.9rem; */
       color: #0a2c82;
   }

   #study-materials .card {
       transition: transform 0.3s ease, box-shadow 0.3s ease;
   }

   #study-materials .card:hover {
       transform: translateY(-5px);
       box-shadow: 0 12px 25px rgba(0, 0, 0, 0.15);
   }

   /* Study Materials + Hall Ticket */
   #hallticket .card,
   #study-materials .card {
       background: #fff;
       /* Ensure contrast */
       box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08) !important;
       /* default shadow */
       transition: transform 0.3s ease, box-shadow 0.3s ease !important;
   }

   #hallticket .card:hover,
   #study-materials .card:hover {
       transform: translateY(-6px) !important;
       box-shadow: 0 12px 25px rgba(0, 0, 0, 0.15) !important;
       /* stronger hover shadow */
   }

   #calender_of_events {
       background: linear-gradient(180deg, #f9fafc 0%, #ffffff 100%);
   }

   .timeline ul {
       position: relative;
       border-left: 4px solid #002349;
       max-width: 850px;
       margin: 0 auto;
       padding-left: 0;
   }

   .timeline ul li {
       position: relative;
       list-style: none;
       background: #fff;
       margin: 20px 0;
       padding: 18px 20px 18px 45px;
       border-radius: 10px;
       box-shadow: 0 4px 10px rgba(0, 0, 0, 0.05);
       transition: all 0.3s ease;
       font-size: 16px;
       color: #333;
   }

   .timeline ul li:hover {
       transform: translateY(-4px);
       box-shadow: 0 6px 18px rgba(0, 0, 0, 0.1);
       background: #f8fff9;
   }

   .timeline ul li span {
       position: absolute;
       left: -27px;
       top: 18px;
       background: #002349 !important;
       ;
       color: #fff;
       font-weight: 600;
       width: 32px;
       height: 32px;
       text-align: center;
       border-radius: 50%;
       line-height: 32px;
       box-shadow: 0 0 0 4px #e8f5eb;
   }

   .timeline ul li ul {
       margin-top: 10px;
       margin-left: 15px;
   }

   .timeline ul li ul li {
       background: transparent;
       box-shadow: none;
       padding: 4px 0;
       color: #555;
       font-size: 15px;
   }

   .timeline ul li strong {
       color: #002349 !important;
       ;
       font-weight: 600;
   }

   @media (max-width: 768px) {
       .timeline ul li {
           padding: 15px 15px 15px 40px;
           font-size: 15px;
       }

       .timeline ul li span {
           left: -22px;
           width: 28px;
           height: 28px;
           line-height: 28px;
       }
   }