@media print {
    @page {
        size: A4; /* or size: 21cm 29.7cm */
        margin: 5mm;
    }

    body {
        width: 100%;
        margin: 0;
        padding: 0;
        box-sizing: border-box;
    }

    .page-break {
        page-break-before: always;
    }
}


.bg-image {
    background: url('/Images/HomePageImage.png'); /* Adjust path as needed */
    background-repeat: no-repeat; /* use repeat-x for horizontal scroll */
    background-size: cover;
    background-position: center center;
    animation: scrollBackground 20s linear infinite;
    height: 100vh;
    width: 100%;
    position: fixed; /* or absolute */
    z-index: -1; /* keeps it behind other content */
    overflow-y: scroll;
}

@keyframes slide {
    from {
        background-position: 0 0;
    }

    to {
        background-position: 0 100%;
    }
}



.overlay-content::before {
    content:"";
    position: absolute;
    inset: 0;
    background-color: rgba(255, 255, 255, 0.6); /* Adjust alpha for strength */
    background-repeat: repeat-y; /* use repeat-x for horizontal scroll */
    animation: scrollBackground 20s linear infinite;
    height: 100vh;
    width: 100%;
    position: fixed; /* or absolute */
    z-index: -1;
}

.overlay-content {
    position: fixed;
    z-index: 0;
    background-size: cover;
    padding: 5rem 5rem 5rem 5rem;
    height: 100vh;
    overflow-x: clip;
    width: 100vw;
    overflow-y: scroll
}