@section('meta_keywords', "convert rtf to pdf, rtf to pdf converter online ?? null)
@section('main-container')

<style>
    .drag-and-drop {
        border: 2px dashed #ccc;
        padding: 20px;
        text-align: center;
        margin: 20px 0;
        width: 100%;
    }
    #upload-link:hover {
        background-color: transparent !important;
    }
    .reload_convert-btn{
        text-decoration: none;
        position: relative;
        z-index: 1;
        border: 1.5px dashed #A236B2;
        padding: 12px 100px;
        cursor: pointer;
        color:#A236B2
    }
    .reload_convert-btn:hover{
        border-color: #000; 
    }
    .related-tools {
        padding: 60px 0;
        background: linear-gradient(135deg, #A236B1, #7B1FA2);
    }
    
    .related-tools .title1 {
        color: #ffffff;
        font-size: 42px;
        font-weight: 700;
        text-align: center;
    }
    
    .related-tools p {
        color: #ffffff;
        font-size: 16px;
        max-width: 700px;
        margin: 15px auto 40px auto;
    }
    
    .tool-card {
        background: #ffffff;
        border-radius: 12px;
        padding: 25px 15px;
        text-align: center;
        margin-bottom: 25px;
        transition: all 0.3s ease;
        box-shadow: 0 5px 15px rgba(0,0,0,0.08);
    }
    
    .tool-card a {
        text-decoration: none;
        font-weight: 600;
        font-size: 16px;
        color: #A236B1;
        display: block;
    }
    
    .tool-card:hover {
        transform: translateY(-8px);
        box-shadow: 0 15px 30px rgba(0,0,0,0.2);
    }
    
    .tool-card:hover a {
        color: #7B1FA2;
    }
</style>

<div class="main">
    <div class="tool tool--small">
        <div class="tool__workarea" id="workArea">
            <div id="dropArea">
            </div>
            <div class="tool__header">
                <h1 class="tool__header__title">RTF to PDF</h1>
                <h2 class="tool__header__subtitle">RTF to PDF is a free online tool that converts Rich Text Format (RTF) files into professional-quality PDF documents. Convert RTF to PDF online without installing software while preserving formatting, layout, fonts, and document structure.</h2>
            </div>
            <div class="uploading__bar uploading__bar--small">
                <span class="uploading__bar__completed"></span>
            </div>

            <div id="uploader" class="uploader upload_file-container">
                <div id="dragAndDrop" class="new_drag-and-drop">
                    <h3>UPLOAD YOUR FILES HERE</h3>
                    <div class="upload-options">
                        <a id="upload-link" href="javascript:void(0);" title="Upload file" style="text-decoration: none;">
                            <div class="drop-box-upload">
                                <img src="https://img.icons8.com/?size=100&id=39210&format=png&color=000000" alt="PC upload icon" />
                                <span>Upload from PC</span>
                            </div>
                        </a>
                
                        <a href="javascript:void(0);" id="upload-dropbox" style="text-decoration: none;" onclick="handleFileUploadFromDropBox()">
                            <div class="drop-box-upload">
                                <img src="https://img.icons8.com/?size=100&id=11106&format=png&color=000000" alt="Dropbox upload icon" />
                                <span>Upload from Dropbox</span>
                            </div>
                        </a>
                    </div>
                    <p>— OR —</p>
                    <p>DRAG & DROP RTF HERE</p>
                    <input type="file" id="fileInput" accept=".rtf" style="display: none;">
                </div>
            </div>
            <div class="file_preview d-none">
                <div style="display: flex;justify-content: center;">
                    <div class="file-preview" id="file-preview" style="width:500px;"></div>
                </div>
            </div>
        </div>

        <div class="side-panel d-none" style="padding-top: 15px !important;justify-content: start !important">
            <div class="mt-2">
                <div class="title2" style="text-align:left;">RTF to PDF</div>
            </div>
            <br>
            <div id="convert" class="uploader" style="width: 100% !important">
                <a id="PDFtoJPG" class="convert-api upload_btn tooltip--left active reload_convert-btn" href="#" disabled onclick="" title="Convert" data-title="Convert">
                    <span class="">Convert</span>
                </a>
            </div>
            <br>
            <br>
            <div id="Reload" class="uploader" style="width: 100% !important">
                <a id="PDFtoJPG" class="convert-api upload_btn tooltip--left active reload_convert-btn" style="padding: 12px 105px !important" href="#" disabled onclick=""  data-title="Reload">
                    <span class="">Reload</span>
                </a>
            </div>
            <br>
            <br>
            <div id="view_download_uploadFile" class="gap-3 justify-content-center" style="display:none">
                <div id="view_pdf">
                    <a id="view_upload_pdf" class="reload_convert-btn tooltip--left active" href="#"
                        title="View PDF" data-title="View PDF" style="position: relative; z-index: 1;padding:12px 20px">
                        
                        <span>View</span>
                    </a>
                </div>
                <div id="Download_pdf">
                    <a id="Download_upload_pdf" class="reload_convert-btn tooltip--left active" href="#"
                        title="Download PDF" data-title="Download PDF" style="position: relative; z-index: 1;padding:12px 20px">
                        <span>Download</span>
                    </a>
                </div>
            </div>
        </div>
    </div>
</div>
<div class="related-tools">
    <div class="container">
        
        <div class="text-center">
            <div class="title1">RTF to PDF – Related Tools</div>
            <p>Enhance your text document conversions with tools designed for editing, organizing, and compressing PDFs.</p>
        </div>

        <div class="row mt-4">

            <div class="col-md-3 col-sm-6">
                <div class="tool-card">
                    <a href="/word-to-pdf">Word to PDF</a>
                </div>
            </div>

            <div class="col-md-3 col-sm-6">
                <div class="tool-card">
                    <a href="/pdf-editor">PDF Editor</a>
                </div>
            </div>

            <div class="col-md-3 col-sm-6">
                <div class="tool-card">
                    <a href="/organize-pdf">Organize PDF</a>
                </div>
            </div>

            <div class="col-md-3 col-sm-6">
                <div class="tool-card">
                    <a href="/compress-pdf">Compress PDF</a>
                </div>
            </div>
            
            <div class="col-md-3 col-sm-6">
                <div class="tool-card">
                    <a href="/resize-pdf">Resize PDF</a>
                </div>
            </div>

            <div class="col-md-3 col-sm-6">
                <div class="tool-card">
                    <a href="/odt-to-pdf">ODT to PDF</a>
                </div>
            </div>
        </div>
    </div>
</div>
<div class="block block--white" id="aboutmerge">
    <div class="block__container">
        <div class="block__header">
            <h2 class="title1">
                How to Use RTF to PDF (Step-by-Step Guide)
            </h2>
        </div>
        <div class="block__body">
            <div class="row justify-content-center">

                <div class="col-md-6">
                    <div class="infocard infocard--fill">
                        <h3 class="infounit__title">Step 1: Upload Your RTF File</h3>
                        <div class="infounit__body">
                            Upload your RTF file by clicking the upload button or dragging and dropping it into the tool. Files created in Microsoft Word, LibreOffice, OpenOffice, or WordPad are fully supported.
                            <br><br>
                            No registration, no login, and no personal information required. The file structure is previewed automatically for smooth conversion.
                        </div>
                    </div>
                </div>

                <div class="col-md-6">
                    <div class="infocard infocard--fill">
                        <h3 class="infounit__title">Step 2: Automatic File Processing</h3>
                        <div class="infounit__body">
                            After upload, the system analyses your RTF document, including text, fonts, headings, lists, tables, spacing, and alignment.
                            <br><br>
                            This ensures the document structure is fully understood before conversion.
                        </div>
                    </div>
                </div>

                <div class="col-md-6">
                    <div class="infocard infocard--fill">
                        <h3 class="infounit__title">Step 3: Convert RTF to PDF</h3>
                        <div class="infounit__body">
                            Click the Convert to PDF button. The tool instantly transforms your RTF file into a high-quality PDF.
                            <br><br>
                            Conversion ensures no content loss, accurate formatting, and professional layout — even for files up to 20 MB.
                        </div>
                    </div>
                </div>

                <div class="col-md-6">
                    <div class="infocard infocard--fill">
                        <h3 class="infounit__title">Step 4: Download the PDF File</h3>
                        <div class="infounit__body">
                            Download your converted PDF instantly. The final file can be printed, emailed, uploaded to websites, or archived without further editing.
                        </div>
                    </div>
                </div>

            </div>
        </div>
    </div>
</div>

<div class="block block--intro">
    <div class="block__container">
        <div class="block__header">
            <h2 class="title1">Key Features of RTF to PDF</h2>
        </div>

        <div class="block__body">
            <div class="row justify-content-center">
                <div class="col-xl-10 col-lg-12">
                    <div class="row">

                        <div class="col-lg-4 col-md-6 col-sm-12">
                            <div class="infocard infocard--fill">
                                <h3 class="infocard__title">100% Free & No Registration</h3>
                                <div class="infocard__body">
                                    Convert unlimited RTF files to PDF without signing up. Ideal for students, freelancers, office staff, and one-time users.
                                </div>
                            </div>
                        </div>

                        <div class="col-lg-4 col-md-6 col-sm-12">
                            <div class="infocard infocard--fill">
                                <h3 class="infocard__title">Preserves Original Formatting</h3>
                                <div class="infocard__body">
                                    Fonts, headings, spacing, bullet points, tables, and layout remain exactly as in the original RTF document.
                                </div>
                            </div>
                        </div>

                        <div class="col-lg-4 col-md-6 col-sm-12">
                            <div class="infocard infocard--fill">
                                <h3 class="infocard__title">High-Quality PDF Output</h3>
                                <div class="infocard__body">
                                    Produces sharp, professional PDFs suitable for business submissions, academic work, printing, and archiving.
                                </div>
                            </div>
                        </div>

                        <div class="col-lg-4 col-md-6 col-sm-12">
                            <div class="infocard infocard--fill">
                                <h3 class="infocard__title">Fast & Efficient Conversion</h3>
                                <div class="infocard__body">
                                    Most RTF files are converted within seconds, even large or multi-page documents with complex formatting.
                                </div>
                            </div>
                        </div>

                        <div class="col-lg-4 col-md-6 col-sm-12">
                            <div class="infocard infocard--fill">
                                <h3 class="infocard__title">Fully Online & Installation-Free</h3>
                                <div class="infocard__body">
                                    Works directly in your browser. No software, plugins, or extensions required on any device.
                                </div>
                            </div>
                        </div>

                        <div class="col-lg-4 col-md-6 col-sm-12">
                            <div class="infocard infocard--fill">
                                <h3 class="infocard__title">Secure & Private</h3>
                                <div class="infocard__body">
                                    Files are transferred using encrypted connections and are not stored permanently, protecting sensitive data.
                                </div>
                            </div>
                        </div>

                        <div class="col-lg-4 col-md-6 col-sm-12">
                            <div class="infocard infocard--fill">
                                <h3 class="infocard__title">Supports Multiple Editors</h3>
                                <div class="infocard__body">
                                    Compatible with RTF files from Microsoft Word, LibreOffice, OpenOffice, and WordPad without formatting issues.
                                </div>
                            </div>
                        </div>

                        <div class="col-lg-4 col-md-6 col-sm-12">
                            <div class="infocard infocard--fill">
                                <h3 class="infocard__title">Beginner-Friendly Interface</h3>
                                <div class="infocard__body">
                                    Clean, simple design with clear buttons. No technical knowledge or instructions required.
                                </div>
                            </div>
                        </div>

                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

<div class="block block--white" id="use-cases">
    <div class="block__container">
        <div class="block__header">
            <h2 class="title1">Industrial Applications of RFT to PDF</h2>
        </div>

        <div class="block__body">
            <div class="row justify-content-center">

                <!-- Business -->
                <div class="col-md-6">
                    <div class="infounit infounit--fill">
                        <h3 class="infounit__title">Business and Corporate Documents</h3>
                        <div class="infounit__body">
                            RFT to PDF conversion helps businesses lock document content, preserve formatting
                            across devices, and deliver professional files to clients and partners.
                            PDFs ensure consistency on Windows, macOS, tablets, and smartphones,
                            strengthening brand credibility and reducing miscommunication.
                        </div>
                    </div>
                </div>

                <!-- Education -->
                <div class="col-md-6">
                    <div class="infounit infounit--fill">
                        <h3 class="infounit__title">Education and Academic Institutions</h3>
                        <div class="infounit__body">
                            Students and educators use RFT for drafting assignments and research,
                            while PDFs are preferred for final submissions.
                            Converting RFT to PDF preserves layout for accurate grading
                            and ensures compatibility with academic portals.
                        </div>
                    </div>
                </div>

                <!-- Freelancers -->
                <div class="col-md-6">
                    <div class="infounit infounit--fill">
                        <h3 class="infounit__title">Freelancers and Remote Workers</h3>
                        <div class="infounit__body">
                            Freelancers convert RFT contracts, proposals, and invoices into PDFs
                            to prevent edits, protect content, and deliver polished documents.
                            PDFs are easier to review, sign, archive, and share securely online.
                        </div>
                    </div>
                </div>

                <!-- Legal -->
                <div class="col-md-6">
                    <div class="infounit infounit--fill">
                        <h3 class="infounit__title">Legal and Compliance Documents</h3>
                        <div class="infounit__body">
                            Legal teams rely on PDF formats to preserve document integrity
                            and prevent unauthorized changes.
                            RFT to PDF conversion helps meet compliance standards
                            and create official, non-editable records.
                        </div>
                    </div>
                </div>

                <!-- Government -->
                <div class="col-md-6">
                    <div class="infounit infounit--fill">
                        <h3 class="infounit__title">Government and Administrative Use</h3>
                        <div class="infounit__body">
                            Government portals often require PDF submissions.
                            Converting RFT to PDF reduces rejection rates,
                            ensures compatibility with official systems,
                            and standardizes documentation across departments.
                        </div>
                    </div>
                </div>

                <!-- Publishing -->
                <div class="col-md-6">
                    <div class="infounit infounit--fill">
                        <h3 class="infounit__title">Publishing and Documentation</h3>
                        <div class="infounit__body">
                            Publishers and documentation teams draft in RFT
                            and convert to PDF for final publication.
                            This ensures consistent layout, print-ready quality,
                            and professional presentation across digital platforms.
                        </div>
                    </div>
                </div>

                <!-- Personal -->
                <div class="col-md-6">
                    <div class="infounit infounit--fill">
                        <h3 class="infounit__title">Personal and Everyday Use</h3>
                        <div class="infounit__body">
                            Individuals convert resumes, cover letters, and personal records
                            from RFT to PDF to prevent formatting issues.
                            PDFs are universally accepted and easy to share across all devices.
                        </div>
                    </div>
                </div>

            </div>
        </div>
    </div>
</div>

<!-- FAQs -->
<div class="block1 block--intro" style="padding-top: 50px;">
    <div class="block__container" style="padding: 0px 0px 100px 0px;">
        <div class="block__header">
            <h2 class="title1" style="padding-top:20px; font-size: 32px; font-weight: 600;">
                Frequently Asked Questions
            </h2>
        </div>

        <div class="block__body" style="margin-top: 40px;">
            <div class="row justify-content-center">
                <div class="col-lg-8 col-md-12">
                    <div class="infodrop">

                        <div class="infodrop__item">
                            <h3 class="infodrop__title">1. What is an RFT file?</h3>
                            <div class="infodrop__content">
                                <p>
                                    RFT (Rich Text Format) is a document format that allows text exchange
                                    between different word processors and operating systems.
                                </p>
                            </div>
                        </div>

                        <div class="infodrop__item">
                            <h3 class="infodrop__title">2. Why should I convert RFT to PDF?</h3>
                            <div class="infodrop__content">
                                <p>
                                    PDF preserves formatting, layout, and structure across all devices
                                    while offering a more secure and professional file format.
                                </p>
                            </div>
                        </div>

                        <div class="infodrop__item">
                            <h3 class="infodrop__title">3. Will my formatting remain intact?</h3>
                            <div class="infodrop__content">
                                <p>
                                    Yes. Fonts, spacing, headings, tables, and layout
                                    are preserved during the RFT to PDF conversion.
                                </p>
                            </div>
                        </div>

                        <div class="infodrop__item">
                            <h3 class="infodrop__title">4. Do I need to install any software?</h3>
                            <div class="infodrop__content">
                                <p>
                                    No installation is required. The tool works fully online
                                    in your web browser on desktop and mobile devices.
                                </p>
                            </div>
                        </div>

                        <div class="infodrop__item">
                            <h3 class="infodrop__title">5. Are my files secure?</h3>
                            <div class="infodrop__content">
                                <p>
                                    Yes. Files are transferred securely and deleted automatically
                                    after conversion to protect your privacy.
                                </p>
                            </div>
                        </div>

                        <div class="infodrop__item">
                            <h3 class="infodrop__title">6. Is there a limit on file conversions?</h3>
                            <div class="infodrop__content">
                                <p>
                                    No limits. The tool is completely free to use
                                    with no registration or usage restrictions.
                                </p>
                            </div>
                        </div>

                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<script>
    var items = document.querySelectorAll('.infodrop__title');
    items.forEach(function(item) {
        item.addEventListener('click', function() {
            item.parentNode.classList.toggle('infodrop__item--open');
        });
    });
</script>
@endsection
<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <!-- meta title -->
    <title>Free RTF to PDF Converter Online | I Love PDF</title>
    <!-- meta description -->
    <meta name="description" content="Convert RTF to PDF online for free. Fast, secure, and easy to use. Turn your rich text files into high-quality PDFs in seconds. No signup required.">
    <!-- meta keywords -->
    
    <meta name="yandex-verification" content="d4182ac4caba0ce5" />
    <meta content="width=device-width, initial-scale=1.0" name="viewport" />
    <meta name="p:domain_verify" content="b2b7e86dc8dee71535c118c69c5fe794"/>
    <meta name="author" content="ilovepdf.biz" />
            <meta name="keywords" content="Convert PDFs Online, PDF Converter Tools, Free PDF Converter Tool">
    
    <!-- Yandex.RTB -->
    <script>window.yaContextCb=window.yaContextCb||[]</script>
    <script src="https://yandex.ru/ads/system/context.js" async></script>

    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha1/dist/css/bootstrap.min.css" rel="stylesheet">
    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha1/dist/js/bootstrap.bundle.min.js"></script>
    <link href="https://fonts.googleapis.com/css2?family=Pacifico&family=Dancing+Script&display=swap" rel="stylesheet">
    <link rel="stylesheet" href="https://code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css">
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css">


    <!-- Canonical Tag -->
    <link rel="canonical" href="https://ilovepdf.biz/rtf-to-pdf" />
    <link rel="apple-touch-icon" href="https://ilovepdf.biz/assets/img/fav-icon.png">
    
    <link rel="icon" type="image/png" sizes="16x16" href="https://ilovepdf.biz/assets/img/fav-icon.png">
    <meta property="og:site_name" content="Convert PDFs Online | Free PDF Converter Tools | I Love PDF" />
    <meta property="og:title" content="Convert PDFs Online | Free PDF Converter Tools | I Love PDF" />
    <meta property="og:description" content="Powerful online PDF converter tools to quickly convert, merge, compress, and edit PDFs for free. No downloads, no signup, secure processing, and easy drag‑and‑drop." />
    <meta property="og:image" content="https://ilovepdf.biz/assets/img/ilovepdf/social/en-US/ilovepdf.png" />
    <meta property="og:type" content="website" />
    <meta property="og:url" content="/" />
    <meta property="og:app_id" content="" />
    <meta name="twitter:card" content="summary_large_image">
    <meta name="twitter:site" content="@ilovepdf_biz">
    <meta name="twitter:creator" content="@ilovepdf_biz">
    <meta name="twitter:title" content="Convert PDFs Online | Free PDF Converter Tools | I Love PDF!">
    <meta name="twitter:description" content="Powerful online PDF converter tools to quickly convert, merge, compress, and edit PDFs for free. No downloads, no signup, secure processing, and easy drag‑and‑drop.">
    <meta name="twitter:image:src" content="https://ilovepdf.biz/assets/img/ilovepdf/social/en-US/ilovepdf.png" />

    
    
    
    
        <link rel="alternate" hreflang="en"        href="https://ilovepdf.biz/rtf-to-pdf" />
    <link rel="alternate" hreflang="es"        href="https://ilovepdf.biz/es/rtf-to-pdf" />
    <link rel="alternate" hreflang="fr"        href="https://ilovepdf.biz/fr/rtf-to-pdf" />
    <link rel="alternate" hreflang="ru"        href="https://ilovepdf.biz/ru/rtf-to-pdf" />
    <link rel="alternate" hreflang="pt"        href="https://ilovepdf.biz/pt/rtf-to-pdf" />
    <link rel="alternate" hreflang="pl"        href="https://ilovepdf.biz/pl/rtf-to-pdf" />
    <link rel="alternate" hreflang="vi"        href="https://ilovepdf.biz/vi/rtf-to-pdf" />
    <link rel="alternate" hreflang="hi"        href="https://ilovepdf.biz/hi/rtf-to-pdf" />
    <link rel="alternate" hreflang="id"        href="https://ilovepdf.biz/id/rtf-to-pdf" />
    <link rel="alternate" hreflang="de"        href="https://ilovepdf.biz/de/rtf-to-pdf" />
    <link rel="alternate" hreflang="x-default" href="https://ilovepdf.biz/rtf-to-pdf" />

    <link rel="apple-touch-icon" href="https://ilovepdf.biz/assets/img/fav-icon_1.png">
    <meta name="google-site-verification" content="" />

    <link rel="icon" type="image/png" sizes="16x16" href="https://ilovepdf.biz/assets/img/fav-icon_1.png">
    <!-- Google Tag Manager -->
    <script>
        (function(w, d, s, l, i) {
            w[l] = w[l] || [];
            w[l].push({
                'gtm.start': new Date().getTime(),
                event: 'gtm.js'
            });
            var f = d.getElementsByTagName(s)[0],
                j = d.createElement(s),
                dl = l != 'dataLayer' ? '&l=' + l : '';
            j.async = true;
            j.src =
                'https://www.googletagmanager.com/gtm.js?id=' + i + dl;
            f.parentNode.insertBefore(j, f);
        })(window, document, 'script', 'dataLayer', 'GTM-WTMWV6XT');
    </script>
    <!-- End Google Tag Manager -->

    <!-- GSC Code -->
    <meta name="google-site-verification" content="zozWZ5xmkcchTie1GfCkz4M7SMj5V2keaLksyUJsglc" />

    <link rel="preload" href="https://ilovepdf.biz/assets/font/Graphik-Bold.woff2" as="font" type="font/woff2" crossorigin="anonymous">
    <link rel="preload" href="https://ilovepdf.biz/assets/font/Graphik-Semibold.woff2" as="font" type="font/woff2" crossorigin="anonymous">
    <link rel="preload" href="https://ilovepdf.biz/assets/font/Graphik-Medium.woff2" as="font" type="font/woff2" crossorigin="anonymous">
    <link rel="preload" href="https://ilovepdf.biz/assets/font/Graphik-Regular.woff2" as="font" type="font/woff2" crossorigin="anonymous">


    <script>
        (function() {
            window.__browserSupports__ = [];
            try {
                var grid_supported = typeof document.createElement('div').style.grid === 'string';
                grid_supported ? window.__browserSupports__.push('grid') : window.__browserSupports__.push('not:grid');
            } catch (e) {}

            var interval = null;
            var fn = function() {
                document.body.setAttribute("data-browser-supports", window.__browserSupports__.join(" "));
                clearInterval(interval);
                interval = null;
            }

            interval = setInterval(function() {
                if (document.body) fn();
            }, 5);
        })();
    </script>

    <link rel="prefetch" href="https://ilovepdf.biz/assets/js/plupload/plupload.full.min.js" crossorigin="anonymous">
    
    <link href="https://ilovepdf.biz/assets/css/app.d3d37ef.css" rel="stylesheet">
    <link href="https://ilovepdf.biz/assets/css/web.d3d37ef.css" rel="stylesheet">
    <link href="https://ilovepdf.biz/assets/css/ilovepdf-mainlayout.css" rel="stylesheet">
    <link href="https://ilovepdf.biz/assets/css/pages.d3d37ef.css" rel="stylesheet">
    <link href="https://ilovepdf.biz/assets/css/sign.d3d37ef.css" rel="stylesheet">

    <!-- Include PDF.js library -->
    <script src="https://cdnjs.cloudflare.com/ajax/libs/pdf.js/2.11.338/pdf.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/xlsx/0.17.5/xlsx.full.min.js"></script>

    <!-- <script src="app.js"></script> -->
    <!-- Include Google API Client Library -->
    <script type="text/javascript" src="https://apis.google.com/js/api.js"></script>
    
    <script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-1532908277720682"
     crossorigin="anonymous"></script>
     
    <script type="text/javascript" src="https://www.dropbox.com/static/api/2/dropins.js" id="dropboxjs" data-app-key="qa1egzjqf2wszgi"></script>

    <style>
        .upload_file-container{
           width:50%;   
        }
        
        @media screen and (max-width: 800px) {
            .upload_file-container{
               width:100%;   
            }
        }

        .new_drag-and-drop {
            border: 2px dashed #bbb;
            border-radius: 18px;
            padding: 40px;
            text-align: center;
            background: linear-gradient(135deg, #f9fafb, #e9ecef);
            box-shadow: 0 8px 25px rgba(0, 0, 0, 0.1);
            transition: all 0.3s ease;
            width: 100%;
            max-width: 600px;
            margin: 40px auto;
        }

        .new_drag-and-drop:hover {
            background: linear-gradient(135deg, #ffffff, #f3f4f6);
            border-color: #A236B2;
            box-shadow: 0 10px 30px rgba(0, 126, 229, 0.2);
        }

        .new_drag-and-drop h3 {
            margin-bottom: 25px;
            color: #333;
            font-weight: 700;
            letter-spacing: 0.5px;
        }

        .upload-options {
            display: flex;
            justify-content: center;
            gap: 25px;
            flex-wrap: wrap;
            margin-bottom: 25px;
        }

        .drop-box-upload {
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            width: 130px;
            height: 130px;
            background: linear-gradient(135deg, #f9fafb, #e5e7eb);
            border-radius: 18px;
            box-shadow: 0 6px 15px rgba(0, 0, 0, 0.15);
            transition: all 0.3s ease;
            cursor: pointer;
            text-align: center;
            padding: 10px;
        }

        .drop-box-upload:hover {
            transform: translateY(-6px) scale(1.05);
            background: linear-gradient(135deg, #ffffff, #f0f0f0);
            box-shadow: 0 10px 25px rgba(0, 0, 0, 0.25);
        }
        
        .world_wide_tabs {
            display: flex;
            justify-content: center;
            margin-bottom: 20px;
        }

        .world_wide_tab {
            padding: 10px 20px;
            border: 1px solid #ccc;
            cursor: pointer;
            transition: all 0.3s;
        }

        .world_wide_tab.active {
            background: #A236B2;
            border-color: #A236B2;
            color: #fff !important;
        }

        .drop-box-upload img {
            width: 55px;
            height: 55px;
            margin-bottom: 10px;
            filter: drop-shadow(0 2px 2px rgba(0, 0, 0, 0.2));
            transition: transform 0.3s ease;
        }

        .drop-box-upload:hover img {
            transform: rotate(8deg) scale(1.1);
        }

        .drop-box-upload span {
            font-size: 14px;
            font-weight: 600;
            color: #333;
            transition: color 0.3s ease;
        }

        .drop-box-upload:hover span {
            color: #A236B2;
        }

        .drag-and-drop p {
            color: #555;
            font-weight: 500;
            font-size: 15px;
            letter-spacing: 0.4px;
            margin-top: 20px;
        }
        .tool {
            align-items: start !important;
        }
        
        #pdf-container {
            width: 70%;
            height: 280px;
            border: 1px solid #ccc;
            overflow: hidden;
            position: relative;
            display: flex;
            justify-content: center;
            align-items: center;
        }

        @media(max-width: 500px) {
            #pdf-container {
                width: 700%;
                height: 200px;
                margin-bottom: 30px;
                padding: 20px;
            }
        }

        .side-panel {
            padding: 30px 20px 10px 20px;
        }

        @media (max-width: 500px) {
            .side-panel {
                padding: 0px !important;
                width: 87% !important;
            }
        }

        .tool__workarea {
            overflow-y: auto;
        }

        canvas {
            display: block;
        }

        #upload-link:hover {
            background-color: #45a049;
        }

        #fileInput {
            display: none;
        }

        .pagination-controls {

            margin-top: 20px;
            text-align: center;
        }

        .pagination-controls button {
            padding: 10px 20px;
            margin: 0 10px;
            cursor: pointer;
        }

        /* compress pdf css */

        .pdf-thumbnail-container {
            position: relative;
            display: inline-block;
            margin: 10px;
            text-align: center;
        }

        .pdf-thumbnail {
            width: 100px;
            height: auto;
            display: block;
        }

        .pdf-container {
            position: relative;
            display: flex;
            flex-wrap: wrap;
            align-items: flex-start;
            width: 100%;
            /* Main container width */
        }

        .right-panel {
            position: relative;
            width: 30%;
            /* Panel width */
            min-height: 200px;
            /* Minimum height */
            border-left: 1px solid #ddd;
            /* Optional border for separation */
            display: flex;
            justify-content: center;
            align-items: flex-end;
            padding-bottom: 20px;
            /* Space for the button */
        }

        .delete-button {
            position: absolute;
            top: 0;
            right: 0;
            background-color: red;
            color: white;
            border: none;
            border-radius: 50%;
            cursor: pointer;
            width: 20px;
            height: 20px;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 16px;
            line-height: 16px;
        }

        .pdf-filename {
            display: block;
            margin-top: 5px;
            font-size: 14px;
            word-wrap: break-word;
            width: 100px;
        }

        .drag-and-drop {
            border: 2px dashed #ccc;
            padding: 20px;
            text-align: center;
            margin: 20px 0;
            width: 100%;
        }

        .merge-btn {
            padding: 10px 20px;
            background-color: #f0f0f0;
            color: #aaa;
            text-decoration: none;
            border-radius: 5px;
            pointer-events: none;
            /* Disable pointer events */
        }

        .merge-btn:hover {
            background-color: #e0e0e0;
        }

        .header nav .menu>ul>li.has-dropdown:hover> :first-child:after {
            left: calc(24% - 12px);
        }

        @media (max-width:1650px) {
            .header nav .menu>ul>li.has-dropdown:hover> :first-child:after {
                left: calc(28% - 12px);
            }
        }

        ul.second-menu {
            width: 61% !important;
        }


        /* Loaders CSS */

        .loader {
            border: 8px solid #f3f3f3;
            /* Light grey */
            border-top: 8px solid #A236B2;
            /* Blue */
            border-radius: 50%;
            width: 80px;
            height: 80px;
            animation: spin 2s linear infinite;
            display: none;
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            z-index: 1000;
        }

        @media(max-width:500px) {
            .loader {
                left: 39%;
            }

            .tool {
                flex-direction: column;
            }

            .tool__workarea {
                min-height: 200px;
            }

            #uploader {
                width: 100% !important
            }

            .downloader__btn,
            .uploader__btn {
                margin-top: 25px;
            }
        }

        @keyframes spin {
            0% {
                transform: rotate(0deg);
            }

            100% {
                transform: rotate(360deg);
            }
        }

        .loader-overlay {
            position: fixed;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            background-color: rgba(255, 255, 255, 0.8);
            display: none;
            z-index: 999;
        }

        .downloader__btn,
        .uploader__btn {
            background: #fff;
        }

        .uploader__btn:hover {
            background-color: #A236B2;
            color: #fff !important;
        }
    </style>

    <meta name="msvalidate.01" content="A3273FD44BA3A17D45711879D2FB0F21" />

