/*jpg to gif starts*/

    .InnobudsImgJpgToGif-container {  max-width: 800px; margin: 30px auto; padding: 20px; background: #f9f9f9; border-radius: 10px; box-shadow: 0 0 12px rgba(0, 0, 0, 0.1); text-align: center; }
    .InnobudsImgJpgToGif-container h2 { margin-bottom: 16px; color: #333; }

    .InnobudsImgJpgToGif-dropzone { border: 2px dashed #f39c12; padding: 55px; margin-bottom: 16px; background: #fff; cursor: pointer; border-radius: 8px; transition: background 0.3s; }
    .InnobudsImgJpgToGif-dropzone:hover { background: #fff9f0; }
    .InnobudsImgJpgToGif-dropzone p { margin: 0; color: #555; font-size: 16px; }

    #InnobudsImgJpgToGifDropZone p{text-align:center!important;}
    .InnobudsImgJpgToGif-dropzone input { display: none; }

    .InnobudsImgJpgToGif-preview img { width: 100%; height: auto; max-height: 200px; object-fit: contain; border-radius: 6px; margin-bottom: 12px; border: 1px solid #ddd; }

    .InnobudsImgJpgToGifdownload-btn{ background:#3c75cc !important; }
    .InnobudsImgJpgToGif-btn { display:inline-block; padding:10px 18px; margin:6px 4px 0; text-decoration:none; background:#f39c12; color:#fff; border:none; border-radius:5px; cursor:pointer; font-size:15px; transition:background 0.3s; }
    .InnobudsImgJpgToGif-btn:hover { background:#d98c0e; }

    .InnobudsImgJpgToGif-error { color:red; font-size:14px; margin-top:8px; }

    @media (max-width:520px){
      .InnobudsImgJpgToGif-container{padding:16px;}
      .InnobudsImgJpgToGif-dropzone{padding:50px;}
    }
    /*jpg to gif ends*/
    /*jpg to bmp starts*/

    .InnobudsImgJpgToBmp-container{font-family:Arial,sans-serif;max-width:800px;margin:30px auto;padding:20px;background:#f9f9f9;border-radius:10px;box-shadow:0 0 12px rgba(0,0,0,0.1);text-align:center;}
    .InnobudsImgJpgToBmp-container h2{margin-bottom:16px;color:#333;}

    .InnobudsImgJpgToBmp-dropzone{border:2px dashed #27ae60;padding:55px;margin-bottom:16px;background:#fff;cursor:pointer;border-radius:8px;transition:background .3s;}
    .InnobudsImgJpgToBmp-dropzone:hover{background:#f1fff5;}
    .InnobudsImgJpgToBmp-dropzone p{margin:0;color:#555;font-size:16px;}

    #InnobudsImgJpgToBmpDropZone p{text-align:center!important;}
    .InnobudsImgJpgToBmp-dropzone input{display:none;}

    .InnobudsImgJpgToBmp-preview img{width:100%;height:auto;max-height:200px;object-fit:contain;border-radius:6px;margin-bottom:12px;border:1px solid #ddd;}

    .InnobudsImgJpgToBmpdownload-btn{background:#3c75cc!important;}
    .InnobudsImgJpgToBmp-btn{display:inline-block;padding:10px 18px;margin:6px 4px 0;text-decoration:none;background:#27ae60;color:#fff;border:none;border-radius:5px;cursor:pointer;font-size:15px;transition:background .3s;}
    .InnobudsImgJpgToBmp-btn:hover{background:#1e8b4d;}

    .InnobudsImgJpgToBmp-error{color:red;font-size:14px;margin-top:8px;}

    @media(max-width:520px){
        .InnobudsImgJpgToBmp-container{padding:16px;}
        .InnobudsImgJpgToBmp-dropzone{padding:50px;}
    }
    /*jpg to bmp ends*/
    /*jpg to tiff starts*/

    .InnobudsImgJpgToTiff-container{font-family:Arial,sans-serif;max-width:800px;margin:30px auto;padding:20px;background:#f9f9f9;border-radius:10px;box-shadow:0 0 12px rgba(0,0,0,0.1);text-align:center;}
    .InnobudsImgJpgToTiff-container h2{margin-bottom:16px;color:#333;}

    .InnobudsImgJpgToTiff-dropzone{border:2px dashed #27ae60;padding:55px;margin-bottom:16px;background:#fff;cursor:pointer;border-radius:8px;transition:background .3s;}
    .InnobudsImgJpgToTiff-dropzone:hover{background:#f1fff5;}
    .InnobudsImgJpgToTiff-dropzone p{margin:0;color:#555;font-size:16px;}

    #InnobudsImgJpgToTiffDropZone p{text-align:center!important;}
    .InnobudsImgJpgToTiff-dropzone input{display:none;}

    .InnobudsImgJpgToTiff-preview img{width:100%;height:auto;max-height:200px;object-fit:contain;border-radius:6px;margin-bottom:12px;border:1px solid #ddd;}

    .InnobudsImgJpgToTiffdownload-btn{background:#3c75cc!important;}
    .InnobudsImgJpgToTiff-btn{display:inline-block;padding:10px 18px;margin:6px 4px 0;text-decoration:none;background:#27ae60;color:#fff;border:none;border-radius:5px;cursor:pointer;font-size:15px;transition:background .3s;}
    .InnobudsImgJpgToTiff-btn:hover{background:#1e8b4d;}

    .InnobudsImgJpgToTiff-error{color:red;font-size:14px;margin-top:8px;}

    @media(max-width:520px){
        .InnobudsImgJpgToTiff-container{padding:16px;}
        .InnobudsImgJpgToTiff-dropzone{padding:50px;}
    }
    /*jpg to tiff ends*/
    /*jpg to svg starts*/

    .InnobudsImgJpgToSvg-container{font-family:Arial,sans-serif;max-width:800px;margin:30px auto;padding:20px;background:#f9f9f9;border-radius:10px;box-shadow:0 0 12px rgba(0,0,0,0.1);text-align:center;}
    .InnobudsImgJpgToSvg-container h2{margin-bottom:16px;color:#333;}

    .InnobudsImgJpgToSvg-dropzone{border:2px dashed #27ae60;padding:55px;margin-bottom:16px;background:#fff;cursor:pointer;border-radius:8px;transition:background .3s;}
    .InnobudsImgJpgToSvg-dropzone:hover{background:#f1fff5;}
    .InnobudsImgJpgToSvg-dropzone p{margin:0;color:#555;font-size:16px;}

    #InnobudsImgJpgToSvgDropZone p{text-align:center!important;}
    .InnobudsImgJpgToSvg-dropzone input{display:none;}

    .InnobudsImgJpgToSvg-preview img{width:100%;height:auto;max-height:200px;object-fit:contain;border-radius:6px;margin-bottom:12px;border:1px solid #ddd;}

    .InnobudsImgJpgToSvgdownload-btn{background:#3c75cc!important;}
    .InnobudsImgJpgToSvg-btn{display:inline-block;padding:10px 18px;margin:6px 4px 0;text-decoration:none;background:#27ae60;color:#fff;border:none;border-radius:5px;cursor:pointer;font-size:15px;transition:background .3s;}
    .InnobudsImgJpgToSvg-btn:hover{background:#1e8b4d;}

    .InnobudsImgJpgToSvg-error{color:red;font-size:14px;margin-top:8px;}

    @media(max-width:520px){
        .InnobudsImgJpgToSvg-container{padding:16px;}
        .InnobudsImgJpgToSvg-dropzone{padding:50px;}
    }
    /*jpg to svg ends*/
    /*jpg to avif starts*/

    .InnobudsImgJpgToAvif-container{font-family:Arial,sans-serif;max-width:800px;margin:30px auto;padding:20px;background:#f9f9f9;border-radius:10px;box-shadow:0 0 12px rgba(0,0,0,0.1);text-align:center;}
    .InnobudsImgJpgToAvif-container h2{margin-bottom:16px;color:#333;}

    .InnobudsImgJpgToAvif-dropzone{border:2px dashed #27ae60;padding:55px;margin-bottom:16px;background:#fff;cursor:pointer;border-radius:8px;transition:background .3s;}
    .InnobudsImgJpgToAvif-dropzone:hover{background:#f1fff5;}
    .InnobudsImgJpgToAvif-dropzone p{margin:0;color:#555;font-size:16px;}

    #InnobudsImgJpgToAvifDropZone p{text-align:center!important;}
    .InnobudsImgJpgToAvif-dropzone input{display:none;}

    .InnobudsImgJpgToAvif-preview img{width:100%;height:auto;max-height:200px;object-fit:contain;border-radius:6px;margin-bottom:12px;border:1px solid #ddd;}

    .InnobudsImgJpgToAvifdownload-btn{background:#3c75cc!important;}
    .InnobudsImgJpgToAvif-btn{display:inline-block;padding:10px 18px;margin:6px 4px 0;text-decoration:none;background:#27ae60;color:#fff;border:none;border-radius:5px;cursor:pointer;font-size:15px;transition:background .3s;}
    .InnobudsImgJpgToAvif-btn:hover{background:#1e8b4d;}

    .InnobudsImgJpgToAvif-error{color:red;font-size:14px;margin-top:8px;}

    @media(max-width:520px){
        .InnobudsImgJpgToAvif-container{padding:16px;}
        .InnobudsImgJpgToAvif-dropzone{padding:50px;}
    }
    /*jpg to avif ends*/


/* jpg to ascii starts */
.InnobudsImgJpgToAscii-container {
    
    max-width: 800px;
    margin: 30px auto;
    padding: 20px;
    background: #f9f9f9;
    border-radius: 10px;
    box-shadow: 0 0 12px rgba(0, 0, 0, 0.1);
    text-align: center;
}
.InnobudsImgJpgToAscii-container h2 {
    margin-bottom: 16px;
    color: #333;
}
.InnobudsImgJpgToAscii-dropzone {
    border: 2px dashed #27ae60;
    padding: 55px;
    margin-bottom: 16px;
    background: #fff;
    cursor: pointer;
    border-radius: 8px;
    transition: background 0.3s;
}
.InnobudsImgJpgToAscii-dropzone:hover {
    background: #f3fff6;
}
.InnobudsImgJpgToAscii-dropzone p {
    margin: 0;
    color: #555;
    font-size: 16px;
}
.InnobudsImgJpgToAscii-dropzone input { display:none; }

.InnobudsImgJpgToAscii-preview {
    width: 100%;
    max-height: 420px;
    overflow: auto;
    background: #111;
    color: #eee;
    padding: 12px;
    border-radius: 6px;
    margin-top: 12px;
    border: 1px solid #ddd;
    text-align: left;
}
.InnobudsImgJpgToAscii-preview pre {
    margin: 0;
    font-family: "Courier New", monospace;
    line-height: 1;
    white-space: pre;
    font-size: 8px;
}

.InnobudsImgJpgToAscii-controls {

    gap:10px;
    align-items:center;
    justify-content:center;
    flex-wrap:wrap;
    margin-top:12px;
}
.InnobudsImgJpgToAscii-btn {
    padding:10px 18px;
    background:#27ae60;
    color:#fff;
    border:none;
    border-radius:5px;
    margin-top:6px;
    cursor:pointer;
    transition:.3s;
}
.InnobudsImgJpgToAscii-btn:hover { background:#1e8e4d; }

.InnobudsImgJpgToAscii-download-btn {
    background:#3c75cc !important;
}

.InnobudsImgJpgToAscii-settings {
    display:flex;
    gap:8px;
    align-items:center;
    font-size:14px;
}
.InnobudsImgJpgToAscii-slider { width:240px; }

.InnobudsImgJpgToAscii-error {
    color:red;
    font-size:14px;
    margin-top:8px;
}

@media(max-width:520px){
    .InnobudsImgJpgToAscii-slider { width:160px; }
}
/* jpg to ascii ends */
/*png to gif starts*/
.InnobudsImgPngToGif-container {  max-width: 800px; margin: 30px auto; padding: 20px; background: #f9f9f9; border-radius: 10px; box-shadow: 0 0 12px rgba(0, 0, 0, 0.1); text-align: center; }
    .InnobudsImgPngToGif-container h2 { margin-bottom: 16px; color: #333; }

    .InnobudsImgPngToGif-dropzone { border: 2px dashed #27ae60; padding: 55px; margin-bottom: 16px; background: #fff; cursor: pointer; border-radius: 8px; transition: background 0.3s; }
    .InnobudsImgPngToGif-dropzone:hover { background: #f0fff6; }
    .InnobudsImgPngToGif-dropzone p { margin:0; color:#555; font-size:16px; }

    #InnobudsImgPngToGifDropZone p{text-align:center!important;}
    .InnobudsImgPngToGif-dropzone input{ display:none; }

    .InnobudsImgPngToGif-preview img{ width:100%; height:auto; max-height:200px; object-fit:contain; border-radius:6px; margin-bottom:12px; border:1px solid #ddd;}

    .InnobudsImgPngToGifdownload-btn{ background:#3c75cc!important; }
    .InnobudsImgPngToGif-btn{ display:inline-block; padding:10px 18px; margin:6px 4px 0; text-decoration:none; background:#27ae60; color:#fff; border:none; border-radius:5px; cursor:pointer; font-size:15px; transition:0.3s; }
    .InnobudsImgPngToGif-btn:hover{ background:#1f8a4d; }

    .InnobudsImgPngToGif-error{ color:red; font-size:14px; margin-top:8px; }

    @media(max-width:520px){
      .InnobudsImgPngToGif-container{ padding:16px;}
      .InnobudsImgPngToGif-dropzone{ padding:50px;}
    }
    /*png to gif ends*/
    /*png to bmp starts*/

    .InnobudsImgPngToBmp-container{font-family:Arial,sans-serif;max-width:800px;margin:30px auto;padding:20px;background:#f9f9f9;border-radius:10px;box-shadow:0 0 12px rgba(0,0,0,0.1);text-align:center;}
    .InnobudsImgPngToBmp-container h2{margin-bottom:16px;color:#333;}

    .InnobudsImgPngToBmp-dropzone{border:2px dashed #27ae60;padding:55px;margin-bottom:16px;background:#fff;cursor:pointer;border-radius:8px;transition:.3s;}
    .InnobudsImgPngToBmp-dropzone:hover{background:#f0fff6;}
    .InnobudsImgPngToBmp-dropzone p{margin:0;color:#555;font-size:16px;}
    #InnobudsImgPngToBmpDropZone p{text-align:center!important;}
    .InnobudsImgPngToBmp-dropzone input{display:none;}

    .InnobudsImgPngToBmp-preview img{width:100%;height:auto;max-height:200px;object-fit:contain;border-radius:6px;margin-bottom:12px;border:1px solid #ddd;}

    .InnobudsImgPngToBmpdownload-btn{background:#3c75cc!important;}
    .InnobudsImgPngToBmp-btn{display:inline-block;padding:10px 18px;margin:6px 4px 0;text-decoration:none;background:#27ae60;color:#fff;border:none;border-radius:5px;cursor:pointer;font-size:15px;transition:.3s;}
    .InnobudsImgPngToBmp-btn:hover{background:#1f8a4d;}

    .InnobudsImgPngToBmp-error{color:red;font-size:14px;margin-top:8px;}

    @media(max-width:520px){
      .InnobudsImgPngToBmp-container{padding:16px;}
      .InnobudsImgPngToBmp-dropzone{padding:50px;}
    }
    /*png to bmp ends*/
    /*png to tiff starts*/

    .InnobudsImgPngToTiff-container{font-family:Arial,sans-serif;max-width:800px;margin:30px auto;padding:20px;background:#f9f9f9;border-radius:10px;box-shadow:0 0 12px rgba(0,0,0,0.1);text-align:center;}
    .InnobudsImgPngToTiff-container h2{margin-bottom:16px;color:#333;}

    .InnobudsImgPngToTiff-dropzone{border:2px dashed #27ae60;padding:55px;margin-bottom:16px;background:#fff;cursor:pointer;border-radius:8px;transition:.3s;}
    .InnobudsImgPngToTiff-dropzone:hover{background:#f0fff6;}
    .InnobudsImgPngToTiff-dropzone p{margin:0;color:#555;font-size:16px;}
    #InnobudsImgPngToTiffDropZone p{text-align:center!important;}
    .InnobudsImgPngToTiff-dropzone input{display:none;}

    .InnobudsImgPngToTiff-preview img{width:100%;height:auto;max-height:200px;object-fit:contain;border-radius:6px;margin-bottom:12px;border:1px solid #ddd;}

    .InnobudsImgPngToTiffdownload-btn{background:#3c75cc!important;}
    .InnobudsImgPngToTiff-btn{display:inline-block;padding:10px 18px;margin:6px 4px 0;text-decoration:none;background:#27ae60;color:#fff;border:none;border-radius:5px;cursor:pointer;font-size:15px;transition:.3s;}
    .InnobudsImgPngToTiff-btn:hover{background:#1f8a4d;}

    .InnobudsImgPngToTiff-error{color:red;font-size:14px;margin-top:8px;}

    @media(max-width:520px){
      .InnobudsImgPngToTiff-container{padding:16px;}
      .InnobudsImgPngToTiff-dropzone{padding:50px;}
    }
    /*png to tiff ends*/
    /*png to avif starts*/

    .InnobudsImgPngToAvif-container{font-family:Arial,sans-serif;max-width:800px;margin:30px auto;padding:20px;background:#f9f9f9;border-radius:10px;box-shadow:0 0 12px rgba(0,0,0,0.1);text-align:center;}
    .InnobudsImgPngToAvif-container h2{margin-bottom:16px;color:#333;}

    .InnobudsImgPngToAvif-dropzone{border:2px dashed #27ae60;padding:55px;margin-bottom:16px;background:#fff;cursor:pointer;border-radius:8px;transition:.3s;}
    .InnobudsImgPngToAvif-dropzone:hover{background:#f0fff6;}
    .InnobudsImgPngToAvif-dropzone p{margin:0;color:#555;font-size:16px;}
    #InnobudsImgPngToAvifDropZone p{text-align:center!important;}
    .InnobudsImgPngToAvif-dropzone input{display:none;}

    .InnobudsImgPngToAvif-preview img{width:100%;height:auto;max-height:200px;object-fit:contain;border-radius:6px;margin-bottom:12px;border:1px solid #ddd;}

    .InnobudsImgPngToAvifdownload-btn{background:#3c75cc!important;}
    .InnobudsImgPngToAvif-btn{display:inline-block;padding:10px 18px;margin:6px 4px 0;text-decoration:none;background:#27ae60;color:#fff;border:none;border-radius:5px;cursor:pointer;font-size:15px;transition:.3s;}
    .InnobudsImgPngToAvif-btn:hover{background:#1f8a4d;}

    .InnobudsImgPngToAvif-error{color:red;font-size:14px;margin-top:8px;}

    @media(max-width:520px){
      .InnobudsImgPngToAvif-container{padding:16px;}
      .InnobudsImgPngToAvif-dropzone{padding:50px;}
    }
    /*png to avif ends*/
    /*png to svg starts*/

    .InnobudsImgPngToSvg-container{font-family:Arial,sans-serif;max-width:800px;margin:30px auto;padding:20px;background:#f9f9f9;border-radius:10px;box-shadow:0 0 12px rgba(0,0,0,0.1);text-align:center;}
    .InnobudsImgPngToSvg-container h2{margin-bottom:16px;color:#333;}

    .InnobudsImgPngToSvg-dropzone{border:2px dashed #27ae60;padding:55px;margin-bottom:16px;background:#fff;cursor:pointer;border-radius:8px;transition:.3s;}
    .InnobudsImgPngToSvg-dropzone:hover{background:#f0fff6;}
    .InnobudsImgPngToSvg-dropzone p{margin:0;color:#555;font-size:16px;}
    #InnobudsImgPngToSvgDropZone p{text-align:center!important;}
    .InnobudsImgPngToSvg-dropzone input{display:none;}

    .InnobudsImgPngToSvg-preview img{width:100%;height:auto;max-height:200px;object-fit:contain;border-radius:6px;margin-bottom:12px;border:1px solid #ddd;}

    .InnobudsImgPngToSvgdownload-btn{background:#3c75cc!important;}
    .InnobudsImgPngToSvg-btn{display:inline-block;padding:10px 18px;margin:6px 4px 0;text-decoration:none;background:#27ae60;color:#fff;border:none;border-radius:5px;cursor:pointer;font-size:15px;transition:.3s;}
    .InnobudsImgPngToSvg-btn:hover{background:#1f8a4d;}

    .InnobudsImgPngToSvg-error{color:red;font-size:14px;margin-top:8px;}

    @media(max-width:520px){
      .InnobudsImgPngToSvg-container{padding:16px;}
      .InnobudsImgPngToSvg-dropzone{padding:50px;}
    }
    /*png to svg ends*/



/* png to ascii starts */
.InnobudsImgPngToAscii-container {
    
    max-width: 800px;
    margin: 30px auto;
    padding: 20px;
    background: #f9f9f9;
    border-radius: 10px;
    box-shadow: 0 0 12px rgba(0, 0, 0, 0.1);
    text-align: center;
}
.InnobudsImgPngToAscii-container h2 {
    margin-bottom: 16px;
    color: #333;
}
.InnobudsImgPngToAscii-dropzone {
    border: 2px dashed #27ae60;
    padding: 55px;
    margin-bottom: 16px;
    background: #fff;
    cursor: pointer;
    border-radius: 8px;
    transition: background .3s;
}
.InnobudsImgPngToAscii-dropzone:hover {
    background: #f3fff6;
}
.InnobudsImgPngToAscii-dropzone p {
    margin: 0;
    color: #555;
    font-size: 16px;
}
.InnobudsImgPngToAscii-dropzone input {display:none;}

.InnobudsImgPngToAscii-preview {
    width:100%;
    max-height:420px;
    overflow:auto;
    background:#111;
    color:#eee;
    padding:12px;
    border-radius:6px;
    margin-top:12px;
    border:1px solid #ddd;
    text-align:left;
}
.InnobudsImgPngToAscii-preview pre {
    margin:0;
    font-family:"Courier New", monospace;
    line-height:1;
    white-space:pre;
    font-size:8px;
}

.InnobudsImgPngToAscii-controls {

    gap:10px;
    align-items:center;
    justify-content:center;
    flex-wrap:wrap;
    margin-top:12px;
}
.InnobudsImgPngToAscii-btn {
    padding:10px 18px;
    background:#27ae60;
    color:#fff;
    border:none;
    border-radius:5px;
    margin-top:6px;
    cursor:pointer;
    transition:.3s;
}
.InnobudsImgPngToAscii-btn:hover { background:#1e8e4d; }

.InnobudsImgPngToAscii-download-btn { background:#3c75cc !important; }

.InnobudsImgPngToAscii-settings {
    display:flex;
    gap:8px;
    align-items:center;
    font-size:14px;
}
.InnobudsImgPngToAscii-slider {width:240px;}

.InnobudsImgPngToAscii-error {
    color:red;
    font-size:14px;
    margin-top:8px;
}

@media(max-width:520px){
    .InnobudsImgPngToAscii-slider{width:160px;}
}
/* png to ascii ends */
#InnobudsJpgDropZone p, #InnobudsPngDropZone p{text-align: center !important;}