/*collab*/
          .collab-card {
         background: #fff;
         border: 1px solid #eee;
         border-radius: 10px;
         padding: 20px;
         margin-bottom: 20px;
         display: flex;
         align-items: center;
         gap: 20px;
         box-shadow: 0 2px 8px rgba(0,0,0,0.03);
         transition: all 0.3s ease;
      }
      .collab-card:hover {
         transform: translateY(-2px);
         box-shadow: 0 8px 20px rgba(0,0,0,0.07);
      }
      .collab-icon {
         width: 60px;
         height: 60px;
         border-radius: 50%;
         background: rgba(231, 92, 24, 0.1);
         color: #e75c18;
         display: flex;
         align-items: center;
         justify-content: center;
         font-size: 24px;
         flex-shrink: 0;
      }
      .collab-info h4 {
         font-size: 16px;
         font-weight: 700;
         color: #003366;
         margin: 0 0 5px 0;
      }
      .collab-info p {
         font-size: 14px;
         color: #666;
         margin: 0;
         line-height: 1.6;
      }
      .collab-info .collab-year {
         font-size: 12px;
         color: #e75c18;
         font-weight: 600;
      }

    .program-tabs { border-bottom: 2px solid #e0e0e0; margin-bottom: 20px; }
    .program-tabs .nav-link { color: #555; font-weight: 600; padding: 12px 25px; border: none; border-bottom: 3px solid transparent; font-size: 1rem; }
    .program-tabs .nav-link:hover { color: #e75c18; border-bottom-color: rgba(231,92,24,0.4); }
    .program-tabs .nav-link.active { color: #e75c18 !important; border-bottom: 3px solid #e75c18 !important; background-color: transparent !important; font-weight: bold !important; opacity: 1 !important; visibility: visible !important; }
    .course-sub-tabs { margin-bottom: 20px; gap: 10px; display: flex; flex-wrap: wrap; }
    .course-sub-tabs .nav-link { color: #444; background: #f4f4f4; border-radius: 30px; padding: 8px 20px; font-weight: 500; font-size: 0.9rem; transition: all 0.3s ease; }
    .course-sub-tabs .nav-link:hover { background: #e0e0e0; }
    .course-sub-tabs .nav-link.active { background: #e54411; color: #fff; box-shadow: 0 4px 10px rgba(229, 68, 17, 0.3); }
    .course-sub-tab-content { padding: 15px 0; }
    
    
    

            .uw-thumb {
              position: relative;
              width: 100%;
              height: auto;
              overflow: hidden;
              border-radius: 12px;
              margin-bottom: 25px;
              cursor: pointer;
              background: #222;
              box-shadow: 0 8px 25px rgba(0,0,0,0.08);
              transition: transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1), border-color 0.4s ease, box-shadow 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
              border: 1px solid rgba(0, 0, 0, 0.05);
              display: block;
            }
            .uw-thumb:hover {
              transform: translateY(-8px);
              box-shadow: 0 15px 35px rgba(231, 92, 24, 0.18);
              border-color: rgba(231, 92, 24, 0.4);
            }
            .uw-thumb img {
              width: 100%;
              height: auto;
              display: block;
              transition: transform 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
            }
            .uw-thumb:hover img {
              transform: scale(1.05);
            }
            .uw-overlay {
              position: absolute;
              top: 0;
              left: 0;
              width: 100%;
              height: 100%;
              background: rgba(18, 18, 18, 0.7);
              backdrop-filter: blur(4px);
              -webkit-backdrop-filter: blur(4px);
              display: flex;
              flex-direction: column;
              align-items: center;
              justify-content: center;
              opacity: 0;
              transition: opacity 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
              z-index: 2;
            }
            .uw-thumb:hover .uw-overlay {
              opacity: 1;
            }
            .uw-overlay i {
              color: #fff;
              font-size: 28px;
              margin-bottom: 10px;
              transform: translateY(15px);
              transition: transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
            }
            .uw-thumb:hover .uw-overlay i {
              transform: translateY(0);
            }
            .uw-overlay span {
              color: #fff;
              font-size: 13px;
              text-transform: uppercase;
              letter-spacing: 1.5px;
              transform: translateY(20px);
              transition: transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1) 0.05s;
              border: 1px solid rgba(255, 255, 255, 0.4);
              padding: 6px 16px;
              border-radius: 20px;
              background: rgba(255, 255, 255, 0.1);
            }
            .uw-thumb:hover .uw-overlay span {
              transform: translateY(0);
              background: rgba(255, 255, 255, 0.2);
              border-color: #fff;
            }

            /* Force tab pane visibility */
            #arts_fest, #sports, #national,
            #arts_24_25, #arts_25_26 {
              display: none;
            }
            #arts_fest.active, #sports.active, #national.active,
            #arts_24_25.active, #arts_25_26.active {
              display: block !important;
            }

            /* Premium Fullscreen Lightbox Overlay Styling */
            .premium-lightbox-overlay {
                position: fixed;
                top: 0;
                left: 0;
                width: 100vw;
                height: 100vh;
                background: rgba(8, 8, 8, 0.95);
                backdrop-filter: blur(20px);
                -webkit-backdrop-filter: blur(20px);
                z-index: 1000000;
                display: none;
                opacity: 0;
                transition: opacity 0.4s ease;
                user-select: none;
                -webkit-user-select: none;
            }

            .premium-lightbox-overlay.active {
                display: flex;
                opacity: 1;
                align-items: center;
                justify-content: center;
            }

            /* Top Control Bar */
            .lightbox-top-bar {
                position: absolute;
                top: 0;
                left: 0;
                width: 100%;
                padding: 20px 40px;
                display: flex;
                justify-content: space-between;
                align-items: center;
                background: linear-gradient(to bottom, rgba(0,0,0,0.85) 0%, rgba(0,0,0,0) 100%);
                z-index: 1000010;
            }

            .lightbox-title-container {
                color: #fff;
                font-family: 'Outfit', 'Inter', sans-serif;
            }

            .lightbox-subtitle {
                font-size: 11px;
                text-transform: uppercase;
                letter-spacing: 2px;
                color: #e75c18;
                font-weight: 700;
                display: block;
                margin-bottom: 4px;
            }

            .lightbox-main-title {
                font-size: 20px;
                font-weight: 700;
                margin: 0;
                color: #ffffff;
                text-shadow: 0 2px 4px rgba(0,0,0,0.5);
            }

            .lightbox-controls {
                display: flex;
                align-items: center;
                background: rgba(255, 255, 255, 0.08);
                backdrop-filter: blur(10px);
                -webkit-backdrop-filter: blur(10px);
                border: 1px solid rgba(255, 255, 255, 0.12);
                padding: 6px 14px;
                border-radius: 30px;
                box-shadow: 0 10px 30px rgba(0,0,0,0.3);
            }

            .lightbox-btn {
                background: transparent;
                border: none;
                color: rgba(255, 255, 255, 0.85);
                font-size: 18px;
                width: 40px;
                height: 40px;
                border-radius: 50%;
                cursor: pointer;
                display: flex;
                align-items: center;
                justify-content: center;
                transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
                outline: none !important;
                margin: 0 3px;
            }

            .lightbox-btn:hover {
                color: #ffffff;
                background: rgba(255, 255, 255, 0.15);
                transform: scale(1.08);
            }

            .lightbox-btn:active {
                transform: scale(0.95);
            }

            .lightbox-btn.close-action {
                color: #ffffff;
                background: rgba(231, 92, 24, 0.85);
            }

            .lightbox-btn.close-action:hover {
                background: #e75c18;
                box-shadow: 0 0 15px rgba(231, 92, 24, 0.6);
            }

            .control-divider {
                width: 1px;
                height: 24px;
                background: rgba(255, 255, 255, 0.18);
                margin: 0 8px;
            }

            /* Navigation Arrow Buttons */
            .lightbox-arrow-btn {
                position: absolute;
                top: 50%;
                transform: translateY(-50%);
                background: rgba(255, 255, 255, 0.06);
                backdrop-filter: blur(8px);
                -webkit-backdrop-filter: blur(8px);
                border: 1px solid rgba(255, 255, 255, 0.1);
                color: #ffffff;
                width: 60px;
                height: 60px;
                border-radius: 50%;
                cursor: pointer;
                display: flex;
                align-items: center;
                justify-content: center;
                font-size: 20px;
                z-index: 1000008;
                transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
                outline: none !important;
            }

            .lightbox-arrow-btn:hover {
                background: #e75c18;
                border-color: #e75c18;
                box-shadow: 0 0 20px rgba(231, 92, 24, 0.5);
                color: #fff;
            }

            .lightbox-arrow-btn.prev {
                left: 40px;
            }

            .lightbox-arrow-btn.next {
                right: 40px;
            }

            .lightbox-arrow-btn.prev:hover {
                transform: translateY(-50%) translateX(-5px);
            }

            .lightbox-arrow-btn.next:hover {
                transform: translateY(-50%) translateX(5px);
            }

            .lightbox-arrow-btn:disabled {
                opacity: 0.15 !important;
                cursor: not-allowed !important;
                background: rgba(255,255,255,0.02) !important;
                border-color: rgba(255,255,255,0.05) !important;
                box-shadow: none !important;
                transform: translateY(-50%) !important;
            }

            /* Image Viewport & Pan/Zoom Container */
            .lightbox-viewport {
                width: 100%;
                height: 100%;
                display: flex;
                align-items: center;
                justify-content: center;
                overflow: hidden;
                cursor: grab;
            }

            .lightbox-viewport:active {
                cursor: grabbing;
            }

            .lightbox-image-container {
                display: flex;
                align-items: center;
                justify-content: center;
                transition: transform 0.1s ease-out; /* Smooth panning */
                will-change: transform;
            }

            .lightbox-image-container img {
                max-width: 90vw;
                max-height: 80vh;
                vertical-align: middle;
                object-fit: contain;
                border-radius: 8px;
                box-shadow: 0 20px 60px rgba(0,0,0,0.6);
                user-select: none;
                -webkit-user-select: none;
                transition: opacity 0.3s ease;
            }

            /* Bottom Bar */
            .lightbox-bottom-bar {
                position: absolute;
                bottom: 0;
                left: 0;
                width: 100%;
                padding: 25px 40px;
                display: flex;
                justify-content: space-between;
                align-items: center;
                background: linear-gradient(to top, rgba(0,0,0,0.85) 0%, rgba(0,0,0,0) 100%);
                z-index: 1000010;
                font-family: 'Outfit', 'Inter', sans-serif;
            }

            .lightbox-counter {
                color: #ffffff;
                font-size: 14px;
                font-weight: 600;
                background: rgba(231, 92, 24, 0.2);
                border: 1px solid rgba(231, 92, 24, 0.3);
                padding: 4px 14px;
                border-radius: 20px;
                letter-spacing: 0.5px;
            }

            .lightbox-instructions {
                color: rgba(255, 255, 255, 0.5);
                font-size: 13px;
                font-weight: 500;
                letter-spacing: 0.5px;
            }

            .lightbox-instructions i {
                margin-right: 5px;
                color: #e75c18;
            }

            /* Media Queries */
            @media (max-width: 991px) {
                .lightbox-arrow-btn {
                    width: 50px;
                    height: 50px;
                    font-size: 16px;
                }
                .lightbox-arrow-btn.prev {
                    left: 20px;
                }
                .lightbox-arrow-btn.next {
                    right: 20px;
                }
            }

            @media (max-width: 767px) {
                .lightbox-top-bar {
                    padding: 15px 20px;
                    flex-direction: column;
                    align-items: flex-start;
                    gap: 12px;
                }
                .lightbox-controls {
                    width: 100%;
                    justify-content: space-between;
                }
                .lightbox-arrow-btn {
                    top: auto;
                    bottom: 80px;
                    transform: none;
                }
                .lightbox-arrow-btn.prev {
                    left: 20px;
                }
                .lightbox-arrow-btn.next {
                    right: 20px;
                }
                .lightbox-arrow-btn.prev:hover, .lightbox-arrow-btn.next:hover {
                    transform: none;
                }
                .lightbox-bottom-bar {
                    padding: 15px 20px 20px;
                    flex-direction: column;
                    gap: 10px;
                    align-items: center;
                }
                .lightbox-image-container img {
                    max-width: 95vw;
                    max-height: 60vh;
                }
            }


       .winner-card {
         background: #fff;
         border: 1px solid #eee;
         border-radius: 10px;
         padding: 20px;
         margin-bottom: 15px;
         display: flex;
         align-items: center;
         gap: 15px;
         transition: all 0.3s ease;
      }
      .winner-card:hover {
         box-shadow: 0 5px 15px rgba(0,0,0,0.07);
         transform: translateY(-2px);
      }
      .winner-rank {
         width: 50px;
         height: 50px;
         border-radius: 50%;
         background: #e75c18;
         color: #fff;
         display: flex;
         align-items: center;
         justify-content: center;
         font-size: 18px;
         font-weight: 700;
         flex-shrink: 0;
      }
      .winner-rank.gold { background: #d4a017; }
      .winner-rank.silver { background: #8a8a8a; }
      .winner-rank.bronze { background: #cd7f32; }
      .winner-info h4 { font-size: 15px; font-weight: 700; color: #333; margin: 0 0 3px 0; }
      .winner-info p { font-size: 13px; color: #666; margin: 0; }
      .winner-info .winner-year { font-size: 12px; color: #e75c18; font-weight: 600; }
      
      /* Image Gallery Styles */
      .uw-thumb {
         position: relative;
         overflow: hidden;
         border-radius: 8px;
         box-shadow: 0 4px 15px rgba(0,0,0,0.1);
         cursor: pointer;
         background: #fff;
      }
      .uw-thumb img {
         width: 100%;
         height: 350px;
         object-fit: contain;
         background: #fafafa;
         transition: transform 0.4s ease;
         display: block;
      }
      .uw-thumb:hover img {
         transform: scale(1.05);
      }
      .uw-overlay {
         position: absolute;
         top: 0;
         left: 0;
         width: 100%;
         height: 100%;
         background: rgba(231,92,24,0.8);
         display: flex;
         flex-direction: column;
         align-items: center;
         justify-content: center;
         opacity: 0;
         transition: opacity 0.3s ease;
         color: #fff;
      }
      .uw-thumb:hover .uw-overlay {
         opacity: 1;
      }
      .uw-overlay i {
         font-size: 30px;
         margin-bottom: 10px;
      }
      .uw-overlay span {
         font-size: 14px;
         font-weight: 600;
         letter-spacing: 1px;
         text-transform: uppercase;
      }
      
      
      
    /*scholership*/
    .scholar-card { 
         background: #fff;
         border: 1px solid #eee;
         border-radius: 10px;
         padding: 20px;
         margin-bottom: 15px;
         display: flex;
         align-items: center;
         gap: 15px;
         transition: all 0.3s ease;
      }
      .scholar-card:hover { box-shadow: 0 5px 15px rgba(0,0,0,0.07); transform: translateY(-2px); }
      .scholar-icon {
         width: 50px; height: 50px; border-radius: 50%;
         background: rgba(231, 92, 24, 0.1); color: #e75c18;
         display: flex; align-items: center; justify-content: center;
         font-size: 20px; flex-shrink: 0;
      }
      .scholar-info h4 { font-size: 15px; font-weight: 700; color: #333; margin: 0 0 3px 0; }
      .scholar-info p { font-size: 13px; color: #666; margin: 0; }
      .scholar-info .scholar-year { font-size: 12px; color: #e75c18; font-weight: 600; }
      
      .program-tabs { border-bottom: 2px solid #e0e0e0; margin-bottom: 20px; }
            .program-tabs .nav-link { color: #555; font-weight: 600; padding: 12px 25px; border: none; border-bottom: 3px solid transparent; font-size: 1rem; }
            .program-tabs .nav-link:hover { color: #e75c18; border-bottom-color: rgba(231,92,24,0.4); }
            .program-tabs .nav-link.active { color: #e75c18 !important; border-bottom: 3px solid #e75c18 !important; background-color: transparent !important; font-weight: bold !important; opacity: 1 !important; visibility: visible !important; }
            .course-sub-tabs { margin-bottom: 20px; gap: 10px; display: flex; flex-wrap: wrap; }
            .course-sub-tabs .nav-link { color: #444; background: #f4f4f4; border-radius: 30px; padding: 8px 20px; font-weight: 500; font-size: 0.9rem; transition: all 0.3s ease; }
            .course-sub-tabs .nav-link:hover { background: #e0e0e0; }
            .course-sub-tabs .nav-link.active { background: #e54411; color: #fff; box-shadow: 0 4px 10px rgba(229, 68, 17, 0.3); }
            .course-sub-tab-content { padding: 15px 0; }

    
    /*Intercollegiate Fest*/
    .fest-card {
         background: #fff;
         border: 1px solid #eee;
         border-radius: 10px;
         padding: 25px;
         margin-bottom: 20px;
         box-shadow: 0 3px 10px rgba(0,0,0,0.03);
         transition: all 0.3s ease;
      }
      .fest-card:hover { transform: translateY(-2px); box-shadow: 0 8px 20px rgba(0,0,0,0.07); }
      .fest-card h3 { font-size: 17px; font-weight: 700; color: #003366; margin: 0 0 8px 0; }
      .fest-card .fest-meta { font-size: 13px; color: #e75c18; font-weight: 600; margin-bottom: 10px; }
      .fest-card p { font-size: 15px; color: #555; line-height: 1.7; margin: 0; }
      .fest-badge { display: inline-block; padding: 4px 12px; border-radius: 20px; font-size: 11px; font-weight: 600; background: #003366; color: #fff; margin-right: 5px; }
 
 
    /*community-engagements*/

    .program-tabs { border-bottom: 2px solid #e0e0e0; margin-bottom: 20px; }
              .program-tabs .nav-link { color: #555; font-weight: 600; padding: 12px 25px; border: none; border-bottom: 3px solid transparent; font-size: 1rem; }
              .program-tabs .nav-link:hover { color: #e75c18; border-bottom-color: rgba(231,92,24,0.4); }
              .program-tabs .nav-link.active { color: #e75c18 !important; border-bottom: 3px solid #e75c18 !important; background-color: transparent !important; font-weight: bold !important; opacity: 1 !important; visibility: visible !important; }
              .course-sub-tabs { margin-bottom: 20px; gap: 10px; display: flex; flex-wrap: wrap; }
              .course-sub-tabs .nav-link { color: #444; background: #f4f4f4; border-radius: 30px; padding: 8px 20px; font-weight: 500; font-size: 0.9rem; transition: all 0.3s ease; }
              .course-sub-tabs .nav-link:hover { background: #e0e0e0; }
              .course-sub-tabs .nav-link.active { background: #e54411; color: #fff; box-shadow: 0 4px 10px rgba(229, 68, 17, 0.3); }
              .course-sub-tab-content { padding: 15px 0; }
              .outreach-card { border: 1px solid #eee; border-radius: 8px; padding: 20px; background: #fff; box-shadow: 0 2px 8px rgba(0,0,0,0.05); margin-bottom: 20px; }
              .outreach-header { font-size: 1.2rem; color: #e75c18; font-weight: 600; margin-bottom: 15px; border-bottom: 1px solid #eee; padding-bottom: 10px; }
              .outreach-details { list-style: none; padding: 0; margin: 0 0 15px 0; }
              .outreach-details li { margin-bottom: 8px; font-size: 0.95rem; }
              .outreach-details strong { color: #333; }
              .outreach-table { width: 100%; margin-top: 15px; }
              .outreach-table th { background: #f4f4f4; padding: 10px; border: 1px solid #ddd; }
              .outreach-table td { padding: 10px; border: 1px solid #ddd; }
              .promo-col { margin-bottom: 25px; }
              .promo-image-container { overflow: hidden; border-radius: 8px; box-shadow: 0 4px 15px rgba(0,0,0,0.1); background: #fff; }
              .promo-img { width: 100%; height: auto; transition: transform 0.4s ease; border-radius: 8px; cursor: pointer; }
              .promo-img:hover { transform: scale(1.05); }

              /* Premium Lightbox Overlay Styles */
              .premium-lightbox-overlay { position: fixed; top: 0; left: 0; width: 100vw; height: 100vh; background: rgba(8,8,8,0.95); backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(20px); z-index: 1000000; display: none; opacity: 0; transition: opacity 0.4s ease; user-select: none; -webkit-user-select: none; }
              .premium-lightbox-overlay.active { display: flex; opacity: 1; align-items: center; justify-content: center; }
              .lightbox-top-bar { position: absolute; top: 0; left: 0; width: 100%; padding: 20px 40px; display: flex; justify-content: space-between; align-items: center; background: linear-gradient(to bottom, rgba(0,0,0,0.85) 0%, rgba(0,0,0,0) 100%); z-index: 1000010; }
              .lightbox-title-container { color: #fff; font-family: 'Outfit','Inter',sans-serif; }
              .lightbox-subtitle { font-size: 11px; text-transform: uppercase; letter-spacing: 2px; color: #e75c18; font-weight: 700; display: block; margin-bottom: 4px; }
              .lightbox-main-title { font-size: 20px; font-weight: 700; margin: 0; color: #fff; text-shadow: 0 2px 4px rgba(0,0,0,0.5); }
              .lightbox-controls { display: flex; align-items: center; background: rgba(255,255,255,0.08); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); border: 1px solid rgba(255,255,255,0.12); padding: 6px 14px; border-radius: 30px; box-shadow: 0 10px 30px rgba(0,0,0,0.3); }
              .lightbox-btn { background: transparent; border: none; color: rgba(255,255,255,0.85); font-size: 18px; width: 40px; height: 40px; border-radius: 50%; cursor: pointer; display: flex; align-items: center; justify-content: center; transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1); outline: none !important; margin: 0 3px; }
              .lightbox-btn:hover { color: #fff; background: rgba(255,255,255,0.15); transform: scale(1.08); }
              .lightbox-btn:active { transform: scale(0.95); }
              .lightbox-btn.close-action { color: #fff; background: rgba(231,92,24,0.85); }
              .lightbox-btn.close-action:hover { background: #e75c18; box-shadow: 0 0 15px rgba(231,92,24,0.6); }
              .control-divider { width: 1px; height: 24px; background: rgba(255,255,255,0.18); margin: 0 8px; }
              .lightbox-arrow-btn { position: absolute; top: 50%; transform: translateY(-50%); background: rgba(255,255,255,0.06); backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px); border: 1px solid rgba(255,255,255,0.1); color: #fff; width: 60px; height: 60px; border-radius: 50%; cursor: pointer; display: flex; align-items: center; justify-content: center; font-size: 20px; z-index: 1000008; transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1); outline: none !important; }
              .lightbox-arrow-btn:hover { background: #e75c18; border-color: #e75c18; box-shadow: 0 0 20px rgba(231,92,24,0.5); color: #fff; }
              .lightbox-arrow-btn.prev { left: 40px; } .lightbox-arrow-btn.next { right: 40px; }
              .lightbox-arrow-btn.prev:hover { transform: translateY(-50%) translateX(-5px); }
              .lightbox-arrow-btn.next:hover { transform: translateY(-50%) translateX(5px); }
              .lightbox-arrow-btn:disabled { opacity: 0.15 !important; cursor: not-allowed !important; background: rgba(255,255,255,0.02) !important; border-color: rgba(255,255,255,0.05) !important; box-shadow: none !important; transform: translateY(-50%) !important; }
              .lightbox-viewport { width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; overflow: hidden; cursor: grab; }
              .lightbox-viewport:active { cursor: grabbing; }
              .lightbox-image-container { display: flex; align-items: center; justify-content: center; transition: transform 0.1s ease-out; will-change: transform; }
              .lightbox-image-container img { max-width: 90vw; max-height: 80vh; object-fit: contain; border-radius: 8px; box-shadow: 0 20px 60px rgba(0,0,0,0.6); user-select: none; -webkit-user-select: none; transition: opacity 0.3s ease; }
              .lightbox-bottom-bar { position: absolute; bottom: 0; left: 0; width: 100%; padding: 25px 40px; display: flex; justify-content: space-between; align-items: center; background: linear-gradient(to top, rgba(0,0,0,0.85) 0%, rgba(0,0,0,0) 100%); z-index: 1000010; font-family: 'Outfit','Inter',sans-serif; }
              .lightbox-counter { color: #fff; font-size: 14px; font-weight: 600; background: rgba(231,92,24,0.2); border: 1px solid rgba(231,92,24,0.3); padding: 4px 14px; border-radius: 20px; letter-spacing: 0.5px; }
              .lightbox-instructions { color: rgba(255,255,255,0.5); font-size: 13px; font-weight: 500; letter-spacing: 0.5px; }
              .lightbox-instructions i { margin-right: 5px; color: #e75c18; }
              @media (max-width: 991px) { .lightbox-arrow-btn { width: 50px; height: 50px; font-size: 16px; } .lightbox-arrow-btn.prev { left: 20px; } .lightbox-arrow-btn.next { right: 20px; } }
              @media (max-width: 767px) {
                .lightbox-top-bar { padding: 15px 20px; flex-direction: column; align-items: flex-start; gap: 12px; }
                .lightbox-controls { width: 100%; justify-content: space-between; }
                .lightbox-arrow-btn { top: auto; bottom: 80px; transform: none; }
                .lightbox-arrow-btn.prev { left: 20px; } .lightbox-arrow-btn.next { right: 20px; }
                .lightbox-arrow-btn.prev:hover, .lightbox-arrow-btn.next:hover { transform: none; }
                .lightbox-bottom-bar { padding: 15px 20px 20px; flex-direction: column; gap: 10px; align-items: center; }
                .lightbox-image-container img { max-width: 95vw; max-height: 60vh; }
              }

    
    /*student-works*/
    .project-card {
         background: #fff;
         border: 1px solid #eee;
         border-radius: 10px;
         padding: 20px;
         margin-bottom: 20px;
         transition: all 0.3s ease;
      }
      .project-card:hover { transform: translateY(-2px); box-shadow: 0 8px 20px rgba(0,0,0,0.07); }
      .project-card h4 { font-size: 16px; font-weight: 700; color: #003366; margin: 0 0 8px 0; }
      .project-card .project-team { font-size: 13px; color: #e75c18; font-weight: 600; margin-bottom: 8px; }
      .project-card p { font-size: 14px; color: #555; line-height: 1.7; margin: 0; }
      .project-tech { display: inline-block; padding: 3px 10px; border-radius: 15px; font-size: 11px; background: rgba(231, 92, 24, 0.1); color: #e75c18; margin: 3px 3px 0 0; font-weight: 600; }


    /*Awards*/
    .award-card {
         background: #fff;
         border: 1px solid #eee;
         border-radius: 10px;
         padding: 20px;
         margin-bottom: 20px;
         display: flex;
         align-items: flex-start;
         gap: 15px;
         transition: all 0.3s ease;
      }
    .award-card:hover { transform: translateY(-2px); box-shadow: 0 8px 20px rgba(0,0,0,0.07); }
    .award-icon {
         width: 55px; height: 55px; border-radius: 50%;
         background: rgba(231, 92, 24, 0.1); color: #e75c18;
         display: flex; align-items: center; justify-content: center;
         font-size: 22px; flex-shrink: 0;
      }
    .award-info h4 { font-size: 16px; font-weight: 700; color: #003366; margin: 0 0 5px 0; }
    .award-info .award-year { font-size: 12px; color: #e75c18; font-weight: 600; }
    .award-info p { font-size: 14px; color: #555; line-height: 1.6; margin: 5px 0 0 0; }


    /*Brochure*/
    
      /* New Tab Styles */
      .program-tabs-container {
          margin-top: 30px;
      }
       
      /* Inner Course Sub-Tab Styles */
      .course-sub-tabs {
          border-bottom: none;
          gap: 10px;
          display: flex;
          flex-wrap: nowrap;
          overflow-x: auto;
          margin-bottom: 25px;
      }
      .course-sub-tabs::-webkit-scrollbar {
          height: 0px;
      }
      .course-sub-tabs .nav-item {
          margin-bottom: 0;
      }
      .course-sub-tabs .nav-link {
          border: 1px solid #dee2e6;
          background: #f8f9fa;
          color: #495057;
          font-weight: 600;
          padding: 10px 25px;
          border-radius: 30px; /* Pill shape */
          transition: all 0.3s ease;
          white-space: nowrap;
          font-size: 0.95rem;
      }
      .course-sub-tabs .nav-link.active {
          background: #e54411;
          color: #fff !important;
          border-color: #e54411;
          box-shadow: 0 4px 10px rgba(229, 68, 17, 0.2);
      }
      .course-sub-tabs .nav-link:not(.active):hover {
          background: #e9ecef;
          color: #e54411;
      }
      .course-sub-tab-content {
          padding: 15px 0;
      }
      @media (max-width: 767px) {
          .program-tabs .nav-link {
              padding: 10px 20px;
              font-size: 0.9rem;
          }
          .course-sub-tabs .nav-link {
              padding: 8px 15px;
              font-size: 0.85rem;
          }
      }
      .promo-col {
          margin-bottom: 25px;
      }
      .promo-image-container {
          overflow: hidden;
          border-radius: 8px;
          box-shadow: 0 4px 15px rgba(0,0,0,0.1);
          background: #fff;
      }
      .promo-img {
          width: 100%;
          height: auto;
          transition: transform 0.4s ease;
          border-radius: 8px;
          cursor: pointer;
      }
      .promo-img:hover {
          transform: scale(1.05);
      }
        
        
         /* Premium Lightbox Overlay Styles */
            .premium-lightbox-overlay { position: fixed; top: 0; left: 0; width: 100vw; height: 100vh; background: rgba(8,8,8,0.95); backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(20px); z-index: 1000000; display: none; opacity: 0; transition: opacity 0.4s ease; user-select: none; -webkit-user-select: none; }
            .premium-lightbox-overlay.active { display: flex; opacity: 1; align-items: center; justify-content: center; }
            .lightbox-top-bar { position: absolute; top: 0; left: 0; width: 100%; padding: 20px 40px; display: flex; justify-content: space-between; align-items: center; background: linear-gradient(to bottom, rgba(0,0,0,0.85) 0%, rgba(0,0,0,0) 100%); z-index: 1000010; }
            .lightbox-title-container { color: #fff; font-family: 'Outfit','Inter',sans-serif; }
            .lightbox-subtitle { font-size: 11px; text-transform: uppercase; letter-spacing: 2px; color: #e75c18; font-weight: 700; display: block; margin-bottom: 4px; }
            .lightbox-main-title { font-size: 20px; font-weight: 700; margin: 0; color: #fff; text-shadow: 0 2px 4px rgba(0,0,0,0.5); }
            .lightbox-controls { display: flex; align-items: center; background: rgba(255,255,255,0.08); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); border: 1px solid rgba(255,255,255,0.12); padding: 6px 14px; border-radius: 30px; box-shadow: 0 10px 30px rgba(0,0,0,0.3); }
            .lightbox-btn { background: transparent; border: none; color: rgba(255,255,255,0.85); font-size: 18px; width: 40px; height: 40px; border-radius: 50%; cursor: pointer; display: flex; align-items: center; justify-content: center; transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1); outline: none !important; margin: 0 3px; }
            .lightbox-btn:hover { color: #fff; background: rgba(255,255,255,0.15); transform: scale(1.08); }
            .lightbox-btn:active { transform: scale(0.95); }
            .lightbox-btn.close-action { color: #fff; background: rgba(231,92,24,0.85); }
            .lightbox-btn.close-action:hover { background: #e75c18; box-shadow: 0 0 15px rgba(231,92,24,0.6); }
            .control-divider { width: 1px; height: 24px; background: rgba(255,255,255,0.18); margin: 0 8px; }
            .lightbox-arrow-btn { position: absolute; top: 50%; transform: translateY(-50%); background: rgba(255,255,255,0.06); backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px); border: 1px solid rgba(255,255,255,0.1); color: #fff; width: 60px; height: 60px; border-radius: 50%; cursor: pointer; display: flex; align-items: center; justify-content: center; font-size: 20px; z-index: 1000008; transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1); outline: none !important; }
            .lightbox-arrow-btn:hover { background: #e75c18; border-color: #e75c18; box-shadow: 0 0 20px rgba(231,92,24,0.5); color: #fff; }
            .lightbox-arrow-btn.prev { left: 40px; } .lightbox-arrow-btn.next { right: 40px; }
            .lightbox-arrow-btn.prev:hover { transform: translateY(-50%) translateX(-5px); }
            .lightbox-arrow-btn.next:hover { transform: translateY(-50%) translateX(5px); }
            .lightbox-arrow-btn:disabled { opacity: 0.15 !important; cursor: not-allowed !important; background: rgba(255,255,255,0.02) !important; border-color: rgba(255,255,255,0.05) !important; box-shadow: none !important; transform: translateY(-50%) !important; }
            .lightbox-viewport { width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; overflow: hidden; cursor: grab; }
            .lightbox-viewport:active { cursor: grabbing; }
            .lightbox-image-container { display: flex; align-items: center; justify-content: center; transition: transform 0.1s ease-out; will-change: transform; }
            .lightbox-image-container img { max-width: 90vw; max-height: 80vh; object-fit: contain; border-radius: 8px; box-shadow: 0 20px 60px rgba(0,0,0,0.6); user-select: none; -webkit-user-select: none; transition: opacity 0.3s ease; }
            .lightbox-bottom-bar { position: absolute; bottom: 0; left: 0; width: 100%; padding: 25px 40px; display: flex; justify-content: space-between; align-items: center; background: linear-gradient(to top, rgba(0,0,0,0.85) 0%, rgba(0,0,0,0) 100%); z-index: 1000010; font-family: 'Outfit','Inter',sans-serif; }
            .lightbox-counter { color: #fff; font-size: 14px; font-weight: 600; background: rgba(231,92,24,0.2); border: 1px solid rgba(231,92,24,0.3); padding: 4px 14px; border-radius: 20px; letter-spacing: 0.5px; }
            .lightbox-instructions { color: rgba(255,255,255,0.5); font-size: 13px; font-weight: 500; letter-spacing: 0.5px; }
            .lightbox-instructions i { margin-right: 5px; color: #e75c18; }
            @media (max-width: 991px) { .lightbox-arrow-btn { width: 50px; height: 50px; font-size: 16px; } .lightbox-arrow-btn.prev { left: 20px; } .lightbox-arrow-btn.next { right: 20px; } }
            @media (max-width: 767px) {
              .lightbox-top-bar { padding: 15px 20px; flex-direction: column; align-items: flex-start; gap: 12px; }
              .lightbox-controls { width: 100%; justify-content: space-between; }
              .lightbox-arrow-btn { top: auto; bottom: 80px; transform: none; }
              .lightbox-arrow-btn.prev { left: 20px; } .lightbox-arrow-btn.next { right: 20px; }
              .lightbox-arrow-btn.prev:hover, .lightbox-arrow-btn.next:hover { transform: none; }
              .lightbox-bottom-bar { padding: 15px 20px 20px; flex-direction: column; gap: 10px; align-items: center; }
              .lightbox-image-container img { max-width: 95vw; max-height: 60vh; }
            }