</head>

<body class="lang-en-US home"><!-- Google Tag Manager (noscript) -->
    <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-WTMWV6XT" height="0" width="0"
        style="display:none;visibility:hidden"></iframe></noscript>
<!-- End Google Tag Manager (noscript) -->
<style>
/* @media (max-width: 1650px) { */

    .header nav .menu>ul>li.has-dropdown:hover> :first-child:after {
        display: none !important;
    }
    #md_screen_none{
        display: flex;
    }
    #menu_md{
        display: none;
    }
    a:hover{
        color: #A236B2 !important;
    }
    @media screen and (max-width: 1030px){
        #md_screen_none{
            display: none
        }
        #menu_md{
            display: block
        }
    }
    .header nav .actions > ul > li.has-dropdown:hover > a,
    .header nav .actions > ul > li.has-dropdown:hover > span,
    .header nav .menu > ul > li.has-dropdown:hover > a,
    .header nav .menu > ul > li.has-dropdown:hover > span{
        color: #A236B2 !important;
    }

    .ico--faq:hover{
        color: #A236B2 !important;
    }
    
    .active{
        color: #A236B2 !important;
    }
/* } */
</style>
<header class="header">
    <nav>
        <a class="brand" href="/" id="logoLink" title="ILovePDF">
            <img src="https://ilovepdf.biz/assets/img/ilovepdf.png" alt="ILovePDF" />
        </a>
        <div class="menu" style="margin-right: 0px;">
                        
            <ul>
                <a href="https://ilovepdf.biz/pdf-editor" id="pdf_editor">
                    <span id="nav__title_pdf_editor" class="mr-3" style="font-size: inherit">
                        PDF EDITOR
                    </span>
                </a>
            </ul>
            <ul>
                <a href="https://ilovepdf.biz/merge-pdf" id="merge_pdf">
                    <span id="nav__title_merge_pdf" class="mr-3" style="font-size: inherit;text-transform: uppercase;">
                        MERGE PDF
                    </span>
                </a>
            </ul>
            <ul>
                <a href="https://ilovepdf.biz/split-pdf" id="split_pdf">
                    <span id="nav__title_split_pdf" class="mr-3" style="font-size: inherit;text-transform: uppercase;">
                        SPLIT PDF
                    </span>
                </a>
            </ul>
            <ul>
                <a href="https://ilovepdf.biz/compress-pdf" id="compress_pdf">
                    <span id="nav__title_compress_pdf" class="mr-3" style="font-size: inherit;text-transform: uppercase;">
                        COMPRESS PDF
                    </span>
                </a>
            </ul>
        </div>
        <div class="menu" style="margin:0px;">
                <ul>
                    <li class="has-dropdown">
                        <span class="d-flex align-items-center gap-2">
                            <span id="nav_md__title_all">All Tools</span>

                            <img src="https://ilovepdf.biz/assets/img/svg_icons/down-arrow.svg" alt="down arrow"
                                width="11" height="11" />
                        </span>
                        <div class="dropdown full--dropdown" style="width:600px;">
                            <ul class="row" style="padding:10px 0px;">
                                <div class="col-md-4">
                                    <span id="nav__title_2" style="margin-left: 13px;">
                                        Convert to PDF
                                    </span>
                                    <br>
                                    <li class="col-md-6"><a href="/gif-to-pdf" id="gifToPdfLink"><img class="svg"
                                                src="https://ilovepdf.biz/assets/img/tools/gif-to-pdf.svg" alt="GIF TO PDF" />GIF
                                            to PDF</a></li>
                                    <li class="col-md-6"><a href="/ico-to-pdf" id="icoToPdfLink"><i
                                                class="ico ico--htmlpdf"></i>ICO
                                            to PDF</a></li>
                                    <li class="col-md-6"><a href="/powerpoint-to-pdf" id="powerpointToPdfLink"><i
                                                class="ico ico--powerpointpdf"></i>POWERPOINT to PDF</a></li>
                                    <li class="col-md-6"><a href="/png-to-pdf" id="pngToPdfLink"><i
                                                class="ico ico--jpgpdf"></i>PNG
                                            to PDF</a></li>
                                    <li class="col-md-6"><a href="/word-to-pdf" id="wordToPdfLink"><i
                                                class="ico ico--jpgpdf"></i>Word to PDF</a></li>
                                </div>
                                <div class="col-md-4">
                                    <div>
                                        <span id="nav__title_8" style="margin-left: 13px;">Convert From PDF</span>
                                        <br>
                                        <li class="col-md-6"><a href="/pdf-to-html" id="pdfTohtml2"><i
                                                    class="ico ico--pdfexcel"></i> PDF to HTML</a></li>
                                        <li class="col-md-6"><a href="/pdf-to-word" id="pdfToword3"><i class="ico ico--pdfword"></i>
                                                PDF toWORD</a></li>
                                        <li class="col-md-6"><a href="/pdf-to-jpg" id="pdfTojpg2"><i class="ico ico--pdfjpg"></i>
                                                PDF to JPG</a></li>
                                        <li class="col-md-6"><a href="/pdf-to-png" id="pdfTopng2"><i class="ico ico--pdfjpg"></i>
                                                PDF to PNG</a></li>
                                        <li class="col-md-6"><a href="/pdf-to-powerpoint" id="pdfTopowerpoint2"><i
                                                    class="ico ico--pdfpowerpoint"></i> PDF to POWERPOINT</a></li>
                                        <li class="col-md-6"><a href="/pdf-to-image" id="pdfTopowerimagen2"><i
                                                    class="ico ico--pdfa"></i> PDF to IMAGE</a></li>
                                        <li class="col-md-6"><a href="/pdf-to-excel" id="pdfTopowerexcel2"><i
                                                    class="ico ico--pdfa"></i> PDF to Excel</a></li>
                                        <li class="col-md-6"><a href="/unlock-pdf" id="unlock-pdf2"><i class="ico ico--pdfa"></i>
                                                Unlock PDF</a></li>
                                        <li class="col-md-6"><a href="/pdf-to-text" id="pdfTotext2"><i class="ico ico--pdfa"></i>
                                                PDF to Text</a></li>
                                        <li class="col-md-6"><a href="/merge-pdf" id="merge-pdf2"><i class="ico ico--pdfa"></i>
                                                Merge PDF</a></li>
                                        <li class="col-md-6"><a href="/split-pdf" id="split-pdf2"><i class="ico ico--pdfa"></i>Split
                                                PDF</a></li>
                                        <li class="col-md-6"><a href="/delete-pdf-pages" id="remove-pages2"><i
                                                    class="ico ico--pdfa"></i>Delete PDF Pages</a></li>
                                        <li class="col-md-6"><a href="/rotate-pdf" id="rotate-pdf2"><i
                                                    class="ico ico--pdfa"></i>Rotate PDF</a></li>
                                    </div>
                                </div>
                                <div class="col-md-4">
                                    <div>
                                        <span id="nav__title_1" style="margin-left: 13px;">
                                            Image Tools
                                        </span>
                                        <br>
                                        <li class="col-md-6"><a href="/png-to-ico" id="pngToico"><i
                                            class="ico ico--rotate"></i>PNG TO ICO</a></li>
                                        <li class="col-md-6"><a href="/gif-to-png" id="gifTopng"><i
                                                    class="ico ico--rotate"></i>GIF TO PNG</a></li>
                                        <li class="col-md-6"><a href="/webp-to-png" id="webpTopng"><i
                                                    class="ico ico--rotate"></i>WEBP TO PNG</a></li>
                                        <li class="col-md-6"><a href="/heic-to-png" id="heicTopng"><i
                                                    class="ico ico--rotate"></i>HEIC TO PNG</a></li>
                                        <li class="col-md-6"><a href="/jfif-to-png" id="jfifTopng"><i
                                                    class="ico ico--rotate"></i>JFIF TO PNG</a></li>
                                        <li class="col-md-6"><a href="/jpg-to-webp" id="jpgTowebp"><i
                                                    class="ico ico--pagenumber"></i> JPG TO WEBP</a>
                                        </li>
                                        <li class="col-md-6"><a href="/heic-to-jpg" id="heicTojpg"><i
                                                    class="ico ico--rotate"></i>HEIC TO JPG</a></li>
                                        <li class="col-md-6"><a href="/avif-to-jpg" id="avifTojpg"><i
                                                    class="ico ico--rotate"></i>AVIF TO JPG</a></li>
                                    </div>
                                </div>
                            </ul>
                        </div>
                    </li>
                </ul>
            </div>
        </li>
        </ul>
        </div>
        
        <div class="actions">
            <ul id="menu_md">
                <li class="has-dropdown">
                    <span><i class="ico ico--hamburger"></i></span>
                    <div class="dropdown dropdown--single dropdown--left">
                        <ul>
                            <li class="has-dropdown">
                                <span><i class="ico ico--help" id="help-icon"></i> Help</span>
                                <ul class="dropdown">
                                    <li style="font-size: 11px"><a href="/faq" id="faq2"><i class="ico ico--faq"></i> FAQ</a>
                                    </li>
                                    <li style="font-size: 11px"><a href="/legal" id="legal2"><i class="ico ico--legal"></i> Legal &
                                            Privacy</a></li>
                                    <li><a href="/business" id="business2"><i class="ico ico--business"></i>
                                        Business</a></li>
                                    <li style="font-size: 11px"><a href="/about" id="about2"><i class="ico ico--about"></i> Our
                                            Story</a></li>
                                    <li style="font-size: 11px"><a href="/contact" id="contact2"><i class="ico ico--contact"></i>
                                            Contact</a></li>
                                    <li style="font-size: 11px"><a href="/disclaimer" id="disclaimer2"><i class="ico ico--documentation"></i>
                                        Disclaimer</a></li>
                                </ul>
                            </li>
                            <li class="divider"></li>
                            <li class="has-dropdown">
                                <span><i class="ico ico--lang" id="lang_icon"></i>Language</span>
                                <div class="dropdown lang">
                                    <span class="lang__current" style="font-size: 11px"><i class="ico ico--world"></i>English <i
                                            class="ico ico--down"></i></span>
                                    <ul class="lang__menu">
                                        <li style="font-size: 11px"><a id="english2"> English</a></li>
                                        <li style="font-size: 11px"><a id="spanish2"> Español</a></li>
                                        <li style="font-size: 11px"><a id="vietnamese2"> Tiếng Việt</a></li>
                                        <li style="font-size: 11px"><a id="hindi2"> हिन्दी</a></li>
                                        <li style="font-size: 11px"><a id="Indonesia2"> Indonesia</a></li>
                                        <li style="font-size: 11px"><a id="French2"> Français</a></li>
                                        <li style="font-size: 11px"><a href="/ru"> Russian</a></li>
                                        <li style="font-size: 11px"><a id="Polish2"> Polski</a></li>
                                        <li style="font-size: 11px"><a id="Portugues2"> Português</a></li>
                                        <li style="font-size: 11px"><a id="Dutch2"> Deutsch</a></li>
                                    </ul>
                                </div>
                            </li>
                            <li class="divider"></li>
                            <li class="has-dropdown">
                                <span id="nav_md__title_1">Image Tools</span>
                                <div class="dropdown lang">
                                    <ul class="lang__menu">
                                        <li><a href="/png-to-ico" id="pngToico2" style="font-size: 11px"><i class="ico ico--rotate"></i>PNG TO ICO</a></li>
                                        <li><a href="/gif-to-png" id="gifTopng2" style="font-size: 11px"><i class="ico ico--rotate"></i>GIF TO PNG</a></li>
                                        <li><a href="/webp-to-png" id="webpTopng2" style="font-size: 11px"><i class="ico ico--rotate"></i>WEBP TO PNG</a></li>
                                        <li><a href="/heic-to-png" id="heicTopng2" style="font-size: 11px"><i class="ico ico--rotate"></i>HEIC TO PNG</a></li>
                                        <li><a href="/jfif-to-png" id="jfifTopng2" style="font-size: 11px"><i class="ico ico--rotate"></i>JFIF TO PNG</a></li>
                                        <li><a href="/jpg-to-webp" id="jpgTowebp2" style="font-size: 11px"><i class="ico ico--pagenumber"></i> JPG TO WEBP</a>
                                        </li>
                                        <li><a href="/heic-to-jpg" id="heicTojpg2" style="font-size: 11px"><i class="ico ico--rotate"></i>HEIC TO JPG</a></li>
                                        <li><a href="/avif-to-jpg" id="avifTojpg2" style="font-size: 11px"><i class="ico ico--rotate"></i>AVIF TO JPG</a></li>
                                    </ul>
                                </div>
                            </li>
                            <li class="divider"></li>
                            <li class="has-dropdown">
                                <span id="nav_md__title_2">Convert to PDF</span>
                                <div class="dropdown lang">
                                    <ul class="lang__menu">
                                        <li><a href="/gif-to-pdf" id="gifToPdfLink2" style="font-size: 11px"><i class="ico ico--gifpdf"></i> GIF
                                            to PDF</a></li>
                                        <li><a href="/ico-to-pdf" id="icoToPdfLink2" style="font-size: 11px"><i class="ico ico--htmlpdf"></i>ICO
                                                to PDF</a></li>
                                        <li><a href="/powerpoint-to-pdf" id="powerpointToPdfLink2" style="font-size: 11px"><i
                                                    class="ico ico--powerpointpdf"></i>POWERPOINT to PDF</a></li>
                                        <li><a href="/png-to-pdf" id="pngToPdfLink2" style="font-size: 11px"><i class="ico ico--jpgpdf"></i>PNG
                                                to PDF</a></li>
                                        <li><a href="/word-to-pdf" id="wordToPdfLink2" style="font-size: 11px"><i
                                                    class="ico ico--jpgpdf"></i>Word to PDF</a></li>
                                    </ul>
                                </div>
                            </li>
                            <li class="divider"></li>
                            <li class="has-dropdown">
                                <span id="nav_md__title_3">Convert from PDF</span>
                                <div class="dropdown lang">
                                    <ul class="lang__menu">
                                        <li><a href="/pdf-to-html" id="pdfTohtml" style="font-size: 11px"><i class="ico ico--pdfexcel"></i> PDF to
                                            HTML</a></li>
                                        <li><a href="/pdf-to-word" id="pdfToword4" style="font-size: 11px"><i class="ico ico--pdfword"></i> PDF to
                                                WORD</a></li>
                                        <li><a href="/pdf-to-jpg" id="pdfTojpg" style="font-size: 11px"><i class="ico ico--pdfjpg"></i> PDF to
                                                JPG</a></li>
                                        <li><a href="/pdf-to-png" id="pdfTopng" style="font-size: 11px"><i class="ico ico--pdfjpg"></i> PDF to
                                                PNG</a></li>
                                        <li><a href="/pdf-to-powerpoint" id="pdfTopowerpoint" style="font-size: 11px"><i
                                                    class="ico ico--pdfpowerpoint"></i> PDF to POWERPOINT</a></li>
                                        <li><a href="/pdf-to-image" id="pdfTopowerimagen" style="font-size: 11px"><i class="ico ico--pdfa"></i> PDF
                                                to IMAGE</a></li>
                                        <li><a href="/pdf-to-excel" id="pdfTopowerexcel" style="font-size: 11px"><i class="ico ico--pdfa"></i> PDF
                                                to Excel</a></li>
                                        <li><a href="/unlock-pdf" id="unlock-pdf5" style="font-size: 11px"><i class="ico ico--pdfa"></i> Unlock
                                                PDF</a></li>
                                        <li><a href="/pdf-to-text" id="pdfTotext" style="font-size: 11px"><i class="ico ico--pdfa"></i> PDF to
                                                Text</a></li>
                                        <li><a href="/merge-pdf" id="merge-pdf5" style="font-size: 11px"><i class="ico ico--pdfa"></i> Merge
                                                PDF</a></li>
                                        <li><a href="/split-pdf" id="split-pdf5" style="font-size: 11px" ><i
                                            class="ico ico--pdfa"></i>Split PDF</a></li>
                                            <li class="col-md-6"><a href="/delete-pdf-pages" id="remove-pages"><i
                                                class="ico ico--pdfa"></i>Remove Pages</a></li>
                                            <li class="col-md-6"><a href="/rotate-pdf" id="rotate-pdf"><i
                                                class="ico ico--pdfa"></i>Rotate PDF</a></li>
                                    </ul>
                                </div>
                            </li>
                        </ul>
                    </div>
                </li>
            </ul>
            <ul>
                <li class="has-dropdown" id="md_screen_none">
                    <span class="d-flex align-items-center gap-2">
                        <span class="help-icon">
                            Help
                        </span>
                        <i class="ico ico--down">
                        </i>
                    </span>
                    <div class="dropdown dropdown--single dropdown--left">
                        <ul>
                            <li><a href="/faq" id="faq"><i class="ico ico--faq"></i> FAQ</a>
                            </li>
                            <li><a href="/legal" id="legal"><i class="ico ico--legal"></i> Legal &
                                    Privacy</a></li>
                            <li><a href="/business" id="business"><i class="ico ico--business"></i>
                                Business</a></li>
                            <li><a href="/about" id="about"><i class="ico ico--about"></i> Our
                                    Story</a></li>
                            <li><a href="/contact" id="contact"><i class="ico ico--contact"></i>
                                    Contact</a></li>
                            <li><a href="/disclaimer" id="disclaimer"><i class="ico ico--documentation"></i>
                                Disclaimer</a></li>
                        </ul>
                    </div>
                </li>
                <li class="has-dropdown" id="md_screen_none">
                    <span class="d-flex align-items-center gap-2">
                        <span class="lang-icon">
                            Language
                        </span>
                        <i class="ico ico--down">
                        </i>
                    </span>
                    <div class="dropdown dropdown--single dropdown--left lang">
                        <ul class="lang__menu">
                            <li><a id="english"> English</a></li>
                            <li><a id="spanish"> Español</a></li>
                            <li><a id="vietnamese"> Tiếng Việt</a></li>
                            <li><a id="hindi"> हिन्दी</a></li>
                            <li><a id="Indonesia"> Indonesia</a></li>
                            <li><a id="French"> Français</a></li>
                            <li><a href="/ru"> Russian</a></li>
                            <li><a id="Polish"> Polski</a></li>
                            <li><a id="Portugues"> Português</a></li>
                            <li><a id="Dutch"> Deutsch</a></li>
                            <!--<li><a href="/fr"> Français</a></li>
                                <li><a href="/it"> Italiano</a></li>
                                <li><a href="/pt"> Português</a></li>
                                <li><a href="/ja"> 日本語</a></li>
                                <li><a href="/ru"> Pусский</a></li>
                                <li><a href="/ko"> 한국어</a></li>
                                <li><a href="/zh-cn"> 中文 (简体)</a></li>
                                <li><a href="/zh-tw"> 中文 (繁體)</a></li>
                                <li><a href="/ar"> العربية</a></li>
                                <li><a href="/bg"> Български</a></li>
                                <li><a href="/ca"> Català</a></li>
                                <li><a href="/nl"> Nederlands</a></li>
                                <li><a href="/el"> Ελληνικά</a></li>
                                <li><a href="/ms"> Bahasa Melayu</a></li>
                                <li><a href="/pl"> Polski</a></li>
                                <li><a href="/sv"> Svenska</a></li>
                                <li><a href="/th"> ภาษาไทย</a></li>
                                <li><a href="/tr"> Türkçe</a></li>
                                <li><a href="/uk"> Українська</a></li>
                                <li><a href="/vi"> Tiếng Việt</a></li> -->
                        </ul>
                    </div>
                </li>
            </ul>
        </div>
    </nav>
