.elementor-471 .elementor-element.elementor-element-a917ab4{--display:flex;--min-height:0px;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-471 .elementor-element.elementor-element-a917ab4:not(.elementor-motion-effects-element-type-background), .elementor-471 .elementor-element.elementor-element-a917ab4 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-a76e3a9 );}.elementor-471 .elementor-element.elementor-element-0eb1546{--display:flex;--min-height:190px;--justify-content:center;--overlay-opacity:0.967;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}.elementor-471 .elementor-element.elementor-element-0eb1546:not(.elementor-motion-effects-element-type-background), .elementor-471 .elementor-element.elementor-element-0eb1546 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://wisertext.com/wp-content/uploads/2025/06/pattern-01.jpg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-471 .elementor-element.elementor-element-0eb1546::before, .elementor-471 .elementor-element.elementor-element-0eb1546 > .elementor-background-video-container::before, .elementor-471 .elementor-element.elementor-element-0eb1546 > .e-con-inner > .elementor-background-video-container::before, .elementor-471 .elementor-element.elementor-element-0eb1546 > .elementor-background-slideshow::before, .elementor-471 .elementor-element.elementor-element-0eb1546 > .e-con-inner > .elementor-background-slideshow::before, .elementor-471 .elementor-element.elementor-element-0eb1546 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:var( --e-global-color-a76e3a9 );--background-overlay:'';}.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-471 .elementor-element.elementor-element-4e46d5d{text-align:center;}.elementor-471 .elementor-element.elementor-element-4e46d5d .elementor-heading-title{font-family:"Poppins", Sans-serif;font-weight:600;color:#0373DD;}.elementor-471 .elementor-element.elementor-element-7d93d68{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-471 .elementor-element.elementor-element-ed2a163{--display:flex;}.elementor-471 .elementor-element.elementor-element-aa16914{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-471 .elementor-element.elementor-element-7fda661{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-471 .elementor-element.elementor-element-7fda661.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-471 .elementor-element.elementor-element-b08774c{--display:flex;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:var( --e-global-color-c8b5e3c );--border-color:var( --e-global-color-c8b5e3c );--padding-top:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-471 .elementor-element.elementor-element-cb38c5d{--display:flex;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;}.elementor-471 .elementor-element.elementor-element-cb38c5d.e-con{--align-self:flex-start;}.elementor-widget-loop-grid .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-loop-grid .elementor-pagination{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-loop-grid .e-load-more-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-471 .elementor-element.elementor-element-233140f{--grid-columns:1;--grid-row-gap:15px;--grid-column-gap:15px;}:root{--page-title-display:none;}@media(min-width:768px){.elementor-471 .elementor-element.elementor-element-7fda661{--width:100%;}.elementor-471 .elementor-element.elementor-element-b08774c{--width:70%;}.elementor-471 .elementor-element.elementor-element-cb38c5d{--width:31%;}}@media(max-width:1024px) and (min-width:768px){.elementor-471 .elementor-element.elementor-element-b08774c{--width:100%;}.elementor-471 .elementor-element.elementor-element-cb38c5d{--width:100%;}}@media(max-width:1024px){.elementor-471 .elementor-element.elementor-element-7fda661{--flex-wrap:wrap;}.elementor-471 .elementor-element.elementor-element-233140f{--grid-columns:2;}}@media(max-width:767px){.elementor-471 .elementor-element.elementor-element-4e46d5d .elementor-heading-title{font-size:34px;}.elementor-471 .elementor-element.elementor-element-b08774c{--padding-top:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}.elementor-471 .elementor-element.elementor-element-233140f{--grid-columns:1;}}/* Start custom CSS for html, class: .elementor-element-4a6f705 */#toolarea {
            width: 100%;
            max-width: 1200px;
            padding: 20px;
            background: white;
            border-radius: 16px;
            box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1);
            display: flex;
            flex-direction: column;
            align-items: center;
            height: 210px; /* Fixed height before upload */
            overflow: hidden;
            transition: height 0.3s ease;
        }
        .drag-drop {
            width: 100%;
            padding: 20px;
            border: 2px dashed #d1d5db;
            border-radius: 12px;
            text-align: center;
            background: #fafafa;
            margin-bottom: 10px;
            transition: all 0.3s ease;
            flex-grow: 1;
            display: flex;
            flex-direction: column;
            justify-content: center;
        }
        .drag-drop.active {
            border-color: #3b82f6;
            background: #eff6ff;
            transform: scale(1.02);
        }
        .upload-icon {
            font-size: 36px;
            color: #3b82f6;
            margin-bottom: 12px;
        }
        .drag-drop p {
            font-size: 18px;
            color: #374151;
            margin-bottom: 10px;
        }
        .drag-drop label {
            color: #3b82f6;
            cursor: pointer;
            font-weight: 600;
            font-size: 14px;
            transition: color 0.2s;
        }
        .drag-drop label:hover {
            color: #2563eb;
        }
        #pdf-upload {
            display: none;
        }
        #file-info {
            width: 100%;
            padding: 12px;
            background: #f9fafb;
            border-radius: 8px;
            margin-bottom: 20px;
            box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
            font-size: 14px;
            color: #4b5563;
        }
        #options {
            width: 100%;
            display: none;
            margin-bottom: 20px;
            text-align: center;
        }
        .btn {
            padding: 10px 20px;
            margin: 0 8px;
            border: none;
            border-radius: 8px;
            cursor: pointer;
            font-size: 14px;
            font-weight: 600;
            transition: all 0.3s;
            box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
        }
        .btn-primary {
            background: #3b82f6;
            color: white;
        }
        .btn-primary:hover {
            background: #2563eb;
            transform: translateY(-2px);
        }
        #conversion-progress {
            width: 100%;
            height: 6px;
            margin-top: 12px;
            border-radius: 4px;
            background: #e5e7eb;
            appearance: none;
        }
        #conversion-progress::-webkit-progress-bar {
            background: #e5e7eb;
            border-radius: 4px;
        }
        #conversion-progress::-webkit-progress-value {
            background: #3b82f6;
            border-radius: 4px;
        }
        #pages {
            width: 100%;
            display: grid;
            grid-template-columns: repeat(4, 1fr); /* Fixed 4 images per row */
            gap: 16px;
            margin-bottom: 20px;
            padding: 10px 0;
            display: none; /* Hidden until conversion */
        }
        .page-container {
            background: white;
            padding: 8px;
            border-radius: 8px;
            box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
            transition: transform 0.2s;
        }
        .page-container:hover {
            transform: translateY(-4px);
        }
        .pageNumber {
            text-align: center;
            margin-bottom: 6px;
            font-weight: 600;
            color: #1f2937;
            font-size: 12px;
        }
        .page {
            width: 100%;
            border-radius: 4px;
            border: 1px solid #e5e7eb;
        }
        #error-message {
            color: #dc2626;
            text-align: center;
            margin: 12px 0;
            display: none;
            font-size: 14px;
        }
        #pagination {
            display: none;
            text-align: center;
            margin-top: 20px;
            margin-bottom: 20px;
        }
        .pagination-btn {
            padding: 8px 16px;
            margin: 0 4px;
            background: #f3f4f6;
            border: none;
            border-radius: 6px;
            cursor: pointer;
            font-size: 14px;
            transition: all 0.3s;
        }
        .pagination-btn:hover {
            background: #e5e7eb;
            transform: translateY(-1px);
        }
        .pagination-btn:disabled {
            background: #e5e7eb;
            cursor: not-allowed;
            opacity: 0.6;
        }
        #post-conversion-options {
            display: none;
            width: 100%;
            text-align: center;
            margin-top: 20px;
        }
        @media (max-width: 768px) {
            #toolarea {
                padding: 15px;
            }
            .drag-drop {
                padding: 15px;
            }
            .btn {
                padding: 8px 16px;
                font-size: 12px;
            }
            #pages {
                grid-template-columns: 1fr; /* Stack images vertically on small screens */
            }
        }/* End custom CSS */