/*jpg to ico starts*/ 

   .innobudsJpgIcoTool-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;
    }
    .innobudsJpgIcoTool-container h2 {
      margin-bottom: 16px;
      color: #333;
    }
    .innobudsJpgIcoTool-dropzone {
      border: 2px dashed #f39c12;
      padding: 55px;
      margin-bottom: 16px;
      background: #fff;
      cursor: pointer;
      border-radius: 8px;
      transition: background 0.3s;
    }
    .innobudsJpgIcoTool-dropzone:hover {
      background: #fff9f0;
    }
    .innobudsJpgIcoTool-dropzone p {
      margin: 0;
      color: #555;
      font-size: 16px;
    }
    .innobudsJpgIcoTool-dropzone input {
      display: none;
    }
    .innobudsJpgIcoTool-preview img {
      width: 100%;
      height: auto;
      max-height: 200px;
      object-fit: contain;
      border-radius: 6px;
      margin-bottom: 12px;
      border: 1px solid #ddd;
    }
    .innobudsJpgIcoTooldownload-btn{background: #3c75cc !important;}
    .innobudsJpgIcoTool-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;
    }
    .innobudsJpgIcoTool-btn:hover {
      background: #d98c0e;
    }
    .innobudsJpgIcoTool-error {
      color: red;
      font-size: 14px;
      margin-top: 8px;
    }
    @media (max-width: 520px) {
      .innobudsJpgIcoTool-container {
        padding: 16px;
      }
      .innobudsJpgIcoTool-dropzone {
        padding: 50px;
      }
    }
    #innobudsJpgIcoToolDropZone p, #innobudsPngIcoToolDropZone p,
    #innobudsGifIcoToolDropZone p, #innobudsWebpIcoToolDropZone p, #innobudsBmpIcoToolDropZone p,
    #innobudsTiffIcoToolDropZone p, #innobudsAvifIcoToolDropZone p, #innobudsSvgIcoToolDropZone p,
    #innobudsPdfIcoToolDropZone p
    {text-align: center !important; }

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

    .innobudsPngIcoTool-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;
    }
    .innobudsPngIcoTool-container h2 {
      margin-bottom: 16px;
      color: #333;
    }
    .innobudsPngIcoTool-dropzone {
      border: 2px dashed #2ecc71;
      padding: 55px;
      margin-bottom: 16px;
      background: #fff;
      cursor: pointer;
      border-radius: 8px;
      transition: background 0.3s;
    }
    .innobudsPngIcoTool-dropzone:hover {
      background: #f0fff5;
    }
    .innobudsPngIcoTool-dropzone p {
      margin: 0;
      color: #555;
      font-size: 16px;
    }
    .innobudsPngIcoTool-dropzone input {
      display: none;
    }
    .innobudsPngIcoTool-preview img {
      width: 100%;
      height: auto;
      max-height: 200px;
      object-fit: contain;
      border-radius: 6px;
      margin-bottom: 12px;
      border: 1px solid #ddd;
    }
    .innobudsPngIcoTooldownload-btn{background: #3c75cc !important;}
    .innobudsPngIcoTool-btn {
      display: inline-block;
      padding: 10px 18px;
      margin: 6px 4px 0;
      text-decoration: none;
      background: #2ecc71;
      color: #fff;
      border: none;
      border-radius: 5px;
      cursor: pointer;
      font-size: 15px;
      transition: background 0.3s;
    }
    .innobudsPngIcoTool-btn:hover {
      background: #27b864;
    }
    .innobudsPngIcoTool-error {
      color: red;
      font-size: 14px;
      margin-top: 8px;
    }
    @media (max-width: 520px) {
      .innobudsPngIcoTool-container {
        padding: 16px;
      }
      .innobudsPngIcoTool-dropzone {
        padding: 50px;
      }
    }
    /*png to ico ends*/

    /*gif to ico starts*/

    .innobudsGifIcoTool-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;
    }
    .innobudsGifIcoTool-container h2 {
      margin-bottom: 16px;
      color: #333;
    }
    .innobudsGifIcoTool-dropzone {
      border: 2px dashed #2ecc71;
      padding: 55px;
      margin-bottom: 16px;
      background: #fff;
      cursor: pointer;
      border-radius: 8px;
      transition: background 0.3s;
    }
    .innobudsGifIcoTool-dropzone:hover {
      background: #f0fff5;
    }
    .innobudsGifIcoTool-dropzone p {
      margin: 0;
      color: #555;
      font-size: 16px;
    }
    .innobudsGifIcoTool-dropzone input {
      display: none;
    }
    .innobudsGifIcoTool-preview img {
      width: 100%;
      height: auto;
      max-height: 200px;
      object-fit: contain;
      border-radius: 6px;
      margin-bottom: 12px;
      border: 1px solid #ddd;
    }
    .innobudsGifIcoTooldownload-btn{background: #3c75cc !important;}
    .innobudsGifIcoTool-btn {
      display: inline-block;
      padding: 10px 18px;
      margin: 6px 4px 0;
      text-decoration: none;
      background: #2ecc71;
      color: #fff;
      border: none;
      border-radius: 5px;
      cursor: pointer;
      font-size: 15px;
      transition: background 0.3s;
    }
    .innobudsGifIcoTool-btn:hover {
      background: #27b864;
    }
    .innobudsGifIcoTool-error {
      color: red;
      font-size: 14px;
      margin-top: 8px;
    }
    @media (max-width: 520px) {
      .innobudsGifIcoTool-container {
        padding: 16px;
      }
      .innobudsGifIcoTool-dropzone {
        padding: 50px;
      }
    }
    /*gif to ico ends*/

    /*webp to ico starts*/

    .innobudsWebpIcoTool-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;
    }
    .innobudsWebpIcoTool-container h2 {
      margin-bottom: 16px;
      color: #333;
    }
    .innobudsWebpIcoTool-dropzone {
      border: 2px dashed #f39c12;
      padding: 55px;
      margin-bottom: 16px;
      background: #fff;
      cursor: pointer;
      border-radius: 8px;
      transition: background 0.3s;
    }
    .innobudsWebpIcoTool-dropzone:hover {
      background: #fff9f0;
    }
    .innobudsWebpIcoTool-dropzone p {
      margin: 0;
      color: #555;
      font-size: 16px;
    }
    .innobudsWebpIcoTool-dropzone input {
      display: none;
    }
    .innobudsWebpIcoTool-preview img {
      width: 100%;
      height: auto;
      max-height: 200px;
      object-fit: contain;
      border-radius: 6px;
      margin-bottom: 12px;
      border: 1px solid #ddd;
    }
    .innobudsWebpIcoTooldownload-btn { background: #3c75cc !important; }
    .innobudsWebpIcoTool-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;
    }
    .innobudsWebpIcoTool-btn:hover {
      background: #d98c0e;
    }
    .innobudsWebpIcoTool-error {
      color: red;
      font-size: 14px;
      margin-top: 8px;
    }
    @media (max-width: 520px) {
      .innobudsWebpIcoTool-container { padding: 16px; }
      .innobudsWebpIcoTool-dropzone { padding: 50px; }
    }
    /*webp to ico ends*/
    /*bmp to ico starts*/

    .innobudsBmpIcoTool-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;
    }
    .innobudsBmpIcoTool-container h2 {
      margin-bottom: 16px;
      color: #333;
    }
    .innobudsBmpIcoTool-dropzone {
      border: 2px dashed #f39c12;
      padding: 55px;
      margin-bottom: 16px;
      background: #fff;
      cursor: pointer;
      border-radius: 8px;
      transition: background 0.3s;
    }
    .innobudsBmpIcoTool-dropzone:hover {
      background: #fff9f0;
    }
    .innobudsBmpIcoTool-dropzone p {
      margin: 0;
      color: #555;
      font-size: 16px;
    }
    .innobudsBmpIcoTool-dropzone input {
      display: none;
    }
    .innobudsBmpIcoTool-preview img {
      width: 100%;
      height: auto;
      max-height: 200px;
      object-fit: contain;
      border-radius: 6px;
      margin-bottom: 12px;
      border: 1px solid #ddd;
    }
    .innobudsBmpIcoTooldownload-btn { background: #3c75cc !important; }
    .innobudsBmpIcoTool-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;
    }
    .innobudsBmpIcoTool-btn:hover {
      background: #d98c0e;
    }
    .innobudsBmpIcoTool-error {
      color: red;
      font-size: 14px;
      margin-top: 8px;
    }
    @media (max-width: 520px) {
      .innobudsBmpIcoTool-container { padding: 16px; }
      .innobudsBmpIcoTool-dropzone { padding: 50px; }
    }
    /*bmp to ico ends*/

    /*tiff to ico starts*/

    .innobudsTiffIcoTool-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;
    }
    .innobudsTiffIcoTool-container h2 {
      margin-bottom: 16px;
      color: #333;
    }
    .innobudsTiffIcoTool-dropzone {
      border: 2px dashed #f39c12;
      padding: 55px;
      margin-bottom: 16px;
      background: #fff;
      cursor: pointer;
      border-radius: 8px;
      transition: background 0.3s;
    }
    .innobudsTiffIcoTool-dropzone:hover { background: #fff9f0; }
    .innobudsTiffIcoTool-dropzone p {
      margin: 0;
      color: #555;
      font-size: 16px;
    }
    .innobudsTiffIcoTool-dropzone input { display: none; }
    .innobudsTiffIcoTool-preview img {
      width: 100%;
      height: auto;
      max-height: 200px;
      object-fit: contain;
      border-radius: 6px;
      margin-bottom: 12px;
      border: 1px solid #ddd;
    }
    .innobudsTiffIcoTooldownload-btn { background: #3c75cc !important; }
    .innobudsTiffIcoTool-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;
    }
    .innobudsTiffIcoTool-btn:hover { background: #d98c0e; }
    .innobudsTiffIcoTool-error {
      color: red;
      font-size: 14px;
      margin-top: 8px;
    }
    @media (max-width: 520px) {
      .innobudsTiffIcoTool-container { padding: 16px; }
      .innobudsTiffIcoTool-dropzone { padding: 50px; }
    }
    /*tiff to ico ends*/

    /*avif to ico starts*/

    .innobudsAvifIcoTool-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;
    }
    .innobudsAvifIcoTool-container h2 {
      margin-bottom: 16px;
      color: #333;
    }
    .innobudsAvifIcoTool-dropzone {
      border: 2px dashed #f39c12;
      padding: 55px;
      margin-bottom: 16px;
      background: #fff;
      cursor: pointer;
      border-radius: 8px;
      transition: background 0.3s;
    }
    .innobudsAvifIcoTool-dropzone:hover {
      background: #fff9f0;
    }
    .innobudsAvifIcoTool-dropzone p {
      margin: 0;
      color: #555;
      font-size: 16px;
    }
    .innobudsAvifIcoTool-dropzone input {
      display: none;
    }
    .innobudsAvifIcoTool-preview img {
      width: 100%;
      height: auto;
      max-height: 200px;
      object-fit: contain;
      border-radius: 6px;
      margin-bottom: 12px;
      border: 1px solid #ddd;
    }
    .innobudsAvifIcoTooldownload-btn { background: #3c75cc !important; }
    .innobudsAvifIcoTool-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;
    }
    .innobudsAvifIcoTool-btn:hover {
      background: #d98c0e;
    }
    .innobudsAvifIcoTool-error {
      color: red;
      font-size: 14px;
      margin-top: 8px;
    }
    @media (max-width: 520px) {
      .innobudsAvifIcoTool-container { padding: 16px; }
      .innobudsAvifIcoTool-dropzone { padding: 50px; }
    }
    /*avif to ico ends*/
    /*svg to ico starts*/
    .innobudsSvgIcoTool-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;
    }
    .innobudsSvgIcoTool-container h2 {
      margin-bottom: 16px;
      color: #333;
    }
    .innobudsSvgIcoTool-dropzone {
      border: 2px dashed #f39c12;
      padding: 55px;
      margin-bottom: 16px;
      background: #fff;
      cursor: pointer;
      border-radius: 8px;
      transition: background 0.3s;
    }
    .innobudsSvgIcoTool-dropzone:hover {
      background: #fff9f0;
    }
    .innobudsSvgIcoTool-dropzone p {
      margin: 0;
      color: #555;
      font-size: 16px;
    }
    .innobudsSvgIcoTool-dropzone input {
      display: none;
    }
    .innobudsSvgIcoTool-preview img {
      width: 100%;
      height: auto;
      max-height: 200px;
      object-fit: contain;
      border-radius: 6px;
      margin-bottom: 12px;
      border: 1px solid #ddd;
    }
    .innobudsSvgIcoTooldownload-btn { background: #3c75cc !important; }
    .innobudsSvgIcoTool-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;
    }
    .innobudsSvgIcoTool-btn:hover {
      background: #d98c0e;
    }
    .innobudsSvgIcoTool-error {
      color: red;
      font-size: 14px;
      margin-top: 8px;
    }
    @media (max-width: 520px) {
      .innobudsSvgIcoTool-container { padding: 16px; }
      .innobudsSvgIcoTool-dropzone { padding: 50px; }
    }
    /*svg to ico ends*/
    /*pdf to ico starts*/

    .innobudsPdfIcoTool-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;
    }
    .innobudsPdfIcoTool-container h2 {
      margin-bottom: 16px;
      color: #333;
    }
    .innobudsPdfIcoTool-dropzone {
      border: 2px dashed #f39c12;
      padding: 55px;
      margin-bottom: 16px;
      background: #fff;
      cursor: pointer;
      border-radius: 8px;
      transition: background 0.3s;
    }
    .innobudsPdfIcoTool-dropzone:hover {
      background: #fff9f0;
    }
    .innobudsPdfIcoTool-dropzone p {
      margin: 0;
      color: #555;
      font-size: 16px;
    }
    .innobudsPdfIcoTool-dropzone input {
      display: none;
    }
    .innobudsPdfIcoTool-preview img {
      width: 100%;
      height: auto;
      max-height: 220px;
      object-fit: contain;
      border-radius: 6px;
      margin-bottom: 12px;
      border: 1px solid #ddd;
    }
    .innobudsPdfIcoTooldownload-btn { background: #3c75cc !important; }
    .innobudsPdfIcoTool-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;
    }
    .innobudsPdfIcoTool-btn:hover {
      background: #d98c0e;
    }
    .innobudsPdfIcoTool-error {
      color: red;
      font-size: 14px;
      margin-top: 8px;
    }
    @media (max-width: 520px) {
      .innobudsPdfIcoTool-container { padding: 16px; }
      .innobudsPdfIcoTool-dropzone { padding: 50px; }
    }
    /*pdf to ico ends*/

    /*ico to jpg starts*/

    .innobudsIcoJpgTool-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;
    }
    .innobudsIcoJpgTool-container h2 {
      margin-bottom: 16px;
      color: #333;
    }
    .innobudsIcoJpgTool-dropzone {
      border: 2px dashed #f39c12;
      padding: 55px;
      margin-bottom: 16px;
      background: #fff;
      cursor: pointer;
      border-radius: 8px;
      transition: background 0.3s;
    }
    .innobudsIcoJpgTool-dropzone:hover {
      background: #fff9f0;
    }
    .innobudsIcoJpgTool-dropzone p {
      margin: 0;
      color: #555;
      font-size: 16px;
    }
    .innobudsIcoJpgTool-dropzone input { display: none; }

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

    .innobudsIcoJpgTool-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;
    }
    .innobudsIcoJpgTool-btn:hover {
      background: #d98c0e;
    }
    .innobudsIcoJpgTooldownload-btn {
      background: #3c75cc !important;
    }

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

    /* Progress Bar */
    .innobudsIcoJpgTool-progress {
      width: 100%;
      height: 10px;
      background: #eee;
      border-radius: 20px;
      overflow: hidden;
      margin: 14px 0 10px;
      display: none;
    }
    .innobudsIcoJpgTool-progress-fill {
      height: 10px;
      width: 0%;
      background: #3c75cc;
      transition: width 0.4s ease-in-out;
    }

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

    /*ico to png starts*/

    .innobudsIcoPngTool-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;
    }
    .innobudsIcoPngTool-container h2 {
      margin-bottom: 16px;
      color: #333;
    }
    .innobudsIcoPngTool-dropzone {
      border: 2px dashed #f39c12;
      padding: 55px;
      margin-bottom: 16px;
      background: #fff;
      cursor: pointer;
      border-radius: 8px;
      transition: background 0.3s;
    }
    .innobudsIcoPngTool-dropzone:hover {
      background: #fff9f0;
    }
    .innobudsIcoPngTool-dropzone p {
      margin: 0;
      color: #555;
      font-size: 16px;
    }
    .innobudsIcoPngTool-dropzone input { display: none; }

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

    .innobudsIcoPngTool-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;
    }
    .innobudsIcoPngTool-btn:hover {
      background: #d98c0e;
    }
    .innobudsIcoPngTooldownload-btn {
      background: #3c75cc !important;
    }

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

    /* Progress Bar */
    .innobudsIcoPngTool-progress {
      width: 100%;
      height: 10px;
      background: #eee;
      border-radius: 20px;
      overflow: hidden;
      margin: 14px 0 10px;
      display: none;
    }
    .innobudsIcoPngTool-progress-fill {
      height: 10px;
      width: 0%;
      background: #3c75cc;
      transition: width 0.4s ease-in-out;
    }

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

    .innobudsIcoGifTool-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;
    }
    .innobudsIcoGifTool-container h2 {
      margin-bottom: 16px;
      color: #333;
    }
    .innobudsIcoGifTool-dropzone {
      border: 2px dashed #f39c12;
      padding: 55px;
      margin-bottom: 16px;
      background: #fff;
      cursor: pointer;
      border-radius: 8px;
      transition: background 0.3s;
    }
    .innobudsIcoGifTool-dropzone:hover {
      background: #fff9f0;
    }
    .innobudsIcoGifTool-dropzone p {
      margin: 0;
      color: #555;
      font-size: 16px;
    }
    .innobudsIcoGifTool-dropzone input { display: none; }

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

    .innobudsIcoGifTool-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;
    }
    .innobudsIcoGifTool-btn:hover {
      background: #d98c0e;
    }
    .innobudsIcoGifTooldownload-btn {
      background: #3c75cc !important;
    }

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

    /* Progress Bar */
    .innobudsIcoGifTool-progress {
      width: 100%;
      height: 10px;
      background: #eee;
      border-radius: 20px;
      overflow: hidden;
      margin: 14px 0 10px;
      display: none;
    }
    .innobudsIcoGifTool-progress-fill {
      height: 10px;
      width: 0%;
      background: #3c75cc;
      transition: width 0.4s ease-in-out;
    }

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

    /*ico to webp starts*/

    .innobudsIcoWebpTool-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;
    }
    .innobudsIcoWebpTool-container h2 {
      margin-bottom: 16px;
      color: #333;
    }
    .innobudsIcoWebpTool-dropzone {
      border: 2px dashed #27ae60;
      padding: 55px;
      margin-bottom: 16px;
      background: #fff;
      cursor: pointer;
      border-radius: 8px;
      transition: background 0.3s;
    }
    .innobudsIcoWebpTool-dropzone:hover {
      background: #f4fff8;
    }
    .innobudsIcoWebpTool-dropzone p {
      margin: 0;
      color: #555;
      font-size: 16px;
    }
    .innobudsIcoWebpTool-dropzone input { display: none; }

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

    .innobudsIcoWebpTool-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;
    }
    .innobudsIcoWebpTool-btn:hover {
      background: #1e8f4e;
    }
    .innobudsIcoWebpTooldownload-btn {
      background: #3c75cc !important;
    }

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

    .innobudsIcoWebpTool-progress {
      width: 100%;
      height: 10px;
      background: #eee;
      border-radius: 20px;
      overflow: hidden;
      margin: 14px 0 10px;
      display: none;
    }
    .innobudsIcoWebpTool-progress-fill {
      height: 10px;
      width: 0%;
      background: #3c75cc;
      transition: width 0.4s ease-in-out;
    }

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

    .innobudsIcoBmpTool-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;
    }
    .innobudsIcoBmpTool-container h2 {
      margin-bottom: 16px;
      color: #333;
    }
    .innobudsIcoBmpTool-dropzone {
      border: 2px dashed #27ae60;
      padding: 55px;
      margin-bottom: 16px;
      background: #fff;
      cursor: pointer;
      border-radius: 8px;
      transition: background 0.3s;
    }
    .innobudsIcoBmpTool-dropzone:hover {
      background: #f4fff8;
    }
    .innobudsIcoBmpTool-dropzone p {
      margin: 0;
      color: #555;
      font-size: 16px;
    }
    .innobudsIcoBmpTool-dropzone input { display: none; }

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

    .innobudsIcoBmpTool-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;
    }
    .innobudsIcoBmpTool-btn:hover {
      background: #1e8f4e;
    }
    .innobudsIcoBmpTooldownload-btn {
      background: #3c75cc !important;
    }

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

    .innobudsIcoBmpTool-progress {
      width: 100%;
      height: 10px;
      background: #eee;
      border-radius: 20px;
      overflow: hidden;
      margin: 14px 0 10px;
      display: none;
    }
    .innobudsIcoBmpTool-progress-fill {
      height: 10px;
      width: 0%;
      background: #3c75cc;
      transition: width 0.4s ease-in-out;
    }

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

    /*ico to tiff starts*/

    .innobudsIcoTiffTool-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;
    }
    .innobudsIcoTiffTool-container h2 {
      margin-bottom: 16px;
      color: #333;
    }
    .innobudsIcoTiffTool-dropzone {
      border: 2px dashed #27ae60;
      padding: 55px;
      margin-bottom: 16px;
      background: #fff;
      cursor: pointer;
      border-radius: 8px;
      transition: background 0.3s;
    }
    .innobudsIcoTiffTool-dropzone:hover {
      background: #f4fff8;
    }
    .innobudsIcoTiffTool-dropzone p {
      margin: 0;
      color: #555;
      font-size: 16px;
    }
    .innobudsIcoTiffTool-dropzone input { display: none; }

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

    .innobudsIcoTiffTool-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;
    }
    .innobudsIcoTiffTool-btn:hover {
      background: #1e8f4e;
    }
    .innobudsIcoTiffTooldownload-btn {
      background: #3c75cc !important;
    }

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

    .innobudsIcoTiffTool-progress {
      width: 100%;
      height: 10px;
      background: #eee;
      border-radius: 20px;
      overflow: hidden;
      margin: 14px 0 10px;
      display: none;
    }
    .innobudsIcoTiffTool-progress-fill {
      height: 10px;
      width: 0%;
      background: #3c75cc;
      transition: width 0.4s ease-in-out;
    }

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

    /*ico to avif starts*/

    .innobudsIcoAvifTool-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;
    }
    .innobudsIcoAvifTool-container h2 {
      margin-bottom: 16px;
      color: #333;
    }
    .innobudsIcoAvifTool-dropzone {
      border: 2px dashed #27ae60;
      padding: 55px;
      margin-bottom: 16px;
      background: #fff;
      cursor: pointer;
      border-radius: 8px;
      transition: background 0.3s;
    }
    .innobudsIcoAvifTool-dropzone:hover {
      background: #f4fff8;
    }
    .innobudsIcoAvifTool-dropzone p {
      margin: 0;
      color: #555;
      font-size: 16px;
    }
    .innobudsIcoAvifTool-dropzone input { display: none; }

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

    .innobudsIcoAvifTool-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;
    }
    .innobudsIcoAvifTool-btn:hover {
      background: #1e8f4e;
    }
    .innobudsIcoAvifTooldownload-btn {
      background: #3c75cc !important;
    }

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

    .innobudsIcoAvifTool-progress {
      width: 100%;
      height: 10px;
      background: #eee;
      border-radius: 20px;
      overflow: hidden;
      margin: 14px 0 10px;
      display: none;
    }
    .innobudsIcoAvifTool-progress-fill {
      height: 10px;
      width: 0%;
      background: #3c75cc;
      transition: width 0.4s ease-in-out;
    }

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

    .innobudsIcoSvgTool-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;
    }
    .innobudsIcoSvgTool-container h2 {
      margin-bottom: 16px;
      color: #333;
    }
    .innobudsIcoSvgTool-dropzone {
      border: 2px dashed #27ae60;
      padding: 55px;
      margin-bottom: 16px;
      background: #fff;
      cursor: pointer;
      border-radius: 8px;
      transition: background 0.3s;
    }
    .innobudsIcoSvgTool-dropzone:hover {
      background: #f4fff8;
    }
    .innobudsIcoSvgTool-dropzone p {
      margin: 0;
      color: #555;
      font-size: 16px;
    }
    .innobudsIcoSvgTool-dropzone input { display: none; }

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

    .innobudsIcoSvgTool-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;
    }
    .innobudsIcoSvgTool-btn:hover {
      background: #1e8f4e;
    }
    .innobudsIcoSvgTooldownload-btn {
      background: #3c75cc !important;
    }

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

    .innobudsIcoSvgTool-progress {
      width: 100%;
      height: 10px;
      background: #eee;
      border-radius: 20px;
      overflow: hidden;
      margin: 14px 0 10px;
      display: none;
    }
    .innobudsIcoSvgTool-progress-fill {
      height: 10px;
      width: 0%;
      background: #3c75cc;
      transition: width 0.4s ease-in-out;
    }

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

    /*ico to heic starts*/
    
    .innobudsIcoHeicTool-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;
    }
    .innobudsIcoHeicTool-container h2 {
      margin-bottom: 16px;
      color: #333;
    }
    .innobudsIcoHeicTool-dropzone {
      border: 2px dashed #27ae60;
      padding: 55px;
      margin-bottom: 16px;
      background: #fff;
      cursor: pointer;
      border-radius: 8px;
      transition: background 0.3s;
    }
    .innobudsIcoHeicTool-dropzone:hover {
      background: #f4fff8;
    }
    .innobudsIcoHeicTool-dropzone p {
      margin: 0;
      color: #555;
      font-size: 16px;
    }
    .innobudsIcoHeicTool-dropzone input { display: none; }

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

    .innobudsIcoHeicTool-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;
    }
    .innobudsIcoHeicTool-btn:hover {
      background: #1e8f4e;
    }
    .innobudsIcoHeicTooldownload-btn {
      background: #3c75cc !important;
    }

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

    .innobudsIcoHeicTool-progress {
      width: 100%;
      height: 10px;
      background: #eee;
      border-radius: 20px;
      overflow: hidden;
      margin: 14px 0 10px;
      display: none;
    }
    .innobudsIcoHeicTool-progress-fill {
      height: 10px;
      width: 0%;
      background: #3c75cc;
      transition: width 0.4s ease-in-out;
    }

    @media (max-width: 520px) {
      .innobudsIcoHeicTool-container { padding: 16px; }
      .innobudsIcoHeicTool-dropzone { padding: 50px; }
    }
    /*ico to heic ends*/