.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;
         }
         }
         .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;
         }

         /* graduation day 26 page */
         .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;
         }
         }
         .footer-widget-title::before {
         content: '';
         position: absolute;
         width: 90px;
         height: 3px;
         background: rgba(255, 255, 255, 0.2);
         bottom: -4px;
         left: 0;
         z-index: 1;
         }
         .footer-widget-title::after {
         content: '';
         position: absolute;
         width: 30px;
         height: 3px;
         background: #f36f21;
         bottom: -4px;
         left: 26px;
         z-index: 0;
         }
         .side-menu::before {
         content: '';
         position: absolute;
         width: 90px;
         height: 3px;
         background: rgba(255, 255, 255, 0.2);
         bottom: -4px;
         left: 0;
         z-index: 1;
         }
         .side-menu::after {
         content: '';
         position: absolute;
         width: 30px;
         height: 3px;
         background: #f36f21;
         bottom: -4px;
         left: 26px;
         z-index: 0;
         }
         .all-menu ul li {
         line-height: 30px;
         }
         .breadcrumb-style2-area {
         position: relative;
         display: block;
         overflow: hidden;
         z-index: 10;
         background-color: #2B3186 !important;
         }
         .breadcrumb-style2-area .title h2 {
         color: #ffffff;
         /* font-size: 42px; */
         line-height: 1.1em;
         font-weight: 600;
         text-transform: capitalize;
         padding: 40px;
         text-align: center;
         }
         .nps-section {
         padding: 65px 0;
         }
         body {
         background: #fff;
         font-family: "Montserrat", sans-serif;
         font-size: 1rem;
         font-weight: 400;
         margin:0;
         color:#0d47a1;
         }
         blockquote{
         text-align: center;
         display:block;
         margin-left: auto;
         margin-right: auto;
         }
         /* .founders-body {
         max-width: 1100px;
         margin: 40px auto;
         padding: 16px;
         background: #fff;
         border-radius: 20px;
         box-shadow: 0 6px 30px #aec8f28c;
         } */
         .event-intro h2 {
         color: #0d47a1;
         font-size: 2.6em;
         margin-bottom: 6px;
         letter-spacing: 1.5px;
         text-align: center;
         }
         .event-intro blockquote {
         font-size: 1.2em;
         color: #0d47a1;
         font-style: italic;
         margin: 10px 0 18px 0;
         border-left: 4px solid #0d47a1;
         padding-left: 16px;
         background: #eaf4ff;
         border-radius: 6px;
         }
         .event-intro p {
         font-size: 1.09em;
         color: #1b2e4e;
         text-align: center;
         margin: 0 auto 30px auto;
         max-width: 850px;
         }
         .gallery-title {
         font-size: 1.4em;
         color: #1d3557;
         text-transform: uppercase;
         text-align: center;
         margin: 24px 0 14px 0;
         font-weight: 600;
         }
         .creative-gallery {
         display: flex;
         justify-content: center;
         }
         .gallery-grid {
         display: flex;
         gap: 26px;
         flex-wrap: wrap;
         justify-content: center;
         }
         .gallery-item {
         position: relative;
         overflow: hidden;
         border-radius: 14px;
         cursor: pointer;
         box-shadow: 0 2px 12px #b2c6eb80;
         width: 380px;
         height: 270px; /* FIXED Height */
         margin-bottom: 18px;
         background: #d4e6ff80;
         transition: transform 0.13s;
         }
         .gallery-item img {
         width: 100%;
         height: 100%;
         object-fit: cover; /* Forces equal crop */
         object-position: center;
         }
         /* .gallery-item img {
         width: 100%;
         height: 100%;
         object-fit: cover;
         transition: filter 0.2s;
         display: block;
         } */
         .gallery-overlay {
         position: absolute;
         top: 0; left: 0; right: 0; bottom: 0;
         background: rgba(24, 100, 180, 0.54);
         color: #fff;
         display: flex;
         align-items: center;
         justify-content: center;
         opacity: 0;
         font-size: 2.3em;
         transition: opacity 0.25s;
         }
         .gallery-item:hover {
         transform: scale(1.045);
         }
         .gallery-item:hover .gallery-overlay {
         opacity: 1;
         }
         .gallery-item {
         width: 90vw;
         aspect-ratio: 4 / 3; /* mobile also consistent */
         max-width: 370px;
         }
         .overlay-icon {
         background: none;
         border-radius: none;
         padding: 0;
         box-shadow: none;
         font-size: 2em;
         /* border: 2px solid #fff; */
         display: flex;
         align-items: center;
         justify-content: center;
         }
         /* Lightbox Modal */
         .lightbox-modal {
         display: none; 
         position: fixed; 
         z-index: 3000; 
         left: 0; top: 0; width: 100vw; height: 100vh;
         background: rgba(8,22,44,0.90);
         justify-content: center; align-items: center;
         flex-direction: column;
         animation: fadeIn 0.22s;
         }
         @keyframes fadeIn {
         from { opacity: 0 }
         to { opacity: 1 }
         }
         /* .lightbox-content {
         margin: auto;
         display: block;
         max-width: 85vw; max-height: 75vh;
         border-radius: 12px;
         box-shadow: 0 8px 42px #1d3557;
         background: #fff;
         border: 6px solid #eaf4ff;
         } */
         .lightbox-content {
         display: block;
         /* width: 85vw;
         height: 80vh;      */
            /* ✅ force equal viewing size */
         object-fit: contain; /* ✅ fit image inside without distortion */
         /* background: #fff;
         border-radius: 12px; */
         border: 6px solid #eaf4ff;
         /* box-shadow: 0 8px 42px #1d3557; */
         }
         .close-lightbox {
         position: absolute;
         right: 48px;
         font-size: 2.7em; color: #fff; font-weight: bold;
         cursor: pointer;
         text-shadow: 0 0 14px #0d47a1;
         padding: 0px 10px 8px 10px;
         user-select: none;
         z-index: 3333;
         }
         .event-note {
         max-width: 820px;
         margin: 30px auto 8px auto;
         background: #e7f0fa;
         border-radius: 13px;
         padding: 18px 22px;
         font-size: 1.13em;
         text-align: center;
         color: #0d47a1;
         }
         @media (max-width: 900px) {
         .founders-body { padding: 4px; margin: 0; }
         .gallery-grid { gap: 14px; }
         .gallery-item { width: 90vw; height: 44vw; min-width:140px; max-width:370px; }
         .close-lightbox { top: 10px; right: 8vw; }
         }
         .third-btn {
         font-size: 14px;
         color: #2B3186;
         transition: all .5s ease-in-out;
         text-transform: uppercase;
         position: relative;
         border-radius: 50px 50px 50px 0;
         font-weight: 600;
         letter-spacing: 1px;
         cursor: pointer;
         text-align: center;
         overflow: hidden;
         border: none;
         background: #fff;
         box-shadow: 0 0 40px 5px rgb(0 0 0 / 5%);
         z-index: 1;
         }
         .theme-btn::before {
         content: "";
         height: 300px;
         width: 300px;
         background:  #2B3186;
         border-radius: 50%;
         position: absolute;
         top: 50%;
         left: 50%;
         transform: translateY(-50%) translateX(-50%) scale(0);
         transition: 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
         z-index: -1;
         }
         .second-btn::before {
         content: "";
         height: 300px;
         width: 300px;
         background:  #fff;
         border-radius: 50%;
         position: absolute;
         top: 50%;
         left: 50%;
         transform: translateY(-50%) translateX(-50%) scale(0);
         transition: 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
         z-index: -1;
         }
         .theme-btn:hover {
         color: #fff;
         background: #2B3186;
         }
         .second-btn:hover {
         color: #2B3186;
         }
         .third-btn:hover {
         color: #fff!important;
         background: #f36f21;
         }
         @media (min-width: 576px){
         .latest-img {
         border-radius: 30px;
         border: 2px solid #f36f21;
         padding: 5px;
         }
         }
         @media (max-width: 900px) {
         .gallery-item {
         width: 90vw;
         height: 65vw; /* mobile fixed height */
         max-width: 370px;
         }
         }
         .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;
         }

         /*  */