{"id":313,"date":"2017-05-09T09:20:39","date_gmt":"2017-05-09T09:20:39","guid":{"rendered":"http:\/\/localhost:3333\/tadong_proj\/?page_id=313"},"modified":"2025-07-18T16:02:24","modified_gmt":"2025-07-18T16:02:24","slug":"video-gallery","status":"publish","type":"page","link":"https:\/\/nbbgc.org\/?page_id=313","title":{"rendered":"Video Gallery"},"content":{"rendered":"\n\n\n\n    <!-- Welcome Section -->\n    <div style=\"margin-bottom: 2rem;\">\n        <div style=\"\n            display: flex;\n            flex-wrap: wrap;\n            gap: 1.5rem; \/* Space between grid cells *\/\n        \">\n            <div style=\"flex: 1 1 100%;\">\n                <div style=\"text-align: center;\">\n                    <hr style=\"\n                        border: none;\n                        border-top: 2px solid #e0e0e0;\n                        margin: 2rem auto;\n                        width: 50%;\n                    \" \/>\n                    <h2 style=\"\n                        color: #2c3e50;\n                        font-size: 2.25rem;\n                        font-weight: 700;\n                        margin-bottom: 1.5rem;\n                    \"><strong>Welcome to Our Campus<\/strong><\/h2>\n                    <p style=\"\n                        color: #555;\n                        line-height: 1.6;\n                        margin-bottom: 1rem;\n                    \">Nar Bahadur Bhandari Government College is dedicated to fostering an environment of academic excellence, personal growth, and vibrant community life. Our campus is a hub of learning, innovation, and cultural exchange, providing students with state-of-the-art facilities and a supportive atmosphere.<\/p>\n                    <p style=\"\n                        color: #555;\n                        line-height: 1.6;\n                        margin-bottom: 1rem;\n                    \">Explore the various facets of our college through the sections below, highlighting our student activities, academic programs, and modern facilities.<\/p>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n\n    <!-- Student Life Section -->\n    <div style=\"margin-bottom: 2rem;\">\n        <div style=\"\n            display: flex;\n            flex-wrap: wrap;\n            gap: 1.5rem;\n        \">\n            <div style=\"flex: 1 1 100%;\">\n                <div style=\"text-align: center;\">\n                    <hr style=\"\n                        border: none;\n                        border-top: 2px solid #e0e0e0;\n                        margin: 2rem auto;\n                        width: 50%;\n                    \" \/>\n                    <h2 style=\"\n                        color: #2c3e50;\n                        font-size: 2.25rem;\n                        font-weight: 700;\n                        margin-bottom: 1.5rem;\n                    \"><strong>Vibrant Student Life<\/strong><\/h2>\n                <\/div>\n            <\/div>\n        <\/div>\n        <div style=\"\n            display: flex;\n            flex-wrap: wrap;\n            gap: 1.5rem;\n        \">\n            <div class=\"panel-grid-cell\" style=\"\n                flex: 1 1 calc(25% - 1.125rem); \/* Default to 4 columns *\/\n                min-width: 220px; \/* Adjusted minimum width for cells before wrapping *\/\n                box-sizing: border-box;\n                background-color: #f9f9f9;\n                border-radius: 8px;\n                overflow: hidden;\n                box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);\n                padding: 1rem;\n                text-align: center;\n            \">\n                <img decoding=\"async\" src=\"https:\/\/placehold.co\/600x400\/87CEEB\/FFFFFF?text=Student+Clubs\" alt=\"Student Clubs\" style=\"\n                    width: 100%;\n                    height: 180px;\n                    object-fit: cover;\n                    border-radius: 6px;\n                    margin-bottom: 1rem;\n                \">\n                <h3 style=\"\n                    color: #34495e;\n                    font-size: 1.5rem;\n                    font-weight: 600;\n                    margin-bottom: 1rem;\n                \">Student Clubs &#038; Societies<\/h3>\n                <p style=\"\n                    color: #555;\n                    line-height: 1.6;\n                    margin-bottom: 1rem;\n                \">Engage in a wide array of clubs and societies, from academic and literary to arts and sports, fostering diverse interests and talents.<\/p>\n            <\/div>\n            <div class=\"panel-grid-cell\" style=\"\n                flex: 1 1 calc(25% - 1.125rem);\n                min-width: 220px;\n                box-sizing: border-box;\n                background-color: #f9f9f9;\n                border-radius: 8px;\n                overflow: hidden;\n                box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);\n                padding: 1rem;\n                text-align: center;\n            \">\n                <img decoding=\"async\" src=\"https:\/\/placehold.co\/600x400\/FFD700\/FFFFFF?text=Campus+Events\" alt=\"Campus Events\" style=\"\n                    width: 100%;\n                    height: 180px;\n                    object-fit: cover;\n                    border-radius: 6px;\n                    margin-bottom: 1rem;\n                \">\n                <h3 style=\"\n                    color: #34495e;\n                    font-size: 1.5rem;\n                    font-weight: 600;\n                    margin-bottom: 1rem;\n                \">Exciting Campus Events<\/h3>\n                <p style=\"\n                    color: #555;\n                    line-height: 1.6;\n                    margin-bottom: 1rem;\n                \">Participate in annual festivals, cultural programs, and inter-college competitions that make campus life vibrant and memorable.<\/p>\n            <\/div>\n            <div class=\"panel-grid-cell\" style=\"\n                flex: 1 1 calc(25% - 1.125rem);\n                min-width: 220px;\n                box-sizing: border-box;\n                background-color: #f9f9f9;\n                border-radius: 8px;\n                overflow: hidden;\n                box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);\n                padding: 1rem;\n                text-align: center;\n            \">\n                <img decoding=\"async\" src=\"https:\/\/placehold.co\/600x400\/98FB98\/FFFFFF?text=Sports+Activities\" alt=\"Sports Activities\" style=\"\n                    width: 100%;\n                    height: 180px;\n                    object-fit: cover;\n                    border-radius: 6px;\n                    margin-bottom: 1rem;\n                \">\n                <h3 style=\"\n                    color: #34495e;\n                    font-size: 1.5rem;\n                    font-weight: 600;\n                    margin-bottom: 1rem;\n                \">Sports and Recreation<\/h3>\n                <p style=\"\n                    color: #555;\n                    line-height: 1.6;\n                    margin-bottom: 1rem;\n                \">Our college promotes a healthy lifestyle with various sports facilities and opportunities for recreational activities.<\/p>\n            <\/div>\n            <div class=\"panel-grid-cell\" style=\"\n                flex: 1 1 calc(25% - 1.125rem);\n                min-width: 220px;\n                box-sizing: border-box;\n                background-color: #f9f9f9;\n                border-radius: 8px;\n                overflow: hidden;\n                box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);\n                padding: 1rem;\n                text-align: center;\n            \">\n                <img decoding=\"async\" src=\"https:\/\/placehold.co\/600x400\/FF6347\/FFFFFF?text=Community+Service\" alt=\"Community Service\" style=\"\n                    width: 100%;\n                    height: 180px;\n                    object-fit: cover;\n                    border-radius: 6px;\n                    margin-bottom: 1rem;\n                \">\n                <h3 style=\"\n                    color: #34495e;\n                    font-size: 1.5rem;\n                    font-weight: 600;\n                    margin-bottom: 1rem;\n                \">Community Service<\/h3>\n                <p style=\"\n                    color: #555;\n                    line-height: 1.6;\n                    margin-bottom: 1rem;\n                \">Students actively participate in community service initiatives, contributing positively to society and developing empathy.<\/p>\n            <\/div>\n        <\/div>\n    <\/div>\n\n    <!-- Academic Excellence Section -->\n    <div style=\"margin-bottom: 2rem;\">\n        <div style=\"\n            display: flex;\n            flex-wrap: wrap;\n            gap: 1.5rem;\n        \">\n            <div style=\"flex: 1 1 100%;\">\n                <div style=\"text-align: center;\">\n                    <hr style=\"\n                        border: none;\n                        border-top: 2px solid #e0e0e0;\n                        margin: 2rem auto;\n                        width: 50%;\n                    \" \/>\n                    <h2 style=\"\n                        color: #2c3e50;\n                        font-size: 2.25rem;\n                        font-weight: 700;\n                        margin-bottom: 1.5rem;\n                    \"><strong>Commitment to Academic Excellence<\/strong><\/h2>\n                <\/div>\n            <\/div>\n        <\/div>\n        <div style=\"\n            display: flex;\n            flex-wrap: wrap;\n            gap: 1.5rem;\n        \">\n            <div class=\"panel-grid-cell\" style=\"\n                flex: 1 1 calc(25% - 1.125rem);\n                min-width: 220px;\n                box-sizing: border-box;\n                background-color: #f9f9f9;\n                border-radius: 8px;\n                overflow: hidden;\n                box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);\n                padding: 1rem;\n                text-align: center;\n            \">\n                <img decoding=\"async\" src=\"https:\/\/placehold.co\/600x400\/ADD8E6\/FFFFFF?text=Modern+Classrooms\" alt=\"Modern Classrooms\" style=\"\n                    width: 100%;\n                    height: 180px;\n                    object-fit: cover;\n                    border-radius: 6px;\n                    margin-bottom: 1rem;\n                \">\n                <h3 style=\"\n                    color: #34495e;\n                    font-size: 1.5rem;\n                    font-weight: 600;\n                    margin-bottom: 1rem;\n                \">Modern Classrooms<\/h3>\n                <p style=\"\n                    color: #555;\n                    line-height: 1.6;\n                    margin-bottom: 1rem;\n                \">Learn in spacious, well-equipped classrooms designed to facilitate interactive and effective learning experiences.<\/p>\n            <\/div>\n            <div class=\"panel-grid-cell\" style=\"\n                flex: 1 1 calc(25% - 1.125rem);\n                min-width: 220px;\n                box-sizing: border-box;\n                background-color: #f9f9f9;\n                border-radius: 8px;\n                overflow: hidden;\n                box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);\n                padding: 1rem;\n                text-align: center;\n            \">\n                <img decoding=\"async\" src=\"https:\/\/placehold.co\/600x400\/FFB6C1\/FFFFFF?text=Experienced+Faculty\" alt=\"Experienced Faculty\" style=\"\n                    width: 100%;\n                    height: 180px;\n                    object-fit: cover;\n                    border-radius: 6px;\n                    margin-bottom: 1rem;\n                \">\n                <h3 style=\"\n                    color: #34495e;\n                    font-size: 1.5rem;\n                    font-weight: 600;\n                    margin-bottom: 1rem;\n                \">Experienced Faculty<\/h3>\n                <p style=\"\n                    color: #555;\n                    line-height: 1.6;\n                    margin-bottom: 1rem;\n                \">Benefit from the guidance of highly qualified and dedicated faculty members who are experts in their fields.<\/p>\n            <\/div>\n            <div class=\"panel-grid-cell\" style=\"\n                flex: 1 1 calc(25% - 1.125rem);\n                min-width: 220px;\n                box-sizing: border-box;\n                background-color: #f9f9f9;\n                border-radius: 8px;\n                overflow: hidden;\n                box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);\n                padding: 1rem;\n                text-align: center;\n            \">\n                <img decoding=\"async\" src=\"https:\/\/placehold.co\/600x400\/DDA0DD\/FFFFFF?text=Research+Opportunities\" alt=\"Research Opportunities\" style=\"\n                    width: 100%;\n                    height: 180px;\n                    object-fit: cover;\n                    border-radius: 6px;\n                    margin-bottom: 1rem;\n                \">\n                <h3 style=\"\n                    color: #34495e;\n                    font-size: 1.5rem;\n                    font-weight: 600;\n                    margin-bottom: 1rem;\n                \">Research Opportunities<\/h3>\n                <p style=\"\n                    color: #555;\n                    line-height: 1.6;\n                    margin-bottom: 1rem;\n                \">Engage in cutting-edge research projects and contribute to new knowledge under the mentorship of professors.<\/p>\n            <\/div>\n            <div class=\"panel-grid-cell\" style=\"\n                flex: 1 1 calc(25% - 1.125rem);\n                min-width: 220px;\n                box-sizing: border-box;\n                background-color: #f9f9f9;\n                border-radius: 8px;\n                overflow: hidden;\n                box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);\n                padding: 1rem;\n                text-align: center;\n            \">\n                <img decoding=\"async\" src=\"https:\/\/placehold.co\/600x400\/8A2BE2\/FFFFFF?text=Interdisciplinary+Studies\" alt=\"Interdisciplinary Studies\" style=\"\n                    width: 100%;\n                    height: 180px;\n                    object-fit: cover;\n                    border-radius: 6px;\n                    margin-bottom: 1rem;\n                \">\n                <h3 style=\"\n                    color: #34495e;\n                    font-size: 1.5rem;\n                    font-weight: 600;\n                    margin-bottom: 1rem;\n                \">Interdisciplinary Studies<\/h3>\n                <p style=\"\n                    color: #555;\n                    line-height: 1.6;\n                    margin-bottom: 1rem;\n                \">Explore a wide range of subjects through interdisciplinary programs, fostering holistic intellectual development.<\/p>\n            <\/div>\n        <\/div>\n    <\/div>\n\n    <!-- Campus Facilities Section -->\n    <div style=\"margin-bottom: 2rem;\">\n        <div style=\"\n            display: flex;\n            flex-wrap: wrap;\n            gap: 1.5rem;\n        \">\n            <div style=\"flex: 1 1 100%;\">\n                <div style=\"text-align: center;\">\n                    <hr style=\"\n                        border: none;\n                        border-top: 2px solid #e0e0e0;\n                        margin: 2rem auto;\n                        width: 50%;\n                    \" \/>\n                    <h2 style=\"\n                        color: #2c3e50;\n                        font-size: 2.25rem;\n                        font-weight: 700;\n                        margin-bottom: 1.5rem;\n                    \"><strong>State-of-the-Art Facilities<\/strong><\/h2>\n                <\/div>\n            <\/div>\n        <\/div>\n        <div style=\"\n            display: flex;\n            flex-wrap: wrap;\n            gap: 1.5rem;\n        \">\n            <div class=\"panel-grid-cell\" style=\"\n                flex: 1 1 calc(25% - 1.125rem);\n                min-width: 220px;\n                box-sizing: border-box;\n                background-color: #f9f9f9;\n                border-radius: 8px;\n                overflow: hidden;\n                box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);\n                padding: 1rem;\n                text-align: center;\n            \">\n                <img decoding=\"async\" src=\"https:\/\/placehold.co\/600x400\/B0E0E6\/FFFFFF?text=Library\" alt=\"College Library\" style=\"\n                    width: 100%;\n                    height: 180px;\n                    object-fit: cover;\n                    border-radius: 6px;\n                    margin-bottom: 1rem;\n                \">\n                <h3 style=\"\n                    color: #34495e;\n                    font-size: 1.5rem;\n                    font-weight: 600;\n                    margin-bottom: 1rem;\n                \">Extensive Library<\/h3>\n                <p style=\"\n                    color: #555;\n                    line-height: 1.6;\n                    margin-bottom: 1rem;\n                \">Access a vast collection of books, journals, and digital resources in our well-stocked and serene library.<\/p>\n            <\/div>\n            <div class=\"panel-grid-cell\" style=\"\n                flex: 1 1 calc(25% - 1.125rem);\n                min-width: 220px;\n                box-sizing: border-box;\n                background-color: #f9f9f9;\n                border-radius: 8px;\n                overflow: hidden;\n                box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);\n                padding: 1rem;\n                text-align: center;\n            \">\n                <img decoding=\"async\" src=\"https:\/\/placehold.co\/600x400\/F08080\/FFFFFF?text=Laboratories\" alt=\"Modern Laboratories\" style=\"\n                    width: 100%;\n                    height: 180px;\n                    object-fit: cover;\n                    border-radius: 6px;\n                    margin-bottom: 1rem;\n                \">\n                <h3 style=\"\n                    color: #34495e;\n                    font-size: 1.5rem;\n                    font-weight: 600;\n                    margin-bottom: 1rem;\n                \">Modern Laboratories<\/h3>\n                <p style=\"\n                    color: #555;\n                    line-height: 1.6;\n                    margin-bottom: 1rem;\n                \">Conduct experiments and practical studies in our advanced laboratories equipped with the latest technology.<\/p>\n            <\/div>\n            <div class=\"panel-grid-cell\" style=\"\n                flex: 1 1 calc(25% - 1.125rem);\n                min-width: 220px;\n                box-sizing: border-box;\n                background-color: #f9f9f9;\n                border-radius: 8px;\n                overflow: hidden;\n                box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);\n                padding: 1rem;\n                text-align: center;\n            \">\n                <img decoding=\"async\" src=\"https:\/\/placehold.co\/600x400\/90EE90\/FFFFFF?text=Auditorium\" alt=\"Auditorium\" style=\"\n                    width: 100%;\n                    height: 180px;\n                    object-fit: cover;\n                    border-radius: 6px;\n                    margin-bottom: 1rem;\n                \">\n                <h3 style=\"\n                    color: #34495e;\n                    font-size: 1.5rem;\n                    font-weight: 600;\n                    margin-bottom: 1rem;\n                \">Spacious Auditorium<\/h3>\n                <p style=\"\n                    color: #555;\n                    line-height: 1.6;\n                    margin-bottom: 1rem;\n                \">Our large auditorium hosts various events, conferences, and performances, providing a perfect venue for gatherings.<\/p>\n            <\/div>\n            <div class=\"panel-grid-cell\" style=\"\n                flex: 1 1 calc(25% - 1.125rem);\n                min-width: 220px;\n                box-sizing: border-box;\n                background-color: #f9f9f9;\n                border-radius: 8px;\n                overflow: hidden;\n                box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);\n                padding: 1rem;\n                text-align: center;\n            \">\n                <img decoding=\"async\" src=\"https:\/\/placehold.co\/600x400\/FFC0CB\/FFFFFF?text=Cafeteria\" alt=\"Cafeteria\" style=\"\n                    width: 100%;\n                    height: 180px;\n                    object-fit: cover;\n                    border-radius: 6px;\n                    margin-bottom: 1rem;\n                \">\n                <h3 style=\"\n                    color: #34495e;\n                    font-size: 1.5rem;\n                    font-weight: 600;\n                    margin-bottom: 1rem;\n                \">Modern Cafeteria<\/h3>\n                <p style=\"\n                    color: #555;\n                    line-height: 1.6;\n                    margin-bottom: 1rem;\n                \">Enjoy a variety of healthy and delicious meals in our spacious and hygienic campus cafeteria.<\/p>\n            <\/div>\n        <\/div>\n    <\/div>\n\n    <!-- Inspire 2025 Annual Fest Section -->\n    <div style=\"margin-bottom: 2rem;\">\n        <div style=\"\n            display: flex;\n            flex-wrap: wrap;\n            gap: 1.5rem;\n        \">\n            <div style=\"flex: 1 1 100%;\">\n                <div style=\"text-align: center;\">\n                    <hr style=\"\n                        border: none;\n                        border-top: 2px solid #e0e0e0;\n                        margin: 2rem auto;\n                        width: 50%;\n                    \" \/>\n                    <h2 style=\"\n                        color: #2c3e50;\n                        font-size: 2.25rem;\n                        font-weight: 700;\n                        margin-bottom: 1.5rem;\n                    \">Inspire 2025&#8243; Annual Fest<\/h2>\n                <\/div>\n            <\/div>\n        <\/div>\n        <div style=\"\n            display: flex;\n            flex-wrap: wrap;\n            gap: 1.5rem;\n        \">\n            <div class=\"panel-grid-cell\" style=\"\n                flex: 1 1 calc(25% - 1.125rem);\n                min-width: 220px;\n                box-sizing: border-box;\n                background-color: #f9f9f9;\n                border-radius: 8px;\n                overflow: hidden;\n                box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);\n                padding: 1rem;\n                text-align: center;\n            \">\n                <img decoding=\"async\" src=\"https:\/\/placehold.co\/600x400\/87CEEB\/FFFFFF?text=Fest+Image+1\" alt=\"Inspire Fest Image 1\" style=\"\n                    width: 100%;\n                    height: 180px;\n                    object-fit: cover;\n                    border-radius: 6px;\n                    margin-bottom: 1rem;\n                \">\n            <\/div>\n            <div class=\"panel-grid-cell\" style=\"\n                flex: 1 1 calc(25% - 1.125rem);\n                min-width: 220px;\n                box-sizing: border-box;\n                background-color: #f9f9f9;\n                border-radius: 8px;\n                overflow: hidden;\n                box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);\n                padding: 1rem;\n                text-align: center;\n            \">\n                <img decoding=\"async\" src=\"https:\/\/placehold.co\/600x400\/FFD700\/FFFFFF?text=Fest+Image+2\" alt=\"Inspire Fest Image 2\" style=\"\n                    width: 100%;\n                    height: 180px;\n                    object-fit: cover;\n                    border-radius: 6px;\n                    margin-bottom: 1rem;\n                \">\n            <\/div>\n            <div class=\"panel-grid-cell\" style=\"\n                flex: 1 1 calc(25% - 1.125rem);\n                min-width: 220px;\n                box-sizing: border-box;\n                background-color: #f9f9f9;\n                border-radius: 8px;\n                overflow: hidden;\n                box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);\n                padding: 1rem;\n                text-align: center;\n            \">\n                <img decoding=\"async\" src=\"https:\/\/placehold.co\/600x400\/98FB98\/FFFFFF?text=Fest+Image+3\" alt=\"Inspire Fest Image 3\" style=\"\n                    width: 100%;\n                    height: 180px;\n                    object-fit: cover;\n                    border-radius: 6px;\n                    margin-bottom: 1rem;\n                \">\n            <\/div>\n            <div class=\"panel-grid-cell\" style=\"\n                flex: 1 1 calc(25% - 1.125rem);\n                min-width: 220px;\n                box-sizing: border-box;\n                background-color: #f9f9f9;\n                border-radius: 8px;\n                overflow: hidden;\n                box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);\n                padding: 1rem;\n                text-align: center;\n            \">\n                <img decoding=\"async\" src=\"https:\/\/placehold.co\/600x400\/FF6347\/FFFFFF?text=Fest+Image+4\" alt=\"Inspire Fest Image 4\" style=\"\n                    width: 100%;\n                    height: 180px;\n                    object-fit: cover;\n                    border-radius: 6px;\n                    margin-bottom: 1rem;\n                \">\n            <\/div>\n        <\/div>\n        <div style=\"\n            display: flex;\n            flex-wrap: wrap;\n            gap: 1.5rem;\n            margin-top: 1.5rem; \/* Space between rows of images *\/\n        \">\n            <div class=\"panel-grid-cell\" style=\"\n                flex: 1 1 calc(25% - 1.125rem);\n                min-width: 220px;\n                box-sizing: border-box;\n                background-color: #f9f9f9;\n                border-radius: 8px;\n                overflow: hidden;\n                box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);\n                padding: 1rem;\n                text-align: center;\n            \">\n                <img decoding=\"async\" src=\"https:\/\/placehold.co\/600x400\/ADD8E6\/FFFFFF?text=Fest+Image+5\" alt=\"Inspire Fest Image 5\" style=\"\n                    width: 100%;\n                    height: 180px;\n                    object-fit: cover;\n                    border-radius: 6px;\n                    margin-bottom: 1rem;\n                \">\n            <\/div>\n            <div class=\"panel-grid-cell\" style=\"\n                flex: 1 1 calc(25% - 1.125rem);\n                min-width: 220px;\n                box-sizing: border-box;\n                background-color: #f9f9f9;\n                border-radius: 8px;\n                overflow: hidden;\n                box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);\n                padding: 1rem;\n                text-align: center;\n            \">\n                <img decoding=\"async\" src=\"https:\/\/placehold.co\/600x400\/FFB6C1\/FFFFFF?text=Fest+Image+6\" alt=\"Inspire Fest Image 6\" style=\"\n                    width: 100%;\n                    height: 180px;\n                    object-fit: cover;\n                    border-radius: 6px;\n                    margin-bottom: 1rem;\n                \">\n            <\/div>\n            <div class=\"panel-grid-cell\" style=\"\n                flex: 1 1 calc(25% - 1.125rem);\n                min-width: 220px;\n                box-sizing: border-box;\n                background-color: #f9f9f9;\n                border-radius: 8px;\n                overflow: hidden;\n                box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);\n                padding: 1rem;\n                text-align: center;\n            \">\n                <img decoding=\"async\" src=\"https:\/\/placehold.co\/600x400\/DDA0DD\/FFFFFF?text=Fest+Image+7\" alt=\"Inspire Fest Image 7\" style=\"\n                    width: 100%;\n                    height: 180px;\n                    object-fit: cover;\n                    border-radius: 6px;\n                    margin-bottom: 1rem;\n                \">\n            <\/div>\n            <div class=\"panel-grid-cell\" style=\"\n                flex: 1 1 calc(25% - 1.125rem);\n                min-width: 220px;\n                box-sizing: border-box;\n                background-color: #f9f9f9;\n                border-radius: 8px;\n                overflow: hidden;\n                box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);\n                padding: 1rem;\n                text-align: center;\n            \">\n                <img decoding=\"async\" src=\"https:\/\/placehold.co\/600x400\/8A2BE2\/FFFFFF?text=Fest+Image+8\" alt=\"Inspire Fest Image 8\" style=\"\n                    width: 100%;\n                    height: 180px;\n                    object-fit: cover;\n                    border-radius: 6px;\n                    margin-bottom: 1rem;\n                \">\n            <\/div>\n        <\/div>\n        <div style=\"\n            display: flex;\n            flex-wrap: wrap;\n            gap: 1.5rem;\n            margin-top: 1.5rem; \/* Space between rows of images *\/\n        \">\n            <div class=\"panel-grid-cell\" style=\"\n                flex: 1 1 calc(25% - 1.125rem);\n                min-width: 220px;\n                box-sizing: border-box;\n                background-color: #f9f9f9;\n                border-radius: 8px;\n                overflow: hidden;\n                box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);\n                padding: 1rem;\n                text-align: center;\n            \">\n                <img decoding=\"async\" src=\"https:\/\/placehold.co\/600x400\/B0E0E6\/FFFFFF?text=Fest+Image+9\" alt=\"Inspire Fest Image 9\" style=\"\n                    width: 100%;\n                    height: 180px;\n                    object-fit: cover;\n                    border-radius: 6px;\n                    margin-bottom: 1rem;\n                \">\n            <\/div>\n            <div class=\"panel-grid-cell\" style=\"\n                flex: 1 1 calc(25% - 1.125rem);\n                min-width: 220px;\n                box-sizing: border-box;\n                background-color: #f9f9f9;\n                border-radius: 8px;\n                overflow: hidden;\n                box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);\n                padding: 1rem;\n                text-align: center;\n            \">\n                <img decoding=\"async\" src=\"https:\/\/placehold.co\/600x400\/F08080\/FFFFFF?text=Fest+Image+10\" alt=\"Inspire Fest Image 10\" style=\"\n                    width: 100%;\n                    height: 180px;\n                    object-fit: cover;\n                    border-radius: 6px;\n                    margin-bottom: 1rem;\n                \">\n            <\/div>\n            <div class=\"panel-grid-cell\" style=\"\n                flex: 1 1 calc(25% - 1.125rem);\n                min-width: 220px;\n                box-sizing: border-box;\n                background-color: #f9f9f9;\n                border-radius: 8px;\n                overflow: hidden;\n                box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);\n                padding: 1rem;\n                text-align: center;\n            \">\n                <img decoding=\"async\" src=\"https:\/\/placehold.co\/600x400\/90EE90\/FFFFFF?text=Fest+Image+11\" alt=\"Inspire Fest Image 11\" style=\"\n                    width: 100%;\n                    height: 180px;\n                    object-fit: cover;\n                    border-radius: 6px;\n                    margin-bottom: 1rem;\n                \">\n            <\/div>\n            <div class=\"panel-grid-cell\" style=\"\n                flex: 1 1 calc(25% - 1.125rem);\n                min-width: 220px;\n                box-sizing: border-box;\n                background-color: #f9f9f9;\n                border-radius: 8px;\n                overflow: hidden;\n                box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);\n                padding: 1rem;\n                text-align: center;\n            \">\n                <img decoding=\"async\" src=\"https:\/\/placehold.co\/600x400\/FFC0CB\/FFFFFF?text=Fest+Image+12\" alt=\"Inspire Fest Image 12\" style=\"\n                    width: 100%;\n                    height: 180px;\n                    object-fit: cover;\n                    border-radius: 6px;\n                    margin-bottom: 1rem;\n                \">\n            <\/div>\n        <\/div>\n    <\/div>\n\n    <!-- 77th Independence Day Celebrations Section -->\n    <div style=\"margin-bottom: 2rem;\">\n        <div style=\"\n            display: flex;\n            flex-wrap: wrap;\n            gap: 1.5rem;\n        \">\n            <div style=\"flex: 1 1 100%;\">\n                <div style=\"text-align: center;\">\n                    <hr style=\"\n                        border: none;\n                        border-top: 2px solid #e0e0e0;\n                        margin: 2rem auto;\n                        width: 50%;\n                    \" \/>\n                    <h2 style=\"\n                        color: #2c3e50;\n                        font-size: 2.25rem;\n                        font-weight: 700;\n                        margin-bottom: 1.5rem;\n                    \"><strong>77th Independence Day Celebrations <\/strong><\/h2>\n                <\/div>\n            <\/div>\n        <\/div>\n        <div style=\"\n            display: flex;\n            flex-wrap: wrap;\n            gap: 1.5rem;\n        \">\n            <div class=\"panel-grid-cell\" style=\"\n                flex: 1 1 calc(33.333% - 1rem); \/* 3 columns for this section *\/\n                min-width: 250px;\n                box-sizing: border-box;\n                background-color: #f9f9f9;\n                border-radius: 8px;\n                overflow: hidden;\n                box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);\n                padding: 1rem;\n                text-align: center;\n            \">\n                <img decoding=\"async\" src=\"https:\/\/placehold.co\/600x400\/87CEEB\/FFFFFF?text=Independence+Day+1\" alt=\"Independence Day Image 1\" style=\"\n                    width: 100%;\n                    height: 180px;\n                    object-fit: cover;\n                    border-radius: 6px;\n                    margin-bottom: 1rem;\n                \">\n            <\/div>\n            <div class=\"panel-grid-cell\" style=\"\n                flex: 1 1 calc(33.333% - 1rem);\n                min-width: 250px;\n                box-sizing: border-box;\n                background-color: #f9f9f9;\n                border-radius: 8px;\n                overflow: hidden;\n                box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);\n                padding: 1rem;\n                text-align: center;\n            \">\n                <img decoding=\"async\" src=\"https:\/\/placehold.co\/600x400\/FFD700\/FFFFFF?text=Independence+Day+2\" alt=\"Independence Day Image 2\" style=\"\n                    width: 100%;\n                    height: 180px;\n                    object-fit: cover;\n                    border-radius: 6px;\n                    margin-bottom: 1rem;\n                \">\n            <\/div>\n            <div class=\"panel-grid-cell\" style=\"\n                flex: 1 1 calc(33.333% - 1rem);\n                min-width: 250px;\n                box-sizing: border-box;\n                background-color: #f9f9f9;\n                border-radius: 8px;\n                overflow: hidden;\n                box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);\n                padding: 1rem;\n                text-align: center;\n            \">\n                <img decoding=\"async\" src=\"https:\/\/placehold.co\/600x400\/98FB98\/FFFFFF?text=Independence+Day+3\" alt=\"Independence Day Image 3\" style=\"\n                    width: 100%;\n                    height: 180px;\n                    object-fit: cover;\n                    border-radius: 6px;\n                    margin-bottom: 1rem;\n                \">\n            <\/div>\n        <\/div>\n    <\/div>\n\n    <!-- INSPIRE-2023 Cultural Events Section -->\n    <div style=\"margin-bottom: 2rem;\">\n        <div style=\"\n            display: flex;\n            flex-wrap: wrap;\n            gap: 1.5rem;\n        \">\n            <div style=\"flex: 1 1 100%;\">\n                <div style=\"text-align: center;\">\n                    <hr style=\"\n                        border: none;\n                        border-top: 2px solid #e0e0e0;\n                        margin: 2rem auto;\n                        width: 50%;\n                    \" \/>\n                    <h2 style=\"\n                        color: #2c3e50;\n                        font-size: 2.25rem;\n                        font-weight: 700;\n                        margin-bottom: 1.5rem;\n                    \"><strong>INSPIRE-2023 Cultural Events <\/strong><\/h2>\n                <\/div>\n            <\/div>\n        <\/div>\n        <div style=\"\n            display: flex;\n            flex-wrap: wrap;\n            gap: 1.5rem;\n        \">\n            <div class=\"panel-grid-cell\" style=\"\n                flex: 1 1 calc(25% - 1.125rem);\n                min-width: 220px;\n                box-sizing: border-box;\n                background-color: #f9f9f9;\n                border-radius: 8px;\n                overflow: hidden;\n                box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);\n                padding: 1rem;\n                text-align: center;\n            \">\n                <img decoding=\"async\" src=\"https:\/\/placehold.co\/600x400\/ADD8E6\/FFFFFF?text=Cultural+Event+1\" alt=\"Cultural Event Image 1\" style=\"\n                    width: 100%;\n                    height: 180px;\n                    object-fit: cover;\n                    border-radius: 6px;\n                    margin-bottom: 1rem;\n                \">\n            <\/div>\n            <div class=\"panel-grid-cell\" style=\"\n                flex: 1 1 calc(25% - 1.125rem);\n                min-width: 220px;\n                box-sizing: border-box;\n                background-color: #f9f9f9;\n                border-radius: 8px;\n                overflow: hidden;\n                box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);\n                padding: 1rem;\n                text-align: center;\n            \">\n                <img decoding=\"async\" src=\"https:\/\/placehold.co\/600x400\/FFB6C1\/FFFFFF?text=Cultural+Event+2\" alt=\"Cultural Event Image 2\" style=\"\n                    width: 100%;\n                    height: 180px;\n                    object-fit: cover;\n                    border-radius: 6px;\n                    margin-bottom: 1rem;\n                \">\n            <\/div>\n            <div class=\"panel-grid-cell\" style=\"\n                flex: 1 1 calc(25% - 1.125rem);\n                min-width: 220px;\n                box-sizing: border-box;\n                background-color: #f9f9f9;\n                border-radius: 8px;\n                overflow: hidden;\n                box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);\n                padding: 1rem;\n                text-align: center;\n            \">\n                <img decoding=\"async\" src=\"https:\/\/placehold.co\/600x400\/DDA0DD\/FFFFFF?text=Cultural+Event+3\" alt=\"Cultural Event Image 3\" style=\"\n                    width: 100%;\n                    height: 180px;\n                    object-fit: cover;\n                    border-radius: 6px;\n                    margin-bottom: 1rem;\n                \">\n            <\/div>\n            <div class=\"panel-grid-cell\" style=\"\n                flex: 1 1 calc(25% - 1.125rem);\n                min-width: 220px;\n                box-sizing: border-box;\n                background-color: #f9f9f9;\n                border-radius: 8px;\n                overflow: hidden;\n                box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);\n                padding: 1rem;\n                text-align: center;\n            \">\n                <img decoding=\"async\" src=\"https:\/\/placehold.co\/600x400\/8A2BE2\/FFFFFF?text=Cultural+Event+4\" alt=\"Cultural Event Image 4\" style=\"\n                    width: 100%;\n                    height: 180px;\n                    object-fit: cover;\n                    border-radius: 6px;\n                    margin-bottom: 1rem;\n                \">\n            <\/div>\n        <\/div>\n        <div style=\"\n            display: flex;\n            flex-wrap: wrap;\n            gap: 1.5rem;\n            margin-top: 1.5rem;\n        \">\n            <div class=\"panel-grid-cell\" style=\"\n                flex: 1 1 calc(25% - 1.125rem);\n                min-width: 220px;\n                box-sizing: border-box;\n                background-color: #f9f9f9;\n                border-radius: 8px;\n                overflow: hidden;\n                box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);\n                padding: 1rem;\n                text-align: center;\n            \">\n                <img decoding=\"async\" src=\"https:\/\/placehold.co\/600x400\/B0E0E6\/FFFFFF?text=Cultural+Event+5\" alt=\"Cultural Event Image 5\" style=\"\n                    width: 100%;\n                    height: 180px;\n                    object-fit: cover;\n                    border-radius: 6px;\n                    margin-bottom: 1rem;\n                \">\n            <\/div>\n            <div class=\"panel-grid-cell\" style=\"\n                flex: 1 1 calc(25% - 1.125rem);\n                min-width: 220px;\n                box-sizing: border-box;\n                background-color: #f9f9f9;\n                border-radius: 8px;\n                overflow: hidden;\n                box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);\n                padding: 1rem;\n                text-align: center;\n            \">\n                <img decoding=\"async\" src=\"https:\/\/placehold.co\/600x400\/F08080\/FFFFFF?text=Cultural+Event+6\" alt=\"Cultural Event Image 6\" style=\"\n                    width: 100%;\n                    height: 180px;\n                    object-fit: cover;\n                    border-radius: 6px;\n                    margin-bottom: 1rem;\n                \">\n            <\/div>\n            <div class=\"panel-grid-cell\" style=\"\n                flex: 1 1 calc(25% - 1.125rem);\n                min-width: 220px;\n                box-sizing: border-box;\n                background-color: #f9f9f9;\n                border-radius: 8px;\n                overflow: hidden;\n                box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);\n                padding: 1rem;\n                text-align: center;\n            \">\n                <img decoding=\"async\" src=\"https:\/\/placehold.co\/600x400\/90EE90\/FFFFFF?text=Cultural+Event+7\" alt=\"Cultural Event Image 7\" style=\"\n                    width: 100%;\n                    height: 180px;\n                    object-fit: cover;\n                    border-radius: 6px;\n                    margin-bottom: 1rem;\n                \">\n            <\/div>\n            <div class=\"panel-grid-cell\" style=\"\n                flex: 1 1 calc(25% - 1.125rem);\n                min-width: 220px;\n                box-sizing: border-box;\n                background-color: #f9f9f9;\n                border-radius: 8px;\n                overflow: hidden;\n                box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);\n                padding: 1rem;\n                text-align: center;\n            \">\n                <img decoding=\"async\" src=\"https:\/\/placehold.co\/600x400\/FFC0CB\/FFFFFF?text=Cultural+Event+8\" alt=\"Cultural Event Image 8\" style=\"\n                    width: 100%;\n                    height: 180px;\n                    object-fit: cover;\n                    border-radius: 6px;\n                    margin-bottom: 1rem;\n                \">\n            <\/div>\n        <\/div>\n        <div style=\"\n            display: flex;\n            flex-wrap: wrap;\n            gap: 1.5rem;\n            margin-top: 1.5rem;\n        \">\n            <div class=\"panel-grid-cell\" style=\"\n                flex: 1 1 calc(25% - 1.125rem);\n                min-width: 220px;\n                box-sizing: border-box;\n                background-color: #f9f9f9;\n                border-radius: 8px;\n                overflow: hidden;\n                box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);\n                padding: 1rem;\n                text-align: center;\n            \">\n                <img decoding=\"async\" src=\"https:\/\/placehold.co\/600x400\/87CEEB\/FFFFFF?text=Cultural+Event+9\" alt=\"Cultural Event Image 9\" style=\"\n                    width: 100%;\n                    height: 180px;\n                    object-fit: cover;\n                    border-radius: 6px;\n                    margin-bottom: 1rem;\n                \">\n            <\/div>\n            <div class=\"panel-grid-cell\" style=\"\n                flex: 1 1 calc(25% - 1.125rem);\n                min-width: 220px;\n                box-sizing: border-box;\n                background-color: #f9f9f9;\n                border-radius: 8px;\n                overflow: hidden;\n                box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);\n                padding: 1rem;\n                text-align: center;\n            \">\n                <img decoding=\"async\" src=\"https:\/\/placehold.co\/600x400\/FFD700\/FFFFFF?text=Cultural+Event+10\" alt=\"Cultural Event Image 10\" style=\"\n                    width: 100%;\n                    height: 180px;\n                    object-fit: cover;\n                    border-radius: 6px;\n                    margin-bottom: 1rem;\n                \">\n            <\/div>\n            <div class=\"panel-grid-cell\" style=\"\n                flex: 1 1 calc(25% - 1.125rem);\n                min-width: 220px;\n                box-sizing: border-box;\n                background-color: #f9f9f9;\n                border-radius: 8px;\n                overflow: hidden;\n                box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);\n                padding: 1rem;\n                text-align: center;\n            \">\n                <img decoding=\"async\" src=\"https:\/\/placehold.co\/600x400\/98FB98\/FFFFFF?text=Cultural+Event+11\" alt=\"Cultural Event Image 11\" style=\"\n                    width: 100%;\n                    height: 180px;\n                    object-fit: cover;\n                    border-radius: 6px;\n                    margin-bottom: 1rem;\n                \">\n            <\/div>\n            <div class=\"panel-grid-cell\" style=\"\n                flex: 1 1 calc(25% - 1.125rem);\n                min-width: 220px;\n                box-sizing: border-box;\n                background-color: #f9f9f9;\n                border-radius: 8px;\n                overflow: hidden;\n                box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);\n                padding: 1rem;\n                text-align: center;\n            \">\n                <img decoding=\"async\" src=\"https:\/\/placehold.co\/600x400\/FF6347\/FFFFFF?text=Cultural+Event+12\" alt=\"Cultural Event Image 12\" style=\"\n                    width: 100%;\n                    height: 180px;\n                    object-fit: cover;\n                    border-radius: 6px;\n                    margin-bottom: 1rem;\n                \">\n            <\/div>\n        <\/div>\n    <\/div>\n\n    <!-- NAAC PEER TEAM VISIT (2ND CYCLE) DATE: 28-29 MARCH' 2023 Section -->\n    <div style=\"margin-bottom: 2rem;\">\n        <div style=\"\n            display: flex;\n            flex-wrap: wrap;\n            gap: 1.5rem;\n        \">\n            <div style=\"flex: 1 1 100%;\">\n                <div style=\"text-align: center;\">\n                    <hr style=\"\n                        border: none;\n                        border-top: 2px solid #e0e0e0;\n                        margin: 2rem auto;\n                        width: 50%;\n                    \" \/>\n                    <h2 style=\"\n                        color: #2c3e50;\n                        font-size: 2.25rem;\n                        font-weight: 700;\n                        margin-bottom: 1.5rem;\n                    \"><strong> NAAC PEER TEAM VISIT (2ND CYCLE) DATE: 28-29 MARCH&#8217; 2023 <\/strong><\/h2>\n                <\/div>\n            <\/div>\n        <\/div>\n        <div style=\"\n            display: flex;\n            flex-wrap: wrap;\n            gap: 1.5rem;\n        \">\n            <div class=\"panel-grid-cell\" style=\"\n                flex: 1 1 calc(25% - 1.125rem);\n                min-width: 220px;\n                box-sizing: border-box;\n                background-color: #f9f9f9;\n                border-radius: 8px;\n                overflow: hidden;\n                box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);\n                padding: 1rem;\n                text-align: center;\n            \">\n                <img decoding=\"async\" src=\"https:\/\/placehold.co\/600x400\/ADD8E6\/FFFFFF?text=NAAC+Visit+1\" alt=\"NAAC Visit Image 1\" style=\"\n                    width: 100%;\n                    height: 180px;\n                    object-fit: cover;\n                    border-radius: 6px;\n                    margin-bottom: 1rem;\n                \">\n            <\/div>\n            <div class=\"panel-grid-cell\" style=\"\n                flex: 1 1 calc(25% - 1.125rem);\n                min-width: 220px;\n                box-sizing: border-box;\n                background-color: #f9f9f9;\n                border-radius: 8px;\n                overflow: hidden;\n                box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);\n                padding: 1rem;\n                text-align: center;\n            \">\n                <img decoding=\"async\" src=\"https:\/\/placehold.co\/600x400\/FFB6C1\/FFFFFF?text=NAAC+Visit+2\" alt=\"NAAC Visit Image 2\" style=\"\n                    width: 100%;\n                    height: 180px;\n                    object-fit: cover;\n                    border-radius: 6px;\n                    margin-bottom: 1rem;\n                \">\n            <\/div>\n            <div class=\"panel-grid-cell\" style=\"\n                flex: 1 1 calc(25% - 1.125rem);\n                min-width: 220px;\n                box-sizing: border-box;\n                background-color: #f9f9f9;\n                border-radius: 8px;\n                overflow: hidden;\n                box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);\n                padding: 1rem;\n                text-align: center;\n            \">\n                <img decoding=\"async\" src=\"https:\/\/placehold.co\/600x400\/DDA0DD\/FFFFFF?text=NAAC+Visit+3\" alt=\"NAAC Visit Image 3\" style=\"\n                    width: 100%;\n                    height: 180px;\n                    object-fit: cover;\n                    border-radius: 6px;\n                    margin-bottom: 1rem;\n                \">\n            <\/div>\n            <div class=\"panel-grid-cell\" style=\"\n                flex: 1 1 calc(25% - 1.125rem);\n                min-width: 220px;\n                box-sizing: border-box;\n                background-color: #f9f9f9;\n                border-radius: 8px;\n                overflow: hidden;\n                box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);\n                padding: 1rem;\n                text-align: center;\n            \">\n                <img decoding=\"async\" src=\"https:\/\/placehold.co\/600x400\/8A2BE2\/FFFFFF?text=NAAC+Visit+4\" alt=\"NAAC Visit Image 4\" style=\"\n                    width: 100%;\n                    height: 180px;\n                    object-fit: cover;\n                    border-radius: 6px;\n                    margin-bottom: 1rem;\n                \">\n            <\/div>\n        <\/div>\n        <div style=\"\n            display: flex;\n            flex-wrap: wrap;\n            gap: 1.5rem;\n            margin-top: 1.5rem;\n        \">\n            <div class=\"panel-grid-cell\" style=\"\n                flex: 1 1 calc(25% - 1.125rem);\n                min-width: 220px;\n                box-sizing: border-box;\n                background-color: #f9f9f9;\n                border-radius: 8px;\n                overflow: hidden;\n                box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);\n                padding: 1rem;\n                text-align: center;\n            \">\n                <img decoding=\"async\" src=\"https:\/\/placehold.co\/600x400\/B0E0E6\/FFFFFF?text=NAAC+Visit+5\" alt=\"NAAC Visit Image 5\" style=\"\n                    width: 100%;\n                    height: 180px;\n                    object-fit: cover;\n                    border-radius: 6px;\n                    margin-bottom: 1rem;\n                \">\n            <\/div>\n            <div class=\"panel-grid-cell\" style=\"\n                flex: 1 1 calc(25% - 1.125rem);\n                min-width: 220px;\n                box-sizing: border-box;\n                background-color: #f9f9f9;\n                border-radius: 8px;\n                overflow: hidden;\n                box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);\n                padding: 1rem;\n                text-align: center;\n            \">\n                <img decoding=\"async\" src=\"https:\/\/placehold.co\/600x400\/F08080\/FFFFFF?text=NAAC+Visit+6\" alt=\"NAAC Visit Image 6\" style=\"\n                    width: 100%;\n                    height: 180px;\n                    object-fit: cover;\n                    border-radius: 6px;\n                    margin-bottom: 1rem;\n                \">\n            <\/div>\n            <div class=\"panel-grid-cell\" style=\"\n                flex: 1 1 calc(25% - 1.125rem);\n                min-width: 220px;\n                box-sizing: border-box;\n                background-color: #f9f9f9;\n                border-radius: 8px;\n                overflow: hidden;\n                box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);\n                padding: 1rem;\n                text-align: center;\n            \">\n                <img decoding=\"async\" src=\"https:\/\/placehold.co\/600x400\/90EE90\/FFFFFF?text=NAAC+Visit+7\" alt=\"NAAC Visit Image 7\" style=\"\n                    width: 100%;\n                    height: 180px;\n                    object-fit: cover;\n                    border-radius: 6px;\n                    margin-bottom: 1rem;\n                \">\n            <\/div>\n            <div class=\"panel-grid-cell\" style=\"\n                flex: 1 1 calc(25% - 1.125rem);\n                min-width: 220px;\n                box-sizing: border-box;\n                background-color: #f9f9f9;\n                border-radius: 8px;\n                overflow: hidden;\n                box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);\n                padding: 1rem;\n                text-align: center;\n            \">\n                <img decoding=\"async\" src=\"https:\/\/placehold.co\/600x400\/FFC0CB\/FFFFFF?text=NAAC+Visit+8\" alt=\"NAAC Visit Image 8\" style=\"\n                    width: 100%;\n                    height: 180px;\n                    object-fit: cover;\n                    border-radius: 6px;\n                    margin-bottom: 1rem;\n                \">\n            <\/div>\n        <\/div>\n        <div style=\"\n            display: flex;\n            flex-wrap: wrap;\n            gap: 1.5rem;\n            margin-top: 1.5rem;\n        \">\n            <div class=\"panel-grid-cell\" style=\"\n                flex: 1 1 calc(25% - 1.125rem);\n                min-width: 220px;\n                box-sizing: border-box;\n                background-color: #f9f9f9;\n                border-radius: 8px;\n                overflow: hidden;\n                box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);\n                padding: 1rem;\n                text-align: center;\n            \">\n                <img decoding=\"async\" src=\"https:\/\/placehold.co\/600x400\/87CEEB\/FFFFFF?text=NAAC+Visit+9\" alt=\"NAAC Visit Image 9\" style=\"\n                    width: 100%;\n                    height: 180px;\n                    object-fit: cover;\n                    border-radius: 6px;\n                    margin-bottom: 1rem;\n                \">\n            <\/div>\n            <div class=\"panel-grid-cell\" style=\"\n                flex: 1 1 calc(25% - 1.125rem);\n                min-width: 220px;\n                box-sizing: border-box;\n                background-color: #f9f9f9;\n                border-radius: 8px;\n                overflow: hidden;\n                box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);\n                padding: 1rem;\n                text-align: center;\n            \">\n                <img decoding=\"async\" src=\"https:\/\/placehold.co\/600x400\/FFD700\/FFFFFF?text=NAAC+Visit+10\" alt=\"NAAC Visit Image 10\" style=\"\n                    width: 100%;\n                    height: 180px;\n                    object-fit: cover;\n                    border-radius: 6px;\n                    margin-bottom: 1rem;\n                \">\n            <\/div>\n            <div class=\"panel-grid-cell\" style=\"\n                flex: 1 1 calc(25% - 1.125rem);\n                min-width: 220px;\n                box-sizing: border-box;\n                background-color: #f9f9f9;\n                border-radius: 8px;\n                overflow: hidden;\n                box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);\n                padding: 1rem;\n                text-align: center;\n            \">\n                <img decoding=\"async\" src=\"https:\/\/placehold.co\/600x400\/98FB98\/FFFFFF?text=NAAC+Visit+11\" alt=\"NAAC Visit Image 11\" style=\"\n                    width: 100%;\n                    height: 180px;\n                    object-fit: cover;\n                    border-radius: 6px;\n                    margin-bottom: 1rem;\n                \">\n            <\/div>\n            <div class=\"panel-grid-cell\" style=\"\n                flex: 1 1 calc(25% - 1.125rem);\n                min-width: 220px;\n                box-sizing: border-box;\n                background-color: #f9f9f9;\n                border-radius: 8px;\n                overflow: hidden;\n                box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);\n                padding: 1rem;\n                text-align: center;\n            \">\n                <img decoding=\"async\" src=\"https:\/\/placehold.co\/600x400\/FF6347\/FFFFFF?text=NAAC+Visit+12\" alt=\"NAAC Visit Image 12\" style=\"\n                    width: 100%;\n                    height: 180px;\n                    object-fit: cover;\n                    border-radius: 6px;\n                    margin-bottom: 1rem;\n                \">\n            <\/div>\n        <\/div>\n    <\/div>\n\n    <!-- Student's Buses Section -->\n    <div style=\"margin-bottom: 2rem;\">\n        <div style=\"\n            display: flex;\n            flex-wrap: wrap;\n            gap: 1.5rem;\n        \">\n            <div style=\"flex: 1 1 100%;\">\n                <div style=\"text-align: center;\">\n                    <hr style=\"\n                        border: none;\n                        border-top: 2px solid #e0e0e0;\n                        margin: 2rem auto;\n                        width: 50%;\n                    \" \/>\n                    <h2 style=\"\n                        color: #2c3e50;\n                        font-size: 2.25rem;\n                        font-weight: 700;\n                        margin-bottom: 1.5rem;\n                    \"><strong> Student&#8217;s Buses <\/strong><\/h2>\n                <\/div>\n            <\/div>\n        <\/div>\n        <div style=\"\n            display: flex;\n            flex-wrap: wrap;\n            gap: 1.5rem;\n        \">\n            <div class=\"panel-grid-cell\" style=\"\n                flex: 1 1 calc(33.333% - 1rem);\n                min-width: 250px;\n                box-sizing: border-box;\n                background-color: #f9f9f9;\n                border-radius: 8px;\n                overflow: hidden;\n                box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);\n                padding: 1rem;\n                text-align: center;\n            \">\n                <img decoding=\"async\" src=\"https:\/\/placehold.co\/600x400\/ADD8E6\/FFFFFF?text=Bus+1\" alt=\"Student Bus Image 1\" style=\"\n                    width: 100%;\n                    height: 180px;\n                    object-fit: cover;\n                    border-radius: 6px;\n                    margin-bottom: 1rem;\n                \">\n            <\/div>\n            <div class=\"panel-grid-cell\" style=\"\n                flex: 1 1 calc(33.333% - 1rem);\n                min-width: 250px;\n                box-sizing: border-box;\n                background-color: #f9f9f9;\n                border-radius: 8px;\n                overflow: hidden;\n                box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);\n                padding: 1rem;\n                text-align: center;\n            \">\n                <img decoding=\"async\" src=\"https:\/\/placehold.co\/600x400\/FFB6C1\/FFFFFF?text=Bus+2\" alt=\"Student Bus Image 2\" style=\"\n                    width: 100%;\n                    height: 180px;\n                    object-fit: cover;\n                    border-radius: 6px;\n                    margin-bottom: 1rem;\n                \">\n            <\/div>\n            <div class=\"panel-grid-cell\" style=\"\n                flex: 1 1 calc(33.333% - 1rem);\n                min-width: 250px;\n                box-sizing: border-box;\n                background-color: #f9f9f9;\n                border-radius: 8px;\n                overflow: hidden;\n                box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);\n                padding: 1rem;\n                text-align: center;\n            \">\n                <img decoding=\"async\" src=\"https:\/\/placehold.co\/600x400\/DDA0DD\/FFFFFF?text=Bus+3\" alt=\"Student Bus Image 3\" style=\"\n                    width: 100%;\n                    height: 180px;\n                    object-fit: cover;\n                    border-radius: 6px;\n                    margin-bottom: 1rem;\n                \">\n            <\/div>\n        <\/div>\n    <\/div>\n\n    <!-- Boy's Hostel(I and II) Section -->\n    <div style=\"margin-bottom: 2rem;\">\n        <div style=\"\n            display: flex;\n            flex-wrap: wrap;\n            gap: 1.5rem;\n        \">\n            <div style=\"flex: 1 1 100%;\">\n                <div style=\"text-align: center;\">\n                    <hr style=\"\n                        border: none;\n                        border-top: 2px solid #e0e0e0;\n                        margin: 2rem auto;\n                        width: 50%;\n                    \" \/>\n                    <h2 style=\"\n                        color: #2c3e50;\n                        font-size: 2.25rem;\n                        font-weight: 700;\n                        margin-bottom: 1.5rem;\n                    \"><strong> Boy&#8217;s Hostel(I and II) <\/strong><\/h2>\n                <\/div>\n            <\/div>\n        <\/div>\n        <div style=\"\n            display: flex;\n            flex-wrap: wrap;\n            gap: 1.5rem;\n        \">\n            <div class=\"panel-grid-cell\" style=\"\n                flex: 1 1 calc(33.333% - 1rem);\n                min-width: 250px;\n                box-sizing: border-box;\n                background-color: #f9f9f9;\n                border-radius: 8px;\n                overflow: hidden;\n                box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);\n                padding: 1rem;\n                text-align: center;\n            \">\n                <img decoding=\"async\" src=\"https:\/\/placehold.co\/600x400\/B0E0E6\/FFFFFF?text=Boys+Hostel+1\" alt=\"Boys Hostel Image 1\" style=\"\n                    width: 100%;\n                    height: 180px;\n                    object-fit: cover;\n                    border-radius: 6px;\n                    margin-bottom: 1rem;\n                \">\n            <\/div>\n            <div class=\"panel-grid-cell\" style=\"\n                flex: 1 1 calc(33.333% - 1rem);\n                min-width: 250px;\n                box-sizing: border-box;\n                background-color: #f9f9f9;\n                border-radius: 8px;\n                overflow: hidden;\n                box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);\n                padding: 1rem;\n                text-align: center;\n            \">\n                <img decoding=\"async\" src=\"https:\/\/placehold.co\/600x400\/F08080\/FFFFFF?text=Boys+Hostel+2\" alt=\"Boys Hostel Image 2\" style=\"\n                    width: 100%;\n                    height: 180px;\n                    object-fit: cover;\n                    border-radius: 6px;\n                    margin-bottom: 1rem;\n                \">\n            <\/div>\n            <div class=\"panel-grid-cell\" style=\"\n                flex: 1 1 calc(33.333% - 1rem);\n                min-width: 250px;\n                box-sizing: border-box;\n                background-color: #f9f9f9;\n                border-radius: 8px;\n                overflow: hidden;\n                box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);\n                padding: 1rem;\n                text-align: center;\n            \">\n                <img decoding=\"async\" src=\"https:\/\/placehold.co\/600x400\/90EE90\/FFFFFF?text=Boys+Hostel+3\" alt=\"Boys Hostel Image 3\" style=\"\n                    width: 100%;\n                    height: 180px;\n                    object-fit: cover;\n                    border-radius: 6px;\n                    margin-bottom: 1rem;\n                \">\n            <\/div>\n        <\/div>\n        <div style=\"\n            display: flex;\n            flex-wrap: wrap;\n            gap: 1.5rem;\n            margin-top: 1.5rem;\n        \">\n            <div class=\"panel-grid-cell\" style=\"\n                flex: 1 1 calc(33.333% - 1rem);\n                min-width: 250px;\n                box-sizing: border-box;\n                background-color: #f9f9f9;\n                border-radius: 8px;\n                overflow: hidden;\n                box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);\n                padding: 1rem;\n                text-align: center;\n            \">\n                <img decoding=\"async\" src=\"https:\/\/placehold.co\/600x400\/FFC0CB\/FFFFFF?text=Boys+Hostel+4\" alt=\"Boys Hostel Image 4\" style=\"\n                    width: 100%;\n                    height: 180px;\n                    object-fit: cover;\n                    border-radius: 6px;\n                    margin-bottom: 1rem;\n                \">\n            <\/div>\n            <div class=\"panel-grid-cell\" style=\"\n                flex: 1 1 calc(33.333% - 1rem);\n                min-width: 250px;\n                box-sizing: border-box;\n                background-color: #f9f9f9;\n                border-radius: 8px;\n                overflow: hidden;\n                box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);\n                padding: 1rem;\n                text-align: center;\n            \">\n                <img decoding=\"async\" src=\"https:\/\/placehold.co\/600x400\/87CEEB\/FFFFFF?text=Boys+Hostel+5\" alt=\"Boys Hostel Image 5\" style=\"\n                    width: 100%;\n                    height: 180px;\n                    object-fit: cover;\n                    border-radius: 6px;\n                    margin-bottom: 1rem;\n                \">\n            <\/div>\n            <div class=\"panel-grid-cell\" style=\"\n                flex: 1 1 calc(33.333% - 1rem);\n                min-width: 250px;\n                box-sizing: border-box;\n                background-color: #f9f9f9;\n                border-radius: 8px;\n                overflow: hidden;\n                box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);\n                padding: 1rem;\n                text-align: center;\n            \">\n                <img decoding=\"async\" src=\"https:\/\/placehold.co\/600x400\/FFD700\/FFFFFF?text=Boys+Hostel+6\" alt=\"Boys Hostel Image 6\" style=\"\n                    width: 100%;\n                    height: 180px;\n                    object-fit: cover;\n                    border-radius: 6px;\n                    margin-bottom: 1rem;\n                \">\n            <\/div>\n        <\/div>\n    <\/div>\n\n    <!-- Girl's Hostel Section -->\n    <div style=\"margin-bottom: 2rem;\">\n        <div style=\"\n            display: flex;\n            flex-wrap: wrap;\n            gap: 1.5rem;\n        \">\n            <div style=\"flex: 1 1 100%;\">\n                <div style=\"text-align: center;\">\n                    <hr style=\"\n                        border: none;\n                        border-top: 2px solid #e0e0e0;\n                        margin: 2rem auto;\n                        width: 50%;\n                    \" \/>\n                    <h2 style=\"\n                        color: #2c3e50;\n                        font-size: 2.25rem;\n                        font-weight: 700;\n                        margin-bottom: 1.5rem;\n                    \"><strong>Girl&#8217;s Hostel<\/strong><\/h2>\n                <\/div>\n            <\/div>\n        <\/div>\n        <div style=\"\n            display: flex;\n            flex-wrap: wrap;\n            gap: 1.5rem;\n        \">\n            <div class=\"panel-grid-cell\" style=\"\n                flex: 1 1 calc(33.333% - 1rem);\n                min-width: 250px;\n                box-sizing: border-box;\n                background-color: #f9f9f9;\n                border-radius: 8px;\n                overflow: hidden;\n                box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);\n                padding: 1rem;\n                text-align: center;\n            \">\n                <img decoding=\"async\" src=\"https:\/\/placehold.co\/600x400\/98FB98\/FFFFFF?text=Girls+Hostel+1\" alt=\"Girls Hostel Image 1\" style=\"\n                    width: 100%;\n                    height: 180px;\n                    object-fit: cover;\n                    border-radius: 6px;\n                    margin-bottom: 1rem;\n                \">\n            <\/div>\n            <div class=\"panel-grid-cell\" style=\"\n                flex: 1 1 calc(33.333% - 1rem);\n                min-width: 250px;\n                box-sizing: border-box;\n                background-color: #f9f9f9;\n                border-radius: 8px;\n                overflow: hidden;\n                box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);\n                padding: 1rem;\n                text-align: center;\n            \">\n                <img decoding=\"async\" src=\"https:\/\/placehold.co\/600x400\/FF6347\/FFFFFF?text=Girls+Hostel+2\" alt=\"Girls Hostel Image 2\" style=\"\n                    width: 100%;\n                    height: 180px;\n                    object-fit: cover;\n                    border-radius: 6px;\n                    margin-bottom: 1rem;\n                \">\n            <\/div>\n            <div class=\"panel-grid-cell\" style=\"\n                flex: 1 1 calc(33.333% - 1rem);\n                min-width: 250px;\n                box-sizing: border-box;\n                background-color: #f9f9f9;\n                border-radius: 8px;\n                overflow: hidden;\n                box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);\n                padding: 1rem;\n                text-align: center;\n            \">\n                <img decoding=\"async\" src=\"https:\/\/placehold.co\/600x400\/ADD8E6\/FFFFFF?text=Girls+Hostel+3\" alt=\"Girls Hostel Image 3\" style=\"\n                    width: 100%;\n                    height: 180px;\n                    object-fit: cover;\n                    border-radius: 6px;\n                    margin-bottom: 1rem;\n                \">\n            <\/div>\n        <\/div>\n        <div style=\"\n            display: flex;\n            flex-wrap: wrap;\n            gap: 1.5rem;\n            margin-top: 1.5rem;\n        \">\n            <div class=\"panel-grid-cell\" style=\"\n                flex: 1 1 calc(33.333% - 1rem);\n                min-width: 250px;\n                box-sizing: border-box;\n                background-color: #f9f9f9;\n                border-radius: 8px;\n                overflow: hidden;\n                box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);\n                padding: 1rem;\n                text-align: center;\n            \">\n                <img decoding=\"async\" src=\"https:\/\/placehold.co\/600x400\/FFB6C1\/FFFFFF?text=Girls+Hostel+4\" alt=\"Girls Hostel Image 4\" style=\"\n                    width: 100%;\n                    height: 180px;\n                    object-fit: cover;\n                    border-radius: 6px;\n                    margin-bottom: 1rem;\n                \">\n            <\/div>\n            <div class=\"panel-grid-cell\" style=\"\n                flex: 1 1 calc(33.333% - 1rem);\n                min-width: 250px;\n                box-sizing: border-box;\n                background-color: #f9f9f9;\n                border-radius: 8px;\n                overflow: hidden;\n                box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);\n                padding: 1rem;\n                text-align: center;\n            \">\n                <img decoding=\"async\" src=\"https:\/\/placehold.co\/600x400\/DDA0DD\/FFFFFF?text=Girls+Hostel+5\" alt=\"Girls Hostel Image 5\" style=\"\n                    width: 100%;\n                    height: 180px;\n                    object-fit: cover;\n                    border-radius: 6px;\n                    margin-bottom: 1rem;\n                \">\n            <\/div>\n            <div class=\"panel-grid-cell\" style=\"\n                flex: 1 1 calc(33.333% - 1rem);\n                min-width: 250px;\n                box-sizing: border-box;\n                background-color: #f9f9f9;\n                border-radius: 8px;\n                overflow: hidden;\n                box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);\n                padding: 1rem;\n                text-align: center;\n            \">\n                <img decoding=\"async\" src=\"https:\/\/placehold.co\/600x400\/8A2BE2\/FFFFFF?text=Girls+Hostel+6\" alt=\"Girls Hostel Image 6\" style=\"\n                    width: 100%;\n                    height: 180px;\n                    object-fit: cover;\n                    border-radius: 6px;\n                    margin-bottom: 1rem;\n                \">\n            <\/div>\n        <\/div>\n    <\/div>\n\n    <!-- Geography Laboratory Section -->\n    <div style=\"margin-bottom: 2rem;\">\n        <div style=\"\n            display: flex;\n            flex-wrap: wrap;\n            gap: 1.5rem;\n        \">\n            <div style=\"flex: 1 1 100%;\">\n                <div style=\"text-align: center;\">\n                    <hr style=\"\n                        border: none;\n                        border-top: 2px solid #e0e0e0;\n                        margin: 2rem auto;\n                        width: 50%;\n                    \" \/>\n                    <h2 style=\"\n                        color: #2c3e50;\n                        font-size: 2.25rem;\n                        font-weight: 700;\n                        margin-bottom: 1.5rem;\n                    \"><strong> Geography Laboratory <\/strong><\/h2>\n                <\/div>\n            <\/div>\n        <\/div>\n        <div style=\"\n            display: flex;\n            flex-wrap: wrap;\n            gap: 1.5rem;\n        \">\n            <div class=\"panel-grid-cell\" style=\"\n                flex: 1 1 calc(33.333% - 1rem);\n                min-width: 250px;\n                box-sizing: border-box;\n                background-color: #f9f9f9;\n                border-radius: 8px;\n                overflow: hidden;\n                box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);\n                padding: 1rem;\n                text-align: center;\n            \">\n                <img decoding=\"async\" src=\"https:\/\/placehold.co\/600x400\/B0E0E6\/FFFFFF?text=Geography+Lab+1\" alt=\"Geography Lab Image 1\" style=\"\n                    width: 100%;\n                    height: 180px;\n                    object-fit: cover;\n                    border-radius: 6px;\n                    margin-bottom: 1rem;\n                \">\n            <\/div>\n            <div class=\"panel-grid-cell\" style=\"\n                flex: 1 1 calc(33.333% - 1rem);\n                min-width: 250px;\n                box-sizing: border-box;\n                background-color: #f9f9f9;\n                border-radius: 8px;\n                overflow: hidden;\n                box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);\n                padding: 1rem;\n                text-align: center;\n            \">\n                <img decoding=\"async\" src=\"https:\/\/placehold.co\/600x400\/F08080\/FFFFFF?text=Geography+Lab+2\" alt=\"Geography Lab Image 2\" style=\"\n                    width: 100%;\n                    height: 180px;\n                    object-fit: cover;\n                    border-radius: 6px;\n                    margin-bottom: 1rem;\n                \">\n            <\/div>\n            <div class=\"panel-grid-cell\" style=\"\n                flex: 1 1 calc(33.333% - 1rem);\n                min-width: 250px;\n                box-sizing: border-box;\n                background-color: #f9f9f9;\n                border-radius: 8px;\n                overflow: hidden;\n                box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);\n                padding: 1rem;\n                text-align: center;\n            \">\n                <img decoding=\"async\" src=\"https:\/\/placehold.co\/600x400\/90EE90\/FFFFFF?text=Geography+Lab+3\" alt=\"Geography Lab Image 3\" style=\"\n                    width: 100%;\n                    height: 180px;\n                    object-fit: cover;\n                    border-radius: 6px;\n                    margin-bottom: 1rem;\n                \">\n            <\/div>\n        <\/div>\n    <\/div>\n\n    <!-- Compost Pits Section -->\n    <div style=\"margin-bottom: 2rem;\">\n        <div style=\"\n            display: flex;\n            flex-wrap: wrap;\n            gap: 1.5rem;\n        \">\n            <div style=\"flex: 1 1 100%;\">\n                <div style=\"text-align: center;\">\n                    <hr style=\"\n                        border: none;\n                        border-top: 2px solid #e0e0e0;\n                        margin: 2rem auto;\n                        width: 50%;\n                    \" \/>\n                    <h2 style=\"\n                        color: #2c3e50;\n                        font-size: 2.25rem;\n                        font-weight: 700;\n                        margin-bottom: 1.5rem;\n                    \"><strong> Compost Pits <\/strong><\/h2>\n                <\/div>\n            <\/div>\n        <\/div>\n        <div style=\"\n            display: flex;\n            flex-wrap: wrap;\n            gap: 1.5rem;\n        \">\n            <div class=\"panel-grid-cell\" style=\"\n                flex: 1 1 calc(33.333% - 1rem);\n                min-width: 250px;\n                box-sizing: border-box;\n                background-color: #f9f9f9;\n                border-radius: 8px;\n                overflow: hidden;\n                box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);\n                padding: 1rem;\n                text-align: center;\n            \">\n                <img decoding=\"async\" src=\"https:\/\/placehold.co\/600x400\/FFC0CB\/FFFFFF?text=Compost+Pit+1\" alt=\"Compost Pit Image 1\" style=\"\n                    width: 100%;\n                    height: 180px;\n                    object-fit: cover;\n                    border-radius: 6px;\n                    margin-bottom: 1rem;\n                \">\n            <\/div>\n            <div class=\"panel-grid-cell\" style=\"\n                flex: 1 1 calc(33.333% - 1rem);\n                min-width: 250px;\n                box-sizing: border-box;\n                background-color: #f9f9f9;\n                border-radius: 8px;\n                overflow: hidden;\n                box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);\n                padding: 1rem;\n                text-align: center;\n            \">\n                <img decoding=\"async\" src=\"https:\/\/placehold.co\/600x400\/87CEEB\/FFFFFF?text=Compost+Pit+2\" alt=\"Compost Pit Image 2\" style=\"\n                    width: 100%;\n                    height: 180px;\n                    object-fit: cover;\n                    border-radius: 6px;\n                    margin-bottom: 1rem;\n                \">\n            <\/div>\n            <div class=\"panel-grid-cell\" style=\"\n                flex: 1 1 calc(33.333% - 1rem);\n                min-width: 250px;\n                box-sizing: border-box;\n                background-color: #f9f9f9;\n                border-radius: 8px;\n                overflow: hidden;\n                box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);\n                padding: 1rem;\n                text-align: center;\n            \">\n                <img decoding=\"async\" src=\"https:\/\/placehold.co\/600x400\/FFD700\/FFFFFF?text=Compost+Pit+3\" alt=\"Compost Pit Image 3\" style=\"\n                    width: 100%;\n                    height: 180px;\n                    object-fit: cover;\n                    border-radius: 6px;\n                    margin-bottom: 1rem;\n                \">\n            <\/div>\n        <\/div>\n    <\/div>\n\n    <!-- Botany Laboratory Section -->\n    <div style=\"margin-bottom: 2rem;\">\n        <div style=\"\n            display: flex;\n            flex-wrap: wrap;\n            gap: 1.5rem;\n        \">\n            <div style=\"flex: 1 1 100%;\">\n                <div style=\"text-align: center;\">\n                    <hr style=\"\n                        border: none;\n                        border-top: 2px solid #e0e0e0;\n                        margin: 2rem auto;\n                        width: 50%;\n                    \" \/>\n                    <h2 style=\"\n                        color: #2c3e50;\n                        font-size: 2.25rem;\n                        font-weight: 700;\n                        margin-bottom: 1.5rem;\n                    \"><strong> Botany Laboratory <\/strong><\/h2>\n                <\/div>\n            <\/div>\n        <\/div>\n        <div style=\"\n            display: flex;\n            flex-wrap: wrap;\n            gap: 1.5rem;\n        \">\n            <div class=\"panel-grid-cell\" style=\"\n                flex: 1 1 calc(33.333% - 1rem);\n                min-width: 250px;\n                box-sizing: border-box;\n                background-color: #f9f9f9;\n                border-radius: 8px;\n                overflow: hidden;\n                box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);\n                padding: 1rem;\n                text-align: center;\n            \">\n                <img decoding=\"async\" src=\"https:\/\/placehold.co\/600x400\/98FB98\/FFFFFF?text=Botany+Lab+1\" alt=\"Botany Lab Image 1\" style=\"\n                    width: 100%;\n                    height: 180px;\n                    object-fit: cover;\n                    border-radius: 6px;\n                    margin-bottom: 1rem;\n                \">\n            <\/div>\n            <div class=\"panel-grid-cell\" style=\"\n                flex: 1 1 calc(33.333% - 1rem);\n                min-width: 250px;\n                box-sizing: border-box;\n                background-color: #f9f9f9;\n                border-radius: 8px;\n                overflow: hidden;\n                box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);\n                padding: 1rem;\n                text-align: center;\n            \">\n                <img decoding=\"async\" src=\"https:\/\/placehold.co\/600x400\/FF6347\/FFFFFF?text=Botany+Lab+2\" alt=\"Botany Lab Image 2\" style=\"\n                    width: 100%;\n                    height: 180px;\n                    object-fit: cover;\n                    border-radius: 6px;\n                    margin-bottom: 1rem;\n                \">\n            <\/div>\n            <div class=\"panel-grid-cell\" style=\"\n                flex: 1 1 calc(33.333% - 1rem);\n                min-width: 250px;\n                box-sizing: border-box;\n                background-color: #f9f9f9;\n                border-radius: 8px;\n                overflow: hidden;\n                box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);\n                padding: 1rem;\n                text-align: center;\n            \">\n                <img decoding=\"async\" src=\"https:\/\/placehold.co\/600x400\/ADD8E6\/FFFFFF?text=Botany+Lab+3\" alt=\"Botany Lab Image 3\" style=\"\n                    width: 100%;\n                    height: 180px;\n                    object-fit: cover;\n                    border-radius: 6px;\n                    margin-bottom: 1rem;\n                \">\n            <\/div>\n        <\/div>\n    <\/div>\n\n    <!-- Zoology Laboratory Section -->\n    <div style=\"margin-bottom: 2rem;\">\n        <div style=\"\n            display: flex;\n            flex-wrap: wrap;\n            gap: 1.5rem;\n        \">\n            <div style=\"flex: 1 1 100%;\">\n                <div style=\"text-align: center;\">\n                    <hr style=\"\n                        border: none;\n                        border-top: 2px solid #e0e0e0;\n                        margin: 2rem auto;\n                        width: 50%;\n                    \" \/>\n                    <h2 style=\"\n                        color: #2c3e50;\n                        font-size: 2.25rem;\n                        font-weight: 700;\n                        margin-bottom: 1.5rem;\n                    \"><strong> Zoology Laboratory <\/strong><\/h2>\n                <\/div>\n            <\/div>\n        <\/div>\n        <div style=\"\n            display: flex;\n            flex-wrap: wrap;\n            gap: 1.5rem;\n        \">\n            <div class=\"panel-grid-cell\" style=\"\n                flex: 1 1 calc(20% - 1.2rem); \/* 5 columns for this section *\/\n                min-width: 180px;\n                box-sizing: border-box;\n                background-color: #f9f9f9;\n                border-radius: 8px;\n                overflow: hidden;\n                box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);\n                padding: 1rem;\n                text-align: center;\n            \">\n                <img decoding=\"async\" src=\"https:\/\/placehold.co\/600x400\/FFB6C1\/FFFFFF?text=Zoology+Lab+1\" alt=\"Zoology Lab Image 1\" style=\"\n                    width: 100%;\n                    height: 180px;\n                    object-fit: cover;\n                    border-radius: 6px;\n                    margin-bottom: 1rem;\n                \">\n            <\/div>\n            <div class=\"panel-grid-cell\" style=\"\n                flex: 1 1 calc(20% - 1.2rem);\n                min-width: 180px;\n                box-sizing: border-box;\n                background-color: #f9f9f9;\n                border-radius: 8px;\n                overflow: hidden;\n                box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);\n                padding: 1rem;\n                text-align: center;\n            \">\n                <img decoding=\"async\" src=\"https:\/\/placehold.co\/600x400\/DDA0DD\/FFFFFF?text=Zoology+Lab+2\" alt=\"Zoology Lab Image 2\" style=\"\n                    width: 100%;\n                    height: 180px;\n                    object-fit: cover;\n                    border-radius: 6px;\n                    margin-bottom: 1rem;\n                \">\n            <\/div>\n            <div class=\"panel-grid-cell\" style=\"\n                flex: 1 1 calc(20% - 1.2rem);\n                min-width: 180px;\n                box-sizing: border-box;\n                background-color: #f9f9f9;\n                border-radius: 8px;\n                overflow: hidden;\n                box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);\n                padding: 1rem;\n                text-align: center;\n            \">\n                <img decoding=\"async\" src=\"https:\/\/placehold.co\/600x400\/8A2BE2\/FFFFFF?text=Zoology+Lab+3\" alt=\"Zoology Lab Image 3\" style=\"\n                    width: 100%;\n                    height: 180px;\n                    object-fit: cover;\n                    border-radius: 6px;\n                    margin-bottom: 1rem;\n                \">\n            <\/div>\n            <div class=\"panel-grid-cell\" style=\"\n                flex: 1 1 calc(20% - 1.2rem);\n                min-width: 180px;\n                box-sizing: border-box;\n                background-color: #f9f9f9;\n                border-radius: 8px;\n                overflow: hidden;\n                box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);\n                padding: 1rem;\n                text-align: center;\n            \">\n                <img decoding=\"async\" src=\"https:\/\/placehold.co\/600x400\/B0E0E6\/FFFFFF?text=Zoology+Lab+4\" alt=\"Zoology Lab Image 4\" style=\"\n                    width: 100%;\n                    height: 180px;\n                    object-fit: cover;\n                    border-radius: 6px;\n                    margin-bottom: 1rem;\n                \">\n            <\/div>\n            <div class=\"panel-grid-cell\" style=\"\n                flex: 1 1 calc(20% - 1.2rem);\n                min-width: 180px;\n                box-sizing: border-box;\n                background-color: #f9f9f9;\n                border-radius: 8px;\n                overflow: hidden;\n                box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);\n                padding: 1rem;\n                text-align: center;\n            \">\n                <img decoding=\"async\" src=\"https:\/\/placehold.co\/600x400\/F08080\/FFFFFF?text=Zoology+Lab+5\" alt=\"Zoology Lab Image 5\" style=\"\n                    width: 100%;\n                    height: 180px;\n                    object-fit: cover;\n                    border-radius: 6px;\n                    margin-bottom: 1rem;\n                \">\n            <\/div>\n        <\/div>\n    <\/div>\n\n    <!-- INSPIRE 2022, CULTURAL EVENTS Section -->\n    <div style=\"margin-bottom: 2rem;\">\n        <div style=\"\n            display: flex;\n            flex-wrap: wrap;\n            gap: 1.5rem;\n        \">\n            <div style=\"flex: 1 1 100%;\">\n                <div style=\"text-align: center;\">\n                    <hr style=\"\n                        border: none;\n                        border-top: 2px solid #e0e0e0;\n                        margin: 2rem auto;\n                        width: 50%;\n                    \" \/>\n                    <h2 style=\"\n                        color: #2c3e50;\n                        font-size: 2.25rem;\n                        font-weight: 700;\n                        margin-bottom: 1.5rem;\n                    \"><strong> INSPIRE 2022 , CULTURAL EVENTS<\/strong><\/h2>\n                <\/div>\n            <\/div>\n        <\/div>\n        <div style=\"\n            display: flex;\n            flex-wrap: wrap;\n            gap: 1.5rem;\n        \">\n            <div class=\"panel-grid-cell\" style=\"\n                flex: 1 1 calc(25% - 1.125rem);\n                min-width: 220px;\n                box-sizing: border-box;\n                background-color: #f9f9f9;\n                border-radius: 8px;\n                overflow: hidden;\n                box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);\n                padding: 1rem;\n                text-align: center;\n            \">\n                <img decoding=\"async\" src=\"https:\/\/placehold.co\/600x400\/90EE90\/FFFFFF?text=Cultural+Event+2022+1\" alt=\"Cultural Event 2022 Image 1\" style=\"\n                    width: 100%;\n                    height: 180px;\n                    object-fit: cover;\n                    border-radius: 6px;\n                    margin-bottom: 1rem;\n                \">\n            <\/div>\n            <div class=\"panel-grid-cell\" style=\"\n                flex: 1 1 calc(25% - 1.125rem);\n                min-width: 220px;\n                box-sizing: border-box;\n                background-color: #f9f9f9;\n                border-radius: 8px;\n                overflow: hidden;\n                box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);\n                padding: 1rem;\n                text-align: center;\n            \">\n                <img decoding=\"async\" src=\"https:\/\/placehold.co\/600x400\/FFC0CB\/FFFFFF?text=Cultural+Event+2022+2\" alt=\"Cultural Event 2022 Image 2\" style=\"\n                    width: 100%;\n                    height: 180px;\n                    object-fit: cover;\n                    border-radius: 6px;\n                    margin-bottom: 1rem;\n                \">\n            <\/div>\n            <div class=\"panel-grid-cell\" style=\"\n                flex: 1 1 calc(25% - 1.125rem);\n                min-width: 220px;\n                box-sizing: border-box;\n                background-color: #f9f9f9;\n                border-radius: 8px;\n                overflow: hidden;\n                box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);\n                padding: 1rem;\n                text-align: center;\n            \">\n                <img decoding=\"async\" src=\"https:\/\/placehold.co\/600x400\/87CEEB\/FFFFFF?text=Cultural+Event+2022+3\" alt=\"Cultural Event 2022 Image 3\" style=\"\n                    width: 100%;\n                    height: 180px;\n                    object-fit: cover;\n                    border-radius: 6px;\n                    margin-bottom: 1rem;\n                \">\n            <\/div>\n            <div class=\"panel-grid-cell\" style=\"\n                flex: 1 1 calc(25% - 1.125rem);\n                min-width: 220px;\n                box-sizing: border-box;\n                background-color: #f9f9f9;\n                border-radius: 8px;\n                overflow: hidden;\n                box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);\n                padding: 1rem;\n                text-align: center;\n            \">\n                <img decoding=\"async\" src=\"https:\/\/placehold.co\/600x400\/FFD700\/FFFFFF?text=Cultural+Event+2022+4\" alt=\"Cultural Event 2022 Image 4\" style=\"\n                    width: 100%;\n                    height: 180px;\n                    object-fit: cover;\n                    border-radius: 6px;\n                    margin-bottom: 1rem;\n                \">\n            <\/div>\n        <\/div>\n        <div style=\"\n            display: flex;\n            flex-wrap: wrap;\n            gap: 1.5rem;\n            margin-top: 1.5rem;\n        \">\n            <div class=\"panel-grid-cell\" style=\"\n                flex: 1 1 calc(25% - 1.125rem);\n                min-width: 220px;\n                box-sizing: border-box;\n                background-color: #f9f9f9;\n                border-radius: 8px;\n                overflow: hidden;\n                box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);\n                padding: 1rem;\n                text-align: center;\n            \">\n                <img decoding=\"async\" src=\"https:\/\/placehold.co\/600x400\/98FB98\/FFFFFF?text=Cultural+Event+2022+5\" alt=\"Cultural Event 2022 Image 5\" style=\"\n                    width: 100%;\n                    height: 180px;\n                    object-fit: cover;\n                    border-radius: 6px;\n                    margin-bottom: 1rem;\n                \">\n            <\/div>\n            <div class=\"panel-grid-cell\" style=\"\n                flex: 1 1 calc(25% - 1.125rem);\n                min-width: 220px;\n                box-sizing: border-box;\n                background-color: #f9f9f9;\n                border-radius: 8px;\n                overflow: hidden;\n                box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);\n                padding: 1rem;\n                text-align: center;\n            \">\n                <img decoding=\"async\" src=\"https:\/\/placehold.co\/600x400\/FF6347\/FFFFFF?text=Cultural+Event+2022+6\" alt=\"Cultural Event 2022 Image 6\" style=\"\n                    width: 100%;\n                    height: 180px;\n                    object-fit: cover;\n                    border-radius: 6px;\n                    margin-bottom: 1rem;\n                \">\n            <\/div>\n            <div class=\"panel-grid-cell\" style=\"\n                flex: 1 1 calc(25% - 1.125rem);\n                min-width: 220px;\n                box-sizing: border-box;\n                background-color: #f9f9f9;\n                border-radius: 8px;\n                overflow: hidden;\n                box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);\n                padding: 1rem;\n                text-align: center;\n            \">\n                <img decoding=\"async\" src=\"https:\/\/placehold.co\/600x400\/ADD8E6\/FFFFFF?text=Cultural+Event+2022+7\" alt=\"Cultural Event 2022 Image 7\" style=\"\n                    width: 100%;\n                    height: 180px;\n                    object-fit: cover;\n                    border-radius: 6px;\n                    margin-bottom: 1rem;\n                \">\n            <\/div>\n            <div class=\"panel-grid-cell\" style=\"\n                flex: 1 1 calc(25% - 1.125rem);\n                min-width: 220px;\n                box-sizing: border-box;\n                background-color: #f9f9f9;\n                border-radius: 8px;\n                overflow: hidden;\n                box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);\n                padding: 1rem;\n                text-align: center;\n            \">\n                <img decoding=\"async\" src=\"https:\/\/placehold.co\/600x400\/FFB6C1\/FFFFFF?text=Cultural+Event+2022+8\" alt=\"Cultural Event 2022 Image 8\" style=\"\n                    width: 100%;\n                    height: 180px;\n                    object-fit: cover;\n                    border-radius: 6px;\n                    margin-bottom: 1rem;\n                \">\n            <\/div>\n        <\/div>\n    <\/div>\n\n    <!-- INSPIRE 2022, LITERARY EVENTS Section -->\n    <div style=\"margin-bottom: 2rem;\">\n        <div style=\"\n            display: flex;\n            flex-wrap: wrap;\n            gap: 1.5rem;\n        \">\n            <div style=\"flex: 1 1 100%;\">\n                <div style=\"text-align: center;\">\n                    <hr style=\"\n                        border: none;\n                        border-top: 2px solid #e0e0e0;\n                        margin: 2rem auto;\n                        width: 50%;\n                    \" \/>\n                    <h2 style=\"\n                        color: #2c3e50;\n                        font-size: 2.25rem;\n                        font-weight: 700;\n                        margin-bottom: 1.5rem;\n                    \"><strong> INSPIRE 2022, LITERARY EVENTS<\/strong><\/h2>\n                <\/div>\n            <\/div>\n        <\/div>\n        <div style=\"\n            display: flex;\n            flex-wrap: wrap;\n            gap: 1.5rem;\n        \">\n            <div class=\"panel-grid-cell\" style=\"\n                flex: 1 1 calc(25% - 1.125rem);\n                min-width: 220px;\n                box-sizing: border-box;\n                background-color: #f9f9f9;\n                border-radius: 8px;\n                overflow: hidden;\n                box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);\n                padding: 1rem;\n                text-align: center;\n            \">\n                <img decoding=\"async\" src=\"https:\/\/placehold.co\/600x400\/DDA0DD\/FFFFFF?text=Literary+Event+2022+1\" alt=\"Literary Event 2022 Image 1\" style=\"\n                    width: 100%;\n                    height: 180px;\n                    object-fit: cover;\n                    border-radius: 6px;\n                    margin-bottom: 1rem;\n                \">\n            <\/div>\n            <div class=\"panel-grid-cell\" style=\"\n                flex: 1 1 calc(25% - 1.125rem);\n                min-width: 220px;\n                box-sizing: border-box;\n                background-color: #f9f9f9;\n                border-radius: 8px;\n                overflow: hidden;\n                box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);\n                padding: 1rem;\n                text-align: center;\n            \">\n                <img decoding=\"async\" src=\"https:\/\/placehold.co\/600x400\/8A2BE2\/FFFFFF?text=Literary+Event+2022+2\" alt=\"Literary Event 2022 Image 2\" style=\"\n                    width: 100%;\n                    height: 180px;\n                    object-fit: cover;\n                    border-radius: 6px;\n                    margin-bottom: 1rem;\n                \">\n            <\/div>\n            <div class=\"panel-grid-cell\" style=\"\n                flex: 1 1 calc(25% - 1.125rem);\n                min-width: 220px;\n                box-sizing: border-box;\n                background-color: #f9f9f9;\n                border-radius: 8px;\n                overflow: hidden;\n                box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);\n                padding: 1rem;\n                text-align: center;\n            \">\n                <img decoding=\"async\" src=\"https:\/\/placehold.co\/600x400\/B0E0E6\/FFFFFF?text=Literary+Event+2022+3\" alt=\"Literary Event 2022 Image 3\" style=\"\n                    width: 100%;\n                    height: 180px;\n                    object-fit: cover;\n                    border-radius: 6px;\n                    margin-bottom: 1rem;\n                \">\n            <\/div>\n            <div class=\"panel-grid-cell\" style=\"\n                flex: 1 1 calc(25% - 1.125rem);\n                min-width: 220px;\n                box-sizing: border-box;\n                background-color: #f9f9f9;\n                border-radius: 8px;\n                overflow: hidden;\n                box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);\n                padding: 1rem;\n                text-align: center;\n            \">\n                <img decoding=\"async\" src=\"https:\/\/placehold.co\/600x400\/F08080\/FFFFFF?text=Literary+Event+2022+4\" alt=\"Literary Event 2022 Image 4\" style=\"\n                    width: 100%;\n                    height: 180px;\n                    object-fit: cover;\n                    border-radius: 6px;\n                    margin-bottom: 1rem;\n                \">\n            <\/div>\n        <\/div>\n        <div style=\"\n            display: flex;\n            flex-wrap: wrap;\n            gap: 1.5rem;\n            margin-top: 1.5rem;\n        \">\n            <div class=\"panel-grid-cell\" style=\"\n                flex: 1 1 calc(25% - 1.125rem);\n                min-width: 220px;\n                box-sizing: border-box;\n                background-color: #f9f9f9;\n                border-radius: 8px;\n                overflow: hidden;\n                box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);\n                padding: 1rem;\n                text-align: center;\n            \">\n                <img decoding=\"async\" src=\"https:\/\/placehold.co\/600x400\/90EE90\/FFFFFF?text=Literary+Event+2022+5\" alt=\"Literary Event 2022 Image 5\" style=\"\n                    width: 100%;\n                    height: 180px;\n                    object-fit: cover;\n                    border-radius: 6px;\n                    margin-bottom: 1rem;\n                \">\n            <\/div >\n            <div class=\"panel-grid-cell\" style=\"\n                flex: 1 1 calc(25% - 1.125rem);\n                min-width: 220px;\n                box-sizing: border-box;\n                background-color: #f9f9f9;\n                border-radius: 8px;\n                overflow: hidden;\n                box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);\n                padding: 1rem;\n                text-align: center;\n            \">\n                <img decoding=\"async\" src=\"https:\/\/placehold.co\/600x400\/FFC0CB\/FFFFFF?text=Literary+Event+2022+6\" alt=\"Literary Event 2022 Image 6\" style=\"\n                    width: 100%;\n                    height: 180px;\n                    object-fit: cover;\n                    border-radius: 6px;\n                    margin-bottom: 1rem;\n                \">\n            <\/div>\n            <div class=\"panel-grid-cell\" style=\"\n                flex: 1 1 calc(25% - 1.125rem);\n                min-width: 220px;\n                box-sizing: border-box;\n                background-color: #f9f9f9;\n                border-radius: 8px;\n                overflow: hidden;\n                box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);\n                padding: 1rem;\n                text-align: center;\n            \">\n                <img decoding=\"async\" src=\"https:\/\/placehold.co\/600x400\/87CEEB\/FFFFFF?text=Literary+Event+2022+7\" alt=\"Literary Event 2022 Image 7\" style=\"\n                    width: 100%;\n                    height: 180px;\n                    object-fit: cover;\n                    border-radius: 6px;\n                    margin-bottom: 1rem;\n                \">\n            <\/div>\n            <div class=\"panel-grid-cell\" style=\"\n                flex: 1 1 calc(25% - 1.125rem);\n                min-width: 220px;\n                box-sizing: border-box;\n                background-color: #f9f9f9;\n                border-radius: 8px;\n                overflow: hidden;\n                box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);\n                padding: 1rem;\n                text-align: center;\n            \">\n                <img decoding=\"async\" src=\"https:\/\/placehold.co\/600x400\/FFD700\/FFFFFF?text=Literary+Event+2022+8\" alt=\"Literary Event 2022 Image 8\" style=\"\n                    width: 100%;\n                    height: 180px;\n                    object-fit: cover;\n                    border-radius: 6px;\n                    margin-bottom: 1rem;\n                \">\n            <\/div>\n        <\/div>\n    <\/div>\n\n    <!-- INSPIRE 2022, SPORTS EVENTS Section -->\n    <div style=\"margin-bottom: 2rem;\">\n        <div style=\"\n            display: flex;\n            flex-wrap: wrap;\n            gap: 1.5rem;\n        \">\n            <div style=\"flex: 1 1 100%;\">\n                <div style=\"text-align: center;\">\n                    <hr style=\"\n                        border: none;\n                        border-top: 2px solid #e0e0e0;\n                        margin: 2rem auto;\n                        width: 50%;\n                    \" \/>\n                    <h2 style=\"\n                        color: #2c3e50;\n                        font-size: 2.25rem;\n                        font-weight: 700;\n                        margin-bottom: 1.5rem;\n                    \"><strong> INSPIRE 2022, SPORTS EVENTS<\/strong><\/h2>\n                <\/div>\n            <\/div>\n        <\/div>\n        <div style=\"\n            display: flex;\n            flex-wrap: wrap;\n            gap: 1.5rem;\n        \">\n            <div class=\"panel-grid-cell\" style=\"\n                flex: 1 1 calc(20% - 1.2rem);\n                min-width: 180px;\n                box-sizing: border-box;\n                background-color: #f9f9f9;\n                border-radius: 8px;\n                overflow: hidden;\n                box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);\n                padding: 1rem;\n                text-align: center;\n            \">\n                <img decoding=\"async\" src=\"https:\/\/placehold.co\/600x400\/98FB98\/FFFFFF?text=Sports+Event+2022+1\" alt=\"Sports Event 2022 Image 1\" style=\"\n                    width: 100%;\n                    height: 180px;\n                    object-fit: cover;\n                    border-radius: 6px;\n                    margin-bottom: 1rem;\n                \">\n            <\/div>\n            <div class=\"panel-grid-cell\" style=\"\n                flex: 1 1 calc(20% - 1.2rem);\n                min-width: 180px;\n                box-sizing: border-box;\n                background-color: #f9f9f9;\n                border-radius: 8px;\n                overflow: hidden;\n                box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);\n                padding: 1rem;\n                text-align: center;\n            \">\n                <img decoding=\"async\" src=\"https:\/\/placehold.co\/600x400\/FF6347\/FFFFFF?text=Sports+Event+2022+2\" alt=\"Sports Event 2022 Image 2\" style=\"\n                    width: 100%;\n                    height: 180px;\n                    object-fit: cover;\n                    border-radius: 6px;\n                    margin-bottom: 1rem;\n                \">\n            <\/div>\n            <div class=\"panel-grid-cell\" style=\"\n                flex: 1 1 calc(20% - 1.2rem);\n                min-width: 180px;\n                box-sizing: border-box;\n                background-color: #f9f9f9;\n                border-radius: 8px;\n                overflow: hidden;\n                box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);\n                padding: 1rem;\n                text-align: center;\n            \">\n                <img decoding=\"async\" src=\"https:\/\/placehold.co\/600x400\/ADD8E6\/FFFFFF?text=Sports+Event+2022+3\" alt=\"Sports Event 2022 Image 3\" style=\"\n                    width: 100%;\n                    height: 180px;\n                    object-fit: cover;\n                    border-radius: 6px;\n                    margin-bottom: 1rem;\n                \">\n            <\/div>\n            <div class=\"panel-grid-cell\" style=\"\n                flex: 1 1 calc(20% - 1.2rem);\n                min-width: 180px;\n                box-sizing: border-box;\n                background-color: #f9f9f9;\n                border-radius: 8px;\n                overflow: hidden;\n                box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);\n                padding: 1rem;\n                text-align: center;\n            \">\n                <img decoding=\"async\" src=\"https:\/\/placehold.co\/600x400\/FFB6C1\/FFFFFF?text=Sports+Event+2022+4\" alt=\"Sports Event 2022 Image 4\" style=\"\n                    width: 100%;\n                    height: 180px;\n                    object-fit: cover;\n                    border-radius: 6px;\n                    margin-bottom: 1rem;\n                \">\n            <\/div>\n            <div class=\"panel-grid-cell\" style=\"\n                flex: 1 1 calc(20% - 1.2rem);\n                min-width: 180px;\n                box-sizing: border-box;\n                background-color: #f9f9f9;\n                border-radius: 8px;\n                overflow: hidden;\n                box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);\n                padding: 1rem;\n                text-align: center;\n            \">\n                <img decoding=\"async\" src=\"https:\/\/placehold.co\/600x400\/DDA0DD\/FFFFFF?text=Sports+Event+2022+5\" alt=\"Sports Event 2022 Image 5\" style=\"\n                    width: 100%;\n                    height: 180px;\n                    object-fit: cover;\n                    border-radius: 6px;\n                    margin-bottom: 1rem;\n                \">\n            <\/div>\n        <\/div>\n    <\/div>\n\n    <!-- Dispensary Section -->\n    <div style=\"margin-bottom: 2rem;\">\n        <div style=\"\n            display: flex;\n            flex-wrap: wrap;\n            gap: 1.5rem;\n        \">\n            <div style=\"flex: 1 1 100%;\">\n                <div style=\"text-align: center;\">\n                    <hr style=\"\n                        border: none;\n                        border-top: 2px solid #e0e0e0;\n                        margin: 2rem auto;\n                        width: 50%;\n                    \" \/>\n                    <h2 style=\"\n                        color: #2c3e50;\n                        font-size: 2.25rem;\n                        font-weight: 700;\n                        margin-bottom: 1.5rem;\n                    \"><strong> Dispensary<\/strong><\/h2>\n                <\/div>\n            <\/div>\n        <\/div>\n        <div style=\"\n            display: flex;\n            flex-wrap: wrap;\n            gap: 1.5rem;\n        \">\n            <div class=\"panel-grid-cell\" style=\"\n                flex: 1 1 calc(25% - 1.125rem);\n                min-width: 220px;\n                box-sizing: border-box;\n                background-color: #f9f9f9;\n                border-radius: 8px;\n                overflow: hidden;\n                box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);\n                padding: 1rem;\n                text-align: center;\n            \">\n                <img decoding=\"async\" src=\"https:\/\/placehold.co\/600x400\/8A2BE2\/FFFFFF?text=Dispensary+1\" alt=\"Dispensary Image 1\" style=\"\n                    width: 100%;\n                    height: 180px;\n                    object-fit: cover;\n                    border-radius: 6px;\n                    margin-bottom: 1rem;\n                \">\n            <\/div>\n            <div class=\"panel-grid-cell\" style=\"\n                flex: 1 1 calc(25% - 1.125rem);\n                min-width: 220px;\n                box-sizing: border-box;\n                background-color: #f9f9f9;\n                border-radius: 8px;\n                overflow: hidden;\n                box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);\n                padding: 1rem;\n                text-align: center;\n            \">\n                <img decoding=\"async\" src=\"https:\/\/placehold.co\/600x400\/B0E0E6\/FFFFFF?text=Dispensary+2\" alt=\"Dispensary Image 2\" style=\"\n                    width: 100%;\n                    height: 180px;\n                    object-fit: cover;\n                    border-radius: 6px;\n                    margin-bottom: 1rem;\n                \">\n            <\/div>\n            <div class=\"panel-grid-cell\" style=\"\n                flex: 1 1 calc(25% - 1.125rem);\n                min-width: 220px;\n                box-sizing: border-box;\n                background-color: #f9f9f9;\n                border-radius: 8px;\n                overflow: hidden;\n                box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);\n                padding: 1rem;\n                text-align: center;\n            \">\n                <img decoding=\"async\" src=\"https:\/\/placehold.co\/600x400\/F08080\/FFFFFF?text=Dispensary+3\" alt=\"Dispensary Image 3\" style=\"\n                    width: 100%;\n                    height: 180px;\n                    object-fit: cover;\n                    border-radius: 6px;\n                    margin-bottom: 1rem;\n                \">\n            <\/div>\n            <div class=\"panel-grid-cell\" style=\"\n                flex: 1 1 calc(25% - 1.125rem);\n                min-width: 220px;\n                box-sizing: border-box;\n                background-color: #f9f9f9;\n                border-radius: 8px;\n                overflow: hidden;\n                box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);\n                padding: 1rem;\n                text-align: center;\n            \">\n                <img decoding=\"async\" src=\"https:\/\/placehold.co\/600x400\/90EE90\/FFFFFF?text=Dispensary+4\" alt=\"Dispensary Image 4\" style=\"\n                    width: 100%;\n                    height: 180px;\n                    object-fit: cover;\n                    border-radius: 6px;\n                    margin-bottom: 1rem;\n                \">\n            <\/div>\n        <\/div>\n    <\/div>\n\n    <!-- Central Library Section -->\n    <div style=\"margin-bottom: 2rem;\">\n        <div style=\"\n            display: flex;\n            flex-wrap: wrap;\n            gap: 1.5rem;\n        \">\n            <div style=\"flex: 1 1 100%;\">\n                <div style=\"text-align: center;\">\n                    <hr style=\"\n                        border: none;\n                        border-top: 2px solid #e0e0e0;\n                        margin: 2rem auto;\n                        width: 50%;\n                    \" \/>\n                    <h2 style=\"\n                        color: #2c3e50;\n                        font-size: 2.25rem;\n                        font-weight: 700;\n                        margin-bottom: 1.5rem;\n                    \"><strong>Central Library <\/strong><\/h2>\n                <\/div>\n            <\/div>\n        <\/div>\n        <div style=\"\n            display: flex;\n            flex-wrap: wrap;\n            gap: 1.5rem;\n        \">\n            <div class=\"panel-grid-cell\" style=\"\n                flex: 1 1 calc(25% - 1.125rem);\n                min-width: 220px;\n                box-sizing: border-box;\n                background-color: #f9f9f9;\n                border-radius: 8px;\n                overflow: hidden;\n                box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);\n                padding: 1rem;\n                text-align: center;\n            \">\n                <img decoding=\"async\" src=\"https:\/\/placehold.co\/600x400\/FFC0CB\/FFFFFF?text=Library+1\" alt=\"Library Image 1\" style=\"\n                    width: 100%;\n                    height: 180px;\n                    object-fit: cover;\n                    border-radius: 6px;\n                    margin-bottom: 1rem;\n                \">\n            <\/div>\n            <div class=\"panel-grid-cell\" style=\"\n                flex: 1 1 calc(25% - 1.125rem);\n                min-width: 220px;\n                box-sizing: border-box;\n                background-color: #f9f9f9;\n                border-radius: 8px;\n                overflow: hidden;\n                box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);\n                padding: 1rem;\n                text-align: center;\n            \">\n                <img decoding=\"async\" src=\"https:\/\/placehold.co\/600x400\/87CEEB\/FFFFFF?text=Library+2\" alt=\"Library Image 2\" style=\"\n                    width: 100%;\n                    height: 180px;\n                    object-fit: cover;\n                    border-radius: 6px;\n                    margin-bottom: 1rem;\n                \">\n            <\/div>\n            <div class=\"panel-grid-cell\" style=\"\n                flex: 1 1 calc(25% - 1.125rem);\n                min-width: 220px;\n                box-sizing: border-box;\n                background-color: #f9f9f9;\n                border-radius: 8px;\n                overflow: hidden;\n                box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);\n                padding: 1rem;\n                text-align: center;\n            \">\n                <img decoding=\"async\" src=\"https:\/\/placehold.co\/600x400\/FFD700\/FFFFFF?text=Library+3\" alt=\"Library Image 3\" style=\"\n                    width: 100%;\n                    height: 180px;\n                    object-fit: cover;\n                    border-radius: 6px;\n                    margin-bottom: 1rem;\n                \">\n            <\/div>\n            <div class=\"panel-grid-cell\" style=\"\n                flex: 1 1 calc(25% - 1.125rem);\n                min-width: 220px;\n                box-sizing: border-box;\n                background-color: #f9f9f9;\n                border-radius: 8px;\n                overflow: hidden;\n                box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);\n                padding: 1rem;\n                text-align: center;\n            \">\n                <img decoding=\"async\" src=\"https:\/\/placehold.co\/600x400\/98FB98\/FFFFFF?text=Library+4\" alt=\"Library Image 4\" style=\"\n                    width: 100%;\n                    height: 180px;\n                    object-fit: cover;\n                    border-radius: 6px;\n                    margin-bottom: 1rem;\n                \">\n            <\/div>\n        <\/div>\n    <\/div>\n\n    <!-- Microbiology Laboratory Section -->\n    <div style=\"margin-bottom: 2rem;\">\n        <div style=\"\n            display: flex;\n            flex-wrap: wrap;\n            gap: 1.5rem;\n        \">\n            <div style=\"flex: 1 1 100%;\">\n                <div style=\"text-align: center;\">\n                    <hr style=\"\n                        border: none;\n                        border-top: 2px solid #e0e0e0;\n                        margin: 2rem auto;\n                        width: 50%;\n                    \" \/>\n                    <h2 style=\"\n                        color: #2c3e50;\n                        font-size: 2.25rem;\n                        font-weight: 700;\n                        margin-bottom: 1.5rem;\n                    \"><strong>Microbiology Laboratory<\/strong><\/h2>\n                <\/div>\n            <\/div>\n        <\/div>\n        <div style=\"\n            display: flex;\n            flex-wrap: wrap;\n            gap: 1.5rem;\n        \">\n            <div class=\"panel-grid-cell\" style=\"\n                flex: 1 1 calc(25% - 1.125rem);\n                min-width: 220px;\n                box-sizing: border-box;\n                background-color: #f9f9f9;\n                border-radius: 8px;\n                overflow: hidden;\n                box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);\n                padding: 1rem;\n                text-align: center;\n            \">\n                <img decoding=\"async\" src=\"https:\/\/placehold.co\/600x400\/FF6347\/FFFFFF?text=Microbiology+Lab+1\" alt=\"Microbiology Lab Image 1\" style=\"\n                    width: 100%;\n                    height: 180px;\n                    object-fit: cover;\n                    border-radius: 6px;\n                    margin-bottom: 1rem;\n                \">\n            <\/div>\n            <div class=\"panel-grid-cell\" style=\"\n                flex: 1 1 calc(25% - 1.125rem);\n                min-width: 220px;\n                box-sizing: border-box;\n                background-color: #f9f9f9;\n                border-radius: 8px;\n                overflow: hidden;\n                box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);\n                padding: 1rem;\n                text-align: center;\n            \">\n                <img decoding=\"async\" src=\"https:\/\/placehold.co\/600x400\/ADD8E6\/FFFFFF?text=Microbiology+Lab+2\" alt=\"Microbiology Lab Image 2\" style=\"\n                    width: 100%;\n                    height: 180px;\n                    object-fit: cover;\n                    border-radius: 6px;\n                    margin-bottom: 1rem;\n                \">\n            <\/div>\n            <div class=\"panel-grid-cell\" style=\"\n                flex: 1 1 calc(25% - 1.125rem);\n                min-width: 220px;\n                box-sizing: border-box;\n                background-color: #f9f9f9;\n                border-radius: 8px;\n                overflow: hidden;\n                box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);\n                padding: 1rem;\n                text-align: center;\n            \">\n                <img decoding=\"async\" src=\"https:\/\/placehold.co\/600x400\/FFB6C1\/FFFFFF?text=Microbiology+Lab+3\" alt=\"Microbiology Lab Image 3\" style=\"\n                    width: 100%;\n                    height: 180px;\n                    object-fit: cover;\n                    border-radius: 6px;\n                    margin-bottom: 1rem;\n                \">\n            <\/div>\n            <div class=\"panel-grid-cell\" style=\"\n                flex: 1 1 calc(25% - 1.125rem);\n                min-width: 220px;\n                box-sizing: border-box;\n                background-color: #f9f9f9;\n                border-radius: 8px;\n                overflow: hidden;\n                box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);\n                padding: 1rem;\n                text-align: center;\n            \">\n                <img decoding=\"async\" src=\"https:\/\/placehold.co\/600x400\/DDA0DD\/FFFFFF?text=Microbiology+Lab+4\" alt=\"Microbiology Lab Image 4\" style=\"\n                    width: 100%;\n                    height: 180px;\n                    object-fit: cover;\n                    border-radius: 6px;\n                    margin-bottom: 1rem;\n                \">\n            <\/div>\n        <\/div>\n    <\/div>\n\n    <!-- Physics Laboratories Section -->\n    <div style=\"margin-bottom: 2rem;\">\n        <div style=\"\n            display: flex;\n            flex-wrap: wrap;\n            gap: 1.5rem;\n        \">\n            <div style=\"flex: 1 1 100%;\">\n                <div style=\"text-align: center;\">\n                    <hr style=\"\n                        border: none;\n                        border-top: 2px solid #e0e0e0;\n                        margin: 2rem auto;\n                        width: 50%;\n                    \" \/>\n                    <h2 style=\"\n                        color: #2c3e50;\n                        font-size: 2.25rem;\n                        font-weight: 700;\n                        margin-bottom: 1.5rem;\n                    \"><strong>Physics Laboratories<\/strong><\/h2>\n                <\/div>\n            <\/div>\n        <\/div>\n        <div style=\"\n            display: flex;\n            flex-wrap: wrap;\n            gap: 1.5rem;\n        \">\n            <div class=\"panel-grid-cell\" style=\"\n                flex: 1 1 calc(25% - 1.125rem);\n                min-width: 220px;\n                box-sizing: border-box;\n                background-color: #f9f9f9;\n                border-radius: 8px;\n                overflow: hidden;\n                box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);\n                padding: 1rem;\n                text-align: center;\n            \">\n                <img decoding=\"async\" src=\"https:\/\/placehold.co\/600x400\/8A2BE2\/FFFFFF?text=Physics+Lab+1\" alt=\"Physics Lab Image 1\" style=\"\n                    width: 100%;\n                    height: 180px;\n                    object-fit: cover;\n                    border-radius: 6px;\n                    margin-bottom: 1rem;\n                \">\n            <\/div>\n            <div class=\"panel-grid-cell\" style=\"\n                flex: 1 1 calc(25% - 1.125rem);\n                min-width: 220px;\n                box-sizing: border-box;\n                background-color: #f9f9f9;\n                border-radius: 8px;\n                overflow: hidden;\n                box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);\n                padding: 1rem;\n                text-align: center;\n            \">\n                <img decoding=\"async\" src=\"https:\/\/placehold.co\/600x400\/B0E0E6\/FFFFFF?text=Physics+Lab+2\" alt=\"Physics Lab Image 2\" style=\"\n                    width: 100%;\n                    height: 180px;\n                    object-fit: cover;\n                    border-radius: 6px;\n                    margin-bottom: 1rem;\n                \">\n            <\/div>\n            <div class=\"panel-grid-cell\" style=\"\n                flex: 1 1 calc(25% - 1.125rem);\n                min-width: 220px;\n                box-sizing: border-box;\n                background-color: #f9f9f9;\n                border-radius: 8px;\n                overflow: hidden;\n                box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);\n                padding: 1rem;\n                text-align: center;\n            \">\n                <img decoding=\"async\" src=\"https:\/\/placehold.co\/600x400\/F08080\/FFFFFF?text=Physics+Lab+3\" alt=\"Physics Lab Image 3\" style=\"\n                    width: 100%;\n                    height: 180px;\n                    object-fit: cover;\n                    border-radius: 6px;\n                    margin-bottom: 1rem;\n                \">\n            <\/div>\n            <div class=\"panel-grid-cell\" style=\"\n                flex: 1 1 calc(25% - 1.125rem);\n                min-width: 220px;\n                box-sizing: border-box;\n                background-color: #f9f9f9;\n                border-radius: 8px;\n                overflow: hidden;\n                box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);\n                padding: 1rem;\n                text-align: center;\n            \">\n                <img decoding=\"async\" src=\"https:\/\/placehold.co\/600x400\/90EE90\/FFFFFF?text=Physics+Lab+4\" alt=\"Physics Lab Image 4\" style=\"\n                    width: 100%;\n                    height: 180px;\n                    object-fit: cover;\n                    border-radius: 6px;\n                    margin-bottom: 1rem;\n                \">\n            <\/div>\n        <\/div>\n    <\/div>\n\n    <!-- Chemistry PG and UG Labs Section -->\n    <div style=\"margin-bottom: 2rem;\">\n        <div style=\"\n            display: flex;\n            flex-wrap: wrap;\n            gap: 1.5rem;\n        \">\n            <div style=\"flex: 1 1 100%;\">\n                <div style=\"text-align: center;\">\n                    <hr style=\"\n                        border: none;\n                        border-top: 2px solid #e0e0e0;\n                        margin: 2rem auto;\n                        width: 50%;\n                    \" \/>\n                    <h2 style=\"\n                        color: #2c3e50;\n                        font-size: 2.25rem;\n                        font-weight: 700;\n                        margin-bottom: 1.5rem;\n                    \"><strong>Chemistry PG and UG Labs<\/strong><\/h2>\n                <\/div>\n            <\/div>\n        <\/div>\n        <div style=\"\n            display: flex;\n            flex-wrap: wrap;\n            gap: 1.5rem;\n        \">\n            <div class=\"panel-grid-cell\" style=\"\n                flex: 1 1 calc(25% - 1.125rem);\n                min-width: 220px;\n                box-sizing: border-box;\n                background-color: #f9f9f9;\n                border-radius: 8px;\n                overflow: hidden;\n                box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);\n                padding: 1rem;\n                text-align: center;\n            \">\n                <img decoding=\"async\" src=\"https:\/\/placehold.co\/600x400\/FFC0CB\/FFFFFF?text=Chemistry+Lab+1\" alt=\"Chemistry Lab Image 1\" style=\"\n                    width: 100%;\n                    height: 180px;\n                    object-fit: cover;\n                    border-radius: 6px;\n                    margin-bottom: 1rem;\n                \">\n            <\/div>\n            <div class=\"panel-grid-cell\" style=\"\n                flex: 1 1 calc(25% - 1.125rem);\n                min-width: 220px;\n                box-sizing: border-box;\n                background-color: #f9f9f9;\n                border-radius: 8px;\n                overflow: hidden;\n                box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);\n                padding: 1rem;\n                text-align: center;\n            \">\n                <img decoding=\"async\" src=\"https:\/\/placehold.co\/600x400\/87CEEB\/FFFFFF?text=Chemistry+Lab+2\" alt=\"Chemistry Lab Image 2\" style=\"\n                    width: 100%;\n                    height: 180px;\n                    object-fit: cover;\n                    border-radius: 6px;\n                    margin-bottom: 1rem;\n                \">\n            <\/div>\n            <div class=\"panel-grid-cell\" style=\"\n                flex: 1 1 calc(25% - 1.125rem);\n                min-width: 220px;\n                box-sizing: border-box;\n                background-color: #f9f9f9;\n                border-radius: 8px;\n                overflow: hidden;\n                box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);\n                padding: 1rem;\n                text-align: center;\n            \">\n                <img decoding=\"async\" src=\"https:\/\/placehold.co\/600x400\/FFD700\/FFFFFF?text=Chemistry+Lab+3\" alt=\"Chemistry Lab Image 3\" style=\"\n                    width: 100%;\n                    height: 180px;\n                    object-fit: cover;\n                    border-radius: 6px;\n                    margin-bottom: 1rem;\n                \">\n            <\/div>\n            <div class=\"panel-grid-cell\" style=\"\n                flex: 1 1 calc(25% - 1.125rem);\n                min-width: 220px;\n                box-sizing: border-box;\n                background-color: #f9f9f9;\n                border-radius: 8px;\n                overflow: hidden;\n                box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);\n                padding: 1rem;\n                text-align: center;\n            \">\n                <img decoding=\"async\" src=\"https:\/\/placehold.co\/600x400\/98FB98\/FFFFFF?text=Chemistry+Lab+4\" alt=\"Chemistry Lab Image 4\" style=\"\n                    width: 100%;\n                    height: 180px;\n                    object-fit: cover;\n                    border-radius: 6px;\n                    margin-bottom: 1rem;\n                \">\n            <\/div>\n        <\/div>\n    <\/div>\n\n    <!-- Smart Class Room Section -->\n    <div style=\"margin-bottom: 2rem;\">\n        <div style=\"\n            display: flex;\n            flex-wrap: wrap;\n            gap: 1.5rem;\n        \">\n            <div style=\"flex: 1 1 100%;\">\n                <div style=\"text-align: center;\">\n                    <hr style=\"\n                        border: none;\n                        border-top: 2px solid #e0e0e0;\n                        margin: 2rem auto;\n                        width: 50%;\n                    \" \/>\n                    <h2 style=\"\n                        color: #2c3e50;\n                        font-size: 2.25rem;\n                        font-weight: 700;\n                        margin-bottom: 1.5rem;\n                    \"><strong>Smart Class Room<\/strong><\/h2>\n                <\/div>\n            <\/div>\n        <\/div>\n        <div style=\"\n            display: flex;\n            flex-wrap: wrap;\n            gap: 1.5rem;\n        \">\n            <div class=\"panel-grid-cell\" style=\"\n                flex: 1 1 calc(33.333% - 1rem);\n                min-width: 250px;\n                box-sizing: border-box;\n                background-color: #f9f9f9;\n                border-radius: 8px;\n                overflow: hidden;\n                box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);\n                padding: 1rem;\n                text-align: center;\n            \">\n                <img decoding=\"async\" src=\"https:\/\/placehold.co\/600x400\/FF6347\/FFFFFF?text=Smart+Class+1\" alt=\"Smart Class Image 1\" style=\"\n                    width: 100%;\n                    height: 180px;\n                    object-fit: cover;\n                    border-radius: 6px;\n                    margin-bottom: 1rem;\n                \">\n            <\/div>\n            <div class=\"panel-grid-cell\" style=\"\n                flex: 1 1 calc(33.333% - 1rem);\n                min-width: 250px;\n                box-sizing: border-box;\n                background-color: #f9f9f9;\n                border-radius: 8px;\n                overflow: hidden;\n                box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);\n                padding: 1rem;\n                text-align: center;\n            \">\n                <img decoding=\"async\" src=\"https:\/\/placehold.co\/600x400\/ADD8E6\/FFFFFF?text=Smart+Class+2\" alt=\"Smart Class Image 2\" style=\"\n                    width: 100%;\n                    height: 180px;\n                    object-fit: cover;\n                    border-radius: 6px;\n                    margin-bottom: 1rem;\n                \">\n            <\/div>\n            <div class=\"panel-grid-cell\" style=\"\n                flex: 1 1 calc(33.333% - 1rem);\n                min-width: 250px;\n                box-sizing: border-box;\n                background-color: #f9f9f9;\n                border-radius: 8px;\n                overflow: hidden;\n                box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);\n                padding: 1rem;\n                text-align: center;\n            \">\n                <img decoding=\"async\" src=\"https:\/\/placehold.co\/600x400\/FFB6C1\/FFFFFF?text=Smart+Class+3\" alt=\"Smart Class Image 3\" style=\"\n                    width: 100%;\n                    height: 180px;\n                    object-fit: cover;\n                    border-radius: 6px;\n                    margin-bottom: 1rem;\n                \">\n            <\/div>\n        <\/div>\n    <\/div>\n\n    <!-- Indoor Stadium and Yoga Hall Section -->\n    <div style=\"margin-bottom: 2rem;\">\n        <div style=\"\n            display: flex;\n            flex-wrap: wrap;\n            gap: 1.5rem;\n        \">\n            <div style=\"flex: 1 1 100%;\">\n                <div style=\"text-align: center;\">\n                    <hr style=\"\n                        border: none;\n                        border-top: 2px solid #e0e0e0;\n                        margin: 2rem auto;\n                        width: 50%;\n                    \" \/>\n                    <h2 style=\"\n                        color: #2c3e50;\n                        font-size: 2.25rem;\n                        font-weight: 700;\n                        margin-bottom: 1.5rem;\n                    \"><strong> Indoor Stadium and Yoga Hall<\/strong><\/h2>\n                <\/div>\n            <\/div>\n        <\/div>\n        <div style=\"\n            display: flex;\n            flex-wrap: wrap;\n            gap: 1.5rem;\n        \">\n            <div class=\"panel-grid-cell\" style=\"\n                flex: 1 1 calc(33.333% - 1rem);\n                min-width: 250px;\n                box-sizing: border-box;\n                background-color: #f9f9f9;\n                border-radius: 8px;\n                overflow: hidden;\n                box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);\n                padding: 1rem;\n                text-align: center;\n            \">\n                <img decoding=\"async\" src=\"https:\/\/placehold.co\/600x400\/DDA0DD\/FFFFFF?text=Stadium+1\" alt=\"Stadium Image 1\" style=\"\n                    width: 100%;\n                    height: 180px;\n                    object-fit: cover;\n                    border-radius: 6px;\n                    margin-bottom: 1rem;\n                \">\n            <\/div>\n            <div class=\"panel-grid-cell\" style=\"\n                flex: 1 1 calc(33.333% - 1rem);\n                min-width: 250px;\n                box-sizing: border-box;\n                background-color: #f9f9f9;\n                border-radius: 8px;\n                overflow: hidden;\n                box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);\n                padding: 1rem;\n                text-align: center;\n            \">\n                <img decoding=\"async\" src=\"https:\/\/placehold.co\/600x400\/8A2BE2\/FFFFFF?text=Stadium+2\" alt=\"Stadium Image 2\" style=\"\n                    width: 100%;\n                    height: 180px;\n                    object-fit: cover;\n                    border-radius: 6px;\n                    margin-bottom: 1rem;\n                \">\n            <\/div>\n            <div class=\"panel-grid-cell\" style=\"\n                flex: 1 1 calc(33.333% - 1rem);\n                min-width: 250px;\n                box-sizing: border-box;\n                background-color: #f9f9f9;\n                border-radius: 8px;\n                overflow: hidden;\n                box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);\n                padding: 1rem;\n                text-align: center;\n            \">\n                <img decoding=\"async\" src=\"https:\/\/placehold.co\/600x400\/B0E0E6\/FFFFFF?text=Stadium+3\" alt=\"Stadium Image 3\" style=\"\n                    width: 100%;\n                    height: 180px;\n                    object-fit: cover;\n                    border-radius: 6px;\n                    margin-bottom: 1rem;\n                \">\n            <\/div>\n        <\/div>\n    <\/div>\n\n    <!-- Gymnasium Hall Section -->\n    <div style=\"margin-bottom: 2rem;\">\n        <div style=\"\n            display: flex;\n            flex-wrap: wrap;\n            gap: 1.5rem;\n        \">\n            <div style=\"flex: 1 1 100%;\">\n                <div style=\"text-align: center;\">\n                    <hr style=\"\n                        border: none;\n                        border-top: 2px solid #e0e0e0;\n                        margin: 2rem auto;\n                        width: 50%;\n                    \" \/>\n                    <h2 style=\"\n                        color: #2c3e50;\n                        font-size: 2.25rem;\n                        font-weight: 700;\n                        margin-bottom: 1.5rem;\n                    \"><strong>Gymnasium Hall<\/strong><\/h2>\n                <\/div>\n            <\/div>\n        <\/div>\n        <div style=\"\n            display: flex;\n            flex-wrap: wrap;\n            gap: 1.5rem;\n        \">\n            <div class=\"panel-grid-cell\" style=\"\n                flex: 1 1 calc(25% - 1.125rem);\n                min-width: 220px;\n                box-sizing: border-box;\n                background-color: #f9f9f9;\n                border-radius: 8px;\n                overflow: hidden;\n                box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);\n                padding: 1rem;\n                text-align: center;\n            \">\n                <img decoding=\"async\" src=\"https:\/\/placehold.co\/600x400\/F08080\/FFFFFF?text=Gym+1\" alt=\"Gym Image 1\" style=\"\n                    width: 100%;\n                    height: 180px;\n                    object-fit: cover;\n                    border-radius: 6px;\n                    margin-bottom: 1rem;\n                \">\n            <\/div>\n            <div class=\"panel-grid-cell\" style=\"\n                flex: 1 1 calc(25% - 1.125rem);\n                min-width: 220px;\n                box-sizing: border-box;\n                background-color: #f9f9f9;\n                border-radius: 8px;\n                overflow: hidden;\n                box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);\n                padding: 1rem;\n                text-align: center;\n            \">\n                <img decoding=\"async\" src=\"https:\/\/placehold.co\/600x400\/90EE90\/FFFFFF?text=Gym+2\" alt=\"Gym Image 2\" style=\"\n                    width: 100%;\n                    height: 180px;\n                    object-fit: cover;\n                    border-radius: 6px;\n                    margin-bottom: 1rem;\n                \">\n            <\/div>\n            <div class=\"panel-grid-cell\" style=\"\n                flex: 1 1 calc(25% - 1.125rem);\n                min-width: 220px;\n                box-sizing: border-box;\n                background-color: #f9f9f9;\n                border-radius: 8px;\n                overflow: hidden;\n                box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);\n                padding: 1rem;\n                text-align: center;\n            \">\n                <img decoding=\"async\" src=\"https:\/\/placehold.co\/600x400\/FFC0CB\/FFFFFF?text=Gym+3\" alt=\"Gym Image 3\" style=\"\n                    width: 100%;\n                    height: 180px;\n                    object-fit: cover;\n                    border-radius: 6px;\n                    margin-bottom: 1rem;\n                \">\n            <\/div>\n            <div class=\"panel-grid-cell\" style=\"\n                flex: 1 1 calc(25% - 1.125rem);\n                min-width: 220px;\n                box-sizing: border-box;\n                background-color: #f9f9f9;\n                border-radius: 8px;\n                overflow: hidden;\n                box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);\n                padding: 1rem;\n                text-align: center;\n            \">\n                <img decoding=\"async\" src=\"https:\/\/placehold.co\/600x400\/87CEEB\/FFFFFF?text=Gym+4\" alt=\"Gym Image 4\" style=\"\n                    width: 100%;\n                    height: 180px;\n                    object-fit: cover;\n                    border-radius: 6px;\n                    margin-bottom: 1rem;\n                \">\n            <\/div>\n        <\/div>\n    <\/div>\n\n    <!-- Staff Quarters Section -->\n    <div style=\"margin-bottom: 2rem;\">\n        <div style=\"\n            display: flex;\n            flex-wrap: wrap;\n            gap: 1.5rem;\n        \">\n            <div style=\"flex: 1 1 100%;\">\n                <div style=\"text-align: center;\">\n                    <hr style=\"\n                        border: none;\n                        border-top: 2px solid #e0e0e0;\n                        margin: 2rem auto;\n                        width: 50%;\n                    \" \/>\n                    <h2 style=\"\n                        color: #2c3e50;\n                        font-size: 2.25rem;\n                        font-weight: 700;\n                        margin-bottom: 1.5rem;\n                    \"><strong>Staff Quarters <\/strong><\/h2>\n                <\/div>\n            <\/div>\n        <\/div>\n        <div style=\"\n            display: flex;\n            flex-wrap: wrap;\n            gap: 1.5rem;\n        \">\n            <div class=\"panel-grid-cell\" style=\"\n                flex: 1 1 calc(50% - 0.75rem); \/* 2 columns for this section *\/\n                min-width: 280px;\n                box-sizing: border-box;\n                background-color: #f9f9f9;\n                border-radius: 8px;\n                overflow: hidden;\n                box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);\n                padding: 1rem;\n                text-align: center;\n            \">\n                <img decoding=\"async\" src=\"https:\/\/placehold.co\/600x400\/FFD700\/FFFFFF?text=Staff+Quarters+1\" alt=\"Staff Quarters Image 1\" style=\"\n                    width: 100%;\n                    height: 180px;\n                    object-fit: cover;\n                    border-radius: 6px;\n                    margin-bottom: 1rem;\n                \">\n            <\/div>\n            <div class=\"panel-grid-cell\" style=\"\n                flex: 1 1 calc(50% - 0.75rem);\n                min-width: 280px;\n                box-sizing: border-box;\n                background-color: #f9f9f9;\n                border-radius: 8px;\n                overflow: hidden;\n                box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);\n                padding: 1rem;\n                text-align: center;\n            \">\n                <img decoding=\"async\" src=\"https:\/\/placehold.co\/600x400\/98FB98\/FFFFFF?text=Staff+Quarters+2\" alt=\"Staff Quarters Image 2\" style=\"\n                    width: 100%;\n                    height: 180px;\n                    object-fit: cover;\n                    border-radius: 6px;\n                    margin-bottom: 1rem;\n                \">\n            <\/div>\n        <\/div>\n    <\/div>\n\n    <!-- Events Section -->\n    <div style=\"margin-bottom: 0;\">\n        <div style=\"\n            display: flex;\n            flex-wrap: wrap;\n            gap: 1.5rem;\n        \">\n            <div style=\"flex: 1 1 100%;\">\n                <div style=\"text-align: center;\">\n                    <hr style=\"\n                        border: none;\n                        border-top: 2px solid #e0e0e0;\n                        margin: 2rem auto;\n                        width: 50%;\n                    \" \/>\n                    <h2 style=\"\n                        color: #2c3e50;\n                        font-size: 2.25rem;\n                        font-weight: 700;\n                        margin-bottom: 1.5rem;\n                    \"><strong>Events<\/strong><\/h2>\n                <\/div>\n            <\/div>\n        <\/div>\n        <div style=\"\n            display: flex;\n            flex-wrap: wrap;\n            gap: 1.5rem;\n        \">\n            <div class=\"panel-grid-cell\" style=\"\n                flex: 1 1 calc(25% - 1.125rem);\n                min-width: 220px;\n                box-sizing: border-box;\n                background-color: #f9f9f9;\n                border-radius: 8px;\n                overflow: hidden;\n                box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);\n                padding: 1rem;\n                text-align: center;\n            \">\n                <img decoding=\"async\" src=\"https:\/\/placehold.co\/600x400\/FF6347\/FFFFFF?text=Event+1\" alt=\"Event Image 1\" style=\"\n                    width: 100%;\n                    height: 180px;\n                    object-fit: cover;\n                    border-radius: 6px;\n                    margin-bottom: 1rem;\n                \">\n            <\/div>\n            <div class=\"panel-grid-cell\" style=\"\n                flex: 1 1 calc(25% - 1.125rem);\n                min-width: 220px;\n                box-sizing: border-box;\n                background-color: #f9f9f9;\n                border-radius: 8px;\n                overflow: hidden;\n                box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);\n                padding: 1rem;\n                text-align: center;\n            \">\n                <img decoding=\"async\" src=\"https:\/\/placehold.co\/600x400\/ADD8E6\/FFFFFF?text=Event+2\" alt=\"Event Image 2\" style=\"\n                    width: 100%;\n                    height: 180px;\n                    object-fit: cover;\n                    border-radius: 6px;\n                    margin-bottom: 1rem;\n                \">\n            <\/div>\n            <div class=\"panel-grid-cell\" style=\"\n                flex: 1 1 calc(25% - 1.125rem);\n                min-width: 220px;\n                box-sizing: border-box;\n                background-color: #f9f9f9;\n                border-radius: 8px;\n                overflow: hidden;\n                box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);\n                padding: 1rem;\n                text-align: center;\n            \">\n                <img decoding=\"async\" src=\"https:\/\/placehold.co\/600x400\/FFB6C1\/FFFFFF?text=Event+3\" alt=\"Event Image 3\" style=\"\n                    width: 100%;\n                    height: 180px;\n                    object-fit: cover;\n                    border-radius: 6px;\n                    margin-bottom: 1rem;\n                \">\n            <\/div>\n            <div class=\"panel-grid-cell\" style=\"\n                flex: 1 1 calc(25% - 1.125rem);\n                min-width: 220px;\n                box-sizing: border-box;\n                background-color: #f9f9f9;\n                border-radius: 8px;\n                overflow: hidden;\n                box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);\n                padding: 1rem;\n                text-align: center;\n            \">\n                <img decoding=\"async\" src=\"https:\/\/placehold.co\/600x400\/DDA0DD\/FFFFFF?text=Event+4\" alt=\"Event Image 4\" style=\"\n                    width: 100%;\n                    height: 180px;\n                    object-fit: cover;\n                    border-radius: 6px;\n                    margin-bottom: 1rem;\n                \">\n            <\/div>\n        <\/div>\n    <\/div>\n\n<\/div>\n\n","protected":false},"excerpt":{"rendered":"<p>Welcome to Our Campus Nar Bahadur Bhandari Government College is dedicated to fostering an environment of academic excellence, personal growth, <a href=\"https:\/\/nbbgc.org\/?page_id=313\" class=\"read-more\">Read More &#8230;<\/a><\/p>\n","protected":false},"author":1,"featured_media":859,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-313","page","type-page","status-publish","has-post-thumbnail","hentry"],"_links":{"self":[{"href":"https:\/\/nbbgc.org\/index.php?rest_route=\/wp\/v2\/pages\/313","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/nbbgc.org\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/nbbgc.org\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/nbbgc.org\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/nbbgc.org\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=313"}],"version-history":[{"count":12,"href":"https:\/\/nbbgc.org\/index.php?rest_route=\/wp\/v2\/pages\/313\/revisions"}],"predecessor-version":[{"id":6210,"href":"https:\/\/nbbgc.org\/index.php?rest_route=\/wp\/v2\/pages\/313\/revisions\/6210"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/nbbgc.org\/index.php?rest_route=\/wp\/v2\/media\/859"}],"wp:attachment":[{"href":"https:\/\/nbbgc.org\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=313"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}