.nav-toggle {
    /**
    Fixes the burger menu on iOS!
    **/
    padding: 0;
}

@media screen and (min-width: 768px) {
    .hero h1 {
        max-width: 630px;
    }
}

.error {
  display: block !important;
  color: red !important;
  margin-top: 5px;
}

/* Responsive container for PDF viewer */
        #pdf-viewer-container {
            width: 100%;
            max-width: 1000px; /* Adjust maximum width as per your design */
            margin: 0 auto; /* Center align */
        }

        /* Responsive PDF viewer */
        #pdf-viewer {
            width: 100%;
            height: 100vh; /* 100% of viewport height */
            max-height: 800px; /* Maximum height, adjust as needed */
            overflow: auto;
        }