.elementor-1818 .elementor-element.elementor-element-d3ed001{--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-1818 .elementor-element.elementor-element-9585147.xpro-widget-bg-overlay:before{transition:background 0.3s;}.elementor-1818 .elementor-element.elementor-element-84f8019{--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-1818 .elementor-element.elementor-element-6266779.xpro-widget-bg-overlay:before{transition:background 0.3s;}.elementor-1818 .elementor-element.elementor-element-002b107{--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-1818 .elementor-element.elementor-element-41dfab3.xpro-widget-bg-overlay:before{transition:background 0.3s;}/* Start custom CSS for html, class: .elementor-element-41dfab3 *//* Original CSS preserved, scoped to .needtools-image to avoid Elementor/theme overrides */
.needtools-image {
    --primary-color:#4581f7;--primary-hover:#3162c4;--text-color:#282f3a;
    --sub-text-color:#5a6474;--card-bg:#fff;--border-color:#e0e0e0;
    --shadow-subtle:rgba(0,0,0,.05);--light-bg:#f8fbff;--success-color:#00b894;
}
.needtools-image *{box-sizing:border-box;margin:0;padding:0}
.needtools-image body{
    font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;
    line-height:1.6;color:var(--text-color);background:#f9fafb;
}
.needtools-image .content-container{max-width:1200px;margin:0 auto;padding:20px}

/* HEADER ERASED */
.needtools-image .page-header{display:none !important}

.needtools-image .content-section{
    background:var(--card-bg);border-radius:12px;padding:30px;
    margin-bottom:30px;box-shadow:0 4px 12px var(--shadow-subtle);
    border:1px solid var(--border-color);
}
.needtools-image .section-title{
    font-size:1.8rem;color:var(--text-color);margin-bottom:20px;
    padding-bottom:10px;border-bottom:3px solid var(--primary-color);
    display:inline-block;
}
.needtools-image .feature-grid,.needtools-image .use-cases-grid,.needtools-image .compression-examples{
    display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));
    gap:20px;margin:25px 0;
}
.needtools-image .feature-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}
.needtools-image .feature-card,.needtools-image .use-case-card,.needtools-image .example-card{
    background:var(--card-bg);border-radius:10px;padding:25px 20px;
    border:1px solid var(--border-color);box-shadow:0 4px 8px var(--shadow-subtle);
    transition:transform .3s;text-align:center;
}
.needtools-image .example-card,.needtools-image .use-case-card{background:var(--light-bg)}
.needtools-image .use-case-card{
    display:flex;align-items:flex-start;text-align:left;
    border-left:4px solid var(--primary-color);
}
.needtools-image .feature-card:hover{transform:translateY(-5px)}
.needtools-image .feature-icon,.needtools-image .use-case-icon,.needtools-image .example-icon{
    font-size:2.5rem;color:var(--primary-color);margin-bottom:15px;
}
.needtools-image .use-case-icon,.needtools-image .example-icon{font-size:1.8rem;margin-right:15px;flex-shrink:0}
.needtools-image .example-stats{display:flex;justify-content:space-around;margin:15px 0}
.needtools-image .stat-value{font-size:1.2rem;font-weight:bold;color:var(--primary-color)}
.needtools-image .stat-label{font-size:.8rem;color:var(--sub-text-color);margin-top:4px}
.needtools-image .savings-badge{
    background:var(--success-color);color:white;padding:6px 12px;
    border-radius:20px;font-size:.9rem;font-weight:600;display:inline-block;
    margin-top:10px;
}
.needtools-image .steps-container{counter-reset:step-counter;margin:25px 0}
.needtools-image .step{display:flex;margin-bottom:25px;align-items:flex-start}
.needtools-image .step-number{
    background:var(--primary-color);color:white;width:36px;height:36px;
    border-radius:50%;display:flex;align-items:center;justify-content:center;
    font-weight:bold;margin-right:15px;flex-shrink:0;
}
.needtools-image .highlight-box{
    background:var(--light-bg);border:1px solid var(--primary-color);
    border-radius:10px;padding:20px;margin:25px 0;
}
.needtools-image .faq-item{
    margin-bottom:20px;border-bottom:1px solid var(--border-color);
    padding-bottom:20px;
}
.needtools-image .faq-question{
    font-size:1.1rem;font-weight:600;cursor:pointer;
    display:flex;justify-content:space-between;align-items:center;
    color:var(--text-color);
}
.needtools-image .faq-answer{color:var(--sub-text-color);line-height:1.6;display:none}
.needtools-image .cta-section{
    text-align:center;padding:40px 20px;background:var(--light-bg);
    border-radius:12px;margin-top:40px;border:1px solid var(--border-color);
}
.needtools-image .cta-button{
    display:inline-block;background:var(--primary-color);color:white;
    padding:12px 30px;border-radius:8px;text-decoration:none;
    font-weight:600;font-size:1.1rem;transition:.3s;
    box-shadow:0 4px 12px rgba(69,129,247,.3);
}
.needtools-image .cta-button:hover{
    background:var(--primary-hover);transform:translateY(-2px);
    box-shadow:0 6px 16px rgba(69,129,247,.4);
}
@media (max-width:768px){
    .needtools-image .content-section{padding:20px}
    .needtools-image .section-title{font-size:1.5rem}
    .needtools-image .feature-grid,.needtools-image .use-cases-grid,.needtools-image .compression-examples{grid-template-columns:1fr}
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-41dfab3 *//* Original CSS preserved, scoped to .needtools-image to avoid Elementor/theme overrides */
.needtools-image {
    --primary-color:#4581f7;--primary-hover:#3162c4;--text-color:#282f3a;
    --sub-text-color:#5a6474;--card-bg:#fff;--border-color:#e0e0e0;
    --shadow-subtle:rgba(0,0,0,.05);--light-bg:#f8fbff;--success-color:#00b894;
}
.needtools-image *{box-sizing:border-box;margin:0;padding:0}
.needtools-image body{
    font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;
    line-height:1.6;color:var(--text-color);background:#f9fafb;
}
.needtools-image .content-container{max-width:1200px;margin:0 auto;padding:20px}

/* HEADER ERASED */
.needtools-image .page-header{display:none !important}

.needtools-image .content-section{
    background:var(--card-bg);border-radius:12px;padding:30px;
    margin-bottom:30px;box-shadow:0 4px 12px var(--shadow-subtle);
    border:1px solid var(--border-color);
}
.needtools-image .section-title{
    font-size:1.8rem;color:var(--text-color);margin-bottom:20px;
    padding-bottom:10px;border-bottom:3px solid var(--primary-color);
    display:inline-block;
}
.needtools-image .feature-grid,.needtools-image .use-cases-grid,.needtools-image .compression-examples{
    display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));
    gap:20px;margin:25px 0;
}
.needtools-image .feature-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}
.needtools-image .feature-card,.needtools-image .use-case-card,.needtools-image .example-card{
    background:var(--card-bg);border-radius:10px;padding:25px 20px;
    border:1px solid var(--border-color);box-shadow:0 4px 8px var(--shadow-subtle);
    transition:transform .3s;text-align:center;
}
.needtools-image .example-card,.needtools-image .use-case-card{background:var(--light-bg)}
.needtools-image .use-case-card{
    display:flex;align-items:flex-start;text-align:left;
    border-left:4px solid var(--primary-color);
}
.needtools-image .feature-card:hover{transform:translateY(-5px)}
.needtools-image .feature-icon,.needtools-image .use-case-icon,.needtools-image .example-icon{
    font-size:2.5rem;color:var(--primary-color);margin-bottom:15px;
}
.needtools-image .use-case-icon,.needtools-image .example-icon{font-size:1.8rem;margin-right:15px;flex-shrink:0}
.needtools-image .example-stats{display:flex;justify-content:space-around;margin:15px 0}
.needtools-image .stat-value{font-size:1.2rem;font-weight:bold;color:var(--primary-color)}
.needtools-image .stat-label{font-size:.8rem;color:var(--sub-text-color);margin-top:4px}
.needtools-image .savings-badge{
    background:var(--success-color);color:white;padding:6px 12px;
    border-radius:20px;font-size:.9rem;font-weight:600;display:inline-block;
    margin-top:10px;
}
.needtools-image .steps-container{counter-reset:step-counter;margin:25px 0}
.needtools-image .step{display:flex;margin-bottom:25px;align-items:flex-start}
.needtools-image .step-number{
    background:var(--primary-color);color:white;width:36px;height:36px;
    border-radius:50%;display:flex;align-items:center;justify-content:center;
    font-weight:bold;margin-right:15px;flex-shrink:0;
}
.needtools-image .highlight-box{
    background:var(--light-bg);border:1px solid var(--primary-color);
    border-radius:10px;padding:20px;margin:25px 0;
}
.needtools-image .faq-item{
    margin-bottom:20px;border-bottom:1px solid var(--border-color);
    padding-bottom:20px;
}
.needtools-image .faq-question{
    font-size:1.1rem;font-weight:600;cursor:pointer;
    display:flex;justify-content:space-between;align-items:center;
    color:var(--text-color);
}
.needtools-image .faq-answer{color:var(--sub-text-color);line-height:1.6;display:none}
.needtools-image .cta-section{
    text-align:center;padding:40px 20px;background:var(--light-bg);
    border-radius:12px;margin-top:40px;border:1px solid var(--border-color);
}
.needtools-image .cta-button{
    display:inline-block;background:var(--primary-color);color:white;
    padding:12px 30px;border-radius:8px;text-decoration:none;
    font-weight:600;font-size:1.1rem;transition:.3s;
    box-shadow:0 4px 12px rgba(69,129,247,.3);
}
.needtools-image .cta-button:hover{
    background:var(--primary-hover);transform:translateY(-2px);
    box-shadow:0 6px 16px rgba(69,129,247,.4);
}
@media (max-width:768px){
    .needtools-image .content-section{padding:20px}
    .needtools-image .section-title{font-size:1.5rem}
    .needtools-image .feature-grid,.needtools-image .use-cases-grid,.needtools-image .compression-examples{grid-template-columns:1fr}
}/* End custom CSS */