.hero {
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;

        height: 40vh;
        min-height: 150px;

        display: flex;
        align-items: center;
        justify-content: center;
        color: white;
        text-align: center;
    }

    .hero h1 {
        font-size: 3.2rem;
        font-weight: 700;
        text-shadow: 0 3px 10px rgba(0,0,0,0.4);
    }

    @media (max-width: 991px) {
        .main-contain {
            display: flex;
            flex-direction: column-reverse;
        }
        .sidebar-box {
        margin-bottom: 25px;

        }
    }

    /* Scroll Animations */
    .fade-in {
        /* opacity: 0; */
        transform: translateY(40px);
        transition: all 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    }

    .fade-in.visible {
        opacity: 1;
        transform: translateY(0);
    }

    .sidebar-box {
        z-index: 1000;
        background: #f8f9fa;
        border-left: 5px solid var(--accent-green);
    }

    table {
        font-size: 0.95rem;
    }

    @media (max-width: 768px) {
        .hero h1 { font-size: 2.2rem; }
    }