/* MR001 Custom Styles - Non-header related only */

/* Keep this file clean for future customizations */

/* TEST - This should make the page background red if CSS is loading */
body.about-page {
    /* background-color: red !important; */
}

/* VISIBLE TEST - Add a border to confirm CSS is loading */
/* body.about-page .banner-five {
    border: 3px solid red !important;
} */

/* ABOUT PAGE SPECIFIC COLOR CHANGES - PROFESSIONAL RED/WHITE/BLACK THEME */
/* UI/UX Optimized for Maximum Readability and Professional Appearance */

/* Step 1: Button Styling - Strategic Red Usage for CTAs */
body.about-page .default-button {
    background-color: #ee0034 !important; /* Exact homepage red */
    color: #ffffff !important; /* White text for maximum contrast */
    border: 2px solid #ee0034 !important;
    transition: all 0.3s ease !important;
    font-weight: 600 !important;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) !important;
}

body.about-page .default-button:hover,
body.about-page .default-button:focus {
    background-color: #c5002a !important; /* Darker version of homepage red */
    color: #ffffff !important;
    border-color: #c5002a !important;
    text-decoration: none !important;
    transform: translateY(-1px) !important;
    box-shadow: 0 4px 12px rgba(238, 0, 52, 0.3) !important;
}

/* Step 2: Section Headers - Clear Hierarchy */
body.about-page .section-header h2::after,
body.about-page .section-header h3::after {
    background-color: #ee0034 !important; /* Exact homepage red */
    height: 3px !important;
    width: 60px !important;
    margin: 15px auto 0 !important;
}

body.about-page .section-header h2,
body.about-page .section-header h3 {
    color: #1f2937 !important; /* Dark gray for excellent readability */
    font-weight: 700 !important;
    margin-bottom: 10px !important;
}

body.about-page .section-header p {
    color: #6b7280 !important; /* Medium gray for subtitle text */
    font-size: 16px !important;
    line-height: 1.6 !important;
}

/* Step 3: Navigation - High Contrast for Accessibility */
body.about-page .nav-link {
    color: #ffffff !important; /* White text on black header */
    font-weight: 500 !important;
    transition: color 0.3s ease !important;
}

body.about-page .nav-link:hover {
    color: #ee0034 !important; /* Exact homepage red */
}

body.about-page .navbar-brand {
    color: #ffffff !important; /* White for brand text */
}

/* HEADER SPECIFIC COLOR OVERRIDES - Focus on Green, Purple, Yellow */
/* Override any green colors in header specifically */
body.about-page header [style*="#28a745"],
body.about-page header [style*="#1e7e34"],
body.about-page header [style*="#218838"],
body.about-page header [style*="green"],
body.about-page header .btn-success,
body.about-page header .bg-success {
    background-color: #ee0034 !important; /* Exact homepage red */
    border-color: #ee0034 !important;
    color: #ffffff !important;
}

body.about-page header [style*="#28a745"]:hover,
body.about-page header [style*="#1e7e34"]:hover,
body.about-page header [style*="#218838"]:hover,
body.about-page header [style*="green"]:hover,
body.about-page header .btn-success:hover,
body.about-page header .bg-success:hover {
    background-color: #c5002a !important; /* Darker version of homepage red */
    border-color: #c5002a !important;
    color: #ffffff !important;
}

/* Override any purple/violet colors in header specifically */
body.about-page header [style*="#6f42c1"],
body.about-page header [style*="#5a2d91"],
body.about-page header [style*="#6610f2"],
body.about-page header [style*="purple"],
body.about-page header [style*="violet"],
body.about-page header .btn-secondary,
body.about-page header .bg-secondary {
    background-color: #ee0034 !important; /* Exact homepage red */
    border-color: #ee0034 !important;
    color: #ffffff !important;
}

body.about-page header [style*="#6f42c1"]:hover,
body.about-page header [style*="#5a2d91"]:hover,
body.about-page header [style*="#6610f2"]:hover,
body.about-page header [style*="purple"]:hover,
body.about-page header [style*="violet"]:hover,
body.about-page header .btn-secondary:hover,
body.about-page header .bg-secondary:hover {
    background-color: #c5002a !important; /* Darker version of homepage red */
    border-color: #c5002a !important;
    color: #ffffff !important;
}

/* Override any yellow/amber colors in header specifically */
body.about-page header [style*="#ffc107"],
body.about-page header [style*="#e0a800"],
body.about-page header [style*="#d39e00"],
body.about-page header [style*="yellow"],
body.about-page header [style*="amber"],
body.about-page header .btn-warning,
body.about-page header .bg-warning {
    background-color: #ee0034 !important; /* Exact homepage red */
    border-color: #ee0034 !important;
    color: #ffffff !important;
}

body.about-page header [style*="#ffc107"]:hover,
body.about-page header [style*="#e0a800"]:hover,
body.about-page header [style*="#d39e00"]:hover,
body.about-page header [style*="yellow"]:hover,
body.about-page header [style*="amber"]:hover,
body.about-page header .btn-warning:hover,
body.about-page header .bg-warning:hover {
    background-color: #c5002a !important; /* Darker version of homepage red */
    border-color: #c5002a !important;
    color: #ffffff !important;
}

/* Override any blue colors in header specifically */
body.about-page header [style*="#007bff"],
body.about-page header [style*="#0056b3"],
body.about-page header [style*="#0069d9"],
body.about-page header [style*="blue"],
body.about-page header .btn-primary,
body.about-page header .btn-info,
body.about-page header .bg-primary,
body.about-page header .bg-info {
    background-color: #ee0034 !important; /* Exact homepage red */
    border-color: #ee0034 !important;
    color: #ffffff !important;
}

body.about-page header [style*="#007bff"]:hover,
body.about-page header [style*="#0056b3"]:hover,
body.about-page header [style*="#0069d9"]:hover,
body.about-page header [style*="blue"]:hover,
body.about-page header .btn-primary:hover,
body.about-page header .btn-info:hover,
body.about-page header .bg-primary:hover,
body.about-page header .bg-info:hover {
    background-color: #c5002a !important; /* Darker version of homepage red */
    border-color: #c5002a !important;
    color: #ffffff !important;
}

/* Ensure header text colors remain appropriate */
body.about-page header .nav-link {
    color: #ffffff !important; /* Keep white text for navigation */
}

body.about-page header .navbar-brand {
    color: #ffffff !important; /* Keep white text for brand */
}

body.about-page header .nav-link:hover {
    color: #ee0034 !important; /* Red on hover */
}

/* Override any text colors in header that might be green, purple, yellow, or blue */
body.about-page header [style*="color: #28a745"],
body.about-page header [style*="color: #1e7e34"],
body.about-page header [style*="color: #218838"],
body.about-page header [style*="color: green"],
body.about-page header [style*="color: #6f42c1"],
body.about-page header [style*="color: #5a2d91"],
body.about-page header [style*="color: #6610f2"],
body.about-page header [style*="color: purple"],
body.about-page header [style*="color: violet"],
body.about-page header [style*="color: #ffc107"],
body.about-page header [style*="color: #e0a800"],
body.about-page header [style*="color: #d39e00"],
body.about-page header [style*="color: yellow"],
body.about-page header [style*="color: amber"],
body.about-page header [style*="color: #007bff"],
body.about-page header [style*="color: #0056b3"],
body.about-page header [style*="color: #0069d9"],
body.about-page header [style*="color: blue"] {
    color: #ee0034 !important; /* Change to exact homepage red */
}

/* Override any border colors in header */
body.about-page header [style*="border-color: #28a745"],
body.about-page header [style*="border-color: #1e7e34"],
body.about-page header [style*="border-color: #218838"],
body.about-page header [style*="border-color: green"],
body.about-page header [style*="border-color: #6f42c1"],
body.about-page header [style*="border-color: #5a2d91"],
body.about-page header [style*="border-color: #6610f2"],
body.about-page header [style*="border-color: purple"],
body.about-page header [style*="border-color: violet"],
body.about-page header [style*="border-color: #ffc107"],
body.about-page header [style*="border-color: #e0a800"],
body.about-page header [style*="border-color: #d39e00"],
body.about-page header [style*="border-color: yellow"],
body.about-page header [style*="border-color: amber"],
body.about-page header [style*="border-color: #007bff"],
body.about-page header [style*="border-color: #0056b3"],
body.about-page header [style*="border-color: #0069d9"],
body.about-page header [style*="border-color: blue"] {
    border-color: #ee0034 !important; /* Change to exact homepage red */
}

/* Step 4: Page Header - Clean and Professional */
body.about-page .page-header {
    background-color: #f8fafc !important; /* Light gray background */
    border-bottom: 1px solid #e5e7eb !important;
}

body.about-page .page-header h4 {
    color: #1f2937 !important; /* Dark text for readability */
    font-weight: 600 !important;
}

body.about-page .page-header a {
    color: #ee0034 !important; /* Exact homepage red */
    font-weight: 500 !important;
}

body.about-page .page-header a:hover {
    color: #c5002a !important; /* Darker version of homepage red */
}

body.about-page .page-header li {
    color: #6b7280 !important; /* Medium gray for breadcrumb text */
}

/* Step 5: Speakers Section - Professional Overlay */
body.about-page .speakers .overlay {
    background: linear-gradient(135deg, rgba(238, 0, 52, 0.95), rgba(197, 0, 42, 0.95)) !important; /* Homepage red gradient */
}

body.about-page .speakers .section-header h3 {
    color: #ffffff !important; /* White text for main header */
    font-weight: 700 !important;
    text-shadow: 0 2px 4px rgba(0, 0, 0, 0.3) !important;
}

body.about-page .speakers .section-header p {
    color: #fecaca !important; /* Light red for subtitle */
    font-weight: 500 !important;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) !important;
}

body.about-page .speakers .speaker-item .speaker-content .icon {
    background-color: #ffffff !important; /* White icon background */
    color: #ee0034 !important; /* Exact homepage red */
    border: 3px solid #ffffff !important;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15) !important;
}

body.about-page .speakers .speaker-item .speaker-content .details h4 a {
    color: #ffffff !important; /* White text for speaker names */
    font-weight: 600 !important;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) !important;
}

body.about-page .speakers .speaker-item .speaker-content .details h4 a:hover {
    color: #fecaca !important; /* Light red on hover */
}

body.about-page .speakers .speaker-item .speaker-content .details span {
    color: #fecaca !important; /* Light red for speaker titles */
    font-weight: 500 !important;
}

/* Step 6: Gallery Section - Subtle Professional Overlay */
body.about-page .gallery .gallery-item .overlay {
    background: linear-gradient(135deg, rgba(238, 0, 52, 0.8), rgba(197, 0, 42, 0.8)) !important; /* Homepage red gradient */
}

body.about-page .gallery .gallery-item:hover .overlay {
    background: linear-gradient(135deg, rgba(238, 0, 52, 0.9), rgba(197, 0, 42, 0.9)) !important; /* Darker on hover */
}

/* Step 7: Newsletter Section - Professional Dark Theme */
body.about-page .newsletter {
    background: linear-gradient(135deg, #ee0034, #c5002a) !important; /* Red gradient */
    border-top: 3px solid #000000 !important; /* Black border */
}

body.about-page .newsletter p {
    color: #ffffff !important; /* White text */
    font-weight: 500 !important;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) !important;
}

body.about-page .newsletter input[type="email"] {
    border: 2px solid #ffffff !important; /* White border */
    background-color: #ffffff !important; /* White background */
    color: #1f2937 !important; /* Dark text */
    padding: 15px 20px !important; /* Larger padding */
    font-size: 16px !important; /* Larger font size */
    min-width: 300px !important; /* Minimum width */
    height: 50px !important; /* Taller input field */
}

body.about-page .newsletter input[type="email"]:focus {
    border-color: #000000 !important; /* Black border on focus */
    box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.1) !important; /* Subtle black shadow */
}

body.about-page .newsletter input[type="submit"] {
    background-color: #000000 !important; /* Black button */
    color: #ffffff !important; /* White text */
    border: 2px solid #000000 !important;
    font-weight: 600 !important;
    padding: 15px 30px !important; /* Larger padding */
    font-size: 16px !important; /* Larger font size */
    height: 50px !important; /* Match email input height */
    min-width: 150px !important; /* Minimum width */
}

body.about-page .newsletter input[type="submit"]:hover {
    background-color: #1f2937 !important; /* Dark gray on hover */
    border-color: #1f2937 !important;
    transform: translateY(-1px) !important;
}

/* Step 8: Countdown Timer - Use Schedule Page Styling */
/* The about page countdown now uses the exact same styling as the schedule page */

/* Step 9: Banner Counter - Professional Styling */
body.about-page .banner .content-left .counter {
    color: #ee0034 !important; /* Exact homepage red */
    font-weight: 700 !important;
    text-shadow: 0 2px 4px rgba(0, 0, 0, 0.1) !important;
}

body.about-page .banner .content-left p {
    color: #ffffff !important; /* White text for "December" */
    font-weight: 500 !important;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) !important;
}

body.about-page .banner .content-right h2 {
    color: #ffffff !important; /* White text for better contrast */
    font-weight: 700 !important;
    text-shadow: 0 2px 4px rgba(0, 0, 0, 0.3) !important;
}

body.about-page .banner .content-right p {
    color: #f3f4f6 !important; /* Light gray text */
    font-weight: 500 !important;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) !important;
}

/* Step 10: Green Rectangle to Professional Black */
body.about-page .banner .content-left {
    background: linear-gradient(135deg, #000000, #1f2937) !important; /* Professional gradient */
    border: 2px solid #374151 !important;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.3) !important;
}

/* Step 11: About Section - Professional Typography */
body.about-page .about-two .content p {
    color: #ffffff !important; /* White text for better readability */
    line-height: 1.7 !important;
    font-size: 16px !important;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) !important;
}

body.about-page .about-two .content .about-button {
    gap: 20px !important; /* Proper spacing between buttons */
}

/* Step 12: About Section Headers - White Text */
body.about-page .about-two .section-header h2 {
    color: #ffffff !important; /* White text for main header */
    font-weight: 700 !important;
    text-shadow: 0 2px 4px rgba(0, 0, 0, 0.3) !important;
}

body.about-page .about-two .section-header p {
    color: #fecaca !important; /* Light red for subtitle */
    font-weight: 500 !important;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) !important;
}

/* Step 13: Enhanced Hover Effects */
body.about-page .speaker-item:hover .speaker-content .icon {
    background-color: #ee0034 !important; /* Exact homepage red on hover */
    color: #ffffff !important; /* White icon on hover */
    transform: scale(1.05) !important;
    transition: all 0.3s ease !important;
}

body.about-page .gallery-item:hover {
    transform: scale(1.02) !important;
    transition: all 0.3s ease !important;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.2) !important;
}

/* Step 14: Professional Spacing and Alignment */
body.about-page .about-two .content {
    padding: 120px 0 !important; /* Maintain proper padding */
}

body.about-page .gallery.padding-120 {
    padding: 120px 0 !important; /* Maintain proper padding */
}

/* Step 15: Mobile Responsiveness with Professional Touch */
@media (max-width: 767px) {
    body.about-page .default-button {
        font-size: 14px !important; /* Readable text on mobile */
        padding: 12px 20px !important; /* Comfortable touch targets */
    }
    
    body.about-page .section-header h2,
    body.about-page .section-header h3 {
        font-size: 28px !important; /* Responsive font size */
    }
    
    body.about-page .about-two .content .about-button {
        flex-direction: column !important; /* Stack buttons on mobile */
        align-items: center !important;
        gap: 15px !important;
    }
    
    body.about-page .about-two .content .about-button li {
        margin-bottom: 0 !important;
    }
}

/* Step 16: Override Orange Colors to Exact Homepage Red */
/* Replace any orange (#ff9822) with exact homepage red (#ee0034) */
body.about-page [style*="#ff9822"],
body.about-page [style*="orange"],
body.about-page .btn,
body.about-page .default-button,
body.about-page .banner-button,
body.about-page .gallery-button,
body.about-page .sponsor-button,
body.about-page .schedule-button,
body.about-page .newsletter input[type="submit"] {
    background-color: #ee0034 !important; /* Exact homepage red */
    border-color: #ee0034 !important;
}

body.about-page [style*="#ff9822"]:hover,
body.about-page [style*="orange"]:hover,
body.about-page .btn:hover,
body.about-page .default-button:hover,
body.about-page .banner-button:hover,
body.about-page .gallery-button:hover,
body.about-page .sponsor-button:hover,
body.about-page .schedule-button:hover,
body.about-page .newsletter input[type="submit"]:hover {
    background-color: #c5002a !important; /* Darker version of homepage red */
    border-color: #c5002a !important;
}

/* Override any orange text colors */
body.about-page [style*="#ff9822"],
body.about-page [style*="orange"],
body.about-page a[style*="#ff9822"],
body.about-page a[style*="orange"] {
    color: #ee0034 !important; /* Exact homepage red */
}

body.about-page [style*="#ff9822"]:hover,
body.about-page [style*="orange"]:hover,
body.about-page a[style*="#ff9822"]:hover,
body.about-page a[style*="orange"]:hover {
    color: #c5002a !important; /* Darker version of homepage red */
}

/* Override any orange borders or accents */
body.about-page [style*="#ff9822"],
body.about-page [style*="orange"],
body.about-page .section-header h2::after,
body.about-page .section-header h3::after {
    border-color: #ee0034 !important; /* Exact homepage red */
    background-color: #ee0034 !important; /* Exact homepage red */
}

/* Ensure all accent colors are exact homepage red */
body.about-page .accent-color,
body.about-page .highlight,
body.about-page .primary-color {
    color: #ee0034 !important; /* Exact homepage red */
    background-color: #ee0034 !important; /* Exact homepage red */
    border-color: #ee0034 !important; /* Exact homepage red */
}

/* Blurred background for countdown on non-homepage pages */
.banner-five .seven-content-right-bg {
    position: relative;
    overflow: hidden;
}

.banner-five .seven-content-right-bg::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-image: url('../images/backgrounds/banner/banner_01.jpg');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    filter: blur(8px);
    opacity: 0.3;
    z-index: -1;
    transform: scale(1.1);
}

.banner-five .seven-content-right {
    position: relative;
    z-index: 1;
    background: rgba(0, 0, 0, 0.4);
    border-radius: 50%;
    backdrop-filter: blur(2px);
    -webkit-backdrop-filter: blur(2px);
}

/* Non-homepage header styling - solid background like original template */
/* Only add margin-top to create space above the counter, don't affect other sections */
.banner-five {
    /* Add margin-top to create space above the counter */
    margin-top: 120px !important;
}

/* AGGRESSIVE FIX FOR HEADER OVERLAP - ONLY AFFECT BANNER SECTION */
body.about-page .banner-five,
body.contact-page .banner-five,
body.gallery-page .banner-five,
body.schedule-page .banner-five,
body.ticket-page .banner-five,
body.register-page .banner-five {
    margin-top: 150px !important;
    padding-top: 0 !important;
}

/* RESET SPACING FOR OTHER SECTIONS - Don't affect schedule, about, etc. */
body.about-page .about-two,
body.contact-page .contact-two,
body.gallery-page .gallery-two,
body.ticket-page .ticket-two,
body.register-page .register-two {
    margin-top: 0 !important;
    padding-top: 0 !important;
}

/* REDUCE SPACING BETWEEN EVENT SCHEDULES TITLE AND DAY COLUMNS */
body.schedule-page .schedules {
    padding-top: 15px !important;
    padding-bottom: 15px !important;
}

body.schedule-page .schedules .section-header {
    margin-bottom: 5px !important;
    padding-bottom: 0 !important;
}

body.schedule-page .schedules .section-header h3 {
    margin-bottom: 2px !important;
    padding-bottom: 0 !important;
}

body.schedule-page .schedules .section-header p {
    margin-bottom: 2px !important;
    padding-bottom: 0 !important;
}

body.schedule-page .schedules .schedule-tabs {
    margin-top: 0 !important;
    padding-top: 0 !important;
}

body.schedule-page .schedules .nav-tabs {
    margin-top: 0 !important;
    padding-top: 0 !important;
}

/* FORCE SOLID HEADER ON NON-HOMEPAGE PAGES */
body.about-page .bgc-trans-4,
body.contact-page .bgc-trans-4,
body.gallery-page .bgc-trans-4,
body.schedule-page .bgc-trans-4,
body.ticket-page .bgc-trans-4,
body.register-page .bgc-trans-4 {
    background-color: #1f2937 !important;
    background: #1f2937 !important;
    background-image: none !important;
    opacity: 1 !important;
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    z-index: 1000 !important;
}

