/*gif to jpg*/
.InnobudsImgGifToJpg-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; }
    .InnobudsImgGifToJpg-dropzone { border: 2px dashed #f39c12; padding: 55px; margin-bottom: 16px; background: #fff; cursor: pointer; border-radius: 8px; transition: background 0.3s; }
    .InnobudsImgGifToJpg-dropzone:hover { background: #fff9f0; }
    .InnobudsImgGifToJpg-dropzone p { margin: 0; color: #555; font-size: 16px; }
    #InnobudsImgGifToJpgDropZone p{text-align: center !important;}
    .InnobudsImgGifToJpg-dropzone input { display: none; }
    .InnobudsImgGifToJpg-preview img { width: 100%; height: auto; max-height: 200px; object-fit: contain; border-radius: 6px; margin-bottom: 12px; border: 1px solid #ddd; }
    .InnobudsImgGifToJpgdownload-btn{background: #3c75cc !important;}
    .InnobudsImgGifToJpg-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; }
    .InnobudsImgGifToJpg-btn:hover { background: #d98c0e; }
    .InnobudsImgGifToJpg-error { color: red; font-size: 14px; margin-top: 8px; }
    @media (max-width: 520px) { .InnobudsImgGifToJpg-container { padding: 16px; } .InnobudsImgGifToJpg-dropzone { padding: 50px; } }
    /*gif to jpg ends*/
    /*gif to png starts*/
    .InnobudsImgGifToPng-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; }
    .InnobudsImgGifToPng-dropzone { border: 2px dashed #27ae60; padding: 55px; margin-bottom: 16px; background: #fff; cursor: pointer; border-radius: 8px; transition: background 0.3s; }
    .InnobudsImgGifToPng-dropzone:hover { background: #f1fff6; }
    .InnobudsImgGifToPng-dropzone p { margin: 0; color: #555; font-size: 16px; }
    #InnobudsImgGifToPngDropZone p { text-align: center !important; }
    .InnobudsImgGifToPng-dropzone input { display: none; }
    .InnobudsImgGifToPng-preview img { width: 100%; height: auto; max-height: 200px; object-fit: contain; border-radius: 6px; margin-bottom: 12px; border: 1px solid #ddd; }
    .InnobudsImgGifToPngdownload-btn { background: #27ae60 !important; }
    .InnobudsImgGifToPng-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 0.3s; }
    .InnobudsImgGifToPng-btn:hover { background: #1e8f4d; }
    .InnobudsImgGifToPng-error { color: red; font-size: 14px; margin-top: 8px; }
    @media (max-width: 520px) { .InnobudsImgGifToPng-container { padding: 16px; } .InnobudsImgGifToPng-dropzone { padding: 50px; } }
    /*gif to png ends*/

   /*gif to webp starts*/
   .InnobudsImgGifToWebp-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; }
    .InnobudsImgGifToWebp-dropzone { border: 2px dashed #27ae60; padding: 55px; margin-bottom: 16px; background: #fff; cursor: pointer; border-radius: 8px; transition: background 0.3s; }
    .InnobudsImgGifToWebp-dropzone:hover { background: #f1fff6; }
    .InnobudsImgGifToWebp-dropzone p { margin: 0; color: #555; font-size: 16px; }
    #InnobudsImgGifToWebpDropZone p { text-align: center !important; }
    .InnobudsImgGifToWebp-dropzone input { display: none; }
    .InnobudsImgGifToWebp-preview img { width: 100%; height: auto; max-height: 200px; object-fit: contain; border-radius: 6px; margin-bottom: 12px; border: 1px solid #ddd; }
    .InnobudsImgGifToWebpdownload-btn { background: #27ae60 !important; }
    .InnobudsImgGifToWebp-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 0.3s; }
    .InnobudsImgGifToWebp-btn:hover { background: #1e8f4d; }
    .InnobudsImgGifToWebp-error { color: red; font-size: 14px; margin-top: 8px; }
    @media (max-width: 520px) { .InnobudsImgGifToWebp-container { padding: 16px; } .InnobudsImgGifToWebp-dropzone { padding: 50px; } }
    /*gif to webp ends*/
    /*gif to bmp starts*/
      .InnobudsImgGifToBmp-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;
        }

        .InnobudsImgGifToBmp-dropzone {
            border: 2px dashed #e67e22;
            padding: 55px;
            margin-bottom: 16px;
            background: #fff;
            cursor: pointer;
            border-radius: 8px;
            transition: background 0.3s;
        }

        .InnobudsImgGifToBmp-dropzone:hover {
            background: #fff7ef;
        }

        .InnobudsImgGifToBmp-dropzone p {
            margin: 0;
            color: #555;
            font-size: 16px;
        }

        #InnobudsImgGifToBmpDropZone p {
            text-align: center !important;
        }

        .InnobudsImgGifToBmp-dropzone input {
            display: none;
        }

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

        .InnobudsImgGifToBmp-btn {
            display: inline-block;
            padding: 10px 18px;
            margin: 6px 4px 0;
            text-decoration: none;
            color: #fff;
            border: none;
            border-radius: 5px;
            cursor: pointer;
            font-size: 15px;
            transition: background 0.3s;
        }

        .InnobudsImgGifToBmp-convert-btn {
            background: #e67e22 !important;
        }

        .InnobudsImgGifToBmp-convert-btn:hover {
            background: #cf6f1c !important;
        }

        .InnobudsImgGifToBmpdownload-btn {
            background: #27ae60 !important;
        }

        .InnobudsImgGifToBmpdownload-btn:hover {
            background: #1e8f4d !important;
        }

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

        @media (max-width: 520px) {
            .InnobudsImgGifToBmp-container {
                padding: 16px;
            }
            .InnobudsImgGifToBmp-dropzone {
                padding: 50px;
            }
        }
        /*gif to bmp ends*/
        /*gif to tiff starts*/
        .InnobudsImgGifToTiff-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;
        }

        .InnobudsImgGifToTiff-dropzone {
            border: 2px dashed #e67e22;
            padding: 55px;
            margin-bottom: 16px;
            background: #fff;
            cursor: pointer;
            border-radius: 8px;
            transition: background 0.3s;
        }

        .InnobudsImgGifToTiff-dropzone:hover {
            background: #fff7ef;
        }

        .InnobudsImgGifToTiff-dropzone p {
            margin: 0;
            color: #555;
            font-size: 16px;
        }

        #InnobudsImgGifToTiffDropZone p {
            text-align: center !important;
        }

        .InnobudsImgGifToTiff-dropzone input {
            display: none;
        }

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

        .InnobudsImgGifToTiff-btn {
            display: inline-block;
            padding: 10px 18px;
            margin: 6px 4px 0;
            text-decoration: none;
            color: #fff;
            border: none;
            border-radius: 5px;
            cursor: pointer;
            font-size: 15px;
            transition: background 0.3s;
        }

        .InnobudsImgGifToTiff-convert-btn {
            background: #e67e22 !important;
        }

        .InnobudsImgGifToTiff-convert-btn:hover {
            background: #cf6f1c !important;
        }

        .InnobudsImgGifToTiffdownload-btn {
            background: #27ae60 !important;
        }

        .InnobudsImgGifToTiffdownload-btn:hover {
            background: #1e8f4d !important;
        }

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

        @media (max-width: 520px) {
            .InnobudsImgGifToTiff-container {
                padding: 16px;
            }
            .InnobudsImgGifToTiff-dropzone {
                padding: 50px;
            }
        }
        /*gif to tiff ends*/
        /*gif to svg starts*/
        .InnobudsImgGifToSvg-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;
        }

        .InnobudsImgGifToSvg-dropzone {
            border: 2px dashed #e67e22;
            padding: 55px;
            margin-bottom: 16px;
            background: #fff;
            cursor: pointer;
            border-radius: 8px;
            transition: background 0.3s;
        }

        .InnobudsImgGifToSvg-dropzone:hover {
            background: #fff7ef;
        }

        .InnobudsImgGifToSvg-dropzone p {
            margin: 0;
            color: #555;
            font-size: 16px;
        }

        #InnobudsImgGifToSvgDropZone p {
            text-align: center !important;
        }

        .InnobudsImgGifToSvg-dropzone input {
            display: none;
        }

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

        .InnobudsImgGifToSvg-btn {
            display: inline-block;
            padding: 10px 18px;
            margin: 6px 4px 0;
            text-decoration: none;
            color: #fff;
            border: none;
            border-radius: 5px;
            cursor: pointer;
            font-size: 15px;
            transition: background 0.3s;
        }

        .InnobudsImgGifToSvg-convert-btn {
            background: #e67e22 !important;
        }

        .InnobudsImgGifToSvg-convert-btn:hover {
            background: #cf6f1c !important;
        }

        .InnobudsImgGifToSvgdownload-btn {
            background: #27ae60 !important;
        }

        .InnobudsImgGifToSvgdownload-btn:hover {
            background: #1e8f4d !important;
        }

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

        @media (max-width: 520px) {
            .InnobudsImgGifToSvg-container {
                padding: 16px;
            }
            .InnobudsImgGifToSvg-dropzone {
                padding: 50px;
            }
        }
        /*gif to svg ends*/
        /*gif to avif starts*/
        .InnobudsImgGifToAvif-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;
        }

        .InnobudsImgGifToAvif-dropzone {
            border: 2px dashed #e67e22;
            padding: 55px;
            margin-bottom: 16px;
            background: #fff;
            cursor: pointer;
            border-radius: 8px;
            transition: background 0.3s;
        }

        .InnobudsImgGifToAvif-dropzone:hover {
            background: #fff7ef;
        }

        .InnobudsImgGifToAvif-dropzone p {
            margin: 0;
            color: #555;
            font-size: 16px;
        }

        #InnobudsImgGifToAvifDropZone p {
            text-align: center !important;
        }

        .InnobudsImgGifToAvif-dropzone input {
            display: none;
        }

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

        .InnobudsImgGifToAvif-btn {
            display: inline-block;
            padding: 10px 18px;
            margin: 6px 4px 0;
            text-decoration: none;
            color: #fff;
            border: none;
            border-radius: 5px;
            cursor: pointer;
            font-size: 15px;
            transition: background 0.3s;
        }

        .InnobudsImgGifToAvif-convert-btn {
            background: #e67e22 !important;
        }

        .InnobudsImgGifToAvif-convert-btn:hover {
            background: #cf6f1c !important;
        }

        .InnobudsImgGifToAvifdownload-btn {
            background: #27ae60 !important;
        }

        .InnobudsImgGifToAvifdownload-btn:hover {
            background: #1e8f4d !important;
        }

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

        @media (max-width: 520px) {
            .InnobudsImgGifToAvif-container {
                padding: 16px;
            }
            .InnobudsImgGifToAvif-dropzone {
                padding: 50px;
            }
        }
        /*gif to avif ends*/
        /*gif to pdf starts*/
          .InnobudsImgGifToPdf-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;
        }

        .InnobudsImgGifToPdf-dropzone {
            border: 2px dashed #e67e22;
            padding: 55px;
            margin-bottom: 16px;
            background: #fff;
            cursor: pointer;
            border-radius: 8px;
            transition: background 0.3s;
        }

        .InnobudsImgGifToPdf-dropzone:hover {
            background: #fff7ef;
        }

        .InnobudsImgGifToPdf-dropzone p {
            margin: 0;
            color: #555;
            font-size: 16px;
        }

        #InnobudsImgGifToPdfDropZone p {
            text-align: center !important;
        }

        .InnobudsImgGifToPdf-dropzone input {
            display: none;
        }

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

        .InnobudsImgGifToPdf-btn {
            display: inline-block;
            padding: 10px 18px;
            margin: 6px 4px 0;
            text-decoration: none;
            color: #fff;
            border: none;
            border-radius: 5px;
            cursor: pointer;
            font-size: 15px;
            transition: background 0.3s;
        }

        .InnobudsImgGifToPdf-convert-btn {
            background: #e67e22 !important;
        }

        .InnobudsImgGifToPdf-convert-btn:hover {
            background: #cf6f1c !important;
        }

        .InnobudsImgGifToPdfdownload-btn {
            background: #27ae60 !important;
        }

        .InnobudsImgGifToPdfdownload-btn:hover {
            background: #1e8f4d !important;
        }

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

        @media (max-width: 520px) {
            .InnobudsImgGifToPdf-container {
                padding: 16px;
            }
            .InnobudsImgGifToPdf-dropzone {
                padding: 50px;
            }
        }
        /*gif to pdf ends*/
/*gif to ascii starts*/
.InnobudsImgGiftoAscii-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;
    }
    .InnobudsImgGiftoAscii-container h2 {
      margin-bottom: 16px;
      color: #333;
    }
    .InnobudsImgGiftoAscii-dropzone {
      border: 2px dashed #f39c12;
      padding: 55px;
      margin-bottom: 16px;
      background: #fff;
      cursor: pointer;
      border-radius: 8px;
      transition: background 0.3s;
    }
    .InnobudsImgGiftoAscii-dropzone:hover {
      background: #fff9f0;
    }
    .InnobudsImgGiftoAscii-dropzone p {
      margin: 0;
      color: #555;
      font-size: 16px;
      text-align: center;
    }
    .InnobudsImgGiftoAscii-dropzone input { display: none; }

    .InnobudsImgGiftoAscii-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;
    }
    .InnobudsImgGiftoAscii-preview pre {
      margin: 0;
      font-family: "Courier New", monospace;
      line-height: 1;
      white-space: pre;
      font-size: 8px;
    }
    #InnobudsImgGiftoAsciiDropZone p{text-align: center !important;}

    .InnobudsImgGiftoAscii-controls {
      gap:10px;
      align-items:center;
      justify-content:center;
      flex-wrap:wrap;
      margin-top:12px;
    }
    .InnobudsImgGiftoAscii-btn {
      display: inline-block;
      padding: 10px 18px;
      margin: 6px 4px 0;
      background: #f39c12;
      color: #fff;
      border: none;
      border-radius: 5px;
      cursor: pointer;
      font-size: 15px;
      transition: background 0.3s;
    }
    .InnobudsImgGiftoAscii-btn:hover {
      background: #d98c0e;
    }
    .InnobudsImgGiftoAscii-download-btn {
      background: #3c75cc!important;
    }

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

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

    @media(max-width:520px){
      .InnobudsImgGiftoAscii-slider { width:160px; }
    }
/*gif to ascii ends*/