/* archive years */
.toggle_menu {
         cursor: pointer;
         background-color: #2B3186;
         padding: 10px;
         }

         /* Default: hide toggle */
         .material-symbols-outlined {
         font-family: 'Material Symbols Outlined';
         font-weight: normal;
         font-style: normal;
         font-size: 24px;
         line-height: 1;
         letter-spacing: normal;
         text-transform: none;
         display: none; /* hide by default */
         white-space: nowrap;
         word-wrap: normal;
         direction: ltr;
         text-rendering: optimizeLegibility;
         -webkit-font-smoothing: antialiased;
         }
         /*  Show toggle only on desktop (min width 992px) */
         @media (min-width: 992px) {
         .material-symbols-outlined {
         display: inline-block;
         }
         }
         /*  Hide on mobile/tablet (max width 991px) */
         @media (max-width: 991px) {
         .material-symbols-outlined {
         display: none;
         }
         }
         * {
         margin: 0;
         padding: 0;
         box-sizing: border-box;
         }
         .program-section {
         padding: 80px 20px;
         background: white;
         text-align: center;
         font-family: "Montserrat", sans-serif;
         }
         .container {
         max-width: 1400px;
         margin: 0 auto;
         padding: 0 20px;
         }
         .program-grid {
         display: grid;
         grid-template-columns: repeat(3, 1fr);
         gap: 30px;
         align-items: start;
         }
         .program-column {
         display: flex;
         flex-direction: column;
         gap: 25px;
         }
         .program-card {
         background: #fff;
         border-radius: 15px;
         box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
         transition: all 0.4s ease;
         overflow: hidden;
         position: relative;
         display: flex;
         flex-direction: column;
         }
         .program-card::before {
         content: "";
         position: absolute;
         top: 0;
         left: -100%;
         width: 100%;
         height: 100%;
         background: linear-gradient(120deg, #004aad, #00c6ff);
         transition: all 0.4s ease;
         z-index: 1;
         }
         .program-card:hover {
         transform: translateY(-5px);
         box-shadow: 0 8px 30px rgba(0, 0, 0, 0.15);
         }
         .program-card:hover::before {
         left: 0;
         }
         .program-card img {
         width: 100%;
         height: 220px;
         object-fit: cover;
         display: block;
         position: relative;
         z-index: 2;
         }
         .program-card a {
         position: relative;
         z-index: 2;
         display: flex;
         flex-direction: column;
         align-items: center;
         justify-content: center;
         text-decoration: none;
         color: #333;
         font-weight: 600;
         padding: 25px 20px;
         transition: color 0.4s ease;
         text-align: center;
         min-height: 140px;
         }
         .program-card i {
         font-size: 2rem;
         color: #004aad;
         margin-bottom: 12px;
         transition: all 0.3s ease;
         }
         .program-card span {
         font-size: 1rem;
         line-height: 1.4;
         transition: color 0.4s ease;
         }
         .program-card:hover a {
         color: #fff;
         }
         .program-card:hover i {
         color: #fff;
         transform: scale(1.2);
         }
         /* Responsive */
         @media (max-width: 1024px) {
         .program-grid {
         grid-template-columns: repeat(2, 1fr);
         }
         }
         @media (max-width: 768px) {
         .program-grid {
         grid-template-columns: 1fr;
         }
         .program-card img {
         height: 200px;
         }
         .program-card a {
         padding: 20px 15px;
         min-height: 100px;
         }
         .program-card i {
         font-size: 1.5rem;
         }
         }
         .topbar {
         background: #f4f4f4;
         padding: 6px 0;
         font-size: 14px;
         border-bottom: 1px solid #ddd;
         }
         .topbar a {
         color: #2B3186;
         text-decoration: none;
         }
         .marquee-box marquee {
         font-weight: 500;
         color: #2B3186;
         }
         .social-icons a i {
         font-size: 14px;
         color: #2B3186;
         }
         .top-btn {
         background: #ffffff;
         border: 1px solid #2B3186;
         color: #2B3186;
         text-transform: capitalize;
         }
         .top-btn:hover {
         background: #2B3186;
         color: #fff;
         }
         /* Responsive */
         @media (max-width: 768px) {
         .topbar-row {
         flex-direction: column;
         text-align: center;
         }
         .social-icons,
         .contact-group,
         .btn-group {
         justify-content: center;
         }
         }
         .topbar {
         position: sticky;
         top: 0;
         z-index: 9999;
         }