</header>

<script>
    const path = window.location.pathname;
    const parts = path.split('/').filter(Boolean);
    const firstPart = path.split('/')[1];
    const firstPart2 = parts[0];
    const path2 = path.split('/')[0];
    const secondPart = parts[1] || '';
    const validLanguages = ['es', 'vi', 'hi', 'id', 'fr', 'pl', 'pt', 'de'];

    // Languages checking
    const basePath = secondPart ? '/' + secondPart : '';
    const englishPath = basePath ? path2 + basePath : "/";
    const spanishPath = '/es' + basePath;
    const vietnamesePath = '/vi' + basePath;
    const hindiPath = '/hi' + basePath;
    const indonesiaPath = '/id' + basePath;
    const frenchPath = '/fr' + basePath;
    const polishPath = '/pl' + basePath;
    const portuguesPath = '/pt' + basePath;
    const dutchPath = '/de' + basePath;

    document.getElementById('english').setAttribute('href', englishPath);
    document.getElementById('spanish').setAttribute('href', spanishPath);
    document.getElementById('vietnamese').setAttribute('href', vietnamesePath);
    document.getElementById('hindi').setAttribute('href', hindiPath);
    document.getElementById('Indonesia').setAttribute('href', indonesiaPath);
    document.getElementById('French').setAttribute('href', frenchPath);
    document.getElementById('Polish').setAttribute('href', polishPath);
    document.getElementById('Portugues').setAttribute('href', portuguesPath);
    document.getElementById('Dutch').setAttribute('href', dutchPath);
    // 2nd
    document.getElementById('english2').setAttribute('href', englishPath);
    document.getElementById('spanish2').setAttribute('href', spanishPath);
    document.getElementById('vietnamese2').setAttribute('href', vietnamesePath);
    document.getElementById('hindi2').setAttribute('href', hindiPath);
    document.getElementById('Indonesia2').setAttribute('href', indonesiaPath);
    document.getElementById('French2').setAttribute('href', frenchPath);
    document.getElementById('Polish2').setAttribute('href', polishPath);
    document.getElementById('Portugues2').setAttribute('href', portuguesPath);
    document.getElementById('Dutch2').setAttribute('href', dutchPath);
    

    if (firstPart === 'es') {
        document.getElementById('spanish').classList.add('active');
    } else if (firstPart === 'vi') {
        document.getElementById('vietnamese').classList.add('active');
    } else if (firstPart === 'hi') {
        document.getElementById('hindi').classList.add('active');
    } else if (firstPart === 'id') {
        document.getElementById('Indonesia').classList.add('active');
    } else if (firstPart === 'fr') {
        document.getElementById('French').classList.add('active');
    } else if (firstPart === 'pl') {
        document.getElementById('Polish').classList.add('active');
    } else if (firstPart === 'pt') {
        document.getElementById('Portugues').classList.add('active');
    } else if (firstPart === 'de') {
        document.getElementById('Dutch').classList.add('active');
    } else {
        document.getElementById('english').classList.add('active');
    }

    const links = [
        {
            id: 'gifToPdfLink',
            path: 'gif-to-pdf',
            newText: 'GIF sang PDF'
        },
        {
            id: 'icoToPdfLink',
            path: 'ico-to-pdf',
            newText: 'ICO sang PDF'
        },
        {
            id: 'powerpointToPdfLink',
            path: 'powerpoint-to-pdf',
            newText: 'POWERPOINT sang PDF'
        },
        {
            id: 'pngToPdfLink',
            path: 'png-to-pdf',
            newText: 'PNG sang PDF'
        },
        {
            id: 'wordToPdfLink',
            path: 'word-to-pdf',
            newText: 'WORD sang PDF'
        },
        {
            id: 'gifToPdfLink2',
            path: 'gif-to-pdf',
            newText: 'GIF sang PDF'
        },
        {
            id: 'icoToPdfLink2',
            path: 'ico-to-pdf',
            newText: 'ICO sang PDF'
        },
        {
            id: 'powerpointToPdfLink2',
            path: 'powerpoint-to-pdf',
            newText: 'POWERPOINT sang PDF'
        },
        {
            id: 'pngToPdfLink2',
            path: 'png-to-pdf',
            newText: 'PNG sang PDF'
        },
        {
            id: 'wordToPdfLink2',
            path: 'word-to-pdf',
            newText: 'WORD sang PDF'
        }          
    ];

    const links2 = [
        
        {
            id: 'pdfTohtml2',
            path: 'pdf-to-html',
            newText: 'PDF sang HTML',
            icon: 'ico--pdfhtml'
        },
        {
            id: 'pdfToword3',
            path: 'pdf-to-word',
            newText: 'PDF sang WORD',
            icon: 'ico--pdfword'
        },
        {
            id: 'pdfTojpg2',
            path: 'pdf-to-jpg',
            newText: 'PDF sang JPG',
            icon: 'ico--pdfjpg'
        },
        {
            id: 'pdfTopng2',
            path: 'pdf-to-png',
            newText: 'PDF sang PNG',
            icon: 'ico--pdfpng'
        },
        {
            id: 'pdfTopowerpoint2',
            path: 'pdf-to-powerpoint',
            newText: 'PDF sang POWERPOINT',
            icon: 'ico--pdfpowerpoint'
        },
        {
            id: 'pdfTopowerimagen2',
            path: 'pdf-to-image',
            newText: 'PDF sang IMAGE',
            icon: 'ico--pdfimage'
        },
        {
            id: 'pdfTopowerexcel2',
            path: 'pdf-to-excel',
            newText: 'PDF sang EXCEL',
            icon: 'ico--pdfexcel'
        },
        {
            id: 'unlock-pdf2',
            path: 'unlock-pdf',
            newText: 'Unlock PDF',
            icon: 'ico--unlockpdf'
        },
        {
            id: 'pdfTotext2',
            path: 'pdf-to-text',
            newText: 'PDF sang TEXT',
            icon: 'ico--pdftext'
        },
        {
            id: 'merge-pdf2',
            path: 'merge-pdf',
            newText: 'Merge PDF',
            icon: 'ico--mergpdf'
        },
        {
            id: 'split-pdf2',
            path: 'split-pdf',
            newText: 'Split PDF',
            icon: 'ico--mergpdf'
        },
        {
            id: 'rotate-pdf2',
            path: 'rotate-pdf',
            newText: 'Rotate PDF',
            icon: 'ico--rotatepdf'
        },
        {
            id: 'remove-pages2',
            path: 'delete-pdf-pages',
            newText: 'Delete PDF Pages',
            icon: 'ico--removePages'
        },
        // 2nd 
        {
            id: 'pdfTohtml',
            path: 'pdf-to-html',
            newText: 'PDF sang HTML',
            icon: 'ico--pdfhtml'
        },
        {
            id: 'pdfToword4',
            path: 'pdf-to-word',
            newText: 'PDF sang WORD',
            icon: 'ico--pdfword'
        },
        {
            id: 'pdfTojpg',
            path: 'pdf-to-jpg',
            newText: 'PDF sang JPG',
            icon: 'ico--pdfjpg'
        },
        {
            id: 'pdfTopng',
            path: 'pdf-to-png',
            newText: 'PDF sang PNG',
            icon: 'ico--pdfpng'
        },
        {
            id: 'pdfTopowerpoint',
            path: 'pdf-to-powerpoint',
            newText: 'PDF sang POWERPOINT',
            icon: 'ico--pdfpowerpoint'
        },
        {
            id: 'pdfTopowerimagen',
            path: 'pdf-to-image',
            newText: 'PDF sang IMAGE',
            icon: 'ico--pdfimage'
        },
        {
            id: 'pdfTopowerexcel',
            path: 'pdf-to-excel',
            newText: 'PDF sang EXCEL',
            icon: 'ico--pdfexcel'
        },
        {
            id: 'unlock-pdf5',
            path: 'unlock-pdf',
            newText: 'Unlock PDF',
            icon: 'ico--unlockpdf'
        },
        {
            id: 'pdfTotext',
            path: 'pdf-to-text',
            newText: 'PDF sang TEXT',
            icon: 'ico--pdftext'
        },
        {
            id: 'merge-pdf5',
            path: 'merge-pdf',
            newText: 'Merge PDF',
            icon: 'ico--mergpdf'
        },
        {
            id: 'split-pdf5',
            path: 'split-pdf',
            newText: 'Split PDF',
            icon: 'ico--mergpdf'
        },
        {
            id: 'rotate-pdf',
            path: 'rotate-pdf',
            newText: 'Rotate PDF',
            icon: 'ico--rotatepdf'
        },
        {
            id: 'remove-pages',
            path: 'delete-pdf-pages',
            newText: 'Delete PDF Pages',
            icon: 'ico--removePages'
        },
    ];

    const links3 = [
        {
            id: 'pngToico',
            path: 'png-to-ico',
            newText: 'PNG sang ICO',
            icon: 'ico--rotate'
        },
        {
            id: 'gifTopng',
            path: 'gif-to-png',
            newText: 'GIF sang PNG',
            icon: 'ico--rotate'
        },
        {
            id: 'pdfToword',
            path: 'pdf-to-word',
            newText: 'PDF sang WORD',
            icon: 'ico--rotate'
        },
        {
            id: 'webpTopng',
            path: 'webp-to-png',
            newText: 'WEBP sang PNG',
            icon: 'ico--rotate'
        },
        {
            id: 'heicTopng',
            path: 'heic-to-png',
            newText: 'HEIC sang PNG',
            icon: 'ico--rotate'
        },
        {
            id: 'jfifTopng',
            path: 'jfif-to-png',
            newText: 'JFIF sang PNG',
            icon: 'ico--rotate'
        },
        {
            id: 'jpgTowebp',
            path: 'jpg-to-webp',
            newText: 'JPG sang WEBP',
            icon: 'ico--pagenumber'
        },
        {
            id: 'heicTojpg',
            path: 'heic-to-jpg',
            newText: 'HEIC sang JPG',
            icon: 'ico--rotate'
        },
        {
            id: 'avifTojpg',
            path: 'avif-to-jpg',
            newText: 'AVIF sang JPG',
            icon: 'ico--rotate'
        },
        // new 2nd
        {
            id: 'pngToico2',
            path: 'png-to-ico',
            newText: 'PNG sang ICO',
            icon: 'ico--rotate'
        },
        {
            id: 'gifTopng2',
            path: 'gif-to-png',
            newText: 'GIF sang PNG',
            icon: 'ico--rotate'
        },
        {
            id: 'pdfToword2',
            path: 'pdf-to-word',
            newText: 'PDF sang WORD',
            icon: 'ico--rotate'
        },
        {
            id: 'webpTopng2',
            path: 'webp-to-png',
            newText: 'WEBP sang PNG',
            icon: 'ico--rotate'
        },
        {
            id: 'heicTopng2',
            path: 'heic-to-png',
            newText: 'HEIC sang PNG',
            icon: 'ico--rotate'
        },
        {
            id: 'jfifTopng2',
            path: 'jfif-to-png',
            newText: 'JFIF sang PNG',
            icon: 'ico--rotate'
        },
        {
            id: 'jpgTowebp2',
            path: 'jpg-to-webp',
            newText: 'JPG sang WEBP',
            icon: 'ico--pagenumber'
        },
        {
            id: 'heicTojpg2',
            path: 'heic-to-jpg',
            newText: 'HEIC sang JPG',
            icon: 'ico--rotate'
        },
        {
            id: 'avifTojpg2',
            path: 'avif-to-jpg',
            newText: 'AVIF sang JPG',
            icon: 'ico--rotate'
        }
    ];

    const links4 = [
        {
            id: 'faq',
            path: 'faq',
            texts: {
                en: 'FAQ',
                vi: 'Câu hỏi thường gặp',
                es: 'Preguntas Frecuentes',
                hi: 'अक्सर पूछे जाने वाले प्रश्न',
                id: 'Pertanyaan Umum',
                fr: 'FAQ',
                pl: 'Często zadawane pytania',
                pt: 'Perguntas frequentes',
                de: 'Veelgestelde vragen',
            },
            icon: 'ico--faq'
        },
        {
            id: 'faq2',
            path: 'faq',
            texts: {
                en: 'FAQ',
                vi: 'Câu hỏi thường gặp',
                es: 'Preguntas Frecuentes',
                hi: 'अक्सर पूछे जाने वाले प्रश्न',
                id: 'Pertanyaan Umum',
                fr: 'FAQ',
                pl: 'Często zadawane pytania',
                pt: 'Perguntas frequentes',
                de: 'Veelgestelde vragen',
            },
            icon: 'ico--faq'
        },
        {
            id: 'legal',
            path: 'legal',
            texts: {
                en: 'Legal & Privacy',
                vi: 'Pháp lý & Bảo mật',
                es: 'Legal y Privacidad',
                hi: 'कानूनी एवं गोपनीयता',
                id: 'Hukum & Privasi',
                fr: 'Légal & Confidentialité',
                pl: 'Informacje prawne i prywatność',
                pt: 'Jurídico e privacidade',
                de: 'Juridisch en privacy',
            },
            icon: 'ico--legal'
        },
        {
            id: 'legal2',
            path: 'legal',
            texts: {
                en: 'Legal & Privacy',
                vi: 'Pháp lý & Bảo mật',
                es: 'Legal y Privacidad',
                hi: 'कानूनी एवं गोपनीयता',
                id: 'Hukum & Privasi',
                fr: 'Légal & Confidentialité',
                pl: 'Informacje prawne i prywatność',
                pt: 'Jurídico e privacidade',
                de: 'Juridisch en privacy',
            },
            icon: 'ico--legal'
        },
        {
            id: 'about',
            path: 'about',
            texts: {
                en: 'Our Story',
                vi: 'Câu chuyện của chúng tôi',
                es: 'Nuestra Historia',
                hi: 'हमारी कहानी',
                id: 'Kisah kami',
                fr: 'à propos',
                pl: 'Nasza historia',
                pt: 'Nossa história',
                de: 'Ons verhaal',
            },
            icon: 'ico--about'
        },
        {
            id: 'about2',
            path: 'about',
            texts: {
                en: 'Our Story',
                vi: 'Câu chuyện của chúng tôi',
                es: 'Nuestra Historia',
                hi: 'हमारी कहानी',
                id: 'Kisah kami',
                fr: 'à propos',
                pl: 'Nasza historia',
                pt: 'Nossa história',
                de: 'Ons verhaal',
            },
            icon: 'ico--about'
        },
        {
            id: 'contact',
            path: 'contact',
            texts: {
                en: 'Contact',
                vi: 'Liên hệ',
                es: 'Contacto',
                hi: 'संपर्क',
                id: 'Kontak',
                fr: 'Contact',
                pl: 'Kontakt',
                pt: 'Contato',
                de: 'Contact',
            },
            icon: 'ico--contact'
        },
        {
            id: 'contact2',
            path: 'contact',
            texts: {
                en: 'Contact',
                vi: 'Liên hệ',
                es: 'Contacto',
                hi: 'संपर्क',
                id: 'Kontak',
                fr: 'Contact',
                pl: 'Kontakt',
                pt: 'Contato',
                de: 'Contact',
            },
            icon: 'ico--contact'
        },
        {
            id: 'disclaimer',
            path: 'disclaimer',
            texts: {
                en: 'Disclaimer',
                vi: 'Tuyên bố miễn trừ trách nhiệm',
                es: 'Descargo de responsabilidad',
                hi: 'अस्वीकरण',
                id: 'Penafian',
                fr: 'Clause de non-responsabilité',
                pl: 'Zastrzeżenie',
                pt: 'Isenção de responsabilidade',
                de: 'Vrijwaring',
            },
            icon: 'ico--documentation'
        },
        {
            id: 'disclaimer2',
            path: 'disclaimer',
            texts: {
                en: 'Disclaimer',
                vi: 'Tuyên bố miễn trừ trách nhiệm',
                es: 'Descargo de responsabilidad',
                hi: 'अस्वीकरण',
                id: 'Penafian',
                fr: 'Clause de non-responsabilité',
                pl: 'Zastrzeżenie',
                pt: 'Isenção de responsabilidade',
                de: 'Vrijwaring',
            },
            icon: 'ico--documentation'
        },
        {
            id: 'business',
            path: 'business',
            texts: {
                en: 'Business',
                vi: 'Việc kinh doanh',
                es: 'Negocio',
                hi: 'व्यापार',
                id: 'Bisnis',
                fr: 'Entreprise',
                pl: 'Biznes',
                pt: 'Negócios',
                de: 'Bedrijf',
            },
            icon: 'ico--business'
        },
        {
            id: 'business2',
            path: 'business',
            texts: {
                en: 'Business',
                vi: 'Việc kinh doanh',
                es: 'Negocio',
                hi: 'व्यापार',
                id: 'Bisnis',
                fr: 'Entreprise',
                pl: 'Biznes',
                pt: 'Negócios',
                de: 'Bedrijf',
            },
            icon: 'ico--business'
        },
    ];

    // logos IDs
    const logoLink = document.getElementById('logoLink');

    links.forEach(link => {
        const linkElement = document.getElementById(link.id);
        if (linkElement) {
            const pathParts = link.path ? link.path.split('-') : []; 
            const iconName = pathParts[0] || 'pdfjpg';

            if (firstPart === 'vi') {
                linkElement.href = `/vi/${link.path}`;
                linkElement.innerHTML = 
                    `<img src="https://ilovepdf.biz/assets/img/tools/header_icon/${iconName}.svg" alt="icon" width="25" height="25" /> ${link.newText}`;
                logoLink.href = `/vi`;
            } else if (firstPart === 'es') {
                linkElement.href = `/es/${link.path}`;
                linkElement.innerHTML = 
                    `<img src="https://ilovepdf.biz/assets/img/tools/header_icon/${iconName}.svg" alt="icon" width="25" height="25" /> ${link.newText.replace('sang', 'a')}`;
                logoLink.href = `/es`;
            } else if (firstPart === 'hi') {
                linkElement.href = `/hi/${link.path}`;
                linkElement.innerHTML = 
                    `<img src="https://ilovepdf.biz/assets/img/tools/header_icon/${iconName}.svg" alt="icon" width="25" height="25" /> ${link.newText.replace('sang', 'से')}`;
                logoLink.href = `/hi`;
            } else if (firstPart === 'id') {
                linkElement.href = `/id/${link.path}`;
                linkElement.innerHTML = 
                    `<img src="https://ilovepdf.biz/assets/img/tools/header_icon/${iconName}.svg" alt="icon" width="25" height="25" /> ${link.newText.replace('sang', 'ke')}`;
                logoLink.href = `/id`;
            } else if (firstPart === 'fr') {
                linkElement.href = `/fr/${link.path}`;
                linkElement.innerHTML = 
                    `<img src="https://ilovepdf.biz/assets/img/tools/header_icon/${iconName}.svg" alt="icon" width="25" height="25" /> ${link.newText.replace('sang', 'vers')}`;
                logoLink.href = `/fr`;
            } else if (firstPart === 'pl') {
                linkElement.href = `/pl/${link.path}`;
                linkElement.innerHTML = 
                    `<img src="https://ilovepdf.biz/assets/img/tools/header_icon/${iconName}.svg" alt="icon" width="25" height="25" /> ${link.newText.replace('sang', 'do')}`;
                logoLink.href = `/pl`;
            } else if (firstPart === 'pt') {
                linkElement.href = `/pt/${link.path}`;
                linkElement.innerHTML = 
                    `<img src="https://ilovepdf.biz/assets/img/tools/header_icon/${iconName}.svg" alt="icon" width="25" height="25" /> ${link.newText.replace('sang', 'para')}`;
                logoLink.href = `/pt`;
            } else if (firstPart === 'de') {
                linkElement.href = `/de/${link.path}`;
                linkElement.innerHTML = 
                    `<img src="https://ilovepdf.biz/assets/img/tools/header_icon/${iconName}.svg" alt="icon" width="25" height="25" /> ${link.newText.replace('sang', 'naar')}`;
                logoLink.href = `/de`;
            } else {
                linkElement.href = `/${link.path}`;
                linkElement.innerHTML = 
                    `<img src="https://ilovepdf.biz/assets/img/tools/header_icon/${iconName}.svg" alt="icon" width="25" height="25" /> ${link.newText.replace('sang', 'to')}`;
                logoLink.href = '/';
            }
        }

    });

    links2.forEach(link => {
        const linkElement = document.getElementById(link.id);
        if (linkElement) {
            const pathParts = link.path ? link.path.split('-') : []; 
            let iconName;
            if (pathParts[0] === 'unlock') {
                iconName = 'unlock';
            } else if (pathParts[0] === 'split') {
                iconName = 'split';
            } else if (pathParts[0] === 'merge') {
                iconName = 'merge';
            } else if (pathParts[0] === 'remove') {
                iconName = 'remove';
            } else if (pathParts[0] === 'rotate') {
                iconName = 'rotate';
            } else {
                iconName = pathParts[2] || 'noimage';
            }
            
            if (firstPart === 'vi') {
                linkElement.href = `/vi/${link.path}`;
                linkElement.innerHTML = `<img src="https://ilovepdf.biz/assets/img/tools/header_icon_two/${iconName}.svg" alt="icon" width="25" height="25" /> ${link.newText}`;
            } else if (firstPart === 'es') {
                linkElement.href = `/es/${link.path}`;
                linkElement.innerHTML = `<img src="https://ilovepdf.biz/assets/img/tools/header_icon_two/${iconName}.svg" alt="icon" width="25" height="25" /> ${link.newText.replace('sang', 'a')}`;
            } else if (firstPart === 'hi') {
                linkElement.href = `/hi/${link.path}`;
                linkElement.innerHTML = `<img src="https://ilovepdf.biz/assets/img/tools/header_icon_two/${iconName}.svg" alt="icon" width="25" height="25" /> ${link.newText.replace('sang', 'से')}`;
            } else if (firstPart === 'id') {
                linkElement.href = `/id/${link.path}`;
                linkElement.innerHTML = `<img src="https://ilovepdf.biz/assets/img/tools/header_icon_two/${iconName}.svg" alt="icon" width="25" height="25" /> ${link.newText.replace('sang', 'ke')}`;
            } else if (firstPart === 'fr') {
                linkElement.href = `/fr/${link.path}`;
                linkElement.innerHTML = `<img src="https://ilovepdf.biz/assets/img/tools/header_icon_two/${iconName}.svg" alt="icon" width="25" height="25" /> ${link.newText.replace('sang', 'vers')}`;
            } else if (firstPart === 'pl') {
                linkElement.href = `/pl/${link.path}`;
                linkElement.innerHTML = `<img src="https://ilovepdf.biz/assets/img/tools/header_icon_two/${iconName}.svg" alt="icon" width="25" height="25" /> ${link.newText.replace('sang', 'do')}`;
            } else if (firstPart === 'pt') {
                linkElement.href = `/pt/${link.path}`;
                linkElement.innerHTML = `<img src="https://ilovepdf.biz/assets/img/tools/header_icon_two/${iconName}.svg" alt="icon" width="25" height="25" /> ${link.newText.replace('sang', 'para')}`;
            } else if (firstPart === 'de') {
                linkElement.href = `/de/${link.path}`;
                linkElement.innerHTML = `<img src="https://ilovepdf.biz/assets/img/tools/header_icon_two/${iconName}.svg" alt="icon" width="25" height="25" /> ${link.newText.replace('sang', 'naar')}`;
            } else {
                linkElement.href = `/${link.path}`;
                linkElement.innerHTML =
                    `<img src="https://ilovepdf.biz/assets/img/tools/header_icon_two/${iconName}.svg" alt="icon" width="25" height="25" /> ${link.newText.replace('sang', 'to')}`;
                logoLink.href = '/';
            }
        } else {
            console.warn(`Element with ID '${link.id}' not found in the DOM.`);
        }
    });

    links3.forEach(link => {
        const linkElement = document.getElementById(link.id);
        if (linkElement) {
            const pathParts = link.path ? link.path.split('-') : []; 
            const iconName = pathParts[0] || 'pdfjpg';

            if (firstPart === 'vi') {
                linkElement.href = `/vi/${link.path}`;
                linkElement.innerHTML = `<img src="https://ilovepdf.biz/assets/img/tools/header_icon_three/${iconName}.svg" alt="icon" width="25" height="25" /> ${link.newText}`;
            } else if (firstPart === 'es') {
                linkElement.href = `/es/${link.path}`;
                linkElement.innerHTML = `<img src="https://ilovepdf.biz/assets/img/tools/header_icon_three/${iconName}.svg" alt="icon" width="25" height="25" /> ${link.newText.replace('sang', 'a')}`;
            } else if (firstPart === 'hi') {
                linkElement.href = `/hi/${link.path}`;
                linkElement.innerHTML = `<img src="https://ilovepdf.biz/assets/img/tools/header_icon_three/${iconName}.svg" alt="icon" width="25" height="25" /> ${link.newText.replace('sang', 'से')}`;
            } else if (firstPart === 'id') {
                linkElement.href = `/id/${link.path}`;
                linkElement.innerHTML = `<img src="https://ilovepdf.biz/assets/img/tools/header_icon_three/${iconName}.svg" alt="icon" width="25" height="25" /> ${link.newText.replace('sang', 'ke')}`;
            } else if (firstPart === 'fr') {
                linkElement.href = `/fr/${link.path}`;
                linkElement.innerHTML = `<img src="https://ilovepdf.biz/assets/img/tools/header_icon_three/${iconName}.svg" alt="icon" width="25" height="25" /> ${link.newText.replace('sang', 'vers')}`;
            } else if (firstPart === 'pl') {
                linkElement.href = `/pl/${link.path}`;
                linkElement.innerHTML = `<img src="https://ilovepdf.biz/assets/img/tools/header_icon_three/${iconName}.svg" alt="icon" width="25" height="25" /> ${link.newText.replace('sang', 'do')}`;
            } else if (firstPart === 'pt') {
                linkElement.href = `/pt/${link.path}`;
                linkElement.innerHTML = `<img src="https://ilovepdf.biz/assets/img/tools/header_icon_three/${iconName}.svg" alt="icon" width="25" height="25" /> ${link.newText.replace('sang', 'para')}`;
            } else if (firstPart === 'de') {
                linkElement.href = `/de/${link.path}`;
                linkElement.innerHTML = `<img src="https://ilovepdf.biz/assets/img/tools/header_icon_three/${iconName}.svg" alt="icon" width="25" height="25" /> ${link.newText.replace('sang', 'naar')}`;
            } else {
                linkElement.href = `/${link.path}`;
                linkElement.innerHTML =
                    `<img src="https://ilovepdf.biz/assets/img/tools/header_icon_three/${iconName}.svg" alt="icon" width="25" height="25" /> ${link.newText.replace('sang', 'to')}`;
                logoLink.href = '/';
            }
        }
    });

    document.addEventListener('DOMContentLoaded', () => {
        let firstPart2 = parts[0];
        const validLanguages = ['es', 'vi', 'hi', 'id', 'fr', 'pl', 'pt', 'de'];
        let lang = validLanguages.includes(firstPart) ? firstPart : 'en';

        if (!validLanguages.includes(firstPart2)) {
            firstPart2 = 'en';
        }

        const helpText = {
            en: 'Help',
            es: 'Ayuda',
            vi: 'Trợ giúp',
            hi: 'मदद',
            id: 'Membantu',
            fr: 'Aide',
            id: 'Pomoc',
            pt: 'Ajuda',
            de: 'Hulp',
        };
        const langText = {
            en: 'Language',
            es: 'Idioma',
            vi: 'Ngôn ngữ',
            hi: 'भाषा',
            id: 'Bahasa',
            fr: 'Langue',
            pl: 'Język',
            pt: 'Linguagem',
            de: 'Taal',
        };
        const toolText = {
            en: 'Image Tools',
            es: 'Herramientas de imagen',
            vi: 'Công cụ hình ảnh',
            hi: 'घर',
            id: 'Alat Gambar',
            fr: 'Outils images',
            pl: 'Narzędzia obrazu',
            pt: 'Ferramentas de imagem',
            de: 'Beeldhulpmiddelen',
        };
        const toolText2 = {
            en: 'Convert to PDF',
            es: 'Convertir a PDF',
            vi: 'Chuyển đổi sang PDF',
            hi: 'पीडीएफ में कनवर्ट करें',
            id: 'Konversikan ke PDF',
            fr: 'Convertir vers PDF',
            pl: 'Konwertuj do formatu PDF',
            pt: 'Converter para PDF',
            de: 'Converteren naar PDF',
        };
        const toolText3 = {
            en: 'Convert to PDF',
            es: 'Convertir a PDF',
            vi: 'Chuyển đổi sang PDF',
            hi: 'पीडीएफ में कनवर्ट करें',
            id: 'Konversikan ke PDF',
            fr: 'Convertir vers PDF',
            pl: 'Konwertuj do formatu PDF',
            pt: 'Converter para PDF',
            de: 'Converteren naar PDF',
        };
        const toolText4 = {
            en: 'Convert from PDF',
            es: 'Convertir desde PDF',
            vi: 'Chuyển đổi từ PDF',
            hi: 'पीडीएफ से कनवर्ट करें',
            id: 'Konversi dari PDF',
            fr: 'Convertir à partir un PDF',
            pl: 'Konwertuj z pliku PDF',
            pt: 'Converter de PDF',
            de: 'Converteren van PDF',
        };
        const toolText5 = {
            en: 'Convert from PDF',
            es: 'Convertir desde PDF',
            vi: 'Chuyển đổi từ PDF',
            hi: 'पीडीएफ से कनवर्ट करें',
            id: 'Konversi dari PDF',
            fr: 'Convertir à partir un PDF',
            pl: 'Konwertuj z pliku PDF',
            pt: 'Converter de PDF',
            de: 'Converteren van PDF',
        };
        const toolText6 = {
            en: 'Convert from PDF',
            es: 'Convertir desde PDF',
            vi: 'Chuyển đổi từ PDF',
            hi: 'पीडीएफ से कनवर्ट करें',
            id: 'Konversi dari PDF',
            fr: 'Convertir à partir un PDF',
            ru: 'Конвертировать из PDF',
            pl: 'Konwertuj z pliku PDF',
            pt: 'Converter de PDF',
            de: 'Converteren van PDF',
        };
        const toolText7 = {
            en: 'All Tools',
            es: 'Todas las herramientas PDF',
            vi: 'Tất cả các công cụ PDF',
            hi: 'सभी पीडीएफ उपकरण',
            id: 'Semua Alat PDF',
            fr: 'Tous les outils PDF',
            pl: 'Wszystkie narzędzia',
            pt: 'Todas as ferramentas',
            de: 'Alle gereedschappen',
        };
        const toolText8 = {
            en: 'Convert PDF',
            es: 'Convertir PDF',
            vi: 'Chuyển đổi PDF',
            hi: 'पीडीएफ कन्वर्ट करें',
            id: 'Konversi PDF',
            fr: 'Convertir un PDF',
            pl: 'Konwertuj PDF',
            de: 'PDF converteren',
            pt: 'Converter PDF',
        };
        const toolText9 = {
            en: 'Convert from PDF',
            es: 'Convertir desde PDF',
            vi: 'Chuyển đổi từ PDF',
            hi: 'पीडीएफ से कनवर्ट करें',
            id: 'Konversi dari PDF',
            fr: 'Convertir à partir un PDF',
            pl: 'Konwertuj z pliku PDF',
            pt: 'Converter de PDF',
            de: 'Converteren van PDF',
        };
        const toolText10 = {
            en: 'IMAGE TO TEXT',
            es: 'IMAGEN A TEXTO',
            vi: 'HÌNH ẢNH ĐẾN VĂN BẢN',
            hi: 'पाठ के लिए छवि',
            id: 'GAMBAR KE TEKS',
            fr: 'IMAGE EN TEXTE',
            pl: 'OBRAZ NA TEKSCIE',
            pt: 'IMAGEM PARA TEXTO',
            de: 'AFBEELDING NAAR TEKST',
        };
        
        const toolText11 = {
            en: 'PDF EDITOR',
            es: 'EDITOR DE PDF',
            vi: 'BIÊN TẬP PDF',
            hi: 'पीडीएफ संपादक',
            id: 'EDIT PDF',
            fr: 'ÉDITEUR DE PDF',
            pl: 'EDYTOR PDF',
            pt: 'EDITOR DE PDF',
            de: 'PDF-EDITOR',
        };
        
         const toolText14 = {
            en: 'Compress PDF',
            es: 'Comprimir PDF',
            vi: 'Nén PDF',
            hi: 'पीडीएफ संपीड़ित करें',
            id: 'Kompres PDF',
            fr: 'Compresser PDF',
            pl: 'Kompresuj PDF',
            pt: 'Comprimir PDF',
            de: 'PDF komprimieren',
            it: 'Comprimi PDF',
            ar: 'ضغط ملف PDF',
        };

        const toolText16 = {
            en: 'Split PDF',
            es: 'Dividir PDF',
            vi: 'Tách PDF',
            hi: 'पीडीएफ विभाजित करें',
            id: 'Pisahkan PDF',
            fr: 'Diviser PDF',
            pl: 'Podziel PDF',
            pt: 'Dividir PDF',
            de: 'PDF teilen',
            it: 'Dividi PDF',
            ar: 'تقسيم ملف PDF',
        };

        const toolText17 = {
            en: 'Merge PDF',
            es: 'Unir PDF',
            vi: 'Gộp PDF',
            hi: 'पीडीएफ मर्ज करें',
            id: 'Gabungkan PDF',
            fr: 'Fusionner PDF',
            pl: 'Połącz PDF',
            pt: 'Unir PDF',
            de: 'PDF zusammenführen',
            it: 'Unisci PDF',
            ar: 'دمج ملفات PDF',
        };


        // text change
        const helpElement = document.querySelector('span .help-icon').parentElement;
        if (helpElement) {
            helpElement.innerHTML = ` ${helpText[lang] || helpText.en} <i class="ico ico--down"></i>`;
        }
        // 2nd
        const helpElement2 = document.querySelector('span #help-icon').parentElement;
        if (helpElement2) {
            helpElement2.innerHTML = ` ${helpText[lang] || helpText.en}`;
        }
        const langElement = document.querySelector('span .lang-icon').parentElement;
        if (langElement) {
            langElement.innerHTML = ` ${langText[lang] || langText.en} <i class="ico ico--down"></i>`;
        }
        // 2nd
        const langElement2 = document.querySelector('span #lang_icon').parentElement;
        if (langElement2) {
            langElement2.innerHTML = ` ${langText[lang] || langText.en}`;
        }
        const ToolTextElement = document.getElementById('nav__title_1');
        if (ToolTextElement) {
            ToolTextElement.textContent = toolText[lang] || toolText.en;
        }
        // 2nd
        const ToolTextElement2 = document.getElementById('nav_md__title_1');
        if (ToolTextElement2) {
            ToolTextElement2.textContent = toolText[lang] || toolText.en;
        }
        const ToolText2Element = document.getElementById('nav__title_2');
        if (ToolText2Element) {
            ToolText2Element.textContent = toolText2[lang] || toolText2.en;
        }
        // 2nd
        const ToolText2Element2 = document.getElementById('nav_md__title_2');
        if (ToolText2Element2) {
            ToolText2Element2.textContent = toolText2[lang] || toolText2.en;
        }
        const ToolText3Element = document.getElementById('nav__title_3');
        if (ToolText3Element) {
            ToolText3Element.textContent = toolText3[lang] || toolText3.en;
        }
        // 2nd
        const ToolText3Element2 = document.getElementById('nav_md__title_3');
        if (ToolText3Element2) {
            ToolText3Element2.textContent = toolText3[lang] || toolText3.en;
        }
        const ToolText4Element = document.getElementById('nav__title_4');
        if (ToolText4Element) {
            ToolText4Element.textContent = toolText4[lang] || toolText4.en;
        }
        const ToolText5Element = document.getElementById('nav__title_5');
        if (ToolText5Element) {
            ToolText5Element.textContent = toolText5[lang] || toolText5.en;
        }
        const ToolText6Element = document.getElementById('nav__title_6');
        if (ToolText6Element) {
            ToolText6Element.textContent = toolText7[lang] || toolText7.en;
        }
        const ToolText7Element = document.getElementById('nav__title_7');
        if (ToolText7Element) {
            ToolText7Element.textContent = toolText8[lang] || toolText8.en;
        }
        const ToolText8Element = document.getElementById('nav__title_8');
        if (ToolText8Element) {
            ToolText8Element.textContent = toolText9[lang] || toolText9.en;
        }

        const ToolText11Element = document.getElementById('nav__title_pdf_editor');
        if (ToolText11Element) {
            ToolText11Element.textContent = toolText11[lang] || toolText11.en;
        }
        
        const ToolText12Element = document.getElementById('nav__title_compress_pdf');
        if (ToolText12Element) {
            ToolText12Element.textContent = toolText14[lang] || toolText14.en;
        }
        const ToolText13Element = document.getElementById('nav__title_split_pdf');
        if (ToolText13Element) {
            ToolText13Element.textContent = toolText16[lang] || toolText16.en;
        }
        const ToolText14Element = document.getElementById('nav__title_merge_pdf');
        if (ToolText14Element) {
            ToolText14Element.textContent = toolText17[lang] || toolText17.en;
        }



        // end text change

        links4.forEach(link => {
            const linkElement = document.getElementById(link.id);
            if (linkElement) {
                const linkText = link.texts[firstPart2] || link.texts.en;

                linkElement.href = firstPart2 === 'en' ? `/${link.path}` :
                    `/${firstPart2}/${link.path}`;
                linkElement.innerHTML = `<i class="ico ${link.icon}"></i> ${linkText}`;
            }
        });
    });