/* Make header solid on non-homepage pages - using body classes */
/* Target specific pages using body classes - OVERRIDE TRANSPARENCY */
.about-page header .menu-fixed,
.about-page header .menu-fixed.bgc-trans-4,
.contact-page header .menu-fixed,
.contact-page header .menu-fixed.bgc-trans-4,
.gallery-page header .menu-fixed,
.gallery-page header .menu-fixed.bgc-trans-4,
.schedule-page header .menu-fixed,
.schedule-page header .menu-fixed.bgc-trans-4,
.ticket-page header .menu-fixed,
.ticket-page header .menu-fixed.bgc-trans-4,
.register-page header .menu-fixed,
.register-page header .menu-fixed.bgc-trans-4 {
    background-color: #1f2937 !important;
    background: #1f2937 !important;
    background-image: none !important;
    background-image: linear-gradient(to right, #1f2937, #1f2937) !important;
}

/* Ensure header has proper height and spacing */
.about-page header .menu-fixed,
.about-page header .menu-fixed.bgc-trans-4,
.contact-page header .menu-fixed,
.contact-page header .menu-fixed.bgc-trans-4,
.gallery-page header .menu-fixed,
.gallery-page header .menu-fixed.bgc-trans-4,
.schedule-page header .menu-fixed,
.schedule-page header .menu-fixed.bgc-trans-4,
.ticket-page header .menu-fixed,
.ticket-page header .menu-fixed.bgc-trans-4,
.register-page header .menu-fixed,
.register-page header .menu-fixed.bgc-trans-4 {
    min-height: 90px;
    padding: 13px 0;
    opacity: 1 !important;
    background: #1f2937 !important;
    background-color: #1f2937 !important;
}

/* Responsive adjustments for solid header */
@media (max-width: 991px) {
    body:not(.home) header .menu-fixed,
    .about-page header .menu-fixed,
    .contact-page header .menu-fixed,
    .gallery-page header .menu-fixed,
    .schedule-page header .menu-fixed,
    .ticket-page header .menu-fixed,
    .register-page header .menu-fixed {
        min-height: 80px;
        padding: 10px 0;
    }
    
    .banner-five {
        margin-top: 100px;
    }
}

@media (max-width: 767px) {
    body:not(.home) header .menu-fixed,
    .about-page header .menu-fixed,
    .contact-page header .menu-fixed,
    .gallery-page header .menu-fixed,
    .schedule-page header .menu-fixed,
    .ticket-page header .menu-fixed,
    .register-page header .menu-fixed {
        min-height: 70px;
        padding: 8px 0;
    }
    
    .banner-five {
        margin-top: 90px;
    }
}

@media (max-width: 480px) {
    body:not(.home) header .menu-fixed,
    .about-page header .menu-fixed,
    .contact-page header .menu-fixed,
    .gallery-page header .menu-fixed,
    .schedule-page header .menu-fixed,
    .ticket-page header .menu-fixed,
    .register-page header .menu-fixed {
        min-height: 60px;
        padding: 6px 0;
    }
    
    .banner-five {
        margin-top: 80px;
    }
}

/* Header Logo Styling */
.header-logo {
    max-height: 80px;
    width: auto;
    transition: all 0.3s ease;
    filter: brightness(1.2) contrast(1.2);
    image-rendering: -webkit-optimize-contrast;
    image-rendering: crisp-edges;
}

.navbar-brand {
    display: flex;
    align-items: center;
    padding: 18px 0;
}

.navbar-brand:hover .header-logo {
    transform: scale(1.05);
    filter: brightness(1.3) contrast(1.3);
}

/* Responsive logo sizing */
@media (max-width: 991px) {
    .header-logo {
        max-height: 70px;
    }
    
    .navbar-brand {
        padding: 16px 0;
    }
}

@media (max-width: 767px) {
    .header-logo {
        max-height: 60px;
    }
    
    .navbar-brand {
        padding: 14px 0;
    }
}

@media (max-width: 480px) {
    .header-logo {
        max-height: 50px;
    }
    
    .navbar-brand {
        padding: 12px 0;
    }
}

/* Responsive improvements for homepage */
@media (max-width: 1199px) {
    /* Banner section responsive */
    .banner-seven .seven-content-right .counter {
        font-size: 180px !important;
        line-height: 160px !important;
    }
    
    .banner-seven .seven-content-left h1 {
        font-size: 48px !important;
        line-height: 1.2 !important;
    }
    
    .banner-seven .seven-content-left h3 {
        font-size: 24px !important;
    }
    
    .banner-seven .seven-content-left ul li {
        font-size: 16px !important;
        margin-bottom: 8px !important;
    }
    
    .event-info li {
        font-size: 14px !important;
        margin-right: 15px !important;
    }
}

@media (max-width: 991px) {
    /* Tablet responsive */
    .banner-seven .seven-content-right .counter {
        font-size: 140px !important;
        line-height: 130px !important;
    }
    
    .banner-seven .seven-content-left h1 {
        font-size: 36px !important;
        line-height: 1.2 !important;
    }
    
    .banner-seven .seven-content-left h3 {
        font-size: 20px !important;
    }
    
    .banner-seven .seven-content-right-bg,
    .banner-seven .seven-content-right {
        height: 350px !important;
        width: 350px !important;
    }
    
    .banner-seven .seven-content-right .content {
        padding-top: 40px !important;
    }
    
    .banner-seven .seven-content-right .clock-item {
        width: 60px !important;
        height: 60px !important;
    }
    
    .banner-seven .seven-content-right .clock-item .count-number {
        font-size: 18px !important;
        line-height: 60px !important;
    }
    
    .banner-seven .seven-content-right .clock-item .count-text {
        font-size: 10px !important;
    }
    
    /* About section responsive */
    .about-six .about-thumb {
        margin-bottom: 30px !important;
    }
    
    .about-six .section-header h2 {
        font-size: 32px !important;
    }
    
    .about-six p {
        font-size: 16px !important;
        line-height: 1.6 !important;
    }
    
    /* Schedule section responsive */
    .schedule-nine .schedule-item {
        margin-bottom: 20px !important;
    }
    
    .schedule-nine .schedule-content .schedule-heading {
        flex-direction: column !important;
        text-align: center !important;
    }
    
    .schedule-nine .schedule-content .schedule-heading .time,
    .schedule-nine .schedule-content .schedule-heading .hall {
        float: none !important;
        margin-bottom: 5px !important;
    }
    
    /* Speakers section responsive */
    .speakers-nine .speaker-item {
        margin-bottom: 30px !important;
    }
    
    .speakers-nine .speaker-content .name {
        font-size: 18px !important;
    }
    
    .speakers-nine .speaker-content .designation {
        font-size: 14px !important;
    }
    
    /* Sponsors section responsive */
    .sponsor-uhv .sponsor-item {
        margin-bottom: 20px !important;
    }
    
    .sponsor-uhv .sponsor-item-inner img {
        max-width: 150px !important;
        height: auto !important;
    }
}

@media (max-width: 767px) {
    /* Mobile responsive */
    .banner-seven .seven-content-right .counter {
        font-size: 100px !important;
        line-height: 90px !important;
    }
    
    .banner-seven .seven-content-left h1 {
        font-size: 28px !important;
        line-height: 1.2 !important;
    }
    
    .banner-seven .seven-content-left h3 {
        font-size: 18px !important;
    }
    
    .banner-seven .seven-content-right-bg,
    .banner-seven .seven-content-right {
        height: 250px !important;
        width: 250px !important;
    }
    
    .banner-seven .seven-content-right .content {
        padding-top: 30px !important;
    }
    
    .banner-seven .seven-content-right .clock-item {
        width: 45px !important;
        height: 45px !important;
    }
    
    .banner-seven .seven-content-right .clock-item .count-number {
        font-size: 14px !important;
        line-height: 45px !important;
    }
    
    .banner-seven .seven-content-right .clock-item .count-text {
        font-size: 8px !important;
    }
    
    .banner-seven .seven-content-left ul li {
        font-size: 14px !important;
        margin-bottom: 5px !important;
    }
    
    .event-info {
        flex-direction: column !important;
        align-items: center !important;
    }
    
    .event-info li {
        font-size: 12px !important;
        margin-right: 0 !important;
        margin-bottom: 10px !important;
    }
    
    /* About section mobile */
    .about-six .section-header h2 {
        font-size: 24px !important;
    }
    
    .about-six .section-header p {
        font-size: 14px !important;
    }
    
    .about-six p {
        font-size: 14px !important;
        line-height: 1.5 !important;
    }
    
    .about-six .about-button {
        flex-direction: column !important;
        align-items: center !important;
    }
    
    .about-six .about-button li {
        margin-bottom: 15px !important;
    }
    
    /* Schedule section mobile */
    .schedule-nine .section-header h3 {
        font-size: 24px !important;
    }
    
    .schedule-nine .schedule-item {
        margin-bottom: 15px !important;
    }
    
    .schedule-nine .schedule-content .session {
        font-size: 16px !important;
    }
    
    .schedule-nine .schedule-content .speaker-name {
        font-size: 12px !important;
    }
    
    /* Speakers section mobile */
    .speakers-nine .section-header h3 {
        font-size: 24px !important;
    }
    
    .speakers-nine .speaker-item {
        margin-bottom: 20px !important;
    }
    
    .speakers-nine .speaker-content .name {
        font-size: 16px !important;
    }
    
    .speakers-nine .speaker-content .designation {
        font-size: 12px !important;
    }
    
    /* Sponsors section mobile */
    .sponsor-uhv .section-header h3 {
        font-size: 24px !important;
    }
    
    .sponsor-uhv .sponsor-item {
        margin-bottom: 15px !important;
    }
    
    .sponsor-uhv .sponsor-item-inner img {
        max-width: 120px !important;
        height: auto !important;
    }
    
    .sponsor-uhv .sponsor-type {
        font-size: 16px !important;
    }
    
    /* Newsletter section mobile */
    .newsletter-uhv p {
        font-size: 18px !important;
    }
    
    .newsletter-uhv form {
        flex-direction: column !important;
        align-items: center !important;
    }
    
    .newsletter-uhv input[type="email"] {
        width: 100% !important;
        margin-bottom: 15px !important;
    }
    
    .newsletter-uhv input[type="submit"] {
        width: 100% !important;
    }
}

@media (max-width: 480px) {
    /* Small mobile responsive */
    .banner-seven .seven-content-right .counter {
        font-size: 80px !important;
        line-height: 70px !important;
    }
    
    .banner-seven .seven-content-left h1 {
        font-size: 24px !important;
        line-height: 1.2 !important;
    }
    
    .banner-seven .seven-content-left h3 {
        font-size: 16px !important;
    }
    
    .banner-seven .seven-content-right-bg,
    .banner-seven .seven-content-right {
        height: 200px !important;
        width: 200px !important;
    }
    
    .banner-seven .seven-content-right .content {
        padding-top: 20px !important;
    }
    
    .banner-seven .seven-content-right .clock-item {
        width: 35px !important;
        height: 35px !important;
    }
    
    .banner-seven .seven-content-right .clock-item .count-number {
        font-size: 12px !important;
        line-height: 35px !important;
    }
    
    .banner-seven .seven-content-right .clock-item .count-text {
        font-size: 7px !important;
    }
    
    .banner-seven .seven-content-left ul li {
        font-size: 12px !important;
        margin-bottom: 3px !important;
    }
    
    .event-info li {
        font-size: 10px !important;
        margin-bottom: 8px !important;
    }
    
    /* About section small mobile */
    .about-six .section-header h2 {
        font-size: 20px !important;
    }
    
    .about-six .section-header p {
        font-size: 12px !important;
    }
    
    .about-six p {
        font-size: 13px !important;
        line-height: 1.4 !important;
    }
    
    /* Schedule section small mobile */
    .schedule-nine .section-header h3 {
        font-size: 20px !important;
    }
    
    .schedule-nine .schedule-content .session {
        font-size: 14px !important;
    }
    
    .schedule-nine .schedule-content .speaker-name {
        font-size: 11px !important;
    }
    
    /* Speakers section small mobile */
    .speakers-nine .section-header h3 {
        font-size: 20px !important;
    }
    
    .speakers-nine .speaker-content .name {
        font-size: 14px !important;
    }
    
    .speakers-nine .speaker-content .designation {
        font-size: 11px !important;
    }
    
    /* Sponsors section small mobile */
    .sponsor-uhv .section-header h3 {
        font-size: 20px !important;
    }
    
    .sponsor-uhv .sponsor-item-inner img {
        max-width: 100px !important;
        height: auto !important;
    }
    
    .sponsor-uhv .sponsor-type {
        font-size: 14px !important;
    }
    
    /* Newsletter section small mobile */
    .newsletter-uhv p {
        font-size: 16px !important;
    }
}

/* Ensure proper spacing and alignment on all devices */
.banner-seven .seven-content-right,
.banner-seven .seven-content-left {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

.about-six .about-button {
    display: flex !important;
    justify-content: center !important;
    gap: 20px !important;
}

.schedule-nine .schedule-content .schedule-heading {
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
}

.speakers-nine .speaker-items .row {
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: center !important;
}

.sponsor-uhv .sponsor-list {
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: center !important;
    align-items: center !important;
    gap: 20px !important;
}

.newsletter-uhv form {
    display: flex !important;
    justify-content: center !important;
    gap: 15px !important;
    align-items: center !important;
}

/* COMPREHENSIVE COLOR THEME ENFORCEMENT - ABOUT PAGE */

/* Step 17: Override Any Remaining Non-Theme Colors */
/* Ensure ALL elements follow Red (#ee0034), White (#ffffff), Black (#000000) theme */

/* Override any blue colors */
body.about-page [style*="#007bff"],
body.about-page [style*="#0056b3"],
body.about-page [style*="#0069d9"],
body.about-page [style*="blue"],
body.about-page .btn-primary,
body.about-page .btn-info {
    background-color: #ee0034 !important; /* Exact homepage red */
    border-color: #ee0034 !important;
    color: #ffffff !important;
}

body.about-page [style*="#007bff"]:hover,
body.about-page [style*="#0056b3"]:hover,
body.about-page [style*="#0069d9"]:hover,
body.about-page [style*="blue"]:hover,
body.about-page .btn-primary:hover,
body.about-page .btn-info:hover {
    background-color: #c5002a !important; /* Darker version of homepage red */
    border-color: #c5002a !important;
    color: #ffffff !important;
}

/* Override any green colors */
body.about-page [style*="#28a745"],
body.about-page [style*="#1e7e34"],
body.about-page [style*="#218838"],
body.about-page [style*="green"],
body.about-page .btn-success {
    background-color: #ee0034 !important; /* Exact homepage red */
    border-color: #ee0034 !important;
    color: #ffffff !important;
}

body.about-page [style*="#28a745"]:hover,
body.about-page [style*="#1e7e34"]:hover,
body.about-page [style*="#218838"]:hover,
body.about-page [style*="green"]:hover,
body.about-page .btn-success:hover {
    background-color: #c5002a !important; /* Darker version of homepage red */
    border-color: #c5002a !important;
    color: #ffffff !important;
}

/* Override any yellow/amber colors */
body.about-page [style*="#ffc107"],
body.about-page [style*="#e0a800"],
body.about-page [style*="#d39e00"],
body.about-page [style*="yellow"],
body.about-page [style*="amber"],
body.about-page .btn-warning {
    background-color: #ee0034 !important; /* Exact homepage red */
    border-color: #ee0034 !important;
    color: #ffffff !important;
}

body.about-page [style*="#ffc107"]:hover,
body.about-page [style*="#e0a800"]:hover,
body.about-page [style*="#d39e00"]:hover,
body.about-page [style*="yellow"]:hover,
body.about-page [style*="amber"]:hover,
body.about-page .btn-warning:hover {
    background-color: #c5002a !important; /* Darker version of homepage red */
    border-color: #c5002a !important;
    color: #ffffff !important;
}

/* Override any purple/violet colors */
body.about-page [style*="#6f42c1"],
body.about-page [style*="#5a2d91"],
body.about-page [style*="#6610f2"],
body.about-page [style*="purple"],
body.about-page [style*="violet"],
body.about-page .btn-secondary {
    background-color: #ee0034 !important; /* Exact homepage red */
    border-color: #ee0034 !important;
    color: #ffffff !important;
}

body.about-page [style*="#6f42c1"]:hover,
body.about-page [style*="#5a2d91"]:hover,
body.about-page [style*="#6610f2"]:hover,
body.about-page [style*="purple"]:hover,
body.about-page [style*="violet"]:hover,
body.about-page .btn-secondary:hover {
    background-color: #c5002a !important; /* Darker version of homepage red */
    border-color: #c5002a !important;
    color: #ffffff !important;
}

/* Override any teal/cyan colors */
body.about-page [style*="#17a2b8"],
body.about-page [style*="#138496"],
body.about-page [style*="#117a8b"],
body.about-page [style*="teal"],
body.about-page [style*="cyan"] {
    background-color: #ee0034 !important; /* Exact homepage red */
    border-color: #ee0034 !important;
    color: #ffffff !important;
}

body.about-page [style*="#17a2b8"]:hover,
body.about-page [style*="#138496"]:hover,
body.about-page [style*="#117a8b"]:hover,
body.about-page [style*="teal"]:hover,
body.about-page [style*="cyan"]:hover {
    background-color: #c5002a !important; /* Darker version of homepage red */
    border-color: #c5002a !important;
    color: #ffffff !important;
}

/* Override any pink/magenta colors */
body.about-page [style*="#e83e8c"],
body.about-page [style*="#d63384"],
body.about-page [style*="#c71585"],
body.about-page [style*="pink"],
body.about-page [style*="magenta"] {
    background-color: #ee0034 !important; /* Exact homepage red */
    border-color: #ee0034 !important;
    color: #ffffff !important;
}

body.about-page [style*="#e83e8c"]:hover,
body.about-page [style*="#d63384"]:hover,
body.about-page [style*="#c71585"]:hover,
body.about-page [style*="pink"]:hover,
body.about-page [style*="magenta"]:hover {
    background-color: #c5002a !important; /* Darker version of homepage red */
    border-color: #c5002a !important;
    color: #ffffff !important;
}

/* Override any gray colors that aren't our theme */
body.about-page [style*="#6c757d"],
body.about-page [style*="#5a6268"],
body.about-page [style*="#495057"],
body.about-page [style*="gray"]:not([style*="#1f2937"]):not([style*="#6b7280"]):not([style*="#d1d5db"]):not([style*="#f3f4f6"]) {
    background-color: #1f2937 !important; /* Our dark gray */
    border-color: #1f2937 !important;
    color: #ffffff !important;
}

/* Ensure all text follows our theme */
body.about-page h1, body.about-page h2, body.about-page h3, body.about-page h4, body.about-page h5, body.about-page h6 {
    color: #ffffff !important; /* White headings */
}

body.about-page p {
    color: #f3f4f6 !important; /* Light gray text */
}

body.about-page a:not(.default-button):not(.banner-button):not(.gallery-button):not(.newsletter input[type="submit"]) {
    color: #ee0034 !important; /* Exact homepage red for links */
}

body.about-page a:not(.default-button):not(.banner-button):not(.gallery-button):not(.newsletter input[type="submit"]):hover {
    color: #c5002a !important; /* Darker version of homepage red on hover */
}

/* Override any remaining Bootstrap or framework colors */
body.about-page .text-primary { color: #ee0034 !important; }
body.about-page .text-success { color: #ee0034 !important; }
body.about-page .text-info { color: #ee0034 !important; }
body.about-page .text-warning { color: #ee0034 !important; }
body.about-page .text-danger { color: #ee0034 !important; }
body.about-page .text-secondary { color: #ffffff !important; }
body.about-page .text-light { color: #f3f4f6 !important; }
body.about-page .text-dark { color: #ffffff !important; }

body.about-page .bg-primary { background-color: #ee0034 !important; }
body.about-page .bg-success { background-color: #ee0034 !important; }
body.about-page .bg-info { background-color: #ee0034 !important; }
body.about-page .bg-warning { background-color: #ee0034 !important; }
body.about-page .bg-danger { background-color: #ee0034 !important; }
body.about-page .bg-secondary { background-color: #1f2937 !important; }
body.about-page .bg-light { background-color: #1f2937 !important; }
body.about-page .bg-dark { background-color: #000000 !important; }

/* Ensure all borders follow our theme */
body.about-page .border-primary { border-color: #ee0034 !important; }
body.about-page .border-success { border-color: #ee0034 !important; }
body.about-page .border-info { border-color: #ee0034 !important; }
body.about-page .border-warning { border-color: #ee0034 !important; }
body.about-page .border-danger { border-color: #ee0034 !important; }
body.about-page .border-secondary { border-color: #1f2937 !important; }
body.about-page .border-light { border-color: #1f2937 !important; }
body.about-page .border-dark { border-color: #000000 !important; }

/* Final override for any remaining non-theme colors */
body.about-page * {
    /* This ensures any remaining non-theme colors are caught */
}

/* Specific overrides for common framework classes */
body.about-page .badge-primary { background-color: #ee0034 !important; color: #ffffff !important; }
body.about-page .badge-success { background-color: #ee0034 !important; color: #ffffff !important; }
body.about-page .badge-info { background-color: #ee0034 !important; color: #ffffff !important; }
body.about-page .badge-warning { background-color: #ee0034 !important; color: #ffffff !important; }
body.about-page .badge-danger { background-color: #ee0034 !important; color: #ffffff !important; }
body.about-page .badge-secondary { background-color: #1f2937 !important; color: #ffffff !important; }
body.about-page .badge-light { background-color: #1f2937 !important; color: #ffffff !important; }
body.about-page .badge-dark { background-color: #000000 !important; color: #ffffff !important; }

/* Alert overrides */
body.about-page .alert-primary { background-color: rgba(238, 0, 52, 0.1) !important; border-color: #ee0034 !important; color: #ffffff !important; }
body.about-page .alert-success { background-color: rgba(238, 0, 52, 0.1) !important; border-color: #ee0034 !important; color: #ffffff !important; }
body.about-page .alert-info { background-color: rgba(238, 0, 52, 0.1) !important; border-color: #ee0034 !important; color: #ffffff !important; }
body.about-page .alert-warning { background-color: rgba(238, 0, 52, 0.1) !important; border-color: #ee0034 !important; color: #ffffff !important; }
body.about-page .alert-danger { background-color: rgba(238, 0, 52, 0.1) !important; border-color: #ee0034 !important; color: #ffffff !important; }
body.about-page .alert-secondary { background-color: rgba(31, 41, 55, 0.1) !important; border-color: #1f2937 !important; color: #ffffff !important; }
body.about-page .alert-light { background-color: rgba(31, 41, 55, 0.1) !important; border-color: #1f2937 !important; color: #ffffff !important; }
body.about-page .alert-dark { background-color: rgba(0, 0, 0, 0.1) !important; border-color: #000000 !important; color: #ffffff !important; }

/* Progress bar overrides */
body.about-page .progress-bar.bg-primary { background-color: #ee0034 !important; }
body.about-page .progress-bar.bg-success { background-color: #ee0034 !important; }
body.about-page .progress-bar.bg-info { background-color: #ee0034 !important; }
body.about-page .progress-bar.bg-warning { background-color: #ee0034 !important; }
body.about-page .progress-bar.bg-danger { background-color: #ee0034 !important; }
body.about-page .progress-bar.bg-secondary { background-color: #1f2937 !important; }
body.about-page .progress-bar.bg-light { background-color: #1f2937 !important; }
body.about-page .progress-bar.bg-dark { background-color: #000000 !important; }

/* List group overrides */
body.about-page .list-group-item-primary { background-color: rgba(238, 0, 52, 0.1) !important; border-color: #ee0034 !important; color: #ffffff !important; }
body.about-page .list-group-item-success { background-color: rgba(238, 0, 52, 0.1) !important; border-color: #ee0034 !important; color: #ffffff !important; }
body.about-page .list-group-item-info { background-color: rgba(238, 0, 52, 0.1) !important; border-color: #ee0034 !important; color: #ffffff !important; }
body.about-page .list-group-item-warning { background-color: rgba(238, 0, 52, 0.1) !important; border-color: #ee0034 !important; color: #ffffff !important; }
body.about-page .list-group-item-danger { background-color: rgba(238, 0, 52, 0.1) !important; border-color: #ee0034 !important; color: #ffffff !important; }
body.about-page .list-group-item-secondary { background-color: rgba(31, 41, 55, 0.1) !important; border-color: #1f2937 !important; color: #ffffff !important; }
body.about-page .list-group-item-light { background-color: rgba(31, 41, 55, 0.1) !important; border-color: #1f2937 !important; color: #ffffff !important; }
body.about-page .list-group-item-dark { background-color: rgba(0, 0, 0, 0.1) !important; border-color: #000000 !important; color: #ffffff !important; }

/* Table overrides */
body.about-page .table-primary { background-color: rgba(238, 0, 52, 0.1) !important; }
body.about-page .table-success { background-color: rgba(238, 0, 52, 0.1) !important; }
body.about-page .table-info { background-color: rgba(238, 0, 52, 0.1) !important; }
body.about-page .table-warning { background-color: rgba(238, 0, 52, 0.1) !important; }
body.about-page .table-danger { background-color: rgba(238, 0, 52, 0.1) !important; }
body.about-page .table-secondary { background-color: rgba(31, 41, 55, 0.1) !important; }
body.about-page .table-light { background-color: rgba(31, 41, 55, 0.1) !important; }
body.about-page .table-dark { background-color: rgba(0, 0, 0, 0.1) !important; }

/* Ensure all form elements follow our theme */
body.about-page input[type="text"],
body.about-page input[type="email"],
body.about-page input[type="password"],
body.about-page input[type="search"],
body.about-page input[type="tel"],
body.about-page input[type="url"],
body.about-page input[type="number"],
body.about-page textarea,
body.about-page select {
    background-color: #ffffff !important;
    border-color: #1f2937 !important;
    color: #1f2937 !important;
}

body.about-page input[type="text"]:focus,
body.about-page input[type="email"]:focus,
body.about-page input[type="password"]:focus,
body.about-page input[type="search"]:focus,
body.about-page input[type="tel"]:focus,
body.about-page input[type="url"]:focus,
body.about-page input[type="number"]:focus,
body.about-page textarea:focus,
body.about-page select:focus {
    border-color: #ee0034 !important;
    box-shadow: 0 0 0 0.2rem rgba(238, 0, 52, 0.25) !important;
}

/* Final comprehensive override - catch any remaining non-theme colors */
body.about-page *[style*="color"]:not([style*="#ffffff"]):not([style*="#f3f4f6"]):not([style*="#d1d5db"]):not([style*="#6b7280"]):not([style*="#1f2937"]):not([style*="#000000"]):not([style*="#ee0034"]):not([style*="#c5002a"]):not([style*="#fecaca"]) {
    color: #ffffff !important; /* Force white text for any remaining non-theme colors */
}

body.about-page *[style*="background"]:not([style*="#ffffff"]):not([style*="#f3f4f6"]):not([style*="#d1d5db"]):not([style*="#6b7280"]):not([style*="#1f2937"]):not([style*="#000000"]):not([style*="#ee0034"]):not([style*="#c5002a"]):not([style*="#fecaca"]):not([style*="rgba(238, 0, 52"]):not([style*="rgba(31, 41, 55"]):not([style*="rgba(0, 0, 0"]):not([style*="linear-gradient"]):not([style*="url("]) {
    background-color: #1f2937 !important; /* Force dark background for any remaining non-theme colors */
}

/* FORCE WHITE TEXT IN HEADER - HIGH SPECIFICITY */
body.about-page header .nav-link,
body.about-page header .navbar-nav .nav-link,
body.about-page header .navbar-nav .nav-item .nav-link,
body.about-page header .menu .nav-link,
body.about-page header .menu-fixed .nav-link,
body.about-page header .navbar .nav-link,
body.about-page header .navbar-nav > li > a,
body.about-page header .navbar-nav > li > .nav-link {
    color: #ffffff !important; /* Force white text */
    font-weight: 500 !important;
    transition: color 0.3s ease !important;
}

body.about-page header .navbar-brand,
body.about-page header .navbar .navbar-brand,
body.about-page header .menu .navbar-brand,
body.about-page header .menu-fixed .navbar-brand {
    color: #ffffff !important; /* Force white brand text */
}

body.about-page header .nav-link:hover,
body.about-page header .navbar-nav .nav-link:hover,
body.about-page header .navbar-nav .nav-item .nav-link:hover,
body.about-page header .menu .nav-link:hover,
body.about-page header .menu-fixed .nav-link:hover,
body.about-page header .navbar .nav-link:hover,
body.about-page header .navbar-nav > li > a:hover,
body.about-page header .navbar-nav > li > .nav-link:hover {
    color: #ee0034 !important; /* Red on hover */
}

/* OVERRIDE ANY TEXT COLORS IN HEADER THAT MIGHT BE GREEN, PURPLE, YELLOW, OR BLUE */
body.about-page header [style*="color: #28a745"],
body.about-page header [style*="color: #1e7e34"],
body.about-page header [style*="color: #218838"],
body.about-page header [style*="color: green"],
body.about-page header [style*="color: #6f42c1"],
body.about-page header [style*="color: #5a2d91"],
body.about-page header [style*="color: #6610f2"],
body.about-page header [style*="color: purple"],
body.about-page header [style*="color: violet"],
body.about-page header [style*="color: #ffc107"],
body.about-page header [style*="color: #e0a800"],
body.about-page header [style*="color: #d39e00"],
body.about-page header [style*="color: yellow"],
body.about-page header [style*="color: amber"],
body.about-page header [style*="color: #007bff"],
body.about-page header [style*="color: #0056b3"],
body.about-page header [style*="color: #0069d9"],
body.about-page header [style*="color: blue"] {
    color: #ee0034 !important; /* Change to exact homepage red */
}

/* OVERRIDE ANY BORDER COLORS IN HEADER */
body.about-page header [style*="border-color: #28a745"],
body.about-page header [style*="border-color: #1e7e34"],
body.about-page header [style*="border-color: #218838"],
body.about-page header [style*="border-color: green"],
body.about-page header [style*="border-color: #6f42c1"],
body.about-page header [style*="border-color: #5a2d91"],
body.about-page header [style*="border-color: #6610f2"],
body.about-page header [style*="border-color: purple"],
body.about-page header [style*="border-color: violet"],
body.about-page header [style*="border-color: #ffc107"],
body.about-page header [style*="border-color: #e0a800"],
body.about-page header [style*="border-color: #d39e00"],
body.about-page header [style*="border-color: yellow"],
body.about-page header [style*="border-color: amber"],
body.about-page header [style*="border-color: #007bff"],
body.about-page header [style*="border-color: #0056b3"],
body.about-page header [style*="border-color: #0069d9"],
body.about-page header [style*="border-color: blue"] {
    border-color: #ee0034 !important; /* Change to exact homepage red */
}

/* Step 4: Page Header - Clean and Professional */
body.about-page .page-header {
    background-color: #f8fafc !important; /* Light gray background */
    border-bottom: 1px solid #e5e7eb !important;
}

body.about-page .page-header h4 {
    color: #1f2937 !important; /* Dark text for readability */
    font-weight: 600 !important;
}

body.about-page .page-header a {
    color: #ee0034 !important; /* Exact homepage red */
    font-weight: 500 !important;
}

body.about-page .page-header a:hover {
    color: #c5002a !important; /* Darker version of homepage red */
}

body.about-page .page-header li {
    color: #6b7280 !important; /* Medium gray for breadcrumb text */
}

/* Step 5: Speakers Section - Professional Overlay */
body.about-page .speakers .overlay {
    background: linear-gradient(135deg, rgba(238, 0, 52, 0.95), rgba(197, 0, 42, 0.95)) !important; /* Homepage red gradient */
}

body.about-page .speakers .section-header h3 {
    color: #ffffff !important; /* White text for main header */
    font-weight: 700 !important;
    text-shadow: 0 2px 4px rgba(0, 0, 0, 0.3) !important;
}

body.about-page .speakers .section-header p {
    color: #fecaca !important; /* Light red for subtitle */
    font-weight: 500 !important;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) !important;
}

body.about-page .speakers .speaker-item .speaker-content .icon {
    background-color: #ffffff !important; /* White icon background */
    color: #ee0034 !important; /* Exact homepage red */
    border: 3px solid #ffffff !important;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15) !important;
}

body.about-page .speakers .speaker-item .speaker-content .details h4 a {
    color: #ffffff !important; /* White text for speaker names */
    font-weight: 600 !important;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) !important;
}

body.about-page .speakers .speaker-item .speaker-content .details h4 a:hover {
    color: #fecaca !important; /* Light red on hover */
}

body.about-page .speakers .speaker-item .speaker-content .details span {
    color: #fecaca !important; /* Light red for speaker titles */
    font-weight: 500 !important;
}

/* Step 6: Gallery Section - Subtle Professional Overlay */
body.about-page .gallery .gallery-item .overlay {
    background: linear-gradient(135deg, rgba(238, 0, 52, 0.8), rgba(197, 0, 42, 0.8)) !important; /* Homepage red gradient */
}

body.about-page .gallery .gallery-item:hover .overlay {
    background: linear-gradient(135deg, rgba(238, 0, 52, 0.9), rgba(197, 0, 42, 0.9)) !important; /* Darker on hover */
}

/* Step 7: Newsletter Section - Professional Dark Theme */
body.about-page .newsletter {
    background: linear-gradient(135deg, #ee0034, #c5002a) !important; /* Red gradient */
    border-top: 3px solid #000000 !important; /* Black border */
}

body.about-page .newsletter p {
    color: #ffffff !important; /* White text */
    font-weight: 500 !important;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) !important;
}

body.about-page .newsletter input[type="email"] {
    border: 2px solid #ffffff !important; /* White border */
    background-color: #ffffff !important; /* White background */
    color: #1f2937 !important; /* Dark text */
    padding: 15px 20px !important; /* Larger padding */
    font-size: 16px !important; /* Larger font size */
    min-width: 300px !important; /* Minimum width */
    height: 50px !important; /* Taller input field */
}

body.about-page .newsletter input[type="email"]:focus {
    border-color: #000000 !important; /* Black border on focus */
    box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.1) !important; /* Subtle black shadow */
}

body.about-page .newsletter input[type="submit"] {
    background-color: #000000 !important; /* Black button */
    color: #ffffff !important; /* White text */
    border: 2px solid #000000 !important;
    font-weight: 600 !important;
    padding: 15px 30px !important; /* Larger padding */
    font-size: 16px !important; /* Larger font size */
    height: 50px !important; /* Match email input height */
    min-width: 150px !important; /* Minimum width */
}

body.about-page .newsletter input[type="submit"]:hover {
    background-color: #1f2937 !important; /* Dark gray on hover */
    border-color: #1f2937 !important;
    transform: translateY(-1px) !important;
}

/* Step 8: Countdown Timer - Use Schedule Page Styling */
/* The about page countdown now uses the exact same styling as the schedule page */

/* Step 9: Banner Counter - Professional Styling */
body.about-page .banner .content-left .counter {
    color: #ee0034 !important; /* Exact homepage red */
    font-weight: 700 !important;
    text-shadow: 0 2px 4px rgba(0, 0, 0, 0.1) !important;
}

body.about-page .banner .content-left p {
    color: #ffffff !important; /* White text for "December" */
    font-weight: 500 !important;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) !important;
}

body.about-page .banner .content-right h2 {
    color: #ffffff !important; /* White text for better contrast */
    font-weight: 700 !important;
    text-shadow: 0 2px 4px rgba(0, 0, 0, 0.3) !important;
}

body.about-page .banner .content-right p {
    color: #f3f4f6 !important; /* Light gray text */
    font-weight: 500 !important;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) !important;
}

/* Step 10: Green Rectangle to Professional Black */
body.about-page .banner .content-left {
    background: linear-gradient(135deg, #000000, #1f2937) !important; /* Professional gradient */
    border: 2px solid #374151 !important;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.3) !important;
}

/* Step 11: About Section - Professional Typography */
body.about-page .about-two .content p {
    color: #ffffff !important; /* White text for better readability */
    line-height: 1.7 !important;
    font-size: 16px !important;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) !important;
}

body.about-page .about-two .content .about-button {
    gap: 20px !important; /* Proper spacing between buttons */
}

/* Step 12: About Section Headers - White Text */
body.about-page .about-two .section-header h2 {
    color: #ffffff !important; /* White text for main header */
    font-weight: 700 !important;
    text-shadow: 0 2px 4px rgba(0, 0, 0, 0.3) !important;
}

body.about-page .about-two .section-header p {
    color: #fecaca !important; /* Light red for subtitle */
    font-weight: 500 !important;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) !important;
}

/* Step 13: Enhanced Hover Effects */
body.about-page .speaker-item:hover .speaker-content .icon {
    background-color: #ee0034 !important; /* Exact homepage red on hover */
    color: #ffffff !important; /* White icon on hover */
    transform: scale(1.05) !important;
    transition: all 0.3s ease !important;
}

body.about-page .gallery-item:hover {
    transform: scale(1.02) !important;
    transition: all 0.3s ease !important;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.2) !important;
}

/* Step 14: Professional Spacing and Alignment */
body.about-page .about-two .content {
    padding: 120px 0 !important; /* Maintain proper padding */
}

body.about-page .gallery.padding-120 {
    padding: 120px 0 !important; /* Maintain proper padding */
}

/* Step 15: Mobile Responsiveness with Professional Touch */
@media (max-width: 767px) {
    body.about-page .default-button {
        font-size: 14px !important; /* Readable text on mobile */
        padding: 12px 20px !important; /* Comfortable touch targets */
    }
    
    body.about-page .section-header h2,
    body.about-page .section-header h3 {
        font-size: 28px !important; /* Responsive font size */
    }
    
    body.about-page .about-two .content .about-button {
        flex-direction: column !important; /* Stack buttons on mobile */
        align-items: center !important;
        gap: 15px !important;
    }
    
    body.about-page .about-two .content .about-button li {
        margin-bottom: 0 !important;
    }
}

/* Step 16: Override Orange Colors to Exact Homepage Red */
/* Replace any orange (#ff9822) with exact homepage red (#ee0034) */
body.about-page [style*="#ff9822"],
body.about-page [style*="orange"],
body.about-page .btn,
body.about-page .default-button,
body.about-page .banner-button,
body.about-page .gallery-button,
body.about-page .sponsor-button,
body.about-page .schedule-button,
body.about-page .newsletter input[type="submit"] {
    background-color: #ee0034 !important; /* Exact homepage red */
    border-color: #ee0034 !important;
}

body.about-page [style*="#ff9822"]:hover,
body.about-page [style*="orange"]:hover,
body.about-page .btn:hover,
body.about-page .default-button:hover,
body.about-page .banner-button:hover,
body.about-page .gallery-button:hover,
body.about-page .sponsor-button:hover,
body.about-page .schedule-button:hover,
body.about-page .newsletter input[type="submit"]:hover {
    background-color: #c5002a !important; /* Darker version of homepage red */
    border-color: #c5002a !important;
}

/* Override any orange text colors */
body.about-page [style*="#ff9822"],
body.about-page [style*="orange"],
body.about-page a[style*="#ff9822"],
body.about-page a[style*="orange"] {
    color: #ee0034 !important; /* Exact homepage red */
}

body.about-page [style*="#ff9822"]:hover,
body.about-page [style*="orange"]:hover,
body.about-page a[style*="#ff9822"]:hover,
body.about-page a[style*="orange"]:hover {
    color: #c5002a !important; /* Darker version of homepage red */
}

/* Override any orange borders or accents */
body.about-page [style*="#ff9822"],
body.about-page [style*="orange"],
body.about-page .section-header h2::after,
body.about-page .section-header h3::after {
    border-color: #ee0034 !important; /* Exact homepage red */
    background-color: #ee0034 !important; /* Exact homepage red */
}

/* Ensure all accent colors are exact homepage red */
body.about-page .accent-color,
body.about-page .highlight,
body.about-page .primary-color {
    color: #ee0034 !important; /* Exact homepage red */
    background-color: #ee0034 !important; /* Exact homepage red */
    border-color: #ee0034 !important; /* Exact homepage red */
}

/* Blurred background for countdown on non-homepage pages */
.banner-five .seven-content-right-bg {
    position: relative;
    overflow: hidden;
}

.banner-five .seven-content-right-bg::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-image: url('../images/backgrounds/banner/banner_01.jpg');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    filter: blur(8px);
    opacity: 0.3;
    z-index: -1;
    transform: scale(1.1);
}

.banner-five .seven-content-right {
    position: relative;
    z-index: 1;
    background: rgba(0, 0, 0, 0.4);
    border-radius: 50%;
    backdrop-filter: blur(2px);
    -webkit-backdrop-filter: blur(2px);
}

/* Non-homepage header styling - solid background like original template */
/* Only add margin-top to create space above the counter, don't affect other sections */
.banner-five {
    /* Add margin-top to create space above the counter */
    margin-top: 120px !important;
}

/* AGGRESSIVE FIX FOR HEADER OVERLAP - ONLY AFFECT BANNER SECTION */
body.about-page .banner-five,
body.contact-page .banner-five,
body.gallery-page .banner-five,
body.schedule-page .banner-five,
body.ticket-page .banner-five,
body.register-page .banner-five {
    margin-top: 150px !important;
    padding-top: 0 !important;
}

/* RESET SPACING FOR OTHER SECTIONS - Don't affect schedule, about, etc. */
body.about-page .about-two,
body.contact-page .contact-two,
body.gallery-page .gallery-two,
body.ticket-page .ticket-two,
body.register-page .register-two {
    margin-top: 0 !important;
    padding-top: 0 !important;
}

/* REDUCE SPACING BETWEEN EVENT SCHEDULES TITLE AND DAY COLUMNS */
body.schedule-page .schedules {
    padding-top: 15px !important;
    padding-bottom: 15px !important;
}

body.schedule-page .schedules .section-header {
    margin-bottom: 5px !important;
    padding-bottom: 0 !important;
}

body.schedule-page .schedules .section-header h3 {
    margin-bottom: 2px !important;
    padding-bottom: 0 !important;
}

body.schedule-page .schedules .section-header p {
    margin-bottom: 2px !important;
    padding-bottom: 0 !important;
}

body.schedule-page .schedules .schedule-tabs {
    margin-top: 0 !important;
    padding-top: 0 !important;
}

body.schedule-page .schedules .nav-tabs {
    margin-top: 0 !important;
    padding-top: 0 !important;
}

/* FORCE SOLID HEADER ON NON-HOMEPAGE PAGES */
body.about-page .bgc-trans-4,
body.contact-page .bgc-trans-4,
body.gallery-page .bgc-trans-4,
body.schedule-page .bgc-trans-4,
body.ticket-page .bgc-trans-4,
body.register-page .bgc-trans-4 {
    background-color: #1f2937 !important;
    background: #1f2937 !important;
    background-image: none !important;
    opacity: 1 !important;
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    z-index: 1000 !important;
}

/* Make header solid on non-homepage pages - using body classes */
/* Target specific pages using body classes - OVERRIDE TRANSPARENCY */
.about-page header .menu-fixed,
.about-page header .menu-fixed.bgc-trans-4,
.contact-page header .menu-fixed,
.contact-page header .menu-fixed.bgc-trans-4,
.gallery-page header .menu-fixed,
.gallery-page header .menu-fixed.bgc-trans-4,
.schedule-page header .menu-fixed,
.schedule-page header .menu-fixed.bgc-trans-4,
.ticket-page header .menu-fixed,
.ticket-page header .menu-fixed.bgc-trans-4,
.register-page header .menu-fixed,
.register-page header .menu-fixed.bgc-trans-4 {
    background-color: #1f2937 !important;
    background: #1f2937 !important;
    background-image: none !important;
    background-image: linear-gradient(to right, #1f2937, #1f2937) !important;
}

/* Ensure header has proper height and spacing */
.about-page header .menu-fixed,
.about-page header .menu-fixed.bgc-trans-4,
.contact-page header .menu-fixed,
.contact-page header .menu-fixed.bgc-trans-4,
.gallery-page header .menu-fixed,
.gallery-page header .menu-fixed.bgc-trans-4,
.schedule-page header .menu-fixed,
.schedule-page header .menu-fixed.bgc-trans-4,
.ticket-page header .menu-fixed,
.ticket-page header .menu-fixed.bgc-trans-4,
.register-page header .menu-fixed,
.register-page header .menu-fixed.bgc-trans-4 {
    min-height: 90px;
    padding: 13px 0;
    opacity: 1 !important;
    background: #1f2937 !important;
    background-color: #1f2937 !important;
}

/* Responsive adjustments for solid header */
@media (max-width: 991px) {
    body:not(.home) header .menu-fixed,
    .about-page header .menu-fixed,
    .contact-page header .menu-fixed,
    .gallery-page header .menu-fixed,
    .schedule-page header .menu-fixed,
    .ticket-page header .menu-fixed,
    .register-page header .menu-fixed {
        min-height: 80px;
        padding: 10px 0;
    }
    
    .banner-five {
        margin-top: 100px;
    }
}

@media (max-width: 767px) {
    body:not(.home) header .menu-fixed,
    .about-page header .menu-fixed,
    .contact-page header .menu-fixed,
    .gallery-page header .menu-fixed,
    .schedule-page header .menu-fixed,
    .ticket-page header .menu-fixed,
    .register-page header .menu-fixed {
        min-height: 70px;
        padding: 8px 0;
    }
    
    .banner-five {
        margin-top: 90px;
    }
}

@media (max-width: 480px) {
    body:not(.home) header .menu-fixed,
    .about-page header .menu-fixed,
    .contact-page header .menu-fixed,
    .gallery-page header .menu-fixed,
    .schedule-page header .menu-fixed,
    .ticket-page header .menu-fixed,
    .register-page header .menu-fixed {
        min-height: 60px;
        padding: 6px 0;
    }
    
    .banner-five {
        margin-top: 80px;
    }
}

/* Header Logo Styling */
.header-logo {
    max-height: 80px;
    width: auto;
    transition: all 0.3s ease;
    filter: brightness(1.2) contrast(1.2);
    image-rendering: -webkit-optimize-contrast;
    image-rendering: crisp-edges;
}

.navbar-brand {
    display: flex;
    align-items: center;
    padding: 18px 0;
}

.navbar-brand:hover .header-logo {
    transform: scale(1.05);
    filter: brightness(1.3) contrast(1.3);
}

/* Responsive logo sizing */
@media (max-width: 991px) {
    .header-logo {
        max-height: 70px;
    }
    
    .navbar-brand {
        padding: 16px 0;
    }
}

@media (max-width: 767px) {
    .header-logo {
        max-height: 60px;
    }
    
    .navbar-brand {
        padding: 14px 0;
    }
}

@media (max-width: 480px) {
    .header-logo {
        max-height: 50px;
    }
    
    .navbar-brand {
        padding: 12px 0;
    }
}

/* Responsive improvements for homepage */
@media (max-width: 1199px) {
    /* Banner section responsive */
    .banner-seven .seven-content-right .counter {
        font-size: 180px !important;
        line-height: 160px !important;
    }
    
    .banner-seven .seven-content-left h1 {
        font-size: 48px !important;
        line-height: 1.2 !important;
    }
    
    .banner-seven .seven-content-left h3 {
        font-size: 24px !important;
    }
    
    .banner-seven .seven-content-left ul li {
        font-size: 16px !important;
        margin-bottom: 8px !important;
    }
    
    .event-info li {
        font-size: 14px !important;
        margin-right: 15px !important;
    }
}

@media (max-width: 991px) {
    /* Tablet responsive */
    .banner-seven .seven-content-right .counter {
        font-size: 140px !important;
        line-height: 130px !important;
    }
    
    .banner-seven .seven-content-left h1 {
        font-size: 36px !important;
        line-height: 1.2 !important;
    }
    
    .banner-seven .seven-content-left h3 {
        font-size: 20px !important;
    }
    
    .banner-seven .seven-content-right-bg,
    .banner-seven .seven-content-right {
        height: 350px !important;
        width: 350px !important;
    }
    
    .banner-seven .seven-content-right .content {
        padding-top: 40px !important;
    }
    
    .banner-seven .seven-content-right .clock-item {
        width: 60px !important;
        height: 60px !important;
    }
    
    .banner-seven .seven-content-right .clock-item .count-number {
        font-size: 18px !important;
        line-height: 60px !important;
    }
    
    .banner-seven .seven-content-right .clock-item .count-text {
        font-size: 10px !important;
    }
    
    /* About section responsive */
    .about-six .about-thumb {
        margin-bottom: 30px !important;
    }
    
    .about-six .section-header h2 {
        font-size: 32px !important;
    }
    
    .about-six p {
        font-size: 16px !important;
        line-height: 1.6 !important;
    }
    
    /* Schedule section responsive */
    .schedule-nine .schedule-item {
        margin-bottom: 20px !important;
    }
    
    .schedule-nine .schedule-content .schedule-heading {
        flex-direction: column !important;
        text-align: center !important;
    }
    
    .schedule-nine .schedule-content .schedule-heading .time,
    .schedule-nine .schedule-content .schedule-heading .hall {
        float: none !important;
        margin-bottom: 5px !important;
    }
    
    /* Speakers section responsive */
    .speakers-nine .speaker-item {
        margin-bottom: 30px !important;
    }
    
    .speakers-nine .speaker-content .name {
        font-size: 18px !important;
    }
    
    .speakers-nine .speaker-content .designation {
        font-size: 14px !important;
    }
    
    /* Sponsors section responsive */
    .sponsor-uhv .sponsor-item {
        margin-bottom: 20px !important;
    }
    
    .sponsor-uhv .sponsor-item-inner img {
        max-width: 150px !important;
        height: auto !important;
    }
}

@media (max-width: 767px) {
    /* Mobile responsive */
    .banner-seven .seven-content-right .counter {
        font-size: 100px !important;
        line-height: 90px !important;
    }
    
    .banner-seven .seven-content-left h1 {
        font-size: 28px !important;
        line-height: 1.2 !important;
    }
    
    .banner-seven .seven-content-left h3 {
        font-size: 18px !important;
    }
    
    .banner-seven .seven-content-right-bg,
    .banner-seven .seven-content-right {
        height: 250px !important;
        width: 250px !important;
    }
    
    .banner-seven .seven-content-right .content {
        padding-top: 30px !important;
    }
    
    .banner-seven .seven-content-right .clock-item {
        width: 45px !important;
        height: 45px !important;
    }
    
    .banner-seven .seven-content-right .clock-item .count-number {
        font-size: 14px !important;
        line-height: 45px !important;
    }
    
    .banner-seven .seven-content-right .clock-item .count-text {
        font-size: 8px !important;
    }
    
    .banner-seven .seven-content-left ul li {
        font-size: 14px !important;
        margin-bottom: 5px !important;
    }
    
    .event-info {
        flex-direction: column !important;
        align-items: center !important;
    }
    
    .event-info li {
        font-size: 12px !important;
        margin-right: 0 !important;
        margin-bottom: 10px !important;
    }
    
    /* About section mobile */
    .about-six .section-header h2 {
        font-size: 24px !important;
    }
    
    .about-six .section-header p {
        font-size: 14px !important;
    }
    
    .about-six p {
        font-size: 14px !important;
        line-height: 1.5 !important;
    }
    
    .about-six .about-button {
        flex-direction: column !important;
        align-items: center !important;
    }
    
    .about-six .about-button li {
        margin-bottom: 15px !important;
    }
    
    /* Schedule section mobile */
    .schedule-nine .section-header h3 {
        font-size: 24px !important;
    }
    
    .schedule-nine .schedule-item {
        margin-bottom: 15px !important;
    }
    
    .schedule-nine .schedule-content .session {
        font-size: 16px !important;
    }
    
    .schedule-nine .schedule-content .speaker-name {
        font-size: 12px !important;
    }
    
    /* Speakers section mobile */
    .speakers-nine .section-header h3 {
        font-size: 24px !important;
    }
    
    .speakers-nine .speaker-item {
        margin-bottom: 20px !important;
    }
    
    .speakers-nine .speaker-content .name {
        font-size: 16px !important;
    }
    
    .speakers-nine .speaker-content .designation {
        font-size: 12px !important;
    }
    
    /* Sponsors section mobile */
    .sponsor-uhv .section-header h3 {
        font-size: 24px !important;
    }
    
    .sponsor-uhv .sponsor-item {
        margin-bottom: 15px !important;
    }
    
    .sponsor-uhv .sponsor-item-inner img {
        max-width: 120px !important;
        height: auto !important;
    }
    
    .sponsor-uhv .sponsor-type {
        font-size: 16px !important;
    }
    
    /* Newsletter section mobile */
    .newsletter-uhv p {
        font-size: 18px !important;
    }
    
    .newsletter-uhv form {
        flex-direction: column !important;
        align-items: center !important;
    }
    
    .newsletter-uhv input[type="email"] {
        width: 100% !important;
        margin-bottom: 15px !important;
    }
    
    .newsletter-uhv input[type="submit"] {
        width: 100% !important;
    }
}

@media (max-width: 480px) {
    /* Small mobile responsive */
    .banner-seven .seven-content-right .counter {
        font-size: 80px !important;
        line-height: 70px !important;
    }
    
    .banner-seven .seven-content-left h1 {
        font-size: 24px !important;
        line-height: 1.2 !important;
    }
    
    .banner-seven .seven-content-left h3 {
        font-size: 16px !important;
    }
    
    .banner-seven .seven-content-right-bg,
    .banner-seven .seven-content-right {
        height: 200px !important;
        width: 200px !important;
    }
    
    .banner-seven .seven-content-right .content {
        padding-top: 20px !important;
    }
    
    .banner-seven .seven-content-right .clock-item {
        width: 35px !important;
        height: 35px !important;
    }
    
    .banner-seven .seven-content-right .clock-item .count-number {
        font-size: 12px !important;
        line-height: 35px !important;
    }
    
    .banner-seven .seven-content-right .clock-item .count-text {
        font-size: 7px !important;
    }
    
    .banner-seven .seven-content-left ul li {
        font-size: 12px !important;
        margin-bottom: 3px !important;
    }
    
    .event-info li {
        font-size: 10px !important;
        margin-bottom: 8px !important;
    }
    
    /* About section small mobile */
    .about-six .section-header h2 {
        font-size: 20px !important;
    }
    
    .about-six .section-header p {
        font-size: 12px !important;
    }
    
    .about-six p {
        font-size: 13px !important;
        line-height: 1.4 !important;
    }
    
    /* Schedule section small mobile */
    .schedule-nine .section-header h3 {
        font-size: 20px !important;
    }
    
    .schedule-nine .schedule-content .session {
        font-size: 14px !important;
    }
    
    .schedule-nine .schedule-content .speaker-name {
        font-size: 11px !important;
    }
    
    /* Speakers section small mobile */
    .speakers-nine .section-header h3 {
        font-size: 20px !important;
    }
    
    .speakers-nine .speaker-content .name {
        font-size: 14px !important;
    }
    
    .speakers-nine .speaker-content .designation {
        font-size: 11px !important;
    }
    
    /* Sponsors section small mobile */
    .sponsor-uhv .section-header h3 {
        font-size: 20px !important;
    }
    
    .sponsor-uhv .sponsor-item-inner img {
        max-width: 100px !important;
        height: auto !important;
    }
    
    .sponsor-uhv .sponsor-type {
        font-size: 14px !important;
    }
    
    /* Newsletter section small mobile */
    .newsletter-uhv p {
        font-size: 16px !important;
    }
}

/* Ensure proper spacing and alignment on all devices */
.banner-seven .seven-content-right,
.banner-seven .seven-content-left {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

.about-six .about-button {
    display: flex !important;
    justify-content: center !important;
    gap: 20px !important;
}

.schedule-nine .schedule-content .schedule-heading {
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
}

.speakers-nine .speaker-items .row {
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: center !important;
}

.sponsor-uhv .sponsor-list {
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: center !important;
    align-items: center !important;
    gap: 20px !important;
}

.newsletter-uhv form {
    display: flex !important;
    justify-content: center !important;
    gap: 15px !important;
    align-items: center !important;
}

/* COMPREHENSIVE COLOR THEME ENFORCEMENT - ABOUT PAGE */

/* Step 17: Override Any Remaining Non-Theme Colors */
/* Ensure ALL elements follow Red (#ee0034), White (#ffffff), Black (#000000) theme */

/* Override any blue colors */
body.about-page [style*="#007bff"],
body.about-page [style*="#0056b3"],
body.about-page [style*="#0069d9"],
body.about-page [style*="blue"],
body.about-page .btn-primary,
body.about-page .btn-info {
    background-color: #ee0034 !important; /* Exact homepage red */
    border-color: #ee0034 !important;
    color: #ffffff !important;
}

body.about-page [style*="#007bff"]:hover,
body.about-page [style*="#0056b3"]:hover,
body.about-page [style*="#0069d9"]:hover,
body.about-page [style*="blue"]:hover,
body.about-page .btn-primary:hover,
body.about-page .btn-info:hover {
    background-color: #c5002a !important; /* Darker version of homepage red */
    border-color: #c5002a !important;
    color: #ffffff !important;
}

/* Override any green colors */
body.about-page [style*="#28a745"],
body.about-page [style*="#1e7e34"],
body.about-page [style*="#218838"],
body.about-page [style*="green"],
body.about-page .btn-success {
    background-color: #ee0034 !important; /* Exact homepage red */
    border-color: #ee0034 !important;
    color: #ffffff !important;
}

body.about-page [style*="#28a745"]:hover,
body.about-page [style*="#1e7e34"]:hover,
body.about-page [style*="#218838"]:hover,
body.about-page [style*="green"]:hover,
body.about-page .btn-success:hover {
    background-color: #c5002a !important; /* Darker version of homepage red */
    border-color: #c5002a !important;
    color: #ffffff !important;
}

/* Override any yellow/amber colors */
body.about-page [style*="#ffc107"],
body.about-page [style*="#e0a800"],
body.about-page [style*="#d39e00"],
body.about-page [style*="yellow"],
body.about-page [style*="amber"],
body.about-page .btn-warning {
    background-color: #ee0034 !important; /* Exact homepage red */
    border-color: #ee0034 !important;
    color: #ffffff !important;
}

body.about-page [style*="#ffc107"]:hover,
body.about-page [style*="#e0a800"]:hover,
body.about-page [style*="#d39e00"]:hover,
body.about-page [style*="yellow"]:hover,
body.about-page [style*="amber"]:hover,
body.about-page .btn-warning:hover {
    background-color: #c5002a !important; /* Darker version of homepage red */
    border-color: #c5002a !important;
    color: #ffffff !important;
}

/* Override any purple/violet colors */
body.about-page [style*="#6f42c1"],
body.about-page [style*="#5a2d91"],
body.about-page [style*="#6610f2"],
body.about-page [style*="purple"],
body.about-page [style*="violet"],
body.about-page .btn-secondary {
    background-color: #ee0034 !important; /* Exact homepage red */
    border-color: #ee0034 !important;
    color: #ffffff !important;
}

body.about-page [style*="#6f42c1"]:hover,
body.about-page [style*="#5a2d91"]:hover,
body.about-page [style*="#6610f2"]:hover,
body.about-page [style*="purple"]:hover,
body.about-page [style*="violet"]:hover,
body.about-page .btn-secondary:hover {
    background-color: #c5002a !important; /* Darker version of homepage red */
    border-color: #c5002a !important;
    color: #ffffff !important;
}

/* Override any teal/cyan colors */
body.about-page [style*="#17a2b8"],
body.about-page [style*="#138496"],
body.about-page [style*="#117a8b"],
body.about-page [style*="teal"],
body.about-page [style*="cyan"] {
    background-color: #ee0034 !important; /* Exact homepage red */
    border-color: #ee0034 !important;
    color: #ffffff !important;
}

body.about-page [style*="#17a2b8"]:hover,
body.about-page [style*="#138496"]:hover,
body.about-page [style*="#117a8b"]:hover,
body.about-page [style*="teal"]:hover,
body.about-page [style*="cyan"]:hover {
    background-color: #c5002a !important; /* Darker version of homepage red */
    border-color: #c5002a !important;
    color: #ffffff !important;
}

/* Override any pink/magenta colors */
body.about-page [style*="#e83e8c"],
body.about-page [style*="#d63384"],
body.about-page [style*="#c71585"],
body.about-page [style*="pink"],
body.about-page [style*="magenta"] {
    background-color: #ee0034 !important; /* Exact homepage red */
    border-color: #ee0034 !important;
    color: #ffffff !important;
}

body.about-page [style*="#e83e8c"]:hover,
body.about-page [style*="#d63384"]:hover,
body.about-page [style*="#c71585"]:hover,
body.about-page [style*="pink"]:hover,
body.about-page [style*="magenta"]:hover {
    background-color: #c5002a !important; /* Darker version of homepage red */
    border-color: #c5002a !important;
    color: #ffffff !important;
}

/* Override any gray colors that aren't our theme */
body.about-page [style*="#6c757d"],
body.about-page [style*="#5a6268"],
body.about-page [style*="#495057"],
body.about-page [style*="gray"]:not([style*="#1f2937"]):not([style*="#6b7280"]):not([style*="#d1d5db"]):not([style*="#f3f4f6"]) {
    background-color: #1f2937 !important; /* Our dark gray */
    border-color: #1f2937 !important;
    color: #ffffff !important;
}

/* Ensure all text follows our theme */
body.about-page h1, body.about-page h2, body.about-page h3, body.about-page h4, body.about-page h5, body.about-page h6 {
    color: #ffffff !important; /* White headings */
}

body.about-page p {
    color: #f3f4f6 !important; /* Light gray text */
}

body.about-page a:not(.default-button):not(.banner-button):not(.gallery-button):not(.newsletter input[type="submit"]) {
    color: #ee0034 !important; /* Exact homepage red for links */
}

body.about-page a:not(.default-button):not(.banner-button):not(.gallery-button):not(.newsletter input[type="submit"]):hover {
    color: #c5002a !important; /* Darker version of homepage red on hover */
}

/* Override any remaining Bootstrap or framework colors */
body.about-page .text-primary { color: #ee0034 !important; }
body.about-page .text-success { color: #ee0034 !important; }
body.about-page .text-info { color: #ee0034 !important; }
body.about-page .text-warning { color: #ee0034 !important; }
body.about-page .text-danger { color: #ee0034 !important; }
body.about-page .text-secondary { color: #ffffff !important; }
body.about-page .text-light { color: #f3f4f6 !important; }
body.about-page .text-dark { color: #ffffff !important; }

body.about-page .bg-primary { background-color: #ee0034 !important; }
body.about-page .bg-success { background-color: #ee0034 !important; }
body.about-page .bg-info { background-color: #ee0034 !important; }
body.about-page .bg-warning { background-color: #ee0034 !important; }
body.about-page .bg-danger { background-color: #ee0034 !important; }
body.about-page .bg-secondary { background-color: #1f2937 !important; }
body.about-page .bg-light { background-color: #1f2937 !important; }
body.about-page .bg-dark { background-color: #000000 !important; }

/* Ensure all borders follow our theme */
body.about-page .border-primary { border-color: #ee0034 !important; }
body.about-page .border-success { border-color: #ee0034 !important; }
body.about-page .border-info { border-color: #ee0034 !important; }
body.about-page .border-warning { border-color: #ee0034 !important; }
body.about-page .border-danger { border-color: #ee0034 !important; }
body.about-page .border-secondary { border-color: #1f2937 !important; }
body.about-page .border-light { border-color: #1f2937 !important; }
body.about-page .border-dark { border-color: #000000 !important; }

/* Final override for any remaining non-theme colors */
body.about-page * {
    /* This ensures any remaining non-theme colors are caught */
}

/* Specific overrides for common framework classes */
body.about-page .badge-primary { background-color: #ee0034 !important; color: #ffffff !important; }
body.about-page .badge-success { background-color: #ee0034 !important; color: #ffffff !important; }
body.about-page .badge-info { background-color: #ee0034 !important; color: #ffffff !important; }
body.about-page .badge-warning { background-color: #ee0034 !important; color: #ffffff !important; }
body.about-page .badge-danger { background-color: #ee0034 !important; color: #ffffff !important; }
body.about-page .badge-secondary { background-color: #1f2937 !important; color: #ffffff !important; }
body.about-page .badge-light { background-color: #1f2937 !important; color: #ffffff !important; }
body.about-page .badge-dark { background-color: #000000 !important; color: #ffffff !important; }

/* Alert overrides */
body.about-page .alert-primary { background-color: rgba(238, 0, 52, 0.1) !important; border-color: #ee0034 !important; color: #ffffff !important; }
body.about-page .alert-success { background-color: rgba(238, 0, 52, 0.1) !important; border-color: #ee0034 !important; color: #ffffff !important; }
body.about-page .alert-info { background-color: rgba(238, 0, 52, 0.1) !important; border-color: #ee0034 !important; color: #ffffff !important; }
body.about-page .alert-warning { background-color: rgba(238, 0, 52, 0.1) !important; border-color: #ee0034 !important; color: #ffffff !important; }
body.about-page .alert-danger { background-color: rgba(238, 0, 52, 0.1) !important; border-color: #ee0034 !important; color: #ffffff !important; }
body.about-page .alert-secondary { background-color: rgba(31, 41, 55, 0.1) !important; border-color: #1f2937 !important; color: #ffffff !important; }
body.about-page .alert-light { background-color: rgba(31, 41, 55, 0.1) !important; border-color: #1f2937 !important; color: #ffffff !important; }
body.about-page .alert-dark { background-color: rgba(0, 0, 0, 0.1) !important; border-color: #000000 !important; color: #ffffff !important; }

/* Progress bar overrides */
body.about-page .progress-bar.bg-primary { background-color: #ee0034 !important; }
body.about-page .progress-bar.bg-success { background-color: #ee0034 !important; }
body.about-page .progress-bar.bg-info { background-color: #ee0034 !important; }
body.about-page .progress-bar.bg-warning { background-color: #ee0034 !important; }
body.about-page .progress-bar.bg-danger { background-color: #ee0034 !important; }
body.about-page .progress-bar.bg-secondary { background-color: #1f2937 !important; }
body.about-page .progress-bar.bg-light { background-color: #1f2937 !important; }
body.about-page .progress-bar.bg-dark { background-color: #000000 !important; }

/* List group overrides */
body.about-page .list-group-item-primary { background-color: rgba(238, 0, 52, 0.1) !important; border-color: #ee0034 !important; color: #ffffff !important; }
body.about-page .list-group-item-success { background-color: rgba(238, 0, 52, 0.1) !important; border-color: #ee0034 !important; color: #ffffff !important; }
body.about-page .list-group-item-info { background-color: rgba(238, 0, 52, 0.1) !important; border-color: #ee0034 !important; color: #ffffff !important; }
body.about-page .list-group-item-warning { background-color: rgba(238, 0, 52, 0.1) !important; border-color: #ee0034 !important; color: #ffffff !important; }
body.about-page .list-group-item-danger { background-color: rgba(238, 0, 52, 0.1) !important; border-color: #ee0034 !important; color: #ffffff !important; }
body.about-page .list-group-item-secondary { background-color: rgba(31, 41, 55, 0.1) !important; border-color: #1f2937 !important; color: #ffffff !important; }
body.about-page .list-group-item-light { background-color: rgba(31, 41, 55, 0.1) !important; border-color: #1f2937 !important; color: #ffffff !important; }
body.about-page .list-group-item-dark { background-color: rgba(0, 0, 0, 0.1) !important; border-color: #000000 !important; color: #ffffff !important; }

/* Table overrides */
body.about-page .table-primary { background-color: rgba(238, 0, 52, 0.1) !important; }
body.about-page .table-success { background-color: rgba(238, 0, 52, 0.1) !important; }
body.about-page .table-info { background-color: rgba(238, 0, 52, 0.1) !important; }
body.about-page .table-warning { background-color: rgba(238, 0, 52, 0.1) !important; }
body.about-page .table-danger { background-color: rgba(238, 0, 52, 0.1) !important; }
body.about-page .table-secondary { background-color: rgba(31, 41, 55, 0.1) !important; }
body.about-page .table-light { background-color: rgba(31, 41, 55, 0.1) !important; }
body.about-page .table-dark { background-color: rgba(0, 0, 0, 0.1) !important; }

/* Ensure all form elements follow our theme */
body.about-page input[type="text"],
body.about-page input[type="email"],
body.about-page input[type="password"],
body.about-page input[type="search"],
body.about-page input[type="tel"],
body.about-page input[type="url"],
body.about-page input[type="number"],
body.about-page textarea,
body.about-page select {
    background-color: #ffffff !important;
    border-color: #1f2937 !important;
    color: #1f2937 !important;
}

body.about-page input[type="text"]:focus,
body.about-page input[type="email"]:focus,
body.about-page input[type="password"]:focus,
body.about-page input[type="search"]:focus,
body.about-page input[type="tel"]:focus,
body.about-page input[type="url"]:focus,
body.about-page input[type="number"]:focus,
body.about-page textarea:focus,
body.about-page select:focus {
    border-color: #ee0034 !important;
    box-shadow: 0 0 0 0.2rem rgba(238, 0, 52, 0.25) !important;
}

/* Final comprehensive override - catch any remaining non-theme colors */
body.about-page *[style*="color"]:not([style*="#ffffff"]):not([style*="#f3f4f6"]):not([style*="#d1d5db"]):not([style*="#6b7280"]):not([style*="#1f2937"]):not([style*="#000000"]):not([style*="#ee0034"]):not([style*="#c5002a"]):not([style*="#fecaca"]) {
    color: #ffffff !important; /* Force white text for any remaining non-theme colors */
}

body.about-page *[style*="background"]:not([style*="#ffffff"]):not([style*="#f3f4f6"]):not([style*="#d1d5db"]):not([style*="#6b7280"]):not([style*="#1f2937"]):not([style*="#000000"]):not([style*="#ee0034"]):not([style*="#c5002a"]):not([style*="#fecaca"]):not([style*="rgba(238, 0, 52"]):not([style*="rgba(31, 41, 55"]):not([style*="rgba(0, 0, 0"]):not([style*="linear-gradient"]):not([style*="url("]) {
    background-color: #1f2937 !important; /* Force dark background for any remaining non-theme colors */
}

/* FORCE WHITE TEXT IN HEADER - HIGH SPECIFICITY */
body.about-page header .nav-link,
body.about-page header .navbar-nav .nav-link,
body.about-page header .navbar-nav .nav-item .nav-link,
body.about-page header .menu .nav-link,
body.about-page header .menu-fixed .nav-link,
body.about-page header .navbar .nav-link,
body.about-page header .navbar-nav > li > a,
body.about-page header .navbar-nav > li > .nav-link {
    color: #ffffff !important; /* Force white text */
    font-weight: 500 !important;
    transition: color 0.3s ease !important;
}

body.about-page header .navbar-brand,
body.about-page header .navbar .navbar-brand,
body.about-page header .menu .navbar-brand,
body.about-page header .menu-fixed .navbar-brand {
    color: #ffffff !important; /* Force white brand text */
}

body.about-page header .nav-link:hover,
body.about-page header .navbar-nav .nav-link:hover,
body.about-page header .navbar-nav .nav-item .nav-link:hover,
body.about-page header .menu .nav-link:hover,
body.about-page header .menu-fixed .nav-link:hover,
body.about-page header .navbar .nav-link:hover,
body.about-page header .navbar-nav > li > a:hover,
body.about-page header .navbar-nav > li > .nav-link:hover {
    color: #ee0034 !important; /* Red on hover */
}

/* OVERRIDE ANY TEXT COLORS IN HEADER THAT MIGHT BE GREEN, PURPLE, YELLOW, OR BLUE */
body.about-page header [style*="color: #28a745"],
body.about-page header [style*="color: #1e7e34"],
body.about-page header [style*="color: #218838"],
body.about-page header [style*="color: green"],
body.about-page header [style*="color: #6f42c1"],
body.about-page header [style*="color: #5a2d91"],
body.about-page header [style*="color: #6610f2"],
body.about-page header [style*="color: purple"],
body.about-page header [style*="color: violet"],
body.about-page header [style*="color: #ffc107"],
body.about-page header [style*="color: #e0a800"],
body.about-page header [style*="color: #d39e00"],
body.about-page header [style*="color: yellow"],
body.about-page header [style*="color: amber"],
body.about-page header [style*="color: #007bff"],
body.about-page header [style*="color: #0056b3"],
body.about-page header [style*="color: #0069d9"],
body.about-page header [style*="color: blue"] {
    color: #ee0034 !important; /* Change to exact homepage red */
}

/* OVERRIDE ANY BORDER COLORS IN HEADER */
body.about-page header [style*="border-color: #28a745"],
body.about-page header [style*="border-color: #1e7e34"],
body.about-page header [style*="border-color: #218838"],
body.about-page header [style*="border-color: green"],
body.about-page header [style*="border-color: #6f42c1"],
body.about-page header [style*="border-color: #5a2d91"],
body.about-page header [style*="border-color: #6610f2"],
body.about-page header [style*="border-color: purple"],
body.about-page header [style*="border-color: violet"],
body.about-page header [style*="border-color: #ffc107"],
body.about-page header [style*="border-color: #e0a800"],
body.about-page header [style*="border-color: #d39e00"],
body.about-page header [style*="border-color: yellow"],
body.about-page header [style*="border-color: amber"],
body.about-page header [style*="border-color: #007bff"],
body.about-page header [style*="border-color: #0056b3"],
body.about-page header [style*="border-color: #0069d9"],
body.about-page header [style*="border-color: blue"] {
    border-color: #ee0034 !important; /* Change to exact homepage red */
}

/* Step 4: Page Header - Clean and Professional */
body.about-page .page-header {
    background-color: #f8fafc !important; /* Light gray background */
    border-bottom: 1px solid #e5e7eb !important;
}

body.about-page .page-header h4 {
    color: #1f2937 !important; /* Dark text for readability */
    font-weight: 600 !important;
}

body.about-page .page-header a {
    color: #ee0034 !important; /* Exact homepage red */
    font-weight: 500 !important;
}

body.about-page .page-header a:hover {
    color: #c5002a !important; /* Darker version of homepage red */
}

body.about-page .page-header li {
    color: #6b7280 !important; /* Medium gray for breadcrumb text */
}

/* Step 5: Speakers Section - Professional Overlay */
body.about-page .speakers .overlay {
    background: linear-gradient(135deg, rgba(238, 0, 52, 0.95), rgba(197, 0, 42, 0.95)) !important; /* Homepage red gradient */
}

body.about-page .speakers .section-header h3 {
    color: #ffffff !important; /* White text for main header */
    font-weight: 700 !important;
    text-shadow: 0 2px 4px rgba(0, 0, 0, 0.3) !important;
}

body.about-page .speakers .section-header p {
    color: #fecaca !important; /* Light red for subtitle */
    font-weight: 500 !important;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) !important;
}

body.about-page .speakers .speaker-item .speaker-content .icon {
    background-color: #ffffff !important; /* White icon background */
    color: #ee0034 !important; /* Exact homepage red */
    border: 3px solid #ffffff !important;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15) !important;
}

body.about-page .speakers .speaker-item .speaker-content .details h4 a {
    color: #ffffff !important; /* White text for speaker names */
    font-weight: 600 !important;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) !important;
}

body.about-page .speakers .speaker-item .speaker-content .details h4 a:hover {
    color: #fecaca !important; /* Light red on hover */
}

body.about-page .speakers .speaker-item .speaker-content .details span {
    color: #fecaca !important; /* Light red for speaker titles */
    font-weight: 500 !important;
}

/* Step 6: Gallery Section - Subtle Professional Overlay */
body.about-page .gallery .gallery-item .overlay {
    background: linear-gradient(135deg, rgba(238, 0, 52, 0.8), rgba(197, 0, 42, 0.8)) !important; /* Homepage red gradient */
}

body.about-page .gallery .gallery-item:hover .overlay {
    background: linear-gradient(135deg, rgba(238, 0, 52, 0.9), rgba(197, 0, 42, 0.9)) !important; /* Darker on hover */
}

/* Step 7: Newsletter Section - Professional Dark Theme */
body.about-page .newsletter {
    background: linear-gradient(135deg, #ee0034, #c5002a) !important; /* Red gradient */
    border-top: 3px solid #000000 !important; /* Black border */
}

body.about-page .newsletter p {
    color: #ffffff !important; /* White text */
    font-weight: 500 !important;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) !important;
}

body.about-page .newsletter input[type="email"] {
    border: 2px solid #ffffff !important; /* White border */
    background-color: #ffffff !important; /* White background */
    color: #1f2937 !important; /* Dark text */
    padding: 15px 20px !important; /* Larger padding */
    font-size: 16px !important; /* Larger font size */
    min-width: 300px !important; /* Minimum width */
    height: 50px !important; /* Taller input field */
}

body.about-page .newsletter input[type="email"]:focus {
    border-color: #000000 !important; /* Black border on focus */
    box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.1) !important; /* Subtle black shadow */
}

body.about-page .newsletter input[type="submit"] {
    background-color: #000000 !important; /* Black button */
    color: #ffffff !important; /* White text */
    border: 2px solid #000000 !important;
    font-weight: 600 !important;
    padding: 15px 30px !important; /* Larger padding */
    font-size: 16px !important; /* Larger font size */
    height: 50px !important; /* Match email input height */
    min-width: 150px !important; /* Minimum width */
}

body.about-page .newsletter input[type="submit"]:hover {
    background-color: #1f2937 !important; /* Dark gray on hover */
    border-color: #1f2937 !important;
    transform: translateY(-1px) !important;
}

/* Step 8: Countdown Timer - Use Schedule Page Styling */
/* The about page countdown now uses the exact same styling as the schedule page */

/* Step 9: Banner Counter - Professional Styling */
body.about-page .banner .content-left .counter {
    color: #ee0034 !important; /* Exact homepage red */
    font-weight: 700 !important;
    text-shadow: 0 2px 4px rgba(0, 0, 0, 0.1) !important;
}

body.about-page .banner .content-left p {
    color: #ffffff !important; /* White text for "December" */
    font-weight: 500 !important;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) !important;
}

body.about-page .banner .content-right h2 {
    color: #ffffff !important; /* White text for better contrast */
    font-weight: 700 !important;
    text-shadow: 0 2px 4px rgba(0, 0, 0, 0.3) !important;
}

body.about-page .banner .content-right p {
    color: #f3f4f6 !important; /* Light gray text */
    font-weight: 500 !important;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) !important;
}

/* Step 10: Green Rectangle to Professional Black */
body.about-page .banner .content-left {
    background: linear-gradient(135deg, #000000, #1f2937) !important; /* Professional gradient */
    border: 2px solid #374151 !important;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.3) !important;
}

/* Step 11: About Section - Professional Typography */
body.about-page .about-two .content p {
    color: #ffffff !important; /* White text for better readability */
    line-height: 1.7 !important;
    font-size: 16px !important;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) !important;
}

body.about-page .about-two .content .about-button {
    gap: 20px !important; /* Proper spacing between buttons */
}

/* Step 12: About Section Headers - White Text */
body.about-page .about-two .section-header h2 {
    color: #ffffff !important; /* White text for main header */
    font-weight: 700 !important;
    text-shadow: 0 2px 4px rgba(0, 0, 0, 0.3) !important;
}

body.about-page .about-two .section-header p {
    color: #fecaca !important; /* Light red for subtitle */
    font-weight: 500 !important;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) !important;
}

/* Step 13: Enhanced Hover Effects */
body.about-page .speaker-item:hover .speaker-content .icon {
    background-color: #ee0034 !important; /* Exact homepage red on hover */
    color: #ffffff !important; /* White icon on hover */
    transform: scale(1.05) !important;
    transition: all 0.3s ease !important;
}

body.about-page .gallery-item:hover {
    transform: scale(1.02) !important;
    transition: all 0.3s ease !important;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.2) !important;
}

/* Step 14: Professional Spacing and Alignment */
body.about-page .about-two .content {
    padding: 120px 0 !important; /* Maintain proper padding */
}

body.about-page .gallery.padding-120 {
    padding: 120px 0 !important; /* Maintain proper padding */
}

/* Step 15: Mobile Responsiveness with Professional Touch */
@media (max-width: 767px) {
    body.about-page .default-button {
        font-size: 14px !important; /* Readable text on mobile */
        padding: 12px 20px !important; /* Comfortable touch targets */
    }
    
    body.about-page .section-header h2,
    body.about-page .section-header h3 {
        font-size: 28px !important; /* Responsive font size */
    }
    
    body.about-page .about-two .content .about-button {
        flex-direction: column !important; /* Stack buttons on mobile */
        align-items: center !important;
        gap: 15px !important;
    }
    
    body.about-page .about-two .content .about-button li {
        margin-bottom: 0 !important;
    }
}

/* Step 16: Override Orange Colors to Exact Homepage Red */
/* Replace any orange (#ff9822) with exact homepage red (#ee0034) */
body.about-page [style*="#ff9822"],
body.about-page [style*="orange"],
body.about-page .btn,
body.about-page .default-button,
body.about-page .banner-button,
body.about-page .gallery-button,
body.about-page .sponsor-button,
body.about-page .schedule-button,
body.about-page .newsletter input[type="submit"] {
    background-color: #ee0034 !important; /* Exact homepage red */
    border-color: #ee0034 !important;
}

body.about-page [style*="#ff9822"]:hover,
body.about-page [style*="orange"]:hover,
body.about-page .btn:hover,
body.about-page .default-button:hover,
body.about-page .banner-button:hover,
body.about-page .gallery-button:hover,
body.about-page .sponsor-button:hover,
body.about-page .schedule-button:hover,
body.about-page .newsletter input[type="submit"]:hover {
    background-color: #c5002a !important; /* Darker version of homepage red */
    border-color: #c5002a !important;
}

/* Override any orange text colors */
body.about-page [style*="#ff9822"],
body.about-page [style*="orange"],
body.about-page a[style*="#ff9822"],
body.about-page a[style*="orange"] {
    color: #ee0034 !important; /* Exact homepage red */
}

body.about-page [style*="#ff9822"]:hover,
body.about-page [style*="orange"]:hover,
body.about-page a[style*="#ff9822"]:hover,
body.about-page a[style*="orange"]:hover {
    color: #c5002a !important; /* Darker version of homepage red */
}

/* Override any orange borders or accents */
body.about-page [style*="#ff9822"],
body.about-page [style*="orange"],
body.about-page .section-header h2::after,
body.about-page .section-header h3::after {
    border-color: #ee0034 !important; /* Exact homepage red */
    background-color: #ee0034 !important; /* Exact homepage red */
}

/* Ensure all accent colors are exact homepage red */
body.about-page .accent-color,
body.about-page .highlight,
body.about-page .primary-color {
    color: #ee0034 !important; /* Exact homepage red */
    background-color: #ee0034 !important; /* Exact homepage red */
    border-color: #ee0034 !important; /* Exact homepage red */
}

/* Blurred background for countdown on non-homepage pages */
.banner-five .seven-content-right-bg {
    position: relative;
    overflow: hidden;
}

.banner-five .seven-content-right-bg::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-image: url('../images/backgrounds/banner/banner_01.jpg');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    filter: blur(8px);
    opacity: 0.3;
    z-index: -1;
    transform: scale(1.1);
}

.banner-five .seven-content-right {
    position: relative;
    z-index: 1;
    background: rgba(0, 0, 0, 0.4);
    border-radius: 50%;
    backdrop-filter: blur(2px);
    -webkit-backdrop-filter: blur(2px);
}

/* Non-homepage header styling - solid background like original template */
/* Only add margin-top to create space above the counter, don't affect other sections */
.banner-five {
    /* Add margin-top to create space above the counter */
    margin-top: 120px !important;
}

/* AGGRESSIVE FIX FOR HEADER OVERLAP - ONLY AFFECT BANNER SECTION */
body.about-page .banner-five,
body.contact-page .banner-five,
body.gallery-page .banner-five,
body.schedule-page .banner-five,
body.ticket-page .banner-five,
body.register-page .banner-five {
    margin-top: 150px !important;
    padding-top: 0 !important;
}

/* RESET SPACING FOR OTHER SECTIONS - Don't affect schedule, about, etc. */
body.about-page .about-two,
body.contact-page .contact-two,
body.gallery-page .gallery-two,
body.ticket-page .ticket-two,
body.register-page .register-two {
    margin-top: 0 !important;
    padding-top: 0 !important;
}

/* REDUCE SPACING BETWEEN EVENT SCHEDULES TITLE AND DAY COLUMNS */
body.schedule-page .schedules {
    padding-top: 15px !important;
    padding-bottom: 15px !important;
}

body.schedule-page .schedules .section-header {
    margin-bottom: 5px !important;
    padding-bottom: 0 !important;
}

body.schedule-page .schedules .section-header h3 {
    margin-bottom: 2px !important;
    padding-bottom: 0 !important;
}

body.schedule-page .schedules .section-header p {
    margin-bottom: 2px !important;
    padding-bottom: 0 !important;
}

body.schedule-page .schedules .schedule-tabs {
    margin-top: 0 !important;
    padding-top: 0 !important;
}

body.schedule-page .schedules .nav-tabs {
    margin-top: 0 !important;
    padding-top: 0 !important;
}

/* FORCE SOLID HEADER ON NON-HOMEPAGE PAGES */
body.about-page .bgc-trans-4,
body.contact-page .bgc-trans-4,
body.gallery-page .bgc-trans-4,
body.schedule-page .bgc-trans-4,
body.ticket-page .bgc-trans-4,
body.register-page .bgc-trans-4 {
    background-color: #1f2937 !important;
    background: #1f2937 !important;
    background-image: none !important;
    opacity: 1 !important;
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    z-index: 1000 !important;
}

/* Make header solid on non-homepage pages - using body classes */
/* Target specific pages using body classes - OVERRIDE TRANSPARENCY */
.about-page header .menu-fixed,
.about-page header .menu-fixed.bgc-trans-4,
.contact-page header .menu-fixed,
.contact-page header .menu-fixed.bgc-trans-4,
.gallery-page header .menu-fixed,
.gallery-page header .menu-fixed.bgc-trans-4,
.schedule-page header .menu-fixed,
.schedule-page header .menu-fixed.bgc-trans-4,
.ticket-page header .menu-fixed,
.ticket-page header .menu-fixed.bgc-trans-4,
.register-page header .menu-fixed,
.register-page header .menu-fixed.bgc-trans-4 {
    background-color: #1f2937 !important;
    background: #1f2937 !important;
    background-image: none !important;
    background-image: linear-gradient(to right, #1f2937, #1f2937) !important;
}

/* Ensure header has proper height and spacing */
.about-page header .menu-fixed,
.about-page header .menu-fixed.bgc-trans-4,
.contact-page header .menu-fixed,
.contact-page header .menu-fixed.bgc-trans-4,
.gallery-page header .menu-fixed,
.gallery-page header .menu-fixed.bgc-trans-4,
.schedule-page header .menu-fixed,
.schedule-page header .menu-fixed.bgc-trans-4,
.ticket-page header .menu-fixed,
.ticket-page header .menu-fixed.bgc-trans-4,
.register-page header .menu-fixed,
.register-page header .menu-fixed.bgc-trans-4 {
    min-height: 90px;
    padding: 13px 0;
    opacity: 1 !important;
    background: #1f2937 !important;
    background-color: #1f2937 !important;
}

/* Responsive adjustments for solid header */
@media (max-width: 991px) {
    body:not(.home) header .menu-fixed,
    .about-page header .menu-fixed,
    .contact-page header .menu-fixed,
    .gallery-page header .menu-fixed,
    .schedule-page header .menu-fixed,
    .ticket-page header .menu-fixed,
    .register-page header .menu-fixed {
        min-height: 80px;
        padding: 10px 0;
    }
    
    .banner-five {
        margin-top: 100px;
    }
}

@media (max-width: 767px) {
    body:not(.home) header .menu-fixed,
    .about-page header .menu-fixed,
    .contact-page header .menu-fixed,
    .gallery-page header .menu-fixed,
    .schedule-page header .menu-fixed,
    .ticket-page header .menu-fixed,
    .register-page header .menu-fixed {
        min-height: 70px;
        padding: 8px 0;
    }
    
    .banner-five {
        margin-top: 90px;
    }
}

@media (max-width: 480px) {
    body:not(.home) header .menu-fixed,
    .about-page header .menu-fixed,
    .contact-page header .menu-fixed,
    .gallery-page header .menu-fixed,
    .schedule-page header .menu-fixed,
    .ticket-page header .menu-fixed,
    .register-page header .menu-fixed {
        min-height: 60px;
        padding: 6px 0;
    }
    
    .banner-five {
        margin-top: 80px;
    }
}

/* Header Logo Styling */
.header-logo {
    max-height: 80px;
    width: auto;
    transition: all 0.3s ease;
    filter: brightness(1.2) contrast(1.2);
    image-rendering: -webkit-optimize-contrast;
    image-rendering: crisp-edges;
}

.navbar-brand {
    display: flex;
    align-items: center;
    padding: 18px 0;
}

.navbar-brand:hover .header-logo {
    transform: scale(1.05);
    filter: brightness(1.3) contrast(1.3);
}

/* Responsive logo sizing */
@media (max-width: 991px) {
    .header-logo {
        max-height: 70px;
    }
    
    .navbar-brand {
        padding: 16px 0;
    }
}

@media (max-width: 767px) {
    .header-logo {
        max-height: 60px;
    }
    
    .navbar-brand {
        padding: 14px 0;
    }
}

@media (max-width: 480px) {
    .header-logo {
        max-height: 50px;
    }
    
    .navbar-brand {
        padding: 12px 0;
    }
}

/* Responsive improvements for homepage */
@media (max-width: 1199px) {
    /* Banner section responsive */
    .banner-seven .seven-content-right .counter {
        font-size: 180px !important;
        line-height: 160px !important;
    }
    
    .banner-seven .seven-content-left h1 {
        font-size: 48px !important;
        line-height: 1.2 !important;
    }
    
    .banner-seven .seven-content-left h3 {
        font-size: 24px !important;
    }
    
    .banner-seven .seven-content-left ul li {
        font-size: 16px !important;
        margin-bottom: 8px !important;
    }
    
    .event-info li {
        font-size: 14px !important;
        margin-right: 15px !important;
    }
}

@media (max-width: 991px) {
    /* Tablet responsive */
    .banner-seven .seven-content-right .counter {
        font-size: 140px !important;
        line-height: 130px !important;
    }
    
    .banner-seven .seven-content-left h1 {
        font-size: 36px !important;
        line-height: 1.2 !important;
    }
    
    .banner-seven .seven-content-left h3 {
        font-size: 20px !important;
    }
    
    .banner-seven .seven-content-right-bg,
    .banner-seven .seven-content-right {
        height: 350px !important;
        width: 350px !important;
    }
    
    .banner-seven .seven-content-right .content {
        padding-top: 40px !important;
    }
    
    .banner-seven .seven-content-right .clock-item {
        width: 60px !important;
        height: 60px !important;
    }
    
    .banner-seven .seven-content-right .clock-item .count-number {
        font-size: 18px !important;
        line-height: 60px !important;
    }
    
    .banner-seven .seven-content-right .clock-item .count-text {
        font-size: 10px !important;
    }
    
    /* About section responsive */
    .about-six .about-thumb {
        margin-bottom: 30px !important;
    }
    
    .about-six .section-header h2 {
        font-size: 32px !important;
    }
    
    .about-six p {
        font-size: 16px !important;
        line-height: 1.6 !important;
    }
    
    /* Schedule section responsive */
    .schedule-nine .schedule-item {
        margin-bottom: 20px !important;
    }
    
    .schedule-nine .schedule-content .schedule-heading {
        flex-direction: column !important;
        text-align: center !important;
    }
    
    .schedule-nine .schedule-content .schedule-heading .time,
    .schedule-nine .schedule-content .schedule-heading .hall {
        float: none !important;
        margin-bottom: 5px !important;
    }
    
    /* Speakers section responsive */
    .speakers-nine .speaker-item {
        margin-bottom: 30px !important;
    }
    
    .speakers-nine .speaker-content .name {
        font-size: 18px !important;
    }
    
    .speakers-nine .speaker-content .designation {
        font-size: 14px !important;
    }
    
    /* Sponsors section responsive */
    .sponsor-uhv .sponsor-item {
        margin-bottom: 20px !important;
    }
    
    .sponsor-uhv .sponsor-item-inner img {
        max-width: 150px !important;
        height: auto !important;
    }
}

@media (max-width: 767px) {
    /* Mobile responsive */
    .banner-seven .seven-content-right .counter {
        font-size: 100px !important;
        line-height: 90px !important;
    }
    
    .banner-seven .seven-content-left h1 {
        font-size: 28px !important;
        line-height: 1.2 !important;
    }
    
    .banner-seven .seven-content-left h3 {
        font-size: 18px !important;
    }
    
    .banner-seven .seven-content-right-bg,
    .banner-seven .seven-content-right {
        height: 250px !important;
        width: 250px !important;
    }
    
    .banner-seven .seven-content-right .content {
        padding-top: 30px !important;
    }
    
    .banner-seven .seven-content-right .clock-item {
        width: 45px !important;
        height: 45px !important;
    }
    
    .banner-seven .seven-content-right .clock-item .count-number {
        font-size: 14px !important;
        line-height: 45px !important;
    }
    
    .banner-seven .seven-content-right .clock-item .count-text {
        font-size: 8px !important;
    }
    
    .banner-seven .seven-content-left ul li {
        font-size: 14px !important;
        margin-bottom: 5px !important;
    }
    
    .event-info {
        flex-direction: column !important;
        align-items: center !important;
    }
    
    .event-info li {
        font-size: 12px !important;
        margin-right: 0 !important;
        margin-bottom: 10px !important;
    }
    
    /* About section mobile */
    .about-six .section-header h2 {
        font-size: 24px !important;
    }
    
    .about-six .section-header p {
        font-size: 14px !important;
    }
    
    .about-six p {
        font-size: 14px !important;
        line-height: 1.5 !important;
    }
    
    .about-six .about-button {
        flex-direction: column !important;
        align-items: center !important;
    }
    
    .about-six .about-button li {
        margin-bottom: 15px !important;
    }
    
    /* Schedule section mobile */
    .schedule-nine .section-header h3 {
        font-size: 24px !important;
    }
    
    .schedule-nine .schedule-item {
        margin-bottom: 15px !important;
    }
    
    .schedule-nine .schedule-content .session {
        font-size: 16px !important;
    }
    
    .schedule-nine .schedule-content .speaker-name {
        font-size: 12px !important;
    }
    
    /* Speakers section mobile */
    .speakers-nine .section-header h3 {
        font-size: 24px !important;
    }
    
    .speakers-nine .speaker-item {
        margin-bottom: 20px !important;
    }
    
    .speakers-nine .speaker-content .name {
        font-size: 16px !important;
    }
    
    .speakers-nine .speaker-content .designation {
        font-size: 12px !important;
    }
    
    /* Sponsors section mobile */
    .sponsor-uhv .section-header h3 {
        font-size: 24px !important;
    }
    
    .sponsor-uhv .sponsor-item {
        margin-bottom: 15px !important;
    }
    
    .sponsor-uhv .sponsor-item-inner img {
        max-width: 120px !important;
        height: auto !important;
    }
    
    .sponsor-uhv .sponsor-type {
        font-size: 16px !important;
    }
    
    /* Newsletter section mobile */
    .newsletter-uhv p {
        font-size: 18px !important;
    }
    
    .newsletter-uhv form {
        flex-direction: column !important;
        align-items: center !important;
    }
    
    .newsletter-uhv input[type="email"] {
        width: 100% !important;
        margin-bottom: 15px !important;
    }
    
    .newsletter-uhv input[type="submit"] {
        width: 100% !important;
    }
}

@media (max-width: 480px) {
    /* Small mobile responsive */
    .banner-seven .seven-content-right .counter {
        font-size: 80px !important;
        line-height: 70px !important;
    }
    
    .banner-seven .seven-content-left h1 {
        font-size: 24px !important;
        line-height: 1.2 !important;
    }
    
    .banner-seven .seven-content-left h3 {
        font-size: 16px !important;
    }
    
    .banner-seven .seven-content-right-bg,
    .banner-seven .seven-content-right {
        height: 200px !important;
        width: 200px !important;
    }
    
    .banner-seven .seven-content-right .content {
        padding-top: 20px !important;
    }
    
    .banner-seven .seven-content-right .clock-item {
        width: 35px !important;
        height: 35px !important;
    }
    
    .banner-seven .seven-content-right .clock-item .count-number {
        font-size: 12px !important;
        line-height: 35px !important;
    }
    
    .banner-seven .seven-content-right .clock-item .count-text {
        font-size: 7px !important;
    }
    
    .banner-seven .seven-content-left ul li {
        font-size: 12px !important;
        margin-bottom: 3px !important;
    }
    
    .event-info li {
        font-size: 10px !important;
        margin-bottom: 8px !important;
    }
    
    /* About section small mobile */
    .about-six .section-header h2 {
        font-size: 20px !important;
    }
    
    .about-six .section-header p {
        font-size: 12px !important;
    }
    
    .about-six p {
        font-size: 13px !important;
        line-height: 1.4 !important;
    }
    
    /* Schedule section small mobile */
    .schedule-nine .section-header h3 {
        font-size: 20px !important;
    }
    
    .schedule-nine .schedule-content .session {
        font-size: 14px !important;
    }
    
    .schedule-nine .schedule-content .speaker-name {
        font-size: 11px !important;
    }
    
    /* Speakers section small mobile */
    .speakers-nine .section-header h3 {
        font-size: 20px !important;
    }
    
    .speakers-nine .speaker-content .name {
        font-size: 14px !important;
    }
    
    .speakers-nine .speaker-content .designation {
        font-size: 11px !important;
    }
    
    /* Sponsors section small mobile */
    .sponsor-uhv .section-header h3 {
        font-size: 20px !important;
    }
    
    .sponsor-uhv .sponsor-item-inner img {
        max-width: 100px !important;
        height: auto !important;
    }
    
    .sponsor-uhv .sponsor-type {
        font-size: 14px !important;
    }
    
    /* Newsletter section small mobile */
    .newsletter-uhv p {
        font-size: 16px !important;
    }
}

/* Ensure proper spacing and alignment on all devices */
.banner-seven .seven-content-right,
.banner-seven .seven-content-left {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

.about-six .about-button {
    display: flex !important;
    justify-content: center !important;
    gap: 20px !important;
}

.schedule-nine .schedule-content .schedule-heading {
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
}

.speakers-nine .speaker-items .row {
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: center !important;
}

.sponsor-uhv .sponsor-list {
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: center !important;
    align-items: center !important;
    gap: 20px !important;
}

.newsletter-uhv form {
    display: flex !important;
    justify-content: center !important;
    gap: 15px !important;
    align-items: center !important;
}

/* COMPREHENSIVE COLOR THEME ENFORCEMENT - ABOUT PAGE */

/* Step 17: Override Any Remaining Non-Theme Colors */
/* Ensure ALL elements follow Red (#ee0034), White (#ffffff), Black (#000000) theme */

/* Override any blue colors */
body.about-page [style*="#007bff"],
body.about-page [style*="#0056b3"],
body.about-page [style*="#0069d9"],
body.about-page [style*="blue"],
body.about-page .btn-primary,
body.about-page .btn-info {
    background-color: #ee0034 !important; /* Exact homepage red */
    border-color: #ee0034 !important;
    color: #ffffff !important;
}

body.about-page [style*="#007bff"]:hover,
body.about-page [style*="#0056b3"]:hover,
body.about-page [style*="#0069d9"]:hover,
body.about-page [style*="blue"]:hover,
body.about-page .btn-primary:hover,
body.about-page .btn-info:hover {
    background-color: #c5002a !important; /* Darker version of homepage red */
    border-color: #c5002a !important;
    color: #ffffff !important;
}

/* Override any green colors */
body.about-page [style*="#28a745"],
body.about-page [style*="#1e7e34"],
body.about-page [style*="#218838"],
body.about-page [style*="green"],
body.about-page .btn-success {
    background-color: #ee0034 !important; /* Exact homepage red */
    border-color: #ee0034 !important;
    color: #ffffff !important;
}

body.about-page [style*="#28a745"]:hover,
body.about-page [style*="#1e7e34"]:hover,
body.about-page [style*="#218838"]:hover,
body.about-page [style*="green"]:hover,
body.about-page .btn-success:hover {
    background-color: #c5002a !important; /* Darker version of homepage red */
    border-color: #c5002a !important;
    color: #ffffff !important;
}

/* Override any yellow/amber colors */
body.about-page [style*="#ffc107"],
body.about-page [style*="#e0a800"],
body.about-page [style*="#d39e00"],
body.about-page [style*="yellow"],
body.about-page [style*="amber"],
body.about-page .btn-warning {
    background-color: #ee0034 !important; /* Exact homepage red */
    border-color: #ee0034 !important;
    color: #ffffff !important;
}

body.about-page [style*="#ffc107"]:hover,
body.about-page [style*="#e0a800"]:hover,
body.about-page [style*="#d39e00"]:hover,
body.about-page [style*="yellow"]:hover,
body.about-page [style*="amber"]:hover,
body.about-page .btn-warning:hover {
    background-color: #c5002a !important; /* Darker version of homepage red */
    border-color: #c5002a !important;
    color: #ffffff !important;
}

/* Override any purple/violet colors */
body.about-page [style*="#6f42c1"],
body.about-page [style*="#5a2d91"],
body.about-page [style*="#6610f2"],
body.about-page [style*="purple"],
body.about-page [style*="violet"],
body.about-page .btn-secondary {
    background-color: #ee0034 !important; /* Exact homepage red */
    border-color: #ee0034 !important;
    color: #ffffff !important;
}

body.about-page [style*="#6f42c1"]:hover,
body.about-page [style*="#5a2d91"]:hover,
body.about-page [style*="#6610f2"]:hover,
body.about-page [style*="purple"]:hover,
body.about-page [style*="violet"]:hover,
body.about-page .btn-secondary:hover {
    background-color: #c5002a !important; /* Darker version of homepage red */
    border-color: #c5002a !important;
    color: #ffffff !important;
}

/* Override any teal/cyan colors */
body.about-page [style*="#17a2b8"],
body.about-page [style*="#138496"],
body.about-page [style*="#117a8b"],
body.about-page [style*="teal"],
body.about-page [style*="cyan"] {
    background-color: #ee0034 !important; /* Exact homepage red */
    border-color: #ee0034 !important;
    color: #ffffff !important;
}

body.about-page [style*="#17a2b8"]:hover,
body.about-page [style*="#138496"]:hover,
body.about-page [style*="#117a8b"]:hover,
body.about-page [style*="teal"]:hover,
body.about-page [style*="cyan"]:hover {
    background-color: #c5002a !important; /* Darker version of homepage red */
    border-color: #c5002a !important;
    color: #ffffff !important;
}

/* Override any pink/magenta colors */
body.about-page [style*="#e83e8c"],
body.about-page [style*="#d63384"],
body.about-page [style*="#c71585"],
body.about-page [style*="pink"],
body.about-page [style*="magenta"] {
    background-color: #ee0034 !important; /* Exact homepage red */
    border-color: #ee0034 !important;
    color: #ffffff !important;
}

body.about-page [style*="#e83e8c"]:hover,
body.about-page [style*="#d63384"]:hover,
body.about-page [style*="#c71585"]:hover,
body.about-page [style*="pink"]:hover,
body.about-page [style*="magenta"]:hover {
    background-color: #c5002a !important; /* Darker version of homepage red */
    border-color: #c5002a !important;
    color: #ffffff !important;
}

/* Override any gray colors that aren't our theme */
body.about-page [style*="#6c757d"],
body.about-page [style*="#5a6268"],
body.about-page [style*="#495057"],
body.about-page [style*="gray"]:not([style*="#1f2937"]):not([style*="#6b7280"]):not([style*="#d1d5db"]):not([style*="#f3f4f6"]) {
    background-color: #1f2937 !important; /* Our dark gray */
    border-color: #1f2937 !important;
    color: #ffffff !important;
}

/* Ensure all text follows our theme */
body.about-page h1, body.about-page h2, body.about-page h3, body.about-page h4, body.about-page h5, body.about-page h6 {
    color: #ffffff !important; /* White headings */
}

body.about-page p {
    color: #f3f4f6 !important; /* Light gray text */
}

body.about-page a:not(.default-button):not(.banner-button):not(.gallery-button):not(.newsletter input[type="submit"]) {
    color: #ee0034 !important; /* Exact homepage red for links */
}

body.about-page a:not(.default-button):not(.banner-button):not(.gallery-button):not(.newsletter input[type="submit"]):hover {
    color: #c5002a !important; /* Darker version of homepage red on hover */
}

/* Override any remaining Bootstrap or framework colors */
body.about-page .text-primary { color: #ee0034 !important; }
body.about-page .text-success { color: #ee0034 !important; }
body.about-page .text-info { color: #ee0034 !important; }
body.about-page .text-warning { color: #ee0034 !important; }
body.about-page .text-danger { color: #ee0034 !important; }
body.about-page .text-secondary { color: #ffffff !important; }
body.about-page .text-light { color: #f3f4f6 !important; }
body.about-page .text-dark { color: #ffffff !important; }

body.about-page .bg-primary { background-color: #ee0034 !important; }
body.about-page .bg-success { background-color: #ee0034 !important; }
body.about-page .bg-info { background-color: #ee0034 !important; }
body.about-page .bg-warning { background-color: #ee0034 !important; }
body.about-page .bg-danger { background-color: #ee0034 !important; }
body.about-page .bg-secondary { background-color: #1f2937 !important; }
body.about-page .bg-light { background-color: #1f2937 !important; }
body.about-page .bg-dark { background-color: #000000 !important; }

/* Ensure all borders follow our theme */
body.about-page .border-primary { border-color: #ee0034 !important; }
body.about-page .border-success { border-color: #ee0034 !important; }
body.about-page .border-info { border-color: #ee0034 !important; }
body.about-page .border-warning { border-color: #ee0034 !important; }
body.about-page .border-danger { border-color: #ee0034 !important; }
body.about-page .border-secondary { border-color: #1f2937 !important; }
body.about-page .border-light { border-color: #1f2937 !important; }
body.about-page .border-dark { border-color: #000000 !important; }

/* Final override for any remaining non-theme colors */
body.about-page * {
    /* This ensures any remaining non-theme colors are caught */
}

/* Specific overrides for common framework classes */
body.about-page .badge-primary { background-color: #ee0034 !important; color: #ffffff !important; }
body.about-page .badge-success { background-color: #ee0034 !important; color: #ffffff !important; }
body.about-page .badge-info { background-color: #ee0034 !important; color: #ffffff !important; }
body.about-page .badge-warning { background-color: #ee0034 !important; color: #ffffff !important; }
body.about-page .badge-danger { background-color: #ee0034 !important; color: #ffffff !important; }
body.about-page .badge-secondary { background-color: #1f2937 !important; color: #ffffff !important; }
body.about-page .badge-light { background-color: #1f2937 !important; color: #ffffff !important; }
body.about-page .badge-dark { background-color: #000000 !important; color: #ffffff !important; }

/* Alert overrides */
body.about-page .alert-primary { background-color: rgba(238, 0, 52, 0.1) !important; border-color: #ee0034 !important; color: #ffffff !important; }
body.about-page .alert-success { background-color: rgba(238, 0, 52, 0.1) !important; border-color: #ee0034 !important; color: #ffffff !important; }
body.about-page .alert-info { background-color: rgba(238, 0, 52, 0.1) !important; border-color: #ee0034 !important; color: #ffffff !important; }
body.about-page .alert-warning { background-color: rgba(238, 0, 52, 0.1) !important; border-color: #ee0034 !important; color: #ffffff !important; }
body.about-page .alert-danger { background-color: rgba(238, 0, 52, 0.1) !important; border-color: #ee0034 !important; color: #ffffff !important; }
body.about-page .alert-secondary { background-color: rgba(31, 41, 55, 0.1) !important; border-color: #1f2937 !important; color: #ffffff !important; }
body.about-page .alert-light { background-color: rgba(31, 41, 55, 0.1) !important; border-color: #1f2937 !important; color: #ffffff !important; }
body.about-page .alert-dark { background-color: rgba(0, 0, 0, 0.1) !important; border-color: #000000 !important; color: #ffffff !important; }

/* Progress bar overrides */
body.about-page .progress-bar.bg-primary { background-color: #ee0034 !important; }
body.about-page .progress-bar.bg-success { background-color: #ee0034 !important; }
body.about-page .progress-bar.bg-info { background-color: #ee0034 !important; }
body.about-page .progress-bar.bg-warning { background-color: #ee0034 !important; }
body.about-page .progress-bar.bg-danger { background-color: #ee0034 !important; }
body.about-page .progress-bar.bg-secondary { background-color: #1f2937 !important; }
body.about-page .progress-bar.bg-light { background-color: #1f2937 !important; }
body.about-page .progress-bar.bg-dark { background-color: #000000 !important; }

/* List group overrides */
body.about-page .list-group-item-primary { background-color: rgba(238, 0, 52, 0.1) !important; border-color: #ee0034 !important; color: #ffffff !important; }
body.about-page .list-group-item-success { background-color: rgba(238, 0, 52, 0.1) !important; border-color: #ee0034 !important; color: #ffffff !important; }
body.about-page .list-group-item-info { background-color: rgba(238, 0, 52, 0.1) !important; border-color: #ee0034 !important; color: #ffffff !important; }
body.about-page .list-group-item-warning { background-color: rgba(238, 0, 52, 0.1) !important; border-color: #ee0034 !important; color: #ffffff !important; }
body.about-page .list-group-item-danger { background-color: rgba(238, 0, 52, 0.1) !important; border-color: #ee0034 !important; color: #ffffff !important; }
body.about-page .list-group-item-secondary { background-color: rgba(31, 41, 55, 0.1) !important; border-color: #1f2937 !important; color: #ffffff !important; }
body.about-page .list-group-item-light { background-color: rgba(31, 41, 55, 0.1) !important; border-color: #1f2937 !important; color: #ffffff !important; }
body.about-page .list-group-item-dark { background-color: rgba(0, 0, 0, 0.1) !important; border-color: #000000 !important; color: #ffffff !important; }

/* Table overrides */
body.about-page .table-primary { background-color: rgba(238, 0, 52, 0.1) !important; }
body.about-page .table-success { background-color: rgba(238, 0, 52, 0.1) !important; }
body.about-page .table-info { background-color: rgba(238, 0, 52, 0.1) !important; }
body.about-page .table-warning { background-color: rgba(238, 0, 52, 0.1) !important; }
body.about-page .table-danger { background-color: rgba(238, 0, 52, 0.1) !important; }
body.about-page .table-secondary { background-color: rgba(31, 41, 55, 0.1) !important; }
body.about-page .table-light { background-color: rgba(31, 41, 55, 0.1) !important; }
body.about-page .table-dark { background-color: rgba(0, 0, 0, 0.1) !important; }

/* Ensure all form elements follow our theme */
body.about-page input[type="text"],
body.about-page input[type="email"],
body.about-page input[type="password"],
body.about-page input[type="search"],
body.about-page input[type="tel"],
body.about-page input[type="url"],
body.about-page input[type="number"],
body.about-page textarea,
body.about-page select {
    background-color: #ffffff !important;
    border-color: #1f2937 !important;
    color: #1f2937 !important;
}

body.about-page input[type="text"]:focus,
body.about-page input[type="email"]:focus,
body.about-page input[type="password"]:focus,
body.about-page input[type="search"]:focus,
body.about-page input[type="tel"]:focus,
body.about-page input[type="url"]:focus,
body.about-page input[type="number"]:focus,
body.about-page textarea:focus,
body.about-page select:focus {
    border-color: #ee0034 !important;
    box-shadow: 0 0 0 0.2rem rgba(238, 0, 52, 0.25) !important;
}

/* Final comprehensive override - catch any remaining non-theme colors */
body.about-page *[style*="color"]:not([style*="#ffffff"]):not([style*="#f3f4f6"]):not([style*="#d1d5db"]):not([style*="#6b7280"]):not([style*="#1f2937"]):not([style*="#000000"]):not([style*="#ee0034"]):not([style*="#c5002a"]):not([style*="#fecaca"]) {
    color: #ffffff !important; /* Force white text for any remaining non-theme colors */
}

body.about-page *[style*="background"]:not([style*="#ffffff"]):not([style*="#f3f4f6"]):not([style*="#d1d5db"]):not([style*="#6b7280"]):not([style*="#1f2937"]):not([style*="#000000"]):not([style*="#ee0034"]):not([style*="#c5002a"]):not([style*="#fecaca"]):not([style*="rgba(238, 0, 52"]):not([style*="rgba(31, 41, 55"]):not([style*="rgba(0, 0, 0"]):not([style*="linear-gradient"]):not([style*="url("]) {
    background-color: #1f2937 !important; /* Force dark background for any remaining non-theme colors */
}

/* FORCE WHITE TEXT IN HEADER - HIGH SPECIFICITY */
body.about-page header .nav-link,
body.about-page header .navbar-nav .nav-link,
body.about-page header .navbar-nav .nav-item .nav-link,
body.about-page header .menu .nav-link,
body.about-page header .menu-fixed .nav-link,
body.about-page header .navbar .nav-link,
body.about-page header .navbar-nav > li > a,
body.about-page header .navbar-nav > li > .nav-link {
    color: #ffffff !important; /* Force white text */
    font-weight: 500 !important;
    transition: color 0.3s ease !important;
}

body.about-page header .navbar-brand,
body.about-page header .navbar .navbar-brand,
body.about-page header .menu .navbar-brand,
body.about-page header .menu-fixed .navbar-brand {
    color: #ffffff !important; /* Force white brand text */
}

body.about-page header .nav-link:hover,
body.about-page header .navbar-nav .nav-link:hover,
body.about-page header .navbar-nav .nav-item .nav-link:hover,
body.about-page header .menu .nav-link:hover,
body.about-page header .menu-fixed .nav-link:hover,
body.about-page header .navbar .nav-link:hover,
body.about-page header .navbar-nav > li > a:hover,
body.about-page header .navbar-nav > li > .nav-link:hover {
    color: #ee0034 !important; /* Red on hover */
}

/* OVERRIDE ANY TEXT COLORS IN HEADER THAT MIGHT BE GREEN, PURPLE, YELLOW, OR BLUE */
body.about-page header [style*="color: #28a745"],
body.about-page header [style*="color: #1e7e34"],
body.about-page header [style*="color: #218838"],
body.about-page header [style*="color: green"],
body.about-page header [style*="color: #6f42c1"],
body.about-page header [style*="color: #5a2d91"],
body.about-page header [style*="color: #6610f2"],
body.about-page header [style*="color: purple"],
body.about-page header [style*="color: violet"],
body.about-page header [style*="color: #ffc107"],
body.about-page header [style*="color: #e0a800"],
body.about-page header [style*="color: #d39e00"],
body.about-page header [style*="color: yellow"],
body.about-page header [style*="color: amber"],
body.about-page header [style*="color: #007bff"],
body.about-page header [style*="color: #0056b3"],
body.about-page header [style*="color: #0069d9"],
body.about-page header [style*="color: blue"] {
    color: #ee0034 !important; /* Change to exact homepage red */
}

/* OVERRIDE ANY BORDER COLORS IN HEADER */
body.about-page header [style*="border-color: #28a745"],
body.about-page header [style*="border-color: #1e7e34"],
body.about-page header [style*="border-color: #218838"],
body.about-page header [style*="border-color: green"],
body.about-page header [style*="border-color: #6f42c1"],
body.about-page header [style*="border-color: #5a2d91"],
body.about-page header [style*="border-color: #6610f2"],
body.about-page header [style*="border-color: purple"],
body.about-page header [style*="border-color: violet"],
body.about-page header [style*="border-color: #ffc107"],
body.about-page header [style*="border-color: #e0a800"],
body.about-page header [style*="border-color: #d39e00"],
body.about-page header [style*="border-color: yellow"],
body.about-page header [style*="border-color: amber"],
body.about-page header [style*="border-color: #007bff"],
body.about-page header [style*="border-color: #0056b3"],
body.about-page header [style*="border-color: #0069d9"],
body.about-page header [style*="border-color: blue"] {
    border-color: #ee0034 !important; /* Change to exact homepage red */
}

/* Step 4: Page Header - Clean and Professional */
body.about-page .page-header {
    background-color: #f8fafc !important; /* Light gray background */
    border-bottom: 1px solid #e5e7eb !important;
}

body.about-page .page-header h4 {
    color: #1f2937 !important; /* Dark text for readability */
    font-weight: 600 !important;
}

body.about-page .page-header a {
    color: #ee0034 !important; /* Exact homepage red */
    font-weight: 500 !important;
}

body.about-page .page-header a:hover {
    color: #c5002a !important; /* Darker version of homepage red */
}

body.about-page .page-header li {
    color: #6b7280 !important; /* Medium gray for breadcrumb text */
}

/* Step 5: Speakers Section - Professional Overlay */
body.about-page .speakers .overlay {
    background: linear-gradient(135deg, rgba(238, 0, 52, 0.95), rgba(197, 0, 42, 0.95)) !important; /* Homepage red gradient */
}

body.about-page .speakers .section-header h3 {
    color: #ffffff !important; /* White text for main header */
    font-weight: 700 !important;
    text-shadow: 0 2px 4px rgba(0, 0, 0, 0.3) !important;
}

body.about-page .speakers .section-header p {
    color: #fecaca !important; /* Light red for subtitle */
    font-weight: 500 !important;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) !important;
}

body.about-page .speakers .speaker-item .speaker-content .icon {
    background-color: #ffffff !important; /* White icon background */
    color: #ee0034 !important; /* Exact homepage red */
    border: 3px solid #ffffff !important;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15) !important;
}

body.about-page .speakers .speaker-item .speaker-content .details h4 a {
    color: #ffffff !important; /* White text for speaker names */
    font-weight: 600 !important;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) !important;
}

body.about-page .speakers .speaker-item .speaker-content .details h4 a:hover {
    color: #fecaca !important; /* Light red on hover */
}

body.about-page .speakers .speaker-item .speaker-content .details span {
    color: #fecaca !important; /* Light red for speaker titles */
    font-weight: 500 !important;
}

/* Step 6: Gallery Section - Subtle Professional Overlay */
body.about-page .gallery .gallery-item .overlay {
    background: linear-gradient(135deg, rgba(238, 0, 52, 0.8), rgba(197, 0, 42, 0.8)) !important; /* Homepage red gradient */
}

body.about-page .gallery .gallery-item:hover .overlay {
    background: linear-gradient(135deg, rgba(238, 0, 52, 0.9), rgba(197, 0, 42, 0.9)) !important; /* Darker on hover */
}

/* Step 7: Newsletter Section - Professional Dark Theme */
body.about-page .newsletter {
    background: linear-gradient(135deg, #ee0034, #c5002a) !important; /* Red gradient */
    border-top: 3px solid #000000 !important; /* Black border */
}

body.about-page .newsletter p {
    color: #ffffff !important; /* White text */
    font-weight: 500 !important;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) !important;
}

body.about-page .newsletter input[type="email"] {
    border: 2px solid #ffffff !important; /* White border */
    background-color: #ffffff !important; /* White background */
    color: #1f2937 !important; /* Dark text */
    padding: 15px 20px !important; /* Larger padding */
    font-size: 16px !important; /* Larger font size */
    min-width: 300px !important; /* Minimum width */
    height: 50px !important; /* Taller input field */
}

body.about-page .newsletter input[type="email"]:focus {
    border-color: #000000 !important; /* Black border on focus */
    box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.1) !important; /* Subtle black shadow */
}

body.about-page .newsletter input[type="submit"] {
    background-color: #000000 !important; /* Black button */
    color: #ffffff !important; /* White text */
    border: 2px solid #000000 !important;
    font-weight: 600 !important;
    padding: 15px 30px !important; /* Larger padding */
    font-size: 16px !important; /* Larger font size */
    height: 50px !important; /* Match email input height */
    min-width: 150px !important; /* Minimum width */
}

body.about-page .newsletter input[type="submit"]:hover {
    background-color: #1f2937 !important; /* Dark gray on hover */
    border-color: #1f2937 !important;
    transform: translateY(-1px) !important;
}

/* Step 8: Countdown Timer - Use Schedule Page Styling */
/* The about page countdown now uses the exact same styling as the schedule page */

/* Step 9: Banner Counter - Professional Styling */
body.about-page .banner .content-left .counter {
    color: #ee0034 !important; /* Exact homepage red */
    font-weight: 700 !important;
    text-shadow: 0 2px 4px rgba(0, 0, 0, 0.1) !important;
}

body.about-page .banner .content-left p {
    color: #ffffff !important; /* White text for "December" */
    font-weight: 500 !important;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) !important;
}

body.about-page .banner .content-right h2 {
    color: #ffffff !important; /* White text for better contrast */
    font-weight: 700 !important;
    text-shadow: 0 2px 4px rgba(0, 0, 0, 0.3) !important;
}

body.about-page .banner .content-right p {
    color: #f3f4f6 !important; /* Light gray text */
    font-weight: 500 !important;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) !important;
}

/* Step 10: Green Rectangle to Professional Black */
body.about-page .banner .content-left {
    background: linear-gradient(135deg, #000000, #1f2937) !important; /* Professional gradient */
    border: 2px solid #374151 !important;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.3) !important;
}

/* Step 11: About Section - Professional Typography */
body.about-page .about-two .content p {
    color: #ffffff !important; /* White text for better readability */
    line-height: 1.7 !important;
    font-size: 16px !important;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) !important;
}

body.about-page .about-two .content .about-button {
    gap: 20px !important; /* Proper spacing between buttons */
}

/* Step 12: About Section Headers - White Text */
body.about-page .about-two .section-header h2 {
    color: #ffffff !important; /* White text for main header */
    font-weight: 700 !important;
    text-shadow: 0 2px 4px rgba(0, 0, 0, 0.3) !important;
}

body.about-page .about-two .section-header p {
    color: #fecaca !important; /* Light red for subtitle */
    font-weight: 500 !important;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) !important;
}

/* Step 13: Enhanced Hover Effects */
body.about-page .speaker-item:hover .speaker-content .icon {
    background-color: #ee0034 !important; /* Exact homepage red on hover */
    color: #ffffff !important; /* White icon on hover */
    transform: scale(1.05) !important;
    transition: all 0.3s ease !important;
}

body.about-page .gallery-item:hover {
    transform: scale(1.02) !important;
    transition: all 0.3s ease !important;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.2) !important;
}

/* Step 14: Professional Spacing and Alignment */
body.about-page .about-two .content {
    padding: 120px 0 !important; /* Maintain proper padding */
}

body.about-page .gallery.padding-120 {
    padding: 120px 0 !important; /* Maintain proper padding */
}

/* Step 15: Mobile Responsiveness with Professional Touch */
@media (max-width: 767px) {
    body.about-page .default-button {
        font-size: 14px !important; /* Readable text on mobile */
        padding: 12px 20px !important; /* Comfortable touch targets */
    }
    
    body.about-page .section-header h2,
    body.about-page .section-header h3 {
        font-size: 28px !important; /* Responsive font size */
    }
    
    body.about-page .about-two .content .about-button {
        flex-direction: column !important; /* Stack buttons on mobile */
        align-items: center !important;
        gap: 15px !important;
    }
    
    body.about-page .about-two .content .about-button li {
        margin-bottom: 0 !important;
    }
}

/* Step 16: Override Orange Colors to Exact Homepage Red */
/* Replace any orange (#ff9822) with exact homepage red (#ee0034) */
body.about-page [style*="#ff9822"],
body.about-page [style*="orange"],
body.about-page .btn,
body.about-page .default-button,
body.about-page .banner-button,
body.about-page .gallery-button,
body.about-page .sponsor-button,
body.about-page .schedule-button,
body.about-page .newsletter input[type="submit"] {
    background-color: #ee0034 !important; /* Exact homepage red */
    border-color: #ee0034 !important;
}

body.about-page [style*="#ff9822"]:hover,
body.about-page [style*="orange"]:hover,
body.about-page .btn:hover,
body.about-page .default-button:hover,
body.about-page .banner-button:hover,
body.about-page .gallery-button:hover,
body.about-page .sponsor-button:hover,
body.about-page .schedule-button:hover,
body.about-page .newsletter input[type="submit"]:hover {
    background-color: #c5002a !important; /* Darker version of homepage red */
    border-color: #c5002a !important;
}

/* Override any orange text colors */
body.about-page [style*="#ff9822"],
body.about-page [style*="orange"],
body.about-page a[style*="#ff9822"],
body.about-page a[style*="orange"] {
    color: #ee0034 !important; /* Exact homepage red */
}

body.about-page [style*="#ff9822"]:hover,
body.about-page [style*="orange"]:hover,
body.about-page a[style*="#ff9822"]:hover,
body.about-page a[style*="orange"]:hover {
    color: #c5002a !important; /* Darker version of homepage red */
}

/* Override any orange borders or accents */
body.about-page [style*="#ff9822"],
body.about-page [style*="orange"],
body.about-page .section-header h2::after,
body.about-page .section-header h3::after {
    border-color: #ee0034 !important; /* Exact homepage red */
    background-color: #ee0034 !important; /* Exact homepage red */
}

/* Ensure all accent colors are exact homepage red */
body.about-page .accent-color,
body.about-page .highlight,
body.about-page .primary-color {
    color: #ee0034 !important; /* Exact homepage red */
    background-color: #ee0034 !important; /* Exact homepage red */
    border-color: #ee0034 !important; /* Exact homepage red */
}

/* Blurred background for countdown on non-homepage pages */
.banner-five .seven-content-right-bg {
    position: relative;
    overflow: hidden;
}

.banner-five .seven-content-right-bg::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-image: url('../images/backgrounds/banner/banner_01.jpg');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    filter: blur(8px);
    opacity: 0.3;
    z-index: -1;
    transform: scale(1.1);
}

.banner-five .seven-content-right {
    position: relative;
    z-index: 1;
    background: rgba(0, 0, 0, 0.4);
    border-radius: 50%;
    backdrop-filter: blur(2px);
    -webkit-backdrop-filter: blur(2px);
}

/* Non-homepage header styling - solid background like original template */
/* Only add margin-top to create space above the counter, don't affect other sections */
.banner-five {
    /* Add margin-top to create space above the counter */
    margin-top: 120px !important;
}

/* AGGRESSIVE FIX FOR HEADER OVERLAP - ONLY AFFECT BANNER SECTION */
body.about-page .banner-five,
body.contact-page .banner-five,
body.gallery-page .banner-five,
body.schedule-page .banner-five,
body.ticket-page .banner-five,
body.register-page .banner-five {
    margin-top: 150px !important;
    padding-top: 0 !important;
}

/* RESET SPACING FOR OTHER SECTIONS - Don't affect schedule, about, etc. */
body.about-page .about-two,
body.contact-page .contact-two,
body.gallery-page .gallery-two,
body.ticket-page .ticket-two,
body.register-page .register-two {
    margin-top: 0 !important;
    padding-top: 0 !important;
}

/* REDUCE SPACING BETWEEN EVENT SCHEDULES TITLE AND DAY COLUMNS */
body.schedule-page .schedules {
    padding-top: 15px !important;
    padding-bottom: 15px !important;
}

body.schedule-page .schedules .section-header {
    margin-bottom: 5px !important;
    padding-bottom: 0 !important;
}

body.schedule-page .schedules .section-header h3 {
    margin-bottom: 2px !important;
    padding-bottom: 0 !important;
}

body.schedule-page .schedules .section-header p {
    margin-bottom: 2px !important;
    padding-bottom: 0 !important;
}

body.schedule-page .schedules .schedule-tabs {
    margin-top: 0 !important;
    padding-top: 0 !important;
}

body.schedule-page .schedules .nav-tabs {
    margin-top: 0 !important;
    padding-top: 0 !important;
}

/* FORCE SOLID HEADER ON NON-HOMEPAGE PAGES */
body.about-page .bgc-trans-4,
body.contact-page .bgc-trans-4,
body.gallery-page .bgc-trans-4,
body.schedule-page .bgc-trans-4,
body.ticket-page .bgc-trans-4,
body.register-page .bgc-trans-4 {
    background-color: #1f2937 !important;
    background: #1f2937 !important;
    background-image: none !important;
    opacity: 1 !important;
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    z-index: 1000 !important;
}

/* Make header solid on non-homepage pages - using body classes */
/* Target specific pages using body classes - OVERRIDE TRANSPARENCY */
.about-page header .menu-fixed,
.about-page header .menu-fixed.bgc-trans-4,
.contact-page header .menu-fixed,
.contact-page header .menu-fixed.bgc-trans-4,
.gallery-page header .menu-fixed,
.gallery-page header .menu-fixed.bgc-trans-4,
.schedule-page header .menu-fixed,
.schedule-page header .menu-fixed.bgc-trans-4,
.ticket-page header .menu-fixed,
.ticket-page header .menu-fixed.bgc-trans-4,
.register-page header .menu-fixed,
.register-page header .menu-fixed.bgc-trans-4 {
    background-color: #1f2937 !important;
    background: #1f2937 !important;
    background-image: none !important;
    background-image: linear-gradient(to right, #1f2937, #1f2937) !important;
}

/* Ensure header has proper height and spacing */
.about-page header .menu-fixed,
.about-page header .menu-fixed.bgc-trans-4,
.contact-page header .menu-fixed,
.contact-page header .menu-fixed.bgc-trans-4,
.gallery-page header .menu-fixed,
.gallery-page header .menu-fixed.bgc-trans-4,
.schedule-page header .menu-fixed,
.schedule-page header .menu-fixed.bgc-trans-4,
.ticket-page header .menu-fixed,
.ticket-page header .menu-fixed.bgc-trans-4,
.register-page header .menu-fixed,
.register-page header .menu-fixed.bgc-trans-4 {
    min-height: 90px;
    padding: 13px 0;
    opacity: 1 !important;
    background: #1f2937 !important;
    background-color: #1f2937 !important;
}

/* Responsive adjustments for solid header */
@media (max-width: 991px) {
    body:not(.home) header .menu-fixed,
    .about-page header .menu-fixed,
    .contact-page header .menu-fixed,
    .gallery-page header .menu-fixed,
    .schedule-page header .menu-fixed,
    .ticket-page header .menu-fixed,
    .register-page header .menu-fixed {
        min-height: 80px;
        padding: 10px 0;
    }
    
    .banner-five {
        margin-top: 100px;
    }
}

@media (max-width: 767px) {
    body:not(.home) header .menu-fixed,
    .about-page header .menu-fixed,
    .contact-page header .menu-fixed,
    .gallery-page header .menu-fixed,
    .schedule-page header .menu-fixed,
    .ticket-page header .menu-fixed,
    .register-page header .menu-fixed {
        min-height: 70px;
        padding: 8px 0;
    }
    
    .banner-five {
        margin-top: 90px;
    }
}

@media (max-width: 480px) {
    body:not(.home) header .menu-fixed,
    .about-page header .menu-fixed,
    .contact-page header .menu-fixed,
    .gallery-page header .menu-fixed,
    .schedule-page header .menu-fixed,
    .ticket-page header .menu-fixed,
    .register-page header .menu-fixed {
        min-height: 60px;
        padding: 6px 0;
    }
    
    .banner-five {
        margin-top: 80px;
    }
}

/* Header Logo Styling */
.header-logo {
    max-height: 80px;
    width: auto;
    transition: all 0.3s ease;
    filter: brightness(1.2) contrast(1.2);
    image-rendering: -webkit-optimize-contrast;
    image-rendering: crisp-edges;
}

.navbar-brand {
    display: flex;
    align-items: center;
    padding: 18px 0;
}

.navbar-brand:hover .header-logo {
    transform: scale(1.05);
    filter: brightness(1.3) contrast(1.3);
}

/* Responsive logo sizing */
@media (max-width: 991px) {
    .header-logo {
        max-height: 70px;
    }
    
    .navbar-brand {
        padding: 16px 0;
    }
}

@media (max-width: 767px) {
    .header-logo {
        max-height: 60px;
    }
    
    .navbar-brand {
        padding: 14px 0;
    }
}

@media (max-width: 480px) {
    .header-logo {
        max-height: 50px;
    }
    
    .navbar-brand {
        padding: 12px 0;
    }
}

/* Responsive improvements for homepage */
@media (max-width: 1199px) {
    /* Banner section responsive */
    .banner-seven .seven-content-right .counter {
        font-size: 180px !important;
        line-height: 160px !important;
    }
    
    .banner-seven .seven-content-left h1 {
        font-size: 48px !important;
        line-height: 1.2 !important;
    }
    
    .banner-seven .seven-content-left h3 {
        font-size: 24px !important;
    }
    
    .banner-seven .seven-content-left ul li {
        font-size: 16px !important;
        margin-bottom: 8px !important;
    }
    
    .event-info li {
        font-size: 14px !important;
        margin-right: 15px !important;
    }
}

@media (max-width: 991px) {
    /* Tablet responsive */
    .banner-seven .seven-content-right .counter {
        font-size: 140px !important;
        line-height: 130px !important;
    }
    
    .banner-seven .seven-content-left h1 {
        font-size: 36px !important;
        line-height: 1.2 !important;
    }
    
    .banner-seven .seven-content-left h3 {
        font-size: 20px !important;
    }
    
    .banner-seven .seven-content-right-bg,
    .banner-seven .seven-content-right {
        height: 350px !important;
        width: 350px !important;
    }
    
    .banner-seven .seven-content-right .content {
        padding-top: 40px !important;
    }
    
    .banner-seven .seven-content-right .clock-item {
        width: 60px !important;
        height: 60px !important;
    }
    
    .banner-seven .seven-content-right .clock-item .count-number {
        font-size: 18px !important;
        line-height: 60px !important;
    }
    
    .banner-seven .seven-content-right .clock-item .count-text {
        font-size: 10px !important;
    }
    
    /* About section responsive */
    .about-six .about-thumb {
        margin-bottom: 30px !important;
    }
    
    .about-six .section-header h2 {
        font-size: 32px !important;
    }
    
    .about-six p {
        font-size: 16px !important;
        line-height: 1.6 !important;
    }
    
    /* Schedule section responsive */
    .schedule-nine .schedule-item {
        margin-bottom: 20px !important;
    }
    
    .schedule-nine .schedule-content .schedule-heading {
        flex-direction: column !important;
        text-align: center !important;
    }
    
    .schedule-nine .schedule-content .schedule-heading .time,
    .schedule-nine .schedule-content .schedule-heading .hall {
        float: none !important;
        margin-bottom: 5px !important;
    }
    
    /* Speakers section responsive */
    .speakers-nine .speaker-item {
        margin-bottom: 30px !important;
    }
    
    .speakers-nine .speaker-content .name {
        font-size: 18px !important;
    }
    
    .speakers-nine .speaker-content .designation {
        font-size: 14px !important;
    }
    
    /* Sponsors section responsive */
    .sponsor-uhv .sponsor-item {
        margin-bottom: 20px !important;
    }
    
    .sponsor-uhv .sponsor-item-inner img {
        max-width: 150px !important;
        height: auto !important;
    }
}

@media (max-width: 767px) {
    /* Mobile responsive */
    .banner-seven .seven-content-right .counter {
        font-size: 100px !important;
        line-height: 90px !important;
    }
    
    .banner-seven .seven-content-left h1 {
        font-size: 28px !important;
        line-height: 1.2 !important;
    }
    
    .banner-seven .seven-content-left h3 {
        font-size: 18px !important;
    }
    
    .banner-seven .seven-content-right-bg,
    .banner-seven .seven-content-right {
        height: 250px !important;
        width: 250px !important;
    }
    
    .banner-seven .seven-content-right .content {
        padding-top: 30px !important;
    }
    
    .banner-seven .seven-content-right .clock-item {
        width: 45px !important;
        height: 45px !important;
    }
    
    .banner-seven .seven-content-right .clock-item .count-number {
        font-size: 14px !important;
        line-height: 45px !important;
    }
    
    .banner-seven .seven-content-right .clock-item .count-text {
        font-size: 8px !important;
    }
    
    .banner-seven .seven-content-left ul li {
        font-size: 14px !important;
        margin-bottom: 5px !important;
    }
    
    .event-info {
        flex-direction: column !important;
        align-items: center !important;
    }
    
    .event-info li {
        font-size: 12px !important;
        margin-right: 0 !important;
        margin-bottom: 10px !important;
    }
    
    /* About section mobile */
    .about-six .section-header h2 {
        font-size: 24px !important;
    }
    
    .about-six .section-header p {
        font-size: 14px !important;
    }
    
    .about-six p {
        font-size: 14px !important;
        line-height: 1.5 !important;
    }
    
    .about-six .about-button {
        flex-direction: column !important;
        align-items: center !important;
    }
    
    .about-six .about-button li {
        margin-bottom: 15px !important;
    }
    
    /* Schedule section mobile */
    .schedule-nine .section-header h3 {
        font-size: 24px !important;
    }
    
    .schedule-nine .schedule-item {
        margin-bottom: 15px !important;
    }
    
    .schedule-nine .schedule-content .session {
        font-size: 16px !important;
    }
    
    .schedule-nine .schedule-content .speaker-name {
        font-size: 12px !important;
    }
    
    /* Speakers section mobile */
    .speakers-nine .section-header h3 {
        font-size: 24px !important;
    }
    
    .speakers-nine .speaker-item {
        margin-bottom: 20px !important;
    }
    
    .speakers-nine .speaker-content .name {
        font-size: 16px !important;
    }
    
    .speakers-nine .speaker-content .designation {
        font-size: 12px !important;
    }
    
    /* Sponsors section mobile */
    .sponsor-uhv .section-header h3 {
        font-size: 24px !important;
    }
    
    .sponsor-uhv .sponsor-item {
        margin-bottom: 15px !important;
    }
    
    .sponsor-uhv .sponsor-item-inner img {
        max-width: 120px !important;
        height: auto !important;
    }
    
    .sponsor-uhv .sponsor-type {
        font-size: 16px !important;
    }
    
    /* Newsletter section mobile */
    .newsletter-uhv p {
        font-size: 18px !important;
    }
    
    .newsletter-uhv form {
        flex-direction: column !important;
        align-items: center !important;
    }
    
    .newsletter-uhv input[type="email"] {
        width: 100% !important;
        margin-bottom: 15px !important;
    }
    
    .newsletter-uhv input[type="submit"] {
        width: 100% !important;
    }
}

@media (max-width: 480px) {
    /* Small mobile responsive */
    .banner-seven .seven-content-right .counter {
        font-size: 80px !important;
        line-height: 70px !important;
    }
    
    .banner-seven .seven-content-left h1 {
        font-size: 24px !important;
        line-height: 1.2 !important;
    }
    
    .banner-seven .seven-content-left h3 {
        font-size: 16px !important;
    }
    
    .banner-seven .seven-content-right-bg,
    .banner-seven .seven-content-right {
        height: 200px !important;
        width: 200px !important;
    }
    
    .banner-seven .seven-content-right .content {
        padding-top: 20px !important;
    }
    
    .banner-seven .seven-content-right .clock-item {
        width: 35px !important;
        height: 35px !important;
    }
    
    .banner-seven .seven-content-right .clock-item .count-number {
        font-size: 12px !important;
        line-height: 35px !important;
    }
    
    .banner-seven .seven-content-right .clock-item .count-text {
        font-size: 7px !important;
    }
    
    .banner-seven .seven-content-left ul li {
        font-size: 12px !important;
        margin-bottom: 3px !important;
    }
    
    .event-info li {
        font-size: 10px !important;
        margin-bottom: 8px !important;
    }
    
    /* About section small mobile */
    .about-six .section-header h2 {
        font-size: 20px !important;
    }
    
    .about-six .section-header p {
        font-size: 12px !important;
    }
    
    .about-six p {
        font-size: 13px !important;
        line-height: 1.4 !important;
    }
    
    /* Schedule section small mobile */
    .schedule-nine .section-header h3 {
        font-size: 20px !important;
    }
    
    .schedule-nine .schedule-content .session {
        font-size: 14px !important;
    }
    
    .schedule-nine .schedule-content .speaker-name {
        font-size: 11px !important;
    }
    
    /* Speakers section small mobile */
    .speakers-nine .section-header h3 {
        font-size: 20px !important;
    }
    
    .speakers-nine .speaker-content .name {
        font-size: 14px !important;
    }
    
    .speakers-nine .speaker-content .designation {
        font-size: 11px !important;
    }
    
    /* Sponsors section small mobile */
    .sponsor-uhv .section-header h3 {
        font-size: 20px !important;
    }
    
    .sponsor-uhv .sponsor-item-inner img {
        max-width: 100px !important;
        height: auto !important;
    }
    
    .sponsor-uhv .sponsor-type {
        font-size: 14px !important;
    }
    
    /* Newsletter section small mobile */
    .newsletter-uhv p {
        font-size: 16px !important;
    }
}

/* Ensure proper spacing and alignment on all devices */
.banner-seven .seven-content-right,
.banner-seven .seven-content-left {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

.about-six .about-button {
    display: flex !important;
    justify-content: center !important;
    gap: 20px !important;
}

.schedule-nine .schedule-content .schedule-heading {
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
}

.speakers-nine .speaker-items .row {
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: center !important;
}

.sponsor-uhv .sponsor-list {
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: center !important;
    align-items: center !important;
    gap: 20px !important;
}

.newsletter-uhv form {
    display: flex !important;
    justify-content: center !important;
    gap: 15px !important;
    align-items: center !important;
}

/* COMPREHENSIVE COLOR THEME ENFORCEMENT - ABOUT PAGE */

/* Step 17: Override Any Remaining Non-Theme Colors */
/* Ensure ALL elements follow Red (#ee0034), White (#ffffff), Black (#000000) theme */

/* Override any blue colors */
body.about-page [style*="#007bff"],
body.about-page [style*="#0056b3"],
body.about-page [style*="#0069d9"],
body.about-page [style*="blue"],
body.about-page .btn-primary,
body.about-page .btn-info {
    background-color: #ee0034 !important; /* Exact homepage red */
    border-color: #ee0034 !important;
    color: #ffffff !important;
}

body.about-page [style*="#007bff"]:hover,
body.about-page [style*="#0056b3"]:hover,
body.about-page [style*="#0069d9"]:hover,
body.about-page [style*="blue"]:hover,
body.about-page .btn-primary:hover,
body.about-page .btn-info:hover {
    background-color: #c5002a !important; /* Darker version of homepage red */
    border-color: #c5002a !important;
    color: #ffffff !important;
}

/* Override any green colors */
body.about-page [style*="#28a745"],
body.about-page [style*="#1e7e34"],
body.about-page [style*="#218838"],
body.about-page [style*="green"],
body.about-page .btn-success {
    background-color: #ee0034 !important; /* Exact homepage red */
    border-color: #ee0034 !important;
    color: #ffffff !important;
}

body.about-page [style*="#28a745"]:hover,
body.about-page [style*="#1e7e34"]:hover,
body.about-page [style*="#218838"]:hover,
body.about-page [style*="green"]:hover,
body.about-page .btn-success:hover {
    background-color: #c5002a !important; /* Darker version of homepage red */
    border-color: #c5002a !important;
    color: #ffffff !important;
}

/* Override any yellow/amber colors */
body.about-page [style*="#ffc107"],
body.about-page [style*="#e0a800"],
body.about-page [style*="#d39e00"],
body.about-page [style*="yellow"],
body.about-page [style*="amber"],
body.about-page .btn-warning {
    background-color: #ee0034 !important; /* Exact homepage red */
    border-color: #ee0034 !important;
    color: #ffffff !important;
}

body.about-page [style*="#ffc107"]:hover,
body.about-page [style*="#e0a800"]:hover,
body.about-page [style*="#d39e00"]:hover,
body.about-page [style*="yellow"]:hover,
body.about-page [style*="amber"]:hover,
body.about-page .btn-warning:hover {
    background-color: #c5002a !important; /* Darker version of homepage red */
    border-color: #c5002a !important;
    color: #ffffff !important;
}

/* Override any purple/violet colors */
body.about-page [style*="#6f42c1"],
body.about-page [style*="#5a2d91"],
body.about-page [style*="#6610f2"],
body.about-page [style*="purple"],
body.about-page [style*="violet"],
body.about-page .btn-secondary {
    background-color: #ee0034 !important; /* Exact homepage red */
    border-color: #ee0034 !important;
    color: #ffffff !important;
}

body.about-page [style*="#6f42c1"]:hover,
body.about-page [style*="#5a2d91"]:hover,
body.about-page [style*="#6610f2"]:hover,
body.about-page [style*="purple"]:hover,
body.about-page [style*="violet"]:hover,
body.about-page .btn-secondary:hover {
    background-color: #c5002a !important; /* Darker version of homepage red */
    border-color: #c5002a !important;
    color: #ffffff !important;
}

/* Override any teal/cyan colors */
body.about-page [style*="#17a2b8"],
body.about-page [style*="#138496"],
body.about-page [style*="#117a8b"],
body.about-page [style*="teal"],
body.about-page [style*="cyan"] {
    background-color: #ee0034 !important; /* Exact homepage red */
    border-color: #ee0034 !important;
    color: #ffffff !important;
}

body.about-page [style*="#17a2b8"]:hover,
body.about-page [style*="#138496"]:hover,
body.about-page [style*="#117a8b"]:hover,
body.about-page [style*="teal"]:hover,
body.about-page [style*="cyan"]:hover {
    background-color: #c5002a !important; /* Darker version of homepage red */
    border-color: #c5002a !important;
    color: #ffffff !important;
}

/* Override any pink/magenta colors */
body.about-page [style*="#e83e8c"],
body.about-page [style*="#d63384"],
body.about-page [style*="#c71585"],
body.about-page [style*="pink"],
body.about-page [style*="magenta"] {
    background-color: #ee0034 !important; /* Exact homepage red */
    border-color: #ee0034 !important;
    color: #ffffff !important;
}

body.about-page [style*="#e83e8c"]:hover,
body.about-page [style*="#d63384"]:hover,
body.about-page [style*="#c71585"]:hover,
body.about-page [style*="pink"]:hover,
body.about-page [style*="magenta"]:hover {
    background-color: #c5002a !important; /* Darker version of homepage red */
    border-color: #c5002a !important;
    color: #ffffff !important;
}

/* Override any gray colors that aren't our theme */
body.about-page [style*="#6c757d"],
body.about-page [style*="#5a6268"],
body.about-page [style*="#495057"],
body.about-page [style*="gray"]:not([style*="#1f2937"]):not([style*="#6b7280"]):not([style*="#d1d5db"]):not([style*="#f3f4f6"]) {
    background-color: #1f2937 !important; /* Our dark gray */
    border-color: #1f2937 !important;
    color: #ffffff !important;
}

/* Ensure all text follows our theme */
body.about-page h1, body.about-page h2, body.about-page h3, body.about-page h4, body.about-page h5, body.about-page h6 {
    color: #ffffff !important; /* White headings */
}

body.about-page p {
    color: #f3f4f6 !important; /* Light gray text */
}

body.about-page a:not(.default-button):not(.banner-button):not(.gallery-button):not(.newsletter input[type="submit"]) {
    color: #ee0034 !important; /* Exact homepage red for links */
}

body.about-page a:not(.default-button):not(.banner-button):not(.gallery-button):not(.newsletter input[type="submit"]):hover {
    color: #c5002a !important; /* Darker version of homepage red on hover */
}

/* Override any remaining Bootstrap or framework colors */
body.about-page .text-primary { color: #ee0034 !important; }
body.about-page .text-success { color: #ee0034 !important; }
body.about-page .text-info { color: #ee0034 !important; }
body.about-page .text-warning { color: #ee0034 !important; }
body.about-page .text-danger { color: #ee0034 !important; }
body.about-page .text-secondary { color: #ffffff !important; }
body.about-page .text-light { color: #f3f4f6 !important; }
body.about-page .text-dark { color: #ffffff !important; }

body.about-page .bg-primary { background-color: #ee0034 !important; }
body.about-page .bg-success { background-color: #ee0034 !important; }
body.about-page .bg-info { background-color: #ee0034 !important; }
body.about-page .bg-warning { background-color: #ee0034 !important; }
body.about-page .bg-danger { background-color: #ee0034 !important; }
body.about-page .bg-secondary { background-color: #1f2937 !important; }
body.about-page .bg-light { background-color: #1f2937 !important; }
body.about-page .bg-dark { background-color: #000000 !important; }

/* Ensure all borders follow our theme */
body.about-page .border-primary { border-color: #ee0034 !important; }
body.about-page .border-success { border-color: #ee0034 !important; }
body.about-page .border-info { border-color: #ee0034 !important; }
body.about-page .border-warning { border-color: #ee0034 !important; }
body.about-page .border-danger { border-color: #ee0034 !important; }
body.about-page .border-secondary { border-color: #1f2937 !important; }
body.about-page .border-light { border-color: #1f2937 !important; }
body.about-page .border-dark { border-color: #000000 !important; }

/* Final override for any remaining non-theme colors */
body.about-page * {
    /* This ensures any remaining non-theme colors are caught */
}

/* Specific overrides for common framework classes */
body.about-page .badge-primary { background-color: #ee0034 !important; color: #ffffff !important; }
body.about-page .badge-success { background-color: #ee0034 !important; color: #ffffff !important; }
body.about-page .badge-info { background-color: #ee0034 !important; color: #ffffff !important; }
body.about-page .badge-warning { background-color: #ee0034 !important; color: #ffffff !important; }
body.about-page .badge-danger { background-color: #ee0034 !important; color: #ffffff !important; }
body.about-page .badge-secondary { background-color: #1f2937 !important; color: #ffffff !important; }
body.about-page .badge-light { background-color: #1f2937 !important; color: #ffffff !important; }
body.about-page .badge-dark { background-color: #000000 !important; color: #ffffff !important; }

/* Alert overrides */
body.about-page .alert-primary { background-color: rgba(238, 0, 52, 0.1) !important; border-color: #ee0034 !important; color: #ffffff !important; }
body.about-page .alert-success { background-color: rgba(238, 0, 52, 0.1) !important; border-color: #ee0034 !important; color: #ffffff !important; }
body.about-page .alert-info { background-color: rgba(238, 0, 52, 0.1) !important; border-color: #ee0034 !important; color: #ffffff !important; }
body.about-page .alert-warning { background-color: rgba(238, 0, 52, 0.1) !important; border-color: #ee0034 !important; color: #ffffff !important; }
body.about-page .alert-danger { background-color: rgba(238, 0, 52, 0.1) !important; border-color: #ee0034 !important; color: #ffffff !important; }
body.about-page .alert-secondary { background-color: rgba(31, 41, 55, 0.1) !important; border-color: #1f2937 !important; color: #ffffff !important; }
body.about-page .alert-light { background-color: rgba(31, 41, 55, 0.1) !important; border-color: #1f2937 !important; color: #ffffff !important; }
body.about-page .alert-dark { background-color: rgba(0, 0, 0, 0.1) !important; border-color: #000000 !important; color: #ffffff !important; }

/* Progress bar overrides */
body.about-page .progress-bar.bg-primary { background-color: #ee0034 !important; }
body.about-page .progress-bar.bg-success { background-color: #ee0034 !important; }
body.about-page .progress-bar.bg-info { background-color: #ee0034 !important; }
body.about-page .progress-bar.bg-warning { background-color: #ee0034 !important; }
body.about-page .progress-bar.bg-danger { background-color: #ee0034 !important; }
body.about-page .progress-bar.bg-secondary { background-color: #1f2937 !important; }
body.about-page .progress-bar.bg-light { background-color: #1f2937 !important; }
body.about-page .progress-bar.bg-dark { background-color: #000000 !important; }

/* List group overrides */
body.about-page .list-group-item-primary { background-color: rgba(238, 0, 52, 0.1) !important; border-color: #ee0034 !important; color: #ffffff !important; }
body.about-page .list-group-item-success { background-color: rgba(238, 0, 52, 0.1) !important; border-color: #ee0034 !important; color: #ffffff !important; }
body.about-page .list-group-item-info { background-color: rgba(238, 0, 52, 0.1) !important; border-color: #ee0034 !important; color: #ffffff !important; }
body.about-page .list-group-item-warning { background-color: rgba(238, 0, 52, 0.1) !important; border-color: #ee0034 !important; color: #ffffff !important; }
body.about-page .list-group-item-danger { background-color: rgba(238, 0, 52, 0.1) !important; border-color: #ee0034 !important; color: #ffffff !important; }
body.about-page .list-group-item-secondary { background-color: rgba(31, 41, 55, 0.1) !important; border-color: #1f2937 !important; color: #ffffff !important; }
body.about-page .list-group-item-light { background-color: rgba(31, 41, 55, 0.1) !important; border-color: #1f2937 !important; color: #ffffff !important; }
body.about-page .list-group-item-dark { background-color: rgba(0, 0, 0, 0.1) !important; border-color: #000000 !important; color: #ffffff !important; }

/* Table overrides */
body.about-page .table-primary { background-color: rgba(238, 0, 52, 0.1) !important; }
body.about-page .table-success { background-color: rgba(238, 0, 52, 0.1) !important; }
body.about-page .table-info { background-color: rgba(238, 0, 52, 0.1) !important; }
body.about-page .table-warning { background-color: rgba(238, 0, 52, 0.1) !important; }
body.about-page .table-danger { background-color: rgba(238, 0, 52, 0.1) !important; }
body.about-page .table-secondary { background-color: rgba(31, 41, 55, 0.1) !important; }
body.about-page .table-light { background-color: rgba(31, 41, 55, 0.1) !important; }
body.about-page .table-dark { background-color: rgba(0, 0, 0, 0.1) !important; }

/* Ensure all form elements follow our theme */
body.about-page input[type="text"],
body.about-page input[type="email"],
body.about-page input[type="password"],
body.about-page input[type="search"],
body.about-page input[type="tel"],
body.about-page input[type="url"],
body.about-page input[type="number"],
body.about-page textarea,
body.about-page select {
    background-color: #ffffff !important;
    border-color: #1f2937 !important;
    color: #1f2937 !important;
}

body.about-page input[type="text"]:focus,
body.about-page input[type="email"]:focus,
body.about-page input[type="password"]:focus,
body.about-page input[type="search"]:focus,
body.about-page input[type="tel"]:focus,
body.about-page input[type="url"]:focus,
body.about-page input[type="number"]:focus,
body.about-page textarea:focus,
body.about-page select:focus {
    border-color: #ee0034 !important;
    box-shadow: 0 0 0 0.2rem rgba(238, 0, 52, 0.25) !important;
}

/* Final comprehensive override - catch any remaining non-theme colors */
body.about-page *[style*="color"]:not([style*="#ffffff"]):not([style*="#f3f4f6"]):not([style*="#d1d5db"]):not([style*="#6b7280"]):not([style*="#1f2937"]):not([style*="#000000"]):not([style*="#ee0034"]):not([style*="#c5002a"]):not([style*="#fecaca"]) {
    color: #ffffff !important; /* Force white text for any remaining non-theme colors */
}

body.about-page *[style*="background"]:not([style*="#ffffff"]):not([style*="#f3f4f6"]):not([style*="#d1d5db"]):not([style*="#6b7280"]):not([style*="#1f2937"]):not([style*="#000000"]):not([style*="#ee0034"]):not([style*="#c5002a"]):not([style*="#fecaca"]):not([style*="rgba(238, 0, 52"]):not([style*="rgba(31, 41, 55"]):not([style*="rgba(0, 0, 0"]):not([style*="linear-gradient"]):not([style*="url("]) {
    background-color: #1f2937 !important; /* Force dark background for any remaining non-theme colors */
}

/* FORCE WHITE TEXT IN HEADER - HIGH SPECIFICITY */
body.about-page header .nav-link,
body.about-page header .navbar-nav .nav-link,
body.about-page header .navbar-nav .nav-item .nav-link,
body.about-page header .menu .nav-link,
body.about-page header .menu-fixed .nav-link,
body.about-page header .navbar .nav-link,
body.about-page header .navbar-nav > li > a,
body.about-page header .navbar-nav > li > .nav-link {
    color: #ffffff !important; /* Force white text */
    font-weight: 500 !important;
    transition: color 0.3s ease !important;
}

body.about-page header .navbar-brand,
body.about-page header .navbar .navbar-brand,
body.about-page header .menu .navbar-brand,
body.about-page header .menu-fixed .navbar-brand {
    color: #ffffff !important; /* Force white brand text */
}

body.about-page header .nav-link:hover,
body.about-page header .navbar-nav .nav-link:hover,
body.about-page header .navbar-nav .nav-item .nav-link:hover,
body.about-page header .menu .nav-link:hover,
body.about-page header .menu-fixed .nav-link:hover,
body.about-page header .navbar .nav-link:hover,
body.about-page header .navbar-nav > li > a:hover,
body.about-page header .navbar-nav > li > .nav-link:hover {
    color: #ee0034 !important; /* Red on hover */
}

/* FORCE WHITE FOOTER ICONS - HIGH SPECIFICITY */
body.about-page footer .social-icons a,
body.about-page footer .social-icons i,
body.about-page footer .social-icons .fa,
body.about-page footer .social-icons .fab,
body.about-page footer .social-icons .fas,
body.about-page footer .social-icons .far,
body.about-page footer .social-links a,
body.about-page footer .social-links i,
body.about-page footer .social-links .fa,
body.about-page footer .social-links .fab,
body.about-page footer .social-links .fas,
body.about-page footer .social-links .far,
body.about-page footer a i,
body.about-page footer a .fa,
body.about-page footer a .fab,
body.about-page footer a .fas,
body.about-page footer a .far,
body.about-page footer .icon,
body.about-page footer .icons,
body.about-page footer [class*="fa-"],
body.about-page footer [class*="icon-"] {
    color: #ffffff !important; /* Force white icons */
    background-color: transparent !important;
    border-color: transparent !important;
}

body.about-page footer .social-icons a:hover,
body.about-page footer .social-icons a:hover i,
body.about-page footer .social-icons a:hover .fa,
body.about-page footer .social-icons a:hover .fab,
body.about-page footer .social-icons a:hover .fas,
body.about-page footer .social-icons a:hover .far,
body.about-page footer .social-links a:hover,
body.about-page footer .social-links a:hover i,
body.about-page footer .social-links a:hover .fa,
body.about-page footer .social-links a:hover .fab,
body.about-page footer .social-links a:hover .fas,
body.about-page footer .social-links a:hover .far,
body.about-page footer a:hover i,
body.about-page footer a:hover .fa,
body.about-page footer a:hover .fab,
body.about-page footer a:hover .fas,
body.about-page footer a:hover .far {
    color: #ee0034 !important; /* Red on hover */
    background-color: transparent !important;
    border-color: transparent !important;
}

/* OVERRIDE ANY NON-WHITE COLORS IN HEADER AND FOOTER */
body.about-page header *,
body.about-page footer * {
    /* This ensures any remaining non-white colors are caught */
}

/* Force white text for any remaining colored text in header */
body.about-page header [style*="color"]:not([style*="color: #ffffff"]):not([style*="color: #ee0034"]):not([style*="color: #c5002a"]) {
    color: #ffffff !important; /* Force white for any non-red colors */
}

/* Force white icons for any remaining colored icons in footer */
body.about-page footer [style*="color"]:not([style*="color: #ffffff"]):not([style*="color: #ee0034"]):not([style*="color: #c5002a"]) {
    color: #ffffff !important; /* Force white for any non-red colors */
}

/* Additional specificity for common header elements */
body.about-page header .navbar-nav,
body.about-page header .navbar-nav > li,
body.about-page header .navbar-nav > li > a,
body.about-page header .navbar-nav > li > span,
body.about-page header .navbar-nav > li > div {
    color: #ffffff !important; /* Force white for all navbar elements */
}

body.about-page header .menu-left ul li a {
    color: #ffffff !important; /* Force white for menu left items */
}

body.about-page header .menu-left ul li a:hover {
    color: #ee0034 !important; /* Red on hover */
}

/* Additional specificity for common footer elements */
body.about-page footer .social,
body.about-page footer .social a,
body.about-page footer .social i,
body.about-page footer .social .fa,
body.about-page footer .social .fab,
body.about-page footer .social .fas,
body.about-page footer .social .far {
    color: #ffffff !important;
}

/* SIMPLE HEADER & FOOTER FIXES - TARGETED APPROACH */

/* Header Navigation Links - Simple Fix */
body.about-page header .menu-left ul li a {
    color: #ffffff !important; /* Force white text */
}

body.about-page header .menu-left ul li a:hover {
    color: #ee0034 !important; /* Red on hover */
}



/* Footer Social Icons - Simple Fix */
body.about-page footer .event-social li a i {
    color: #ffffff !important; /* Force white icons */
}

body.about-page footer .event-social li a:hover i {
    color: #ee0034 !important; /* Red on hover */
}

/* Back to Top Button */
body.about-page .back-to-top i {
    color: #ffffff !important; /* Force white icon */
}

body.about-page .back-to-top:hover i {
    color: #ee0034 !important; /* Red on hover */
}

/* SCHEDULE PAGE SPECIFIC CHANGES */

/* Change "BUSINESS CONFERENCE 2021" to black color */
body.schedule-page .banner .content-right h2 {
    color: #000000 !important; /* Black color */
    font-weight: 700 !important;
    text-shadow: none !important; /* Remove any text shadow */
}

/* Remove the white rectangle - revert to original */
body.schedule-page .banner .content-left {
    /* Remove custom styling to use original */
}

/* Revert counter to original default styling */
body.schedule-page .banner .content-left .counter {
    /* Remove any custom styling to use original */
}

/* Make the Buy ticket button red */
body.schedule-page .banner .banner-button,
body.schedule-page .banner .default-button {
    background-color: #ee0034 !important; /* Exact homepage red */
    color: #ffffff !important; /* White text */
    border: 2px solid #ee0034 !important;
    font-weight: 600 !important;
    transition: all 0.3s ease !important;
}

body.schedule-page .banner .banner-button:hover,
body.schedule-page .banner .default-button:hover {
    background-color: #c5002a !important; /* Darker version of homepage red */
    color: #ffffff !important;
    border-color: #c5002a !important;
    transform: translateY(-1px) !important;
    box-shadow: 0 4px 12px rgba(238, 0, 52, 0.3) !important;
}

/* SCHEDULE PAGE - Change Green Rectangles to Black */
/* Change the green table headers (time, session, speakers, venue) to black */

body.schedule-page .schedules .tab-content table th {
    background-color: #000000 !important; /* Change from green (#65ac4c) to black */
    color: #ffffff !important; /* Keep white text for contrast */
}

body.schedule-page .schedules .tab-content .schedule-button {
    background-color: #000000 !important; /* Change from green (#65ac4c) to black */
    color: #ffffff !important; /* Keep white text for contrast */
}

body.schedule-page .schedules .tab-content .schedule-button:hover {
    background-color: #333333 !important; /* Darker black on hover */
    color: #ffffff !important;
}

/* Also target the second schedule section if it exists */
body.schedule-page .schedules-two .tab-content table th {
    background-color: #000000 !important; /* Change from green to black */
    color: #ffffff !important; /* Keep white text for contrast */
}

body.schedule-page .schedules-two .tab-content .schedule-button {
    background-color: #000000 !important; /* Change from green to black */
    color: #ffffff !important; /* Keep white text for contrast */
}

body.schedule-page .schedules-two .tab-content .schedule-button:hover {
    background-color: #333333 !important; /* Darker black on hover */
    color: #ffffff !important;
}

/* SCHEDULE PAGE - Change Orange Colors to Red */
/* Change all orange colors (#ff9822) to the red color (#ee0034) used in buy ticket button */

/* First schedule section */
body.schedule-page .schedules .tab-content table td:hover {
    color: #ee0034 !important; /* Change from orange (#ff9822) to red */
}

body.schedule-page .schedules .tab-content .schedule-button:hover {
    background-color: #ee0034 !important; /* Change from orange (#ff9822) to red */
}

/* Second schedule section (schedules-two) */
body.schedule-page .schedules-two .nav-tabs li a:before {
    background-color: #ee0034 !important; /* Change from orange (#ff9822) to red */
}

body.schedule-page .schedules-two .nav-tabs li a:hover,
body.schedule-page .schedules-two .nav-tabs li a:focus {
    background-color: #ee0034 !important; /* Change from orange (#ff9822) to red */
}

body.schedule-page .schedules-two .tab-content table tbody tr:hover {
    background-color: #ee0034 !important; /* Change from orange (#ff9822) to red */
}

/* Third schedule section (schedules-three) */
body.schedule-page .schedules-three .nav-tabs li a:before {
    background-color: #ee0034 !important; /* Change from orange (#ff9822) to red */
}

/* Also target any other orange elements in schedule sections */
body.schedule-page .schedules [style*="#ff9822"],
body.schedule-page .schedules-two [style*="#ff9822"],
body.schedule-page .schedules-three [style*="#ff9822"] {
    background-color: #ee0034 !important; /* Change from orange to red */
    border-color: #ee0034 !important;
    color: #ee0034 !important;
}

body.schedule-page .schedules [style*="#ff9822"]:hover,
body.schedule-page .schedules-two [style*="#ff9822"]:hover,
body.schedule-page .schedules-three [style*="#ff9822"]:hover {
    background-color: #c5002a !important; /* Darker red on hover */
    border-color: #c5002a !important;
    color: #ffffff !important;
}

/* NEWSLETTER SECTION - Change Orange Colors to Red */
/* Change all orange colors (#ff9822) to the red color (#ee0034) used in buy ticket button */

/* Main newsletter section */
body.schedule-page .newsletter {
    background-color: #ee0034 !important; /* Change from orange (#ff9822) to red */
}

body.schedule-page .newsletter form input:first-child {
    background-color: #ee0034 !important; /* Change from orange (#ff9822) to red */
}

body.schedule-page .newsletter form input:last-child {
    color: #ee0034 !important; /* Change from orange (#ff9822) to red */
}

/* Newsletter-two section */
body.schedule-page .newsletter-two form input:last-child {
    background-color: #ee0034 !important; /* Change from orange (#ff9822) to red */
}

body.schedule-page .newsletter-two form input:last-child:hover {
    background-color: #c5002a !important; /* Darker red on hover instead of green */
}

/* Newsletter-five section */
body.schedule-page .newsletter-five {
    background-color: #ee0034 !important; /* Change from purple to red */
}

body.schedule-page .newsletter-five form input:first-child {
    background-color: #ee0034 !important; /* Change from purple to red */
}

body.schedule-page .newsletter-five form input:last-child {
    color: #ee0034 !important; /* Change from purple to red */
}

/* Newsletter-six section */
body.schedule-page .newsletter-six {
    background-color: #ee0034 !important; /* Change from red-orange to red */
}

body.schedule-page .newsletter-six form input:first-child {
    background-color: #ee0034 !important; /* Change from red-orange to red */
}

body.schedule-page .newsletter-six form input:last-child {
    color: #ee0034 !important; /* Change from red-orange to red */
}

/* Also target any other orange elements in newsletter sections */
body.schedule-page .newsletter [style*="#ff9822"],
body.schedule-page .newsletter-two [style*="#ff9822"],
body.schedule-page .newsletter-five [style*="#ff9822"],
body.schedule-page .newsletter-six [style*="#ff9822"] {
    background-color: #ee0034 !important; /* Change from orange to red */
    border-color: #ee0034 !important;
    color: #ee0034 !important;
}

body.schedule-page .newsletter [style*="#ff9822"]:hover,
body.schedule-page .newsletter-two [style*="#ff9822"]:hover,
body.schedule-page .newsletter-five [style*="#ff9822"]:hover,
body.schedule-page .newsletter-six [style*="#ff9822"]:hover {
    background-color: #c5002a !important; /* Darker red on hover */
    border-color: #c5002a !important;
    color: #ffffff !important;
}

/* COUNTER SECTION - Change All Countdown Items to Black */
/* Change all countdown timer items to black */

body.schedule-page .banner .content-right .clock-item span {
    background-color: #000000 !important; /* Change from green (#65ac4c) to black */
    color: #ffffff !important; /* Keep white text for contrast */
}

body.schedule-page .banner .content-right .clock-item:nth-child(2) span {
    background-color: #000000 !important; /* Change from purple (#92278f) to black */
    color: #ffffff !important; /* Keep white text for contrast */
}

body.schedule-page .banner .content-right .clock-item:nth-child(3) span {
    background-color: #000000 !important; /* Change from yellow (#f5b429) to black */
    color: #ffffff !important; /* Keep white text for contrast */
}

body.schedule-page .banner .content-right .clock-item:last-child span {
    background-color: #000000 !important; /* Change from orange (#ff9822) to black */
    color: #ffffff !important; /* Keep white text for contrast */
}

body.schedule-page .banner .content-right .default-button:hover,
body.schedule-page .banner .content-right .default-button:focus {
    background-color: #000000 !important; /* Change from green (#65ac4c) to black */
    color: #ffffff !important; /* Keep white text for contrast */
}

/* Also target any other green elements in the counter section */
body.schedule-page .banner .content-right [style*="#65ac4c"] {
    background-color: #000000 !important; /* Change from green to black */
    border-color: #000000 !important;
    color: #ffffff !important;
}

body.schedule-page .banner .content-right [style*="#65ac4c"]:hover {
    background-color: #333333 !important; /* Darker black on hover */
    border-color: #333333 !important;
    color: #ffffff !important;
}

/* GREEN RECTANGLE BENEATH DECEMBER 2021 - Change to Red */
/* Change the green rectangle beneath "December 2021" to red */

body.schedule-page .banner .content-left:before {
    background-color: #ee0034 !important; /* Change from green (#65ac4c) to red */
}

/* Also target any other green elements in the content-left section */
body.schedule-page .banner .content-left [style*="#65ac4c"] {
    background-color: #ee0034 !important; /* Change from green to red */
    border-color: #ee0034 !important;
    color: #ffffff !important;
}

body.schedule-page .banner .content-left [style*="#65ac4c"]:hover {
    background-color: #c5002a !important; /* Darker red on hover */
    border-color: #c5002a !important;
    color: #ffffff !important;
}

/* REGISTER FOR EVENT BUTTON - Change to Red */
/* Change the "Register for Event" button to red color */

body.schedule-page .btn-primary,
body.schedule-page .menu-right .btn-primary {
    background-color: #ee0034 !important; /* Change to red */
    border-color: #ee0034 !important;
    color: #ffffff !important;
}

body.schedule-page .btn-primary:hover,
body.schedule-page .btn-primary:focus,
body.schedule-page .menu-right .btn-primary:hover,
body.schedule-page .menu-right .btn-primary:focus {
    background-color: #c5002a !important; /* Darker red on hover */
    border-color: #c5002a !important;
    color: #ffffff !important;
}

/* Also target any other primary buttons in the header */
body.schedule-page header .btn-primary {
    background-color: #ee0034 !important; /* Change to red */
    border-color: #ee0034 !important;
    color: #ffffff !important;
}

body.schedule-page header .btn-primary:hover,
body.schedule-page header .btn-primary:focus {
    background-color: #c5002a !important; /* Darker red on hover */
    border-color: #c5002a !important;
    color: #ffffff !important;
}

/* ABOUT PAGE COUNTDOWN - Now matches schedule page exactly */
/* The about page countdown now uses the exact same styling as the schedule page */

/* CONTACT PAGE SPECIFIC CHANGES */

/* Change "BUSINESS CONFERENCE 2021" to black color */
body.contact-page .banner .content-right h2 {
    color: #000000 !important; /* Black color */
    font-weight: 700 !important;
    text-shadow: none !important; /* Remove any text shadow */
}

/* Make the Buy ticket button red */
body.contact-page .banner .banner-button,
body.contact-page .banner .default-button {
    background-color: #ee0034 !important; /* Exact homepage red */
    color: #ffffff !important; /* White text */
    border: 2px solid #ee0034 !important;
    font-weight: 600 !important;
    transition: all 0.3s ease !important;
}

body.contact-page .banner .banner-button:hover,
body.contact-page .banner .default-button:hover {
    background-color: #c5002a !important; /* Darker version of homepage red */
    color: #ffffff !important;
    border-color: #c5002a !important;
    transform: translateY(-1px) !important;
    box-shadow: 0 4px 12px rgba(238, 0, 52, 0.3) !important;
}

/* CONTACT PAGE - Change All Countdown Items to Black */
/* Change all countdown timer items to black */

body.contact-page .banner .content-right .clock-item span {
    background-color: #000000 !important; /* Change from green (#65ac4c) to black */
    color: #ffffff !important; /* Keep white text for contrast */
}

body.contact-page .banner .content-right .clock-item:nth-child(2) span {
    background-color: #000000 !important; /* Change from purple (#92278f) to black */
    color: #ffffff !important; /* Keep white text for contrast */
}

body.contact-page .banner .content-right .clock-item:nth-child(3) span {
    background-color: #000000 !important; /* Change from yellow (#f5b429) to black */
    color: #ffffff !important; /* Keep white text for contrast */
}

body.contact-page .banner .content-right .clock-item:last-child span {
    background-color: #000000 !important; /* Change from orange (#ff9822) to black */
    color: #ffffff !important; /* Keep white text for contrast */
}

body.contact-page .banner .content-right .default-button:hover,
body.contact-page .banner .content-right .default-button:focus {
    background-color: #000000 !important; /* Change from green (#65ac4c) to black */
    color: #ffffff !important; /* Keep white text for contrast */
}

/* Also target any other green elements in the counter section */
body.contact-page .banner .content-right [style*="#65ac4c"] {
    background-color: #000000 !important; /* Change from green to black */
    border-color: #000000 !important;
    color: #ffffff !important;
}

body.contact-page .banner .content-right [style*="#65ac4c"]:hover {
    background-color: #333333 !important; /* Darker black on hover */
    border-color: #333333 !important;
    color: #ffffff !important;
}

/* GREEN RECTANGLE BENEATH DECEMBER 2021 - Change to Red */
/* Change the green rectangle beneath "December 2021" to red */

body.contact-page .banner .content-left:before {
    background-color: #ee0034 !important; /* Change from green (#65ac4c) to red */
}

/* Also target any other green elements in the content-left section */
body.contact-page .banner .content-left [style*="#65ac4c"] {
    background-color: #ee0034 !important; /* Change from green to red */
    border-color: #ee0034 !important;
    color: #ffffff !important;
}

body.contact-page .banner .content-left [style*="#65ac4c"]:hover {
    background-color: #c5002a !important; /* Darker red on hover */
    border-color: #c5002a !important;
    color: #ffffff !important;
}

/* CONTACT PAGE - Change Orange Colors to Red */
/* Change all orange colors (#ff9822) to the red color (#ee0034) used in buy ticket button */

/* Contact form submit button */
body.contact-page .contact-submit {
    background-color: #ee0034 !important; /* Change from orange (#ff9822) to red */
    color: #ffffff !important;
    border: 2px solid #ee0034 !important;
    font-weight: 600 !important;
    transition: all 0.3s ease !important;
}

body.contact-page .contact-submit:hover {
    background-color: #c5002a !important; /* Darker red on hover */
    color: #ffffff !important;
    border-color: #c5002a !important;
    transform: translateY(-1px) !important;
    box-shadow: 0 4px 12px rgba(238, 0, 52, 0.3) !important;
}

/* Also target any other orange elements in contact page */
body.contact-page [style*="#ff9822"] {
    background-color: #ee0034 !important; /* Change from orange to red */
    border-color: #ee0034 !important;
    color: #ee0034 !important;
}

body.contact-page [style*="#ff9822"]:hover {
    background-color: #c5002a !important; /* Darker red on hover */
    border-color: #c5002a !important;
    color: #ffffff !important;
}

/* REGISTER FOR EVENT BUTTON - Change to Red */
/* Change the "Register for Event" button to red color */

body.contact-page .btn-primary,
body.contact-page .menu-right .btn-primary {
    background-color: #ee0034 !important; /* Change to red */
    border-color: #ee0034 !important;
    color: #ffffff !important;
}

body.contact-page .btn-primary:hover,
body.contact-page .btn-primary:focus,
body.contact-page .menu-right .btn-primary:hover,
body.contact-page .menu-right .btn-primary:focus {
    background-color: #c5002a !important; /* Darker red on hover */
    border-color: #c5002a !important;
    color: #ffffff !important;
}

/* Also target any other primary buttons in the header */
body.contact-page header .btn-primary {
    background-color: #ee0034 !important; /* Change to red */
    border-color: #ee0034 !important;
    color: #ffffff !important;
}

body.contact-page header .btn-primary:hover,
body.contact-page header .btn-primary:focus {
    background-color: #c5002a !important; /* Darker red on hover */
    border-color: #c5002a !important;
    color: #ffffff !important;
}

/* GALLERY PAGE SPECIFIC CHANGES */

/* Change "BUSINESS CONFERENCE 2021" to black color */
body.gallery-page .banner .content-right h2 {
    color: #000000 !important; /* Black color */
    font-weight: 700 !important;
    text-shadow: none !important; /* Remove any text shadow */
}

/* Make the Buy ticket button red */
body.gallery-page .banner .banner-button,
body.gallery-page .banner .default-button {
    background-color: #ee0034 !important; /* Exact homepage red */
    color: #ffffff !important; /* White text */
    border: 2px solid #ee0034 !important;
    font-weight: 600 !important;
    transition: all 0.3s ease !important;
}

body.gallery-page .banner .banner-button:hover,
body.gallery-page .banner .default-button:hover {
    background-color: #c5002a !important; /* Darker version of homepage red */
    color: #ffffff !important;
    border-color: #c5002a !important;
    transform: translateY(-1px) !important;
    box-shadow: 0 4px 12px rgba(238, 0, 52, 0.3) !important;
}

/* GALLERY PAGE - Change All Countdown Items to Black */
/* Change all countdown timer items to black */

body.gallery-page .banner .content-right .clock-item span {
    background-color: #000000 !important; /* Change from green (#65ac4c) to black */
    color: #ffffff !important; /* Keep white text for contrast */
}

body.gallery-page .banner .content-right .clock-item:nth-child(2) span {
    background-color: #000000 !important; /* Change from purple (#92278f) to black */
    color: #ffffff !important; /* Keep white text for contrast */
}

body.gallery-page .banner .content-right .clock-item:nth-child(3) span {
    background-color: #000000 !important; /* Change from yellow (#f5b429) to black */
    color: #ffffff !important; /* Keep white text for contrast */
}

body.gallery-page .banner .content-right .clock-item:last-child span {
    background-color: #000000 !important; /* Change from orange (#ff9822) to black */
    color: #ffffff !important; /* Keep white text for contrast */
}

body.gallery-page .banner .content-right .default-button:hover,
body.gallery-page .banner .content-right .default-button:focus {
    background-color: #000000 !important; /* Change from green (#65ac4c) to black */
    color: #ffffff !important; /* Keep white text for contrast */
}

/* Also target any other green elements in the counter section */
body.gallery-page .banner .content-right [style*="#65ac4c"] {
    background-color: #000000 !important; /* Change from green to black */
    border-color: #000000 !important;
    color: #ffffff !important;
}

body.gallery-page .banner .content-right [style*="#65ac4c"]:hover {
    background-color: #333333 !important; /* Darker black on hover */
    border-color: #333333 !important;
    color: #ffffff !important;
}

/* GREEN RECTANGLE BENEATH DECEMBER 2021 - Change to Red */
/* Change the green rectangle beneath "December 2021" to red */

body.gallery-page .banner .content-left:before {
    background-color: #ee0034 !important; /* Change from green (#65ac4c) to red */
}

/* Also target any other green elements in the content-left section */
body.gallery-page .banner .content-left [style*="#65ac4c"] {
    background-color: #ee0034 !important; /* Change from green to red */
    border-color: #ee0034 !important;
    color: #ffffff !important;
}

body.gallery-page .banner .content-left [style*="#65ac4c"]:hover {
    background-color: #c5002a !important; /* Darker red on hover */
    border-color: #c5002a !important;
    color: #ffffff !important;
}

/* GALLERY PAGE - Change Orange Colors to Red */
/* Change all orange colors (#ff9822) to the red color (#ee0034) used in buy ticket button */

/* Gallery load more button */
body.gallery-page .gallery-button {
    background-color: #ee0034 !important; /* Change from orange (#ff9822) to red */
    color: #ffffff !important;
    border: 2px solid #ee0034 !important;
    font-weight: 600 !important;
    transition: all 0.3s ease !important;
}

body.gallery-page .gallery-button:hover {
    background-color: #c5002a !important; /* Darker red on hover */
    color: #ffffff !important;
    border-color: #c5002a !important;
    transform: translateY(-1px) !important;
    box-shadow: 0 4px 12px rgba(238, 0, 52, 0.3) !important;
}

/* Newsletter section */
body.gallery-page .newsletter {
    background-color: #ee0034 !important; /* Change from orange (#ff9822) to red */
}

body.gallery-page .newsletter form input:last-child {
    background-color: #ee0034 !important; /* Change from orange (#ff9822) to red */
    color: #ffffff !important;
    border: 2px solid #ee0034 !important;
    font-weight: 600 !important;
    transition: all 0.3s ease !important;
}

body.gallery-page .newsletter form input:last-child:hover {
    background-color: #c5002a !important; /* Darker red on hover */
    color: #ffffff !important;
    border-color: #c5002a !important;
    transform: translateY(-1px) !important;
    box-shadow: 0 4px 12px rgba(238, 0, 52, 0.3) !important;
}

/* Also target any other orange elements in gallery page */
body.gallery-page [style*="#ff9822"] {
    background-color: #ee0034 !important; /* Change from orange to red */
    border-color: #ee0034 !important;
    color: #ee0034 !important;
}

body.gallery-page [style*="#ff9822"]:hover {
    background-color: #c5002a !important; /* Darker red on hover */
    border-color: #c5002a !important;
    color: #ffffff !important;
}

/* REGISTER FOR EVENT BUTTON - Change to Red */
/* Change the "Register for Event" button to red color */

body.gallery-page .btn-primary,
body.gallery-page .menu-right .btn-primary {
    background-color: #ee0034 !important; /* Change to red */
    border-color: #ee0034 !important;
    color: #ffffff !important;
}

body.gallery-page .btn-primary:hover,
body.gallery-page .btn-primary:focus,
body.gallery-page .menu-right .btn-primary:hover,
body.gallery-page .menu-right .btn-primary:focus {
    background-color: #c5002a !important; /* Darker red on hover */
    border-color: #c5002a !important;
    color: #ffffff !important;
}

/* Also target any other primary buttons in the header */
body.gallery-page header .btn-primary {
    background-color: #ee0034 !important; /* Change to red */
    border-color: #ee0034 !important;
    color: #ffffff !important;
}

body.gallery-page header .btn-primary:hover,
body.gallery-page header .btn-primary:focus {
    background-color: #c5002a !important; /* Darker red on hover */
    border-color: #c5002a !important;
    color: #ffffff !important;
}

/* TICKET PAGE SPECIFIC CHANGES */

/* Change "MR001 CHAMPIONSHIP 2025" to black color */
body.ticket-page .banner .content-right h2 {
    color: #000000 !important; /* Black color */
    font-weight: 700 !important;
    text-shadow: none !important; /* Remove any text shadow */
}

/* Make the Buy ticket button red */
body.ticket-page .banner .banner-button,
body.ticket-page .banner .default-button {
    background-color: #ee0034 !important; /* Exact homepage red */
    color: #ffffff !important; /* White text */
    border: 2px solid #ee0034 !important;
    font-weight: 600 !important;
    transition: all 0.3s ease !important;
}

body.ticket-page .banner .banner-button:hover,
body.ticket-page .banner .default-button:hover {
    background-color: #c5002a !important; /* Darker version of homepage red */
    color: #ffffff !important;
    border-color: #c5002a !important;
    transform: translateY(-1px) !important;
    box-shadow: 0 4px 12px rgba(238, 0, 52, 0.3) !important;
}

/* TICKET PAGE - Change All Countdown Items to Black */
/* Change all countdown timer items to black */

body.ticket-page .banner .content-right .clock-item span {
    background-color: #000000 !important; /* Change from green (#65ac4c) to black */
    color: #ffffff !important; /* Keep white text for contrast */
}

body.ticket-page .banner .content-right .clock-item:nth-child(2) span {
    background-color: #000000 !important; /* Change from purple (#92278f) to black */
    color: #ffffff !important; /* Keep white text for contrast */
}

body.ticket-page .banner .content-right .clock-item:nth-child(3) span {
    background-color: #000000 !important; /* Change from yellow (#f5b429) to black */
    color: #ffffff !important; /* Keep white text for contrast */
}

body.ticket-page .banner .content-right .clock-item:last-child span {
    background-color: #000000 !important; /* Change from orange (#ff9822) to black */
    color: #ffffff !important; /* Keep white text for contrast */
}

body.ticket-page .banner .content-right .default-button:hover,
body.ticket-page .banner .content-right .default-button:focus {
    background-color: #000000 !important; /* Change from green (#65ac4c) to black */
    color: #ffffff !important; /* Keep white text for contrast */
}

/* Also target any other green elements in the counter section */
body.ticket-page .banner .content-right [style*="#65ac4c"] {
    background-color: #000000 !important; /* Change from green to black */
    border-color: #000000 !important;
    color: #ffffff !important;
}

body.ticket-page .banner .content-right [style*="#65ac4c"]:hover {
    background-color: #333333 !important; /* Darker black on hover */
    border-color: #333333 !important;
    color: #ffffff !important;
}

/* GREEN RECTANGLE BENEATH DECEMBER 2025 - Change to Red */
/* Change the green rectangle beneath "December 2025" to red */

body.ticket-page .banner .content-left:before {
    background-color: #ee0034 !important; /* Change from green (#65ac4c) to red */
}

/* Also target any other green elements in the content-left section */
body.ticket-page .banner .content-left [style*="#65ac4c"] {
    background-color: #ee0034 !important; /* Change from green to red */
    border-color: #ee0034 !important;
    color: #ffffff !important;
}

body.ticket-page .banner .content-left [style*="#65ac4c"]:hover {
    background-color: #c5002a !important; /* Darker red on hover */
    border-color: #c5002a !important;
    color: #ffffff !important;
}

/* TICKET PAGE - Change Orange Colors to Red */
/* Change all orange colors (#ff9822) to the red color (#ee0034) used in buy ticket button */

/* Pricing buttons */
body.ticket-page .pricing-button a {
    background-color: #ee0034 !important; /* Change from orange (#ff9822) to red */
    color: #ffffff !important;
    border: 2px solid #ee0034 !important;
    font-weight: 600 !important;
    transition: all 0.3s ease !important;
}

body.ticket-page .pricing-button a:hover {
    background-color: #c5002a !important; /* Darker red on hover */
    color: #ffffff !important;
    border-color: #c5002a !important;
    transform: translateY(-1px) !important;
    box-shadow: 0 4px 12px rgba(238, 0, 52, 0.3) !important;
}

/* Also target any other orange elements in ticket page */
body.ticket-page [style*="#ff9822"] {
    background-color: #ee0034 !important; /* Change from orange to red */
    border-color: #ee0034 !important;
    color: #ee0034 !important;
}

body.ticket-page [style*="#ff9822"]:hover {
    background-color: #c5002a !important; /* Darker red on hover */
    border-color: #c5002a !important;
    color: #ffffff !important;
}

/* REGISTER FOR EVENT BUTTON - Change to Red */
/* Change the "Register for Event" button to red color */

body.ticket-page .btn-primary,
body.ticket-page .menu-right .btn-primary {
    background-color: #ee0034 !important; /* Change to red */
    border-color: #ee0034 !important;
    color: #ffffff !important;
}

body.ticket-page .btn-primary:hover,
body.ticket-page .btn-primary:focus,
body.ticket-page .menu-right .btn-primary:hover,
body.ticket-page .menu-right .btn-primary:focus {
    background-color: #c5002a !important; /* Darker red on hover */
    border-color: #c5002a !important;
    color: #ffffff !important;
}

/* Also target any other primary buttons in the header */
body.ticket-page header .btn-primary {
    background-color: #ee0034 !important; /* Change to red */
    border-color: #ee0034 !important;
    color: #ffffff !important;
}

body.ticket-page header .btn-primary:hover,
body.ticket-page header .btn-primary:focus {
    background-color: #c5002a !important; /* Darker red on hover */
    border-color: #c5002a !important;
    color: #ffffff !important;
}

/* REGISTER PAGE SPECIFIC CHANGES */

/* Change "BUSINESS CONFERENCE 2021" to black color */
body.register-page .banner .content-right h2 {
    color: #000000 !important; /* Black color */
    font-weight: 700 !important;
    text-shadow: none !important; /* Remove any text shadow */
}

/* Make the booking button red */
body.register-page .banner .banner-button,
body.register-page .banner .default-button {
    background-color: #ee0034 !important; /* Exact homepage red */
    color: #ffffff !important; /* White text */
    border: 2px solid #ee0034 !important;
    font-weight: 600 !important;
    transition: all 0.3s ease !important;
}

body.register-page .banner .banner-button:hover,
body.register-page .banner .default-button:hover {
    background-color: #c5002a !important; /* Darker version of homepage red */
    color: #ffffff !important;
    border-color: #c5002a !important;
    transform: translateY(-1px) !important;
    box-shadow: 0 4px 12px rgba(238, 0, 52, 0.3) !important;
}

/* REGISTER PAGE - Change All Countdown Items to Black */
/* Change all countdown timer items to black */

body.register-page .banner .content-right .clock-item span {
    background-color: #000000 !important; /* Change from green (#65ac4c) to black */
    color: #ffffff !important; /* Keep white text for contrast */
}

body.register-page .banner .content-right .clock-item:nth-child(2) span {
    background-color: #000000 !important; /* Change from purple (#92278f) to black */
    color: #ffffff !important; /* Keep white text for contrast */
}

body.register-page .banner .content-right .clock-item:nth-child(3) span {
    background-color: #000000 !important; /* Change from yellow (#f5b429) to black */
    color: #ffffff !important; /* Keep white text for contrast */
}

body.register-page .banner .content-right .clock-item:last-child span {
    background-color: #000000 !important; /* Change from orange (#ff9822) to black */
    color: #ffffff !important; /* Keep white text for contrast */
}

body.register-page .banner .content-right .default-button:hover,
body.register-page .banner .content-right .default-button:focus {
    background-color: #000000 !important; /* Change from green (#65ac4c) to black */
    color: #ffffff !important; /* Keep white text for contrast */
}

/* Also target any other green elements in the counter section */
body.register-page .banner .content-right [style*="#65ac4c"] {
    background-color: #000000 !important; /* Change from green to black */
    border-color: #000000 !important;
    color: #ffffff !important;
}

body.register-page .banner .content-right [style*="#65ac4c"]:hover {
    background-color: #333333 !important; /* Darker black on hover */
    border-color: #333333 !important;
    color: #ffffff !important;
}

/* GREEN RECTANGLE BENEATH DECEMBER 2021 - Change to Red */
/* Change the green rectangle beneath "December 2021" to red */

body.register-page .banner .content-left:before {
    background-color: #ee0034 !important; /* Change from green (#65ac4c) to red */
}

/* Also target any other green elements in the content-left section */
body.register-page .banner .content-left [style*="#65ac4c"] {
    background-color: #ee0034 !important; /* Change from green to red */
    border-color: #ee0034 !important;
    color: #ffffff !important;
}

body.register-page .banner .content-left [style*="#65ac4c"]:hover {
    background-color: #c5002a !important; /* Darker red on hover */
    border-color: #c5002a !important;
    color: #ffffff !important;
}

/* REGISTER PAGE - Change Orange Colors to Red */
/* Change all orange colors (#ff9822) to the red color (#ee0034) used in buy ticket button */

/* Register form submit button */
body.register-page .contact-submit {
    background-color: #ee0034 !important; /* Change from orange (#ff9822) to red */
    color: #ffffff !important;
    border: 2px solid #ee0034 !important;
    font-weight: 600 !important;
    transition: all 0.3s ease !important;
}

body.register-page .contact-submit:hover {
    background-color: #c5002a !important; /* Darker red on hover */
    color: #ffffff !important;
    border-color: #c5002a !important;
    transform: translateY(-1px) !important;
    box-shadow: 0 4px 12px rgba(238, 0, 52, 0.3) !important;
}

/* Also target any other orange elements in register page */
body.register-page [style*="#ff9822"] {
    background-color: #ee0034 !important; /* Change from orange to red */
    border-color: #ee0034 !important;
    color: #ee0034 !important;
}

body.register-page [style*="#ff9822"]:hover {
    background-color: #c5002a !important; /* Darker red on hover */
    border-color: #c5002a !important;
    color: #ffffff !important;
}

/* REGISTER FOR EVENT BUTTON - Change to Red */
/* Change the "Register for Event" button to red color */

body.register-page .btn-primary,
body.register-page .menu-right .btn-primary {
    background-color: #ee0034 !important; /* Change to red */
    border-color: #ee0034 !important;
    color: #ffffff !important;
}

body.register-page .btn-primary:hover,
body.register-page .btn-primary:focus,
body.register-page .menu-right .btn-primary:hover,
body.register-page .menu-right .btn-primary:focus {
    background-color: #c5002a !important; /* Darker red on hover */
    border-color: #c5002a !important;
    color: #ffffff !important;
}

/* Also target any other primary buttons in the header */
body.register-page header .btn-primary {
    background-color: #ee0034 !important; /* Change to red */
    border-color: #ee0034 !important;
    color: #ffffff !important;
}

body.register-page header .btn-primary:hover,
body.register-page header .btn-primary:focus {
    background-color: #c5002a !important; /* Darker red on hover */
    border-color: #c5002a !important;
    color: #ffffff !important;
}

/* ABOUT PAGE COLOR STANDARDIZATION */
/* Apply the same color standardization as other pages */

/* Change banner h2 to black color */
body.about-page .banner .content-right h2 {
    color: #000000 !important; /* Black color */
    font-weight: 700 !important;
    text-shadow: none !important; /* Remove any text shadow */
}

/* Make the Buy ticket button red */
body.about-page .banner .banner-button,
body.about-page .banner .default-button {
    background-color: #ee0034 !important; /* Exact homepage red */
    color: #ffffff !important; /* White text */
    border: 2px solid #ee0034 !important;
    font-weight: 600 !important;
    transition: all 0.3s ease !important;
}

body.about-page .banner .banner-button:hover,
body.about-page .banner .default-button:hover {
    background-color: #c5002a !important; /* Darker version of homepage red */
    color: #ffffff !important;
    border-color: #c5002a !important;
    transform: translateY(-1px) !important;
    box-shadow: 0 4px 12px rgba(238, 0, 52, 0.3) !important;
}

/* ABOUT PAGE - Change All Countdown Items to Black */
/* Change all countdown timer items to black */

body.about-page .banner .content-right .clock-item span {
    background-color: #000000 !important; /* Change from green (#65ac4c) to black */
    color: #ffffff !important; /* Keep white text for contrast */
}

body.about-page .banner .content-right .clock-item:nth-child(2) span {
    background-color: #000000 !important; /* Change from purple (#92278f) to black */
    color: #ffffff !important; /* Keep white text for contrast */
}

body.about-page .banner .content-right .clock-item:nth-child(3) span {
    background-color: #000000 !important; /* Change from yellow (#f5b429) to black */
    color: #ffffff !important; /* Keep white text for contrast */
}

body.about-page .banner .content-right .clock-item:last-child span {
    background-color: #000000 !important; /* Change from orange (#ff9822) to black */
    color: #ffffff !important; /* Keep white text for contrast */
}

body.about-page .banner .content-right .default-button:hover,
body.about-page .banner .content-right .default-button:focus {
    background-color: #000000 !important; /* Change from green (#65ac4c) to black */
    color: #ffffff !important; /* Keep white text for contrast */
}

/* Also target any other green elements in the counter section */
body.about-page .banner .content-right [style*="#65ac4c"] {
    background-color: #000000 !important; /* Change from green to black */
    border-color: #000000 !important;
    color: #ffffff !important;
}

body.about-page .banner .content-right [style*="#65ac4c"]:hover {
    background-color: #333333 !important; /* Darker black on hover */
    border-color: #333333 !important;
    color: #ffffff !important;
}

/* GREEN RECTANGLE BENEATH DECEMBER 2025 - Change to Red */
/* Change the green rectangle beneath "December 2025" to red */

body.about-page .banner .content-left:before {
    background-color: #ee0034 !important; /* Change from green (#65ac4c) to red */
}

/* Also target any other green elements in the content-left section */
body.about-page .banner .content-left [style*="#65ac4c"] {
    background-color: #ee0034 !important; /* Change from green to red */
    border-color: #ee0034 !important;
    color: #ffffff !important;
}

body.about-page .banner .content-left [style*="#65ac4c"]:hover {
    background-color: #c5002a !important; /* Darker red on hover */
    border-color: #c5002a !important;
    color: #ffffff !important;
}

/* ABOUT PAGE - Change Orange Colors to Red */
/* Change all orange colors (#ff9822) to the red color (#ee0034) used in buy ticket button */

/* Also target any other orange elements in about page */
body.about-page [style*="#ff9822"] {
    background-color: #ee0034 !important; /* Change from orange to red */
    border-color: #ee0034 !important;
    color: #ee0034 !important;
}

body.about-page [style*="#ff9822"]:hover {
    background-color: #c5002a !important; /* Darker red on hover */
    border-color: #c5002a !important;
    color: #ffffff !important;
}

/* REGISTER FOR EVENT BUTTON - Change to Red */
/* Change the "Register for Event" button to red color */

body.about-page .btn-primary,
body.about-page .menu-right .btn-primary {
    background-color: #ee0034 !important; /* Change to red */
    border-color: #ee0034 !important;
    color: #ffffff !important;
}

body.about-page .btn-primary:hover,
body.about-page .btn-primary:focus,
body.about-page .menu-right .btn-primary:hover,
body.about-page .menu-right .btn-primary:focus {
    background-color: #c5002a !important; /* Darker red on hover */
    border-color: #c5002a !important;
    color: #ffffff !important;
}

/* Also target any other primary buttons in the header */
body.about-page header .btn-primary {
    background-color: #ee0034 !important; /* Change to red */
    border-color: #ee0034 !important;
    color: #ffffff !important;
}

body.about-page header .btn-primary:hover,
body.about-page header .btn-primary:focus {
    background-color: #c5002a !important; /* Darker red on hover */
    border-color: #c5002a !important;
    color: #ffffff !important;
}

/* ABOUT PAGE - FINAL FIXES FOR HEADER MENU, COUNTER, AND RECTANGLES */

/* Fix Header Menu Text Color - Target all menu elements */
body.about-page header .menu-left ul li a,
body.about-page header .main-menu .menu-left ul li a,
body.about-page header .navbar-nav .nav-link,
body.about-page header .navbar-nav > li > a,
body.about-page header .navbar .nav-link,
body.about-page header .menu-fixed .menu-left ul li a {
    color: #ffffff !important; /* Force white text for all menu items */
    font-weight: 500 !important;
    transition: color 0.3s ease !important;
}

body.about-page header .menu-left ul li a:hover,
body.about-page header .main-menu .menu-left ul li a:hover,
body.about-page header .navbar-nav .nav-link:hover,
body.about-page header .navbar-nav > li > a:hover,
body.about-page header .navbar .nav-link:hover,
body.about-page header .menu-fixed .menu-left ul li a:hover {
    color: #ee0034 !important; /* Red on hover */
}

/* Fix Counter Number "25" Color - Make it white for better visibility */
body.about-page .banner .content-left .counter,
body.about-page .banner .content-left span[data-count] {
    color: #ffffff !important; /* Change counter number to white */
    font-weight: 700 !important;
    text-shadow: 0 2px 4px rgba(0, 0, 0, 0.3) !important; /* Add shadow for better visibility */
}

/* Fix Rectangles Behind Counter - Change to red */
body.about-page .banner .content-left:before {
    background-color: #ee0034 !important; /* Change rectangle behind counter to red */
    opacity: 0.9 !important; /* Slightly transparent for better effect */
}

/* Also target any other rectangles or backgrounds in the content-left area */
body.about-page .banner .content-left {
    background: linear-gradient(135deg, #ee0034, #c5002a) !important; /* Red gradient background */
    border: 2px solid #ee0034 !important;
    box-shadow: 0 8px 24px rgba(238, 0, 52, 0.3) !important; /* Red shadow */
}

/* Ensure the counter text is properly visible over the red background */
body.about-page .banner .content-left .counter,
body.about-page .banner .content-left span[data-count],
body.about-page .banner .content-left p {
    position: relative !important;
    z-index: 10 !important; /* Ensure text appears above background */
}

/* Additional header menu fixes for better specificity */
body.about-page header .navbar-nav,
body.about-page header .navbar-nav > li,
body.about-page header .navbar-nav > li > a,
body.about-page header .navbar-nav > li > span,
body.about-page header .navbar-nav > li > div {
    color: #ffffff !important; /* Force white for all navbar elements */
}

body.about-page header .menu-left ul li a {
    color: #ffffff !important; /* Force white for menu left items */
}

body.about-page header .menu-left ul li a:hover {
    color: #ee0034 !important; /* Red on hover */
}

/* Ensure the counter number is properly styled */
body.about-page .banner .content-left span.counter,
body.about-page .banner .content-left span[data-count="24"] {
    color: #ffffff !important; /* White color for the counter number */
    font-size: 300px !important; /* Maintain large size */
    font-weight: 700 !important;
    line-height: 214px !important;
    text-shadow: 0 4px 8px rgba(0, 0, 0, 0.5) !important; /* Strong shadow for visibility */
}

/* ULTRA-SPECIFIC HEADER MENU WHITE TEXT OVERRIDE */
/* Force white text for ALL header menu elements with maximum specificity */
body.about-page header .menu-left ul li a,
body.about-page header .main-menu .menu-left ul li a,
body.about-page header .navbar-nav .nav-link,
body.about-page header .navbar-nav > li > a,
body.about-page header .navbar .nav-link,
body.about-page header .menu-fixed .menu-left ul li a,
body.about-page header .navbar-nav,
body.about-page header .navbar-nav > li,
body.about-page header .navbar-nav > li > a,
body.about-page header .navbar-nav > li > span,
body.about-page header .navbar-nav > li > div,
body.about-page header .menu-left ul li a,
body.about-page header .menu-fixed .navbar .menu-left ul li a,
body.about-page header .menu-fixed .main-menu .menu-left ul li a,
body.about-page header .menu-fixed .navbar-nav .nav-link,
body.about-page header .menu-fixed .navbar-nav > li > a,
body.about-page header .menu-fixed .navbar .nav-link,
body.about-page header .bgc-trans-4 .menu-left ul li a,
body.about-page header .bgc-trans-4 .navbar-nav .nav-link,
body.about-page header .bgc-trans-4 .navbar-nav > li > a,
body.about-page header .bgc-trans-4 .navbar .nav-link,
body.about-page header .navbar-expand-lg .menu-left ul li a,
body.about-page header .navbar-expand-lg .navbar-nav .nav-link,
body.about-page header .navbar-expand-lg .navbar-nav > li > a,
body.about-page header .navbar-expand-lg .navbar .nav-link {
    color: #ffffff !important; /* Force white text for all menu items */
    font-weight: 500 !important;
    transition: color 0.3s ease !important;
}

/* Override any inline styles that might be setting red color */
body.about-page header .menu-left ul li a[style*="color"],
body.about-page header .main-menu .menu-left ul li a[style*="color"],
body.about-page header .navbar-nav .nav-link[style*="color"],
body.about-page header .navbar-nav > li > a[style*="color"],
body.about-page header .navbar .nav-link[style*="color"],
body.about-page header .menu-fixed .menu-left ul li a[style*="color"] {
    color: #ffffff !important; /* Override any inline color styles */
}

/* Force white text even if there are other color classes */
body.about-page header .menu-left ul li a,
body.about-page header .main-menu .menu-left ul li a,
body.about-page header .navbar-nav .nav-link,
body.about-page header .navbar-nav > li > a,
body.about-page header .navbar .nav-link,
body.about-page header .menu-fixed .menu-left ul li a {
    color: #ffffff !important; /* Force white text */
}

/* Hover effects - only red on hover, not default */
body.about-page header .menu-left ul li a:hover,
body.about-page header .main-menu .menu-left ul li a:hover,
body.about-page header .navbar-nav .nav-link:hover,
body.about-page header .navbar-nav > li > a:hover,
body.about-page header .navbar .nav-link:hover,
body.about-page header .menu-fixed .menu-left ul li a:hover,
body.about-page header .navbar-nav:hover,
body.about-page header .navbar-nav > li:hover > a,
body.about-page header .navbar-nav > li:hover > span,
body.about-page header .navbar-nav > li:hover > div,
body.about-page header .menu-left ul li a:hover,
body.about-page header .menu-fixed .navbar .menu-left ul li a:hover,
body.about-page header .menu-fixed .main-menu .menu-left ul li a:hover,
body.about-page header .menu-fixed .navbar-nav .nav-link:hover,
body.about-page header .menu-fixed .navbar-nav > li > a:hover,
body.about-page header .menu-fixed .navbar .nav-link:hover,
body.about-page header .bgc-trans-4 .menu-left ul li a:hover,
body.about-page header .bgc-trans-4 .navbar-nav .nav-link:hover,
body.about-page header .bgc-trans-4 .navbar-nav > li > a:hover,
body.about-page header .bgc-trans-4 .navbar .nav-link:hover,
body.about-page header .navbar-expand-lg .menu-left ul li a:hover,
body.about-page header .navbar-expand-lg .navbar-nav .nav-link:hover,
body.about-page header .navbar-expand-lg .navbar-nav > li > a:hover,
body.about-page header .navbar-expand-lg .navbar .nav-link:hover {
    color: #ee0034 !important; /* Red on hover only */
}

/* Override any existing red color rules with !important */
body.about-page header *[style*="color: #ee0034"]:not(:hover),
body.about-page header *[style*="color: #c5002a"]:not(:hover),
body.about-page header *[style*="color: red"]:not(:hover) {
    color: #ffffff !important; /* Force white for any red colors (except on hover) */
}

/* CRITICAL FIX: Override animated header state that causes red menu text */
/* When JavaScript adds 'animated' class on scroll, override the red color */
body.about-page header.bgc-trans-4.animated .menu-left ul li a,
body.about-page header .bgc-trans-4.animated .menu-left ul li a,
body.about-page header .menu-fixed.bgc-trans-4.animated .menu-left ul li a,
body.about-page header .bgc-trans-4.animated .main-menu .menu-left ul li a,
body.about-page header .bgc-trans-4.animated .navbar-nav .nav-link,
body.about-page header .bgc-trans-4.animated .navbar-nav > li > a,
body.about-page header .bgc-trans-4.animated .navbar .nav-link {
    color: #ffffff !important; /* Force white text even when animated class is added */
}

/* Override any animated state hover effects */
body.about-page header.bgc-trans-4.animated .menu-left ul li a:hover,
body.about-page header .bgc-trans-4.animated .menu-left ul li a:hover,
body.about-page header .menu-fixed.bgc-trans-4.animated .menu-left ul li a:hover,
body.about-page header .bgc-trans-4.animated .main-menu .menu-left ul li a:hover,
body.about-page header .bgc-trans-4.animated .navbar-nav .nav-link:hover,
body.about-page header .bgc-trans-4.animated .navbar-nav > li > a:hover,
body.about-page header .bgc-trans-4.animated .navbar .nav-link:hover {
    color: #ee0034 !important; /* Red on hover only */
}

/* Override any other animated state rules that might affect menu text */
body.about-page header.bgc-trans-4.animated *,
body.about-page header .bgc-trans-4.animated * {
    /* This ensures any animated state rules are overridden */
}

/* Force white text for all menu elements regardless of scroll state */
body.about-page header .menu-left ul li a,
body.about-page header .main-menu .menu-left ul li a,
body.about-page header .navbar-nav .nav-link,
body.about-page header .navbar-nav > li > a,
body.about-page header .navbar .nav-link,
body.about-page header .menu-fixed .menu-left ul li a,
body.about-page header .bgc-trans-4 .menu-left ul li a,
body.about-page header .bgc-trans-4 .main-menu .menu-left ul li a,
body.about-page header .bgc-trans-4 .navbar-nav .nav-link,
body.about-page header .bgc-trans-4 .navbar-nav > li > a,
body.about-page header .bgc-trans-4 .navbar .nav-link {
    color: #ffffff !important; /* Force white text in all states */
}

/* Ensure hover effects work properly */
body.about-page header .menu-left ul li a:hover,
body.about-page header .main-menu .menu-left ul li a:hover,
body.about-page header .navbar-nav .nav-link:hover,
body.about-page header .navbar-nav > li > a:hover,
body.about-page header .navbar .nav-link:hover,
body.about-page header .menu-fixed .menu-left ul li a:hover,
body.about-page header .bgc-trans-4 .menu-left ul li a:hover,
body.about-page header .bgc-trans-4 .main-menu .menu-left ul li a:hover,
body.about-page header .bgc-trans-4 .navbar-nav .nav-link:hover,
body.about-page header .bgc-trans-4 .navbar-nav > li > a:hover,
body.about-page header .bgc-trans-4 .navbar .nav-link:hover {
    color: #ee0034 !important; /* Red on hover only */
}

/* SIMPLE AND CLEAN ABOUT PAGE HEADER FIX */
/* Remove all complex rules and use simple approach like gallery page */
body.about-page header .menu-left ul li a {
    color: #ffffff !important; /* Simple white text */
}

body.about-page header .menu-left ul li a:hover {
    color: #ee0034 !important; /* Red on hover */
}

/* Override any animated state */
body.about-page header.animated .menu-left ul li a,
body.about-page header .animated .menu-left ul li a {
    color: #ffffff !important; /* Keep white even when animated */
}

body.about-page header.animated .menu-left ul li a:hover,
body.about-page header .animated .menu-left ul li a:hover {
    color: #ee0034 !important; /* Red on hover even when animated */
}

body.about-page header .animated .menu-left ul li a:hover {
    color: #ee0034 !important; /* Red on hover even when animated */
}

/* ULTIMATE AGGRESSIVE OVERRIDE - FORCE WHITE HEADER MENU TEXT */
/* Target every possible scenario that could cause red text */

/* 1. Direct element targeting with maximum specificity */
body.about-page header .menu-left ul li a,
body.about-page header .main-menu .menu-left ul li a,
body.about-page header .navbar .menu-left ul li a,
body.about-page header .menu-fixed .menu-left ul li a,
body.about-page header .bgc-trans-4 .menu-left ul li a {
    color: #ffffff !important; /* Force white */
    background-color: transparent !important;
    border-color: transparent !important;
}

/* 2. Override any inline styles */
body.about-page header .menu-left ul li a[style*="color"],
body.about-page header .main-menu .menu-left ul li a[style*="color"],
body.about-page header .navbar .menu-left ul li a[style*="color"],
body.about-page header .menu-fixed .menu-left ul li a[style*="color"],
body.about-page header .bgc-trans-4 .menu-left ul li a[style*="color"] {
    color: #ffffff !important; /* Override inline styles */
}

/* 3. Override any animated states */
body.about-page header.animated .menu-left ul li a,
body.about-page header .animated .menu-left ul li a,
body.about-page header .menu-fixed.animated .menu-left ul li a,
body.about-page header .bgc-trans-4.animated .menu-left ul li a {
    color: #ffffff !important; /* Keep white even when animated */
}

/* 4. Override any hover states (except our own) */
body.about-page header .menu-left ul li a:hover,
body.about-page header .main-menu .menu-left ul li a:hover,
body.about-page header .navbar .menu-left ul li a:hover,
body.about-page header .menu-fixed .menu-left ul li a:hover,
body.about-page header .bgc-trans-4 .menu-left ul li a:hover {
    color: #ee0034 !important; /* Red on hover */
}

/* 5. Override any focus states */
body.about-page header .menu-left ul li a:focus,
body.about-page header .main-menu .menu-left ul li a:focus,
body.about-page header .navbar .menu-left ul li a:focus,
body.about-page header .menu-fixed .menu-left ul li a:focus,
body.about-page header .bgc-trans-4 .menu-left ul li a:focus {
    color: #ffffff !important; /* Keep white on focus */
}

/* 6. Override any active states */
body.about-page header .menu-left ul li a.active,
body.about-page header .main-menu .menu-left ul li a.active,
body.about-page header .navbar .menu-left ul li a.active,
body.about-page header .menu-fixed .menu-left ul li a.active,
body.about-page header .bgc-trans-4 .menu-left ul li a.active {
    color: #ffffff !important; /* Keep white when active */
}

/* 7. Override any visited states */
body.about-page header .menu-left ul li a:visited,
body.about-page header .main-menu .menu-left ul li a:visited,
body.about-page header .navbar .menu-left ul li a:visited,
body.about-page header .menu-fixed .menu-left ul li a:visited,
body.about-page header .bgc-trans-4 .menu-left ul li a:visited {
    color: #ffffff !important; /* Keep white when visited */
}

/* 8. Override any combination of states */
body.about-page header .menu-left ul li a:hover:focus,
body.about-page header .menu-left ul li a:hover:active,
body.about-page header .menu-left ul li a:focus:active,
body.about-page header .menu-left ul li a:hover:focus:active {
    color: #ee0034 !important; /* Red on hover combinations */
}

/* 9. Override any JavaScript-added classes */
body.about-page header .menu-left ul li a[class*="red"],
body.about-page header .menu-left ul li a[class*="active"],
body.about-page header .menu-left ul li a[class*="current"] {
    color: #ffffff !important; /* Override any red-related classes */
}

/* 10. Override any CSS custom properties */
body.about-page header .menu-left ul li a {
    --text-color: #ffffff !important;
    color: var(--text-color) !important;
}

/* 11. Override any CSS animations or transitions */
body.about-page header .menu-left ul li a,
body.about-page header .main-menu .menu-left ul li a,
body.about-page header .navbar .menu-left ul li a,
body.about-page header .menu-fixed .menu-left ul li a,
body.about-page header .bgc-trans-4 .menu-left ul li a {
    transition: color 0.3s ease !important;
}

/* 12. Final nuclear option - override everything */
body.about-page header *[href*="/"] {
    color: #ffffff !important; /* Target any link in header */
}

body.about-page header *[href*="/"]:hover {
    color: #ee0034 !important; /* Red on hover */
}

/* 13. Override any remaining red colors */
body.about-page header *[style*="color: red"],
body.about-page header *[style*="color: #ee0034"],
body.about-page header *[style*="color: #ff9822"],
body.about-page header *[style*="color: #c5002a"] {
    color: #ffffff !important; /* Force white for any red colors */
}

/* 14. Override any remaining red colors on hover */
body.about-page header *[style*="color: red"]:hover,
body.about-page header *[style*="color: #ee0034"]:hover,
body.about-page header *[style*="color: #ff9822"]:hover,
body.about-page header *[style*="color: #c5002a"]:hover {
    color: #ee0034 !important; /* Red on hover */
}

/* REGISTER FOR EVENT BUTTON - Change to Black */
/* Change the "Register for Event" button from blue/grey to black */

header .menu-right .btn-primary,
header .btn-primary,
.btn-primary {
    background-color: #000000 !important; /* Black background */
    border-color: #000000 !important; /* Black border */
    color: #ffffff !important; /* White text */
    font-weight: 600 !important;
    transition: all 0.3s ease !important;
}

header .menu-right .btn-primary:hover,
header .menu-right .btn-primary:focus,
header .btn-primary:hover,
header .btn-primary:focus,
.btn-primary:hover,
.btn-primary:focus {
    background-color: #333333 !important; /* Darker black on hover */
    border-color: #333333 !important;
    color: #ffffff !important;
    transform: translateY(-1px) !important;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3) !important;
}

/* Ensure the button stays black on all pages */
body.home-page header .btn-primary,
body.about-page header .btn-primary,
body.schedule-page header .btn-primary,
body.gallery-page header .btn-primary,
body.contact-page header .btn-primary,
body.ticket-page header .btn-primary,
body.register-page header .btn-primary {
    background-color: #000000 !important;
    border-color: #000000 !important;
    color: #ffffff !important;
}

body.home-page header .btn-primary:hover,
body.about-page header .btn-primary:hover,
body.schedule-page header .btn-primary:hover,
body.gallery-page header .btn-primary:hover,
body.contact-page header .btn-primary:hover,
body.ticket-page header .btn-primary:hover,
body.register-page header .btn-primary:hover {
    background-color: #333333 !important;
    border-color: #333333 !important;
    color: #ffffff !important;
}

/* TEXT READABILITY ENHANCEMENTS */
/* Ensure all text is readable with proper contrast and sizing */

/* Main content text readability */
p, .content p, .about p, .section-header p {
    color: #333333 !important;
    font-size: 16px !important;
    line-height: 1.6 !important;
    font-weight: 400 !important;
    text-shadow: none !important;
}

/* Headings readability */
h1, h2, h3, h4, h5, h6 {
    color: #000000 !important;
    font-weight: 600 !important;
    line-height: 1.3 !important;
    text-shadow: none !important;
}

/* Section headers */
.section-header h2, .section-header h3 {
    color: #000000 !important;
    font-size: 36px !important;
    font-weight: 700 !important;
    margin-bottom: 15px !important;
}

.section-header p {
    color: #666666 !important;
    font-size: 18px !important;
    font-style: italic !important;
    font-weight: 400 !important;
}

/* About page content readability */
.about .content p {
    color: #333333 !important;
    font-size: 16px !important;
    line-height: 1.7 !important;
    margin-bottom: 15px !important;
}

.about .content h4 {
    color: #000000 !important;
    font-size: 24px !important;
    font-weight: 600 !important;
    margin: 25px 0 15px 0 !important;
}

.about .content ul li {
    color: #333333 !important;
    font-size: 16px !important;
    line-height: 1.6 !important;
    margin-bottom: 8px !important;
}

/* Banner text readability */
.banner .content h1, .banner .content h2 {
    color: #ffffff !important;
    font-weight: 700 !important;
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.8) !important;
}

.banner .content p {
    color: #ffffff !important;
    font-size: 18px !important;
    font-weight: 500 !important;
    text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.7) !important;
}

/* Contact info readability */
.contact-info p {
    color: #333333 !important;
    font-size: 16px !important;
    line-height: 1.6 !important;
    margin-bottom: 10px !important;
}

.contact-info a {
    color: #ee0034 !important;
    text-decoration: none !important;
    font-weight: 500 !important;
}

.contact-info a:hover {
    color: #c5002a !important;
    text-decoration: underline !important;
}

/* Footer text readability */
footer p {
    color: #ffffff !important;
    font-size: 14px !important;
    line-height: 1.5 !important;
}

footer h2 {
    color: #ffffff !important;
    font-size: 28px !important;
    font-weight: 700 !important;
    margin-bottom: 20px !important;
}

footer h4 {
    color: #ffffff !important;
    font-size: 20px !important;
    font-weight: 600 !important;
    margin-bottom: 15px !important;
}

/* Athletes section readability */
.speakers .speaker-content .details h4 {
    color: #000000 !important;
    font-size: 18px !important;
    font-weight: 600 !important;
    margin-bottom: 5px !important;
}

.speakers .speaker-content .details span {
    color: #666666 !important;
    font-size: 14px !important;
    font-weight: 400 !important;
}

/* Button text readability */
.default-button, .btn-primary {
    color: #ffffff !important;
    font-weight: 600 !important;
    font-size: 14px !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
}

/* Form input readability */
.contact-input, input[type="text"], input[type="email"], textarea {
    color: #333333 !important;
    font-size: 16px !important;
    font-weight: 400 !important;
}

.contact-input::placeholder, input::placeholder, textarea::placeholder {
    color: #999999 !important;
    font-weight: 400 !important;
}

/* Navigation text readability */
.menu-left ul li a {
    color: #ffffff !important;
    font-size: 16px !important;
    font-weight: 500 !important;
    text-shadow: none !important;
}

/* Responsive text sizing */
@media (max-width: 768px) {
    .section-header h2, .section-header h3 {
        font-size: 28px !important;
    }
    
    .section-header p {
        font-size: 16px !important;
    }
    
    .about .content p {
        font-size: 15px !important;
    }
    
    .banner .content h1, .banner .content h2 {
        font-size: 32px !important;
    }
    
    .banner .content p {
        font-size: 16px !important;
    }
}

@media (max-width: 480px) {
    .section-header h2, .section-header h3 {
        font-size: 24px !important;
    }
    
    .banner .content h1, .banner .content h2 {
        font-size: 28px !important;
    }
    
    .about .content p {
        font-size: 14px !important;
    }
}

/* Categories page styling */
.category-info {
    margin: 30px 0;
}

.category-info .info-item {
    margin-bottom: 20px;
    padding: 15px;
    background: rgba(255, 255, 255, 0.1);
    border-radius: 8px;
    border-left: 4px solid #ee0034;
}

.category-info .info-item h5 {
    color: #ffffff !important;
    font-size: 16px !important;
    font-weight: 600 !important;
    margin-bottom: 8px !important;
    display: flex !important;
    align-items: center !important;
}

.category-info .info-item h5 i {
    margin-right: 10px !important;
    color: #ee0034 !important;
}

.category-info .info-item p {
    color: #f0f0f0 !important;
    font-size: 14px !important;
    margin: 0 !important;
}

.category-actions {
    margin-top: 30px;
    display: flex !important;
    gap: 15px !important;
    flex-wrap: wrap !important;
}

.category-actions .default-button {
    background-color: #ee0034 !important;
    border-color: #ee0034 !important;
    color: #ffffff !important;
    padding: 12px 30px !important;
    border-radius: 5px !important;
    text-decoration: none !important;
    font-weight: 600 !important;
    transition: all 0.3s ease !important;
}

.category-actions .default-button:hover {
    background-color: #c5002a !important;
    border-color: #c5002a !important;
    transform: translateY(-2px) !important;
}

.category-actions .secondary-button {
    background-color: transparent !important;
    border: 2px solid #ee0034 !important;
    color: #ee0034 !important;
    padding: 12px 30px !important;
    border-radius: 5px !important;
    text-decoration: none !important;
    font-weight: 600 !important;
    transition: all 0.3s ease !important;
}

.category-actions .secondary-button:hover {
    background-color: #ee0034 !important;
    color: #ffffff !important;
    transform: translateY(-2px) !important;
}

.cta-section {
    background: linear-gradient(135deg, rgba(238, 0, 52, 0.95), rgba(197, 0, 42, 0.95)) !important;
    color: #ffffff !important;
}

.cta-section .cta-content h3 {
    color: #ffffff !important;
    font-size: 32px !important;
    font-weight: 700 !important;
    margin-bottom: 15px !important;
}

.cta-section .cta-content p {
    color: #f0f0f0 !important;
    font-size: 18px !important;
    margin-bottom: 25px !important;
}

.cta-section .default-button {
    background-color: #000000 !important;
    border-color: #000000 !important;
    color: #ffffff !important;
    padding: 15px 40px !important;
    border-radius: 5px !important;
    text-decoration: none !important;
    font-weight: 600 !important;
    font-size: 16px !important;
    transition: all 0.3s ease !important;
}

.cta-section .default-button:hover {
    background-color: #333333 !important;
    border-color: #333333 !important;
    transform: translateY(-2px) !important;
}

/* Registration Modal Styles */
.registration-modal {
    display: none !important; /* Force hidden by default */
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 9999;
    justify-content: center;
    align-items: center;
}

.registration-modal.show {
    display: flex !important;
}

.registration-modal .modal-content {
    background: white;
    border-radius: 8px;
    max-width: 600px;
    width: 90%;
    max-height: 90vh;
    overflow-y: auto;
    position: relative;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.3);
}

.registration-modal .modal-header {
    padding: 20px;
    border-bottom: 1px solid #eee;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.registration-modal .modal-header h3 {
    margin: 0;
    color: #ee0034;
    font-size: 1.5rem;
}

.registration-modal .close-btn {
    background: none;
    border: none;
    font-size: 24px;
    cursor: pointer;
    color: #666;
    padding: 0;
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.registration-modal .close-btn:hover {
    color: #ee0034;
}

.registration-modal .modal-body {
    padding: 20px;
}

/* Fee Display */
.fee-display {
    background: #f8f9fa;
    padding: 15px;
    border-radius: 8px;
    margin-bottom: 20px;
    text-align: center;
}

.fee-amount {
    font-size: 1.5rem;
    font-weight: bold;
    color: #ee0034;
}

/* Form Styles */
.registration-modal .form-group {
    margin-bottom: 15px;
}

.registration-modal .form-control {
    border: 1px solid #ddd;
    border-radius: 4px;
    padding: 10px;
    width: 100%;
}

.registration-modal .form-control:focus {
    border-color: #ee0034;
    outline: none;
    box-shadow: 0 0 0 2px rgba(238, 0, 52, 0.2);
}

/* File Upload */
.file-upload {
    border: 2px dashed #ddd;
    border-radius: 8px;
    padding: 20px;
    text-align: center;
    cursor: pointer;
    transition: border-color 0.3s;
}

.file-upload:hover {
    border-color: #ee0034;
}

.upload-icon {
    font-size: 2rem;
    color: #666;
    margin-bottom: 10px;
}

/* Error Messages */
.error-message {
    color: #dc3545;
    font-size: 0.875rem;
    margin-top: 5px;
    display: none;
}

.error-message.show {
    display: block;
}

/* Responsive */
@media (max-width: 768px) {
    .registration-modal .modal-content {
        width: 95%;
        margin: 10px;
    }
    
    .registration-modal .modal-header h3 {
        font-size: 1.2rem;
    }
}

/* ===================================
   COMPREHENSIVE RESPONSIVE DESIGN ENHANCEMENTS
   Mobile-First Approach for All Screen Sizes
   =================================== */

/* ===================================
   1. GLOBAL RESPONSIVE FOUNDATION
   =================================== */

/* Mobile-First Base Styles */
* {
    box-sizing: border-box;
}

html {
    font-size: 16px;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
}

body {
    font-size: 1rem;
    line-height: 1.6;
    overflow-x: hidden;
}

/* ===================================
   2. ENHANCED SLIDESHOW RESPONSIVENESS
   =================================== */

/* Mobile Slideshow Optimizations */
@media (max-width: 767px) {
    .banner-seven {
        min-height: 100vh;
        position: relative;
    }
    
    .cb-slideshow {
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        z-index: 0;
    }
    
    .cb-slideshow li span {
        background-attachment: scroll !important;
        background-position: center center;
        background-size: cover;
    }
    
    .cb-slideshow li div h3 {
        font-size: 3rem !important;
        line-height: 1.2 !important;
        margin-bottom: 1rem;
    }
    
    .banner-seven-content {
        position: relative;
        z-index: 10;
        padding: 2rem 1rem;
    }
    
    .seven-content-left {
        padding-top: 2rem !important;
        text-align: center;
    }
    
    .seven-content-left .content h1 {
        font-size: 2rem !important;
        line-height: 1.3 !important;
        margin-bottom: 1rem;
    }
    
    .seven-content-left .content h3 {
        font-size: 1.5rem !important;
        margin-bottom: 1rem;
    }
    
    .seven-content-left .content ul {
        margin-bottom: 1.5rem;
    }
    
    .seven-content-left .content ul li {
        font-size: 1rem !important;
        margin-bottom: 0.5rem;
    }
    
    /* HIDE COUNTER ON MOBILE HOMEPAGE ONLY */
    /* This ensures counter is hidden only on homepage (.banner-seven) */
    .banner-seven .seven-content-right {
        display: none !important;
    }
    
    .banner-seven .seven-content-right-bg {
        display: none !important;
    }
    
    /* Ensure counter is visible on other pages (About, Schedule, etc.) */
    .banner-five .seven-content-right,
    .banner-five .seven-content-right-bg {
        display: block !important;
    }
    
    .event-info {
        display: none !important;
    }
}

/* Tablet Slideshow Optimizations */
@media (min-width: 768px) and (max-width: 1023px) {
    .cb-slideshow li div h3 {
        font-size: 4rem !important;
        line-height: 1.2 !important;
    }
    
    .seven-content-left .content h1 {
        font-size: 2.5rem !important;
    }
    
    .seven-content-left .content h3 {
        font-size: 1.8rem !important;
    }
    
    .seven-content-right .counter {
        font-size: 4rem !important;
    }
    
    .seven-content-right .clock-item span {
        font-size: 2rem !important;
        height: 80px !important;
        width: 80px !important;
        line-height: 80px !important;
    }
}

/* ===================================
   3. ENHANCED NAVIGATION RESPONSIVENESS
   =================================== */

/* Mobile Navigation - Solid Red Header */
@media (max-width: 767px) {
    /* Solid Red Header for Mobile */
    header .menu-fixed {
        background-color: #ee0034 !important;
        background: #ee0034 !important;
        background-image: none !important;
        opacity: 1 !important;
        position: fixed !important;
        top: 0 !important;
        left: 0 !important;
        right: 0 !important;
        z-index: 1000 !important;
        box-shadow: 0 2px 10px rgba(0,0,0,0.3) !important;
    }
    
    /* Ensure header has proper height */
    header .menu-fixed {
        min-height: 70px;
        padding: 10px 0;
    }
    
    /* Logo styling for mobile */
    .navbar-brand img {
        max-height: 40px;
        width: auto;
        filter: brightness(1.2) contrast(1.2);
    }
    
    /* Professional Hamburger Icon */
    .navbar-toggler {
        border: none;
        padding: 0.5rem;
        background: transparent;
        width: 44px;
        height: 44px;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 5px;
        transition: all 0.3s ease;
    }
    
    .navbar-toggler:hover {
        background: rgba(255,255,255,0.1);
    }
    
    .navbar-toggler:focus {
        outline: 2px solid rgba(255,255,255,0.5);
        outline-offset: 2px;
    }
    
    .navbar-toggler i {
        color: #fff;
        font-size: 1.5rem;
        font-weight: bold;
    }
    
    /* Professional Menu Dropdown - MOBILE ONLY */
    .navbar-collapse {
        background: rgba(0,0,0,0.95);
        margin-top: 0;
        border-radius: 0 0 10px 10px;
        padding: 1rem;
        box-shadow: 0 4px 20px rgba(0,0,0,0.3);
        border-top: 2px solid #ee0034;
        animation: slideDown 0.3s ease-out;
    }
    
    @keyframes slideDown {
        from {
            opacity: 0;
            transform: translateY(-10px);
        }
        to {
            opacity: 1;
            transform: translateY(0);
        }
    }
    
    .main-menu {
        flex-direction: column;
    }
    
    .menu-left ul {
        flex-direction: column;
        margin-bottom: 1rem;
        list-style: none;
        padding: 0;
    }
    
    .menu-left ul li {
        margin: 0.25rem 0;
        text-align: center;
    }
    
    .menu-left ul li a {
        color: #fff !important;
        font-size: 1.1rem;
        padding: 0.75rem 1rem;
        display: block;
        border-radius: 5px;
        transition: all 0.3s ease;
        text-decoration: none;
        font-weight: 500;
        min-height: 44px;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    
    .menu-left ul li a:hover {
        background: rgba(238, 0, 52, 0.8);
        color: #fff !important;
        transform: translateX(5px);
    }
    
    .menu-left ul li a:focus {
        outline: 2px solid rgba(255,255,255,0.5);
        outline-offset: 2px;
    }
    
    .menu-right .btn {
        width: 100%;
        margin-top: 1rem;
        padding: 0.75rem 1rem;
        font-size: 1rem;
        border-radius: 5px;
        background: #ee0034 !important;
        border: 2px solid #fff !important;
        color: #fff !important;
        font-weight: 600;
        text-transform: uppercase;
        letter-spacing: 1px;
        transition: all 0.3s ease;
        min-height: 44px;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    
    .menu-right .btn:hover {
        background: #fff !important;
        color: #ee0034 !important;
        transform: translateY(-2px);
        box-shadow: 0 4px 15px rgba(238, 0, 52, 0.3);
    }
    
    /* Ensure proper spacing for content below fixed header - MOBILE ONLY */
    .banner-seven {
        margin-top: 70px !important;
    }
    
    .banner-seven-content {
        padding-top: 2rem !important;
    }
}

/* Tablet Navigation */
@media (min-width: 768px) and (max-width: 1023px) {
    .navbar-brand img {
        max-height: 50px;
    }
    
    .menu-left ul li a {
        padding: 0.5rem 0.75rem;
        font-size: 0.9rem;
    }
    
    .menu-right .btn {
        padding: 0.5rem 1rem;
        font-size: 0.9rem;
    }
}

/* ===================================
   DESKTOP DESIGN PRESERVATION
   =================================== */

/* REMOVED ALL DESKTOP OVERRIDES TO PRESERVE ORIGINAL FUNCTIONALITY */
/* The original transparent header behavior and sticky functionality */
/* will now work exactly as it was before any changes were made */

/* ===================================
   DESKTOP HEADER CLEANUP
   =================================== */

/* Ensure desktop header remains completely transparent */
@media (min-width: 768px) {
    /* HIDE HAMBURGER MENU ON DESKTOP - SHOW REGULAR NAVIGATION */
    .navbar-toggler {
        display: none !important;
    }
    
    .navbar-collapse {
        display: flex !important;
    }
    
    /* RESTORE ORIGINAL SCROLL EFFECTS - DO NOT OVERRIDE */
    /* The original header.css will handle all scroll animations */
    /* including .bgc-trans-4.animated for red background on scroll */
    
    /* Remove black background from navbar-collapse on desktop */
    .navbar-collapse {
        background: transparent !important;
        box-shadow: none !important;
        border-top: none !important;
        animation: none !important;
    }
    
    /* FORCE TRANSPARENT HEADER ON HOMEPAGE - OVERRIDE ALL SOLID BACKGROUNDS */
    body:not(.about-page):not(.contact-page):not(.gallery-page):not(.schedule-page):not(.ticket-page):not(.register-page) header .menu-fixed,
    body:not(.about-page):not(.contact-page):not(.gallery-page):not(.schedule-page):not(.ticket-page):not(.register-page) header .menu-fixed.bgc-trans-4 {
        background: transparent !important;
        background-color: transparent !important;
        background-image: none !important;
        opacity: 1 !important;
    }
}

/* ===================================
   4. CONTENT SECTION RESPONSIVENESS
   =================================== */

/* Mobile Content Optimizations */
@media (max-width: 767px) {
    .section-header h2,
    .section-header h3 {
        font-size: 2rem !important;
        line-height: 1.3 !important;
        margin-bottom: 1rem;
    }
    
    .section-header p {
        font-size: 1rem !important;
        line-height: 1.5 !important;
    }
    
    .about p {
        font-size: 1rem !important;
        line-height: 1.6 !important;
        margin-bottom: 1rem;
    }
    
    .about ul li {
        font-size: 1rem !important;
        margin-bottom: 0.5rem;
    }
    
    .about-button {
        flex-direction: column;
        align-items: center;
    }
    
    .about-button li {
        margin: 0.5rem 0;
        width: 100%;
        max-width: 300px;
    }
    
    .about-button li a {
        width: 100%;
        text-align: center;
        padding: 1rem;
        font-size: 1rem;
    }
    
    /* Schedule Section */
    .schedule-tabs .nav-tabs {
        flex-direction: column;
        margin-bottom: 2rem;
    }
    
    .schedule-tabs .nav-tabs li {
        margin-bottom: 0.5rem;
    }
    
    .schedule-tabs .nav-tabs li a {
        width: 100%;
        text-align: center;
        padding: 1rem;
        font-size: 1rem;
    }
    
    .schedule-item {
        margin-bottom: 2rem;
    }
    
    .schedule-content {
        padding: 1.5rem;
    }
    
    .schedule-heading {
        flex-direction: column;
        text-align: center;
        margin-bottom: 1rem;
    }
    
    .schedule-heading .time,
    .schedule-heading .hall {
        margin: 0.25rem 0;
    }
    
    /* Categories Section */
    .speaker-item {
        margin-bottom: 2rem;
        text-align: center;
    }
    
    .speaker-image {
        margin-bottom: 1rem;
    }
    
    .speaker-content h6 {
        font-size: 1.2rem !important;
        margin-bottom: 0.5rem;
    }
    
    .speaker-content p {
        font-size: 0.9rem !important;
        line-height: 1.5 !important;
    }
    
    /* Sponsors Section */
    .sponsor-item {
        margin-bottom: 2rem;
        text-align: center;
    }
    
    .sponsor-item-inner img {
        max-width: 200px;
        height: auto;
    }
    
    /* Newsletter Section */
    .newsletter p {
        font-size: 1.5rem !important;
        margin-bottom: 1.5rem;
        text-align: center;
    }
    
    .newsletter form {
        flex-direction: column;
        align-items: center;
    }
    
    .newsletter form input[type="email"] {
        width: 100% !important;
        max-width: 400px !important;
        margin-bottom: 1rem;
        margin-right: 0 !important;
    }
    
    .newsletter form input[type="submit"] {
        width: 100% !important;
        max-width: 400px !important;
    }
    
    /* Video Section */
    .image-video-container {
        margin: 0 1rem;
    }
    
    .play-button {
        width: 60px;
        height: 60px;
    }
    
    .play-button i {
        font-size: 24px;
    }
    
    .video-title {
        font-size: 1rem;
        padding: 0 1rem;
    }
    
    /* Video Modal */
    .video-modal-content {
        width: 95%;
        margin: 1rem;
    }
    
    .video-modal-close {
        top: 10px;
        right: 15px;
        font-size: 28px;
        width: 35px;
        height: 35px;
    }
}

/* Tablet Content Optimizations */
@media (min-width: 768px) and (max-width: 1023px) {
    .section-header h2,
    .section-header h3 {
        font-size: 2.5rem !important;
    }
    
    .about p {
        font-size: 1.1rem !important;
    }
    
    .about-button li a {
        padding: 0.75rem 1.5rem;
        font-size: 1rem;
    }
    
    .schedule-tabs .nav-tabs li a {
        padding: 0.75rem 1rem;
        font-size: 0.9rem;
    }
    
    .speaker-content h6 {
        font-size: 1.3rem !important;
    }
    
    .newsletter p {
        font-size: 1.8rem !important;
    }
    
    .play-button {
        width: 70px;
        height: 70px;
    }
    
    .play-button i {
        font-size: 28px;
    }
}

/* ===================================
   5. MAP SECTION RESPONSIVENESS
   =================================== */

@media (max-width: 767px) {
    .home-map {
        height: 300px;
    }
    
    #home-map {
        height: 300px;
    }
}

@media (min-width: 768px) and (max-width: 1023px) {
    .home-map {
        height: 400px;
    }
    
    #home-map {
        height: 400px;
    }
}

/* ===================================
   6. FOOTER RESPONSIVENESS
   =================================== */

@media (max-width: 767px) {
    footer {
        text-align: center;
    }
    
    footer .footer-content {
        margin-bottom: 2rem;
    }
    
    footer .footer-content h4 {
        font-size: 1.3rem !important;
        margin-bottom: 1rem;
    }
    
    footer .footer-content p,
    footer .footer-content li {
        font-size: 0.9rem !important;
        line-height: 1.6 !important;
    }
    
    footer .social-links {
        justify-content: center;
        margin-top: 1rem;
    }
    
    footer .social-links li {
        margin: 0 0.5rem;
    }
}

/* ===================================
   7. UTILITY CLASSES FOR RESPONSIVE DESIGN
   =================================== */

/* Hide/Show Elements Based on Screen Size */
.hide-mobile {
    display: block;
}

.show-mobile {
    display: none;
}

@media (max-width: 767px) {
    .hide-mobile {
        display: none !important;
    }
    
    .show-mobile {
        display: block !important;
    }
}

/* Responsive Text Sizes */
.text-responsive-xs {
    font-size: 0.875rem;
}

.text-responsive-sm {
    font-size: 1rem;
}

.text-responsive-md {
    font-size: 1.125rem;
}

.text-responsive-lg {
    font-size: 1.25rem;
}

.text-responsive-xl {
    font-size: 1.5rem;
}

@media (max-width: 767px) {
    .text-responsive-xs {
        font-size: 0.75rem;
    }
    
    .text-responsive-sm {
        font-size: 0.875rem;
    }
    
    .text-responsive-md {
        font-size: 1rem;
    }
    
    .text-responsive-lg {
        font-size: 1.125rem;
    }
    
    .text-responsive-xl {
        font-size: 1.25rem;
    }
}

/* ===================================
   8. TOUCH-FRIENDLY INTERACTIONS
   =================================== */

@media (max-width: 767px) {
    /* Increase touch targets */
    button, 
    .btn,
    a {
        min-height: 44px;
        min-width: 44px;
    }
    
    /* Improve button spacing */
    .btn + .btn {
        margin-left: 0;
        margin-top: 0.5rem;
    }
    
    /* Better form inputs */
    input[type="email"],
    input[type="text"],
    input[type="password"],
    textarea,
    select {
        font-size: 16px !important; /* Prevents zoom on iOS */
        padding: 0.75rem !important;
        min-height: 44px;
    }
    
    /* Improve scrolling */
    .container {
        padding-left: 1rem;
        padding-right: 1rem;
    }
}

/* ===================================
   9. PERFORMANCE OPTIMIZATIONS
   =================================== */

/* Reduce animations on mobile for better performance */
@media (max-width: 767px) {
    * {
        animation-duration: 0.3s !important;
        transition-duration: 0.3s !important;
    }
    
    .cb-slideshow li span {
        animation-duration: 20s !important;
    }
    
    .cb-slideshow li div {
        animation-duration: 20s !important;
    }
}

/* ===================================
   10. ACCESSIBILITY IMPROVEMENTS
   =================================== */

/* Focus states for better accessibility */
@media (max-width: 767px) {
    a:focus,
    button:focus,
    input:focus,
    textarea:focus,
    select:focus {
        outline: 2px solid #ff6b35;
        outline-offset: 2px;
    }
    
    /* Better contrast for mobile */
    .text-muted {
        color: #6c757d !important;
    }
    
    /* Larger text for better readability */
    body {
        font-size: 16px;
    }
    
    h1, h2, h3, h4, h5, h6 {
        line-height: 1.3;
    }
}

/* ===================================
   11. LANDSCAPE ORIENTATION OPTIMIZATIONS
   =================================== */

@media (max-width: 767px) and (orientation: landscape) {
    .banner-seven {
        min-height: 100vh;
    }
    
    .seven-content-left {
        padding-top: 1rem !important;
    }
    
    .seven-content-right {
        margin-top: 1rem;
    }
    
    .seven-content-right .content {
        padding: 1rem !important;
    }
    
    .seven-content-right .counter {
        font-size: 2.5rem !important;
    }
    
    .seven-content-right .clock-item span {
        font-size: 1.2rem !important;
        height: 50px !important;
        width: 50px !important;
        line-height: 50px !important;
    }
}

/* ===================================
   12. HIGH DPI DISPLAY OPTIMIZATIONS
   =================================== */

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
    .navbar-brand img,
    .speaker-image img,
    .sponsor-item-inner img {
        image-rendering: -webkit-optimize-contrast;
        image-rendering: crisp-edges;
    }
}

/* ===================================
   13. PRINT STYLES
   =================================== */

@media print {
    .banner-seven,
    .cb-slideshow,
    .video-overlay,
    .play-button,
    .navbar,
    .newsletter,
    .video-modal {
        display: none !important;
    }
    
    body {
        font-size: 12pt;
        line-height: 1.4;
        color: #000;
        background: #fff;
    }
    
    .container {
        max-width: none;
        width: 100%;
    }
    
    h1, h2, h3, h4, h5, h6 {
        color: #000;
        page-break-after: avoid;
    }
    
    .section-header {
        page-break-before: always;
    }
}

/* ===================================
   14. DARK MODE SUPPORT
   =================================== */

@media (prefers-color-scheme: dark) {
    /* Dark mode styles for better mobile experience */
    .navbar-collapse {
        background: rgba(0,0,0,0.95);
    }
    
    .video-modal-content {
        background: #1a1a1a;
    }
}

/* ===================================
   15. REDUCED MOTION SUPPORT
   =================================== */

@media (prefers-reduced-motion: reduce) {
    *,
    *::before,
    *::after {
        animation-duration: 0.01ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: 0.01ms !important;
    }
    
    .cb-slideshow li span,
    .cb-slideshow li div {
        animation: none !important;
    }
}