.card {
         padding: 20px;
         border-radius: 8px;
         margin: 2% 4% 4%;
         box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
         box-sizing: border-box;
     }

     .pdf-box {
         width: 100%;
         height: calc(100vh - 64px);
         display: flex;
         justify-content: center;
         align-items: center;
         background-color: #f5f5f5;
         overflow: auto;
         border-radius: 8px;
         box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
     }

     /* Ensure the iframe (or embedded PDF) scales well for mobile */
     iframe {
         width: 100%;
         height: 100%;
         border: none;
     }

     /* Optional: styling for mobile responsiveness */
     @media (max-width: 768px) {
         .pdf-box {
             height: calc(100vh - 48px);
         }
     }

     /* Fallback Styling */
     .fallback-message {
         font-size: 16px;
         text-align: center;
         color: #ff6f61;
         margin-top: 20px;
     }