/* General Styles */
        html {
            scroll-behavior: smooth;
        }

        body {
            font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
            overflow-x: hidden;
            color: #333;
        }

        .section-title {
            font-weight: 700;
            color: #1e3a2b;
            position: relative;
            display: inline-block;
        }

        .btn-primary {
            background-color: #2d5a42;
            border-color: #2d5a42;
        }

        .btn-primary:hover {
            background-color: #3a7356;
            border-color: #3a7356;
        }

        .btn-success {
            background-color: #2d5a42;
            border-color: #2d5a42;
        }

        .btn-success:hover {
            background-color: #3a7356;
            border-color: #3a7356;
        }

        .btn-outline-success {
            color: #2d5a42;
            border-color: #2d5a42;
        }

        .btn-outline-success:hover {
            background-color: #2d5a42;
            border-color: #2d5a42;
            color: white;
        }

        .text-success {
            color: #2d5a42 !important;
        }

        /* Homepage Specific Styles */
        .hero-section {
            padding: 120px 0;
            background-color: #1e3a2b;
            position: relative;
            min-height: 650px;
            display: flex;
            align-items: center;
            overflow: hidden;
        }

        .hero-bg-overlay {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: url('https://images.pexels.com/photos/7651836/pexels-photo-7651836.jpeg?auto=compress&cs=tinysrgb&w=1920') no-repeat center center;
            background-size: cover;
            opacity: 0.25;
            filter: brightness(0.9);
            z-index: 0;
        }

        .stat-hero {
            padding: 15px;
            border-radius: 10px;
            background-color: rgba(255, 255, 255, 0.1);
            backdrop-filter: blur(5px);
            margin: 0 5px;
        }

        .stats-section {
            padding: 60px 0;
        }

        .stat-card {
            transition: transform 0.3s ease;
        }

        .stat-card:hover {
            transform: translateY(-5px);
        }

        .about-section {
            padding: 80px 0;
        }

        .feature-icon {
            width: 50px;
            height: 50px;
            display: flex;
            align-items: center;
            justify-content: center;
            border-radius: 50%;
        }

        .candidates-section, .employers-section {
            padding: 80px 0;
        }

        .card {
            transition: transform 0.3s ease, box-shadow 0.3s ease;
        }

        .card:hover {
            transform: translateY(-5px);
            box-shadow: 0 10px 20px rgba(0,0,0,0.1) !important;
        }

        .testimonials-section {
            padding: 80px 0;
        }

        .testimonial-slider {
            padding: 20px 10px;
        }

        .testimonial-item {
            margin: 0 15px;
            transition: transform 0.3s ease;
        }

        .testimonial-item:hover {
            transform: translateY(-5px);
        }

        .companies-section {
            padding: 60px 0;
        }

        .company-logo-carousel {
            padding: 20px 0;
        }

        .logo-item {
            filter: grayscale(0%);
            opacity: 1;
            transition: all 0.3s ease;
        }

        .logo-item:hover {
            transform: translateY(-3px);
        }

        .final-cta-section {
            padding: 80px 0;
            background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);
        }

        .cta-card {
            transition: all 0.3s ease;
            border-radius: 15px;
            overflow: hidden;
            border: none;
        }

        .cta-card:hover {
            transform: translateY(-5px);
            box-shadow: 0 15px 30px rgba(0,0,0,0.1) !important;
        }

        .cta-card .btn-lg {
            padding: 12px 30px;
            border-radius: 50px;
            font-weight: 600;
            letter-spacing: 0.5px;
        }

        /* Registration Modal Styles */
        .modal-content {
            border-radius: 15px;
            overflow: hidden;
            border: none;
        }

        .modal-header {
            background-color: #00BF58;
            color: #ffffff;
            border: none;
            padding: 20px 30px;
        }

        .modal-body {
            padding: 30px;
        }

        .modal-title {
            font-weight: 600;
        }

        .nav-tabs {
            border-bottom: 2px solid #eee;
        }

        .nav-tabs .nav-link {
            border: none;
            color: #333;
            font-weight: 600;
            padding: 15px 20px;
        }

        .nav-tabs .nav-link.active {
            color: #00BF58;
            border-bottom: 3px solid #00BF58;
            background: transparent;
        }

        .toggle-password {
            cursor: pointer;
        }

        /* Header Styles */
        .site-header {
            height: 130px; /* Increased to accommodate larger logo */
            box-shadow: 0 2px 10px rgba(0,0,0,0.1);
            background-color: #fff;
            position: fixed;
            top: 0;
            left: 0;
            right: 0;
            z-index: 1000;
            transition: all 0.3s ease;
        }

        .site-header.sticky {
            height: 80px;
            box-shadow: 0 5px 15px rgba(0,0,0,0.1);
        }

        .site-header .navbar-brand img {
            height: 110px; /* Increased logo height */
            transition: height 0.3s ease;
        }

        .site-header.sticky .navbar-brand img {
            height: 60px;
        }

        /* Add padding to body to prevent content from hiding behind fixed header */
        body {
            padding-top: 130px;
        }

        /* Remove margin between main content and footer */
        .main-content {
            margin-bottom: 0;
        }

        .site-header .nav-link {
            color: #333;
            font-weight: 500;
            padding: 0.5rem 1rem;
            transition: color 0.3s ease;
        }

        .site-header .nav-link:hover {
            color: #2d5a42;
        }

        /* Registration Modal Styling */
        .nav-tabs .nav-link.active {
            color: #2d5a42;
            border-color: #dee2e6 #dee2e6 #fff;
        }

        .nav-tabs .nav-link:hover {
            border-color: #e9ecef #e9ecef #dee2e6;
            color: #3a7356;
        }

        .toggle-password {
            color: #2d5a42;
        }

        .toggle-password:hover {
            color: #3a7356;
        }

        .join-login-btn {
            background-color: #2d5a42;
            color: white;
            border-radius: 5px;
            padding: 0.5rem 1.5rem;
            font-weight: 500;
            transition: background-color 0.3s ease;
        }

        .join-login-btn:hover {
            background-color: #3a7356;
            color: white;
        }

        /* Footer Styles */
        .bg-dark-green {
            background-color: #1e3a2b; /* Darker warm green */
        }

        .border-light-green {
            border-color: #2d5a42 !important; /* Slightly lighter green for borders */
        }

        .footer {
            border-top: none;
        }

        .footer-logo {
            height: 60px;
            filter: brightness(1.2); /* Make logo slightly brighter on dark background */
        }

        .footer-heading {
            font-size: 18px;
            font-weight: 600;
            margin-bottom: 15px;
            color: #fff;
            text-transform: uppercase;
            letter-spacing: 1px;
        }

        .footer-text {
            color: #b8c9c1; /* Light green-gray text */
        }

        .footer-links {
            list-style: none;
            padding-left: 0;
        }

        .footer-links li {
            margin-bottom: 10px;
        }

        .footer-links a {
            color: #b8c9c1; /* Light green-gray text */
            text-decoration: none;
            transition: color 0.3s ease;
        }

        .footer-links a:hover {
            color: #6fcf97; /* Brighter green on hover */
            text-decoration: none;
        }

        .social-links {
            display: flex;
        }

        .social-icon {
            display: flex;
            align-items: center;
            justify-content: center;
            width: 36px;
            height: 36px;
            background-color: #2d5a42; /* Slightly lighter green */
            border-radius: 50%;
            color: #fff;
            transition: all 0.3s ease;
        }

        .social-icon:hover {
            background-color: #6fcf97; /* Brighter green on hover */
            color: #1e3a2b; /* Dark green text on hover */
        }

        .list-inline-item a {
            text-decoration: none;
            color: #b8c9c1; /* Light green-gray text */
            margin: 0 10px;
            transition: color 0.3s ease;
        }

        .list-inline-item a:hover {
            color: #6fcf97; /* Brighter green on hover */
            text-decoration: none;
        }

        /* Responsive Styles for Homepage */
        @media (max-width: 991px) {
            .hero-section {
                min-height: auto;
                padding: 60px 0;
                text-align: center;
            }

            .hero-section .btn {
                margin-bottom: 10px;
            }

            .stat-hero {
                margin-bottom: 15px;
            }

            .about-section,
            .candidates-section,
            .employers-section,
            .testimonials-section,
            .companies-section,
            .final-cta-section {
                padding: 50px 0;
                text-align: center;
            }

            .feature-item {
                text-align: left;
                margin-bottom: 20px;
            }

            .testimonial-item {
                margin: 0 5px;
            }

            .cta-card {
                margin-bottom: 30px;
            }
        }

        /* Mobile Menu Styles */
        @media (max-width: 991px) {
            .site-header {
                height: 80px;
            }

            .site-header .navbar-brand img {
                height: 60px;
            }

            body {
                padding-top: 80px;
            }

            .navbar-collapse {
                position: fixed;
                top: 0;
                right: -100%;
                width: 280px;
                height: 100vh;
                background-color: #fff;
                z-index: 1050; /* Higher than header */
                transition: all 0.3s ease;
                padding: 2rem 1rem;
                box-shadow: -5px 0 15px rgba(0,0,0,0.1);
                display: block !important;
                overflow-y: auto;
            }

            .navbar-collapse.show {
                right: 0;
            }

            .navbar-toggler {
                z-index: 1001;
                border: none;
            }

            .navbar-toggler:focus {
                box-shadow: none;
            }

            .navbar-nav {
                margin-top: 2rem;
            }

            .navbar-nav .nav-link {
                padding: 1rem 0;
                border-bottom: 1px solid #eee;
            }

            .mobile-close-btn {
                position: absolute;
                top: 1rem;
                right: 1rem;
                background: none;
                border: none;
                font-size: 1.5rem;
                cursor: pointer;
                color: #333;
            }

            .join-login-btn {
                margin-top: 1rem;
                width: 100%;
                text-align: center;
            }

            /* Footer mobile styles */
            .footer .text-md-end {
                text-align: center !important;
                margin-top: 10px;
            }

            .footer p {
                text-align: center;
            }

            .footer-logo {
                height: 50px;
                margin: 0 auto;
                display: block;
            }

            .footer-heading {
                margin-top: 20px;
                text-align: center;
                position: relative;
                padding-bottom: 10px;
            }

            .footer-heading:after {
                content: '';
                position: absolute;
                bottom: 0;
                left: 50%;
                transform: translateX(-50%);
                width: 40px;
                height: 2px;
                background-color: #6fcf97; /* Bright green underline */
            }

            .footer-links {
                text-align: center;
            }

            .social-links {
                justify-content: center;
                margin-bottom: 20px;
            }
        }