<!DOCTYPE html>
<html lang="en">
<head>
    <!-- Basic Meta Tags -->
    <meta charset="UTF-8">
    <title>Online PDF Tools</title>
    <meta name="description" content="Convert anything anytime...">
    <meta name="keywords" content="default,keywords,here">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="author" content="Converter">
    <meta name="robots" content="index, follow">

    <!-- Open Graph -->
    <meta property="og:type" content="website">
    <meta property="og:url" content="#">
    <meta property="og:title" content="Your Tool Name - Powerful Online Solution for [Purpose]">
    <meta property="og:description" content="Free online tool to [main function]. [Key benefits]. No installation required.">
    <meta property="og:image" content="#">
    <meta property="og:image:width" content="1200">
    <meta property="og:image:height" content="630">

    <!-- Twitter -->
    <meta name="twitter:card" content="summary_large_image">
    <meta name="twitter:url" content="#">
    <meta name="twitter:title" content="Your Tool Name - Powerful Online Solution for [Purpose]">
    <meta name="twitter:description" content="Free online tool to [main function]. [Key benefits]. No installation required.">
    <meta name="twitter:image" content="#">
    <meta name="twitter:site" content="@yourtwitterhandle">

    <!-- Canonical URL -->
    <link rel="canonical" href="#noreen.codesterra.com/manifest.json">

    <!-- Favicon -->
    <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
    <link rel="icon" type="image/png" sizes="32x32" href="images/favicon.png">
    <link rel="icon" type="image/png" sizes="16x16" href="images/favicon.png">
    <link rel="manifest" href="/site.webmanifest">
    <link rel="mask-icon" href="/safari-pinned-tab.svg" color="#5bbad5">
    <meta name="msapplication-TileColor" content="#2b5797">
    <meta name="theme-color" content="#ffffff">

    <!-- Site Verification -->
    <meta name="google-site-verification" content="your-google-verification-code">
    <meta name="msvalidate.01" content="your-bing-verification-code">
    <meta name="yandex-verification" content="your-yandex-verification-code">
    <meta name="p:domain_verify" content="your-pinterest-verification-code">

    <!-- AdSense -->
    <script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-YOUR_ADSENSE_ID" crossorigin="anonymous"></script>
    <!-- Schema.org: WebApplication -->
    <script type="application/ld+json">
    {
      "@context": "https://schema.org",
      "@type": "WebApplication",
      "name": "Site Name",
      "url": "#",
      "description": "Free online tool to [main function] with [key features]",
      "applicationCategory": "UtilityApplication",
      "operatingSystem": "Web Browser",
      "offers": {
        "@type": "Offer",
        "price": "0",
        "priceCurrency": "USD"
      },
      "creator": {
        "@type": "Organization",
        "name": "Site Name",
        "url": "#"
      },
      "sameAs": [
        "https://twitter.com/yourhandle",
        "https://facebook.com/yourpage",
        "https://linkedin.com/company/yourcompany"
      ]
    }
    </script>
    <script type="application/ld+json">
    {
      "@context": "https://schema.org",
      "@type": "Organization",
      "name": "converter.ng",
      "url": "https://converter.ng/",
      "logo": "https://converter.ng/images/logo.png",
      "contactPoint": {
        "@type": "ContactPoint",
        "telephone": "+1-XXX-XXX-XXXX",
        "contactType": "customer service"
      },
      "sameAs": [
        "https://www.facebook.com/yourpage",
        "https://twitter.com/yourhandle",
        "https://www.instagram.com/yourprofile",
        "https://www.linkedin.com/company/yourcompany"
      ]
    }
    </script>

    <!-- Fonts and CSS -->
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    <link rel="stylesheet" href="/css/style.css">

    <!-- Google Fonts -->
    <style>
@import url('https://fonts.googleapis.com/css2?family=Edu+AU+VIC+WA+NT+Dots:wght@400..700&family=Edu+AU+VIC+WA+NT+Guides:wght@400..700&family=Exo+2:ital,wght@0,100..900;1,100..900&family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Kablammo&family=Kanit:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Montserrat+Alternates:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Montserrat:ital,wght@0,100..900;1,100..900&family=Noto+Sans:ital,wght@0,100..900;1,100..900&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&family=Rubik+Wet+Paint&family=Sansation:ital,wght@0,300;0,400;0,700;1,300;1,400;1,700&family=Sour+Gummy:ital,wght@0,100..900;1,100..900&family=Work+Sans:ital,wght@0,100..900;1,100..900&display=swap');
</style>

    <!-- Preload Key Assets -->
    <link rel="preload" href="/js/main.js" as="script">
    <link rel="preload" href="/images/hero-image.webp" as="image">

    <!-- Legacy Browser Support -->
    <!--[if IE]>
        <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <![endif]-->

    <!-- PWA Meta -->
    <link rel="manifest" href="/manifest.json">
    <meta name="apple-mobile-web-app-title" content="Tool Name">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
    <meta name="msapplication-TileImage" content="/images/icons/ms-icon-144x144.png">
    <meta name="msapplication-config" content="/browserconfig.xml">
    <meta name="theme-color" content="#4361ee">

    <!-- DNS Prefetch -->
    <link rel="dns-prefetch" href="https://cdnjs.cloudflare.com">
    <link rel="dns-prefetch" href="https://fonts.googleapis.com">
    <link rel="dns-prefetch" href="https://www.googletagmanager.com">
    
</head>
    <header class="header1">
        <div class="header-container">
            <a href="index.php" class="logo-header">
                <svg width="32px" height="32px" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><g id="SVGRepo_bgCarrier" stroke-width="0"></g><g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"></g><g id="SVGRepo_iconCarrier"> <g id="style=bulk"> <g id="heart"> <path id="vector (Stroke)" fill-rule="evenodd" clip-rule="evenodd" d="M1.25 8.6901C1.25 5.18939 4.07229 2.3501 7.56 2.3501C9.29674 2.3501 10.8646 3.05608 12.0003 4.19481C13.1385 3.05574 14.7122 2.3501 16.44 2.3501C19.9277 2.3501 22.75 5.18939 22.75 8.6901C22.75 12.4396 21.0107 15.4002 18.9342 17.5277C16.8683 19.6444 14.4235 20.9862 12.8657 21.5187C12.5914 21.6148 12.2773 21.6501 12 21.6501C11.7227 21.6501 11.4086 21.6148 11.1343 21.5187C9.57655 20.9862 7.13169 19.6444 5.06577 17.5277C2.98932 15.4002 1.25 12.4396 1.25 8.6901Z" fill="#E5322D"></path> <path id="vector (Stroke)_2" fill-rule="evenodd" clip-rule="evenodd" d="M19.7245 10.2553C20.1197 10.3793 20.3396 10.8002 20.2156 11.1954C19.3678 13.8974 17.6284 16.0256 15.8181 17.5708C15.5031 17.8397 15.0297 17.8023 14.7607 17.4872C14.4918 17.1722 14.5292 16.6988 14.8443 16.4299C16.5095 15.0085 18.0447 13.1038 18.7844 10.7464C18.9084 10.3512 19.3293 10.1313 19.7245 10.2553Z" fill="#fff"></path> </g> </g> </g></svg>
          &nbsp;
                <span> PDF Tools</span>
            </a>
            
            <button class="mobile-menu-btn" id="mobile-menu-btn" aria-label="Toggle navigation">
                <i class="fas fa-bars"></i>
            </button>
            
            <nav class="nav-links" id="nav-links">
                <a href="/" class="nav-link active">Home</a>
                
                <div class="nav-item dropdown mega-dropdown">
                    <a href="#" class="nav-link dropdown-toggle">
                        Convert To PDF <i class="fas fa-chevron-down dropdown-arrow"></i>
                    </a>
                    <div class="dropdown-menu">
                        <!-- Protection Tools Column -->
                        <div class="mega-dropdown-col">
                            <h4><i class="fas fa-shield-alt"></i> Popular Images to PDF</h4>
                            <ul>
                                <li><a href="/avif-to-pdf.php"><i class="fas fa-lock"></i> AVIF to PDF</a></li>
                                <li><a href="/bmp-to-pdf.php"><i class="fas fa-unlock"></i> BMP to PDF</a></li>
                                                                <li><a href="/ico-to-pdf.php"><i class="fas fa-unlock"></i> ICO to PDF</a></li>
                                <li><a href="/jpg-to-pdf.php"><i class="fas fa-unlock"></i> JPG to PDF</a></li>
                                <li><a href="/png-to-pdf-converter.php"><i class="fas fa-unlock"></i> PNG to PDF</a></li>
                                <li><a href="/psd-to-pdf-converter.php"><i class="fas fa-unlock"></i> PSD to PDF</a></li>
                                <li><a href="/svg-to-pdf-converter.php"><i class="fas fa-unlock"></i> SVG to PDF</a></li>
                                <li><a href="/webp-to-pdf-converter.php"><i class="fas fa-unlock"></i> WEBP to PDF</a></li>

                            </ul>
                            
                           
                        </div>
                        
                        <!-- Conversion Tools Column -->
                        <div class="mega-dropdown-col">
                            <h4><i class="fas fa-exchange-alt"></i> Popular Docs to PDF</h4>
                            <ul>
                                <li><a href="/convert-excel-to-pdf.php"><i class="fas fa-file-pdf"></i> Excel to PDF</a></li>
                                <li><a href="/convert-word-to-pdf.php"><i class="fas fa-file-pdf"></i> Word to PDF</a></li>
                                <li><a href="/csv-to-pdf.php"><i class="fas fa-file-pdf"></i> CSV to PDF</a></li>
                                <li><a href="/rtf-to-pdf-converter.php"><i class="fas fa-file-pdf"></i> RTF to PDF</a></li>
                                <li><a href="/word-url-to-pdf.php"><i class="fas fa-file-pdf"></i> Word URL to PDF</a></li>
                                                                <li><a href="/xml-to-pdf-converter.php"><i class="fas fa-file-pdf"></i> XML to PDF</a></li>

                                <li><a href="/yaml-to-pdf-converter.php"><i class="fas fa-file-pdf"></i> YAML to PDF</a></li>

                            </ul>
                        </div>
                        
                        <!-- Editing Tools Column -->
                        <div class="mega-dropdown-col">
                            <h4><i class="fas fa-edit"></i> Popular Code to PDF</h4>
                            <ul>
                                <li><a href="/base64-to-pdf.php"><i class="fas fa-file-pdf"></i> Base-64 to PDF</a></li>
                                <li><a href="/html-to-pdf.php"><i class="fas fa-file-pdf"></i> HTML to PDF</a></li>
                                <li><a href="/json-to-pdf.php"><i class="fas fa-file-pdf"></i> Json to PDF</a></li>
                                <li><a href="/markdown-to-pdf.php"><i class="fas fa-file-pdf"></i> Markdown to PDF</a></li>
                                <li><a href="/speech-text-to-pdf.php"><i class="fas fa-file-pdf"></i> Speech to PDF</a></li>
                                <li><a href="/text-to-pdf-converter.php"><i class="fas fa-file-pdf"></i> Text to PDF</a></li>
                                <li><a href="/txt-to-pdf-converter.php"><i class="fas fa-file-pdf"></i> TXT to PDF</a></li>
                            </ul>
                        </div>
                        
                        
                        <!-- Featured Tools -->
                        <div class="mega-dropdown-featured">
                            <h4><i class="fas fa-star"></i> Featured Tools</h4>
                            <a href="/jpg-to-pdf.php">
                                <div class="featured-tool">
                                <i class="fas fa-file-image"></i>
                                <div class="featured-tool-content">
                                    <h5>JPG to PDF Converter</h5>
                                </div>
                                </a>
                            </div>
                            <a href="/png-to-pdf-converter.php">
                                <div class="featured-tool">
                                <i class="fas fa-file-image"></i>
                                <div class="featured-tool-content">
                                    <h5>PNG to PDF Converter</h5>
                                </div>
                                </a>
                            </div>
                            <a href="/" class="btn btn-primary" style="width: 100%; margin-top: 1rem;">
                                <i class="fas fa-arrow-right"></i> View All Tools
                            </a>
                        </div>
                    </div>
                </div>
                
                
                
                
                
                 <div class="nav-item dropdown mega-dropdown">
                    <a href="#" class="nav-link dropdown-toggle">
                        Convert From PDF <i class="fas fa-chevron-down dropdown-arrow"></i>
                    </a>
                    <div class="dropdown-menu">
                        <!-- Protection Tools Column -->
                        <div class="mega-dropdown-col">
                            <h4><i class="fas fa-shield-alt"></i> Popular PDF to Image</h4>
                            <ul>
                                <li><a href="/pdf-to-avif.php"><i class="fas fa-lock"></i> PDF to AVIF</a></li>
                                <li><a href="/pdf-to-bmp.php"><i class="fas fa-unlock"></i> PDF to BMP</a></li>
                                <li><a href="/pdf-to-ico.php"><i class="fas fa-unlock"></i> PDF to ICO</a></li>
                                <li><a href="/pdf-to-jpg.php"><i class="fas fa-unlock"></i> PDF to JPG</a></li>
                                                                <li><a href="/pdf-to-png.php"><i class="fas fa-unlock"></i> PDF to PNG</a></li>
                                <li><a href="/pdf-to-webp-converter.php"><i class="fas fa-unlock"></i> PDF to WEBP</a></li>

                            </ul>
                            
                           
                        </div>
                        
                        <!-- Conversion Tools Column -->
                        <div class="mega-dropdown-col">
                            <h4><i class="fas fa-exchange-alt"></i> Popular PDF to Code</h4>
                            <ul>
                                <li><a href="/pdf-to-yaml-converter.php"><i class="fas fa-file-pdf"></i> PDF to YAML</a></li>
                                <li><a href="/pdf-to-text.php"><i class="fas fa-file-pdf"></i> PDF to Text</a></li>
                                <li><a href="/pdf-to-markdown.php"><i class="fas fa-file-pdf"></i> JPG to Markdown</a></li>
                                <li><a href="/pdf-to-json.php"><i class="fas fa-file-pdf"></i> PDF to Json</a></li>
                                <li><a href="/pdf-to-base64.php"><i class="fas fa-file-pdf"></i> PDF to Base-64</a></li>
                            </ul>
                        </div>
                        
                        <!-- Editing Tools Column -->
                        <div class="mega-dropdown-col">
                            <h4><i class="fas fa-edit"></i> Popular PDF to Docs</h4>
                            <ul>
                                <li><a href="convert-pdf-to-excel.php"><i class="fas fa-file-pdf"></i> PDF to Excel</a></li>
                                <li><a href="convert-pdf-to-word.php"><i class="fas fa-file-pdf"></i> PDF to Word</a></li>
                                <li><a href="pdf-to-html.php"><i class="fas fa-file-pdf"></i> PDF to HTML</a></li>
                                <li><a href="pdf-to-rtf.php"><i class="fas fa-file-pdf"></i> PDF to RTF</a></li>
                                <li><a href="pdf-to-xml-converter.php"><i class="fas fa-file-pdf"></i> PDF to XML</a></li>
                            </ul>
                        </div>
                        
                        
                        <!-- Featured Tools -->
                        <div class="mega-dropdown-featured">
                            <h4><i class="fas fa-star"></i> Featured Tools</h4>
                            <a href="/pdf-to-jpg.php">
                                <div class="featured-tool">
                                <i class="fas fa-file-pdf"></i>
                                <div class="featured-tool-content">
                                    <h5>PDF to JPG Converter</h5>
                                    <span class="badge badge-success">Most Popular</span>
                                </div>
                                </a>
                            </div>
                            <a href="/pdf-to-png.php">
                                <div class="featured-tool">
                                <i class="fas fa-file-pdf"></i>
                                <div class="featured-tool-content">
                                    <h5>PDF to PNG Converter</h5>
                                    <span class="badge badge-primary">Most Popular</span>
                                </div>
                                </a>
                            </div>
                            <a href="/" class="btn btn-primary" style="width: 100%; margin-top: 1rem;">
                                <i class="fas fa-arrow-right"></i> View All Tools
                            </a>
                        </div>
                    </div>
                </div>
               
                
                
                
                 <div class="nav-item dropdown mega-dropdown">
                    <a href="#" class="nav-link dropdown-toggle">
                        PDF Edit & Organize <i class="fas fa-chevron-down dropdown-arrow"></i>
                    </a>
                    <div class="dropdown-menu">
                        <!-- Protection Tools Column -->
                        <div class="mega-dropdown-col">
                            <h4><i class="fas fa-shield-alt"></i> Protection</h4>
                            <ul>
                                <li><a href="/protect-pdf.php"><i class="fas fa-lock"></i> Protect PDF</a></li>
                                <li><a href="/unlock-pdf.php"><i class="fas fa-unlock"></i> Unlock PDF</a></li>
                                <li><a href="/sign-pdf.php"><i class="fas fa-unlock"></i> Sign PDF</a></li>
                                <li><a href="/ocr-pdf.php"><i class="fas fa-unlock"></i> OCR PDF</a></li>
                                
                            </ul>
                            
                           
                        </div>
                        
                        <!-- Conversion Tools Column -->
                        <div class="mega-dropdown-col">
                            <h4><i class="fas fa-exchange-alt"></i> Organize</h4>
                            <ul>
                                 <li><a href="organize-pdf.php"><i class="fas fa-file-pdf"></i> Organize PDF</a></li>
                                <li><a href="merge-pdf.php"><i class="fas fa-file-pdf"></i> Merge PDF</a></li>
                                <li><a href="merge-pdf-and-images.php"><i class="fas fa-file-pdf"></i> Merge PDF & Image</a></li>
                                <li><a href="crop-pdf.php"><i class="fas fa-file-pdf"></i> Crop PDF</a></li>
                                <li><a href="rotate-pdf.php"><i class="fas fa-file-pdf"></i> Rotate PDF</a></li>
                            </ul>
                        </div>
                        
                        <!-- Editing Tools Column -->
                        <div class="mega-dropdown-col">
                            <h4><i class="fas fa-edit"></i> Editing</h4>
                            <ul>
                                <li><a href="/add-watermark-to-pdf.php"><i class="fas fa-file-pdf"></i> Watermark PDF</a></li>
                                <li><a href="/reverse-pdf.php"><i class="fas fa-file-pdf"></i> Reverse PDF</a></li>
                                <li><a href="/add-page-number-to-pdf.php"><i class="fas fa-file-pdf"></i> Page Numbers to PDF</a></li>
                                <li><a href="/compress-pdf.php"><i class="fas fa-file-pdf"></i> Compress PDF</a></li>
                                <li><a href="/rescale-pdf.php"><i class="fas fa-file-pdf"></i> Rescale PDF</a></li>
                                <li><a href="/remove-pdf-pages.php"><i class="fas fa-file-pdf"></i> Remove Pages PDF</a></li>
                                <li><a href="/generate-pdf.php"><i class="fas fa-file-pdf"></i> Generate PDF</a></li>
                                <li><a href="/enhance-pdf.php"><i class="fas fa-file-pdf"></i> Enhance PDF</a></li>
                                <li><a href="/pdf-dpi-changer.php"><i class="fas fa-file-pdf"></i> Change DPI PDF</a></li>
                            </ul>
                        </div>
                        
                        
                        <!-- Featured Tools -->
                        <div class="mega-dropdown-featured">
                            <h4><i class="fas fa-star"></i> Featured Tools</h4>
                            <a href="/protect-pdf.php">
                                <div class="featured-tool">
                                <i class="fas fa-lock"></i>
                                <div class="featured-tool-content">
                                    <h5>Secure PDF Protection</h5>
                                    <p>Military-grade 256-bit AES encryption for your documents</p>
                                    <span class="badge badge-success">Most Popular</span>
                                </div>
                                </a>
                            </div>
                            <a href="/unlock-pdf.php">
                                <div class="featured-tool">
                                <i class="fas fa-unlock"></i>
                                <div class="featured-tool-content">
                                    <h5>Unlock PDF Protection</h5>
                                    <p>Unlock and access the PDF</p>
                                    <span class="badge badge-primary">New</span>
                                </div>
                                </a>
                            </div>
                            <a href="/" class="btn btn-primary" style="width: 100%; margin-top: 1rem;">
                                <i class="fas fa-arrow-right"></i> View All Tools
                            </a>
                        </div>
                    </div>
                </div>
               
                
                
                
                
