.elementor-widget-section .premium-global-badge-{{ID}} .premium-badge-container{background-color:var( --e-global-color-primary );}.elementor-widget-section .premium-global-badge-{{ID}} .premium-badge-text{color:var( --e-global-color-secondary );}.elementor-widget-section .premium-global-badge-{{ID}} .premium-badge-icon{color:var( --e-global-color-secondary );fill:var( --e-global-color-secondary );}.elementor-widget-section .premium-global-cursor-{{ID}}{color:var( --e-global-color-primary );fill:var( --e-global-color-primary );}.elementor-widget-section.premium-cursor-ftext .premium-global-cursor-{{ID}} .premium-cursor-follow-text{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-column .premium-global-badge-{{ID}} .premium-badge-container{background-color:var( --e-global-color-primary );}.elementor-widget-column .premium-global-cursor-{{ID}}{color:var( --e-global-color-primary );fill:var( --e-global-color-primary );}.elementor-widget-column.premium-cursor-ftext .premium-global-cursor-{{ID}} .premium-cursor-follow-text{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-column .premium-global-badge-{{ID}} .premium-badge-text{color:var( --e-global-color-secondary );}.elementor-widget-column .premium-global-badge-{{ID}} .premium-badge-icon{color:var( --e-global-color-secondary );fill:var( --e-global-color-secondary );}.elementor-widget-icon .premium-global-badge-{{ID}} .premium-badge-container{background-color:var( --e-global-color-primary );}.elementor-widget-icon .premium-global-cursor-{{ID}}{color:var( --e-global-color-primary );fill:var( --e-global-color-primary );}.elementor-widget-icon.premium-cursor-ftext .premium-global-cursor-{{ID}} .premium-cursor-follow-text{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-icon .premium-global-badge-{{ID}} .premium-badge-text{color:var( --e-global-color-secondary );}.elementor-widget-icon .premium-global-badge-{{ID}} .premium-badge-icon{color:var( --e-global-color-secondary );fill:var( --e-global-color-secondary );}.elementor-widget-icon.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-primary );}.elementor-widget-icon.elementor-view-framed .elementor-icon, .elementor-widget-icon.elementor-view-default .elementor-icon{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-widget-icon.elementor-view-framed .elementor-icon, .elementor-widget-icon.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-primary );}.elementor-3905 .elementor-element.elementor-element-cc73986 .elementor-icon-wrapper{text-align:left;}.elementor-widget-icon-list .premium-global-badge-{{ID}} .premium-badge-container{background-color:var( --e-global-color-primary );}.elementor-widget-icon-list .premium-global-cursor-{{ID}}{color:var( --e-global-color-primary );fill:var( --e-global-color-primary );}.elementor-widget-icon-list.premium-cursor-ftext .premium-global-cursor-{{ID}} .premium-cursor-follow-text{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-icon-list .premium-global-badge-{{ID}} .premium-badge-text{color:var( --e-global-color-secondary );}.elementor-widget-icon-list .premium-global-badge-{{ID}} .premium-badge-icon{color:var( --e-global-color-secondary );fill:var( --e-global-color-secondary );}.elementor-widget-icon-list .elementor-icon-list-item:not(:last-child):after{border-color:var( --e-global-color-text );}.elementor-widget-icon-list .elementor-icon-list-icon i{color:var( --e-global-color-primary );}.elementor-widget-icon-list .elementor-icon-list-icon svg{fill:var( --e-global-color-primary );}.elementor-widget-icon-list .elementor-icon-list-item > .elementor-icon-list-text, .elementor-widget-icon-list .elementor-icon-list-item > a{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-icon-list .elementor-icon-list-text{color:var( --e-global-color-secondary );}.elementor-3905 .elementor-element.elementor-element-5803c15 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-3905 .elementor-element.elementor-element-5803c15 .elementor-icon-list-icon i{transition:color 0.3s;}.elementor-3905 .elementor-element.elementor-element-5803c15 .elementor-icon-list-icon svg{transition:fill 0.3s;}.elementor-3905 .elementor-element.elementor-element-5803c15{--e-icon-list-icon-size:14px;--icon-vertical-offset:0px;}.elementor-3905 .elementor-element.elementor-element-5803c15 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-3905 .elementor-element.elementor-element-5803c15 .elementor-icon-list-item > a{font-family:"Poppins", Sans-serif;font-size:15px;font-weight:500;}.elementor-3905 .elementor-element.elementor-element-5803c15 .elementor-icon-list-text{color:var( --e-global-color-text );transition:color 0.3s;}.elementor-3905 .elementor-element.elementor-element-d96a0c0{margin-top:30px;margin-bottom:30px;}.elementor-3905 .elementor-element.elementor-element-af2db81:not(.elementor-motion-effects-element-type-background) > .elementor-widget-wrap, .elementor-3905 .elementor-element.elementor-element-af2db81 > .elementor-widget-wrap > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-3905 .elementor-element.elementor-element-af2db81 > .elementor-element-populated, .elementor-3905 .elementor-element.elementor-element-af2db81 > .elementor-element-populated > .elementor-background-overlay, .elementor-3905 .elementor-element.elementor-element-af2db81 > .elementor-background-slideshow{border-radius:10px 10px 10px 10px;}.elementor-3905 .elementor-element.elementor-element-af2db81 > .elementor-element-populated{box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:20px 100px 20px 100px;}.elementor-3905 .elementor-element.elementor-element-af2db81 > .elementor-element-populated > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-widget-html .premium-global-badge-{{ID}} .premium-badge-container{background-color:var( --e-global-color-primary );}.elementor-widget-html .premium-global-cursor-{{ID}}{color:var( --e-global-color-primary );fill:var( --e-global-color-primary );}.elementor-widget-html.premium-cursor-ftext .premium-global-cursor-{{ID}} .premium-cursor-follow-text{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-html .premium-global-badge-{{ID}} .premium-badge-text{color:var( --e-global-color-secondary );}.elementor-widget-html .premium-global-badge-{{ID}} .premium-badge-icon{color:var( --e-global-color-secondary );fill:var( --e-global-color-secondary );}.elementor-3905 .elementor-element.elementor-element-5d688fc{margin-top:50px;margin-bottom:50px;}.elementor-widget-heading .premium-global-badge-{{ID}} .premium-badge-container{background-color:var( --e-global-color-primary );}.elementor-widget-heading .premium-global-cursor-{{ID}}{color:var( --e-global-color-primary );fill:var( --e-global-color-primary );}.elementor-widget-heading.premium-cursor-ftext .premium-global-cursor-{{ID}} .premium-cursor-follow-text{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-heading .premium-global-badge-{{ID}} .premium-badge-text{color:var( --e-global-color-secondary );}.elementor-widget-heading .premium-global-badge-{{ID}} .premium-badge-icon{color:var( --e-global-color-secondary );fill:var( --e-global-color-secondary );}.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-widget-text-editor .premium-global-badge-{{ID}} .premium-badge-container{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor .premium-global-cursor-{{ID}}{color:var( --e-global-color-primary );fill:var( --e-global-color-primary );}.elementor-widget-text-editor.premium-cursor-ftext .premium-global-cursor-{{ID}} .premium-cursor-follow-text{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-text-editor .premium-global-badge-{{ID}} .premium-badge-text{color:var( --e-global-color-secondary );}.elementor-widget-text-editor .premium-global-badge-{{ID}} .premium-badge-icon{color:var( --e-global-color-secondary );fill:var( --e-global-color-secondary );}.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-3905 .elementor-element.elementor-element-5e4989c{font-family:"Poppins", Sans-serif;font-weight:400;}.elementor-3905 .elementor-element.elementor-element-088c020{font-family:"Poppins", Sans-serif;font-weight:400;}@media(max-width:767px){.elementor-3905 .elementor-element.elementor-element-af2db81 > .elementor-element-populated{margin:0px 5px 0px 5px;--e-column-margin-right:5px;--e-column-margin-left:5px;padding:10px 10px 10px 10px;}.elementor-3905 .elementor-element.elementor-element-5e4989c{font-size:14px;}.elementor-3905 .elementor-element.elementor-element-088c020{font-size:14px;}}/* Start custom CSS for html, class: .elementor-element-96bd28d */:root {
            --primary: #4361ee;
            --secondary: #3f37c9;
            --accent: #4895ef;
            --light: #f8f9fa;
            --dark: #212529;
            --success: #4cc9f0;
            --danger: #f72585;
            --border-radius: 12px;
            --box-shadow: 0 8px 20px rgba(0, 0, 0, 0.1);
        }
        

        
        
        .upload-area {
            border: 2px dashed #ccc;
            border-radius: var(--border-radius);
            padding: 40px 20px;
            margin-bottom: 30px;
            cursor: pointer;
            transition: all 0.3s ease;
            position: relative;
        }
        
        .upload-area:hover {
            border-color: var(--accent);
            background-color: rgba(72, 149, 239, 0.05);
        }
        
        .upload-area.active {
            border-color: var(--success);
            background-color: rgba(76, 201, 240, 0.05);
        }
        
        .upload-icon {
            font-size: 48px;
            color: var(--primary);
            margin-bottom: 15px;
            text-align: center;
        }
        
        .upload-text {
            font-size: 18px;
            color: var(--dark);
            margin-bottom: 10px;
            text-align: center;
        }
        
        .upload-hint {
            font-size: 14px;
            color: #6c757d;
            text-align: center;
        }
        
        #file-input {
            display: none;
        }
        
        .compression-controls {
            display: none;
            margin-bottom: 30px;
        }
        
        .compression-controls.active {
            display: block;
        }
        
        .slider-container {
            margin-bottom: 20px;
        }
        
        .slider-header {
            display: flex;
            justify-content: space-between;
            margin-bottom: 10px;
        }
        
        .slider-label {
            font-weight: 600;
            color: var(--dark);
        }
        
        .slider-value {
            color: var(--primary);
            font-weight: 600;
        }
        
        .slider {
            width: 100%;
            height: 8px;
            -webkit-appearance: none;
            appearance: none;
            background: #e9ecef;
            outline: none;
            border-radius: 10px;
        }
        
        .slider::-webkit-slider-thumb {
            -webkit-appearance: none;
            appearance: none;
            width: 20px;
            height: 20px;
            border-radius: 50%;
            background: var(--primary);
            cursor: pointer;
            transition: all 0.2s ease;
        }
        
        .slider::-webkit-slider-thumb:hover {
            transform: scale(1.1);
            background: var(--secondary);
        }
        
        .preset-buttons {
            display: flex;
            gap: 10px;
            margin-top: 15px;
        }
        
        .preset-btn {
            flex: 1;
            padding: 8px;
            border: 1px solid #dee2e6;
            background-color: white;
            border-radius: 6px;
            color: var(--dark);
            cursor: pointer;
            transition: all 0.2s ease;
            font-size: 14px;
        }
        
        .preset-btn:hover {
            border-color: var(--accent);
            color: var(--primary);
        }
        
        .preset-btn.active {
            background-color: var(--primary);
            color: white;
            border-color: var(--primary);
        }
        
        .action-btn {
            background-color: var(--primary);
            color: white;
            border: none;
            border-radius: var(--border-radius);
            padding: 12px 30px;
            font-size: 16px;
            font-weight: 600;
            cursor: pointer;
            transition: all 0.3s ease;
            width: 100%;
            margin-bottom: 10px;
        }
        
        .action-btn:hover {
            background-color: var(--secondary);
            transform: translateY(-2px);
        }
        
        .action-btn:disabled {
            background-color: #ccc;
            cursor: not-allowed;
            transform: none;
        }
        
        .select-btn {
            background-color: white;
            color: var(--primary);
            border: 1px solid var(--primary);
            border-radius: var(--border-radius);
            padding: 10px 20px;
            font-size: 14px;
            font-weight: 600;
            cursor: pointer;
            transition: all 0.3s ease;
            display: block;
            margin: 0 auto;
        }
        
        .select-btn:hover {
            background-color: rgba(67, 97, 238, 0.1);
        }
        
        /* Image grid styles */
        .results-container {
            display: none;
            margin-top: 20px;
        }
        
        .results-container.active {
            display: block;
        }
        
        .image-list {
            display: grid;
            grid-template-columns: repeat(auto-fill, minmax(350px, 1fr));
            gap: 20px;
            margin-top: 20px;
        }
        
        .image-item {
            display: flex;
            background-color: #f8f9fa;
            border-radius: var(--border-radius);
            overflow: hidden;
            box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
        }
        
        .image-preview-container {
            width: 150px;
            height: 150px;
            padding: 10px;
            display: flex;
            align-items: center;
            justify-content: center;
            background-color: white;
        }
        
        .image-preview {
            max-width: 100%;
            max-height: 100%;
            object-fit: contain;
        }
        
        .image-details {
            flex: 1;
            padding: 15px;
            display: flex;
            flex-direction: column;
        }
        
        .image-info {
            font-size: 13px;
            color: var(--dark);
            margin-bottom: 10px;
        }
        
        .image-info div {
            margin-bottom: 5px;
            display: flex;
            justify-content: space-between;
        }
        
        .image-info span:first-child {
            font-weight: 600;
        }
        
        .download-btn {
            background-color: var(--success);
            color: white;
            border: none;
            border-radius: var(--border-radius);
            padding: 8px 15px;
            font-size: 14px;
            font-weight: 600;
            cursor: pointer;
            transition: all 0.3s ease;
            width: 100%;
            margin-top: auto;
        }
        
        .download-btn:hover {
            background-color: #3aa8d8;
        }
        
        .status-badge {
            padding: 4px 8px;
            border-radius: 4px;
            font-size: 12px;
            font-weight: 600;
        }
        
        .status-pending {
            background-color: #fff3cd;
            color: #856404;
        }
        
        .status-processing {
            background-color: #cce5ff;
            color: #004085;
        }
        
        .status-complete {
            background-color: #d4edda;
            color: #155724;
        }
        
        .status-error {
            background-color: #f8d7da;
            color: #721c24;
        }
        
        .file-count {
            text-align: center;
            margin-bottom: 15px;
            font-size: 14px;
            color: #6c757d;
        }
        
        .progress-container {
            width: 100%;
            background-color: #e9ecef;
            border-radius: var(--border-radius);
            margin: 15px 0;
            height: 10px;
            overflow: hidden;
        }
        
        .progress-bar {
            height: 100%;
            background-color: var(--primary);
            width: 0%;
            transition: width 0.3s ease;
        }
        
        .progress-text {
            text-align: center;
            font-size: 14px;
            color: var(--dark);
            margin-bottom: 15px;
        }
        
        .bulk-actions {
            display: flex;
            gap: 10px;
            margin-top: 20px;
        }
        
        .bulk-btn {
            flex: 1;
            padding: 12px;
            border: none;
            border-radius: var(--border-radius);
            font-size: 16px;
            font-weight: 600;
            cursor: pointer;
            transition: all 0.3s ease;
        }
        
        .download-all-btn {
            background-color: var(--success);
            color: white;
        }
        
        .download-all-btn:hover {
            background-color: #3aa8d8;
        }
        
        .clear-all-btn {
            background-color: var(--danger);
            color: white;
        }
        
        .clear-all-btn:hover {
            background-color: #e01a5e;
        }/* End custom CSS */