/*avif to jpg starts*/

.innobudsAvifJpgTool-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;
}
.innobudsAvifJpgTool-container h2 {
  margin-bottom: 16px;
  color: #333;
}
.innobudsAvifJpgTool-dropzone {
  border: 2px dashed #27ae60;
  padding: 55px;
  margin-bottom: 16px;
  background: #fff;
  cursor: pointer;
  border-radius: 8px;
  transition: background 0.3s;
}
.innobudsAvifJpgTool-dropzone:hover {
  background: #f4fff8;
}
.innobudsAvifJpgTool-dropzone p {
  margin: 0;
  color: #555;
  font-size: 16px;
}
.innobudsAvifJpgTool-dropzone input {
  display: none;
}
.innobudsAvifJpgTool-preview img {
  width: 100%;
  height: auto;
  max-height: 200px;
  object-fit: contain;
  border-radius: 6px;
  margin-bottom: 12px;
  border: 1px solid #ddd;
}
.innobudsAvifJpgTool-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;
}
.innobudsAvifJpgTool-btn:hover {
  background: #1e8f4e;
}
.innobudsAvifJpgTooldownload-btn {
  background: #3c75cc !important;
}
.innobudsAvifJpgTool-error {
  color: red;
  font-size: 14px;
  margin-top: 8px;
}
.innobudsAvifJpgTool-progress {
  width: 100%;
  height: 10px;
  background: #eee;
  border-radius: 20px;
  overflow: hidden;
  margin: 14px 0 10px;
  display: none;
}
.innobudsAvifJpgTool-progress-fill {
  height: 10px;
  width: 0%;
  background: #3c75cc;
  transition: width 0.4s ease-in-out;
}
@media (max-width: 520px) {
  .innobudsAvifJpgTool-container { padding: 16px; }
  .innobudsAvifJpgTool-dropzone { padding: 50px; }
}
#innobudsAvifJpgToolDropZone p, #innobudsAvifPngToolDropZone p,
#innobudsAvifWebpToolDropZone p, #innobudsAvifGifToolDropZone p,
#innobudsAvifSvgToolDropZone p, #innobudsAvifBmpToolDropZone p,
#innobudsAvifTiffToolDropZone p{text-align: center !important;}
/*avif to jpg ends*/

/*avif to png starts*/

.innobudsAvifPngTool-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;
}
.innobudsAvifPngTool-container h2 {
  margin-bottom: 16px;
  color: #333;
}
.innobudsAvifPngTool-dropzone {
  border: 2px dashed #27ae60;
  padding: 55px;
  margin-bottom: 16px;
  background: #fff;
  cursor: pointer;
  border-radius: 8px;
  transition: background 0.3s;
}
.innobudsAvifPngTool-dropzone:hover {
  background: #f4fff8;
}
.innobudsAvifPngTool-dropzone p {
  margin: 0;
  color: #555;
  font-size: 16px;
}
.innobudsAvifPngTool-dropzone input {
  display: none;
}
.innobudsAvifPngTool-preview img {
  width: 100%;
  height: auto;
  max-height: 200px;
  object-fit: contain;
  border-radius: 6px;
  margin-bottom: 12px;
  border: 1px solid #ddd;
}
.innobudsAvifPngTool-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;
}
.innobudsAvifPngTool-btn:hover {
  background: #1e8f4e;
}
.innobudsAvifPngTooldownload-btn {
  background: #3c75cc !important;
}
.innobudsAvifPngTool-error {
  color: red;
  font-size: 14px;
  margin-top: 8px;
}
.innobudsAvifPngTool-progress {
  width: 100%;
  height: 10px;
  background: #eee;
  border-radius: 20px;
  overflow: hidden;
  margin: 14px 0 10px;
  display: none;
}
.innobudsAvifPngTool-progress-fill {
  height: 10px;
  width: 0%;
  background: #3c75cc;
  transition: width 0.4s ease-in-out;
}
@media (max-width: 520px) {
  .innobudsAvifPngTool-container { padding: 16px; }
  .innobudsAvifPngTool-dropzone { padding: 50px; }
}
/*avif to png ends*/

/*avif to gif converter*/