<svg class="language-icon" width="24" height="24" viewBox="0 0 24 24" fill="#EDF2FA" stroke="currentColor" stroke-width="2">
    <path d="M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z"/>
    <path d="m9 12 2 2 4-4"/>
  </svg>
  <div class="gtranslate_wrapper"></div>                
            </nav>
        </div>
    </header>
    
    <!-- Mega Menu Sidebar -->
    <div class="mega-menu-sidebar-overlay" id="mega-menu-overlay"></div>
    <aside class="mega-menu-sidebar" id="mega-menu-sidebar">
        <div class="mega-menu-sidebar-header">
            <a href="index.php" class="logo-header">
                <i class="fas fa-lock"></i>
                <span>PDFSecure</span>
            </a>
            <button class="close-sidebar-btn" id="close-sidebar-btn">
                <i class="fas fa-times"></i>
            </button>
        </div>
        <div class="mega-menu-content">
            <!-- Protection Tools -->
            <div class="mega-menu-col">
                <h4><i class="fas fa-shield-alt"></i> Protection Tools</h4>
                <ul>
                    <li><a href="protect-pdf.php"><i class="fas fa-lock"></i> Protect PDF</a></li>
                    <li><a href="unlock.php"><i class="fas fa-unlock"></i> Unlock PDF</a></li>
                </ul>
            </div>
            
            <!-- Conversion Tools -->
            <div class="mega-menu-col">
                <h4><i class="fas fa-exchange-alt"></i> Conversion Tools</h4>
                <ul>
                    <li><a href="/pdf-to-jpg.php"><i class="fas fa-file-image"></i> PDF to JPG</a></li>
                    <li><a href="/pdf-to-image-converter.php"><i class="fas fa-file-image"></i> PDF to JPG, PNG, WEBP</a></li>
                    <li><a href="/jpg-to-pdf.php"><i class="fas fa-file-image"></i> PDF to JPG</a></li>
                    <li><a href="/image-to-pdf.php"><i class="fas fa-file-image"></i> PDF to JPG</a></li>
                </ul>
            </div>
            
            <!-- Editing Tools -->
            <div class="mega-menu-col">
                <h4><i class="fas fa-edit"></i> Editing Tools</h4>
                <ul>
                    <li><a href="/merge-pdf.php"><i class="fas fa-object-group"></i> Merge PDF</a></li>
                    <li><a href="/split-pdf.php"><i class="fas fa-cut"></i> Split PDF</a></li>
                    <li><a href="/add-page-numbers-to-pdf.php"><i class="fas fa-compress-alt"></i> Add Page Numbers to PDF</a></li>
                    <li><a href="/pdf-compressor.php"><i class="fas fa-compress-alt"></i> Compress PDF</a></li>
                </ul>
            </div>
            
            <!-- Featured Tools -->
            <div class="mega-menu-featured">
                <h4><i class="fas fa-star"></i> Popular Tools</h4>
                <a href="/protect-pdf.php"><div class="featured-tool">
                    <i class="fas fa-lock"></i>
                    <div class="featured-tool-content">
                        <h5>Secure PDF Protection</h5>
                        <p>Add passwords with 256-bit AES encryption</p>
                    </div>
                </div></a>
                <div class="featured-tool">
                    <i class="fas fa-file-signature"></i>
                    <div class="featured-tool-content">
                        <h5>eSign Documents</h5>
                        <p>Legally binding electronic signatures</p>
                    </div>
                </div>
                <a href="all-tools.php" class="btn btn-primary" style="width: 100%; margin-top: 1rem;">
                    <i class="fas fa-arrow-right"></i> View All Tools
                </a>
            </div>
        </div>
    </aside>
    <script>
        document.addEventListener('DOMContentLoaded', function() {
            const mobileMenuBtn = document.getElementById('mobile-menu-btn');
            const megaMenuBtn = document.querySelector('.mega-dropdown .dropdown-toggle');
            const megaMenuSidebar = document.getElementById('mega-menu-sidebar');
            const megaMenuOverlay = document.getElementById('mega-menu-overlay');
            const closeSidebarBtn = document.getElementById('close-sidebar-btn');
            
            // Check if user is logged in (simulated)
            const isLoggedIn = false; // Change to true to see user menu
            
            // Show/hide user menu based on login status
            const userMenu = document.querySelector('.user-menu');
            if (userMenu) {
                userMenu.style.display = isLoggedIn ? 'block' : 'none';
            }
            
            // Toggle mega menu sidebar
            function toggleMegaMenu() {
                megaMenuSidebar.classList.toggle('active');
                megaMenuOverlay.classList.toggle('active');
                document.body.style.overflow = megaMenuSidebar.classList.contains('active') ? 'hidden' : '';
            }
            
            // Open mega menu from mobile menu button
            mobileMenuBtn.addEventListener('click', function() {
                toggleMegaMenu();
            });
            
            // Open mega menu from nav link (desktop)
            if (megaMenuBtn) {
                megaMenuBtn.addEventListener('click', function(e) {
                    if (window.innerWidth > 992) {
                        return; // Let desktop hover behavior handle it
                    }
                    e.preventDefault();
                    toggleMegaMenu();
                });
            }
            
            // Close sidebar
            closeSidebarBtn.addEventListener('click', toggleMegaMenu);
            megaMenuOverlay.addEventListener('click', toggleMegaMenu);
            
            // Toggle mega menu columns in mobile
            const megaMenuCols = document.querySelectorAll('.mega-menu-sidebar .mega-menu-col h4');
            megaMenuCols.forEach(col => {
                col.addEventListener('click', function() {
                    this.parentElement.classList.toggle('active');
                });
            });
            
            // Close sidebar when resizing to desktop
            window.addEventListener('resize', function() {
                if (window.innerWidth > 992) {
                    megaMenuSidebar.classList.remove('active');
                    megaMenuOverlay.classList.remove('active');
                    document.body.style.overflow = '';
                }
            });
            
            // Simulate login/logout (for demo purposes)
            const loginBtn = document.querySelector('.nav-cta .btn-outline');
            const signupBtn = document.querySelector('.nav-cta .btn-primary');
            
            if (loginBtn && signupBtn) {
                loginBtn.addEventListener('click', function(e) {
                    if (!isLoggedIn) {
                        e.preventDefault();
                        userMenu.style.display = 'block';
                        loginBtn.style.display = 'none';
                        signupBtn.style.display = 'none';
                    }
                });
                
                // Simulate logout from user menu
                const logoutLink = document.querySelector('.user-menu-dropdown a[href="logout.php"]');
                if (logoutLink) {
                    logoutLink.addEventListener('click', function(e) {
                        e.preventDefault();
                        userMenu.style.display = 'none';
                        loginBtn.style.display = 'flex';
                        signupBtn.style.display = 'flex';
                    });
                }
            }
        });
    </script>
    <style>
               
       
        /* ===== Header Styles ===== */
        .header1 {
          background-color: white;
          position: sticky;
          top: 0;
          z-index: 1000;
        }

        .header-container {
          max-width: 100%;
          margin: 0 auto;
          padding: 0 3rem;
          display: flex;
          justify-content: space-between;
          align-items: center;
          height: 4rem;
        }

        .logo-header {
          display: flex;
          align-items: center;
          text-decoration: none;
          font-size: 1.5rem;
          font-weight: 700;
          color: #E5322D;
          transition: all 0.3s ease;
        }

        .logo-header:hover {
          color: #0810FA;
          transform: translateY(-1px);
        }

        .logo-header i {
          margin-right: 0.75rem;
          font-size: 1.75rem;
        }

        .mobile-menu-btn {
          display: none;
          background: none;
          border: none;
          font-size: 1.5rem;
          color: var(--dark);
          cursor: pointer;
          padding: 0.75rem;
          border-radius: 5px;
          transition: all 0.3s ease;
          z-index: 1002;
        }

        .mobile-menu-btn:hover {
          background-color: gray;
          color: #E5322D;
        }

        /* ===== Navigation Styles ===== */
        .nav-links {
          display: flex;
          align-items: center;
          transition: all 0.3s ease;
        }

        .nav-item {
          position: relative;
        }

        .nav-link {
          display: flex;
          align-items: center;
          padding: 0 1rem;
          height: 4rem;
          text-decoration: none;
          color: #333;
          font-weight: 700;
          transition: all 0.3s ease;
          position: relative;
          font-size: 1.1rem;
        }

        .nav-link i {
          margin-right: 0.5rem;
          font-size: 1rem;
        }

        .nav-link:hover {
          color: #E5322D;
        }

        .nav-link.active {
          color: #000;
          font-weight: 600;
        }

       
        /* Dropdown Styles */
        .dropdown-toggle {
          position: relative;
        }

        .dropdown-arrow {
          margin-left: 0.25rem;
          font-size: 0.75rem;
          transition: transform 0.2s;
          font-weight:bold;
        }

        .dropdown:hover .dropdown-arrow {
          transform: rotate(180deg);
        }

        .dropdown-menu {
          display: none;
          position: absolute;
          top: 100%;
          left: 0;
          z-index: 1000;
          min-width: 90%;
          background: white;
          box-shadow: 0 2px 10px rgba(0, 0, 0, 0.08);
          border-radius: 0;
          overflow: hidden;
          animation: fadeIn 0.2s ease-out;
        }

        .dropdown:hover .dropdown-menu {
          display: block;
        }

        @keyframes fadeIn {
          from { opacity: 0; transform: translateY(-0.5rem); }
          to { opacity: 1; transform: translateY(0); }
        }

        .dropdown-menu a {
          display: flex;
          align-items: center;
          padding: 0.75rem 1rem;
          color: #333;
          text-decoration: none;
          transition: all 0.3s ease;
          border-left: 3px solid transparent;
        }

        .dropdown-menu a:hover {
          background-color:#f5f5fa;
          color: #E5322D;
          border-left-color: #c3c8ce;
        }

        .dropdown-menu a i {
          width: 1.25rem;
          text-align: center;
          margin-right: 0.75rem;
          color: #333;
        }

        /* Mega Dropdown Menu */
        .mega-dropdown {
          position: static;
          background:white;
        }

        .mega-dropdown .dropdown-menu {
          width: 94%;
          left: 40px;
          right: 40px;
          padding: 2rem;
          display: none;
          grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
          gap: 2rem;
          border-top: 1px solid #c3c8ce;
          border-radius:0 0 25px 25px;
        }

        .mega-dropdown:hover .dropdown-menu {
          display: grid;
        }

        .mega-dropdown-col h4 {
          color: #E5322D;
          margin-bottom: 1rem;
          font-size: 1rem;
          display: flex;
          align-items: center;
        }

        .mega-dropdown-col h4 i {
          margin-right: 0.75rem;
          font-size: 1.1rem;
        }

        .mega-dropdown-col ul {
          list-style: none;
        }

        .mega-dropdown-col ul li {
          margin-bottom: 0.5rem;
        }

        .mega-dropdown-col ul li a {
          display: flex;
          align-items: center;
          padding: 0.5rem 0;
          color: #20323F;
          text-decoration: none;
          transition: var(--transition-fast);
          font-size: 0.9rem;
        }

        .mega-dropdown-col ul li a:hover {
          color: var(--primary);
          transform: translateX(3px);
        }

        .mega-dropdown-col ul li a i {
          margin-right: 0.75rem;
          width: 1.25rem;
          text-align: center;
          color: var(--primary-light);
          font-size: 0.9rem;
        }

        .mega-dropdown-featured {
          background-color: #ddd;
          padding: 1.5rem;
          border-radius: 5px;
          grid-column: span 2;
        }

        .mega-dropdown-featured h4 {
          color: #333;
          margin-bottom: 1rem;
        }

        .featured-tool {
          display: flex;
          align-items: center;
          background: white;
          padding: 1rem;
          border-radius: 5px;
          margin-bottom: 1rem;
          box-shadow: var(--shadow-sm);
          transition: var(--transition);
        }

        .featured-tool:hover {
          transform: translateY(-2px);
          box-shadow: var(--shadow);
        }

        .featured-tool i {
          font-size: 1.5rem;
          color: var(--primary);
          margin-right: 1rem;
          background: var(--primary-extra-light);
          padding: 0.75rem;
          border-radius: var(--rounded-full);
          width: 3rem;
          height: 3rem;
          display: flex;
          align-items: center;
          justify-content: center;
        }

        .featured-tool-content h5 {
          font-size: 1rem;
          margin-bottom: 0.25rem;
          color: var(--darker);
        }

        .featured-tool-content p {
          font-size: 0.85rem;
          color: #0811FF;
        }

        /* CTA Buttons */
        .nav-cta {
          display: flex;
          align-items: center;
          margin-left: 1.5rem;
          gap: 0.75rem;
          padding:15px 22px;
          color:white;
        }

        .btn {
          display: inline-flex;
          align-items: center;
          justify-content: center;
          padding: 0.625rem 1.25rem;
          border-radius: var(--rounded-md);
          font-weight: 600;
          text-align: center;
          text-decoration: none;
          transition: var(--transition);
          font-size: 0.9rem;
          white-space: nowrap;
          cursor: pointer;
          color:white;
        }

        .btn-primary {
          background-color: var(--primary);
          color: white;
          border: 2px solid var(--primary);
          box-shadow: var(--shadow-sm);
        }

        .btn-primary:hover {
          background-color: var(--primary-dark);
          border-color: var(--primary-dark);
          transform: translateY(-1px);
          box-shadow: var(--shadow);
        }

        .btn-outline {
          background-color: transparent;
          color: white;
          border: 2px solid var(--primary);
        }

        .btn-outline:hover {
          background-color: var(--primary);
          color: var(--white);
          transform: translateY(-1px);
          box-shadow: var(--shadow-sm);
        }

        .btn-sm {
          padding: 0.5rem 1rem;
          font-size: 0.85rem;
        }

        .btn-lg {
          padding: 0.875rem 1.75rem;
          font-size: 1rem;
        }

        .btn-icon {
          width: 2.5rem;
          height: 2.5rem;
          padding: 0;
          justify-content: center;
          border-radius: var(--rounded-full);
        }

        /* Badges */
        .badge {
          display: inline-block;
          padding: 0.25rem 0.5rem;
          font-size: 0.75rem;
          font-weight: 600;
          line-height: 1;
          text-align: center;
          white-space: nowrap;
          vertical-align: baseline;
          border-radius: var(--rounded-full);
          transition: var(--transition);
        }

        .badge-primary {
          color: var(--white);
          background-color: var(--primary);
        }

        .badge-success {
          color: var(--white);
          background-color: var(--success);
        }

        .badge-warning {
          color: var(--white);
          background-color: var(--warning);
        }

        /* ===== Mega Menu Sidebar Styles ===== */
        .mega-menu-sidebar-overlay {
          position: fixed;
          top: 0;
          left: 0;
          width: 100%;
          height: 100%;
          background-color: rgba(0, 0, 0, 0.5);
          z-index: 999;
          opacity: 0;
          visibility: hidden;
          transition: var(--transition);
        }

        .mega-menu-sidebar-overlay.active {
          opacity: 1;
          visibility: visible;
        }

        .mega-menu-sidebar {
          position: fixed;
          top: 0;
          left: -100%;
          width: 90%;
          max-width: 400px;
          height: 100vh;
          background-color: var(--white);
          z-index: 1000;
          overflow-y: auto;
          transition: var(--transition);
          box-shadow: var(--shadow-xl);
        }

        .mega-menu-sidebar.active {
          left: 0;
        }

        .close-sidebar-btn {
          position: absolute;
          top: 1rem;
          right: 1rem;
          background: none;
          border: none;
          font-size: 1.5rem;
          color: var(--dark);
          cursor: pointer;
          z-index: 1001;
        }

        .mega-menu-sidebar-header {
          padding: 1.5rem;
          border-bottom: 1px solid var(--gray-light);
          display: flex;
          align-items: center;
          justify-content: space-between;
        }

        .mega-menu-sidebar .mega-menu-content {
          padding: 1.5rem;
          height: 100%;
          display: flex;
          flex-direction: column;
        }

        .mega-menu-sidebar .mega-menu-col {
          margin-bottom: 1.5rem;
        }

        .mega-menu-sidebar .mega-menu-col h4 {
          color: var(--primary);
          margin-bottom: 1rem;
          font-size: 1.1rem;
          padding-bottom: 0.5rem;
          border-bottom: 1px solid var(--secondary-light);
          cursor: pointer;
          display: flex;
          justify-content: space-between;
          align-items: center;
        }

        .mega-menu-sidebar .mega-menu-col h4::after {
          content: '+';
          font-size: 1.2rem;
          color: var(--primary);
        }

        .mega-menu-sidebar .mega-menu-col.active h4::after {
          content: '-';
        }

        .mega-menu-sidebar .mega-menu-col ul {
          display: none;
          padding-left: 0.5rem;
          margin-top: 0.5rem;
          list-style: none;
        }

        .mega-menu-sidebar .mega-menu-col.active ul {
          display: block;
        }

        .mega-menu-sidebar .mega-menu-col ul li {
          margin-bottom: 0.5rem;
        }

        .mega-menu-sidebar .mega-menu-col ul li a {
          display: flex;
          align-items: center;
          padding: 0.5rem 0;
          color: var(--secondary);
          text-decoration: none;
          transition: var(--transition);
          font-size: 0.95rem;
        }

        .mega-menu-sidebar .mega-menu-col ul li a:hover {
          color: var(--primary);
        }

        .mega-menu-sidebar .mega-menu-col ul li a i {
          margin-right: 0.75rem;
          width: 1.25rem;
          text-align: center;
          color: var(--primary);
          font-size: 0.9rem;
        }

        .mega-menu-sidebar .mega-menu-featured {
          margin-top: auto;
          padding: 1.5rem;
          background-color: var(--primary-extra-light);
          border-radius: var(--rounded-lg);
        }

        .mega-menu-sidebar .mega-menu-featured h4 {
          color: var(--primary-dark);
          margin-bottom: 1rem;
          border: none;
          padding: 0;
        }

        .mega-menu-sidebar .featured-tool {
          display: flex;
          align-items: center;
          background: var(--white);
          padding: 1rem;
          border-radius: var(--rounded);
          margin-bottom: 1rem;
          box-shadow: var(--shadow-sm);
        }

        .mega-menu-sidebar .featured-tool i {
          font-size: 1.25rem;
          color: var(--primary);
          margin-right: 1rem;
          background: var(--primary-extra-light);
          padding: 0.5rem;
          border-radius: var(--rounded-full);
        }

        .mega-menu-sidebar .featured-tool-content h5 {
          font-size: 0.95rem;
          margin-bottom: 0.25rem;
          color: var(--darker);
        }

        .mega-menu-sidebar .featured-tool-content p {
          font-size: 0.8rem;
          color: var(--secondary);
        }

        /* User Menu */
        .user-menu {
          position: relative;
          margin-left: 1rem;
        }

        .user-menu-btn {
          display: flex;
          align-items: center;
          background: none;
          border: none;
          cursor: pointer;
          padding: 0.25rem;
          border-radius: var(--rounded-full);
          transition: var(--transition);
        }

        .user-menu-btn:hover {
          background-color: var(--gray-light);
        }

        .user-avatar {
          width: 2.5rem;
          height: 2.5rem;
          border-radius: var(--rounded-full);
          object-fit: cover;
          border: 2px solid var(--primary-light);
        }

        .user-menu-dropdown {
          position: absolute;
          right: 0;
          top: 100%;
          width: 200px;
          background: var(--white);
          border-radius: var(--rounded-md);
          box-shadow: var(--shadow-md);
          padding: 0.5rem 0;
          z-index: 1000;
          display: none;
          animation: fadeIn 0.2s ease-out;
        }

        .user-menu:hover .user-menu-dropdown {
          display: block;
        }

        .user-menu-dropdown a {
          display: flex;
          align-items: center;
          padding: 0.75rem 1rem;
          color: var(--dark);
          text-decoration: none;
          transition: var(--transition);
          font-size: 0.9rem;
        }

        .user-menu-dropdown a:hover {
          background-color: var(--gray-light);
          color: var(--primary);
        }

        .user-menu-dropdown a i {
          margin-right: 0.75rem;
          width: 1rem;
          text-align: center;
          color: var(--primary);
        }

        .user-menu-dropdown .divider {
          height: 1px;
          background-color: var(--gray-light);
          margin: 0.5rem 0;
        }

        /* Notification Badge */
        .notification-badge {
          position: absolute;
          top: -0.25rem;
          right: -0.25rem;
          background-color: var(--danger);
          color: white;
          border-radius: var(--rounded-full);
          width: 1.25rem;
          height: 1.25rem;
          display: flex;
          align-items: center;
          justify-content: center;
          font-size: 0.7rem;
          font-weight: bold;
        }

       /* Tablet Styles (768px - 1024px) */
@media screen and (max-width: 1024px) {
    .header-container {
        padding: 0 1.5rem;
    }
    
    .nav-links {
        gap: 0.5rem;
    }
    
    .nav-link {
        padding: 0 0.75rem;
        font-size: 0.9rem;
    }
    
    .mega-dropdown .dropdown-menu {
        padding: 1.5rem;
        gap: 1.5rem;
        grid-template-columns: repeat(2, 1fr);
        background: white !important;
    }
    
    .mega-dropdown-featured {
        grid-column: span 2;
    }
    
    .mega-dropdown-col ul li a {
        font-size: 0.85rem;
        padding: 0.4rem 0;
    }
    
    .featured-tool {
        padding: 0.75rem;
    }
    
    .featured-tool i {
        width: 2.5rem;
        height: 2.5rem;
        font-size: 1.25rem;
    }
    
    .nav-cta {
        margin-left: 1rem;
        gap: 0.5rem;
    }
    
    .btn {
        padding: 0.5rem 1rem;
        font-size: 0.85rem;
    }
}

/* Mobile Styles (768px and below) */
@media screen and (max-width: 768px) {
    .header-container {
        padding: 0 1rem;
        height: 3.5rem;
    }
    
    .mobile-menu-btn {
        display: block;
    }
    
    .nav-links {
        display: none;
    }
    
    .logo-header {
        font-size: 1.25rem;
    }
    
    .logo-header svg {
        width: 28px;
        height: 28px;
    }
    
    /* Completely hide desktop mega dropdown on mobile */
    .mega-dropdown .dropdown-menu {
        display: none !important;
    }
    
    .mega-dropdown:hover .dropdown-menu {
        display: none !important;
    }
    
    /* Mega dropdown adjustments for mobile */
    .mega-dropdown .dropdown-toggle {
        pointer-events: none;
    }
    
    .mega-dropdown .dropdown-arrow {
        display: none;
    }
    
    /* Ensure sidebar has white background */
    .mega-menu-sidebar {
        background: white !important;
    }
    
    .mega-menu-content {
        background: white !important;
    }
    
    .mega-menu-col,
    .mega-menu-col h4,
    .mega-menu-col ul,
    .mega-menu-col ul li,
    .mega-menu-col ul li a {
        background: white !important;
    }
    
    .mega-menu-featured {
        background: #f8f9fa !important;
    }
}

