.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-179 .elementor-element.elementor-element-518def7{text-align:center;}.elementor-179 .elementor-element.elementor-element-518def7 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:30px;font-weight:600;color:#333333;}.elementor-179 .elementor-element.elementor-element-7e6e8a1{text-align:center;}.elementor-179 .elementor-element.elementor-element-7e6e8a1 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:15px;font-weight:400;color:#9AA5AA;}/* Start custom CSS for html, class: .elementor-element-b655e53 */.container .upload-section {
     border: 2px dashed #aaa;  
        border-radius: 8px;
        padding: 2rem;
        text-align: center;
        margin-bottom: 2rem;
        cursor: pointer;
        transition: all 0.3s;
      }
        .container .upload-section p{
        color: black;
      }

       .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: #00bb88;
        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 */