.innobudsAvifGifTool-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;
}
.innobudsAvifGifTool-container h2 {
  margin-bottom: 16px;
  color: #333;
}
.innobudsAvifGifTool-dropzone {
  border: 2px dashed #27ae60;
  padding: 55px;
  margin-bottom: 16px;
  background: #fff;
  cursor: pointer;
  border-radius: 8px;
  transition: background 0.3s;
}
.innobudsAvifGifTool-dropzone:hover {
  background: #f4fff8;
}
.innobudsAvifGifTool-dropzone p {
  margin: 0;
  color: #555;
  font-size: 16px;
}
.innobudsAvifGifTool-dropzone input {
  display: none;
}
.innobudsAvifGifTool-preview img {
  width: 100%;
  height: auto;
  max-height: 200px;
  object-fit: contain;
  border-radius: 6px;
  margin-bottom: 12px;
  border: 1px solid #ddd;
}
.innobudsAvifGifTool-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;
}
.innobudsAvifGifTool-btn:hover {
  background: #1e8f4e;
}
.innobudsAvifGifTooldownload-btn {
  background: #3c75cc !important;
}
.innobudsAvifGifTool-error {
  color: red;
  font-size: 14px;
  margin-top: 8px;
}
.innobudsAvifGifTool-progress {
  width: 100%;
  height: 10px;
  background: #eee;
  border-radius: 20px;
  overflow: hidden;
  margin: 14px 0 10px;
  display: none;
}
.innobudsAvifGifTool-progress-fill {
  height: 10px;
  width: 0%;
  background: #3c75cc;
  transition: width 0.4s ease-in-out;
}
@media (max-width: 520px) {
  .innobudsAvifGifTool-container { padding: 16px; }
  .innobudsAvifGifTool-dropzone { padding: 50px; }
}
/*avif to gif ends*/

/*avif to webp starts*/

.innobudsAvifWebpTool-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;
}
.innobudsAvifWebpTool-container h2 {
  margin-bottom: 16px;
  color: #333;
}
.innobudsAvifWebpTool-dropzone {
  border: 2px dashed #27ae60;
  padding: 55px;
  margin-bottom: 16px;
  background: #fff;
  cursor: pointer;
  border-radius: 8px;
  transition: background 0.3s;
}
.innobudsAvifWebpTool-dropzone:hover {
  background: #f4fff8;
}
.innobudsAvifWebpTool-dropzone p {
  margin: 0;
  color: #555;
  font-size: 16px;
}
.innobudsAvifWebpTool-dropzone input {
  display: none;
}
.innobudsAvifWebpTool-preview img {
  width: 100%;
  height: auto;
  max-height: 200px;
  object-fit: contain;
  border-radius: 6px;
  margin-bottom: 12px;
  border: 1px solid #ddd;
}
.innobudsAvifWebpTool-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;
}
.innobudsAvifWebpTool-btn:hover {
  background: #1e8f4e;
}
.innobudsAvifWebpTooldownload-btn {
  background: #3c75cc !important;
}
.innobudsAvifWebpTool-error {
  color: red;
  font-size: 14px;
  margin-top: 8px;
}
.innobudsAvifWebpTool-progress {
  width: 100%;
  height: 10px;
  background: #eee;
  border-radius: 20px;
  overflow: hidden;
  margin: 14px 0 10px;
  display: none;
}
.innobudsAvifWebpTool-progress-fill {
  height: 10px;
  width: 0%;
  background: #3c75cc;
  transition: width 0.4s ease-in-out;
}
@media (max-width: 520px) {
  .innobudsAvifWebpTool-container { padding: 16px; }
  .innobudsAvifWebpTool-dropzone { padding: 50px; }
}
/*avif to webp ends*/

/*avif to svg starts*/

