/******--- pdf hosting- added ---****/
#pdfreader {
    display: block;
    width: 90%;
    max-width: 1000px;
    position: relative;
    height: auto;
    margin: 0 auto;
}

    #pdfreader object {
        height: 800px; /* Set your desired height here */
        width: 100%;
    }

#mobile-fallback {
    display: none;
    text-align: center;
    margin-top: 1em;
}

/* On screens smaller than 768px: hide PDF, show fallback */
@media screen and (max-width: 768px) {
    #pdfreader {
        display: none !important;
        height: 0;
        overflow: hidden;
    }

    #mobile-fallback {
        display: block;
    }
}
mark {
    background-color: yellow; /* Or any other color like #FFFF00 for yellow */
    color: black; /* Optional: Change text color for better contrast */
}