.elementor-3876 .elementor-element.elementor-element-ff80c25{margin-top:10px;margin-bottom:10px;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-3876 .elementor-element.elementor-element-414ec0e{text-align:center;}.elementor-3876 .elementor-element.elementor-element-414ec0e .elementor-heading-title{font-family:"Poppins", Sans-serif;font-weight:600;color:#000000;}.elementor-3876 .elementor-element.elementor-element-4fade15{text-align:center;}.elementor-3876 .elementor-element.elementor-element-4fade15 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:14px;font-weight:400;color:#7A7A7A;}.elementor-3876 .elementor-element.elementor-element-c449169{width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;}@media(max-width:1024px){.elementor-3876 .elementor-element.elementor-element-4fade15 .elementor-heading-title{font-size:13px;}.elementor-3876 .elementor-element.elementor-element-c449169{--container-widget-width:1000px;--container-widget-flex-grow:0;width:var( --container-widget-width, 1000px );max-width:1000px;}}@media(max-width:767px){.elementor-3876 .elementor-element.elementor-element-c449169 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-3876 .elementor-element.elementor-element-c449169{--container-widget-width:832px;--container-widget-flex-grow:0;width:var( --container-widget-width, 832px );max-width:832px;}}/* Start custom CSS for html, class: .elementor-element-c449169 */.container .upload-section {
      background: linear-gradient(to right, #000001, #2c60a3);
        border-radius: 8px;
        padding: 2rem;
        text-align: center;
        margin-bottom: 2rem;
        cursor: pointer;
        transition: all 0.3s;
      }
        .container .upload-section p{
        color: white;
      }

       .container #fileInput {
        display: none;
      }

        .container .page-preview {
        display: grid;
        grid-template-columns: repeat(auto-fill, minmax(120px, 1fr));
        gap: 3rem;
        margin: 2rem 0;
      }

        .container .page-thumbnail {
        position: relative;
        border: 2px solid #ddd;
        border-radius: 4px;
        padding: 10px;
        text-align: center;
        cursor: pointer;
        transition: all 0.3s;
      }

       .container .page-thumbnail.selected {
        border-color: #e74c3c;
        background: #fff5f5;
      }

      .container .page-number {
        position: absolute;
        top: 5px;
        left: 5px;
        background: rgba(0, 0, 0, 0.7);
        color: white;
        padding: 2px 5px;
        border-radius: 3px;
        font-size: 0.8rem;
      }

      .container .controls {
        display: flex;
        justify-content: center;
        gap: 5px;
        margin-top: 2rem;
      }

       .container button {
        background: linear-gradient(to right, #2c60a3, #000001);
        color: white;
        border: none;
        padding: 12px 24px;
        border-radius: 5px;
        cursor: pointer;
        transition: all 0.3s;
      }

       .container .progress-bar {
        width: 100%;
        height: 8px;
        background: #eee;
        border-radius: 4px;
        margin: 1rem 0;
        overflow: hidden;
        display: none;
      }

        .container .progress {
        width: 0%;
        height: 100%;
        background: #2ecc71;
        transition: width 0.3s;
      }/* End custom CSS */