
        #show-pdf-button {
            width: 150px;
            display: block;
            margin: 20px auto;
            background: linear-gradient(120deg, #ff5b5b, #ff3b3b);
            border: 1px solid #ff4f4f;
            color: #fff;
        }

        #file-to-upload {
            display: none;
        }

        #pdf-main-container {
            width: 400px;
            margin: 20px auto;
            background: #0f1622;
            border: 1px solid #243041;
            border-radius: 12px;
            padding: 14px;
        }

        #pdf-loader {
            display: none;
            text-align: center;
            color: #9eabc1;
            font-size: 13px;
            line-height: 100px;
            height: 100px;
        }

        #pdf-contents {
            display: none;
        }

        #pdf-meta {
            overflow: hidden;
            margin: 0 0 20px 0;
        }

      
        #page-count-container {
            float: right;
        }

        #pdf-current-page {
            display: inline;
        }

        #pdf-total-pages {
            display: inline;
        }

        #pdf-canvas {
            border: 1px solid #243041;
            box-sizing: border-box;
            background: #0b111b;
        }

        #page-loader {
            height: 100px;
            line-height: 100px;
            text-align: center;
            display: none;
            color: #9eabc1;
            font-size: 13px;
        }
        #pdf-input {
            display: none;
          }
        
          #file-input-label {
            display: inline-block;
            width: 80%;
            height: 250px;
            
            background: linear-gradient(135deg, #131d2c, #0d1420);
            border: 1px solid #243041;
            background-size: cover;
            background-position: center;
            text-align: center;
            line-height: 250px;
            cursor: pointer;
            color: #fff;
            position: relative;
        }
        
        #file-input-label::before {
          content: "";
          position: absolute;
          top: -15px;
          left: -15px;
          right: -15px;
          bottom: -15px;
                    border: 2px dashed #3a465b;
          cursor: pointer;
        }

                @media (max-width: 768px) {
                        #pdf-main-container {
                                width: 100%;
                                margin: 12px auto;
                        }

                        #file-input-label {
                                width: 100%;
                                height: 210px;
                                line-height: 210px;
                        }
                }
        
    