/* Small Mobile Styles (480px and below) */
@media screen and (max-width: 480px) {
    .header-container {
        padding: 0 0.75rem;
    }
    
    .logo-header span {
        font-size: 1.1rem;
    }
    
    .logo-header svg {
        width: 24px;
        height: 24px;
    }
    
    .mobile-menu-btn {
        padding: 0.5rem;
        font-size: 1.25rem;
        min-width: 44px;
        min-height: 44px;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    
    .mega-menu-sidebar {
        width: 85%;
        background: white !important;
    }
    
    .mega-menu-sidebar-header {
        padding: 1rem;
        background: white !important;
        border-bottom: 1px solid #e5e5e5;
    }
    
    .mega-menu-content {
        padding: 1rem;
        background: white !important;
    }
    
    .mega-menu-sidebar .mega-menu-col h4 {
        font-size: 1rem;
        padding: 0.75rem 0;
        background: white !important;
        color: #E5322D;
        margin: 0;
        border-bottom: 1px solid #e5e5e5;
    }
    
    .mega-menu-sidebar .mega-menu-col ul {
        background: white !important;
        padding: 0.5rem 0;
    }
    
    .mega-menu-sidebar .mega-menu-col ul li {
        background: white !important;
        margin: 0;
    }
    
    .mega-menu-sidebar .mega-menu-col ul li a {
        font-size: 0.9rem;
        padding: 0.75rem 0;
        background: white !important;
        color: #333;
        border-left: none;
    }
    
    .mega-menu-sidebar .mega-menu-col ul li a:hover {
        background: #f5f5f5 !important;
        color: #E5322D;
    }
    
    .mega-menu-sidebar .featured-tool {
        padding: 0.75rem;
        background: white !important;
        margin-bottom: 0.75rem;
    }
    
    .mega-menu-sidebar .featured-tool-content h5 {
        font-size: 0.9rem;
    }
    
    .mega-menu-sidebar .featured-tool-content p {
        font-size: 0.75rem;
    }
    
    .mega-menu-sidebar .mega-menu-featured {
        background: #f8f9fa !important;
        padding: 1rem;
        margin-top: 1rem;
    }
}

/* Fix for mobile sidebar functionality */
@media screen and (max-width: 768px) {
    /* Ensure proper stacking context */
    .header1 {
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        z-index: 1000;
    }
    
    body {
        padding-top: 3.5rem;
        overflow-x: hidden;
    }
    
    /* Improve sidebar animations */
    .mega-menu-sidebar {
        transition: left 0.3s ease-in-out;
        z-index: 1001;
    }
    
    .mega-menu-sidebar-overlay {
        z-index: 1000;
    }
    
    /* Ensure all sidebar elements are visible */
    .mega-menu-sidebar * {
        background: white !important;
    }
    
    .mega-menu-sidebar .mega-menu-featured * {
        background: transparent !important;
    }
    
    .mega-menu-sidebar .featured-tool {
        background: white !important;
    }
}

/* Landscape Mobile Optimization */
@media screen and (max-height: 500px) and (orientation: landscape) {
    .mega-menu-sidebar {
        overflow-y: auto;
    }
    
    .mega-menu-content {
        padding-bottom: 2rem;
    }
    
    .mega-menu-sidebar .mega-menu-col {
        margin-bottom: 1rem;
    }
    
    .mega-menu-sidebar .mega-menu-col ul li {
        margin-bottom: 0.25rem;
    }
}

/* High-resolution displays */
@media screen and (max-width: 768px) and (min-resolution: 2dppx) {
    .logo-header svg {
        transform: scale(1.1);
    }
}

/* Touch device optimizations */
@media (hover: none) and (pointer: coarse) {
    .nav-link {
        padding: 0.5rem 0.75rem;
        min-height: 44px;
        display: flex;
        align-items: center;
    }
    
    .dropdown-menu a {
        padding: 1rem;
        min-height: 44px;
    }
    
    .mega-dropdown-col ul li a {
        padding: 0.75rem 0;
        min-height: 44px;
        display: flex;
        align-items: center;
    }
    
    /* Increase tap targets for mobile */
    .mobile-menu-btn {
        min-width: 44px;
        min-height: 44px;
    }
    
    .mega-menu-sidebar .mega-menu-col h4 {
        min-height: 44px;
        display: flex;
        align-items: center;
        cursor: pointer;
    }
    
    .mega-menu-sidebar .mega-menu-col ul li a {
        min-height: 44px;
        display: flex;
        align-items: center;
    }
}

/* Prevent body scroll when sidebar is open */
body.sidebar-open {
    overflow: hidden;
}
    </style>
<body>

    <style>
        :root {
            --primary-color: #800000;
            --card-bg: #ffffff;
            --text-color: #333333;
            --border-color: #dddddd;
        }

        .hero1 {
            min-height: 460px;
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
            text-align: center;
            padding: 0rem;
            position: relative;
            overflow: hidden;
            background: linear-gradient(135deg, #800000, #C80B1E, #800000);
        }

        .background-icons {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            z-index: 0;
            opacity: 0.15;
        }

        .icon {
            position: absolute;
            font-size: 3rem;
            color: rgba(255, 255, 255, 0.7);
            animation: float 15s infinite linear;
        }

        .icon:nth-child(1) { top: 10%; left: 5%; animation-delay: 0s; }
        .icon:nth-child(2) { top: 20%; right: 10%; animation-delay: 2s; }
        .icon:nth-child(3) { bottom: 30%; left: 15%; animation-delay: 4s; }
        .icon:nth-child(4) { bottom: 10%; right: 20%; animation-delay: 6s; }
        .icon:nth-child(5) { top: 40%; left: 25%; animation-delay: 8s; }
        .icon:nth-child(6) { top: 60%; right: 30%; animation-delay: 10s; }
        .icon:nth-child(7) { bottom: 50%; right: 5%; animation-delay: 12s; }
        .icon:nth-child(8) { top: 15%; right: 25%; animation-delay: 14s; }

        @keyframes float {
            0% { transform: translateY(0) rotate(0deg); }
            50% { transform: translateY(-20px) rotate(180deg); }
            100% { transform: translateY(0) rotate(360deg); }
        }

        .hero-content1 {
            position: relative;
            z-index: 1;
            max-width: 90%;
        }

        .hero-title {
            font-size: 3.5rem;
            font-weight: 800;
            margin-bottom: 1.5rem;
            background: linear-gradient(45deg, #ff8a00, #FFFACD, #00b4db);
            -webkit-background-clip: text;
            background-clip: text;
            color: transparent;
            text-shadow: 3px 3px 10px rgba(0, 0, 0, 0.3);
            line-height: 1.2;
        }

        .hero-description {
            font-size: 1.4rem;
            margin-bottom: 2.5rem;
            color: rgba(255, 255, 255, 0.85);
            line-height: 1.6;
            max-width: 800px;
            margin-left: auto;
            margin-right: auto;
        }

        .cta-button {
            display: inline-block;
            padding: 1rem 2.5rem;
            background: linear-gradient(45deg, #ff8a00, #e52e71);
            color: white;
            font-size: 1.2rem;
            font-weight: 600;
            border-radius: 50px;
            text-decoration: none;
            box-shadow: 0 10px 20px rgba(229, 46, 113, 0.3);
            transition: all 0.3s ease;
            position: relative;
            overflow: hidden;
            z-index: 1;
        }

        .cta-button:hover {
            transform: translateY(-5px);
            box-shadow: 0 15px 25px rgba(229, 46, 113, 0.4);
        }

        .cta-button:before {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: linear-gradient(45deg, #e52e71, #ff8a00);
            z-index: -1;
            opacity: 0;
            transition: opacity 0.3s ease;
        }

        .cta-button:hover:before {
            opacity: 1;
        }

        .floating-shapes {
            position: absolute;
            width: 100%;
            height: 100%;
            top: 0;
            left: 0;
            z-index: 0;
        }

        .shape {
            position: absolute;
            border-radius: 50%;
            background: rgba(255, 255, 255, 0.05);
            animation: move 20s infinite linear;
        }

        .shape:nth-child(1) {
            width: 80px;
            height: 80px;
            top: 10%;
            left: 10%;
            animation-delay: 0s;
        }

        .shape:nth-child(2) {
            width: 120px;
            height: 120px;
            top: 70%;
            left: 80%;
            animation-delay: 5s;
        }

        .shape:nth-child(3) {
            width: 60px;
            height: 60px;
            top: 80%;
            left: 20%;
            animation-delay: 10s;
        }

        .shape:nth-child(4) {
            width: 100px;
            height: 100px;
            top: 20%;
            left: 80%;
            animation-delay: 15s;
        }

        @keyframes move {
            0% { transform: translate(0, 0) rotate(0deg); }
            25% { transform: translate(50px, 50px) rotate(90deg); }
            50% { transform: translate(0, 100px) rotate(180deg); }
            75% { transform: translate(-50px, 50px) rotate(270deg); }
            100% { transform: translate(0, 0) rotate(360deg); }
        }

        /* Search Form Styles */
        .search-form {
            flex: 1;
            display: flex;
            max-width: 800px;
            margin: 10px auto;
        }

        .search-form input[type="text"] {
            flex: 1;
            padding: 14px 18px;
            font-size: 16px;
            border: 1px solid #369BA8;
            border-top-left-radius: 30px;
            border-bottom-left-radius: 30px;
            border-right: none;
            outline: none;
            transition: all 0.3s ease;
            background-color: var(--card-bg);
            color: var(--text-color);
        }

        .search-form input[type="text"]:focus {
            border-color: var(--primary-color);
        }

        .search-form button {
            padding: 14px 30px;
            font-size: 16px;
            border: 1px solid #369BA8;
            background-color: #369BA8;
            color: white;
            border-top-right-radius: 30px;
            border-bottom-right-radius: 30px;
            cursor: pointer;
            transition: background 0.3s ease;
        }

        .search-form button:hover {
            background-color: #333;
        }

        /* ========== RESPONSIVE STYLES ========== */

        /* Large Tablets (769px - 1024px) */
        @media (max-width: 1024px) {
            .hero1 {
                min-height: 450px;
                padding: 1.5rem;
            }
            
            .hero-title {
                font-size: 3.2rem;
                margin-bottom: 1.2rem;
            }
            
            .hero-description {
                font-size: 1.3rem;
                margin-bottom: 2rem;
            }
            
            .icon {
                font-size: 2.5rem;
            }
            
            .search-form {
                max-width: 600px;
            }
            
            .search-form input[type="text"] {
                padding: 12px 16px;
                font-size: 15px;
            }
            
            .search-form button {
                padding: 12px 25px;
                font-size: 15px;
            }
        }

        /* Tablets (768px and below) */
        @media (max-width: 768px) {
            .hero1 {
                min-height: 400px;
                padding: 1.5rem;
            }
            
            .hero-title {
                font-size: 2.8rem;
                margin-bottom: 1rem;
            }
            
            .hero-description {
                font-size: 1.2rem;
                margin-bottom: 1.8rem;
                max-width: 90%;
            }
            
            .icon {
                font-size: 2rem;
            }
            
            .cta-button {
                padding: 0.9rem 2.2rem;
                font-size: 1.1rem;
            }
            
            .shape:nth-child(1) {
                width: 60px;
                height: 60px;
            }
            
            .shape:nth-child(2) {
                width: 90px;
                height: 90px;
            }
            
            .shape:nth-child(3) {
                width: 50px;
                height: 50px;
            }
            
            .shape:nth-child(4) {
                width: 80px;
                height: 80px;
            }
            
            .search-form {
                max-width: 500px;
                margin: 8px auto;
            }
            
            .search-form input[type="text"] {
                padding: 12px 15px;
                font-size: 14px;
            }
            
            .search-form button {
                padding: 12px 22px;
                font-size: 14px;
            }
        }

        /* Large Mobile Devices (481px - 600px) */
        @media (max-width: 600px) {
            .hero1 {
                min-height: 380px;
                padding: 1.2rem;
            }
            
            .hero-title {
                font-size: 2.5rem;
                margin-bottom: 0.8rem;
            }
            
            .hero-description {
                font-size: 1.1rem;
                margin-bottom: 1.5rem;
                max-width: 95%;
            }
            
            .icon {
                font-size: 1.8rem;
            }
            
            .cta-button {
                padding: 0.8rem 2rem;
                font-size: 1rem;
            }
            
            .background-icons {
                opacity: 0.1;
            }
            
            .icon:nth-child(1) { top: 5%; left: 3%; }
            .icon:nth-child(2) { top: 15%; right: 5%; }
            .icon:nth-child(3) { bottom: 25%; left: 8%; }
            .icon:nth-child(4) { bottom: 5%; right: 10%; }
            .icon:nth-child(5) { top: 35%; left: 15%; }
            .icon:nth-child(6) { top: 55%; right: 20%; }
            .icon:nth-child(7) { bottom: 45%; right: 3%; }
            .icon:nth-child(8) { top: 10%; right: 15%; }
            
            .search-form {
                max-width: 450px;
                margin: 6px auto;
            }
            
            .search-form input[type="text"] {
                padding: 11px 14px;
                font-size: 13px;
            }
            
            .search-form button {
                padding: 11px 20px;
                font-size: 13px;
            }
        }

        /* Small Mobile Devices (480px and below) */
        @media (max-width: 480px) {
            .hero1 {
                min-height: 350px;
                padding: 1rem;
            }
            
            .hero-title {
                font-size: 2.2rem;
                margin-bottom: 0.7rem;
                line-height: 1.3;
            }
            
            .hero-description {
                font-size: 1rem;
                margin-bottom: 1.3rem;
                line-height: 1.5;
                max-width: 100%;
            }
            
            .icon {
                font-size: 1.5rem;
            }
            
            .cta-button {
                padding: 0.7rem 1.8rem;
                font-size: 0.95rem;
            }
            
            .shape {
                display: none; /* Hide shapes on very small screens for better performance */
            }
            
            .background-icons {
                opacity: 0.08;
            }
            
            .icon:nth-child(1) { top: 3%; left: 2%; }
            .icon:nth-child(2) { top: 12%; right: 3%; }
            .icon:nth-child(3) { bottom: 20%; left: 5%; }
            .icon:nth-child(4) { bottom: 3%; right: 5%; }
            .icon:nth-child(5) { top: 30%; left: 10%; }
            .icon:nth-child(6) { top: 50%; right: 15%; }
            .icon:nth-child(7) { bottom: 40%; right: 2%; }
            .icon:nth-child(8) { top: 8%; right: 10%; }
            
            .search-form {
                max-width: 100%;
                margin: 5px auto;
            }
            
            .search-form input[type="text"] {
                padding: 10px 12px;
                font-size: 12px;
            }
            
            .search-form button {
                padding: 10px 18px;
                font-size: 12px;
            }
        }

        /* Extra Small Mobile Devices (320px and below) */
        @media (max-width: 320px) {
            .hero1 {
                min-height: 320px;
                padding: 0.8rem;
            }
            
            .hero-title {
                font-size: 1.9rem;
                margin-bottom: 0.6rem;
            }
            
            .hero-description {
                font-size: 0.9rem;
                margin-bottom: 1.2rem;
            }
            
            .icon {
                font-size: 1.2rem;
            }
            
            .cta-button {
                padding: 0.6rem 1.5rem;
                font-size: 0.9rem;
            }
            
            .background-icons {
                opacity: 0.05;
            }
            
            .search-form input[type="text"] {
                padding: 9px 10px;
                font-size: 11px;
            }
            
            .search-form button {
                padding: 9px 15px;
                font-size: 11px;
            }
        }

        /* Landscape orientation for mobile devices */
        @media (max-height: 500px) and (orientation: landscape) {
            .hero1 {
                min-height: 300px;
                padding: 1rem;
            }
            
            .hero-title {
                font-size: 2rem;
                margin-bottom: 0.5rem;
            }
            
            .hero-description {
                font-size: 0.9rem;
                margin-bottom: 1rem;
            }
            
            .search-form {
                margin: 5px auto;
                max-width: 400px;
            }
        }
    </style>

    <section class="hero1">
        <div class="background-icons">
            <i class="icon fas fa-file-pdf"></i>
            <i class="icon fas fa-file-excel"></i>
            <i class="icon fas fa-file-word"></i>
            <i class="icon fas fa-file-csv"></i>
            <i class="icon fas fa-file-powerpoint"></i>
            <i class="icon fas fa-file-image"></i>
            <i class="icon fas fa-file-alt"></i>
            <i class="icon fas fa-file"></i>
        </div>
        
        <div class="floating-shapes">
            <div class="shape"></div>
            <div class="shape"></div>
            <div class="shape"></div>
            <div class="shape"></div>
        </div>
        
        <div class="hero-content1">
            <h1 class="hero-title">Your Complete PDF & File Solution</h1>
            <p class="hero-description">Seamlessly convert, edit, and manage PDF, Excel, Word, CSV, PowerPoint, and Image files with our powerful all-in-one platform.</p>
             <!-- Search Form in place of main nav -->
            <form action="search.php" method="get" class="search-form" id="searchForm">
                <input type="text" name="q" placeholder="Search PDF tools..." required>
                <button type="submit"><i class="fas fa-search"></i></button>
            </form>
        </div>
    </section><div class="tools-tab-section">
    <!-- Tab Navigation -->
    <div class="tools-tab-nav">
        <button class="tab-nav-btn active" data-tabtarget="pdf-tab">
            <i class="fas fa-file-pdf"></i>
            <span>All Tools</span>
        </button>
        <button class="tab-nav-btn" data-tabtarget="image-tab">
            <i class="fas fa-exchange-alt"></i>
            <span>PDF Converters</span>
        </button>
        <button class="tab-nav-btn" data-tabtarget="edit-tab">
            <i class="fas fa-edit"></i>
            <span>Edit & Organize PDFs</span>
        </button>
        <button class="tab-nav-btn" data-tabtarget="organize-tab">
            <i class="fas fa-plug"></i>
            <span>New PDF Addons</span>
        </button>
        
        <button class="tab-nav-btn" data-tabtarget="protect-tab">
            <i class="fas fa-file-alt"></i>
            <span>Document Converter</span>
        </button>
        
    </div>

    
    <!-- Tab Contents -->
    <div class="tools-tab-content active" id="pdf-tab">
       <section class="tools-section">
    <div class="section-title">
        <h2>Edit, Organize, Optimize & Manage PDF's Online</h2>
        <p>Explore our comprehensive collection of PDF tools to make your document work easier and more efficient</p>
    </div>
    
    <div class="hexagon-grid">
        <!-- First Row - 6 items -->
        <div class="hexagon-row">
            <a href="/add-blank-pages-to-pdf.php" class="hexagon-item color1">
                <div class="hexagon-content">
                    <div class="hexagon-icon"><i class="fas fa-plus-square"></i></div>
                    <h3 class="hexagon-title">Add PDF Page</h3>
                    <p class="hexagon-desc">Add a blank page to pdf online</p>
                    <div class="hexagon-arrow"><i class="fas fa-arrow-right"></i></div>
                </div>
            </a>
            
            <a href="/add-noise-to-pdf.php" class="hexagon-item color2">
                <div class="hexagon-content">
                    <div class="hexagon-icon"><i class="fas fa-wave-square"></i></div>
                    <h3 class="hexagon-title">Add PDF Noise</h3>
                    <p class="hexagon-desc">Add noise to pdf documents online</p>
                    <div class="hexagon-arrow"><i class="fas fa-arrow-right"></i></div>
                </div>
            </a>
            
            <a href="/add-page-number-to-pdf.php" class="hexagon-item color3">
                <div class="hexagon-content">
                    <div class="hexagon-icon"><i class="fas fa-list-ol"></i></div>
                    <h3 class="hexagon-title">Add Page Number</h3>
                    <p class="hexagon-desc">Add page numbers to pdf online</p>
                    <div class="hexagon-arrow"><i class="fas fa-arrow-right"></i></div>
                </div>
            </a>
            
            <a href="/add-pdf-meta-data.php" class="hexagon-item color4">
                <div class="hexagon-content">
                    <div class="hexagon-icon"><i class="fas fa-file-alt"></i></div>
                    <h3 class="hexagon-title">Add PDF Meta</h3>
                    <p class="hexagon-desc">Add pdf meta data online free</p>
                    <div class="hexagon-arrow"><i class="fas fa-arrow-right"></i></div>
                </div>
            </a>
            
            <a href="/add-stroke-to-pdf.php" class="hexagon-item color5">
                <div class="hexagon-content">
                    <div class="hexagon-icon"><i class="fas fa-border-all"></i></div>
                    <h3 class="hexagon-title">Add PDF Stroke</h3>
                    <p class="hexagon-desc">Add stroke or border to pdf online</p>
                    <div class="hexagon-arrow"><i class="fas fa-arrow-right"></i></div>
                </div>
            </a>
            
            <a href="/add-text-to-pdf.php" class="hexagon-item color6">
                <div class="hexagon-content">
                    <div class="hexagon-icon"><i class="fas fa-pencil-alt"></i></div>
                    <h3 class="hexagon-title">Add PDF Text</h3>
                    <p class="hexagon-desc">Easily add text to pdf online</p>
                    <div class="hexagon-arrow"><i class="fas fa-arrow-right"></i></div>
                </div>
            </a>
        </div>
        
        <!-- Second Row - 5 items (offset) -->
        <div class="hexagon-row">
            <a href="/add-watermark-to-pdf.php" class="hexagon-item color7">
                <div class="hexagon-content">
                    <div class="hexagon-icon"><i class="fas fa-tint"></i></div>
                    <h3 class="hexagon-title">Add Watermark</h3>
                    <p class="hexagon-desc">Add watermark to pdf online</p>
                    <div class="hexagon-arrow"><i class="fas fa-arrow-right"></i></div>
                </div>
            </a>
            
            <a href="/analyze-pdf.php" class="hexagon-item color8">
                <div class="hexagon-content">
                    <div class="hexagon-icon"><i class="fas fa-chart-bar"></i></div>
                    <h3 class="hexagon-title">Analyze PDF</h3>
                    <p class="hexagon-desc">Easily analyze pdf documents</p>
                    <div class="hexagon-arrow"><i class="fas fa-arrow-right"></i></div>
                </div>
            </a>
            
            <a href="/blur-pdf.php" class="hexagon-item color9">
                <div class="hexagon-content">
                    <div class="hexagon-icon"><i class="fas fa-eye-slash"></i></div>
                    <h3 class="hexagon-title">Blur PDF</h3>
                    <p class="hexagon-desc">Easily add blur effects to pdf</p>
                    <div class="hexagon-arrow"><i class="fas fa-arrow-right"></i></div>
                </div>
            </a>
            
            <a href="/compress-pdf.php" class="hexagon-item color10">
                <div class="hexagon-content">
                    <div class="hexagon-icon"><i class="fas fa-compress-alt"></i></div>
                    <h3 class="hexagon-title">Compress PDF</h3>
                    <p class="hexagon-desc">Compress and optimize pdf online</p>
                    <div class="hexagon-arrow"><i class="fas fa-arrow-right"></i></div>
                </div>
            </a>
            
            <a href="/crop-pdf-online.php" class="hexagon-item color11">
                <div class="hexagon-content">
                    <div class="hexagon-icon"><i class="fas fa-crop"></i></div>
                    <h3 class="hexagon-title">Crop PDF</h3>
                    <p class="hexagon-desc">Easily crop pdf documents online</p>
                    <div class="hexagon-arrow"><i class="fas fa-arrow-right"></i></div>
                </div>
            </a>
        </div>
        
        <!-- Third Row - 6 items -->
        <div class="hexagon-row">
            <a href="/crop-pdf.php" class="hexagon-item color12">
                <div class="hexagon-content">
                    <div class="hexagon-icon"><i class="fas fa-crop-alt"></i></div>
                    <h3 class="hexagon-title">Crop PDF New</h3>
                    <p class="hexagon-desc">Easily crop pdf documents online</p>
                    <div class="hexagon-arrow"><i class="fas fa-arrow-right"></i></div>
                </div>
            </a>
            
            <a href="/enhance-pdf.php" class="hexagon-item color13">
                <div class="hexagon-content">
                    <div class="hexagon-icon"><i class="fas fa-magic"></i></div>
                    <h3 class="hexagon-title">Enhance PDF</h3>
                    <p class="hexagon-desc">Easily enhance your PDFs online</p>
                    <div class="hexagon-arrow"><i class="fas fa-arrow-right"></i></div>
                </div>
            </a>
            
            <a href="/extract-images-from-pdf.php" class="hexagon-item color14">
                <div class="hexagon-content">
                    <div class="hexagon-icon"><i class="fas fa-file-image"></i></div>
                    <h3 class="hexagon-title">Extract Images</h3>
                    <p class="hexagon-desc">Extract all images from pdf online</p>
                    <div class="hexagon-arrow"><i class="fas fa-arrow-right"></i></div>
                </div>
            </a>
            
            <a href="/extract-pdf-pages.php" class="hexagon-item color15">
                <div class="hexagon-content">
                    <div class="hexagon-icon"><i class="fas fa-file-export"></i></div>
                    <h3 class="hexagon-title">Extract Pages</h3>
                    <p class="hexagon-desc">Extract pdf pages easily for free</p>
                    <div class="hexagon-arrow"><i class="fas fa-arrow-right"></i></div>
                </div>
            </a>
            
            <a href="/generate-pdf.php" class="hexagon-item color16">
                <div class="hexagon-content">
                    <div class="hexagon-icon"><i class="fas fa-file-import"></i></div>
                    <h3 class="hexagon-title">Generate PDF</h3>
                    <p class="hexagon-desc">From scratch generate pdf online</p>
                    <div class="hexagon-arrow"><i class="fas fa-arrow-right"></i></div>
                </div>
            </a>
            
            <a href="/grayscale-pdf.php" class="hexagon-item color17">
                <div class="hexagon-content">
                    <div class="hexagon-icon"><i class="fas fa-adjust"></i></div>
                    <h3 class="hexagon-title">Grayscale PDF</h3>
                    <p class="hexagon-desc">Easily convert pdf to grayscale</p>
                    <div class="hexagon-arrow"><i class="fas fa-arrow-right"></i></div>
                </div>
            </a>
        </div>
        
         <!-- Second Row - 5 items (offset) -->
        <div class="hexagon-row">
            <a href="/hyper-compress-pdf.php" class="hexagon-item color7">
                <div class="hexagon-content">
                    <div class="hexagon-icon"><i class="fas fa-weight-hanging"></i></div>
                    <h3 class="hexagon-title">Hyper Compress</h3>
                    <p class="hexagon-desc">Compress large size pdf documents</p>
                    <div class="hexagon-arrow"><i class="fas fa-arrow-right"></i></div>
                </div>
            </a>
            
            <a href="/listen-pdf.php" class="hexagon-item color8">
                <div class="hexagon-content">
                    <div class="hexagon-icon"><i class="fas fa-headphones"></i></div>
                    <h3 class="hexagon-title">Listen PDF</h3>
                    <p class="hexagon-desc">Easily listen pdf text online</p>
                    <div class="hexagon-arrow"><i class="fas fa-arrow-right"></i></div>
                </div>
            </a>
            
            <a href="/merge-pdf-and-images.php" class="hexagon-item color9">
                <div class="hexagon-content">
                    <div class="hexagon-icon"><i class="fas fa-layer-group"></i></div>
                    <h3 class="hexagon-title">Merge Images</h3>
                    <p class="hexagon-desc">Merge pdf and images together</p>
                    <div class="hexagon-arrow"><i class="fas fa-arrow-right"></i></div>
                </div>
            </a>
            
            <a href="/merge-pdf-text.php" class="hexagon-item color10">
                <div class="hexagon-content">
                    <div class="hexagon-icon"><i class="fas fa-object-group"></i></div>
                    <h3 class="hexagon-title">Merge Text</h3>
                    <p class="hexagon-desc">Merge pdf and text together</p>
                    <div class="hexagon-arrow"><i class="fas fa-arrow-right"></i></div>
                </div>
            </a>
            
            <a href="/merge-pdf.php" class="hexagon-item color11">
                <div class="hexagon-content">
                    <div class="hexagon-icon"><i class="fas fa-arrows-alt-h"></i></div>
                    <h3 class="hexagon-title">Merge PDFs</h3>
                    <p class="hexagon-desc">Merge multiple pdfs together</p>
                    <div class="hexagon-arrow"><i class="fas fa-arrow-right"></i></div>
                </div>
            </a>
        </div>
        
        <!-- Third Row - 6 items -->
        <div class="hexagon-row">
            <a href="/organize-pdf.php" class="hexagon-item color12">
                <div class="hexagon-content">
                    <div class="hexagon-icon"><i class="fas fa-folder-tree"></i></div>
                    <h3 class="hexagon-title">Organize PDF</h3>
                    <p class="hexagon-desc">Easily organize pdf documents free</p>
                    <div class="hexagon-arrow"><i class="fas fa-arrow-right"></i></div>
                </div>
            </a>
            
            <a href="/overlay-pdf.php" class="hexagon-item color13">
                <div class="hexagon-content">
                    <div class="hexagon-icon"><i class="fas fa-object-ungroup"></i></div>
                    <h3 class="hexagon-title">Overlay PDF</h3>
                    <p class="hexagon-desc">Easily add overlay to PDFs</p>
                    <div class="hexagon-arrow"><i class="fas fa-arrow-right"></i></div>
                </div>
            </a>
            
            <a href="/pdf-color-inverter.php" class="hexagon-item color14">
                <div class="hexagon-content">
                    <div class="hexagon-icon"><i class="fas fa-sun"></i></div>
                    <h3 class="hexagon-title">PDF Inverter</h3>
                    <p class="hexagon-desc">Easily invert pdf colors online</p>
                    <div class="hexagon-arrow"><i class="fas fa-arrow-right"></i></div>
                </div>
            </a>
            
            <a href="/pdf-dpi-analyzer.php" class="hexagon-item color15">
                <div class="hexagon-content">
                    <div class="hexagon-icon"><i class="fas fa-ruler-combined"></i></div>
                    <h3 class="hexagon-title">PDF DPI Analyze</h3>
                    <p class="hexagon-desc">Easily analyze pdf dpi online</p>
                    <div class="hexagon-arrow"><i class="fas fa-arrow-right"></i></div>
                </div>
            </a>
            
            <a href="/pdf-dpi-changer.php" class="hexagon-item color16">
                <div class="hexagon-content">
                    <div class="hexagon-icon"><i class="fas fa-tachometer-alt"></i></div>
                    <h3 class="hexagon-title">PDF DPI Change</h3>
                    <p class="hexagon-desc">Easily change pdf dpi online</p>
                    <div class="hexagon-arrow"><i class="fas fa-arrow-right"></i></div>
                </div>
            </a>
            
            <a href="/pdf-invoice-generator.php" class="hexagon-item color17">
                <div class="hexagon-content">
                    <div class="hexagon-icon"><i class="fas fa-file-invoice"></i></div>
                    <h3 class="hexagon-title">PDF Invoice</h3>
                    <p class="hexagon-desc">Easily generate invoice on pdf</p>
                    <div class="hexagon-arrow"><i class="fas fa-arrow-right"></i></div>
                </div>
            </a>
        </div>
        
         <!-- Second Row - 5 items (offset) -->
        <div class="hexagon-row">
            <a href="/pdf-margin-adjuster.php" class="hexagon-item color7">
                <div class="hexagon-content">
                    <div class="hexagon-icon"><i class="fas fa-columns"></i></div>
                    <h3 class="hexagon-title">PDF Margin</h3>
                    <p class="hexagon-desc">Easily adjust pdf page margin</p>
                    <div class="hexagon-arrow"><i class="fas fa-arrow-right"></i></div>
                </div>
            </a>
            
            <a href="/pdf-reader.php" class="hexagon-item color8">
                <div class="hexagon-content">
                    <div class="hexagon-icon"><i class="fas fa-book-open"></i></div>
                    <h3 class="hexagon-title">PDF Reader</h3>
                    <p class="hexagon-desc">Easily read or view pdf documents</p>
                    <div class="hexagon-arrow"><i class="fas fa-arrow-right"></i></div>
                </div>
            </a>
            
            <a href="/protect-pdf.php" class="hexagon-item color9">
                <div class="hexagon-content">
                    <div class="hexagon-icon"><i class="fas fa-lock"></i></div>
                    <h3 class="hexagon-title">Protect PDF</h3>
                    <p class="hexagon-desc">Easily protect pdf with password</p>
                    <div class="hexagon-arrow"><i class="fas fa-arrow-right"></i></div>
                </div>
            </a>
            
            <a href="/redact-pdf.php" class="hexagon-item color10">
                <div class="hexagon-content"> 
                    <div class="hexagon-icon"><i class="fas fa-user-secret"></i></div>
                    <h3 class="hexagon-title">Redact PDF</h3>
                    <p class="hexagon-desc">Redact pdf files online easily</p>
                    <div class="hexagon-arrow"><i class="fas fa-arrow-right"></i></div>
                </div>
            </a>
            
            <a href="/remove-pdf-noise.php" class="hexagon-item color11">
                <div class="hexagon-content">
                    <div class="hexagon-icon"><i class="fas fa-broom"></i></div>
                    <h3 class="hexagon-title">Remove Noise</h3>
                    <p class="hexagon-desc">Easily remove pdf noise online</p>
                    <div class="hexagon-arrow"><i class="fas fa-arrow-right"></i></div>
                </div>
            </a>
        </div>
        
<!-- First Row - 6 items -->
        <div class="hexagon-row">
            <a href="/remove-pdf-pages.php" class="hexagon-item color1">
                <div class="hexagon-content">
                    <div class="hexagon-icon"><i class="fas fa-trash-alt"></i></div>
                    <h3 class="hexagon-title">Remove Pages</h3>
                    <p class="hexagon-desc">Easily remove pages from pdf online</p>
                    <div class="hexagon-arrow"><i class="fas fa-arrow-right"></i></div>
                </div>
            </a>
            
            <a href="/rescale-pdf.php" class="hexagon-item color2">
                <div class="hexagon-content">
                    <div class="hexagon-icon"><i class="fas fa-expand-arrows-alt"></i></div>
                    <h3 class="hexagon-title">Rescale PDF</h3>
                    <p class="hexagon-desc">Rescale PDF into multiple sizes</p>
                    <div class="hexagon-arrow"><i class="fas fa-arrow-right"></i></div>
                </div>
            </a>
            
            <a href="/reverse-pdf.php" class="hexagon-item color3">
                <div class="hexagon-content">
                    <div class="hexagon-icon"><i class="fas fa-exchange-alt"></i></div>
                    <h3 class="hexagon-title">Reverse PDF</h3>
                    <p class="hexagon-desc">Easily reverse pdf pages online</p>
                    <div class="hexagon-arrow"><i class="fas fa-arrow-right"></i></div>
                </div>
            </a>
            
            <a href="/rotate-pdf.php" class="hexagon-item color4">
                <div class="hexagon-content">
                    <div class="hexagon-icon"><i class="fas fa-redo-alt"></i></div>
                    <h3 class="hexagon-title">Rotate PDF</h3>
                    <p class="hexagon-desc">Rotate pdf online with ease</p>
                    <div class="hexagon-arrow"><i class="fas fa-arrow-right"></i></div>
                </div>
            </a>
            
            <a href="/sign-pdf.php" class="hexagon-item color5">
                <div class="hexagon-content">
                    <div class="hexagon-icon"><i class="fas fa-pen-nib"></i></div>
                    <h3 class="hexagon-title">Sign PDF</h3>
                    <p class="hexagon-desc">Add signature to pdf online</p>
                    <div class="hexagon-arrow"><i class="fas fa-arrow-right"></i></div>
                </div>
            </a>
            
            <a href="/split-pdf-into-parts.php" class="hexagon-item color6">
                <div class="hexagon-content">
                    <div class="hexagon-icon"><i class="fas fa-cut"></i></div>
                    <h3 class="hexagon-title">Split PDF Parts</h3>
                    <p class="hexagon-desc">Split pdf into parts online</p>
                    <div class="hexagon-arrow"><i class="fas fa-arrow-right"></i></div>
                </div>
            </a>
        </div>
        
                 <!-- Second Row - 5 items (offset) -->
        <div class="hexagon-row">
            <a href="/split-pdf-online.php" class="hexagon-item color7">
                <div class="hexagon-content">
                    <div class="hexagon-icon"><i class="fas fa-arrows-split-up-and-left"></i></div>
                    <h3 class="hexagon-title">Split PDF</h3>
                    <p class="hexagon-desc">Split your pdf files online</p>
                    <div class="hexagon-arrow"><i class="fas fa-arrow-right"></i></div>
                </div>
            </a>
            
            <a href="/split-pdf-text.php" class="hexagon-item color8">
                <div class="hexagon-content">
                    <div class="hexagon-icon"><i class="fas fa-paragraph"></i></div>
                    <h3 class="hexagon-title">Split PDF Text</h3>
                    <p class="hexagon-desc">Split your pdf text online</p>
                    <div class="hexagon-arrow"><i class="fas fa-arrow-right"></i></div>
                </div>
            </a>
            
            <a href="/unlock-pdf.php" class="hexagon-item color9">
                <div class="hexagon-content">
                    <div class="hexagon-icon"><i class="fas fa-unlock"></i></div>
                    <h3 class="hexagon-title">Unlock PDF</h3>
                    <p class="hexagon-desc">Unlock secured pdf documents free</p>
                    <div class="hexagon-arrow"><i class="fas fa-arrow-right"></i></div>
                </div>
            </a>
            
            <a href="/validate-pdf.php" class="hexagon-item color10">
                <div class="hexagon-content">
                    <div class="hexagon-icon"><i class="fas fa-check-circle"></i></div>
                    <h3 class="hexagon-title">Validate PDF</h3>
                    <p class="hexagon-desc">Validate your pdf files online</p>
                    <div class="hexagon-arrow"><i class="fas fa-arrow-right"></i></div>
                </div>
            </a>
            
          
            
             <a href="/translate-pdf-text.php" class="hexagon-item color11">
                <div class="hexagon-content">
                    <div class="hexagon-icon"><i class="fas fa-edit"></i></div>
                    <h3 class="hexagon-title">Translate PDF</h3>
                    <p class="hexagon-desc">Translate pdf documents online</p>
                    <div class="hexagon-arrow"><i class="fas fa-arrow-right"></i></div>
                </div>
            </a>
        </div>
    </div>
    
    <br> <br> <br> <br> <br>
    
    
        <div class="section-title">
        <h2>Convert To PDF Online</h2>
        <p>Explore our comprehensive collection of PDF tools to make your document work easier and more efficient</p>
    </div>
    
    <div class="hexagon-grid">
        <!-- First Row - 6 items -->
        <div class="hexagon-row">
            <a href="/avif-to-pdf.php" class="hexagon-item color1">
                <div class="hexagon-content">
                    <div class="hexagon-icon"><i class="fas fa-file-pdf"></i></div>
                    <h3 class="hexagon-title">AVIF to PDF</h3>
                    <p class="hexagon-desc">Convert any file format to pdf online</p>
                    <div class="hexagon-arrow"><i class="fas fa-arrow-right"></i></div>
                </div>
            </a>
            
            <a href="/base64-to-pdf.php" class="hexagon-item color2">
                <div class="hexagon-content">
                    <div class="hexagon-icon"><i class="fas fa-file-pdf"></i></div>
                    <h3 class="hexagon-title">Base 64 to PDF</h3>
                    <p class="hexagon-desc">Convert any file format to pdf online</p>
                    <div class="hexagon-arrow"><i class="fas fa-arrow-right"></i></div>
                </div>
            </a>
            
            <a href="/bmp-to-pdf.php" class="hexagon-item color3">
                <div class="hexagon-content">
                    <div class="hexagon-icon"><i class="fas fa-file-pdf"></i></div>
                    <h3 class="hexagon-title">BMP to PDF</h3>
                    <p class="hexagon-desc">Convert any file format to pdf online</p>
                    <div class="hexagon-arrow"><i class="fas fa-arrow-right"></i></div>
                </div>
            </a>
            
            <a href="/camera-to-pdf.php" class="hexagon-item color4">
                <div class="hexagon-content">
                    <div class="hexagon-icon"><i class="fas fa-file-pdf"></i></div>
                    <h3 class="hexagon-title">Camera to PDF</h3>
                    <p class="hexagon-desc">Convert any file format to pdf online</p>
                    <div class="hexagon-arrow"><i class="fas fa-arrow-right"></i></div>
                </div>
            </a>
            
            <a href="/csv-to-pdf.php" class="hexagon-item color5">
                <div class="hexagon-content">
                    <div class="hexagon-icon"><i class="fas fa-file-pdf"></i></div>
                    <h3 class="hexagon-title">CSV to PDF</h3>
                    <p class="hexagon-desc">Convert any file format to pdf online</p>
                    <div class="hexagon-arrow"><i class="fas fa-arrow-right"></i></div>
                </div>
            </a>
            
            <a href="/excel-to-pdf.php" class="hexagon-item color6">
                <div class="hexagon-content">
                    <div class="hexagon-icon"><i class="fas fa-file-pdf"></i></div>
                    <h3 class="hexagon-title">Excel to PDF</h3>
                    <p class="hexagon-desc">Convert any file format to pdf online</p>
                    <div class="hexagon-arrow"><i class="fas fa-arrow-right"></i></div>
                </div>
            </a>
        </div>
        
        <!-- Second Row - 5 items (offset) -->
        <div class="hexagon-row">
            <a href="/gif-to-pdf.php" class="hexagon-item color7">
                <div class="hexagon-content">
                    <div class="hexagon-icon"><i class="fas fa-file-pdf"></i></div>
                    <h3 class="hexagon-title">GIF to PDF</h3>
                    <p class="hexagon-desc">Convert any file format to pdf online</p>
                    <div class="hexagon-arrow"><i class="fas fa-arrow-right"></i></div>
                </div>
            </a>
            
            <a href="/html-to-pdf.php" class="hexagon-item color8">
                <div class="hexagon-content">
                    <div class="hexagon-icon"><i class="fas fa-file-pdf"></i></div>
                    <h3 class="hexagon-title">HTML to PDF</h3>
                    <p class="hexagon-desc">Convert any file format to pdf online</p>
                    <div class="hexagon-arrow"><i class="fas fa-arrow-right"></i></div>
                </div>
            </a>
            
            <a href="/ico-to-pdf.php" class="hexagon-item color9">
                <div class="hexagon-content">
                    <div class="hexagon-icon"><i class="fas fa-file-pdf"></i></div>
                    <h3 class="hexagon-title">ICO to PDF</h3>
                    <p class="hexagon-desc">Convert any file format to pdf online</p>
                    <div class="hexagon-arrow"><i class="fas fa-arrow-right"></i></div>
                </div>
            </a>
            
            <a href="/ini-to-pdf.php" class="hexagon-item color10">
                <div class="hexagon-content">
                    <div class="hexagon-icon"><i class="fas fa-file-pdf"></i></div>
                    <h3 class="hexagon-title">INI to PDF</h3>
                    <p class="hexagon-desc">Convert any file format to pdf online</p>
                    <div class="hexagon-arrow"><i class="fas fa-arrow-right"></i></div>
                </div>
            </a>
            
            <a href="/jpg-to-pdf.php" class="hexagon-item color11">
                <div class="hexagon-content">
                    <div class="hexagon-icon"><i class="fas fa-file-pdf"></i></div>
                    <h3 class="hexagon-title">JPG to PDF</h3>
                    <p class="hexagon-desc">Convert any file format to pdf online</p>
                    <div class="hexagon-arrow"><i class="fas fa-arrow-right"></i></div>
                </div>
            </a>
        </div>
        
        <!-- Third Row - 6 items -->
        <div class="hexagon-row">
            <a href="/json-to-pdf.php" class="hexagon-item color12">
                <div class="hexagon-content">
                    <div class="hexagon-icon"><i class="fas fa-file-pdf"></i></div>
                    <h3 class="hexagon-title">Json to PDF</h3>
                    <p class="hexagon-desc">Convert any file format to pdf online</p>
                    <div class="hexagon-arrow"><i class="fas fa-arrow-right"></i></div>
                </div>
            </a>
            
            <a href="/markdown-to-pdf.php" class="hexagon-item color13">
                <div class="hexagon-content">
                    <div class="hexagon-icon"><i class="fas fa-file-pdf"></i></div>
                    <h3 class="hexagon-title">MD to PDF</h3>
                   <p class="hexagon-desc">Convert any file format to pdf online</p>
                    <div class="hexagon-arrow"><i class="fas fa-arrow-right"></i></div>
                </div>
            </a>
            
            <a href="/png-to-pdf-converter.php" class="hexagon-item color14">
                <div class="hexagon-content">
                    <div class="hexagon-icon"><i class="fas fa-file-pdf"></i></div>
                    <h3 class="hexagon-title">PNG to PDF</h3>
                    <p class="hexagon-desc">Convert any file format to pdf online</p>
                    <div class="hexagon-arrow"><i class="fas fa-arrow-right"></i></div>
                </div>
            </a>
            
            <a href="/psd-to-pdf-converter.php" class="hexagon-item color15">
                <div class="hexagon-content">
                    <div class="hexagon-icon"><i class="fas fa-file-pdf"></i></div>
                    <h3 class="hexagon-title">PSD to PDF</h3>
                    <p class="hexagon-desc">Convert any file format to pdf online</p>
                    <div class="hexagon-arrow"><i class="fas fa-arrow-right"></i></div>
                </div>
            </a>
            
            <a href="/speech-text-to-pdf.php" class="hexagon-item color16">
                <div class="hexagon-content">
                    <div class="hexagon-icon"><i class="fas fa-file-pdf"></i></div>
                    <h3 class="hexagon-title">Speech to PDF</h3>
                    <p class="hexagon-desc">Convert any file format to pdf online</p>
                    <div class="hexagon-arrow"><i class="fas fa-arrow-right"></i></div>
                </div>
            </a>
            
            <a href="/spreadsheet-to-pdf.php" class="hexagon-item color17">
                <div class="hexagon-content">
                    <div class="hexagon-icon"><i class="fas fa-file-pdf"></i></div>
                    <h3 class="hexagon-title">Sheet to PDF</h3>
                    <p class="hexagon-desc">Convert any file format to pdf online</p>
                    <div class="hexagon-arrow"><i class="fas fa-arrow-right"></i></div>
                </div>
            </a>
        </div>
        
         <!-- Second Row - 5 items (offset) -->
        <div class="hexagon-row">
            <a href="/srt-to-pdf-converter.php" class="hexagon-item color7">
                <div class="hexagon-content">
                    <div class="hexagon-icon"><i class="fas fa-file-pdf"></i></div>
                    <h3 class="hexagon-title">SRT to PDF</h3>
                    <p class="hexagon-desc">Convert any file format to pdf online</p>
                    <div class="hexagon-arrow"><i class="fas fa-arrow-right"></i></div>
                </div>
            </a>
            
            <a href="/svg-to-pdf-converter.php" class="hexagon-item color8">
                <div class="hexagon-content">
                    <div class="hexagon-icon"><i class="fas fa-file-pdf"></i></div>
                    <h3 class="hexagon-title">SVG to PDF</h3>
                    <p class="hexagon-desc">Convert any file format to pdf online</p>
                    <div class="hexagon-arrow"><i class="fas fa-arrow-right"></i></div>
                </div>
            </a>
            
            <a href="/text-to-pdf-converter.php" class="hexagon-item color9">
                <div class="hexagon-content">
                    <div class="hexagon-icon"><i class="fas fa-file-pdf"></i></div>
                    <h3 class="hexagon-title">Text to PDF</h3>
                    <p class="hexagon-desc">Convert any file format to pdf online</p>
                    <div class="hexagon-arrow"><i class="fas fa-arrow-right"></i></div>
                </div>
            </a>
            
            <a href="/tga-to-pdf-converter.php" class="hexagon-item color10">
                <div class="hexagon-content">
                    <div class="hexagon-icon"><i class="fas fa-file-pdf"></i></div>
                    <h3 class="hexagon-title">TGA to PDF</h3>
                    <p class="hexagon-desc">Convert any file format to pdf online</p>
                    <div class="hexagon-arrow"><i class="fas fa-arrow-right"></i></div>
                </div>
            </a>
            
            <a href="/tsv-to-pdf.php" class="hexagon-item color11">
                <div class="hexagon-content">
                    <div class="hexagon-icon"><i class="fas fa-file-pdf"></i></div>
                    <h3 class="hexagon-title">TSV to PDF</h3>
                    <p class="hexagon-desc">Convert any file format to pdf online</p>
                    <div class="hexagon-arrow"><i class="fas fa-arrow-right"></i></div>
                </div>
            </a>
        </div>
        
        <!-- Third Row - 6 items -->
        <div class="hexagon-row">
            <a href="/txt-to-pdf-converter.php" class="hexagon-item color12">
                <div class="hexagon-content">
                    <div class="hexagon-icon"><i class="fas fa-file-pdf"></i></div>
                    <h3 class="hexagon-title">TXT to PDF</h3>
                    <p class="hexagon-desc">Convert any file format to pdf online</p>
                    <div class="hexagon-arrow"><i class="fas fa-arrow-right"></i></div>
                </div>
            </a>
            
            <a href="/vtt-to-pdf-converter.php" class="hexagon-item color13">
                <div class="hexagon-content">
                    <div class="hexagon-icon"><i class="fas fa-file-pdf"></i></div>
                    <h3 class="hexagon-title">VTT to PDF</h3>
                    <p class="hexagon-desc">Convert any file format to pdf online</p>
                    <div class="hexagon-arrow"><i class="fas fa-arrow-right"></i></div>
                </div>
            </a>
            
            <a href="/webp-to-pdf-converter.php" class="hexagon-item color14">
                <div class="hexagon-content">
                    <div class="hexagon-icon"><i class="fas fa-file-pdf"></i></div>
                    <h3 class="hexagon-title">WEBP to PDF</h3>
                   <p class="hexagon-desc">Convert any file format to pdf online</p>
                    <div class="hexagon-arrow"><i class="fas fa-arrow-right"></i></div>
                </div>
            </a>
            
            <a href="/word-to-pdf-simple.php" class="hexagon-item color15">
                <div class="hexagon-content">
                    <div class="hexagon-icon"><i class="fas fa-file-pdf"></i></div>
                    <h3 class="hexagon-title">Word to PDF (txt)</h3>
                    <p class="hexagon-desc">Convert any file format to pdf online</p>
                    <div class="hexagon-arrow"><i class="fas fa-arrow-right"></i></div>
                </div>
            </a>
            
            <a href="/word-to-pdf.php" class="hexagon-item color16">
                <div class="hexagon-content">
                    <div class="hexagon-icon"><i class="fas fa-file-pdf"></i></div>
                    <h3 class="hexagon-title">Word to PDF (st)</h3>
                    <p class="hexagon-desc">Convert any file format to pdf online</p>
                    <div class="hexagon-arrow"><i class="fas fa-arrow-right"></i></div>
                </div>
            </a>
            
            <a href="/word-url-to-pdf.php" class="hexagon-item color17">
                <div class="hexagon-content">
                    <div class="hexagon-icon"><i class="fas fa-file-pdf"></i></div>
                    <h3 class="hexagon-title">Word URL to PDF</h3>
                    <p class="hexagon-desc">Convert any file format to pdf online</p>
                    <div class="hexagon-arrow"><i class="fas fa-arrow-right"></i></div>
                </div>
            </a>
        </div> 
        
         <!-- Second Row - 5 items (offset) -->
        <div class="hexagon-row">
            <a href="/xml-to-pdf-converter.php" class="hexagon-item color7">
                <div class="hexagon-content">
                    <div class="hexagon-icon"><i class="fas fa-file-pdf"></i></div>
                    <h3 class="hexagon-title">XML to PDF</h3>
                    <p class="hexagon-desc">Convert any file format to pdf online</p>
                    <div class="hexagon-arrow"><i class="fas fa-arrow-right"></i></div>
                </div>
            </a>
            
            <a href="/yaml-to-pdf-converter.php" class="hexagon-item color8">
                <div class="hexagon-content">
                    <div class="hexagon-icon"><i class="fas fa-file-pdf"></i></div>
                    <h3 class="hexagon-title">YAML to PDF</h3>
                    <p class="hexagon-desc">Convert any file format to pdf online</p>
                    <div class="hexagon-arrow"><i class="fas fa-arrow-right"></i></div>
                </div>
            </a>
            
            <a href="/rtf-to-pdf-converter.php" class="hexagon-item color9">
                <div class="hexagon-content">
                    <div class="hexagon-icon"><i class="fas fa-file-pdf"></i></div>
                    <h3 class="hexagon-title">RTF to PDF</h3>
                    <p class="hexagon-desc">Convert any file format to pdf online</p>
                    <div class="hexagon-arrow"><i class="fas fa-arrow-right"></i></div>
                </div>
            </a>
            
          
        </div>
        

      
    </div>
    
     <br> <br> <br> <br> <br>
    
    
        <div class="section-title">
        <h2>Convert From PDF Online</h2>
        <p>Explore our comprehensive collection of PDF tools to make your document work easier and more efficient</p>
    </div>
    
    <div class="hexagon-grid">
        <!-- First Row - 6 items -->
        <div class="hexagon-row">
            <a href="/pdf-to-avif.php" class="hexagon-item color1">
                <div class="hexagon-content">
                    <div class="hexagon-icon"><i class="fas fa-file-upload"></i></div>
                    <h3 class="hexagon-title">PDF to AVIF</h3>
                    <p class="hexagon-desc">Combine multiple PDFs into one</p>
                    <div class="hexagon-arrow"><i class="fas fa-arrow-right"></i></div>
                </div>
            </a>
            
            <a href="/pdf-to-base64.php" class="hexagon-item color2">
                <div class="hexagon-content">
                    <div class="hexagon-icon"><i class="fas fa-file-upload"></i></div>
                    <h3 class="hexagon-title">PDF to Base64</h3>
                    <p class="hexagon-desc">Divide PDF into multiple files</p>
                    <div class="hexagon-arrow"><i class="fas fa-arrow-right"></i></div>
                </div>
            </a>
            
            <a href="/pdf-to-bmp.php" class="hexagon-item color3">
                <div class="hexagon-content">
                    <div class="hexagon-icon"><i class="fas fa-file-upload"></i></div>
                    <h3 class="hexagon-title">PDF to BMP</h3>
                    <p class="hexagon-desc">Add password protection</p>
                    <div class="hexagon-arrow"><i class="fas fa-arrow-right"></i></div>
                </div>
            </a>
            
            <a href="/pdf-to-eps.php" class="hexagon-item color4">
                <div class="hexagon-content">
                    <div class="hexagon-icon"><i class="fas fa-file-upload"></i></div>
                    <h3 class="hexagon-title">PDF to EPS</h3>
                    <p class="hexagon-desc">Remove password protection</p>
                    <div class="hexagon-arrow"><i class="fas fa-arrow-right"></i></div>
                </div>
            </a>
            
            <a href="/pdf-to-excel-simple.php" class="hexagon-item color5">
                <div class="hexagon-content">
                    <div class="hexagon-icon"><i class="fas fa-file-upload"></i></div>
                    <h3 class="hexagon-title">PDF to Excel</h3>
                    <p class="hexagon-desc">Convert PDF to editable Word</p>
                    <div class="hexagon-arrow"><i class="fas fa-arrow-right"></i></div>
                </div>
            </a>
            
            <a href="/pdf-to-heic.php" class="hexagon-item color6">
                <div class="hexagon-content">
                    <div class="hexagon-icon"><i class="fas fa-file-upload"></i></div>
                    <h3 class="hexagon-title">PDF to HEIC</h3>
                    <p class="hexagon-desc">Extract tables to Excel</p>
                    <div class="hexagon-arrow"><i class="fas fa-arrow-right"></i></div>
                </div>
            </a>
        </div>
        
        <!-- Second Row - 5 items (offset) -->
        <div class="hexagon-row">
            <a href="/pdf-to-heif.php" class="hexagon-item color7">
                <div class="hexagon-content">
                    <div class="hexagon-icon"><i class="fas fa-file-upload"></i></div>
                    <h3 class="hexagon-title">PDF to HEIF</h3>
                    <p class="hexagon-desc">Convert pages to JPG/PNG</p>
                    <div class="hexagon-arrow"><i class="fas fa-arrow-right"></i></div>
                </div>
            </a>
            
            <a href="/pdf-to-html.php" class="hexagon-item color8">
                <div class="hexagon-content">
                    <div class="hexagon-icon"><i class="fas fa-file-upload"></i></div>
                    <h3 class="hexagon-title">PDF to HTML</h3>
                    <p class="hexagon-desc">Extract text content</p>
                    <div class="hexagon-arrow"><i class="fas fa-arrow-right"></i></div>
                </div>
            </a>
            
            <a href="/pdf-to-ico.php" class="hexagon-item color9">
                <div class="hexagon-content">
                    <div class="hexagon-icon"><i class="fas fa-file-upload"></i></div>
                    <h3 class="hexagon-title">PDF to ICO</h3>
                    <p class="hexagon-desc">Reduce file size</p>
                    <div class="hexagon-arrow"><i class="fas fa-arrow-right"></i></div>
                </div>
            </a>
            
            <a href="/pdf-to-jpg.php" class="hexagon-item color10">
                <div class="hexagon-content">
                    <div class="hexagon-icon"><i class="fas fa-file-upload"></i></div>
                    <h3 class="hexagon-title">PDF to JPG</h3>
                    <p class="hexagon-desc">Modify text & images</p>
                    <div class="hexagon-arrow"><i class="fas fa-arrow-right"></i></div>
                </div>
            </a>
            
            <a href="/pdf-to-json.php" class="hexagon-item color11">
                <div class="hexagon-content">
                    <div class="hexagon-icon"><i class="fas fa-file-upload"></i></div>
                    <h3 class="hexagon-title">PDF to Json</h3>
                    <p class="hexagon-desc">Add digital signature</p>
                    <div class="hexagon-arrow"><i class="fas fa-arrow-right"></i></div>
                </div>
            </a>
        </div>
        
        <!-- Third Row - 6 items -->
        <div class="hexagon-row">
            <a href="/pdf-to-markdown.php" class="hexagon-item color12">
                <div class="hexagon-content">
                    <div class="hexagon-icon"><i class="fas fa-file-upload"></i></div>
                    <h3 class="hexagon-title">PDF to MD</h3>
                    <p class="hexagon-desc">Convert to PowerPoint</p>
                    <div class="hexagon-arrow"><i class="fas fa-arrow-right"></i></div>
                </div>
            </a>
            
            <a href="/pdf-to-pdfa.php" class="hexagon-item color13">
                <div class="hexagon-content">
                    <div class="hexagon-icon"><i class="fas fa-file-upload"></i></div>
                    <h3 class="hexagon-title">PDF to PDF/A</h3>
                    <p class="hexagon-desc">Create archive of PDFs</p>
                    <div class="hexagon-arrow"><i class="fas fa-arrow-right"></i></div>
                </div>
            </a>
            
            <a href="/pdf-to-png.php" class="hexagon-item color14">
                <div class="hexagon-content">
                    <div class="hexagon-icon"><i class="fas fa-file-upload"></i></div>
                    <h3 class="hexagon-title">PDF to PNG</h3>
                    <p class="hexagon-desc">Find text in documents</p>
                    <div class="hexagon-arrow"><i class="fas fa-arrow-right"></i></div>
                </div>
            </a>
            
            <a href="/pdf-to-psd.php" class="hexagon-item color15">
                <div class="hexagon-content">
                    <div class="hexagon-icon"><i class="fas fa-file-upload"></i></div>
                    <h3 class="hexagon-title">PDF to PSD</h3>
                    <p class="hexagon-desc">Export to other formats</p>
                    <div class="hexagon-arrow"><i class="fas fa-arrow-right"></i></div>
                </div>
            </a>
            
            <a href="/pdf-to-raw.php" class="hexagon-item color16">
                <div class="hexagon-content">
                    <div class="hexagon-icon"><i class="fas fa-file-upload"></i></div>
                    <h3 class="hexagon-title">PDF to RAW</h3>
                    <p class="hexagon-desc">From other file types</p>
                    <div class="hexagon-arrow"><i class="fas fa-arrow-right"></i></div>
                </div>
            </a>
            
            <a href="/pdf-to-rtf.php" class="hexagon-item color17">
                <div class="hexagon-content">
                    <div class="hexagon-icon"><i class="fas fa-file-upload"></i></div>
                    <h3 class="hexagon-title">PDF to RTF</h3>
                    <p class="hexagon-desc">Extract text from scans</p>
                    <div class="hexagon-arrow"><i class="fas fa-arrow-right"></i></div>
                </div>
            </a>
        </div>
        
         <!-- Second Row - 5 items (offset) -->
        <div class="hexagon-row">
            <a href="/pdf-to-text.php" class="hexagon-item color7">
                <div class="hexagon-content">
                    <div class="hexagon-icon"><i class="fas fa-file-upload"></i></div>
                    <h3 class="hexagon-title">PDF to Text</h3>
                    <p class="hexagon-desc">Convert pages to JPG/PNG</p>
                    <div class="hexagon-arrow"><i class="fas fa-arrow-right"></i></div>
                </div>
            </a>
            
            <a href="/pdf-to-tga.php" class="hexagon-item color8">
                <div class="hexagon-content">
                    <div class="hexagon-icon"><i class="fas fa-file-upload"></i></div>
                    <h3 class="hexagon-title">PDF to TGA</h3>
                    <p class="hexagon-desc">Extract text content</p>
                    <div class="hexagon-arrow"><i class="fas fa-arrow-right"></i></div>
                </div>
            </a>
            
            <a href="/pdf-to-tiff.php" class="hexagon-item color9">
                <div class="hexagon-content">
                    <div class="hexagon-icon"><i class="fas fa-file-upload"></i></div>
                    <h3 class="hexagon-title">PDF to TIFF</h3>
                    <p class="hexagon-desc">Reduce file size</p>
                    <div class="hexagon-arrow"><i class="fas fa-arrow-right"></i></div>
                </div>
            </a>
            
            <a href="/pdf-to-webp-converter.php" class="hexagon-item color10">
                <div class="hexagon-content">
                    <div class="hexagon-icon"><i class="fas fa-file-upload"></i></div>
                    <h3 class="hexagon-title">PDF to WEBP</h3>
                    <p class="hexagon-desc">Modify text & images</p>
                    <div class="hexagon-arrow"><i class="fas fa-arrow-right"></i></div>
                </div>
            </a>
            
            <a href="/pdf-to-word-simple.php" class="hexagon-item color11">
                <div class="hexagon-content">
                    <div class="hexagon-icon"><i class="fas fa-file-upload"></i></div>
                    <h3 class="hexagon-title">PDF to WORD (P)</h3>
                    <p class="hexagon-desc">Add digital signature</p>
                    <div class="hexagon-arrow"><i class="fas fa-arrow-right"></i></div>
                </div>
            </a>
        </div>
        
        <!-- Third Row - 6 items -->
        <div class="hexagon-row">
            <a href="/pdf-to-xml-converter.php" class="hexagon-item color12">
                <div class="hexagon-content">
                    <div class="hexagon-icon"><i class="fas fa-file-upload"></i></div>
                    <h3 class="hexagon-title">PDF to XML</h3>
                    <p class="hexagon-desc">Convert to PowerPoint</p>
                    <div class="hexagon-arrow"><i class="fas fa-arrow-right"></i></div>
                </div>
            </a>
            
            <a href="/pdf-to-yaml-converter.php" class="hexagon-item color13">
                <div class="hexagon-content">
                    <div class="hexagon-icon"><i class="fas fa-file-upload"></i></div>
                    <h3 class="hexagon-title">PDF to YAML</h3>
                    <p class="hexagon-desc">Create archive of PDFs</p>
                    <div class="hexagon-arrow"><i class="fas fa-arrow-right"></i></div>
                </div>
            </a>
            
            <a href="/pdf-to-zip-converter.php" class="hexagon-item color14">
                <div class="hexagon-content">
                    <div class="hexagon-icon"><i class="fas fa-file-upload"></i></div>
                    <h3 class="hexagon-title">PDF to ZIP</h3>
                    <p class="hexagon-desc">Find text in documents</p>
                    <div class="hexagon-arrow"><i class="fas fa-arrow-right"></i></div>
                </div>
            </a>
            
          
        </div>
        
       
    </div>
    
     <br> <br> <br> <br> <br>
    
    
        <div class="section-title">
        <h2>New PDF Addons</h2>
        <p>Explore our comprehensive collection of PDF tools to make your document work easier and more efficient</p>
    </div>
    
    <div class="hexagon-grid">
        <!-- First Row - 6 items -->
        <div class="hexagon-row">
            <a href="/edit-pdf-online.php" class="hexagon-item color1">
                <div class="hexagon-content">
                    <div class="hexagon-icon"><i class="fas fa-edit"></i></div>
                    <h3 class="hexagon-title">PDF Editor</h3>
                    <p class="hexagon-desc">Easily edit pdf files online</p>
                    <div class="hexagon-arrow"><i class="fas fa-arrow-right"></i></div>
                </div>
            </a>
            
            <a href="/convert-excel-to-pdf.php" class="hexagon-item color2">
                <div class="hexagon-content">
                    <div class="hexagon-icon"><i class="fas fa-file-excel"></i></div>
                    <h3 class="hexagon-title">Excel to PDF</h3>
                    <p class="hexagon-desc">Easily convert excel to pdf online</p>
                    <div class="hexagon-arrow"><i class="fas fa-arrow-right"></i></div>
                </div>
            </a>
            
            <a href="/convert-pdf-to-excel.php" class="hexagon-item color3">
                <div class="hexagon-content">
                    <div class="hexagon-icon"><i class="fas fa-file-excel"></i></div>
                    <h3 class="hexagon-title">PDF to Excel</h3>
                    <p class="hexagon-desc">Easily convert pdf to excel online</p>
                    <div class="hexagon-arrow"><i class="fas fa-arrow-right"></i></div>
                </div>
            </a>
            
            <a href="/convert-pdf-to-word.php" class="hexagon-item color4">
                <div class="hexagon-content">
                    <div class="hexagon-icon"><i class="fas fa-file-word"></i></div>
                    <h3 class="hexagon-title">PDF to Word</h3>
                    <p class="hexagon-desc">Easily convert pdf to word online</p>
                    <div class="hexagon-arrow"><i class="fas fa-arrow-right"></i></div>
                </div>
            </a>
            
            <a href="/convert-word-to-pdf.php" class="hexagon-item color5">
                <div class="hexagon-content">
                    <div class="hexagon-icon"><i class="fas fa-file-word"></i></div>
                    <h3 class="hexagon-title">Word to PDF</h3>
                    <p class="hexagon-desc">Convert word to editable pdf</p>
                    <div class="hexagon-arrow"><i class="fas fa-arrow-right"></i></div>
                </div>
            </a>
            
            <a href="/ocr-pdf.php" class="hexagon-item color6">
                <div class="hexagon-content">
                    <div class="hexagon-icon"><i class="fas fa-file-pdf"></i></div>
                    <h3 class="hexagon-title">OCR PDF</h3>
                    <p class="hexagon-desc">Convert pdf to ocr pdf online</p>
                    <div class="hexagon-arrow"><i class="fas fa-arrow-right"></i></div>
                </div>
            </a>
        </div>
        
       
       
    </div>
    
     <br> <br> <br> <br> <br>
    
    
        <div class="section-title">
        <h2>Convert Documents Online</h2>
        <p>Explore our comprehensive collection of PDF tools to make your document work easier and more efficient</p>
    </div>
    
    <div class="hexagon-grid">
        <!-- First Row - 6 items -->
        <div class="hexagon-row">
            <a href="/csv-converter.php" class="hexagon-item color1">
                <div class="hexagon-content">
                    <div class="hexagon-icon"><i class="fas fa-file-csv"></i></div>
                    <h3 class="hexagon-title">CSV Converter</h3>
                    <p class="hexagon-desc">Convert csv to any file format</p>
                    <div class="hexagon-arrow"><i class="fas fa-arrow-right"></i></div>
                </div>
            </a>
            
            <a href="/excel-converter.php" class="hexagon-item color2">
                <div class="hexagon-content">
                    <div class="hexagon-icon"><i class="fas fa-file-excel"></i></div>
                    <h3 class="hexagon-title">Excel Converter</h3>
                    <p class="hexagon-desc">Convert excel to any file format</p>
                    <div class="hexagon-arrow"><i class="fas fa-arrow-right"></i></div>
                </div>
            </a>
            
            <a href="/html-converter.php" class="hexagon-item color3">
                <div class="hexagon-content">
                    <div class="hexagon-icon"><i class="fab fa-html5"></i></div>
                    <h3 class="hexagon-title">HTML Converter</h3>
                    <p class="hexagon-desc">Convert html to any file format</p>
                    <div class="hexagon-arrow"><i class="fas fa-arrow-right"></i></div>
                </div>
            </a>
            
            <a href="/json-converter.php" class="hexagon-item color4">
                <div class="hexagon-content">
                    <div class="hexagon-icon"><i class="fas fa-database"></i></div>
                    <h3 class="hexagon-title">Json Converter</h3>
                    <p class="hexagon-desc">Convert json to any file format</p>
                    <div class="hexagon-arrow"><i class="fas fa-arrow-right"></i></div>
                </div>
            </a>
            
            <a href="/markdown-converter.php" class="hexagon-item color5">
                <div class="hexagon-content">
                    <div class="hexagon-icon"><i class="fab fa-markdown"></i></div>
                    <h3 class="hexagon-title">MD Converter</h3>
                    <p class="hexagon-desc">Convert markdown to any file format</p>
                    <div class="hexagon-arrow"><i class="fas fa-arrow-right"></i></div>
                </div>
            </a>
            
            <a href="/text-converter.php" class="hexagon-item color6">
                <div class="hexagon-content">
                    <div class="hexagon-icon"><i class="fas fa-text-height"></i></div>
                    <h3 class="hexagon-title">Text Converter</h3>
                    <p class="hexagon-desc">Convert text to any file format</p>
                    <div class="hexagon-arrow"><i class="fas fa-arrow-right"></i></div>
                </div>
            </a>
        </div>
        
        <!-- Second Row - 5 items (offset) -->
        <div class="hexagon-row">
            <a href="/tsv-converter.php" class="hexagon-item color7">
                <div class="hexagon-content">
                    <div class="hexagon-icon"><i class="fas fa-table"></i></div>
                    <h3 class="hexagon-title">TSV Converter</h3>
                    <p class="hexagon-desc">Convert tsv to any file format</p>
                    <div class="hexagon-arrow"><i class="fas fa-arrow-right"></i></div>
                </div>
            </a>
            
            <a href="/word-converter.php" class="hexagon-item color8">
                <div class="hexagon-content">
                    <div class="hexagon-icon"><i class="fas fa-file-word"></i></div>
                    <h3 class="hexagon-title">Word Converter</h3>
                    <p class="hexagon-desc">Convert word to any file format</p>
                    <div class="hexagon-arrow"><i class="fas fa-arrow-right"></i></div>
                </div>
            </a>
            
            <a href="/xml-converter.php" class="hexagon-item color9">
                <div class="hexagon-content">
                    <div class="hexagon-icon"><i class="fas fa-file-code"></i></div>
                    <h3 class="hexagon-title">XML Converter</h3>
                    <p class="hexagon-desc">Convert xml to any file format</p>
                    <div class="hexagon-arrow"><i class="fas fa-arrow-right"></i></div>
                </div>
            </a>
            
            <a href="/yaml-converter.php" class="hexagon-item color10">
                <div class="hexagon-content">
                    <div class="hexagon-icon"><i class="fas fa-indent"></i></div>
                    <h3 class="hexagon-title">YAML Converter</h3>
                    <p class="hexagon-desc">Convert yaml to any file format</p>
                    <div class="hexagon-arrow"><i class="fas fa-arrow-right"></i></div>
                </div>
            </a>
            
            <a href="/base64-encode-decode.php" class="hexagon-item color11">
                <div class="hexagon-content">
                    <div class="hexagon-icon"><i class="fas fa-code"></i></div>
                    <h3 class="hexagon-title">Base64 Converter</h3>
                    <p class="hexagon-desc">Convert base64 to any file format</p>
                    <div class="hexagon-arrow"><i class="fas fa-arrow-right"></i></div>
                </div>
            </a>
        </div>
        
      
    </div><br><br><br>
</section>


    </div>
    
    <div class="tools-tab-content" id="image-tab">
        <section class="tools-section">
    <div class="section-title">
        <h2>Convert To PDF Online</h2>
        <p>Explore our comprehensive collection of PDF tools to make your document work easier and more efficient</p>
    </div>
    
    <div class="hexagon-grid">
        <!-- First Row - 6 items -->
        <div class="hexagon-row">
            <a href="/avif-to-pdf.php" class="hexagon-item color1">
                <div class="hexagon-content">
                    <div class="hexagon-icon"><i class="fas fa-file-pdf"></i></div>
                    <h3 class="hexagon-title">AVIF to PDF</h3>
                    <p class="hexagon-desc">Convert any file format to pdf online</p>
                    <div class="hexagon-arrow"><i class="fas fa-arrow-right"></i></div>
                </div>
            </a>
            
            <a href="/base64-to-pdf.php" class="hexagon-item color2">
                <div class="hexagon-content">
                    <div class="hexagon-icon"><i class="fas fa-file-pdf"></i></div>
                    <h3 class="hexagon-title"Base64 to PDF</h3>
                    <p class="hexagon-desc">Convert any file format to pdf online</p>
                    <div class="hexagon-arrow"><i class="fas fa-arrow-right"></i></div>
                </div>
            </a>
            
            <a href="/bmp-to-pdf.php" class="hexagon-item color3">
                <div class="hexagon-content">
                    <div class="hexagon-icon"><i class="fas fa-file-pdf"></i></div>
                    <h3 class="hexagon-title">BMP to PDF</h3>
                    <p class="hexagon-desc">Convert any file format to pdf online</p>
                    <div class="hexagon-arrow"><i class="fas fa-arrow-right"></i></div>
                </div>
            </a>
            
            <a href="/camera-to-pdf.php" class="hexagon-item color4">
                <div class="hexagon-content">
                    <div class="hexagon-icon"><i class="fas fa-file-pdf"></i></div>
                    <h3 class="hexagon-title">Camera to PDF</h3>
                    <p class="hexagon-desc">Convert any file format to pdf online</p>
                    <div class="hexagon-arrow"><i class="fas fa-arrow-right"></i></div>
                </div>
            </a>
            
            <a href="/csv-to-pdf.php" class="hexagon-item color5">
                <div class="hexagon-content">
                    <div class="hexagon-icon"><i class="fas fa-file-pdf"></i></div>
                    <h3 class="hexagon-title">CSV to PDF</h3>
                    <p class="hexagon-desc">Convert any file format to pdf online</p>
                    <div class="hexagon-arrow"><i class="fas fa-arrow-right"></i></div>
                </div>
            </a>
            
            <a href="/excel-to-pdf.php" class="hexagon-item color6">
                <div class="hexagon-content">
                    <div class="hexagon-icon"><i class="fas fa-file-pdf"></i></div>
                    <h3 class="hexagon-title">Excel to PDF</h3>
                    <p class="hexagon-desc">Convert any file format to pdf online</p>
                    <div class="hexagon-arrow"><i class="fas fa-arrow-right"></i></div>
                </div>
            </a>
        </div>
        
        <!-- Second Row - 5 items (offset) -->
        <div class="hexagon-row">
            <a href="/gif-to-pdf.php" class="hexagon-item color7">
                <div class="hexagon-content">
                    <div class="hexagon-icon"><i class="fas fa-file-pdf"></i></div>
                    <h3 class="hexagon-title">GIF to PDF</h3>
                    <p class="hexagon-desc">Convert any file format to pdf online</p>
                    <div class="hexagon-arrow"><i class="fas fa-arrow-right"></i></div>
                </div>
            </a>
            
            <a href="/html-to-pdf.php" class="hexagon-item color8">
                <div class="hexagon-content">
                    <div class="hexagon-icon"><i class="fas fa-file-pdf"></i></div>
                    <h3 class="hexagon-title">HTML to PDF</h3>
                    <p class="hexagon-desc">Convert any file format to pdf online</p>
                    <div class="hexagon-arrow"><i class="fas fa-arrow-right"></i></div>
                </div>
            </a>
            
            <a href="/ico-to-pdf.php" class="hexagon-item color9">
                <div class="hexagon-content">
                    <div class="hexagon-icon"><i class="fas fa-file-pdf"></i></div>
                    <h3 class="hexagon-title">ICO to PDF</h3>
                    <p class="hexagon-desc">Convert any file format to pdf online</p>
                    <div class="hexagon-arrow"><i class="fas fa-arrow-right"></i></div>
                </div>
            </a>
            
            <a href="/ini-to-pdf.php" class="hexagon-item color10">
                <div class="hexagon-content">
                    <div class="hexagon-icon"><i class="fas fa-file-pdf"></i></div>
                    <h3 class="hexagon-title">INI to PDF</h3>
                    <p class="hexagon-desc">Convert any file format to pdf online</p>
                    <div class="hexagon-arrow"><i class="fas fa-arrow-right"></i></div>
                </div>
            </a>
            
            <a href="/jpg-to-pdf.php" class="hexagon-item color11">
                <div class="hexagon-content">
                    <div class="hexagon-icon"><i class="fas fa-file-pdf"></i></div>
                    <h3 class="hexagon-title">JPG to PDF</h3>
                    <p class="hexagon-desc">Convert any file format to pdf online</p>
                    <div class="hexagon-arrow"><i class="fas fa-arrow-right"></i></div>
                </div>
            </a>
        </div>
        
        <!-- Third Row - 6 items -->
        <div class="hexagon-row">
            <a href="/json-to-pdf.php" class="hexagon-item color12">
                <div class="hexagon-content">
                    <div class="hexagon-icon"><i class="fas fa-file-pdf"></i></div>
                    <h3 class="hexagon-title">Json to PDF</h3>
                    <p class="hexagon-desc">Convert any file format to pdf online</p>
                    <div class="hexagon-arrow"><i class="fas fa-arrow-right"></i></div>
                </div>
            </a>
            
            <a href="/markdown-to-pdf.php" class="hexagon-item color13">
                <div class="hexagon-content">
                    <div class="hexagon-icon"><i class="fas fa-file-pdf"></i></div>
                    <h3 class="hexagon-title">MD to PDF</h3>
                   <p class="hexagon-desc">Convert any file format to pdf online</p>
                    <div class="hexagon-arrow"><i class="fas fa-arrow-right"></i></div>
                </div>
            </a>
            
            <a href="/png-to-pdf-converter.php" class="hexagon-item color14">
                <div class="hexagon-content">
                    <div class="hexagon-icon"><i class="fas fa-file-pdf"></i></div>
                    <h3 class="hexagon-title">PNG to PDF</h3>
                    <p class="hexagon-desc">Convert any file format to pdf online</p>
                    <div class="hexagon-arrow"><i class="fas fa-arrow-right"></i></div>
                </div>
            </a>
            
            <a href="/psd-to-pdf-converter.php" class="hexagon-item color15">
                <div class="hexagon-content">
                    <div class="hexagon-icon"><i class="fas fa-file-pdf"></i></div>
                    <h3 class="hexagon-title">PSD to PDF</h3>
                    <p class="hexagon-desc">Convert any file format to pdf online</p>
                    <div class="hexagon-arrow"><i class="fas fa-arrow-right"></i></div>
                </div>
            </a>
            
            <a href="/speech-text-to-pdf.php" class="hexagon-item color16">
                <div class="hexagon-content">
                    <div class="hexagon-icon"><i class="fas fa-file-pdf"></i></div>
                    <h3 class="hexagon-title">Speech to PDF</h3>
                    <p class="hexagon-desc">Convert any file format to pdf online</p>
                    <div class="hexagon-arrow"><i class="fas fa-arrow-right"></i></div>
                </div>
            </a>
            
            <a href="/spreadsheet-to-pdf.php" class="hexagon-item color17">
                <div class="hexagon-content">
                    <div class="hexagon-icon"><i class="fas fa-file-pdf"></i></div>
                    <h3 class="hexagon-title">Sheet to PDF</h3>
                    <p class="hexagon-desc">Convert any file format to pdf online</p>
                    <div class="hexagon-arrow"><i class="fas fa-arrow-right"></i></div>
                </div>
            </a>
        </div>
        
         <!-- Second Row - 5 items (offset) -->
        <div class="hexagon-row">
            <a href="/srt-to-pdf-converter.php" class="hexagon-item color7">
                <div class="hexagon-content">
                    <div class="hexagon-icon"><i class="fas fa-file-pdf"></i></div>
                    <h3 class="hexagon-title">SRT to PDF</h3>
                    <p class="hexagon-desc">Convert any file format to pdf online</p>
                    <div class="hexagon-arrow"><i class="fas fa-arrow-right"></i></div>
                </div>
            </a>
            
            <a href="/svg-to-pdf-converter.php" class="hexagon-item color8">
                <div class="hexagon-content">
                    <div class="hexagon-icon"><i class="fas fa-file-pdf"></i></div>
                    <h3 class="hexagon-title">SVG to PDF</h3>
                    <p class="hexagon-desc">Convert any file format to pdf online</p>
                    <div class="hexagon-arrow"><i class="fas fa-arrow-right"></i></div>
                </div>
            </a>
            
            <a href="/text-to-pdf-converter.php" class="hexagon-item color9">
                <div class="hexagon-content">
                    <div class="hexagon-icon"><i class="fas fa-file-pdf"></i></div>
                    <h3 class="hexagon-title">Text to PDF</h3>
                    <p class="hexagon-desc">Convert any file format to pdf online</p>
                    <div class="hexagon-arrow"><i class="fas fa-arrow-right"></i></div>
                </div>
            </a>
            
            <a href="/tga-to-pdf-converter.php" class="hexagon-item color10">
                <div class="hexagon-content">
                    <div class="hexagon-icon"><i class="fas fa-file-pdf"></i></div>
                    <h3 class="hexagon-title">TGA to PDF</h3>
                    <p class="hexagon-desc">Convert any file format to pdf online</p>
                    <div class="hexagon-arrow"><i class="fas fa-arrow-right"></i></div>
                </div>
            </a>
            
            <a href="/tsv-to-pdf.php" class="hexagon-item color11">
                <div class="hexagon-content">
                    <div class="hexagon-icon"><i class="fas fa-file-pdf"></i></div>
                    <h3 class="hexagon-title">TSV to PDF</h3>
                    <p class="hexagon-desc">Convert any file format to pdf online</p>
                    <div class="hexagon-arrow"><i class="fas fa-arrow-right"></i></div>
                </div>
            </a>
        </div>
        
        <!-- Third Row - 6 items -->
        <div class="hexagon-row">
            <a href="/txt-to-pdf-converter.php" class="hexagon-item color12">
                <div class="hexagon-content">
                    <div class="hexagon-icon"><i class="fas fa-file-pdf"></i></div>
                    <h3 class="hexagon-title">TXT to PDF</h3>
                    <p class="hexagon-desc">Convert any file format to pdf online</p>
                    <div class="hexagon-arrow"><i class="fas fa-arrow-right"></i></div>
                </div>
            </a>
            
            <a href="/vtt-to-pdf-converter.php" class="hexagon-item color13">
                <div class="hexagon-content">
                    <div class="hexagon-icon"><i class="fas fa-file-pdf"></i></div>
                    <h3 class="hexagon-title">VTT to PDF</h3>
                    <p class="hexagon-desc">Convert any file format to pdf online</p>
                    <div class="hexagon-arrow"><i class="fas fa-arrow-right"></i></div>
                </div>
            </a>
            
            <a href="/webp-to-pdf-converter.php" class="hexagon-item color14">
                <div class="hexagon-content">
                    <div class="hexagon-icon"><i class="fas fa-file-pdf"></i></div>
                    <h3 class="hexagon-title">WEBP to PDF</h3>
                   <p class="hexagon-desc">Convert any file format to pdf online</p>
                    <div class="hexagon-arrow"><i class="fas fa-arrow-right"></i></div>
                </div>
            </a>
            
            <a href="/word-to-pdf-simple.php" class="hexagon-item color15">
                <div class="hexagon-content">
                    <div class="hexagon-icon"><i class="fas fa-file-pdf"></i></div>
                    <h3 class="hexagon-title">Word to PDF (txt)</h3>
                    <p class="hexagon-desc">Convert any file format to pdf online</p>
                    <div class="hexagon-arrow"><i class="fas fa-arrow-right"></i></div>
                </div>
            </a>
            
            <a href="/word-to-pdf.php" class="hexagon-item color16">
                <div class="hexagon-content">
                    <div class="hexagon-icon"><i class="fas fa-file-pdf"></i></div>
                    <h3 class="hexagon-title">Word to PDF (st)</h3>
                    <p class="hexagon-desc">Convert any file format to pdf online</p>
                    <div class="hexagon-arrow"><i class="fas fa-arrow-right"></i></div>
                </div>
            </a>
            
            <a href="/word-url-to-pdf.php" class="hexagon-item color17">
                <div class="hexagon-content">
                    <div class="hexagon-icon"><i class="fas fa-file-pdf"></i></div>
                    <h3 class="hexagon-title">Word URL to PDF</h3>
                    <p class="hexagon-desc">Convert any file format to pdf online</p>
                    <div class="hexagon-arrow"><i class="fas fa-arrow-right"></i></div>
                </div>
            </a>
        </div> 
        
         <!-- Second Row - 5 items (offset) -->
        <div class="hexagon-row">
            <a href="/xml-to-pdf-converter.php" class="hexagon-item color7">
                <div class="hexagon-content">
                    <div class="hexagon-icon"><i class="fas fa-file-pdf"></i></div>
                    <h3 class="hexagon-title">XML to PDF</h3>
                    <p class="hexagon-desc">Convert any file format to pdf online</p>
                    <div class="hexagon-arrow"><i class="fas fa-arrow-right"></i></div>
                </div>
            </a>
            
            <a href="/yaml-to-pdf-converter.php" class="hexagon-item color8">
                <div class="hexagon-content">
                    <div class="hexagon-icon"><i class="fas fa-file-pdf"></i></div>
                    <h3 class="hexagon-title">YAML to PDF</h3>
                    <p class="hexagon-desc">Convert any file format to pdf online</p>
                    <div class="hexagon-arrow"><i class="fas fa-arrow-right"></i></div>
                </div>
            </a>
            
            <a href="/" class="hexagon-item color9">
                <div class="hexagon-content">
                    <div class="hexagon-icon"><i class="fas fa-file-pdf"></i></div>
                    <h3 class="hexagon-title">Coming Soon</h3>
                    <p class="hexagon-desc">Convert any file format to pdf online</p>
                    <div class="hexagon-arrow"><i class="fas fa-arrow-right"></i></div>
                </div>
            </a>
            
            <a href="/" class="hexagon-item color10">
                <div class="hexagon-content">
                    <div class="hexagon-icon"><i class="fas fa-file-pdf"></i></div>
                    <h3 class="hexagon-title">Coming Soon</h3>
                    <p class="hexagon-desc">Convert any file format to pdf online</p>
                    <div class="hexagon-arrow"><i class="fas fa-arrow-right"></i></div>
                </div>
            </a>
            
            <a href="/" class="hexagon-item color11">
                <div class="hexagon-content">
                    <div class="hexagon-icon"><i class="fas fa-file-pdf"></i></div>
                    <h3 class="hexagon-title">Coming Soon</h3>
                    <p class="hexagon-desc">Convert any file format to pdf online</p>
                    <div class="hexagon-arrow"><i class="fas fa-arrow-right"></i></div>
                </div>
            </a>
        </div>
        

      
    </div>
    
     <br> <br> <br> <br> <br>
    
    
        <div class="section-title">
        <h2>Convert From PDF Online</h2>
        <p>Explore our comprehensive collection of PDF tools to make your document work easier and more efficient</p>
    </div>
    
    <div class="hexagon-grid">
        <!-- First Row - 6 items -->
        <div class="hexagon-row">
            <a href="/pdf-to-avif.php" class="hexagon-item color1">
                <div class="hexagon-content">
                    <div class="hexagon-icon"><i class="fas fa-file-upload"></i></div>
                    <h3 class="hexagon-title">PDF to AVIF</h3>
                    <p class="hexagon-desc">Combine multiple PDFs into one</p>
                    <div class="hexagon-arrow"><i class="fas fa-arrow-right"></i></div>
                </div>
            </a>
            
            <a href="/pdf-to-base64.php" class="hexagon-item color2">
                <div class="hexagon-content">
                    <div class="hexagon-icon"><i class="fas fa-file-upload"></i></div>
                    <h3 class="hexagon-title">PDF to Base64</h3>
                    <p class="hexagon-desc">Divide PDF into multiple files</p>
                    <div class="hexagon-arrow"><i class="fas fa-arrow-right"></i></div>
                </div>
            </a>
            
            <a href="/pdf-to-bmp.php" class="hexagon-item color3">
                <div class="hexagon-content">
                    <div class="hexagon-icon"><i class="fas fa-file-upload"></i></div>
                    <h3 class="hexagon-title">PDF to BMP</h3>
                    <p class="hexagon-desc">Add password protection</p>
                    <div class="hexagon-arrow"><i class="fas fa-arrow-right"></i></div>
                </div>
            </a>
            
            <a href="/pdf-to-eps.php" class="hexagon-item color4">
                <div class="hexagon-content">
                    <div class="hexagon-icon"><i class="fas fa-file-upload"></i></div>
                    <h3 class="hexagon-title">PDF to EPS</h3>
                    <p class="hexagon-desc">Remove password protection</p>
                    <div class="hexagon-arrow"><i class="fas fa-arrow-right"></i></div>
                </div>
            </a>
            
            <a href="/pdf-to-excel-simple.php" class="hexagon-item color5">
                <div class="hexagon-content">
                    <div class="hexagon-icon"><i class="fas fa-file-upload"></i></div>
                    <h3 class="hexagon-title">PDF to Excel</h3>
                    <p class="hexagon-desc">Convert PDF to editable Word</p>
                    <div class="hexagon-arrow"><i class="fas fa-arrow-right"></i></div>
                </div>
            </a>
            
            <a href="/pdf-to-heic.php" class="hexagon-item color6">
                <div class="hexagon-content">
                    <div class="hexagon-icon"><i class="fas fa-file-upload"></i></div>
                    <h3 class="hexagon-title">PDF to HEIC</h3>
                    <p class="hexagon-desc">Extract tables to Excel</p>
                    <div class="hexagon-arrow"><i class="fas fa-arrow-right"></i></div>
                </div>
            </a>
        </div>
        
        <!-- Second Row - 5 items (offset) -->
        <div class="hexagon-row">
            <a href="/pdf-to-heif.php" class="hexagon-item color7">
                <div class="hexagon-content">
                    <div class="hexagon-icon"><i class="fas fa-file-upload"></i></div>
                    <h3 class="hexagon-title">PDF to HEIF</h3>
                    <p class="hexagon-desc">Convert pages to JPG/PNG</p>
                    <div class="hexagon-arrow"><i class="fas fa-arrow-right"></i></div>
                </div>
            </a>
            
            <a href="/pdf-to-html.php" class="hexagon-item color8">
                <div class="hexagon-content">
                    <div class="hexagon-icon"><i class="fas fa-file-upload"></i></div>
                    <h3 class="hexagon-title">PDF to HTML</h3>
                    <p class="hexagon-desc">Extract text content</p>
                    <div class="hexagon-arrow"><i class="fas fa-arrow-right"></i></div>
                </div>
            </a>
            
            <a href="/pdf-to-ico.php" class="hexagon-item color9">
                <div class="hexagon-content">
                    <div class="hexagon-icon"><i class="fas fa-file-upload"></i></div>
                    <h3 class="hexagon-title">PDF to ICO</h3>
                    <p class="hexagon-desc">Reduce file size</p>
                    <div class="hexagon-arrow"><i class="fas fa-arrow-right"></i></div>
                </div>
            </a>
            
            <a href="/pdf-to-jpg.php" class="hexagon-item color10">
                <div class="hexagon-content">
                    <div class="hexagon-icon"><i class="fas fa-file-upload"></i></div>
                    <h3 class="hexagon-title">PDF to JPG</h3>
                    <p class="hexagon-desc">Modify text & images</p>
                    <div class="hexagon-arrow"><i class="fas fa-arrow-right"></i></div>
                </div>
            </a>
            
            <a href="/pdf-to-json.php" class="hexagon-item color11">
                <div class="hexagon-content">
                    <div class="hexagon-icon"><i class="fas fa-file-upload"></i></div>
                    <h3 class="hexagon-title">PDF to Json</h3>
                    <p class="hexagon-desc">Add digital signature</p>
                    <div class="hexagon-arrow"><i class="fas fa-arrow-right"></i></div>
                </div>
            </a>
        </div>
        
        <!-- Third Row - 6 items -->
        <div class="hexagon-row">
            <a href="/pdf-to-markdown.php" class="hexagon-item color12">
                <div class="hexagon-content">
                    <div class="hexagon-icon"><i class="fas fa-file-upload"></i></div>
                    <h3 class="hexagon-title">PDF to MD</h3>
                    <p class="hexagon-desc">Convert to PowerPoint</p>
                    <div class="hexagon-arrow"><i class="fas fa-arrow-right"></i></div>
                </div>
            </a>
            
            <a href="/pdf-to-pdfa.php" class="hexagon-item color13">
                <div class="hexagon-content">
                    <div class="hexagon-icon"><i class="fas fa-file-upload"></i></div>
                    <h3 class="hexagon-title">PDF to PDF/A</h3>
                    <p class="hexagon-desc">Create archive of PDFs</p>
                    <div class="hexagon-arrow"><i class="fas fa-arrow-right"></i></div>
                </div>
            </a>
            
            <a href="/pdf-to-png.php" class="hexagon-item color14">
                <div class="hexagon-content">
                    <div class="hexagon-icon"><i class="fas fa-file-upload"></i></div>
                    <h3 class="hexagon-title">PDF to PNG</h3>
                    <p class="hexagon-desc">Find text in documents</p>
                    <div class="hexagon-arrow"><i class="fas fa-arrow-right"></i></div>
                </div>
            </a>
            
            <a href="/pdf-to-psd.php" class="hexagon-item color15">
                <div class="hexagon-content">
                    <div class="hexagon-icon"><i class="fas fa-file-upload"></i></div>
                    <h3 class="hexagon-title">PDF to PSD</h3>
                    <p class="hexagon-desc">Export to other formats</p>
                    <div class="hexagon-arrow"><i class="fas fa-arrow-right"></i></div>
                </div>
            </a>
            
            <a href="/pdf-to-raw.php" class="hexagon-item color16">
                <div class="hexagon-content">
                    <div class="hexagon-icon"><i class="fas fa-file-upload"></i></div>
                    <h3 class="hexagon-title">PDF to RAW</h3>
                    <p class="hexagon-desc">From other file types</p>
                    <div class="hexagon-arrow"><i class="fas fa-arrow-right"></i></div>
                </div>
            </a>
            
            <a href="/pdf-to-rtf.php" class="hexagon-item color17">
                <div class="hexagon-content">
                    <div class="hexagon-icon"><i class="fas fa-file-upload"></i></div>
                    <h3 class="hexagon-title">PDF to RTF</h3>
                    <p class="hexagon-desc">Extract text from scans</p>
                    <div class="hexagon-arrow"><i class="fas fa-arrow-right"></i></div>
                </div>
            </a>
        </div>
        
         <!-- Second Row - 5 items (offset) -->
        <div class="hexagon-row">
            <a href="/pdf-to-text.php" class="hexagon-item color7">
                <div class="hexagon-content">
                    <div class="hexagon-icon"><i class="fas fa-file-upload"></i></div>
                    <h3 class="hexagon-title">PDF to Text</h3>
                    <p class="hexagon-desc">Convert pages to JPG/PNG</p>
                    <div class="hexagon-arrow"><i class="fas fa-arrow-right"></i></div>
                </div>
            </a>
            
            <a href="/pdf-to-tga.php" class="hexagon-item color8">
                <div class="hexagon-content">
                    <div class="hexagon-icon"><i class="fas fa-file-upload"></i></div>
                    <h3 class="hexagon-title">PDF to TGA</h3>
                    <p class="hexagon-desc">Extract text content</p>
                    <div class="hexagon-arrow"><i class="fas fa-arrow-right"></i></div>
                </div>
            </a>
            
            <a href="/pdf-to-tiff.php" class="hexagon-item color9">
                <div class="hexagon-content">
                    <div class="hexagon-icon"><i class="fas fa-file-upload"></i></div>
                    <h3 class="hexagon-title">PDF to TIFF</h3>
                    <p class="hexagon-desc">Reduce file size</p>
                    <div class="hexagon-arrow"><i class="fas fa-arrow-right"></i></div>
                </div>
            </a>
            
            <a href="/pdf-to-webp-converter.php" class="hexagon-item color10">
                <div class="hexagon-content">
                    <div class="hexagon-icon"><i class="fas fa-file-upload"></i></div>
                    <h3 class="hexagon-title">PDF to WEBP</h3>
                    <p class="hexagon-desc">Modify text & images</p>
                    <div class="hexagon-arrow"><i class="fas fa-arrow-right"></i></div>
                </div>
            </a>
            
            <a href="/pdf-to-word-simple.php" class="hexagon-item color11">
                <div class="hexagon-content">
                    <div class="hexagon-icon"><i class="fas fa-file-upload"></i></div>
                    <h3 class="hexagon-title">PDF to WORD (P)</h3>
                    <p class="hexagon-desc">Add digital signature</p>
                    <div class="hexagon-arrow"><i class="fas fa-arrow-right"></i></div>
                </div>
            </a>
        </div>
        
        <!-- Third Row - 6 items -->
        <div class="hexagon-row">
            <a href="/pdf-to-xml-converter.php" class="hexagon-item color12">
                <div class="hexagon-content">
                    <div class="hexagon-icon"><i class="fas fa-file-upload"></i></div>
                    <h3 class="hexagon-title">PDF to XML</h3>
                    <p class="hexagon-desc">Convert to PowerPoint</p>
                    <div class="hexagon-arrow"><i class="fas fa-arrow-right"></i></div>
                </div>
            </a>
            
            <a href="/pdf-to-yaml-converter.php" class="hexagon-item color13">
                <div class="hexagon-content">
                    <div class="hexagon-icon"><i class="fas fa-file-upload"></i></div>
                    <h3 class="hexagon-title">PDF to YAML</h3>
                    <p class="hexagon-desc">Create archive of PDFs</p>
                    <div class="hexagon-arrow"><i class="fas fa-arrow-right"></i></div>
                </div>
            </a>
            
            <a href="/pdf-to-zip-converter.php" class="hexagon-item color14">
                <div class="hexagon-content">
                    <div class="hexagon-icon"><i class="fas fa-file-upload"></i></div>
                    <h3 class="hexagon-title">PDF to ZIP</h3>
                    <p class="hexagon-desc">Find text in documents</p>
                    <div class="hexagon-arrow"><i class="fas fa-arrow-right"></i></div>
                </div>
            </a>
            
            <a href="/" class="hexagon-item color15">
                <div class="hexagon-content">
                    <div class="hexagon-icon"><i class="fas fa-file-upload"></i></div>
                    <h3 class="hexagon-title">Coming Soon</h3>
                    <p class="hexagon-desc">Export to other formats</p>
                    <div class="hexagon-arrow"><i class="fas fa-arrow-right"></i></div>
                </div>
            </a>
            
            <a href="/" class="hexagon-item color16">
                <div class="hexagon-content">
                    <div class="hexagon-icon"><i class="fas fa-file-upload"></i></div>
                    <h3 class="hexagon-title">Coming Soon</h3>
                    <p class="hexagon-desc">From other file types</p>
                    <div class="hexagon-arrow"><i class="fas fa-arrow-right"></i></div>
                </div>
            </a>
            
            <a href="/" class="hexagon-item color17">
                <div class="hexagon-content">
                    <div class="hexagon-icon"><i class="fas fa-file-upload"></i></div>
                    <h3 class="hexagon-title">Coming Soon</h3>
                    <p class="hexagon-desc">Extract text from scans</p>
                    <div class="hexagon-arrow"><i class="fas fa-arrow-right"></i></div>
                </div>
            </a>
        </div>
        
      
    </div><br><br><br>
</section>

 
    </div>
    
     <div class="tools-tab-content" id="edit-tab">
         <section class="tools-section">
    <div class="section-title">
        <h2>Edit, Organize, Optimize & Manage PDF's Online</h2>
        <p>Explore our comprehensive collection of PDF tools to make your document work easier and more efficient</p>
    </div>
    
    <div class="hexagon-grid">
        <!-- First Row - 6 items -->
        <div class="hexagon-row">
            <a href="/add-blank-pages-to-pdf.php" class="hexagon-item color1">
                <div class="hexagon-content">
                    <div class="hexagon-icon"><i class="fas fa-plus-square"></i></div>
                    <h3 class="hexagon-title">Add PDF Page</h3>
                    <p class="hexagon-desc">Add a blank page to pdf online</p>
                    <div class="hexagon-arrow"><i class="fas fa-arrow-right"></i></div>
                </div>
            </a>
            
            <a href="/add-noise-to-pdf.php" class="hexagon-item color2">
                <div class="hexagon-content">
                    <div class="hexagon-icon"><i class="fas fa-wave-square"></i></div>
                    <h3 class="hexagon-title">Add PDF Noise</h3>
                    <p class="hexagon-desc">Add noise to pdf documents online</p>
                    <div class="hexagon-arrow"><i class="fas fa-arrow-right"></i></div>
                </div>
            </a>
            
            <a href="/add-page-number-to-pdf.php" class="hexagon-item color3">
                <div class="hexagon-content">
                    <div class="hexagon-icon"><i class="fas fa-list-ol"></i></div>
                    <h3 class="hexagon-title">Add Page Number</h3>
                    <p class="hexagon-desc">Add page numbers to pdf online</p>
                    <div class="hexagon-arrow"><i class="fas fa-arrow-right"></i></div>
                </div>
            </a>
            
            <a href="/add-pdf-meta-data.php" class="hexagon-item color4">
                <div class="hexagon-content">
                    <div class="hexagon-icon"><i class="fas fa-file-alt"></i></div>
                    <h3 class="hexagon-title">Add PDF Meta</h3>
                    <p class="hexagon-desc">Add pdf meta data online free</p>
                    <div class="hexagon-arrow"><i class="fas fa-arrow-right"></i></div>
                </div>
            </a>
            
            <a href="/add-stroke-to-pdf.php" class="hexagon-item color5">
                <div class="hexagon-content">
                    <div class="hexagon-icon"><i class="fas fa-border-all"></i></div>
                    <h3 class="hexagon-title">Add PDF Stroke</h3>
                    <p class="hexagon-desc">Add stroke or border to pdf online</p>
                    <div class="hexagon-arrow"><i class="fas fa-arrow-right"></i></div>
                </div>
            </a>
            
            <a href="/add-text-to-pdf.php" class="hexagon-item color6">
                <div class="hexagon-content">
                    <div class="hexagon-icon"><i class="fas fa-pencil-alt"></i></div>
                    <h3 class="hexagon-title">Add PDF Text</h3>
                    <p class="hexagon-desc">Easily add text to pdf online</p>
                    <div class="hexagon-arrow"><i class="fas fa-arrow-right"></i></div>
                </div>
            </a>
        </div>
        
        <!-- Second Row - 5 items (offset) -->
        <div class="hexagon-row">
            <a href="/add-watermark-to-pdf.php" class="hexagon-item color7">
                <div class="hexagon-content">
                    <div class="hexagon-icon"><i class="fas fa-tint"></i></div>
                    <h3 class="hexagon-title">Add Watermark</h3>
                    <p class="hexagon-desc">Add watermark to pdf online</p>
                    <div class="hexagon-arrow"><i class="fas fa-arrow-right"></i></div>
                </div>
            </a>
            
            <a href="/analyze-pdf.php" class="hexagon-item color8">
                <div class="hexagon-content">
                    <div class="hexagon-icon"><i class="fas fa-chart-bar"></i></div>
                    <h3 class="hexagon-title">Analyze PDF</h3>
                    <p class="hexagon-desc">Easily analyze pdf documents</p>
                    <div class="hexagon-arrow"><i class="fas fa-arrow-right"></i></div>
                </div>
            </a>
            
            <a href="/blur-pdf.php" class="hexagon-item color9">
                <div class="hexagon-content">
                    <div class="hexagon-icon"><i class="fas fa-eye-slash"></i></div>
                    <h3 class="hexagon-title">Blur PDF</h3>
                    <p class="hexagon-desc">Easily add blur effects to pdf</p>
                    <div class="hexagon-arrow"><i class="fas fa-arrow-right"></i></div>
                </div>
            </a>
            
            <a href="/compress-pdf.php" class="hexagon-item color10">
                <div class="hexagon-content">
                    <div class="hexagon-icon"><i class="fas fa-compress-alt"></i></div>
                    <h3 class="hexagon-title">Compress PDF</h3>
                    <p class="hexagon-desc">Compress and optimize pdf online</p>
                    <div class="hexagon-arrow"><i class="fas fa-arrow-right"></i></div>
                </div>
            </a>
            
            <a href="/crop-pdf-online.php" class="hexagon-item color11">
                <div class="hexagon-content">
                    <div class="hexagon-icon"><i class="fas fa-crop"></i></div>
                    <h3 class="hexagon-title">Crop PDF</h3>
                    <p class="hexagon-desc">Easily crop pdf documents online</p>
                    <div class="hexagon-arrow"><i class="fas fa-arrow-right"></i></div>
                </div>
            </a>
        </div>
        
        <!-- Third Row - 6 items -->
        <div class="hexagon-row">
            <a href="/crop-pdf.php" class="hexagon-item color12">
                <div class="hexagon-content">
                    <div class="hexagon-icon"><i class="fas fa-crop-alt"></i></div>
                    <h3 class="hexagon-title">Crop PDF New</h3>
                    <p class="hexagon-desc">Easily crop pdf documents online</p>
                    <div class="hexagon-arrow"><i class="fas fa-arrow-right"></i></div>
                </div>
            </a>
            
            <a href="/enhance-pdf.php" class="hexagon-item color13">
                <div class="hexagon-content">
                    <div class="hexagon-icon"><i class="fas fa-magic"></i></div>
                    <h3 class="hexagon-title">Enhance PDF</h3>
                    <p class="hexagon-desc">Easily enhance your PDFs online</p>
                    <div class="hexagon-arrow"><i class="fas fa-arrow-right"></i></div>
                </div>
            </a>
            
            <a href="/extract-images-from-pdf.php" class="hexagon-item color14">
                <div class="hexagon-content">
                    <div class="hexagon-icon"><i class="fas fa-file-image"></i></div>
                    <h3 class="hexagon-title">Extract Images</h3>
                    <p class="hexagon-desc">Extract all images from pdf online</p>
                    <div class="hexagon-arrow"><i class="fas fa-arrow-right"></i></div>
                </div>
            </a>
            
            <a href="/extract-pdf-pages.php" class="hexagon-item color15">
                <div class="hexagon-content">
                    <div class="hexagon-icon"><i class="fas fa-file-export"></i></div>
                    <h3 class="hexagon-title">Extract Pages</h3>
                    <p class="hexagon-desc">Extract pdf pages easily for free</p>
                    <div class="hexagon-arrow"><i class="fas fa-arrow-right"></i></div>
                </div>
            </a>
            
            <a href="/generate-pdf.php" class="hexagon-item color16">
                <div class="hexagon-content">
                    <div class="hexagon-icon"><i class="fas fa-file-import"></i></div>
                    <h3 class="hexagon-title">Generate PDF</h3>
                    <p class="hexagon-desc">From scratch generate pdf online</p>
                    <div class="hexagon-arrow"><i class="fas fa-arrow-right"></i></div>
                </div>
            </a>
            
            <a href="/grayscale-pdf.php" class="hexagon-item color17">
                <div class="hexagon-content">
                    <div class="hexagon-icon"><i class="fas fa-adjust"></i></div>
                    <h3 class="hexagon-title">Grayscale PDF</h3>
                    <p class="hexagon-desc">Easily convert pdf to grayscale</p>
                    <div class="hexagon-arrow"><i class="fas fa-arrow-right"></i></div>
                </div>
            </a>
        </div>
        
         <!-- Second Row - 5 items (offset) -->
        <div class="hexagon-row">
            <a href="/hyper-compress-pdf.php" class="hexagon-item color7">
                <div class="hexagon-content">
                    <div class="hexagon-icon"><i class="fas fa-weight-hanging"></i></div>
                    <h3 class="hexagon-title">Hyper Compress</h3>
                    <p class="hexagon-desc">Compress large size pdf documents</p>
                    <div class="hexagon-arrow"><i class="fas fa-arrow-right"></i></div>
                </div>
            </a>
            
            <a href="/listen-pdf.php" class="hexagon-item color8">
                <div class="hexagon-content">
                    <div class="hexagon-icon"><i class="fas fa-headphones"></i></div>
                    <h3 class="hexagon-title">Listen PDF</h3>
                    <p class="hexagon-desc">Easily listen pdf text online</p>
                    <div class="hexagon-arrow"><i class="fas fa-arrow-right"></i></div>
                </div>
            </a>
            
            <a href="/merge-pdf-and-images.php" class="hexagon-item color9">
                <div class="hexagon-content">
                    <div class="hexagon-icon"><i class="fas fa-layer-group"></i></div>
                    <h3 class="hexagon-title">Merge Images</h3>
                    <p class="hexagon-desc">Merge pdf and images together</p>
                    <div class="hexagon-arrow"><i class="fas fa-arrow-right"></i></div>
                </div>
            </a>
            
            <a href="/merge-pdf-text.php" class="hexagon-item color10">
                <div class="hexagon-content">
                    <div class="hexagon-icon"><i class="fas fa-object-group"></i></div>
                    <h3 class="hexagon-title">Merge Text</h3>
                    <p class="hexagon-desc">Merge pdf and text together</p>
                    <div class="hexagon-arrow"><i class="fas fa-arrow-right"></i></div>
                </div>
            </a>
            
            <a href="/merge-pdf.php" class="hexagon-item color11">
                <div class="hexagon-content">
                    <div class="hexagon-icon"><i class="fas fa-arrows-alt-h"></i></div>
                    <h3 class="hexagon-title">Merge PDFs</h3>
                    <p class="hexagon-desc">Merge multiple pdfs together</p>
                    <div class="hexagon-arrow"><i class="fas fa-arrow-right"></i></div>
                </div>
            </a>
        </div>
        
        <!-- Third Row - 6 items -->
        <div class="hexagon-row">
            <a href="/organize-pdf.php" class="hexagon-item color12">
                <div class="hexagon-content">
                    <div class="hexagon-icon"><i class="fas fa-folder-tree"></i></div>
                    <h3 class="hexagon-title">Organize PDF</h3>
                    <p class="hexagon-desc">Easily organize pdf documents free</p>
                    <div class="hexagon-arrow"><i class="fas fa-arrow-right"></i></div>
                </div>
            </a>
            
            <a href="/overlay-pdf.php" class="hexagon-item color13">
                <div class="hexagon-content">
                    <div class="hexagon-icon"><i class="fas fa-object-ungroup"></i></div>
                    <h3 class="hexagon-title">Overlay PDF</h3>
                    <p class="hexagon-desc">Easily add overlay to PDFs</p>
                    <div class="hexagon-arrow"><i class="fas fa-arrow-right"></i></div>
                </div>
            </a>
            
            <a href="/pdf-color-inverter.php" class="hexagon-item color14">
                <div class="hexagon-content">
                    <div class="hexagon-icon"><i class="fas fa-sun"></i></div>
                    <h3 class="hexagon-title">PDF Inverter</h3>
                    <p class="hexagon-desc">Easily invert pdf colors online</p>
                    <div class="hexagon-arrow"><i class="fas fa-arrow-right"></i></div>
                </div>
            </a>
            
            <a href="/pdf-dpi-analyzer.php" class="hexagon-item color15">
                <div class="hexagon-content">
                    <div class="hexagon-icon"><i class="fas fa-ruler-combined"></i></div>
                    <h3 class="hexagon-title">PDF DPI Analyze</h3>
                    <p class="hexagon-desc">Easily analyze pdf dpi online</p>
                    <div class="hexagon-arrow"><i class="fas fa-arrow-right"></i></div>
                </div>
            </a>
            
            <a href="/pdf-dpi-changer.php" class="hexagon-item color16">
                <div class="hexagon-content">
                    <div class="hexagon-icon"><i class="fas fa-tachometer-alt"></i></div>
                    <h3 class="hexagon-title">PDF DPI Change</h3>
                    <p class="hexagon-desc">Easily change pdf dpi online</p>
                    <div class="hexagon-arrow"><i class="fas fa-arrow-right"></i></div>
                </div>
            </a>
            
            <a href="/pdf-invoice-generator.php" class="hexagon-item color17">
                <div class="hexagon-content">
                    <div class="hexagon-icon"><i class="fas fa-file-invoice"></i></div>
                    <h3 class="hexagon-title">PDF Invoice</h3>
                    <p class="hexagon-desc">Easily generate invoice on pdf</p>
                    <div class="hexagon-arrow"><i class="fas fa-arrow-right"></i></div>
                </div>
            </a>
        </div>
        
         <!-- Second Row - 5 items (offset) -->
        <div class="hexagon-row">
            <a href="/pdf-margin-adjuster.php" class="hexagon-item color7">
                <div class="hexagon-content">
                    <div class="hexagon-icon"><i class="fas fa-columns"></i></div>
                    <h3 class="hexagon-title">PDF Margin</h3>
                    <p class="hexagon-desc">Easily adjust pdf page margin</p>
                    <div class="hexagon-arrow"><i class="fas fa-arrow-right"></i></div>
                </div>
            </a>
            
            <a href="/pdf-reader.php" class="hexagon-item color8">
                <div class="hexagon-content">
                    <div class="hexagon-icon"><i class="fas fa-book-open"></i></div>
                    <h3 class="hexagon-title">PDF Reader</h3>
                    <p class="hexagon-desc">Easily read or view pdf documents</p>
                    <div class="hexagon-arrow"><i class="fas fa-arrow-right"></i></div>
                </div>
            </a>
            
            <a href="/protect-pdf.php" class="hexagon-item color9">
                <div class="hexagon-content">
                    <div class="hexagon-icon"><i class="fas fa-lock"></i></div>
                    <h3 class="hexagon-title">Protect PDF</h3>
                    <p class="hexagon-desc">Easily protect pdf with password</p>
                    <div class="hexagon-arrow"><i class="fas fa-arrow-right"></i></div>
                </div>
            </a>
            
            <a href="/redact-pdf.php" class="hexagon-item color10">
                <div class="hexagon-content"> 
                    <div class="hexagon-icon"><i class="fas fa-user-secret"></i></div>
                    <h3 class="hexagon-title">Redact PDF</h3>
                    <p class="hexagon-desc">Redact pdf files online easily</p>
                    <div class="hexagon-arrow"><i class="fas fa-arrow-right"></i></div>
                </div>
            </a>
            
            <a href="/remove-pdf-noise.php" class="hexagon-item color11">
                <div class="hexagon-content">
                    <div class="hexagon-icon"><i class="fas fa-broom"></i></div>
                    <h3 class="hexagon-title">Remove Noise</h3>
                    <p class="hexagon-desc">Easily remove pdf noise online</p>
                    <div class="hexagon-arrow"><i class="fas fa-arrow-right"></i></div>
                </div>
            </a>
        </div>
        
<!-- First Row - 6 items -->
        <div class="hexagon-row">
            <a href="/remove-pdf-pages.php" class="hexagon-item color1">
                <div class="hexagon-content">
                    <div class="hexagon-icon"><i class="fas fa-trash-alt"></i></div>
                    <h3 class="hexagon-title">Remove Pages</h3>
                    <p class="hexagon-desc">Easily remove pages from pdf online</p>
                    <div class="hexagon-arrow"><i class="fas fa-arrow-right"></i></div>
                </div>
            </a>
            
            <a href="/rescale-pdf.php" class="hexagon-item color2">
                <div class="hexagon-content">
                    <div class="hexagon-icon"><i class="fas fa-expand-arrows-alt"></i></div>
                    <h3 class="hexagon-title">Rescale PDF</h3>
                    <p class="hexagon-desc">Rescale PDF into multiple sizes</p>
                    <div class="hexagon-arrow"><i class="fas fa-arrow-right"></i></div>
                </div>
            </a>
            
            <a href="/reverse-pdf.php" class="hexagon-item color3">
                <div class="hexagon-content">
                    <div class="hexagon-icon"><i class="fas fa-exchange-alt"></i></div>
                    <h3 class="hexagon-title">Reverse PDF</h3>
                    <p class="hexagon-desc">Easily reverse pdf pages online</p>
                    <div class="hexagon-arrow"><i class="fas fa-arrow-right"></i></div>
                </div>
            </a>
            
            <a href="/rotate-pdf.php" class="hexagon-item color4">
                <div class="hexagon-content">
                    <div class="hexagon-icon"><i class="fas fa-redo-alt"></i></div>
                    <h3 class="hexagon-title">Rotate PDF</h3>
                    <p class="hexagon-desc">Rotate pdf online with ease</p>
                    <div class="hexagon-arrow"><i class="fas fa-arrow-right"></i></div>
                </div>
            </a>
            
            <a href="/sign-pdf.php" class="hexagon-item color5">
                <div class="hexagon-content">
                    <div class="hexagon-icon"><i class="fas fa-pen-nib"></i></div>
                    <h3 class="hexagon-title">Sign PDF</h3>
                    <p class="hexagon-desc">Add signature to pdf online</p>
                    <div class="hexagon-arrow"><i class="fas fa-arrow-right"></i></div>
                </div>
            </a>
            
            <a href="/split-pdf-into-parts.php" class="hexagon-item color6">
                <div class="hexagon-content">
                    <div class="hexagon-icon"><i class="fas fa-cut"></i></div>
                    <h3 class="hexagon-title">Split PDF Parts</h3>
                    <p class="hexagon-desc">Split pdf into parts online</p>
                    <div class="hexagon-arrow"><i class="fas fa-arrow-right"></i></div>
                </div>
            </a>
        </div>
        
                 <!-- Second Row - 5 items (offset) -->
        <div class="hexagon-row">
            <a href="/split-pdf-online.php" class="hexagon-item color7">
                <div class="hexagon-content">
                    <div class="hexagon-icon"><i class="fas fa-arrows-split-up-and-left"></i></div>
                    <h3 class="hexagon-title">Split PDF</h3>
                    <p class="hexagon-desc">Split your pdf files online</p>
                    <div class="hexagon-arrow"><i class="fas fa-arrow-right"></i></div>
                </div>
            </a>
            
            <a href="/split-pdf-text.php" class="hexagon-item color8">
                <div class="hexagon-content">
                    <div class="hexagon-icon"><i class="fas fa-paragraph"></i></div>
                    <h3 class="hexagon-title">Split PDF Text</h3>
                    <p class="hexagon-desc">Split your pdf text online</p>
                    <div class="hexagon-arrow"><i class="fas fa-arrow-right"></i></div>
                </div>
            </a>
            
            <a href="/unlock-pdf.php" class="hexagon-item color9">
                <div class="hexagon-content">
                    <div class="hexagon-icon"><i class="fas fa-unlock"></i></div>
                    <h3 class="hexagon-title">Unlock PDF</h3>
                    <p class="hexagon-desc">Unlock secured pdf documents free</p>
                    <div class="hexagon-arrow"><i class="fas fa-arrow-right"></i></div>
                </div>
            </a>
            
            <a href="/validate-pdf.php" class="hexagon-item color10">
                <div class="hexagon-content">
                    <div class="hexagon-icon"><i class="fas fa-check-circle"></i></div>
                    <h3 class="hexagon-title">Validate PDF</h3>
                    <p class="hexagon-desc">Validate your pdf files online</p>
                    <div class="hexagon-arrow"><i class="fas fa-arrow-right"></i></div>
                </div>
            </a>
            
            <a href="/edit-pdf-online.php" class="hexagon-item color11">
                <div class="hexagon-content">
                    <div class="hexagon-icon"><i class="fas fa-edit"></i></div>
                    <h3 class="hexagon-title">Edit PDF (Addon)</h3>
                    <p class="hexagon-desc">Edit your pdf documents free</p>
                    <div class="hexagon-arrow"><i class="fas fa-arrow-right"></i></div>
                </div>
            </a>
        </div>
   
      
    </div><br><br><br>
</section>


    </div>
   
    
     <div class="tools-tab-content" id="organize-tab">
         <section class="tools-section">
   <div class="section-title">
        <h2>New PDF Addons</h2>
        <p>Explore our comprehensive collection of PDF tools to make your document work easier and more efficient</p>
    </div>
    
    <div class="hexagon-grid">
        <!-- First Row - 6 items -->
        <div class="hexagon-row">
            <a href="/edit-pdf-online.php" class="hexagon-item color1">
                <div class="hexagon-content">
                    <div class="hexagon-icon"><i class="fas fa-edit"></i></div>
                    <h3 class="hexagon-title">PDF Editor</h3>
                    <p class="hexagon-desc">Easily edit pdf files online</p>
                    <div class="hexagon-arrow"><i class="fas fa-arrow-right"></i></div>
                </div>
            </a>
            
            <a href="/convert-excel-to-pdf.php" class="hexagon-item color2">
                <div class="hexagon-content">
                    <div class="hexagon-icon"><i class="fas fa-file-excel"></i></div>
                    <h3 class="hexagon-title">Excel to PDF</h3>
                    <p class="hexagon-desc">Easily convert excel to pdf online</p>
                    <div class="hexagon-arrow"><i class="fas fa-arrow-right"></i></div>
                </div>
            </a>
            
            <a href="/convert-pdf-to-excel.php" class="hexagon-item color3">
                <div class="hexagon-content">
                    <div class="hexagon-icon"><i class="fas fa-file-excel"></i></div>
                    <h3 class="hexagon-title">PDF to Excel</h3>
                    <p class="hexagon-desc">Easily convert pdf to excel online</p>
                    <div class="hexagon-arrow"><i class="fas fa-arrow-right"></i></div>
                </div>
            </a>
            
            <a href="/convert-pdf-to-word.php" class="hexagon-item color4">
                <div class="hexagon-content">
                    <div class="hexagon-icon"><i class="fas fa-file-word"></i></div>
                    <h3 class="hexagon-title">PDF to Word</h3>
                    <p class="hexagon-desc">Easily convert pdf to word online</p>
                    <div class="hexagon-arrow"><i class="fas fa-arrow-right"></i></div>
                </div>
            </a>
            
            <a href="/convert-word-to-pdf.php" class="hexagon-item color5">
                <div class="hexagon-content">
                    <div class="hexagon-icon"><i class="fas fa-file-word"></i></div>
                    <h3 class="hexagon-title">Word to PDF</h3>
                    <p class="hexagon-desc">Convert word to editable pdf</p>
                    <div class="hexagon-arrow"><i class="fas fa-arrow-right"></i></div>
                </div>
            </a>
            
            <a href="/ocr-pdf.php" class="hexagon-item color6">
                <div class="hexagon-content">
                    <div class="hexagon-icon"><i class="fas fa-file-pdf"></i></div>
                    <h3 class="hexagon-title">OCR PDF</h3>
                    <p class="hexagon-desc">Convert pdf to ocr pdf online</p>
                    <div class="hexagon-arrow"><i class="fas fa-arrow-right"></i></div>
                </div>
            </a>
        </div>
        
       
       
   
      <br><br><br>
    </div>
</section>

    </div>
    
     <div class="tools-tab-content" id="protect-tab">
       <section class="tools-section">
   <div class="section-title">
        <h2>Convert Documents Online</h2>
        <p>Explore our comprehensive collection of PDF tools to make your document work easier and more efficient</p>
    </div>
    
    <div class="hexagon-grid">
        <!-- First Row - 6 items -->
        <div class="hexagon-row">
            <a href="/csv-converter.php" class="hexagon-item color1">
                <div class="hexagon-content">
                    <div class="hexagon-icon"><i class="fas fa-file-csv"></i></div>
                    <h3 class="hexagon-title">CSV Converter</h3>
                    <p class="hexagon-desc">Convert csv to any file format</p>
                    <div class="hexagon-arrow"><i class="fas fa-arrow-right"></i></div>
                </div>
            </a>
            
            <a href="/excel-converter.php" class="hexagon-item color2">
                <div class="hexagon-content">
                    <div class="hexagon-icon"><i class="fas fa-file-excel"></i></div>
                    <h3 class="hexagon-title">Excel Converter</h3>
                    <p class="hexagon-desc">Convert excel to any file format</p>
                    <div class="hexagon-arrow"><i class="fas fa-arrow-right"></i></div>
                </div>
            </a>
            
            <a href="/html-converter.php" class="hexagon-item color3">
                <div class="hexagon-content">
                    <div class="hexagon-icon"><i class="fab fa-html5"></i></div>
                    <h3 class="hexagon-title">HTML Converter</h3>
                    <p class="hexagon-desc">Convert html to any file format</p>
                    <div class="hexagon-arrow"><i class="fas fa-arrow-right"></i></div>
                </div>
            </a>
            
            <a href="/json-converter.php" class="hexagon-item color4">
                <div class="hexagon-content">
                    <div class="hexagon-icon"><i class="fas fa-database"></i></div>
                    <h3 class="hexagon-title">Json Converter</h3>
                    <p class="hexagon-desc">Convert json to any file format</p>
                    <div class="hexagon-arrow"><i class="fas fa-arrow-right"></i></div>
                </div>
            </a>
            
            <a href="/markdown-converter.php" class="hexagon-item color5">
                <div class="hexagon-content">
                    <div class="hexagon-icon"><i class="fab fa-markdown"></i></div>
                    <h3 class="hexagon-title">MD Converter</h3>
                    <p class="hexagon-desc">Convert markdown to any file format</p>
                    <div class="hexagon-arrow"><i class="fas fa-arrow-right"></i></div>
                </div>
            </a>
            
            <a href="/text-converter.php" class="hexagon-item color6">
                <div class="hexagon-content">
                    <div class="hexagon-icon"><i class="fas fa-text-height"></i></div>
                    <h3 class="hexagon-title">Text Converter</h3>
                    <p class="hexagon-desc">Convert text to any file format</p>
                    <div class="hexagon-arrow"><i class="fas fa-arrow-right"></i></div>
                </div>
            </a>
        </div>
        
        <!-- Second Row - 5 items (offset) -->
        <div class="hexagon-row">
            <a href="/tsv-converter.php" class="hexagon-item color7">
                <div class="hexagon-content">
                    <div class="hexagon-icon"><i class="fas fa-table"></i></div>
                    <h3 class="hexagon-title">TSV Converter</h3>
                    <p class="hexagon-desc">Convert tsv to any file format</p>
                    <div class="hexagon-arrow"><i class="fas fa-arrow-right"></i></div>
                </div>
            </a>
            
            <a href="/word-converter.php" class="hexagon-item color8">
                <div class="hexagon-content">
                    <div class="hexagon-icon"><i class="fas fa-file-word"></i></div>
                    <h3 class="hexagon-title">Word Converter</h3>
                    <p class="hexagon-desc">Convert word to any file format</p>
                    <div class="hexagon-arrow"><i class="fas fa-arrow-right"></i></div>
                </div>
            </a>
            
            <a href="/xml-converter.php" class="hexagon-item color9">
                <div class="hexagon-content">
                    <div class="hexagon-icon"><i class="fas fa-file-code"></i></div>
                    <h3 class="hexagon-title">XML Converter</h3>
                    <p class="hexagon-desc">Convert xml to any file format</p>
                    <div class="hexagon-arrow"><i class="fas fa-arrow-right"></i></div>
                </div>
            </a>
            
            <a href="/yaml-converter.php" class="hexagon-item color10">
                <div class="hexagon-content">
                    <div class="hexagon-icon"><i class="fas fa-indent"></i></div>
                    <h3 class="hexagon-title">YAML Converter</h3>
                    <p class="hexagon-desc">Convert yaml to any file format</p>
                    <div class="hexagon-arrow"><i class="fas fa-arrow-right"></i></div>
                </div>
            </a>
            
            <a href="/base64-encode-decode.php" class="hexagon-item color11">
                <div class="hexagon-content">
                    <div class="hexagon-icon"><i class="fas fa-code"></i></div>
                    <h3 class="hexagon-title">Base64 Converter</h3>
                    <p class="hexagon-desc">Convert base64 to any file format</p>
                    <div class="hexagon-arrow"><i class="fas fa-arrow-right"></i></div>
                </div>
            </a>
        </div>
        
        
      
    </div><br><br><br>
</section>

    </div>
    
   
   
</div>
<style>
:root {
    --color1: #4CAF50;
    --color2: #2196F3;
    --color3: #FF9800;
    --color4: #9C27B0;
    --color5: #E91E63;
    --color6: #00BCD4;
    --color7: #8BC34A;
    --color8: #FF5722;
    --color9: #673AB7;
    --color10: #40382E;
    --color11: #009688;
    --color12: #CDDC39;
    --color13: #795548;
    --color14: #607D8B;
    --color15: #F44336;
    --color16: #00ACC1;
    --color17: #7E57C2;
    --pdf-red: #e74c3c;
    --pdf-red-light: #ff6b5b;
}

.tools-section {
    text-align: center;
    background: linear-gradient(135deg, #fff 0%, #fff 100%);
    padding: 0 ;
    border-radius:15px;
}

.section-title {
    text-align: center;
    margin-bottom: 50px;
    color: #333;
}

.section-title h2 {
    font-size: 2.5rem;
    margin-bottom: 15px;
    color: #2c3e50;
    position: relative;
    display: inline-block;
}

.section-title h2:after {
    content: '';
    position: absolute;
    bottom: -10px;
    left: 50%;
    transform: translateX(-50%);
    width: 80px;
    height: 4px;
    background: var(--pdf-red);
    border-radius: 2px;
}

.section-title p {
    font-size: 1.1rem;
    color: #666;
    max-width: 700px;
    margin: 0 auto;
}

.hexagon-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 20px;
    max-width: 100%;
    margin: 0 auto;
    padding: 40px 0;
}

.hexagon-row {
    display: contents;
}

.hexagon-item {
    position: relative;
    width: 100%;
    height: 280px;
    margin: 0;
    clip-path: none;
    border-radius: 16px;
    transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding: 40px;
    text-decoration: none;
    box-shadow: 0 8px 30px rgba(0,0,0,0.12);
    background: white;
    overflow: hidden;
}

.hexagon-item::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 4px;
    background: linear-gradient(90deg, var(--pdf-red), var(--pdf-red-light));
    transform: scaleX(0);
    transition: transform 0.4s ease;
    z-index: 2;
}

.hexagon-item::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(135deg, rgba(255,255,255,0.1) 0%, transparent 100%);
    opacity: 0;
    transition: opacity 0.3s ease;
}

.hexagon-item:hover {
    transform: translateY(-8px) scale(1.02);
    text-decoration: none;
    box-shadow: 0 20px 40px rgba(0,0,0,0.15);
}

.hexagon-item:hover::before {
    transform: scaleX(1);
}

.hexagon-item:hover::after {
    opacity: 1;
}

.hexagon-content {
    position: relative;
    z-index: 2;
    color: #333;
    width: 100%;
}

.hexagon-icon {
    font-size: 2.2em;
    margin-bottom: 20px;
    margin-top: 0;
    transition: all 0.4s ease;
    color: white;
    padding: 18px;
    background: linear-gradient(135deg, var(--pdf-red), var(--pdf-red-light));
    border-radius: 50%;
    width: 80px;
    height: 80px;
    margin-right: auto;
    margin-left: auto;
    border: none;
    box-shadow: 0 8px 20px rgba(231, 76, 60, 0.3);
    display: flex;
    align-items: center;
    justify-content: center;
}

.hexagon-item:hover .hexagon-icon {
    transform: scale(1.15) rotate(5deg);
    color: white;
    box-shadow: 0 12px 25px rgba(231, 76, 60, 0.4);
}

.hexagon-title {
    font-size: 1.3rem;
    font-weight: 700;
    margin-bottom: 12px;
    color: #2c3e50;
    line-height: 1.3;
}

.hexagon-desc {
    font-size: 0.95rem;
    margin-bottom: 20px;
    color: #666;
    line-height: 1.5;
}

.hexagon-arrow {
    font-size: 1.3rem;
    opacity: 0;
    transform: translateX(-15px);
    transition: all 0.4s ease;
    color: var(--pdf-red);
    position: absolute;
    bottom: -25px;
    left: 50%;
    transform: translateX(-50%) translateX(-15px);
}

.hexagon-item:hover .hexagon-arrow {
    opacity: 1;
    transform: translateX(-50%) translateX(0);
    color: var(--pdf-red-light);
}

/* Gradient Background Colors - Applied to icon only */
.color1 .hexagon-icon { background: linear-gradient(135deg, var(--color1) 0%, #66BB6A 100%); }
.color2 .hexagon-icon { background: linear-gradient(135deg, var(--color2) 0%, #64B5F6 100%); }
.color3 .hexagon-icon { background: linear-gradient(135deg, var(--color3) 0%, #FFB74D 100%); }
.color4 .hexagon-icon { background: linear-gradient(135deg, var(--color4) 0%, #BA68C8 100%); }
.color5 .hexagon-icon { background: linear-gradient(135deg, var(--color5) 0%, #EC407A 100%); }
.color6 .hexagon-icon { background: linear-gradient(135deg, var(--color6) 0%, #26C6DA 100%); }
.color7 .hexagon-icon { background: linear-gradient(135deg, var(--color7) 0%, #9CCC65 100%); }
.color8 .hexagon-icon { background: linear-gradient(135deg, var(--color8) 0%, #FF8A65 100%); }
.color9 .hexagon-icon { background: linear-gradient(135deg, var(--color9) 0%, #9575CD 100%); }
.color10 .hexagon-icon { background: linear-gradient(135deg, var(--color10) 0%, #5D4037 100%); }
.color11 .hexagon-icon { background: linear-gradient(135deg, var(--color11) 0%, #26A69A 100%); }
.color12 .hexagon-icon { background: linear-gradient(135deg, var(--color12) 0%, #DCE775 100%); }
.color13 .hexagon-icon { background: linear-gradient(135deg, var(--color13) 0%, #8D6E63 100%); }
.color14 .hexagon-icon { background: linear-gradient(135deg, var(--color14) 0%, #90A4AE 100%); }
.color15 .hexagon-icon { background: linear-gradient(135deg, var(--color15) 0%, #EF5350 100%); }
.color16 .hexagon-icon { background: linear-gradient(135deg, var(--color16) 0%, #26C6DA 100%); }
.color17 .hexagon-icon { background: linear-gradient(135deg, var(--color17) 0%, #9575CD 100%); }

/* Responsive Design */
@media (max-width: 1200px) {
    .hexagon-grid {
        grid-template-columns: repeat(4, 1fr);
    }
}

@media (max-width: 992px) {
    .hexagon-grid {
        grid-template-columns: repeat(3, 1fr);
    }
}

@media (max-width: 768px) {
    .hexagon-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 20px;
    }
    
    .hexagon-item {
        height: 260px;
        padding: 30px 20px;
    }
}

@media (max-width: 576px) {
    .hexagon-grid {
        grid-template-columns: 1fr;
        max-width: 100%;
    }
    
    .hexagon-item {
        height: 240px;
        padding: 25px 20px;
    }
    
    .hexagon-icon {
        width: 70px;
        height: 70px;
        font-size: 1.8em;
    }
    
    .hexagon-title {
        font-size: 1.2rem;
    }
}













/* Responsive adjustments - Mobile */
@media (max-width: 768px) {
    .hexagon-grid {
        padding: 10px;
    }
    
    .hexagon-row {
        flex-wrap: wrap;
        justify-content: center;
        margin-bottom: 0;
    }
    
    .hexagon-row:nth-child(2) {
        margin-left: 0;
    }
    
    .hexagon-item {
        width: calc(100% - 20px);
        height: 180px;
        margin: 10px;
        clip-path: none;
        border-radius: 12px;
    }
    
    .hexagon-item::before {
        clip-path: none;
        border-radius: 10px;
    }
    
    .hexagon-icon {
        margin-top: 15px;
    }
    
    .section-title h2 {
        font-size: 2rem;
    }
}

/* Small mobile devices */
@media (max-width: 480px) {
    .hexagon-item {
        width: calc(100% - 20px);
        max-width: 100%;
        height: 160px;
    }
    
    .section-title h2 {
        font-size: 1.8rem;
    }
    
    .section-title p {
        font-size: 1rem;
        padding: 0 15px;
    }
}

/* Popular Label */
.popular-label {
    position: absolute;
    top: 1px;
    right: 1px;
    background-color: #fff;
    color: blue;
    font-size: 12px;
    font-weight: normal;
    padding: 4px 8px;
    border-radius: 0 0 0 12px;
    z-index: 3;
    animation: pulse 1.5s infinite;
}

/* Pulsing Animation */
@keyframes pulse {
    0% { transform: scale(1); }
    50% { transform: scale(1.05); }
    100% { transform: scale(1); }
}
</style>
<style>
/* Popular Label */
.popular-label {
    position: absolute;
    top: 1px;
    right: 1px;
    background-color: #fff;
    color: blue;
    font-size: 12px;
    font-weight: normal;
    padding: 4px 8px;
    border-radius: 0 0 0 12px;
    z-index: 1;
    animation: pulse 1.5s infinite;
}

/* Pulsing Animation */
@keyframes pulse {
    0% { transform: scale(1); }
    50% { transform: scale(1.05); }
    100% { transform: scale(1); }
}

/* Make sure the tool-tab-box has relative positioning */
.tool-tab-box {
    position: relative;
    /* Your existing styles... */
}

/* Main Section Styles */
.tools-tab-section {
    padding: 30px 30px 50px 30px;
    background-color: var(--card-bg);
    border-radius: 50px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);
    margin: -60px auto 10px auto;
    max-width: 94%;
    overflow:hidden;
    position:relative;
    
}

/* Tab Navigation Styles */
.tools-tab-nav {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-bottom: 30px;
    border-bottom: 1px solid #eaeaea;
    padding-bottom: 15px;
}

.tab-nav-btn {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 13px 20px;
    background-color: #369BA8;
    border: none;
    border-radius: 30px;
    cursor: pointer;
    transition: all 0.3s ease;
    font-size: 14px;
    color: #fff;
    font-weight: 600;
}

.tab-nav-btn i {
    font-size: 16px;
}

.tab-nav-btn:hover {
    background-color: #e0e0e0;
    color: #333;
}

.tab-nav-btn.active {
    background-color: #B22222;
    color: white;
}

/* Tab Content Styles */
.tools-tab-content {
    display: none;
    animation: fadeIn 0.5s ease;
}

.tools-tab-content.active {
    display: block;
}

@keyframes fadeIn {
    from { opacity: 0; }
    to { opacity: 1; }
}

.tools-tab-title {
    text-align: center;
    font-size: 28px;
    color: #333;
    margin-bottom: 30px;
    position: relative;
    padding-bottom: 15px;
}

.tools-tab-title::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 80px;
    height: 3px;
    background-color: #f91a2d;
    border-radius: 3px;
}

/* Tool Grid Styles */
.tools-tab-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));
    gap: 20px;
}

/* Tool Box Styles */
.tool-tab-box {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 25px 15px;
    background-color: #fff;
    border-radius: 10px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);
    transition: all 0.3s ease;
    text-decoration: none;
    color: #333;
    border: 1px solid #eee;
    position: relative;
    overflow: hidden;
}

.tool-tab-box:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);
    border-color: #f91a2d;
}

.tool-tab-icon {
    width: 44px;
    height: 44px;
    background-color: #fef2f3;
    border-radius: 15px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 20px;
    color: #f91a2d;
    font-size: 22px;
    transition: all 0.3s ease;
}

.tool-tab-box:hover .tool-tab-icon {
    background-color: #f91a2d;
    color: white;
    transform: scale(1.1);
}

.tool-tab-box h3 {
    font-size: 15px;
    margin-bottom: 15px;
    text-align: center;
    font-weight: 600;
}

.tool-tab-action {
    display: flex;
    align-items: center;
    gap: 5px;
    font-size: 14px;
    color: #f91a2d;
    font-weight: 500;
    transition: all 0.3s ease;
    margin-top: auto;
}

.tool-tab-box:hover .tool-tab-action {
    color: #f91a2d;
    transform: translateX(5px);
}

.tool-tab-action i {
    transition: transform 0.3s ease;
}

.tool-tab-box:hover .tool-tab-action i {
    transform: translateX(3px);
}

/* Responsive Styles */
@media (max-width: 992px) {
    .tools-tab-grid {
        grid-template-columns: repeat(auto-fill, minmax(160px, 1fr));
    }
}

@media (max-width: 768px) {
    .tools-tab-section {
        padding: 20px;
    }
    
    .tools-tab-nav {
        overflow-x: auto;
        padding-bottom: 10px;
        flex-wrap: nowrap;
    }
    
    .tab-nav-btn {
        flex-shrink: 0;
    }
    
    .tools-tab-title {
        font-size: 24px;
    }
}

@media (max-width: 576px) {
    .tools-tab-grid {
        grid-template-columns: repeat(2, 1fr);
    }
    
    .tool-tab-box {
        padding: 20px 10px;
    }
    
    .tool-tab-icon {
        width: 50px;
        height: 50px;
        font-size: 20px;
    }
}



</style>

<script>
document.addEventListener('DOMContentLoaded', function() {
    const tabButtons = document.querySelectorAll('.tab-nav-btn');
    const tabContents = document.querySelectorAll('.tools-tab-content');
    
    tabButtons.forEach(button => {
        button.addEventListener('click', () => {
            // Remove active class from all buttons and contents
            tabButtons.forEach(btn => btn.classList.remove('active'));
            tabContents.forEach(content => content.classList.remove('active'));
            
            // Add active class to clicked button
            button.classList.add('active');
            
            // Show corresponding content
            const tabId = button.getAttribute('data-tabtarget');
            document.getElementById(tabId).classList.add('active');
        });
    });
});
</script><section class="features">
    <div class="section-header">
        <h2 class="section-title">Why Choose Our PDF Tools?</h2>
        <p class="section-subtitle">Comprehensive PDF solutions with powerful features for all your document needs</p>
    </div>
   
    <div class="feature-grid">
        <!-- Feature 1 -->
        <div class="feature-card">
            <div class="feature-icon">
                <i class="fas fa-shield-alt"></i>
            </div>
            <h3 class="feature-title">Bank-Level Security</h3>
            <p class="feature-desc">All processing happens in your browser - your files never leave your device, ensuring complete privacy.</p>
            <div class="feature-hover"></div>
        </div>
        
        <!-- Feature 2 -->
        <div class="feature-card">
            <div class="feature-icon">
                <i class="fas fa-bolt"></i>
            </div>
            <h3 class="feature-title">Lightning Fast</h3>
            <p class="feature-desc">Process even large PDF files in seconds with our optimized algorithms and web-based processing.</p>
            <div class="feature-hover"></div>
        </div>
        
        <!-- Feature 3 -->
        <div class="feature-card">
            <div class="feature-icon">
                <i class="fas fa-tools"></i>
            </div>
            <h3 class="feature-title">100+ PDF Tools</h3>
            <p class="feature-desc">From merging and splitting to OCR and e-signatures - all the tools you need in one place.</p>
            <div class="feature-hover"></div>
        </div>
        
        <!-- Feature 4 -->
        <div class="feature-card">
            <div class="feature-icon">
                <i class="fas fa-cloud-upload-alt"></i>
            </div>
            <h3 class="feature-title">No Upload Limits</h3>
            <p class="feature-desc">Process files of any size with no restrictions - we don't impose artificial file size limits.</p>
            <div class="feature-hover"></div>
        </div>
        
        <!-- Feature 5 -->
        <div class="feature-card">
            <div class="feature-icon">
                <i class="fas fa-mobile-alt"></i>
            </div>
            <h3 class="feature-title">Mobile Friendly</h3>
            <p class="feature-desc">Works perfectly on all devices with a responsive interface designed for touch screens.</p>
            <div class="feature-hover"></div>
        </div>
        
        <!-- Feature 6 -->
        <div class="feature-card">
            <div class="feature-icon">
                <i class="fas fa-infinity"></i>
            </div>
            <h3 class="feature-title">No Watermarks</h3>
            <p class="feature-desc">Get clean, professional results without any branding or watermarks on your documents.</p>
            <div class="feature-hover"></div>
        </div>
        
        <!-- Feature 7 -->
        <div class="feature-card">
            <div class="feature-icon">
                <i class="fas fa-file-export"></i>
            </div>
            <h3 class="feature-title">Multiple Formats</h3>
            <p class="feature-desc">Convert to and from PDF, Word, Excel, JPG, PNG and more with perfect formatting.</p>
            <div class="feature-hover"></div>
        </div>
        
        <!-- Feature 8 -->
        <div class="feature-card">
            <div class="feature-icon">
                <i class="fas fa-sliders-h"></i>
            </div>
            <h3 class="feature-title">Advanced Controls</h3>
            <p class="feature-desc">Fine-tune every operation with professional-grade settings for perfect results.</p>
            <div class="feature-hover"></div>
        </div>
    </div>
</section>

<style>
.features {
    padding: 80px 20px;
    background-color: #fff;
    position: relative;
    max-width: 100%;
    margin: 50px auto 0 auto;
   
}

.section-header {
    text-align: center;
    margin-bottom: 60px;
    padding: 0 20px;
}

.section-title {
    font-size: 2.5rem;
    color: #2c3e50;
    margin-bottom: 15px;
    position: relative;
    display: inline-block;
    font-weight: 700;
}

.section-title::after {
    content: '';
    position: absolute;
    bottom: -10px;
    left: 50%;
    transform: translateX(-50%);
    width: 80px;
    height: 4px;
    background: linear-gradient(90deg, #4A6BFF, #6c5ce7);
    border-radius: 3px;
}

.section-subtitle {
    color: #7f8c8d;
    font-size: 1.1rem;
    max-width: 700px;
    margin: 0 auto;
    line-height: 1.6;
}

.feature-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 25px;
    padding: 0 20px;
}

.feature-card {
    background-color: white;
    border-radius: 12px;
    padding: 40px 25px;
    position: relative;
    overflow: hidden;
    transition: all 0.4s ease;
    z-index: 1;
    border: 1px solid #e0e6ff;
    box-shadow: 0 5px 15px rgba(74, 107, 255, 0.03);
}

.feature-card::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(135deg, rgba(74, 107, 255, 0.03) 0%, rgba(74, 107, 255, 0) 100%);
    z-index: -1;
    opacity: 0;
    transition: opacity 0.3s ease;
}

.feature-card:hover {
    transform: translateY(-8px);
    box-shadow: 0 15px 30px rgba(74, 107, 255, 0.1);
    border-color: #4A6BFF;
}

.feature-card:hover::before {
    opacity: 1;
}

.feature-icon {
    font-size: 2.5rem;
    width: 80px;
    height: 80px;
    margin: 0 auto 25px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    background: linear-gradient(135deg, #F91A2D, #B22222);
    border-radius: 50px;
    transition: all 0.3s ease;
    box-shadow: 0 10px 20px rgba(74, 107, 255, 0.2);
}

.feature-card:hover .feature-icon {
    transform: scale(1.1) rotate(5deg);
    box-shadow: 0 15px 25px rgba(74, 107, 255, 0.3);
}

.feature-title {
    font-size: 1.3rem;
    margin-bottom: 15px;
    color: #2c3e50;
    font-weight: 600;
    text-align:center;
}

.feature-desc {
    color: #7f8c8d;
    line-height: 1.7;
    margin-bottom: 0;
    font-size: 0.95rem;
    text-align:center;
}

.feature-hover {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 3px;
    background: linear-gradient(90deg, #4A6BFF, #6c5ce7);
    transform: scaleX(0);
    transform-origin: left;
    transition: transform 0.4s ease;
}

.feature-card:hover .feature-hover {
    transform: scaleX(1);
}

/* Responsive Design */
@media (max-width: 1024px) {
    .feature-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 768px) {
    .features {
        padding: 60px 0;
    }
    
    .section-title {
        font-size: 2rem;
    }
    
    .section-subtitle {
        font-size: 1rem;
    }
    
    .feature-grid {
        grid-template-columns: 1fr;
        max-width: 500px;
        margin: 0 auto;
    }
    
    .feature-card {
        padding: 30px 25px;
    }
    
    .feature-icon {
        width: 70px;
        height: 70px;
        font-size: 2rem;
    }
}
</style><section class="product-comprehensive">
   
    <!-- Features Section -->
    <div class="product-section features-section" style="background-color: #f9fafc;">
        <div class="container">
            <div class="section-header">
                <h2>Powerful Features</h2>
                <p class="section-subtitle">Everything you need for professional PDF management</p>
            </div>
            
            <div class="features-tabs">
                <div class="tab-buttons">
                    <button class="tab-btn active" data-tab="creation">Creation</button>
                    <button class="tab-btn" data-tab="editing">Editing</button>
                    <button class="tab-btn" data-tab="conversion">Conversion</button>
                    <button class="tab-btn" data-tab="security">Security</button>
                </div>
                
                <div class="tab-content active" id="creation">
                    <div class="feature-columns">
                        <div class="feature-list">
                            <h3><i class="fas fa-file-import"></i> Create from Any Source</h3>
                            <ul>
                                <li>Convert Word, Excel, PowerPoint to PDF</li>
                                <li>Merge multiple files into single PDF</li>
                                <li>Create from images (JPG, PNG, TIFF)</li>
                                <li>Generate from HTML/web pages</li>
                            </ul>
                        </div>
                        
                        <div class="feature-list">
                            <h3><i class="fas fa-cogs"></i> Advanced Options</h3>
                            <ul>
                                <li>Custom page sizes and orientations</li>
                                <li>PDF/A archiving standard support</li>
                                <li>Bates numbering for legal documents</li>
                                <li>Automated table of contents</li>
                            </ul>
                        </div>
                    </div>
                </div>
                
                <div class="tab-content" id="editing">
                    <div class="feature-columns">
                        <div class="feature-list">
                            <h3><i class="fas fa-edit"></i> Content Editing</h3>
                            <ul>
                                <li>Edit text while preserving formatting</li>
                                <li>Modify images and vector graphics</li>
                                <li>Rearrange pages with drag-and-drop</li>
                                <li>Extract specific pages or sections</li>
                            </ul>
                        </div>
                        
                        <div class="feature-list">
                            <h3><i class="fas fa-comment-alt"></i> Annotation Tools</h3>
                            <ul>
                                <li>Comments and sticky notes</li>
                                <li>Highlighting and markup tools</li>
                                <li>Drawing shapes and arrows</li>
                                <li>Measurement tools for technical PDFs</li>
                            </ul>
                        </div>
                    </div>
                </div>
                
                <div class="tab-content" id="conversion">
                    <div class="feature-columns">
                        <div class="feature-list">
                            <h3><i class="fas fa-exchange-alt"></i> Convert From PDF</h3>
                            <ul>
                                <li>To Microsoft Office formats</li>
                                <li>To image formats (JPG, PNG, TIFF)</li>
                                <li>To HTML for web publishing</li>
                                <li>To text with layout preservation</li>
                            </ul>
                        </div>
                        
                        <div class="feature-list">
                            <h3><i class="fas fa-search"></i> OCR Technology</h3>
                            <ul>
                                <li>Extract text from scanned documents</li>
                                <li>130+ language recognition</li>
                                <li>Handwriting recognition (beta)</li>
                                <li>Searchable PDF creation</li>
                            </ul>
                        </div>
                    </div>
                </div>
                
                <div class="tab-content" id="security">
                    <div class="feature-columns">
                        <div class="feature-list">
                            <h3><i class="fas fa-lock"></i> Protection</h3>
                            <ul>
                                <li>Password encryption (256-bit AES)</li>
                                <li>Permission restrictions (printing, editing)</li>
                                <li>Redaction of sensitive content</li>
                                <li>Digital signature support</li>
                            </ul>
                        </div>
                        
                        <div class="feature-list">
                            <h3><i class="fas fa-user-shield"></i> Privacy</h3>
                            <ul>
                                <li>Metadata removal</li>
                                <li>Document sanitization</li>
                                <li>Secure file deletion</li>
                                <li>Audit trails for enterprise</li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
<br><br>
    <!-- Usage Section -->
    <div class="product-section usage-section">
        <div class="container">
            <div class="section-header">
                <h2>How It Works</h2>
                <p class="section-subtitle">Simple steps for powerful results</p>
            </div>
            
            <div class="usage-steps">
                <div class="step">
                    <div class="step-number">1</div>
                    <div class="step-content">
                        <h3>Upload Your File</h3>
                        <p>Drag and drop your PDF or select from cloud storage. All major formats supported.</p>
                    </div>
                </div>
                
                <div class="step">
                    <div class="step-number">2</div>
                    <div class="step-content">
                        <h3>Choose Your Tool</h3>
                        <p>Select from 30+ specialized PDF tools for your specific need.</p>
                    </div>
                </div>
                
                <div class="step">
                    <div class="step-number">3</div>
                    <div class="step-content">
                        <h3>Customize Settings</h3>
                        <p>Adjust options like quality, security, and output format as needed.</p>
                    </div>
                </div>
                
                <div class="step">
                    <div class="step-number">4</div>
                    <div class="step-content">
                        <h3>Process & Download</h3>
                        <p>Get your processed file in seconds with no watermarks or limits.</p>
                    </div>
                </div>
            </div>
            <br><br>
           
        </div>
    </div>
<br><br>
    <!-- Technical Details -->
    <div class="product-section tech-section" style="background-color: #f9fafc;">
        <div class="container">
            <div class="section-header">
                <h2>Technical Specifications</h2>
                <p class="section-subtitle">Engineered for performance and reliability</p>
            </div>
            
            <div class="tech-specs">
                <div class="spec-card">
                    <h3><i class="fas fa-file-alt"></i> File Support</h3>
                    <ul>
                        <li><strong>Input Formats:</strong> PDF, DOCX, XLSX, PPTX, JPG, PNG, TIFF, HTML</li>
                        <li><strong>Output Formats:</strong> PDF, PDF/A, DOCX, XLSX, JPG, PNG, TXT, RTF</li>
                        <li><strong>Max File Size:</strong> No artificial limits (browser-dependent)</li>
                    </ul>
                </div>
                
                <div class="spec-card">
                    <h3><i class="fas fa-microchip"></i> System Requirements</h3>
                    <ul>
                        <li><strong>Web Version:</strong> Chrome, Firefox, Edge, Safari (latest versions)</li>
                        <li><strong>Desktop Apps:</strong> Windows 10+, macOS 10.15+, Linux (x64)</li>
                        <li><strong>Mobile Apps:</strong> Android 9+, iOS 14+</li>
                    </ul>
                </div>
                
                <div class="spec-card">
                    <h3><i class="fas fa-cog"></i> Technical Details</h3>
                    <ul>
                        <li><strong>Processing Engine:</strong> WebAssembly + PDFium</li>
                        <li><strong>OCR Technology:</strong> Tesseract 5.0</li>
                        <li><strong>Encryption:</strong> 256-bit AES</li>
                        <li><strong>Compliance:</strong> ISO 32000-1 (PDF 1.7)</li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
</section>

<style>
/* Base Styles */
.product-comprehensive {
   padding: 80px 0;
    color: #2c3e50;
    line-height: 1.6;
}

.containerp {
    max-width: 100%;
    margin: 0 auto;
    padding: 20px;
}

.section-header {
    text-align: center;
    margin-bottom: 50px;
}

.section-header h2 {
    font-size: 2.3rem;
    font-weight: 700;
    margin-bottom: 15px;
    color: #2c3e50;
}

.section-subtitle {
    color: #7f8c8d;
    font-size: 1.1rem;
    max-width: 700px;
    margin: 0 auto;
}

/* Hero Section */
.product-hero {
    color: white;
    padding: 80px 0;
    position: relative;
    overflow: hidden;
}

.hero-content {
    max-width: 600px;
    position: relative;
    z-index: 2;
}

.hero-content h1 {
    font-size: 3rem;
    font-weight: 800;
    margin-bottom: 15px;
    line-height: 1.2;
}

.hero-subtitle {
    font-size: 1.3rem;
    margin-bottom: 30px;
    opacity: 0.9;
}

.hero-badges {
    display: flex;
    gap: 15px;
    flex-wrap: wrap;
}

.badge {
    background: rgba(255, 255, 255, 0.15);
    padding: 8px 15px;
    border-radius: 50px;
    font-size: 0.9rem;
    display: flex;
    align-items: center;
    gap: 8px;
    backdrop-filter: blur(5px);
}

.hero-image {
    position: absolute;
    right: 5%;
    top: 50%;
    transform: translateY(-50%);
    z-index: 1;
    opacity: 0.3;
}

.hero-img {
    width: 400px;
    height: auto;
}

/* Benefits Section */
.benefits-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: 30px;
    margin-top: 40px;
}

.benefit-card {
    background: white;
    border-radius: 12px;
    padding: 30px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.03);
    transition: all 0.3s ease;
}

.benefit-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.08);
}

.benefit-icon {
    width: 60px;
    height: 60px;
    border-radius: 15px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 20px;
    font-size: 1.8rem;
}

.benefit-card h3 {
    font-size: 1.3rem;
    margin-bottom: 15px;
    color: #2c3e50;
}

.benefit-card p {
    color: #7f8c8d;
    font-size: 0.95rem;
    line-height: 1.7;
}

/* Features Section */
.features-tabs {
    background: white;
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);
}

.tab-buttons {
    display: flex;
    border-bottom: 1px solid #eee;
}

.tab-btn {
    flex: 1;
    padding: 18px 20px;
    background: none;
    border: none;
    font-size: 1rem;
    font-weight: 600;
    color: #95a5a6;
    cursor: pointer;
    transition: all 0.3s ease;
    position: relative;
}

.tab-btn.active {
    color: #4A6BFF;
}

.tab-btn.active::after {
    content: '';
    position: absolute;
    bottom: -1px;
    left: 0;
    width: 100%;
    height: 3px;
    background: #4A6BFF;
}

.tab-content {
    display: none;
    padding: 30px;
}

.tab-content.active {
    display: block;
}

.feature-columns {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 40px;
}

.feature-list h3 {
    font-size: 1.2rem;
    margin-bottom: 20px;
    color: #2c3e50;
    display: flex;
    align-items: center;
    gap: 10px;
}

.feature-list h3 i {
    color: #4A6BFF;
}

.feature-list ul {
    list-style: none;
    padding: 0;
}

.feature-list li {
    margin-bottom: 12px;
    padding-left: 25px;
    position: relative;
    color: #666;
}

.feature-list li::before {
    content: '✓';
    position: absolute;
    left: 0;
    color: #4A6BFF;
    font-weight: bold;
}

/* Usage Section */
.usage-steps {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 30px;
    margin-bottom: 50px;
}

.step {
    display: flex;
    gap: 20px;
}

.step-number {
    width: 40px;
    height: 40px;
    background: #4A6BFF;
    color: white;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: bold;
    font-size: 1.2rem;
    flex-shrink: 0;
}

.step-content h3 {
    font-size: 1.2rem;
    margin-bottom: 10px;
    color: #2c3e50;
}

.step-content p {
    color: #7f8c8d;
    font-size: 0.95rem;
    line-height: 1.7;
}

.usage-video {
    max-width: 800px;
    margin: 0 auto;
    background: #2c3e50;
    border-radius: 12px;
    height: 450px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    position: relative;
    overflow: hidden;
}

.video-placeholder {
    text-align: center;
    z-index: 2;
}

.video-placeholder i {
    font-size: 4rem;
    margin-bottom: 20px;
    cursor: pointer;
    transition: all 0.3s ease;
}

.video-placeholder i:hover {
    transform: scale(1.1);
}

.video-placeholder p {
    font-size: 1.1rem;
}

/* Tech Specs Section */
.tech-specs {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 30px;
}

.spec-card {
    background: white;
    border-radius: 12px;
    padding: 30px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.03);
}

.spec-card h3 {
    font-size: 1.2rem;
    margin-bottom: 20px;
    color: #2c3e50;
    display: flex;
    align-items: center;
    gap: 10px;
}

.spec-card h3 i {
    color: #4A6BFF;
}

.spec-card ul {
    list-style: none;
    padding: 0;
}

.spec-card li {
    margin-bottom: 12px;
    color: #666;
}

.spec-card strong {
    color: #2c3e50;
}

/* Responsive Design */
@media (max-width: 1024px) {
    .hero-content h1 {
        font-size: 2.5rem;
    }
    
    .hero-image {
        opacity: 0.2;
    }
}

@media (max-width: 768px) {
    .product-hero {
        padding: 60px 0;
        text-align: center;
    }
    
    .hero-content {
        max-width: 100%;
    }
    
    .hero-badges {
        justify-content: center;
    }
    
    .hero-image {
        display: none;
    }
    
    .tab-buttons {
        flex-wrap: wrap;
    }
    
    .tab-btn {
        flex: auto;
        padding: 15px;
        font-size: 0.9rem;
    }
    
    .usage-video {
        height: 350px;
    }
}

@media (max-width: 480px) {
    .section-header h2 {
        font-size: 2rem;
    }
    
    .hero-content h1 {
        font-size: 2rem;
    }
    
    .hero-subtitle {
        font-size: 1.1rem;
    }
    
    .step {
        flex-direction: column;
        gap: 10px;
    }
    
    .usage-video {
        height: 250px;
    }
}
</style>

<script>
document.addEventListener('DOMContentLoaded', function() {
    // Tab functionality
    const tabBtns = document.querySelectorAll('.tab-btn');
    const tabContents = document.querySelectorAll('.tab-content');
    
    tabBtns.forEach(btn => {
        btn.addEventListener('click', () => {
            // Remove active class from all buttons and contents
            tabBtns.forEach(b => b.classList.remove('active'));
            tabContents.forEach(c => c.classList.remove('active'));
            
            // Add active class to clicked button and corresponding content
            btn.classList.add('active');
            const tabId = btn.getAttribute('data-tab');
            document.getElementById(tabId).classList.add('active');
        });
    });
    
    // Video placeholder click handler
    const videoPlaceholder = document.querySelector('.video-placeholder');
    if (videoPlaceholder) {
        videoPlaceholder.addEventListener('click', function() {
            // Replace with actual video player implementation
            alert('Video player would launch here');
        });
    }
});
</script><section class="faq-section">
    <div class="container">
        <div class="section-header">
            <h2>PDF Tools FAQs</h2>
            <p class="subtitle">Find answers to common questions about our PDF tools and services</p>
        </div>

        <div class="faq-container">
            <!-- FAQ Item 1 -->
            <div class="faq-item">
                <div class="faq-question">
                    <h3>Is my data secure when using your PDF tools?</h3>
                    <div class="faq-toggle">
                        <i class="fas fa-plus"></i>
                    </div>
                </div>
                <div class="faq-answer">
                    <p>Absolutely. All file processing occurs directly in your browser - your documents never leave your device. We use industry-standard 256-bit encryption and automatically clear all temporary data after processing.</p>
                </div>
            </div>

            <!-- FAQ Item 2 -->
            <div class="faq-item">
                <div class="faq-question">
                    <h3>What file formats can I convert to PDF?</h3>
                    <div class="faq-toggle">
                        <i class="fas fa-plus"></i>
                    </div>
                </div>
                <div class="faq-answer">
                    <p>Our toolkit supports conversion from Word (DOC/DOCX), Excel (XLS/XLSX), PowerPoint (PPT/PPTX), JPG, PNG, TIFF, BMP, and many more formats. We also support OCR conversion from scanned documents.</p>
                </div>
            </div>

            <!-- FAQ Item 3 -->
            <div class="faq-item">
                <div class="faq-question">
                    <h3>Is there a file size limit for PDF processing?</h3>
                    <div class="faq-toggle">
                        <i class="fas fa-plus"></i>
                    </div>
                </div>
                <div class="faq-answer">
                    <p>No. Unlike many online tools, we don't impose artificial file size limits. Performance depends on your device capabilities, but we've successfully processed 1,000+ page documents and files over 1GB in size.</p>
                </div>
            </div>

            <!-- FAQ Item 4 -->
            <div class="faq-item">
                <div class="faq-question">
                    <h3>Can I edit text in existing PDF files?</h3>
                    <div class="faq-toggle">
                        <i class="fas fa-plus"></i>
                    </div>
                </div>
                <div class="faq-answer">
                    <p>Yes, our advanced PDF editor allows text modification while preserving original formatting. For scanned documents, our OCR technology can extract editable text from images.</p>
                </div>
            </div>

            <!-- FAQ Item 5 -->
            <div class="faq-item">
                <div class="faq-question">
                    <h3>How do I add signatures to PDF documents?</h3>
                    <div class="faq-toggle">
                        <i class="fas fa-plus"></i>
                    </div>
                </div>
                <div class="faq-answer">
                    <p>Our e-signature tool offers three options: draw your signature with a mouse/touchscreen, upload a signature image, or type your name with stylized fonts. You can position and resize signatures anywhere on the document.</p>
                </div>
            </div>

            <!-- FAQ Item 6 -->
            <div class="faq-item">
                <div class="faq-question">
                    <h3>Are the processed PDFs compatible with all readers?</h3>
                    <div class="faq-toggle">
                        <i class="fas fa-plus"></i>
                    </div>
                </div>
                <div class="faq-answer">
                    <p>Yes. We output standard PDF 1.7 (ISO 32000-1) files that work with Adobe Acrobat, Preview, Chrome PDF viewer, and all other mainstream PDF readers. You can optionally choose PDF/A for archiving.</p>
                </div>
            </div>

            <!-- FAQ Item 7 -->
            <div class="faq-item">
                <div class="faq-question">
                    <h3>Can I merge multiple files into one PDF?</h3>
                    <div class="faq-toggle">
                        <i class="fas fa-plus"></i>
                    </div>
                </div>
                <div class="faq-answer">
                    <p>Absolutely. Our merger tool supports combining PDFs with other file types (like Word and Excel). You can rearrange pages, select specific pages from each file, and choose the output quality.</p>
                </div>
            </div>

            <!-- FAQ Item 8 -->
            <div class="faq-item">
                <div class="faq-question">
                    <h3>Do you store any of my documents after processing?</h3>
                    <div class="faq-toggle">
                        <i class="fas fa-plus"></i>
                    </div>
                </div>
                <div class="faq-answer">
                    <p>No. All processing happens in your browser, and we never store your files on our servers. For added security, we recommend refreshing the page after downloading your processed files to clear memory.</p>
                </div>
            </div>

            <!-- FAQ Item 9 -->
            <div class="faq-item">
                <div class="faq-question">
                    <h3>How can I compress PDFs without losing quality?</h3>
                    <div class="faq-toggle">
                        <i class="fas fa-plus"></i>
                    </div>
                </div>
                <div class="faq-answer">
                    <p>Our smart compression analyzes document content to apply optimal settings. For text documents, we use lossless compression. For images, you can choose quality levels and DPI settings to balance size and clarity.</p>
                </div>
            </div>

            <!-- FAQ Item 10 -->
            <div class="faq-item">
                <div class="faq-question">
                    <h3>Is there a mobile app version available?</h3>
                    <div class="faq-toggle">
                        <i class="fas fa-plus"></i>
                    </div>
                </div>
                <div class="faq-answer">
                    <p>Our web app works perfectly on all mobile browsers. For iOS and Android, you can add it to your home screen for app-like access. Native apps with offline functionality are coming soon.</p>
                </div>
            </div>
        </div>

        <div class="faq-cta">
            <p>Still have questions? <a href="/contact">Contact our support team</a> for personalized assistance.</p>
        </div>
    </div>
</section>

<style>
.faq-section {
    padding: 80px 0;
    background-color: #fff;
    position: relative;
}

.faq-section .container {
    max-width: 900px;
    margin: 0 auto;
    padding: 0 20px;
}

.section-header {
    text-align: center;
    margin-bottom: 50px;
}

.section-header h2 {
    font-size: 2.5rem;
    color: #2c3e50;
    margin-bottom: 15px;
    font-weight: 700;
}

.section-header .subtitle {
    color: #7f8c8d;
    font-size: 1.1rem;
    max-width: 600px;
    margin: 0 auto;
    line-height: 1.6;
}

.faq-container {
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.faq-item {
    background: white;
    border-radius: 10px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);
    overflow: hidden;
    transition: all 0.3s ease;
    border: 1px solid #e0e6ff;
}

.faq-item:hover {
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.1);
}

.faq-question {
    padding: 25px 30px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    cursor: pointer;
    transition: all 0.3s ease;
}

.faq-question h3 {
    font-size: 1.2rem;
    color: #2c3e50;
    margin: 0;
    font-weight: 600;
    transition: all 0.3s ease;
}

.faq-question:hover h3 {
    color: #4a6bff;
}

.faq-toggle {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background-color: #f5f7ff;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.3s ease;
}

.faq-toggle i {
    color: #4a6bff;
    font-size: 0.9rem;
    transition: all 0.3s ease;
}

.faq-answer {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.5s ease, padding 0.3s ease;
}

.faq-answer p {
    color: #666;
    line-height: 1.8;
    padding: 0 30px;
    margin: 0;
}

/* Active state */
.faq-item.active .faq-question {
    background-color: #f5f7ff;
}

.faq-item.active .faq-toggle {
    background-color: #4a6bff;
    transform: rotate(45deg);
}

.faq-item.active .faq-toggle i {
    color: white;
}

.faq-item.active .faq-answer {
    max-height: 500px;
    padding: 0 30px 25px 30px;
}

.faq-cta {
    text-align: center;
    margin-top: 50px;
    color: #7f8c8d;
}

.faq-cta a {
    color: #4a6bff;
    text-decoration: none;
    font-weight: 500;
    transition: all 0.3s ease;
}

.faq-cta a:hover {
    color: #2c3e50;
    text-decoration: underline;
}

/* Responsive Design */
@media (max-width: 768px) {
    .faq-section {
        padding: 60px 0;
    }
    
    .section-header h2 {
        font-size: 2rem;
    }
    
    .faq-question {
        padding: 20px;
    }
    
    .faq-question h3 {
        font-size: 1.1rem;
    }
    
    .faq-answer p {
        padding: 0 20px;
    }
    
    .faq-item.active .faq-answer {
        padding: 0 20px 20px 20px;
    }
}

@media (max-width: 480px) {
    .section-header h2 {
        font-size: 1.8rem;
    }
    
    .section-header .subtitle {
        font-size: 1rem;
    }
}
</style>

<script>
document.addEventListener('DOMContentLoaded', function() {
    const faqItems = document.querySelectorAll('.faq-item');
    
    faqItems.forEach(item => {
        const question = item.querySelector('.faq-question');
        
        question.addEventListener('click', () => {
            // Close all other items
            faqItems.forEach(otherItem => {
                if (otherItem !== item && otherItem.classList.contains('active')) {
                    otherItem.classList.remove('active');
                }
            });
            
            // Toggle current item
            item.classList.toggle('active');
        });
    });
    
    // Optional: Open first item by default
    // faqItems[0].classList.add('active');
});
</script><section class="platforms-section">
    <div class="container">
        <div class="section-header2">
            <h2>Available On All Your Devices</h2>
            <p class="subtitle">Access our PDF toolkit seamlessly across all platforms and devices</p>
        </div>

        <div class="platforms-grid">
            <!-- Android -->
            <div class="platform-card android">
                <div class="platform-icon">
                    <i class="fab fa-android"></i>
                </div>
                <div class="platform-content">
                    <h3>Android</h3>
                    <p>Full mobile functionality with optimized touch controls</p>
                    <div class="platform-badges">
                        <span class="version">Requires Android 9+</span>
                        <a href="#" class="download-btn">
                            <i class="fab fa-google-play"></i>
                            <span>Play Store</span>
                        </a>
                    </div>
                </div>
                <div class="device-mockup">
                    <img src="https://cdn.jsdelivr.net/gh/devicons/devicon/icons/android/android-original.svg" alt="Android" class="platform-logo">
                </div>
            </div>

            <!-- iOS -->
            <div class="platform-card ios">
                <div class="platform-icon">
                    <i class="fab fa-apple"></i>
                </div>
                <div class="platform-content">
                    <h3>iPhone & iPad</h3>
                    <p>Native iOS experience with iCloud integration</p>
                    <div class="platform-badges">
                        <span class="version">iOS 14+</span>
                        <a href="#" class="download-btn">
                            <i class="fab fa-app-store"></i>
                            <span>App Store</span>
                        </a>
                    </div>
                </div>
                <div class="device-mockup">
                    <img src="https://cdn.jsdelivr.net/gh/devicons/devicon/icons/apple/apple-original.svg" alt="iOS" class="platform-logo">
                </div>
            </div>

            <!-- Windows -->
            <div class="platform-card windows">
                <div class="platform-icon">
                    <i class="fab fa-windows"></i>
                </div>
                <div class="platform-content">
                    <h3>Windows</h3>
                    <p>Desktop application with system tray integration</p>
                    <div class="platform-badges">
                        <span class="version">Windows 10/11</span>
                        <a href="#" class="download-btn">
                            <i class="fas fa-download"></i>
                            <span>Download</span>
                        </a>
                    </div>
                </div>
                <div class="device-mockup">
                    <img src="https://cdn.jsdelivr.net/gh/devicons/devicon/icons/windows8/windows8-original.svg" alt="Windows" class="platform-logo">
                </div>
            </div>

            <!-- macOS -->
            <div class="platform-card macos">
                <div class="platform-icon">
                    <i class="fab fa-apple"></i>
                </div>
                <div class="platform-content">
                    <h3>macOS</h3>
                    <p>Native Mac application with Touch Bar support</p>
                    <div class="platform-badges">
                        <span class="version">macOS 11+</span>
                        <a href="#" class="download-btn">
                            <i class="fas fa-download"></i>
                            <span>Download</span>
                        </a>
                    </div>
                </div>
                <div class="device-mockup">
                    <img src="https://cdn.jsdelivr.net/gh/devicons/devicon/icons/apple/apple-original.svg" alt="macOS" class="platform-logo">
                </div>
            </div>
        </div>

        <div class="web-option">
            <p>Prefer to use online? <a href="/web-version">Access our web version</a> that works on any modern browser</p>
        </div>
    </div>
</section>

<style>
.platforms-section {
    padding: 80px 0;
    background: linear-gradient(135deg, #B22222 0%, #800000 100%);
    position: relative;
    overflow: hidden;
}

.platforms-section .container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 20px;
    position: relative;
    z-index: 2;
}

.section-header2 {
    text-align: center;
    margin-bottom: 60px;
}

.section-header2 h2 {
    font-size: 2.5rem;
    color: #fff;
    margin-bottom: 15px;
    font-weight: 700;
}

.section-header2 .subtitle {
    color: #fff;
    font-size: 1.1rem;
    max-width: 600px;
    margin: 0 auto;
    line-height: 1.6;
}

.platforms-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: 25px;
    margin-top: 40px;
}

.platform-card {
    background: white;
    border-radius: 15px;
    padding: 30px;
    display: flex;
    flex-direction: column;
    position: relative;
    overflow: hidden;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05);
    transition: all 0.4s ease;
    border: 1px solid rgba(0, 0, 0, 0.05);
}

.platform-card:hover {
    transform: translateY(-10px);
    box-shadow: 0 15px 40px rgba(0, 0, 0, 0.1);
}

.platform-icon {
    font-size: 2.5rem;
    margin-bottom: 20px;
    width: 60px;
    height: 60px;
    border-radius: 15px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.platform-card.android .platform-icon {
    background: rgba(121, 206, 121, 0.1);
    color: #3ddc84;
}

.platform-card.ios .platform-icon {
    background: rgba(160, 160, 160, 0.1);
    color: #999;
}

.platform-card.windows .platform-icon {
    background: rgba(0, 173, 239, 0.1);
    color: #00adef;
}

.platform-card.macos .platform-icon {
    background: rgba(160, 160, 160, 0.1);
    color: #999;
}

.platform-content {
    flex: 1;
}

.platform-content h3 {
    font-size: 1.4rem;
    color: #2c3e50;
    margin-bottom: 10px;
    font-weight: 600;
}

.platform-content p {
    color: #7f8c8d;
    line-height: 1.6;
    margin-bottom: 25px;
    font-size: 0.95rem;
}

.platform-badges {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: auto;
}

.version {
    font-size: 0.8rem;
    color: #95a5a6;
    font-weight: 500;
}

.download-btn {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 8px 15px;
    border-radius: 8px;
    font-weight: 500;
    font-size: 0.9rem;
    text-decoration: none;
    transition: all 0.3s ease;
}

.platform-card.android .download-btn {
    background: #3ddc84;
    color: white;
}

.platform-card.ios .download-btn {
    background: #0071e3;
    color: white;
}

.platform-card.windows .download-btn {
    background: #00adef;
    color: white;
}

.platform-card.macos .download-btn {
    background: #0071e3;
    color: white;
}

.download-btn:hover {
    transform: translateY(-2px);
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
}

.device-mockup {
    position: absolute;
    right: 20px;
    bottom: 20px;
    opacity: 0.1;
    transition: all 0.4s ease;
    width: 100px;
    height: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.platform-card:hover .device-mockup {
    opacity: 0.2;
    transform: scale(1.1);
}

.platform-logo {
    width: 60px;
    height: 60px;
    object-fit: contain;
}

.web-option {
    text-align: center;
    margin-top: 50px;
    color: #fff;
    font-size: 0.95rem;
}

.web-option a {
    color: #B5D5FF;
    text-decoration: none;
    font-weight: 500;
    transition: all 0.3s ease;
}

.web-option a:hover {
    color: #2c3e50;
    text-decoration: underline;
}

/* Responsive Design */
@media (max-width: 1024px) {
    .platforms-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 768px) {
    .platforms-section {
        padding: 60px 0;
    }
    
    .section-header h2 {
        font-size: 2rem;
    }
    
    .platform-card {
        padding: 25px;
    }
}

@media (max-width: 480px) {
    .platforms-grid {
        grid-template-columns: 1fr;
    }
    
    .section-header h2 {
        font-size: 1.8rem;
    }
    
    .section-header .subtitle {
        font-size: 1rem;
    }
    
    .platform-badges {
        flex-direction: column;
        align-items: flex-start;
        gap: 10px;
    }
    
    .download-btn {
        width: 100%;
        justify-content: center;
    }
}
</style><div class="animated-gradient-bar">
  <div class="container">
    <div class="tagline-wrapper">
      <p class="tagline line1">All-in-one PDF & Document Tools — Fast, Secure & Free</p>
      <p class="tagline line2">Convert, Merge, Compress, Sign & Protect Files Online</p>
      <p class="tagline line3">100% Browser-Based — No Installation, No Registration</p>
    </div>
  </div>
</div>
<style>
.animated-gradient-bar {
  background: linear-gradient(90deg, #369BA8, #3DDC84, #FA1A2C);
  background-size: 200% 200%;
  animation: GradientAnimation 8s ease infinite;
  padding: 12px 0;
  color: white;
  text-align: center;
  box-shadow: 0 4px 12px rgba(0,0,0,0.1);
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  overflow: hidden;
}

.tagline-wrapper {
  position: relative;
  height: 1.8em;
}

.tagline {
  position: absolute;
  width: 100%;
  left: 0;
  top: 0;
  opacity: 0;
  animation: fadeText 9s linear infinite;
  font-size: 1.1rem;
  font-weight: 600;
  margin: 0;
  transition: opacity 0.3s ease;
}

.tagline.line1 {
  color: #ffffff;
  animation-delay: 0s;
}

.tagline.line2 {
  color: #fff;
  animation-delay: 3s;
}

.tagline.line3 {
  color: #fff;
  animation-delay: 6s;
}

@keyframes fadeText {
  0%   { opacity: 0; }
  5%   { opacity: 1; }
  30%  { opacity: 1; }
  35%  { opacity: 0; }
  100% { opacity: 0; }
}

@keyframes GradientAnimation {
  0% { background-position: 0% 50%; }
  50% { background-position: 100% 50%; }
  100% { background-position: 0% 50%; }
}

@media (max-width: 768px) {
  .tagline {
    font-size: 1rem;
  }
}
</style>
<footer>
    <div class="container">
        <!-- Centered Logo -->
        <div class="footer-logo-container">
            <div class="footer-brand">
                <div class="footer-logo">
                    <svg width="32px" height="32px" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><g id="SVGRepo_bgCarrier" stroke-width="0"></g><g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"></g><g id="SVGRepo_iconCarrier"> <g id="style=bulk"> <g id="heart"> <path id="vector (Stroke)" fill-rule="evenodd" clip-rule="evenodd" d="M1.25 8.6901C1.25 5.18939 4.07229 2.3501 7.56 2.3501C9.29674 2.3501 10.8646 3.05608 12.0003 4.19481C13.1385 3.05574 14.7122 2.3501 16.44 2.3501C19.9277 2.3501 22.75 5.18939 22.75 8.6901C22.75 12.4396 21.0107 15.4002 18.9342 17.5277C16.8683 19.6444 14.4235 20.9862 12.8657 21.5187C12.5914 21.6148 12.2773 21.6501 12 21.6501C11.7227 21.6501 11.4086 21.6148 11.1343 21.5187C9.57655 20.9862 7.13169 19.6444 5.06577 17.5277C2.98932 15.4002 1.25 12.4396 1.25 8.6901Z" fill="#E5322D"></path> <path id="vector (Stroke)_2" fill-rule="evenodd" clip-rule="evenodd" d="M19.7245 10.2553C20.1197 10.3793 20.3396 10.8002 20.2156 11.1954C19.3678 13.8974 17.6284 16.0256 15.8181 17.5708C15.5031 17.8397 15.0297 17.8023 14.7607 17.4872C14.4918 17.1722 14.5292 16.6988 14.8443 16.4299C16.5095 15.0085 18.0447 13.1038 18.7844 10.7464C18.9084 10.3512 19.3293 10.1313 19.7245 10.2553Z" fill="#fff"></path> </g> </g> </g></svg>
                    <span>PDF<span class="logo-highlight"> Tools</span></span>
                </div>
                <p class="footer-tagline">One Platform for Every Document Need</p>
            </div>
        </div>

        <!-- Centered Social Icons -->
        <div class="footer-social-container">
            <div class="footer-social">
                <a href="#" class="social-icon" aria-label="Twitter"><i class="fab fa-twitter"></i></a>
                <a href="#" class="social-icon" aria-label="Facebook"><i class="fab fa-facebook-f"></i></a>
                <a href="#" class="social-icon" aria-label="Instagram"><i class="fab fa-instagram"></i></a>
                <a href="#" class="social-icon" aria-label="LinkedIn"><i class="fab fa-linkedin-in"></i></a>
                <a href="#" class="social-icon" aria-label="YouTube"><i class="fab fa-youtube"></i></a>
            </div>
        </div>

      

        <!-- Bottom Row -->
        <div class="footer-bottom">
            <div class="footer-links">
                <a href="/privacy" class="footer-link">Privacy Policy</a>
                <a href="/terms" class="footer-link">Terms of Service</a>
                <a href="/contact" class="footer-link">Contact</a>
                <a href="/about" class="footer-link">About</a>
                <a href="/dmca" class="footer-link">DMCA</a>
            </div>
            <div class="copyright">
                <a href="https://codesterra.com">&copy; <span id="current-year">2026</span> I Love PDF</a>. All rights reserved.
            </div>
        </div>
    </div>
</footer>

<style>
    footer {
        background-color: var(--card-bg);
        padding: 60px 0 20px;
        border-top: 1px solid var(--border-color);
        color: var(--secondary-text);
    }
    .container {max-width:1200px;margin:0 auto;padding:0 20px;}
    .footer-logo-container {display:flex;justify-content:center;margin-bottom:30px;}
    .footer-brand {text-align:center;max-width:600px;}
    .footer-logo {display:flex;align-items:center;justify-content:center;gap:10px;font-size:1.8rem;font-weight:700;color:var(--text-color);margin-bottom:10px;}
    .logo-highlight {color:#B22222;margin-left:4px;}
    .footer-tagline {font-size:1rem;margin:0;opacity:0.8;}
    .footer-social-container {display:flex;justify-content:center;margin-bottom:30px;}
    .footer-social {display:flex;gap:15px;}
    .social-icon {width:50px;height:50px;border-radius:50%;background-color:var(--bg-color);color:#1E90FF;display:flex;align-items:center;justify-content:center;transition:all 0.3s ease;border:3px solid #1E90FF;text-decoration:none;}
    .social-icon:hover {background-color:var(--primary-color);color:white;transform:translateY(-3px);box-shadow:0 5px 15px rgba(74,107,255,0.3);}
    .footer-language-container {display:flex;justify-content:center;margin-bottom:40px;}
    .footer-language {width:100%;display:flex;justify-content:center;}
    .gtranslate_wrapper {width:auto !important;}
    /* hide flags */
    .gtranslate_wrapper img {display:none !important;}
    /* clean dropdown style */
    .gtranslate_wrapper select {
        padding:8px 15px;
        border:0px solid var(--border-color);
        border-radius:0px;
        font-size:18px;
        background:#fff;
        color:#860102;
        cursor:pointer;
        font-weight:bold;
        width:51%;
    }
    .footer-bottom {display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;padding-top:30px;border-top:1px solid var(--border-color);}
    .footer-links {display:flex;flex-wrap:wrap;gap:20px;}
    .footer-link {color:var(--secondary-text);text-decoration:none;font-size:0.95rem;transition:color 0.3s;}
    .footer-link:hover {color:var(--primary-color);}
    .copyright {font-size:0.9rem;opacity:0.8;}
    .copyright a {color:var(--text-color);text-decoration:none;transition:color 0.3s;}
    .copyright a:hover {color:var(--primary-color);}
    @media(max-width:768px){
        .footer-bottom{flex-direction:column;gap:20px;text-align:center;}
        .footer-links{justify-content:center;}
        .footer-logo{font-size:1.5rem;}
        .footer-language-container{margin-bottom:30px;}
    }
</style>

<script>
    // auto year
    document.getElementById("current-year").textContent = new Date().getFullYear();
</script>

<script>
    window.gtranslateSettings = {
        default_language: "en",
        wrapper_selector: ".gtranslate_wrapper",
        switcher_horizontal_position: "center",
        switcher_vertical_position: "top",
        flag_size: 0,          // disable flags
        switcher_text: true    // show text dropdown only
    };
</script>
<script src="https://cdn.gtranslate.net/widgets/latest/fd.js" defer></script>
<!-- Back to Top Button -->
<button id="backToTop" title="Back to Top">↑</button>
<style>
#backToTop {
  position: fixed;
  bottom: 30px;
  right: 30px;
  width: 45px;
  height: 45px;
  font-size: 22px;
  background-color: #F91A2D;
  color: #fff;
  border: none;
  border-radius: 50%;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.25);
  cursor: pointer;
  z-index: 9999;
  display: none;
  transition: all 0.3s ease;
}

#backToTop:hover {
  background-color: #005ec4;
  transform: scale(1.1);
}
</style>
<script>
// Show/hide Back to Top button on scroll
window.addEventListener("scroll", function () {
    const btn = document.getElementById("backToTop");
    btn.style.display = window.scrollY > 300 ? "block" : "none";
});

// Scroll smoothly to top on click
document.getElementById("backToTop").addEventListener("click", function () {
    window.scrollTo({ top: 0, behavior: "smooth" });
});
</script>

<script>
     // Theme toggle functionality
        const themeToggle = document.getElementById('themeToggle');
        const icon = themeToggle.querySelector('i');
        
        // Check for saved theme preference or use preferred color scheme
        const savedTheme = localStorage.getItem('theme') || 
                           (window.matchMedia('(prefers-color-scheme: dark)').matches ? 'dark' : 'light');
        
        // Apply the saved theme
        if (savedTheme === 'dark') {
            document.body.classList.add('dark-mode');
            icon.classList.remove('fa-moon');
            icon.classList.add('fa-sun');
        }
        
        themeToggle.addEventListener('click', () => {
            document.body.classList.toggle('dark-mode');
            
            if (document.body.classList.contains('dark-mode')) {
                icon.classList.remove('fa-moon');
                icon.classList.add('fa-sun');
                localStorage.setItem('theme', 'dark');
            } else {
                icon.classList.remove('fa-sun');
                icon.classList.add('fa-moon');
                localStorage.setItem('theme', 'light');
            }
        });

</script>


</body></html>