.innobudsAvifSvgTool-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;
}
.innobudsAvifSvgTool-container h2 {
  margin-bottom: 16px;
  color: #333;
}
.innobudsAvifSvgTool-dropzone {
  border: 2px dashed #27ae60;
  padding: 55px;
  margin-bottom: 16px;
  background: #fff;
  cursor: pointer;
  border-radius: 8px;
  transition: background 0.3s;
}
.innobudsAvifSvgTool-dropzone:hover {
  background: #f4fff8;
}
.innobudsAvifSvgTool-dropzone p {
  margin: 0;
  color: #555;
  font-size: 16px;
}
.innobudsAvifSvgTool-dropzone input {
  display: none;
}
.innobudsAvifSvgTool-preview img {
  width: 100%;
  height: auto;
  max-height: 200px;
  object-fit: contain;
  border-radius: 6px;
  margin-bottom: 12px;
  border: 1px solid #ddd;
}
.innobudsAvifSvgTool-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;
}
.innobudsAvifSvgTool-btn:hover {
  background: #1e8f4e;
}
.innobudsAvifSvgTooldownload-btn {
  background: #3c75cc !important;
}
.innobudsAvifSvgTool-error {
  color: red;
  font-size: 14px;
  margin-top: 8px;
}
.innobudsAvifSvgTool-progress {
  width: 100%;
  height: 10px;
  background: #eee;
  border-radius: 20px;
  overflow: hidden;
  margin: 14px 0 10px;
  display: none;
}
.innobudsAvifSvgTool-progress-fill {
  height: 10px;
  width: 0%;
  background: #3c75cc;
  transition: width 0.4s ease-in-out;
}
@media (max-width: 520px) {
  .innobudsAvifSvgTool-container { padding: 16px; }
  .innobudsAvifSvgTool-dropzone { padding: 50px; }
}
/*avif to svg ends*/

/*avif to bmp starts*/

.innobudsAvifBmpTool-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;
}
.innobudsAvifBmpTool-container h2 {
  margin-bottom: 16px;
  color: #333;
}
.innobudsAvifBmpTool-dropzone {
  border: 2px dashed #27ae60;
  padding: 55px;
  margin-bottom: 16px;
  background: #fff;
  cursor: pointer;
  border-radius: 8px;
  transition: background 0.3s;
}
.innobudsAvifBmpTool-dropzone:hover {
  background: #f4fff8;
}
.innobudsAvifBmpTool-dropzone p {
  margin: 0;
  color: #555;
  font-size: 16px;
}
.innobudsAvifBmpTool-dropzone input {
  display: none;
}
.innobudsAvifBmpTool-preview img {
  width: 100%;
  height: auto;
  max-height: 200px;
  object-fit: contain;
  border-radius: 6px;
  margin-bottom: 12px;
  border: 1px solid #ddd;
}
.innobudsAvifBmpTool-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;
}
.innobudsAvifBmpTool-btn:hover {
  background: #1e8f4e;
}
.innobudsAvifBmpTooldownload-btn {
  background: #3c75cc !important;
}
.innobudsAvifBmpTool-error {
  color: red;
  font-size: 14px;
  margin-top: 8px;
}
.innobudsAvifBmpTool-progress {
  width: 100%;
  height: 10px;
  background: #eee;
  border-radius: 20px;
  overflow: hidden;
  margin: 14px 0 10px;
  display: none;
}
.innobudsAvifBmpTool-progress-fill {
  height: 10px;
  width: 0%;
  background: #3c75cc;
  transition: width 0.4s ease-in-out;
}
@media (max-width: 520px) {
  .innobudsAvifBmpTool-container { padding: 16px; }
  .innobudsAvifBmpTool-dropzone { padding: 50px; }
}
/*avif to bmp ends*/
/*avif to tiff starts*/

.innobudsAvifTiffTool-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;
}

.innobudsAvifTiffTool-container h2 {
  margin-bottom: 16px;
  color: #333;
}

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

.innobudsAvifTiffTool-dropzone:hover {
  background: #f4fff8;
}

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

.innobudsAvifTiffTool-dropzone input {
  display: none;
}

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

.innobudsAvifTiffTool-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;
}

.innobudsAvifTiffTool-btn:hover {
  background: #1e8f4e;
}

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

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

.innobudsAvifTiffTool-progress {
  width: 100%;
  height: 10px;
  background: #eee;
  border-radius: 20px;
  overflow: hidden;
  margin: 14px 0 10px;
  display: none;
}

.innobudsAvifTiffTool-progress-fill {
  height: 10px;
  width: 0%;
  background: #3c75cc;
  transition: width 0.4s ease-in-out;
}

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


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