</script>
<div>
    <input type="file" id="fileInput" accept=".png" style="display: none;">
    <input type="hidden" id="hashValue">
</div>

<div class="loader-overlay" id="loader-overlay"></div>
<div class="loader" id="loader"></div>

<!-- Include Axios CDN -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/axios/0.27.2/axios.min.js"></script>

<script>
    const viewDownloadUploadFile = document.getElementById('view_download_uploadFile');
    const downloadButton = document.getElementById('Download_upload_pdf');
    const previewButton = document.getElementById('view_upload_pdf');
    let uploadedAvifFile = null;
    
    document.getElementById('upload-link').addEventListener('click', function(event) {
        event.preventDefault();
        document.getElementById('fileInput').click();
    });
    
    function handleFileUploadFromDropBox() {
        Dropbox.choose({
            extensions: ['.rtf'],
            multiselect: false,
            linkType: "direct",
    
            success: async function (files) {
                if (!files.length) return;
                showLoader();
                
                try {
                    for (const file of files) {
                        const response = await fetch(file.link);
                        const blob = await response.blob();
                        const odtFile = new File([blob], file.name, {
                            type: 'application/rtf'
                        });
                        await processAvifFile(odtFile);
                    }
                } catch (error) {
                    console.error('Dropbox File Fetch Error:', error);
                    alert('Error loading ODT from Dropbox.');
                } finally {
                    hideLoader();
                }
            },
    
            cancel: function () {
                console.log("Dropbox file selection canceled.");
            }
        });
    }

    document.getElementById('fileInput').addEventListener('change', function(event) {
        const file = event.target.files[0];
        processAvifFile(file);
    });
    
    function processAvifFile(file) {
        if (!file) {
            alert('No file selected.');
            return;
        }

        if (!file.name.toLowerCase().endsWith('.rtf')) {
            alert(`Only RTF files are allowed. "${file.name}" skipped.`);
            return;
        }

        uploadedAvifFile = file;
        displayFilePreview(file);
        uploadFileToAPI(file);
    }

    function showLoader() {
        document.getElementById('loader').style.display = 'block';
        document.getElementById('loader-overlay').style.display = 'block';
    }

    function hideLoader() {
        document.getElementById('loader').style.display = 'none';
        document.getElementById('loader-overlay').style.display = 'none';
    }

    function displayFilePreview(file) {
        const previewContainer = document.getElementById('file-preview');
        const reader = new FileReader();

        reader.onload = function (e) {
            const text = e.target.result;

            // Basic RTF cleanup (simple preview ke liye)
            const cleanText = text
                .replace(/\\par[d]?/g, '\n')
                .replace(/\\'[0-9a-fA-F]{2}/g, '')
                .replace(/\\[a-z]+\d*/g, '')
                .replace(/[{}]/g, '');

            previewContainer.innerHTML = `
                <div style="
                    max-height: 250px;
                    overflow-y: auto;
                    padding: 12px;
                    border: 1px solid #ddd;
                    border-radius: 6px;
                    font-family: serif;
                    background: #fafafa;
                    white-space: pre-wrap;
                ">
                    ${cleanText.substring(0, 3000)}
                </div>
            `;
        };

        reader.readAsText(file);
    }

    const dropZone = document.getElementById('dragAndDrop');
    dropZone.addEventListener('dragover', function(event) {
        event.preventDefault();
        dropZone.classList.add('dragover');
    });

    dropZone.addEventListener('dragleave', function(event) {
        event.preventDefault();
        dropZone.classList.remove('dragover');
    });

    dropZone.addEventListener('drop', function(event) {
        event.preventDefault();
        dropZone.classList.remove('dragover');
        const file = event.dataTransfer.files[0];
        console.log('File dropped:', file);
        if (file && file.type === 'rtf') {
            displayFilePreview(file);
            uploadFileToAPI(file);
        } else {
            alert('Please upload a valid RTF file.');
        }
    });

    // Function to upload file to the API
    function uploadFileToAPI(file) {
        document.querySelector('.side-panel').classList.remove('d-none');
        document.querySelector('.file_preview').classList.remove('d-none');
        document.querySelector('.uploader').classList.add('d-none');
    }


    document.querySelector('.convert-api').addEventListener('click', function() {

        const file = uploadedAvifFile;
        
        if (!file) {
            alert('Please select a file.');
            return;
        }

        const formData = new FormData();
        formData.append('file', file);

        showLoader();

        axios.post('https://pdfapi.pdfconvertly.com/pL7nWqT3mKxVsYbRcH9e', formData, {
                headers: {
                    'Content-Type': 'multipart/form-data',
                }
            })
            .then(function(response) {
                hideLoader();
                const pdfFileName = response.data.pdf_filename || 'no_found';
                const fullUrl = `https://pdfapi.pdfconvertly.com/mmbs73eyGM3U/${pdfFileName}`;
                const originalFileName = file.name.replace(/\.[^/.]+$/, "_convert_pdf.pdf");

                axios
                    .get(fullUrl, {
                        responseType: 'blob'
                    })
                    .then(response => {
                        previewButton.addEventListener('click', () => {
                            openPreviewDialogBox(originalFileName, fullUrl);
                        });

                        downloadButton.addEventListener('click', () => {
                            function downloadFile(url, fileName) {
                                axios.get(url, { responseType: 'blob' })
                                    .then(response => {
                                        const blob = new Blob([response.data], { type: 'application/pdf' });
                                        const link = document.createElement('a');
                                        const blobUrl = window.URL.createObjectURL(blob);
                                        link.href = blobUrl;
                                        link.download = originalFileName;
                                        document.body.appendChild(link);
                                        link.click();
                                        document.body.removeChild(link);
                                        window.URL.revokeObjectURL(blobUrl);
                                    })
                                    .catch(error => {
                                        console.error(`Download failed for ${fileName}:`, error);
                                    });
                            }
                            downloadFile(fullUrl, pdfFileName);
                            hideLoader();
                        });
                        viewDownloadUploadFile.style.display = 'flex';
                    })
                    .catch(error => {
                        console.error('Download failed:', error);
                        alert('Error downloading the file.');
                    });
            })
            .catch(function(error) {
            hideLoader();
            console.error('Error converting:', error);
            alert(`Failed to convert File.please try again.`);
        });
    });

    function openPreviewDialogBox(fileName, fullUrl) {
        const dialog = document.createElement('div');
        dialog.className = 'dialog-box-2';
        dialog.style.position = 'fixed';
        dialog.style.top = '0';
        dialog.style.left = '0';
        dialog.style.width = '100vw';
        dialog.style.height = '100vh';
        dialog.style.backgroundColor = 'rgba(0, 0, 0, 0.5)';
        dialog.style.display = 'flex';
        dialog.style.justifyContent = 'center';
        dialog.style.alignItems = 'center';
        dialog.style.zIndex = '10000';

        dialog.innerHTML = `
        <div class="dialog-content">
            <div style="padding: 10px; background-color: #ffff; color: #000; font-size: 18px; display: flex; justify-content: space-between; align-items: center; border-radius: 6px 6px 0 0;">
                <span>${fileName}</span>
                <div id="close-dialog" style="cursor: pointer; margin-left: 15px;">
                    <img src="https://img.icons8.com/?size=100&id=88571&format=png&color=000000" width="20" />
                </div>
            </div>
            <div style="margin-top: 0; text-align: center;">
                <iframe src="${fullUrl}" style="width: 80vw; height: 80vh; border: none; border-radius: 0 0 6px 6px;" title="Preview" allowfullscreen="allowfullscreen"></iframe>
            </div>
        </div>
    `;
        document.body.appendChild(dialog);

        dialog.querySelector('#close-dialog').addEventListener('click', function() {
            document.body.removeChild(dialog);
        });
    }

    document.getElementById("Reload").addEventListener("click", function() {
        location.reload();
    });
</script>



</body>
</html><style>
    .footer-main{
        background: #fff !important;
        border-top: 1.5px solid #f5f5fa
    }
    .company_items {
        display: flex;
        justify-content: end;
    }

    .ilovepdf_items {
        display: flex;
        justify-content: center;
    }

    @media (max-width: 450px) {
        .ilovepdf_items {
            justify-content: start;
        }

        .main_items_div {
            margin-top: 12px;
        }
        
        .company_items {
            justify-content: start;
        }

        .footer-big__lang .lang__menu {
            column-count: 1;
            max-height: 140px;
            width: 140px;
            overflow-y: scroll;
            overflow-x: auto;
        }
    }
</style>

<div class="footer-main">
    <div class="container">

        
        <div class="row">
            <div class="col-md-5 d-flex align-items-start">
                <a class="brand" id="languageLink" title="ILovePDF">
                    <img src="https://ilovepdf.biz/assets/img/ilovepdf1.png" alt="ILovePDF" />
                </a>
            </div>

            <div class="col-md-7">
                <div class="row main_items_div">
                    <div class="ilovepdf_item col-md-4">
                        <div>
                            <h5 class="text-danger" style="font-weight: 500;color:#A236B2 !important;">ILOVEPDF</h5>
                            <br>
                            <ul class="list-unstyled">
                                <li>
                                    <a id="home" class="footer-link">Home</a>
                                </li>
                                <li class="mt-2">
                                    <a href="/faq" id="faqs" class="footer-link">FAQ</a>
                                </li>
                            </ul>
                        </div>
                    </div>
                    <div class="ilovepdf_item col-md-4">
                        <div>
                            <h5 class="text-danger" style="font-weight: 500;color:#A236B2 !important;">Popular Tools</h5>
                            <br>
                            <ul class="list-unstyled">
                                <li>
                                    <a id="split-pdf" href="/split-pdf" class="footer-link">Split PDF</a>
                                </li>
                                <li class="mt-2">
                                    <a href="/unlock-pdf" id="unlock-pdf" class="footer-link">Unlock PDF</a>
                                </li>
                                <li class="mt-2">
                                    <a id="merge-pdf" href="/merge-pdf" class="footer-link">Merge PDF</a>
                                </li>
                                <li class="mt-2">
                                    <a href="/pdf-to-excel" id="pdf-to-excel" class="footer-link">PDF To Excel</a>
                                </li>
                                <li class="mt-2">
                                    <a id="pdf-to-html" href="/pdf-to-html" class="footer-link">PDF To HTML</a>
                                </li>
                            </ul>
                        </div>
                    </div>
                    <div class="company_items col-md-4">
                        <div>
                            <h5 class="text-danger" style="font-weight: 500;color:#A236B2 !important;">COMPANY</h5>
                            <br>
                            <ul>
                                <li>
                                    <a href="/about" id="abouts" class="footer-link">Our Storyss</a><br>
                                </li>
                                <li class="mt-2">
                                    <a href="/legal" id="legals" class="footer-link">Legal &amp; Privacy</a><br>
                                </li>
                                <li class="mt-2">
                                    <a href="/contact" id="contacts" class="footer-link">Contact</a>
                                </li>
                                <li class="mt-2">
                                    <a href="/all-blogs" id="allBlogs" class="footer-link">All Blogs</a>
                                </li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <div class="separator"></div>

        <div class="row">
            <div class="col-md-12 d-flex justify-content-center">
                <div class="footer-main__info">
                    <div class="slogan text-black">
                        <p>ILovePDF.biz 2025 &reg; - Your Ultimate PDF Converter Tools!</p>
                    </div>
                    <div class="social">
                       
                        <a class="social__item social__item--facebook" href="https://www.facebook.com/Ilovepdfofficial"
                            rel="noopener" target="_blank" title="Like us on Facebook!"></a>
                        <a class="social__item social__item--linkedin" href="https://www.linkedin.com/" rel="noopener"
                            target="_blank" title="LinkedIn - ilovepdf"></a>
                        <a class="social__item social__item--instagram" href="https://www.instagram.com/" rel="noopener"
                            target="_blank" title="Instagram - ilovepdf_official"></a>
                       
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<div id="network" class="network">
    <i class="ico ico--network"></i>
    <div class="network__text text-red">
        Woops! Something is wrong with your Internet connection...
    </div>
</div>
<script>
    document.addEventListener('DOMContentLoaded', () => {
        const path = window.location.pathname;
        const firstPart = path.split('/')[1];
        const validLanguages = ['es', 'vi', 'hi', 'id', 'fr', 'pl', 'pt', 'de'];
        let lang = validLanguages.includes(firstPart) ? firstPart : 'en';

        const translations = {
            networkText: {
                en: 'Woops! Something is wrong with your Internet connection...',
                vi: 'Rất tiếc! Có gì đó không ổn với kết nối Internet của bạn...',
                es: 'Vaya! Hay algo mal con tu conexión a Internet...',
                hi: 'वाह! आपके इंटरनेट कनेक्शन में कुछ गड़बड़ है...',
                id: 'Ups! Ada yang salah dengan koneksi Internet Anda...',
                fr: 'Oups ! Quelque chose ne va pas avec votre connexion Internet...',
                pl: 'Ups! Coś jest nie tak z Twoim połączeniem internetowym...',
                pt: 'Ops! Tem algo errado com sua conexão de internet...',
                de: 'Oeps! Er is iets mis met je internetverbinding...',
            },
            sloganText: {
                en: 'ILovePDF.biz 2025 ® - Your Ultimate PDF Converter Tools!',
                vi: 'ILovePDF.biz 2025 ® - Công cụ chuyển đổi PDF tối ưu của bạn!',
                es: 'ILovePDF.biz 2025 ® - ¡Tus herramientas definitivas para convertir PDF!',
                hi: 'ILovePDF.biz 2025 ® - आपका अंतिम पीडीएफ कनवर्टर उपकरण!',
                id: 'ILovePDF.biz 2025 ® - Alat Konverter PDF Terbaik Anda!',
                fr: 'ILovePDF.biz 2025 ® - Vos outils de conversion PDF ultimes !',
                pl: 'ILovePDF.biz 2025 ® - Twoje najlepsze narzędzie do konwersji plików PDF!',
                pt: 'ILovePDF.biz 2025 ® - Suas ferramentas definitivas de conversão de PDF!',
                de: 'ILovePDF.biz 2025 ® - Uw ultieme PDF-convertertools!',
            },
            links: [{
                    id: 'home',
                    path: '',
                    texts: {
                        en: 'Home',
                        vi: 'Trang chủ',
                        es: 'Hogar',
                        hi: 'घर',
                        id: 'Rumah',
                        fr: 'Maison',
                        pl: 'Dom',
                        pt: 'Lar',
                        de: 'Thuis',
                    }
                },
                {
                    id: 'abouts',
                    path: 'about',
                    texts: {
                        en: 'Our Story',
                        vi: 'Câu chuyện của chúng tôi',
                        es: 'Nuestra Historia',
                        hi: 'हमारी कहानी',
                        id: 'Kisah kami',
                        fr: 'Notre histoire',
                        pl: 'Nasza historia',
                        pt: 'Nossa história',
                        de: 'Ons verhaal',
                    }
                },
                {
                    id: 'legals',
                    path: 'legal',
                    texts: {
                        en: 'Legal & Privacy',
                        vi: 'Pháp lý & Bảo mật',
                        es: 'Legal y Privacidad',
                        hi: 'कानूनी एवं गोपनीयता',
                        id: 'Hukum & Privasi',
                        fr: 'Légal & Confidentialité',
                        pl: 'Informacje prawne i prywatność',
                        pt: 'Jurídico e privacidade',
                        de: 'Juridisch en privacy',
                    }
                },
                {
                    id: 'faqs',
                    path: 'faq',
                    texts: {
                        en: 'FAQ',
                        vi: 'Câu hỏi thường gặp',
                        es: 'Preguntas Frecuentes',
                        hi: 'अक्सर पूछे जाने वाले प्रश्न',
                        id: 'Pertanyaan Umum',
                        fr: 'FAQ',
                        pl: 'Często zadawane pytania',
                        pt: 'Perguntas frequentes',
                        de: 'Veelgestelde vragen',  
                    }
                },
                {
                    id: 'contacts',
                    path: 'contact',
                    texts: {
                        en: 'Contact',
                        vi: 'Liên hệ',
                        es: 'Contacto',
                        hi: 'संपर्क',
                        id: 'Kontak',
                        fr: 'Contact',
                        pl: 'Kontakt',
                        pt: 'Contato',
                        de: 'Contact',
                    }
                },
                {
                    id: 'split-pdf',
                    path: 'split-pdf',
                    texts: {
                        en: 'Split PDF',
                        vi: 'Tách PDF',
                        es: 'Dividir PDF',
                        hi: 'पीडीएफ को विभाजित करें',
                        id: 'Pisahkan PDF',
                        fr: 'Fractionner un PDF',
                        pl: 'Podziel plik PDF',
                        pt: 'Dividir PDF',
                        de: 'PDF splitsen',
                    }
                },
                {
                    id: 'allBlogs',
                    path: 'all-blogs',
                    texts: {
                        en: 'All Blogs',
                        vi: 'Tất cả các blog',
                        es: 'Todos los blogs',
                        hi: 'सभी ब्लॉग',
                        id: 'Semua Blog',
                        fr: 'Tous les blogs',
                        pl: 'Wszystkie blogi',
                        pt: 'Todos os blogs',
                        de: 'Alle blogs'
                    }
                },
                {
                    id: 'unlock-pdf',
                    path: 'unlock-pdf',
                    texts: {
                        en: 'Unlock PDF',
                        vi: 'Mở khóa PDF',
                        es: 'Desbloquear PDF',
                        hi: 'पीडीएफ अनलॉक करें',
                        id: 'Buka kunci PDF',
                        fr: 'Déverrouiller le PDF',
                        pl: 'Odblokuj PDF',
                        pt: 'Desbloquear PDF',
                        de: 'Ontgrendel PDF',
                    }
                },
                {
                    id: 'merge-pdf',
                    path: 'merge-pdf',
                    texts: {
                        en: 'Merge PDF',
                        vi: 'Hợp nhất PDF',
                        es: 'Fusionar PDF',
                        hi: 'पीडीएफ मर्ज करें',
                        id: 'Gabungkan PDF',
                        fr: 'Fusionner un PDF',
                        pl: 'Scal PDF',
                        pt: 'Mesclar PDF',
                        de: 'PDF samenvoegen',
                    }
                },
                {
                    id: 'pdf-to-excel',
                    path: 'pdf-to-excel',
                    texts: {
                        en: 'PDF TO Excel',
                        vi: 'PDF sang Excel',
                        es: 'PDF a Excel',
                        hi: 'पीडीएफ से एक्सेल',
                        id: 'PDF ke Excel',
                        fr: 'PDF vers Excel',
                        pl: 'PDF do Excel',
                        pt: 'PDF para Excel',
                        de: 'PDF naar Excel',
                    }
                },
                {
                    id: 'pdf-to-html',
                    path: 'pdf-to-html',
                    texts: {
                        en: 'PDF TO HTML',
                        vi: 'PDF sang Html',
                        es: 'PDF a HTML',
                        hi: 'पीडीएफ से HTML',
                        id: 'PDF ke HTML',
                        fr: 'PDF vers HTML',
                        pl: 'PDF do HTML',
                        pt: 'PDF para HTML',
                        de: 'PDF naar HTML',
                    }
                }
            ]
        };

        // Set network message based on language
        const networkTextElement = document.querySelector('.network__text');
        if (networkTextElement) {
            networkTextElement.textContent = translations.networkText[lang];
        }
        const sloganElement = document.querySelector('.slogan p');
        if (sloganElement) {
            sloganElement.textContent = translations.sloganText[lang];
        }

        translations.links.forEach(link => {
            const linkElement = document.getElementById(link.id);
            if (linkElement) {
                if (link.id === 'home') {
                    linkElement.href = lang !== 'en' ? `/${lang}` : '/';
                } else {
                    linkElement.href = lang !== 'en' ? `/${lang}/${link.path}` : `/${link.path}`;
                }
                linkElement.textContent = link.texts[lang];
            }
        });
    });
</script>

<style>
    .footer-link {
        text-decoration: none;
        font-weight: 400;
        color: #000;
        transition: color 0.3s ease;
    }

    .footer-link:hover {
        color: #dc3545;
        /* Bootstrap danger color */
    }
</style>

</body>
</html>