/* General Body Styling */
        body {
            font-family: 'Arial', sans-serif;
            background-color: #f0f2f5;
            padding-top: 56px; /* To account for fixed navbar */
        }
        .custom-navbar {
            padding-top: 0.3rem;
            padding-bottom: 1.3rem;
            background: #000000;
        }

        .custom-navbar .navbar-brand img {
            height: 70px; /* Adjusted to original HTML height, was 10px in CSS */
        }

        .custom-navbar .nav-link {
            padding-top: 0.3rem;
            padding-bottom: 0.3rem;
            font-size: 0.95rem;
        }

        /* Navigation Bar */
        .navbar-brand {
            font-weight: bold;
            color: #FFD700 !important;
        }
        .navbar-nav .nav-link {
            color: #e0e0e0 !important;
            transition: color 0.3s ease-in-out;
        }
        .navbar-nav .nav-link:hover,
        .navbar-nav .nav-link.active {
            color: #FFD700 !important;
        }

        /* Page Sections - for Single Page Application */
        .page-section {
            min-height: calc(100vh - 56px); /* Full viewport height minus navbar */
           /* display: none; /* Hidden by default, JS will show */
            padding-top: 20px; /* Adjust as needed for content below header */
            padding-bottom: 20px;
        }
        .page-section.active {
            display: block; /* Show active section */
        }
        .hero-section {
            color: #fff;
            text-align: center;
            position: relative;
            min-height: 100vh;
            display: flex;
            align-items: center;
            justify-content: center;
            overflow: hidden;
            padding: 0;
        }
        @keyframes glow {
            0% { text-shadow: 0 0 5px #ffffff, 0 0 10px #ffffff, 0 0 5px #ffffff; }
            50% { text-shadow: 0 0 5px #ffffff, 0 0 5px #ffffff, 0 0 5px #ffffff; }
            100% { text-shadow: 0 0 5px #ffffff, 0 0 10px #ffffff, 0 0 5px #ffffff; }
        }

        .hero-content h1, .hero-content h2 {
            animation: glow 2s ease-in-out infinite;
        }

        /* Home Page Hero Section */
        .hero-section video.bg-video {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            object-fit: cover;
            z-index: 0;
        }
        .hero-section::before {
            content: "";
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: rgba(0, 0, 0, 0.6); /* Overlay for readability */
            z-index: 0; /* Ensure overlay is below content but above video */
        }
        .hero-content {
            position: relative;
            z-index: 1;
        }
        .hero-content h1 {
            font-size: 3.5rem;
            font-weight: bold;
            color: #FFD700; /* Muted Gold accent */
        }
        .hero-content h2 {
            font-size: 2.5rem;
            color: #fff;
        }
        .hero-content p {
            font-size: 1.25rem;
            color: #e0e0e0;
        }

        /* Page Header (for About, Events, Register) */
        .page-header {
            background-color: #343a40; /* Dark background for header */
            color: #fff;
            padding: 80px 0;
            text-align: center;
            margin-bottom: 0; /* No margin below header as section-padding will handle it */
        }

        /* Section Padding (for About, Events, Register content) */
        .section-padding {
            padding: 60px 0;
        }

        /* About Page Specific Styles */
        #about-section .page-header { /* Specificity for about section header */
            background-color: #f8f9fa; /* Light background for the header */
            padding: 80px 0;
        }
        #about-section .page-header h1 {
            color: #0bffe9; /* Primary color for the main heading */
            font-weight: 700;
        }
        #about-section .page-header p.lead {
            color: #6c757d; /* Muted color for the lead paragraph */
        }
        .card-custom {
            border-radius: 0.75rem; /* Slightly rounded corners for cards */
            transition: all 0.3s ease-in-out;
        }
        .card-custom:hover {
            transform: translateY(-5px); /* Lift effect on hover */
            box-shadow: 0 1rem 3rem rgba(0,0,0,.175)!important; /* More pronounced shadow */
        }
        .card-title {
            color: #ffc107; /* Warning color for card titles */
            font-weight: 600;
        }

        /* Events Page Specific Styles */
        #events-section .page-section { /* Specificity for events section */
            padding: 60px 0;
        }
        #events-section .page-header { /* Specificity for events section header */
            background-color: #f8f9fa; /* Light background for the header */
            padding: 80px 0;
        }
        #events-section .page-header h1 {
            color: #0bffe9; /* Primary color for the main heading */
            font-weight: 700;
        }
        #events-section .page-header p.lead {
            color: #6c757d; /* Muted color for the lead paragraph */
        }
        .event-section h2, .event-section h3 {
            color:#0bffe9; /* Primary color for section headings */
            font-weight: 600;
        }
        .event-section .lead {
            color: #343a40; /* Darker text for lead paragraphs */
        }
        .card {
            border-radius: 0.75rem; /* Slightly rounded corners for cards */
            transition: all 0.3s ease-in-out;
        }
        .card:hover {
            transform: translateY(-3px); /* Slight lift effect on hover */
            box-shadow: 0 0.5rem 1rem rgba(0,0,0,.15)!important; /* Subtle shadow */
        }
        .list-group-item {
            background-color: transparent; /* Transparent background for list items */
            border: none;
            padding-left: 0;
            padding-right: 0;
        }
        .list-group-item i {
            font-size: 1.25rem; /* Larger icons */
        }
        .accordion-button {
            background-color: #e9ecef; /* Light grey for accordion headers */
            color: #343a40;
            font-weight: 600;
        }
        .accordion-button:not(.collapsed) {
            /*color:#0bffe9; /* Primary color when expanded */
            background-color: #dee2e6;
            box-shadow: inset 0 -1px 0 rgba(0,0,0,.125);
        }
        .accordion-body {
            background-color: #f8f9fa; /* Light background for accordion body */
        }
        .btn-warning {
            background-color: #ffc107;
            border-color: #ffc107;
            color: #212529;
            font-weight: 600;
        }
        .btn-warning:hover {
            background-color: #e0a800;
            border-color: #e0a800;
        }
        /* Register Page Specific Styles */
        .registration-form-section {
            padding: 60px 0;
            background-color: #f8f9fa;
        }
        .registration-card {
            background-color: #fff;
            border-radius: .5rem;
            box-shadow: 0 5px 15px rgba(0,0,0,.1);
            padding: 40px;
        }
        .form-label {
            font-weight: bold;
        }
        .btn-register {
            background-color: #FFD700; /* Muted Gold accent */
            border-color: #FFD700;
            color: #343a40;
            font-weight: bold;
        }
        .btn-register:hover {
            background-color: #e6c200;
            border-color: #e6c200;
            color: #343a40;
        }

        /* Footer */
        footer {
            background-color: #343a40; /* Dark background for footer */
            color: #fff;
            padding: 40px 0;
        }
        footer p {
            margin-bottom: 5px;
        }

        button {
            display: inline-block;
            padding: 8px 15px;
            font-size: 16px;
            font-weight: 400;
            line-height: 1.5;
            text-align: center;
            white-space: nowrap;
            vertical-align: middle;
            cursor: pointer;
            user-select: none;
            border: 1px solid transparent;
            border-radius: 0.75rem;
            transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
            color: #000000;
            background-color: #fde000;
            border-color: #ffffff;
        }

        button:hover {
            color: #fff;
            background-color: #0bffe9;
            border-color: #0bffe9;
        }

        button:focus {
            outline: 0;
            box-shadow: 0 0 0 0.25rem#0bffe9;
        }

        button a {
            color: inherit;
            text-decoration: none;
            display: block;
            height: 100%; /* Changed to 100% to fill button vertically */
            width: 100%;
            line-height: inherit; /* Inherit line-height for vertical alignment */
            padding: 0; /* Remove padding if any, as button already has it */
        }

        button a.active {
            /* Add specific styles if needed */
        }
		.rg-pt-5{
			padding-top: 3rem !important;
		}
		
		
		
		
        /* Responsive Adjustments using Media Queries */

        /* Extra small devices (portrait phones, less than 576px) */
        @media (max-width: 575.98px) {
            .hero-content h1 {
                font-size: 2.2rem;
            }
            .hero-content h2 {
                font-size: 1.8rem;
            }
            .hero-content p {
                font-size: 1rem;
            }
            .navbar-brand img {
                height: 50px !important; /* Smaller logo on small screens */
            }
            .custom-navbar {
                padding-bottom: 0.5rem; /* Adjust padding for smaller screens */
            }
            .page-header {
                padding: 40px 15px; /* Smaller padding for headers */
            }
            .section-padding, .registration-form-section, .event-section {
                padding: 30px 15px; /* Smaller padding for sections */
            }
            .registration-card {
                padding: 20px; /* Smaller padding for registration card */
            }
            .list-group-item.fs-5 {
                font-size: 1rem !important; /* Adjust list item font size */
            }
			.fs-4{
				font-size: 0.9rem !important;
			}
			.rg-pt-5{
				padding-top: 1rem !important;
			}
        }

        /* Small devices (landscape phones, 576px and up) */
        @media (min-width: 576px) and (max-width: 767.98px) {
            .hero-content h1 {
                font-size: 2.8rem;
            }
            .hero-content h2 {
                font-size: 2.2rem;
            }
            .hero-content p {
                font-size: 1.1rem;
            }
            .navbar-brand img {
                height: 60px !important; /* Medium logo on medium screens */
            }
            .page-header {
                padding: 60px 20px;
            }
            .section-padding, .registration-form-section, .event-section {
                padding: 40px 20px;
            }
        }

        /* Medium devices (tablets, 768px and up) */
        @media (min-width: 768px) and (max-width: 991.98px) {
            .hero-content h1 {
                font-size: 3.2rem;
            }
            .hero-content h2 {
                font-size: 2.4rem;
            }
            .hero-content p {
                font-size: 1.2rem;
            }
            .navbar-brand img {
                height: 65px !important; /* Slightly larger logo */
            }
        }

        /* Large devices (desktops, 992px and up) */
        @media (min-width: 992px) and (max-width: 1199.98px) {
            /* Adjustments for larger desktops if needed, often similar to default */
        }

        /* Extra large devices (large desktops, 1200px and up) */
        @media (min-width: 1200px) {
            /* Default styles typically handle these well, but specific large screen adjustments can go here */
        }