body {
            margin: 0;
			font-family: "Oswald", sans-serif;
			font-optical-sizing: auto;
			font-weight: 300;
			font-style: normal;
        }
		
		sup {
			vertical-align: super;
			font-size: 0.5em; /* Adjust size if needed */
		}
		
		p {
			text-align: justify;
		}
		
		h2 {
            display: flex;
			margin-bottom: 30px;
			text-align-center;
            justify-content: center;
            align-items: center;
		}

        #fixed-bg-1, #fixed-bg-2 {
            position: fixed;
            top: 0;
            left: 0;
            width: 100vw;
            height: 100vh;
            z-index: -1;
            display: none; /* Initially hidden */
        }

        section {
            display: flex;
            justify-content: center;
            align-items: center;
            font-size: 3em;
            height: 100vh;
            position: relative;
            color: white;
        }

        .container {
            justify-content: center;
            align-items: center;
        }

        .section1 {
            background-color: transparent; /* Transparent background */
        }

        .section2, .section3, .section4, .section5, .section6, .section7, .section8 {
            background: rgba(0, 0, 0, 0.85);
            color: white;
        }

        /* Downward Arrow Styling */
        .scroll-down {
            position: absolute;
            bottom: 20px;
            left: 50%;
            transform: translateX(-50%);
            font-size: 1rem;
            color: white;
            cursor: pointer;
            transition: transform 0.3s ease-in-out;
        }

        .scroll-down:hover {
            transform: translateX(-50%) translateY(5px);
        }
		
        .video-background {
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            object-fit: cover;
            z-index: -1;
        }

        .cover-row {
            width: 100vw;
            height: 100vh;
            margin: 0 !important;
            padding: 0 !important;
        }

        .content-box {
            background: rgba(0, 0, 0, 0.85);
            height: 100vh;
            padding: 0;
        }

        /* Middle column with background image */
        .col-md-4.bg-logo {
            background: url('../../_filebox/kostcon25-bg-01.png') no-repeat center center;
            background-size: cover;
            background-position: center;
            height: 100vh;
        }

        /* Menu List */
        .menu-container {
            padding: 50px 20px;
            color: rgba(255, 255, 255, 0.65);
            text-align: center;
        }

        .menu-list {
            list-style: none;
            padding: 0;
            margin: 0;
        }

		.menu-item {
			display: flex;
			justify-content: space-between;
			align-items: center;
			border-bottom: 1px solid rgba(255, 255, 255, 0.3);
			padding: 10px;
			font-size: 1.2rem;
			transition: all 0.3s ease-in-out;
			gap: 5px;
		}

		.menu-item:first-child {
			border-top: 1px solid rgba(255, 255, 255, 0.3);
		}

		.menu-item > div {
			flex: 1;
		}
		
		.event-date {
			font-family: "Oswald", sans-serif;
			font-optical-sizing: auto;
			font-weight: 200;
			font-style: normal;
			text-align: right;
		}
		
		.city-name {
			font-family: "Oswald", sans-serif;
			font-optical-sizing: auto;
			font-weight: 500;
			font-style: normal;
			color: #fff;
			text-align: left;
		}

		.view-more {
			font-family: "Oswald", sans-serif;
			font-optical-sizing: auto;
			font-weight: 200;
			font-style: normal;
			text-align: right;
			font-size: 0.9rem;
		}

		.view-more a {
			color: #ffcc00;
			text-decoration: none;
		}

		.view-more a:hover {
			text-decoration: underline;
		}

        /* Hover Effect */
        .menu-item:hover {
            color: #ffcc00;
            background: rgba(255, 255, 255, 0.1);
            cursor: pointer;
            padding-left: 20px;
        }
		
        /* Mobile Fullscreen Layout (Hidden by Default) */
        .cover-mobile {
            display: none;
            height: 100vh;
        }

        .mobile-logo {
            background: url('../../_filebox/kostcon25-bg-01.png') no-repeat center center;
            background-size: 300%;
            height: 50vh;
            width: 100%;
        }

        .mobile-menu {
            background: rgba(0, 0, 0, 0.85);
            height: 50vh;
            width: 100%;
            display: flex;
            align-items: center;
            justify-content: center;
            color: white;
        }

        .mobile-menu-list {
            list-style: none;
            padding: 0;
            margin: -200px 0px 0px 0px;
        }

        /* Original Fullscreen Layout */
        .content-container {
            height: 100vh;
            display: flex;
            align-items: center;
            justify-content: center;
            margin: 0;
            padding: 0;
        }