<!-- 
//................................................................................................................
//.HHHHHHHH...........HHHHHHHHH..............................elllllll.....llllllll................................
//.HHHHHHHH...........HHHHHHHHH..............................elllllll.....llllllll................................
//.HHHHHHHH...........HHHHHHHHH..............................elllllll.....llllllll................................
//.HHHHHHHH...........HHHHHHHHH..............................elllllll.....llllllll................................
//.HHHHHHHH...........HHHHHHHHH..............................elllllll.....llllllll................................
//.HHHHHHHH...........HHHHHHHHH..............................elllllll.....llllllll................................
//.HHHHHHHH...........HHHHHHHHH..............................elllllll.....llllllll................................
//.HHHHHHHH...........HHHHHHHHH..............................elllllll.....llllllll................................
//.HHHHHHHH...........HHHHHHHHH..........eeeeeeeeee..........elllllll.....llllllll...........ooooooooooo..........
//.HHHHHHHH...........HHHHHHHHH........eeeeeeeeeeeeee........elllllll.....llllllll.........ooooooooooooooo........
//.HHHHHHHH...........HHHHHHHHH.......eeeeeeeeeeeeeeee.......elllllll.....llllllll.......oooooooooooooooooo.......
//.HHHHHHHH...........HHHHHHHHH......eeeeeeeeeeeeeeeeee......elllllll.....llllllll......oooooooooooooooooooo......
//.HHHHHHHHHHHHHHHHHHHHHHHHHHHH.....Heeeeeeeeeeeeeeeeeee.....elllllll.....llllllll......ooooooooooooooooooooo.....
//.HHHHHHHHHHHHHHHHHHHHHHHHHHHH....HHeeeeeeeeeeeeeeeeeeee....elllllll.....llllllll.....looooooooooooooooooooo.....
//.HHHHHHHHHHHHHHHHHHHHHHHHHHHH....HHeeeeeeeeeeeeeeeeeeee....elllllll.....llllllll.....loooooooooooooooooooooo....
//.HHHHHHHHHHHHHHHHHHHHHHHHHHHH...HHHeeeeeee....eeeeeeeee....elllllll.....llllllll....lloooooooo....ooooooooooo...
//.HHHHHHHHHHHHHHHHHHHHHHHHHHHH...HHHeeeeee......eeeeeeeee...elllllll.....llllllll....llooooooo.......ooooooooo...
//.HHHHHHHHHHHHHHHHHHHHHHHHHHHH...HHHeeeee........eeeeeeee...elllllll.....llllllll....lloooooo........ooooooooo...
//.HHHHHHHHHHHHHHHHHHHHHHHHHHHH...HHHeeeeeeeeeeeeeeeeeeeee...elllllll.....llllllll...llloooooo.........oooooooo...
//.HHHHHHHHHHHHHHHHHHHHHHHHHHHH...HHHeeeeeeeeeeeeeeeeeeeee...elllllll.....llllllll...lllooooo..........oooooooo...
//.HHHHHHHH...........HHHHHHHHH...HHHeeeeeeeeeeeeeeeeeeeee...elllllll.....llllllll...lllooooo..........oooooooo...
//.HHHHHHHH...........HHHHHHHHH...HHHeeeeeeeeeeeeeeeeeeeee...elllllll.....llllllll...lllooooo..........ooooooooo..
//.HHHHHHHH...........HHHHHHHHH...HHHeeeeeeeeeeeeeeeeeeeee...elllllll.....llllllll...lllooooo..........oooooooo...
//.HHHHHHHH...........HHHHHHHHH...HHHeeeeeeeeeeeeeeeeeeeee...elllllll.....llllllll...lllooooo..........oooooooo...
//.HHHHHHHH...........HHHHHHHHH...HHHeeeee...................elllllll.....llllllll...llloooooo.........oooooooo...
//.HHHHHHHH...........HHHHHHHHH...HHHeeeee...................elllllll.....llllllll...llloooooo........ooooooooo...
//.HHHHHHHH...........HHHHHHHHH...HHHeeeeee......eeeeeeeee...elllllll.....llllllll....llooooooo.......ooooooooo...
//.HHHHHHHH...........HHHHHHHHH...HHHeeeeeee.....eeeeeeeee...elllllll.....llllllll....lloooooooo.....oooooooooo...
//.HHHHHHHH...........HHHHHHHHH....HHeeeeeeeeeeeeeeeeeeeee...elllllll.....llllllll....lloooooooooooooooooooooo....
//.HHHHHHHH...........HHHHHHHHH....HHeeeeeeeeeeeeeeeeeeee....elllllll.....llllllll.....looooooooooooooooooooo.....
//.HHHHHHHH...........HHHHHHHHH.....Heeeeeeeeeeeeeeeeeee.....elllllll.....llllllll......ooooooooooooooooooooo.....
//.HHHHHHHH...........HHHHHHHHH.....Heeeeeeeeeeeeeeeeeee.....elllllll.....llllllll......oooooooooooooooooooo......
//.HHHHHHHH...........HHHHHHHHH.......eeeeeeeeeeeeeeeee......elllllll.....llllllll.......oooooooooooooooooo.......
//.HHHHHHHH...........HHHHHHHHH........eeeeeeeeeeeeee........elllllll.....llllllll........oooooooooooooooo........
//.......................................eeeeeeeeee.........................................oooooooooooo..........
//................................................................................................................ 

Programming is your passion? Ping us when you’re ready for some digital banter.

-->
<!doctype html>
<html lang="bg">

<head>
    <meta charset="utf-8">
    <title> Проекти | FirePro</title>
    <meta name="description" content="">
    <meta name="keywords" content="">
    <meta name="robots"
        content="index, follow, max-snippet:-1, max-video-preview:-1, max-image-preview:large" />

    <meta name="viewport" content="width=device-width, initial-scale=1">
        <link rel="canonical" href="https://www.firepro.bg/bg/projects" />
    <link rel="apple-touch-icon" sizes="180x180" href="https://www.firepro.bg/assets/favs/favicon.ico">
    <link rel="icon" type="image/png" sizes="32x32" href="https://www.firepro.bg/assets/favs/favicon.ico">
    <link rel="icon" type="image/png" sizes="16x16" href="https://www.firepro.bg/assets/favs/favicon.ico">
    <link rel="icon" href="https://www.firepro.bg/assets/favs/favicon.ico">
    <link rel="manifest" href="https://www.firepro.bg/assets/favs/site.webmanifest">

   <meta name="msapplication-TileColor" content="#da532c">
    <meta name="theme-color" content="#ffffff">


    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    <link href="https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap" rel="stylesheet">
    
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/Swiper/11.0.5/swiper-bundle.min.css"
        integrity="sha512-rd0qOHVMOcez6pLWPVFIv7EfSdGKLt+eafXh4RO/12Fgr41hDQxfGvoi1Vy55QIVcQEujUE1LQrATCLl2Fs+ag=="
        crossorigin="anonymous" referrerpolicy="no-referrer" />
    <link rel="stylesheet" href="https://www.firepro.bg/src/style.css">
    <script src="https://cdn.tailwindcss.com"></script>
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/7.0.1/css/all.min.css"/>
<script type="text/javascript" charset="UTF-8" src="//cdn.cookie-script.com/s/f59663fd52fff74726838b70245f048d.js"></script>
    <script>
        tailwind.config = {
            theme: {
                extend: {
                    colors: {
                        black: '#000',
                        white: '#fff',
                        triadblue: 'rgba(40, 68, 100, 1)',
                        blue: 'rgba(1, 51, 102, 1)',
                        lightgrey: '#F7F7F7',
                        lightbg: '#F2F4F6',
                        bluegrey: 'rgba(230, 234, 238, 1)',
                        red: 'rgba(215, 40, 47, 1)',
                    },

                    container: {
                        center: true,
                        padding: '10px',
                        screens: {
                            sm: '320px',
                            md: '576px',
                            lg: '768px',
                            xl: '1200px',
                            '2xl': '1400px',
                        },
                    },

                    padding: {
                        '15': '15px',
                        '20': '20px',
                        '30': '30px',
                        '35': '35px',
                        '50': '50px',
                        '80': '80px',
                    },

                    margin: {
                        '5': '5px',
                        '20': '20px',
                        '30': '30px',
                        '80': '80px',
                    },

                    screens: {
                        sm: '320px',
                        md: '576px',
                        lg: '992px',
                        xl: '1200px',
                        '2xl': '1400px',
                    },

                    //   fontSize: {
                    //   base: ['16px', '24px'],
                    // },

                }
            }
        }
    </script>


    <script>
        const base_url = 'https://www.firepro.bg/';
        const lang = 'bg';
        var protectinfo = 1;
/*         if (protectinfo == 1) {
            document.addEventListener('contextmenu', event => {
                event.preventDefault();
            });
            document.addEventListener('copy', event => {
                event.preventDefault();
            });
            document.addEventListener('paste', event => {
                event.preventDefault();
            });
            document.addEventListener('selectstart', event => {
                event.preventDefault();
            });
        } */
    </script>

<!-- <script type="text/javascript" charset="UTF-8" src="//cdn.cookie-script.com/s/648923d55477b2522f65f9c2e7096152.js"></script> -->
</head>

<body
    class=" ">


    <header class="fixed top-[0] left-[0] w-[100%] px-[10px] z-[1000]">
    <span id="tw-lg-probe" class="hidden xl:inline"></span>
    <div class="max-w-[1280px] w-full mx-auto">
        <div class="flex items-center gap-[15px]">
            <span class="block text-black mb-[8px] font-normal text-[12px]">
                Пожарна техника ООД            </span>

            <span class="block text-black mb-[8px] font-normal text-[12px]">
                Сертифициран представител за България            </span>
        </div>
        <div
            class="header-menu-wrapper py-[12px] px-[10px] flex items-center justify-between gap-[10px] backdrop-blur-[30px] rounded-t-[8px]">
            <a class="flex w-[109px] h-[25px]" href="https://www.firepro.bg/bg/" class="header-logo">
                <svg width="109" height="25" viewBox="0 0 109 25" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <g clip-path="url(#clip0_191_997)">
                        <path d="M20.1405 7.82323H15.3779V24.5081H20.1405V7.82323Z" fill="#D7282F" />
                        <path d="M20.1405 0.0312309H15.3779V4.68848H20.1405V0.0312309Z" fill="#D7282F" />
                        <path d="M109 19.8545H104.241V24.5078H109V19.8545Z" fill="#D7282F" />
                        <mask id="mask0_191_997" style="mask-type:luminance" maskUnits="userSpaceOnUse" x="0" y="0"
                            width="109" height="25">
                            <path d="M109 0H0V25H109V0Z" fill="white" />
                        </mask>
                        <g mask="url(#mask0_191_997)">
                            <path
                                d="M33.3223 11.7583C33.3223 11.7583 32.6357 11.6802 32.2564 11.6802C31.458 11.6802 30.8033 11.809 30.2923 12.0667C29.7813 12.3282 29.3741 12.6874 29.0747 13.1441C28.7753 13.6009 28.5677 14.1357 28.444 14.7564C28.3202 15.3732 28.2603 16.0329 28.2603 16.7278V24.512H23.6016V7.87008H28.2603V10.2436H28.3601C28.8711 9.33401 29.5458 8.66646 30.3881 8.24094C31.2344 7.81933 32.2085 7.60462 33.3183 7.60462V11.7544L33.3223 11.7583Z"
                                fill="#D7282F" />
                            <path
                                d="M83.3349 11.7583C83.3349 11.7583 82.6483 11.6802 82.269 11.6802C81.4706 11.6802 80.8159 11.809 80.3049 12.0667C79.7979 12.3282 79.3907 12.6874 79.0913 13.1441C78.7919 13.6009 78.5843 14.1357 78.4606 14.7564C78.3368 15.3732 78.2769 16.0329 78.2769 16.7278V24.512H73.6182V7.87008H78.2769V10.2436H78.3767C78.8877 9.33401 79.5624 8.66646 80.4047 8.24094C81.251 7.81933 82.2251 7.60462 83.3349 7.60462V11.7544V11.7583Z"
                                fill="#D7282F" />
                            <path
                                d="M72.0061 7.5851C72.0061 8.95144 71.7706 10.1382 71.3075 11.1337C70.8404 12.133 70.1857 12.945 69.3434 13.5735C68.5649 14.206 67.6228 14.6705 66.513 14.975C65.3992 15.2795 64.1696 15.4318 62.8203 15.4318H60.457V24.512H55.3271V0.0312309H62.9161C64.1577 0.0312309 65.3193 0.179576 66.3932 0.472361C67.4711 0.765147 68.4092 1.20237 69.2037 1.78795C70.0699 2.41646 70.7526 3.21674 71.2556 4.18098C71.7506 5.14913 72.0021 6.28123 72.0021 7.5812M66.6407 7.5812C66.6407 6.99563 66.501 6.4569 66.2256 5.95721C65.9461 5.45753 65.5868 5.06715 65.1437 4.78607C64.6567 4.48157 64.1377 4.2981 63.5948 4.23173C63.0518 4.16537 62.481 4.13023 61.8822 4.13023H60.453V11.2625H61.8183C62.5289 11.2625 63.1516 11.2196 63.6986 11.1298C64.2415 11.0439 64.7684 10.8136 65.2794 10.4466C66.1896 9.8376 66.6447 8.88117 66.6447 7.5812"
                                fill="#D7282F" />
                            <path
                                d="M102.173 16.3218C102.173 17.5945 101.938 18.7656 101.459 19.8235C100.98 20.8854 100.329 21.8028 99.4947 22.5718C98.6604 23.3409 97.6863 23.9382 96.5685 24.3637C95.4468 24.7853 94.2531 25 92.9876 25C91.7221 25 90.5365 24.7892 89.4267 24.3637C88.3129 23.9382 87.3468 23.3409 86.5125 22.5718C85.6781 21.8028 85.0194 20.8854 84.5324 19.8235C84.0454 18.7656 83.7979 17.5945 83.7979 16.3218C83.7979 15.0492 84.0454 13.878 84.5324 12.8045C85.0194 11.7309 85.6821 10.8096 86.5125 10.0367C87.3468 9.26764 88.3129 8.67036 89.4267 8.24485C90.5365 7.81933 91.7221 7.60852 92.9876 7.60852C94.2531 7.60852 95.4468 7.81933 96.5685 8.24485C97.6863 8.66646 98.6644 9.26374 99.4947 10.0367C100.329 10.8096 100.98 11.7309 101.459 12.8045C101.938 13.8741 102.173 15.0492 102.173 16.3218ZM97.4149 16.3218C97.4149 15.6738 97.3071 15.0765 97.0835 14.53C96.864 13.9795 96.5526 13.4955 96.1574 13.0739C95.7621 12.6522 95.2951 12.3165 94.7521 12.0862C94.2132 11.852 93.6264 11.7349 92.9836 11.7349C92.3409 11.7349 91.79 11.852 91.2511 12.0862C90.7121 12.3165 90.2451 12.6522 89.8459 13.0739C89.4506 13.4955 89.1353 13.9834 88.9037 14.53C88.6722 15.0765 88.5564 15.6738 88.5564 16.3218C88.5564 16.9699 88.6722 17.5398 88.9037 18.0981C89.1353 18.6563 89.4467 19.1404 89.8459 19.5542C90.2451 19.968 90.7121 20.292 91.2511 20.5262C91.794 20.7566 92.3689 20.8776 92.9836 20.8776C93.5984 20.8776 94.2132 20.7605 94.7521 20.5262C95.2951 20.292 95.7581 19.968 96.1574 19.5542C96.5526 19.1404 96.864 18.6563 97.0835 18.0981C97.3071 17.5437 97.4149 16.9503 97.4149 16.3218Z"
                                fill="#D7282F" />
                        </g>
                        <path d="M0 0V24.3871H5.10588V13.8819H11.9084V9.59947H5.10588V4.63773H12.1719V0H0Z"
                            fill="#D7282F" />
                        <mask id="mask1_191_997" style="mask-type:luminance" maskUnits="userSpaceOnUse" x="0" y="0"
                            width="109" height="25">
                            <path d="M109 0H0V25H109V0Z" fill="white" />
                        </mask>
                        <g mask="url(#mask1_191_997)">
                            <path
                                d="M51.3342 19.5698C50.8232 21.3148 49.8412 22.6538 48.388 23.5907C46.9349 24.5276 45.1624 25 43.0786 25C41.7252 25 40.4757 24.7853 39.33 24.3637C38.1843 23.9421 37.2062 23.3409 36.3878 22.5718C35.5734 21.8028 34.9347 20.8893 34.4796 19.8275C34.0205 18.7656 33.793 17.5984 33.793 16.3218C33.793 15.0453 34.0205 13.878 34.4796 12.8045C34.9347 11.7309 35.5694 10.8096 36.3719 10.0367C37.1783 9.26764 38.1284 8.67036 39.2302 8.24485C40.332 7.82323 41.5256 7.60852 42.8111 7.60852C44.0965 7.60852 45.2902 7.81933 46.388 8.24485C47.4898 8.66646 48.436 9.26374 49.2344 10.0211C50.0328 10.7784 50.6595 11.6919 51.1146 12.7537C51.5697 13.8156 51.7973 14.9828 51.7973 16.2555C51.7973 16.435 51.7973 17.0909 51.7294 17.778H38.5475C38.6154 18.7188 39.4138 19.9133 39.813 20.3232C40.2122 20.737 40.6833 21.0611 41.2262 21.2953C41.7692 21.5295 42.352 21.6466 42.9708 21.6466C44.8391 21.6466 46.0686 20.9635 46.6635 19.6049L51.3262 19.5698H51.3342ZM47.2064 14.3426C47.0267 13.3159 46.0008 11.161 42.9468 11.161C39.8929 11.161 38.827 13.3159 38.6513 14.3426H47.2064Z"
                                fill="#D7282F" />
                        </g>
                    </g>
                    <defs>
                        <clipPath id="clip0_191_997">
                            <rect width="109" height="25" fill="white" />
                        </clipPath>
                    </defs>
                </svg>

            </a>

            <div class="header-menu-outer">
                <div class="xl:hidden flex justify-end items-center mb-[24px]">
                    <a class="close-header-menu" href="javascript://"><svg width="48" height="48"
                            viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
                            <circle cx="24" cy="24" r="23.5" fill="white" stroke="#013366" />
                            <path
                                d="M32.9824 16.0098L24.9922 24L32.9824 31.9902L31.9902 32.9824L24 24.9922L16.0098 32.9824L15.0176 31.9902L23.0078 24L15.0176 16.0098L16.0098 15.0176L24 23.0078L31.9902 15.0176L32.9824 16.0098Z"
                                fill="black" stroke="#013366" stroke-width="0.025" />
                        </svg>
                    </a>
                </div>
                <ul class="header-menu flex items-center xl:gap-[25px] gap-[8px]">
                                            
                        <li class="header-menu-item has-children relative ">
                            <a class="flex items-center gap-[5px]" href="javascript://">
                                Продукти                                                                    <svg class="xl:block hidden" width="7" height="9" viewBox="0 0 7 9" fill="none"
                                        xmlns="http://www.w3.org/2000/svg">
                                        <path
                                            d="M3.5 8.5L0 4.90389L0.4667 4.42437L3.17029 7.20221V0.5H3.82971V7.20221L6.5333 4.42437L7 4.90389L3.5 8.5Z"
                                            fill="black" />
                                    </svg>
                                    <svg class="xl:hidden self-start min-w-[24px] max-w-[24px]" width="24" height="24"
                                        viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
                                        <circle cx="12" cy="12" r="12" fill="#013366" />
                                        <path
                                            d="M8.01637 16.3414L7.5 15.825L15.0606 8.25H8.09137V7.5L16.3414 7.5V15.75H15.5914V8.78081L8.01637 16.3414Z"
                                            fill="white" />
                                    </svg>
                                                            </a>

                                                            <!-- Продукти dropdown - shows products from product table -->
                                <div
                                    class="header-menu-dropdown hidden xl:absolute xl:top-full xl:left-0 lg:mt-[30px] xl:group-hover/header:block xl:min-w-[464px] py-[20px] px-[20px] bg-[rgb(247_247_247/0.8)] backdrop-blur-[30px] rounded-[8px] z-[1001]">
                                    <ul class="" aria-labelledby="dropdownHoverButton">
                                                                                    <li>
                                                <a href="https://www.firepro.bg/bg/products/цилиндрични-аерозолни-генератори"
                                                    class="header-dropdown-link-inner flex items-center justify-between gap-[10px] p-[10px] bg-white rounded-[8px]">
                                                    <div
                                                        class="flex items-center justify-center w-[69px] min-w-[69px] max-w-[69px] h-[69px] border-[1px] border-[rgb(0_46_87/1)] rounded-[4px]">
                                                                                                                    <img src="https://www.firepro.bg/img/products/product-image-1.png"
                                                               class="w-[25px]"  alt="Цилиндрични аерозолни генератори">
                                                                                                            </div>
                                                    <span class="block text-[16px] font-normal">
                                                        Цилиндрични аерозолни генератори                                                    </span>
                                                    <svg class="self-start min-w-[24px] max-w-[24px]" width="24"
                                                        height="24" viewBox="0 0 24 24" fill="none"
                                                        xmlns="http://www.w3.org/2000/svg">
                                                        <circle cx="12" cy="12" r="12" fill="#013366" />
                                                        <path
                                                            d="M8.01637 16.3414L7.5 15.825L15.0606 8.24999H8.09137V7.49999L16.3414 7.49999V15.75H15.5914V8.7808L8.01637 16.3414Z"
                                                            fill="white" />
                                                    </svg>
                                                </a>
                                            </li>
                                                                                    <li>
                                                <a href="https://www.firepro.bg/bg/products/аерозолни-генератори-тип-кутия"
                                                    class="header-dropdown-link-inner flex items-center justify-between gap-[10px] p-[10px] bg-white rounded-[8px]">
                                                    <div
                                                        class="flex items-center justify-center w-[69px] min-w-[69px] max-w-[69px] h-[69px] border-[1px] border-[rgb(0_46_87/1)] rounded-[4px]">
                                                                                                                    <img src="https://www.firepro.bg/img/products/product-image-2.png"
                                                               class="w-[25px]"  alt="Аерозолни генератори тип кутия">
                                                                                                            </div>
                                                    <span class="block text-[16px] font-normal">
                                                        Аерозолни генератори тип кутия                                                    </span>
                                                    <svg class="self-start min-w-[24px] max-w-[24px]" width="24"
                                                        height="24" viewBox="0 0 24 24" fill="none"
                                                        xmlns="http://www.w3.org/2000/svg">
                                                        <circle cx="12" cy="12" r="12" fill="#013366" />
                                                        <path
                                                            d="M8.01637 16.3414L7.5 15.825L15.0606 8.24999H8.09137V7.49999L16.3414 7.49999V15.75H15.5914V8.7808L8.01637 16.3414Z"
                                                            fill="white" />
                                                    </svg>
                                                </a>
                                            </li>
                                                                                    <li>
                                                <a href="https://www.firepro.bg/bg/products/аерозолни-генератори-hero"
                                                    class="header-dropdown-link-inner flex items-center justify-between gap-[10px] p-[10px] bg-white rounded-[8px]">
                                                    <div
                                                        class="flex items-center justify-center w-[69px] min-w-[69px] max-w-[69px] h-[69px] border-[1px] border-[rgb(0_46_87/1)] rounded-[4px]">
                                                                                                                    <img src="https://www.firepro.bg/img/products/product-image-3.png"
                                                               class="w-[25px]"  alt="Аерозолни генератори Hero">
                                                                                                            </div>
                                                    <span class="block text-[16px] font-normal">
                                                        Аерозолни генератори Hero                                                    </span>
                                                    <svg class="self-start min-w-[24px] max-w-[24px]" width="24"
                                                        height="24" viewBox="0 0 24 24" fill="none"
                                                        xmlns="http://www.w3.org/2000/svg">
                                                        <circle cx="12" cy="12" r="12" fill="#013366" />
                                                        <path
                                                            d="M8.01637 16.3414L7.5 15.825L15.0606 8.24999H8.09137V7.49999L16.3414 7.49999V15.75H15.5914V8.7808L8.01637 16.3414Z"
                                                            fill="white" />
                                                    </svg>
                                                </a>
                                            </li>
                                                                                    <li>
                                                <a href="https://www.firepro.bg/bg/products/atex-аерозолни-генератори"
                                                    class="header-dropdown-link-inner flex items-center justify-between gap-[10px] p-[10px] bg-white rounded-[8px]">
                                                    <div
                                                        class="flex items-center justify-center w-[69px] min-w-[69px] max-w-[69px] h-[69px] border-[1px] border-[rgb(0_46_87/1)] rounded-[4px]">
                                                                                                                    <img src="https://www.firepro.bg/img/products/product-image-4.png"
                                                               class="w-[25px]"  alt="ATEX аерозолни генератори">
                                                                                                            </div>
                                                    <span class="block text-[16px] font-normal">
                                                        ATEX аерозолни генератори                                                    </span>
                                                    <svg class="self-start min-w-[24px] max-w-[24px]" width="24"
                                                        height="24" viewBox="0 0 24 24" fill="none"
                                                        xmlns="http://www.w3.org/2000/svg">
                                                        <circle cx="12" cy="12" r="12" fill="#013366" />
                                                        <path
                                                            d="M8.01637 16.3414L7.5 15.825L15.0606 8.24999H8.09137V7.49999L16.3414 7.49999V15.75H15.5914V8.7808L8.01637 16.3414Z"
                                                            fill="white" />
                                                    </svg>
                                                </a>
                                            </li>
                                                                                    <li>
                                                <a href="https://www.firepro.bg/bg/products/velex"
                                                    class="header-dropdown-link-inner flex items-center justify-between gap-[10px] p-[10px] bg-white rounded-[8px]">
                                                    <div
                                                        class="flex items-center justify-center w-[69px] min-w-[69px] max-w-[69px] h-[69px] border-[1px] border-[rgb(0_46_87/1)] rounded-[4px]">
                                                                                                                    <img src="https://www.firepro.bg/img/products/product-image-5.png"
                                                               class="w-[25px]"  alt="Velex">
                                                                                                            </div>
                                                    <span class="block text-[16px] font-normal">
                                                        Velex                                                    </span>
                                                    <svg class="self-start min-w-[24px] max-w-[24px]" width="24"
                                                        height="24" viewBox="0 0 24 24" fill="none"
                                                        xmlns="http://www.w3.org/2000/svg">
                                                        <circle cx="12" cy="12" r="12" fill="#013366" />
                                                        <path
                                                            d="M8.01637 16.3414L7.5 15.825L15.0606 8.24999H8.09137V7.49999L16.3414 7.49999V15.75H15.5914V8.7808L8.01637 16.3414Z"
                                                            fill="white" />
                                                    </svg>
                                                </a>
                                            </li>
                                                                                <li>
                                            <a class="text-center text-[16px] font-normal text-blue flex items-center gap-[10px] justify-center header-menu-see-all"
                                                href="https://www.firepro.bg/bg/products">
                                                Разгледай всички <svg width="33" height="8" viewBox="0 0 33 8"
                                                    fill="none" xmlns="http://www.w3.org/2000/svg">
                                                    <path
                                                        d="M32.3536 4.35355C32.5488 4.15829 32.5488 3.84171 32.3536 3.64645L29.1716 0.464466C28.9763 0.269204 28.6597 0.269204 28.4645 0.464466C28.2692 0.659728 28.2692 0.976311 28.4645 1.17157L31.2929 4L28.4645 6.82843C28.2692 7.02369 28.2692 7.34027 28.4645 7.53553C28.6597 7.7308 28.9763 7.7308 29.1716 7.53553L32.3536 4.35355ZM0 4V4.5H32V4V3.5H0V4Z"
                                                        fill="#013366" />
                                                </svg>
                                            </a>
                                        </li>
                                    </ul>
                                </div>

                                                    </li>
                                            
                        <li class="header-menu-item has-children relative xl:group">
                            <a class="flex items-center gap-[5px]" href="javascript://">
                                Приложения                                                                    <svg class="xl:block hidden" width="7" height="9" viewBox="0 0 7 9" fill="none"
                                        xmlns="http://www.w3.org/2000/svg">
                                        <path
                                            d="M3.5 8.5L0 4.90389L0.4667 4.42437L3.17029 7.20221V0.5H3.82971V7.20221L6.5333 4.42437L7 4.90389L3.5 8.5Z"
                                            fill="black" />
                                    </svg>
                                    <svg class="xl:hidden self-start min-w-[24px] max-w-[24px]" width="24" height="24"
                                        viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
                                        <circle cx="12" cy="12" r="12" fill="#013366" />
                                        <path
                                            d="M8.01637 16.3414L7.5 15.825L15.0606 8.25H8.09137V7.5L16.3414 7.5V15.75H15.5914V8.78081L8.01637 16.3414Z"
                                            fill="white" />
                                    </svg>
                                                            </a>

                                                            <!-- Приложения mega menu - shows submenus with products as third level -->
                                <div
                                    class="header-menu-dropdown xl:translate-x-[-200px] hidden xl:group-hover/header:block xl:mt-[30px] p-[20px] bg-[rgb(247_247_247/0.8)] backdrop-blur-[30px] rounded-[8px] z-[1001] absolute top-[100%]">
                                    <div class="apps-megamenu xl:flex gap-[12px]">
                                        <!-- LEFT: the submenu list -->
                                        <ul class="flex-1 flex flex-col" id="appsMenuList">
                                                                                            <li class="submenu-item has-children xl:min-w-[416px]"
                                                    data-panel="apps-141-0">
                                                    <a href=" https://www.firepro.bg/bg/applications"
                                                   
                                                        class="header-dropdown-link flex items-center justify-between gap-[10px] p-[10px] bg-white rounded-[8px]">
                                                        <div
                                                            class="flex items-center justify-center w-[69px] min-w-[69px] max-w-[69px] h-[69px] border-[1px] border-[rgb(0_46_87/1)] rounded-[4px]">
                                                            <img src="https://www.firepro.bg/images/menu-img-1.png" alt="">
                                                        </div>
                                                        <span class="text-[16px]">Решения по приложения</span>
                                                        <span><svg class="min-w-[24px] max-w-[24px]" width="24"
                                                                height="24" viewBox="0 0 24 24" fill="none"
                                                                xmlns="http://www.w3.org/2000/svg">
                                                                <circle cx="12" cy="12" r="12" fill="#013366" />
                                                                <path
                                                                    d="M6.03423 12.2859L6.03423 11.5556L16.7367 11.5454L11.8087 6.61744L12.3391 6.08711L18.1727 11.9207L12.3391 17.7544L11.8087 17.224L16.7367 12.2961L6.03423 12.2859Z"
                                                                    fill="white" />
                                                            </svg>
                                                        </span>
                                                    </a>
                                                </li>
                                                                                            <li class="submenu-item has-children xl:min-w-[416px]"
                                                    data-panel="apps-141-1">
                                                    <a href=" https://www.firepro.bg/bg/industries"
                                                   
                                                        class="header-dropdown-link flex items-center justify-between gap-[10px] p-[10px] bg-white rounded-[8px]">
                                                        <div
                                                            class="flex items-center justify-center w-[69px] min-w-[69px] max-w-[69px] h-[69px] border-[1px] border-[rgb(0_46_87/1)] rounded-[4px]">
                                                            <img src="https://www.firepro.bg/images/menu-img-1.png" alt="">
                                                        </div>
                                                        <span class="text-[16px]">Решения по индустрии</span>
                                                        <span><svg class="min-w-[24px] max-w-[24px]" width="24"
                                                                height="24" viewBox="0 0 24 24" fill="none"
                                                                xmlns="http://www.w3.org/2000/svg">
                                                                <circle cx="12" cy="12" r="12" fill="#013366" />
                                                                <path
                                                                    d="M6.03423 12.2859L6.03423 11.5556L16.7367 11.5454L11.8087 6.61744L12.3391 6.08711L18.1727 11.9207L12.3391 17.7544L11.8087 17.224L16.7367 12.2961L6.03423 12.2859Z"
                                                                    fill="white" />
                                                            </svg>
                                                        </span>
                                                    </a>
                                                </li>
                                            									
                                        </ul>

                                        <!-- RIGHT: the products for each submenu -->
                                        <div class="submenu-panels flex-1 xl:ml-[12px]">
                                                                                            <div id="apps-141-0"
                                                    class="submenu-dropdown hidden min-w-[416px]">
                                                    <ul class="block xl:mt-[0] mt-[20px]">
                                                                                                                                                                                                                                                   
                                                                
                                                                <li>
                                                                    <a href="https://www.firepro.bg/bg/application/elektricheskitabla"
                                                                        class="header-dropdown-link-inner flex items-center justify-between gap-[10px] p-[10px] bg-white rounded-[8px]">
                                                                        <div
                                                                            class="flex items-center justify-center w-[69px] min-w-[69px] max-w-[69px] h-[69px] border-[1px] border-[rgb(0_46_87/1)] rounded-[4px]">
                                                                                                                                                            <img style="width: 35px;" src="https://www.firepro.bg/assets/software/29/z.png"
                                                                                    alt="Електрически табла и шкафове">
                                                                                                                                                    </div>
                                                                        <span
                                                                            class="text-[16px]">Електрически табла и шкафове</span>
                                                                        <svg class="self-start min-w-[24px] max-w-[24px]"
                                                                            width="24" height="24" viewBox="0 0 24 24"
                                                                            fill="none"
                                                                            xmlns="http://www.w3.org/2000/svg">
                                                                            <circle cx="12" cy="12" r="12"
                                                                                fill="#013366"></circle>
                                                                            <path
                                                                                d="M8.01637 16.3414L7.5 15.825L15.0606 8.24999H8.09137V7.49999L16.3414 7.49999V15.75H15.5914V8.7808L8.01637 16.3414Z"
                                                                                fill="white"></path>
                                                                        </svg>
                                                                    </a>
                                                                </li>
                                                                                                                              
                                                                
                                                                <li>
                                                                    <a href="https://www.firepro.bg/bg/application/silovtransformator"
                                                                        class="header-dropdown-link-inner flex items-center justify-between gap-[10px] p-[10px] bg-white rounded-[8px]">
                                                                        <div
                                                                            class="flex items-center justify-center w-[69px] min-w-[69px] max-w-[69px] h-[69px] border-[1px] border-[rgb(0_46_87/1)] rounded-[4px]">
                                                                                                                                                            <img style="width: 35px;" src="https://www.firepro.bg/assets/software/30/silovtransformator.png"
                                                                                    alt="Силов трансформатор /трансформаторни помещения/">
                                                                                                                                                    </div>
                                                                        <span
                                                                            class="text-[16px]">Силов трансформатор /трансформаторни помещения/</span>
                                                                        <svg class="self-start min-w-[24px] max-w-[24px]"
                                                                            width="24" height="24" viewBox="0 0 24 24"
                                                                            fill="none"
                                                                            xmlns="http://www.w3.org/2000/svg">
                                                                            <circle cx="12" cy="12" r="12"
                                                                                fill="#013366"></circle>
                                                                            <path
                                                                                d="M8.01637 16.3414L7.5 15.825L15.0606 8.24999H8.09137V7.49999L16.3414 7.49999V15.75H15.5914V8.7808L8.01637 16.3414Z"
                                                                                fill="white"></path>
                                                                        </svg>
                                                                    </a>
                                                                </li>
                                                                                                                              
                                                                
                                                                <li>
                                                                    <a href="https://www.firepro.bg/bg/application/elektricheskikontroli"
                                                                        class="header-dropdown-link-inner flex items-center justify-between gap-[10px] p-[10px] bg-white rounded-[8px]">
                                                                        <div
                                                                            class="flex items-center justify-center w-[69px] min-w-[69px] max-w-[69px] h-[69px] border-[1px] border-[rgb(0_46_87/1)] rounded-[4px]">
                                                                                                                                                            <img style="width: 35px;" src="https://www.firepro.bg/assets/software/31/elektricheskikontrolnipomeshteniq.png"
                                                                                    alt="Електрически контролни помещения">
                                                                                                                                                    </div>
                                                                        <span
                                                                            class="text-[16px]">Електрически контролни помещения</span>
                                                                        <svg class="self-start min-w-[24px] max-w-[24px]"
                                                                            width="24" height="24" viewBox="0 0 24 24"
                                                                            fill="none"
                                                                            xmlns="http://www.w3.org/2000/svg">
                                                                            <circle cx="12" cy="12" r="12"
                                                                                fill="#013366"></circle>
                                                                            <path
                                                                                d="M8.01637 16.3414L7.5 15.825L15.0606 8.24999H8.09137V7.49999L16.3414 7.49999V15.75H15.5914V8.7808L8.01637 16.3414Z"
                                                                                fill="white"></path>
                                                                        </svg>
                                                                    </a>
                                                                </li>
                                                                                                                              
                                                                
                                                                <li>
                                                                    <a href="https://www.firepro.bg/bg/application/sistemazasuhranenienaenergiq"
                                                                        class="header-dropdown-link-inner flex items-center justify-between gap-[10px] p-[10px] bg-white rounded-[8px]">
                                                                        <div
                                                                            class="flex items-center justify-center w-[69px] min-w-[69px] max-w-[69px] h-[69px] border-[1px] border-[rgb(0_46_87/1)] rounded-[4px]">
                                                                                                                                                            <img style="width: 35px;" src="https://www.firepro.bg/assets/software/32/sistemizasuhranenienaenergiq.png"
                                                                                    alt="Системи за съхранение на енергия">
                                                                                                                                                    </div>
                                                                        <span
                                                                            class="text-[16px]">Системи за съхранение на енергия</span>
                                                                        <svg class="self-start min-w-[24px] max-w-[24px]"
                                                                            width="24" height="24" viewBox="0 0 24 24"
                                                                            fill="none"
                                                                            xmlns="http://www.w3.org/2000/svg">
                                                                            <circle cx="12" cy="12" r="12"
                                                                                fill="#013366"></circle>
                                                                            <path
                                                                                d="M8.01637 16.3414L7.5 15.825L15.0606 8.24999H8.09137V7.49999L16.3414 7.49999V15.75H15.5914V8.7808L8.01637 16.3414Z"
                                                                                fill="white"></path>
                                                                        </svg>
                                                                    </a>
                                                                </li>
                                                                                                                              
                                                                
                                                                <li>
                                                                    <a href="https://www.firepro.bg/bg/application/dizelovigeneratori"
                                                                        class="header-dropdown-link-inner flex items-center justify-between gap-[10px] p-[10px] bg-white rounded-[8px]">
                                                                        <div
                                                                            class="flex items-center justify-center w-[69px] min-w-[69px] max-w-[69px] h-[69px] border-[1px] border-[rgb(0_46_87/1)] rounded-[4px]">
                                                                                                                                                            <img style="width: 35px;" src="https://www.firepro.bg/assets/software/33/dizelovigeneratori.png"
                                                                                    alt="Дизелови генератори">
                                                                                                                                                    </div>
                                                                        <span
                                                                            class="text-[16px]">Дизелови генератори</span>
                                                                        <svg class="self-start min-w-[24px] max-w-[24px]"
                                                                            width="24" height="24" viewBox="0 0 24 24"
                                                                            fill="none"
                                                                            xmlns="http://www.w3.org/2000/svg">
                                                                            <circle cx="12" cy="12" r="12"
                                                                                fill="#013366"></circle>
                                                                            <path
                                                                                d="M8.01637 16.3414L7.5 15.825L15.0606 8.24999H8.09137V7.49999L16.3414 7.49999V15.75H15.5914V8.7808L8.01637 16.3414Z"
                                                                                fill="white"></path>
                                                                        </svg>
                                                                    </a>
                                                                </li>
                                                                                                                                                                                           
                                                                                                                <li>
                                                            <a href="https://www.firepro.bg/bg/applications"
                                                                class="text-center text-[16px] font-normal text-blue flex items-center gap-[10px] justify-center header-menu-see-all">
                                                                Разгледай всички <svg width="33" height="8"
                                                                    viewBox="0 0 33 8" fill="none"
                                                                    xmlns="http://www.w3.org/2000/svg">
                                                                    <path
                                                                        d="M32.3536 4.03568C32.5488 3.84042 32.5488 3.52384 32.3536 3.32858L29.1716 0.146595C28.9763 -0.0486672 28.6597 -0.0486672 28.4645 0.146595C28.2692 0.341857 28.2692 0.65844 28.4645 0.853702L31.2929 3.68213L28.4645 6.51056C28.2692 6.70582 28.2692 7.0224 28.4645 7.21766C28.6597 7.41293 28.9763 7.41293 29.1716 7.21766L32.3536 4.03568ZM0 3.68213V4.18213H32V3.68213V3.18213H0V3.68213Z"
                                                                        fill="#013366" />
                                                                </svg>
                                                            </a>
                                                        </li>
                                                    </ul>
                                                </div>
                                                                                            <div id="apps-141-1"
                                                    class="submenu-dropdown hidden min-w-[416px]">
                                                    <ul class="block xl:mt-[0] mt-[20px]">
                                                                                                                                                                                                                                                            <li>
                                                                    <a href="https://www.firepro.bg/bg/industry/zemedelski"
                                                                        class="header-dropdown-link-inner flex items-center justify-between gap-[10px] p-[10px] bg-white rounded-[8px]">
                                                                        <div
                                                                            class="flex items-center justify-center w-[69px] min-w-[69px] max-w-[69px] h-[69px] border-[1px] border-[rgb(0_46_87/1)] rounded-[4px]">
                                                                                                                                                            <img  style="width: 35px;" src="https://www.firepro.bg/assets/software/1/agriculture.png"
                                                                                    alt="Земеделски">
                                                                                                                                                    </div>
                                                                        <span
                                                                            class="text-[16px]">Земеделски</span>
                                                                        <svg class="self-start min-w-[24px] max-w-[24px]"
                                                                            width="24" height="24" viewBox="0 0 24 24"
                                                                            fill="none"
                                                                            xmlns="http://www.w3.org/2000/svg">
                                                                            <circle cx="12" cy="12" r="12"
                                                                                fill="#013366"></circle>
                                                                            <path
                                                                                d="M8.01637 16.3414L7.5 15.825L15.0606 8.24999H8.09137V7.49999L16.3414 7.49999V15.75H15.5914V8.7808L8.01637 16.3414Z"
                                                                                fill="white"></path>
                                                                        </svg>
                                                                    </a>
                                                                </li>
                                                                                                                                    <li>
                                                                    <a href="https://www.firepro.bg/bg/industry/letishta"
                                                                        class="header-dropdown-link-inner flex items-center justify-between gap-[10px] p-[10px] bg-white rounded-[8px]">
                                                                        <div
                                                                            class="flex items-center justify-center w-[69px] min-w-[69px] max-w-[69px] h-[69px] border-[1px] border-[rgb(0_46_87/1)] rounded-[4px]">
                                                                                                                                                            <img  style="width: 35px;" src="https://www.firepro.bg/assets/software/2/dsa2.png"
                                                                                    alt="Летища и авиация">
                                                                                                                                                    </div>
                                                                        <span
                                                                            class="text-[16px]">Летища и авиация</span>
                                                                        <svg class="self-start min-w-[24px] max-w-[24px]"
                                                                            width="24" height="24" viewBox="0 0 24 24"
                                                                            fill="none"
                                                                            xmlns="http://www.w3.org/2000/svg">
                                                                            <circle cx="12" cy="12" r="12"
                                                                                fill="#013366"></circle>
                                                                            <path
                                                                                d="M8.01637 16.3414L7.5 15.825L15.0606 8.24999H8.09137V7.49999L16.3414 7.49999V15.75H15.5914V8.7808L8.01637 16.3414Z"
                                                                                fill="white"></path>
                                                                        </svg>
                                                                    </a>
                                                                </li>
                                                                                                                                    <li>
                                                                    <a href="https://www.firepro.bg/bg/industry/automobile"
                                                                        class="header-dropdown-link-inner flex items-center justify-between gap-[10px] p-[10px] bg-white rounded-[8px]">
                                                                        <div
                                                                            class="flex items-center justify-center w-[69px] min-w-[69px] max-w-[69px] h-[69px] border-[1px] border-[rgb(0_46_87/1)] rounded-[4px]">
                                                                                                                                                            <img  style="width: 35px;" src="https://www.firepro.bg/assets/software/3/dsa3.png"
                                                                                    alt="Автомобилна индустрия">
                                                                                                                                                    </div>
                                                                        <span
                                                                            class="text-[16px]">Автомобилна индустрия</span>
                                                                        <svg class="self-start min-w-[24px] max-w-[24px]"
                                                                            width="24" height="24" viewBox="0 0 24 24"
                                                                            fill="none"
                                                                            xmlns="http://www.w3.org/2000/svg">
                                                                            <circle cx="12" cy="12" r="12"
                                                                                fill="#013366"></circle>
                                                                            <path
                                                                                d="M8.01637 16.3414L7.5 15.825L15.0606 8.24999H8.09137V7.49999L16.3414 7.49999V15.75H15.5914V8.7808L8.01637 16.3414Z"
                                                                                fill="white"></path>
                                                                        </svg>
                                                                    </a>
                                                                </li>
                                                                                                                                    <li>
                                                                    <a href="https://www.firepro.bg/bg/industry/himikali"
                                                                        class="header-dropdown-link-inner flex items-center justify-between gap-[10px] p-[10px] bg-white rounded-[8px]">
                                                                        <div
                                                                            class="flex items-center justify-center w-[69px] min-w-[69px] max-w-[69px] h-[69px] border-[1px] border-[rgb(0_46_87/1)] rounded-[4px]">
                                                                                                                                                            <img  style="width: 35px;" src="https://www.firepro.bg/assets/software/4/dsa4c_1.png"
                                                                                    alt="Химикали">
                                                                                                                                                    </div>
                                                                        <span
                                                                            class="text-[16px]">Химикали</span>
                                                                        <svg class="self-start min-w-[24px] max-w-[24px]"
                                                                            width="24" height="24" viewBox="0 0 24 24"
                                                                            fill="none"
                                                                            xmlns="http://www.w3.org/2000/svg">
                                                                            <circle cx="12" cy="12" r="12"
                                                                                fill="#013366"></circle>
                                                                            <path
                                                                                d="M8.01637 16.3414L7.5 15.825L15.0606 8.24999H8.09137V7.49999L16.3414 7.49999V15.75H15.5914V8.7808L8.01637 16.3414Z"
                                                                                fill="white"></path>
                                                                        </svg>
                                                                    </a>
                                                                </li>
                                                                                                                                    <li>
                                                                    <a href="https://www.firepro.bg/bg/industry/kulturnonasledstvo"
                                                                        class="header-dropdown-link-inner flex items-center justify-between gap-[10px] p-[10px] bg-white rounded-[8px]">
                                                                        <div
                                                                            class="flex items-center justify-center w-[69px] min-w-[69px] max-w-[69px] h-[69px] border-[1px] border-[rgb(0_46_87/1)] rounded-[4px]">
                                                                                                                                                            <img  style="width: 35px;" src="https://www.firepro.bg/assets/software/5/dsa5 (2).png"
                                                                                    alt="Културно наследство">
                                                                                                                                                    </div>
                                                                        <span
                                                                            class="text-[16px]">Културно наследство</span>
                                                                        <svg class="self-start min-w-[24px] max-w-[24px]"
                                                                            width="24" height="24" viewBox="0 0 24 24"
                                                                            fill="none"
                                                                            xmlns="http://www.w3.org/2000/svg">
                                                                            <circle cx="12" cy="12" r="12"
                                                                                fill="#013366"></circle>
                                                                            <path
                                                                                d="M8.01637 16.3414L7.5 15.825L15.0606 8.24999H8.09137V7.49999L16.3414 7.49999V15.75H15.5914V8.7808L8.01637 16.3414Z"
                                                                                fill="white"></path>
                                                                        </svg>
                                                                    </a>
                                                                </li>
                                                                                                                                                                                               
                                                                                                                <li>
                                                            <a href="https://www.firepro.bg/bg/industries"
                                                                class="text-center text-[16px] font-normal text-blue flex items-center gap-[10px] justify-center header-menu-see-all">
                                                                Разгледай всички <svg width="33" height="8"
                                                                    viewBox="0 0 33 8" fill="none"
                                                                    xmlns="http://www.w3.org/2000/svg">
                                                                    <path
                                                                        d="M32.3536 4.03568C32.5488 3.84042 32.5488 3.52384 32.3536 3.32858L29.1716 0.146595C28.9763 -0.0486672 28.6597 -0.0486672 28.4645 0.146595C28.2692 0.341857 28.2692 0.65844 28.4645 0.853702L31.2929 3.68213L28.4645 6.51056C28.2692 6.70582 28.2692 7.0224 28.4645 7.21766C28.6597 7.41293 28.9763 7.41293 29.1716 7.21766L32.3536 4.03568ZM0 3.68213V4.18213H32V3.68213V3.18213H0V3.68213Z"
                                                                        fill="#013366" />
                                                                </svg>
                                                            </a>
                                                        </li>
                                                    </ul>
                                                </div>
                                                                                    </div>
                                    </div>
                                </div>

                                                    </li>
                                            
                        <li class="header-menu-item has-children relative ">
                            <a class="flex items-center gap-[5px]" href="javascript://">
                                Технология                                                                    <svg class="xl:block hidden" width="7" height="9" viewBox="0 0 7 9" fill="none"
                                        xmlns="http://www.w3.org/2000/svg">
                                        <path
                                            d="M3.5 8.5L0 4.90389L0.4667 4.42437L3.17029 7.20221V0.5H3.82971V7.20221L6.5333 4.42437L7 4.90389L3.5 8.5Z"
                                            fill="black" />
                                    </svg>
                                    <svg class="xl:hidden self-start min-w-[24px] max-w-[24px]" width="24" height="24"
                                        viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
                                        <circle cx="12" cy="12" r="12" fill="#013366" />
                                        <path
                                            d="M8.01637 16.3414L7.5 15.825L15.0606 8.25H8.09137V7.5L16.3414 7.5V15.75H15.5914V8.78081L8.01637 16.3414Z"
                                            fill="white" />
                                    </svg>
                                                            </a>

                                                            <!-- Regular submenu dropdown (like Технология, За компанията) -->
                                <div
                                    class="header-menu-dropdown hidden xl:absolute xl:top-full xl:left-0 xl:mt-[30px] xl:group-hover/header:block xl:min-w-[464px] py-[20px] px-[20px] bg-[rgb(247_247_247/0.8)] backdrop-blur-[30px] rounded-[8px] z-[1001]">
                                    <ul>
                                                                                    <li>
                                                <a class="header-dropdown-link-inner flex items-center justify-between gap-[10px] p-[10px] bg-white rounded-[8px]"
                                                    href="https://www.firepro.bg/bg/technology">
                                                    <div
                                                        class="flex items-center justify-center w-[69px] min-w-[69px] max-w-[69px] h-[69px] border-[1px] border-[rgb(0_46_87/1)] rounded-[4px]">
                                                        <svg width="50" height="50" viewBox="0 0 50 50" fill="none"
                                                            xmlns="http://www.w3.org/2000/svg">
                                                            <path d="M19.6665 25.0004L23.2665 28.6004L30.3332 21.4004"
                                                                stroke="#013366" stroke-width="2" stroke-linecap="round"
                                                                stroke-linejoin="round" />
                                                            <path
                                                                d="M25.0002 35.6673C30.8912 35.6673 35.6668 30.8917 35.6668 25.0007C35.6668 19.1096 30.8912 14.334 25.0002 14.334C19.1091 14.334 14.3335 19.1096 14.3335 25.0007C14.3335 30.8917 19.1091 35.6673 25.0002 35.6673Z"
                                                                stroke="#013366" stroke-width="2" stroke-linecap="round"
                                                                stroke-linejoin="round" />
                                                        </svg>
                                                    </div>
                                                    <span
                                                        class="block text-[16px] font-normal">Технология</span>
                                                    <svg class="self-start min-w-[24px] max-w-[24px]" width="24"
                                                        height="24" viewBox="0 0 24 24" fill="none"
                                                        xmlns="http://www.w3.org/2000/svg">
                                                        <circle cx="12" cy="12" r="12" fill="#013366"></circle>
                                                        <path
                                                            d="M8.01637 16.3414L7.5 15.825L15.0606 8.24999H8.09137V7.49999L16.3414 7.49999V15.75H15.5914V8.7808L8.01637 16.3414Z"
                                                            fill="white"></path>
                                                    </svg>
                                                </a>
                                            </li>
                                                                                    <li>
                                                <a class="header-dropdown-link-inner flex items-center justify-between gap-[10px] p-[10px] bg-white rounded-[8px]"
                                                    href="https://www.firepro.bg/bg/environment">
                                                    <div
                                                        class="flex items-center justify-center w-[69px] min-w-[69px] max-w-[69px] h-[69px] border-[1px] border-[rgb(0_46_87/1)] rounded-[4px]">
                                                        <svg width="50" height="50" viewBox="0 0 50 50" fill="none"
                                                            xmlns="http://www.w3.org/2000/svg">
                                                            <path d="M19.6665 25.0004L23.2665 28.6004L30.3332 21.4004"
                                                                stroke="#013366" stroke-width="2" stroke-linecap="round"
                                                                stroke-linejoin="round" />
                                                            <path
                                                                d="M25.0002 35.6673C30.8912 35.6673 35.6668 30.8917 35.6668 25.0007C35.6668 19.1096 30.8912 14.334 25.0002 14.334C19.1091 14.334 14.3335 19.1096 14.3335 25.0007C14.3335 30.8917 19.1091 35.6673 25.0002 35.6673Z"
                                                                stroke="#013366" stroke-width="2" stroke-linecap="round"
                                                                stroke-linejoin="round" />
                                                        </svg>
                                                    </div>
                                                    <span
                                                        class="block text-[16px] font-normal">Околна среда</span>
                                                    <svg class="self-start min-w-[24px] max-w-[24px]" width="24"
                                                        height="24" viewBox="0 0 24 24" fill="none"
                                                        xmlns="http://www.w3.org/2000/svg">
                                                        <circle cx="12" cy="12" r="12" fill="#013366"></circle>
                                                        <path
                                                            d="M8.01637 16.3414L7.5 15.825L15.0606 8.24999H8.09137V7.49999L16.3414 7.49999V15.75H15.5914V8.7808L8.01637 16.3414Z"
                                                            fill="white"></path>
                                                    </svg>
                                                </a>
                                            </li>
                                                                                    <li>
                                                <a class="header-dropdown-link-inner flex items-center justify-between gap-[10px] p-[10px] bg-white rounded-[8px]"
                                                    href="https://www.firepro.bg/bg/certificates">
                                                    <div
                                                        class="flex items-center justify-center w-[69px] min-w-[69px] max-w-[69px] h-[69px] border-[1px] border-[rgb(0_46_87/1)] rounded-[4px]">
                                                        <svg width="50" height="50" viewBox="0 0 50 50" fill="none"
                                                            xmlns="http://www.w3.org/2000/svg">
                                                            <path d="M19.6665 25.0004L23.2665 28.6004L30.3332 21.4004"
                                                                stroke="#013366" stroke-width="2" stroke-linecap="round"
                                                                stroke-linejoin="round" />
                                                            <path
                                                                d="M25.0002 35.6673C30.8912 35.6673 35.6668 30.8917 35.6668 25.0007C35.6668 19.1096 30.8912 14.334 25.0002 14.334C19.1091 14.334 14.3335 19.1096 14.3335 25.0007C14.3335 30.8917 19.1091 35.6673 25.0002 35.6673Z"
                                                                stroke="#013366" stroke-width="2" stroke-linecap="round"
                                                                stroke-linejoin="round" />
                                                        </svg>
                                                    </div>
                                                    <span
                                                        class="block text-[16px] font-normal">Сертификати</span>
                                                    <svg class="self-start min-w-[24px] max-w-[24px]" width="24"
                                                        height="24" viewBox="0 0 24 24" fill="none"
                                                        xmlns="http://www.w3.org/2000/svg">
                                                        <circle cx="12" cy="12" r="12" fill="#013366"></circle>
                                                        <path
                                                            d="M8.01637 16.3414L7.5 15.825L15.0606 8.24999H8.09137V7.49999L16.3414 7.49999V15.75H15.5914V8.7808L8.01637 16.3414Z"
                                                            fill="white"></path>
                                                    </svg>
                                                </a>
                                            </li>
                                                                            </ul>
                                </div>
                                                    </li>
                                            
                        <li class="header-menu-item  ">
                            <a class="flex items-center gap-[5px]" href="https://www.firepro.bg/bg/projects">
                                Проекти                                                                    <svg class="xl:hidden self-start" width="24" height="24" viewBox="0 0 24 24"
                                        fill="none" xmlns="http://www.w3.org/2000/svg">
                                        <circle cx="12" cy="12" r="12" fill="#013366"></circle>
                                        <path
                                            d="M8.01637 16.3414L7.5 15.825L15.0606 8.25H8.09137V7.5L16.3414 7.5V15.75H15.5914V8.78081L8.01637 16.3414Z"
                                            fill="white"></path>
                                    </svg>
                                                            </a>

                                                    </li>
                                            
                        <li class="header-menu-item has-children relative ">
                            <a class="flex items-center gap-[5px]" href="javascript://">
                                За компанията                                                                    <svg class="xl:block hidden" width="7" height="9" viewBox="0 0 7 9" fill="none"
                                        xmlns="http://www.w3.org/2000/svg">
                                        <path
                                            d="M3.5 8.5L0 4.90389L0.4667 4.42437L3.17029 7.20221V0.5H3.82971V7.20221L6.5333 4.42437L7 4.90389L3.5 8.5Z"
                                            fill="black" />
                                    </svg>
                                    <svg class="xl:hidden self-start min-w-[24px] max-w-[24px]" width="24" height="24"
                                        viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
                                        <circle cx="12" cy="12" r="12" fill="#013366" />
                                        <path
                                            d="M8.01637 16.3414L7.5 15.825L15.0606 8.25H8.09137V7.5L16.3414 7.5V15.75H15.5914V8.78081L8.01637 16.3414Z"
                                            fill="white" />
                                    </svg>
                                                            </a>

                                                            <!-- Regular submenu dropdown (like Технология, За компанията) -->
                                <div
                                    class="header-menu-dropdown hidden xl:absolute xl:top-full xl:left-0 xl:mt-[30px] xl:group-hover/header:block xl:min-w-[464px] py-[20px] px-[20px] bg-[rgb(247_247_247/0.8)] backdrop-blur-[30px] rounded-[8px] z-[1001]">
                                    <ul>
                                                                                    <li>
                                                <a class="header-dropdown-link-inner flex items-center justify-between gap-[10px] p-[10px] bg-white rounded-[8px]"
                                                    href="https://www.firepro.bg/bg/about">
                                                    <div
                                                        class="flex items-center justify-center w-[69px] min-w-[69px] max-w-[69px] h-[69px] border-[1px] border-[rgb(0_46_87/1)] rounded-[4px]">
                                                        <svg width="50" height="50" viewBox="0 0 50 50" fill="none"
                                                            xmlns="http://www.w3.org/2000/svg">
                                                            <path d="M19.6665 25.0004L23.2665 28.6004L30.3332 21.4004"
                                                                stroke="#013366" stroke-width="2" stroke-linecap="round"
                                                                stroke-linejoin="round" />
                                                            <path
                                                                d="M25.0002 35.6673C30.8912 35.6673 35.6668 30.8917 35.6668 25.0007C35.6668 19.1096 30.8912 14.334 25.0002 14.334C19.1091 14.334 14.3335 19.1096 14.3335 25.0007C14.3335 30.8917 19.1091 35.6673 25.0002 35.6673Z"
                                                                stroke="#013366" stroke-width="2" stroke-linecap="round"
                                                                stroke-linejoin="round" />
                                                        </svg>
                                                    </div>
                                                    <span
                                                        class="block text-[16px] font-normal">За нас</span>
                                                    <svg class="self-start min-w-[24px] max-w-[24px]" width="24"
                                                        height="24" viewBox="0 0 24 24" fill="none"
                                                        xmlns="http://www.w3.org/2000/svg">
                                                        <circle cx="12" cy="12" r="12" fill="#013366"></circle>
                                                        <path
                                                            d="M8.01637 16.3414L7.5 15.825L15.0606 8.24999H8.09137V7.49999L16.3414 7.49999V15.75H15.5914V8.7808L8.01637 16.3414Z"
                                                            fill="white"></path>
                                                    </svg>
                                                </a>
                                            </li>
                                                                                    <li>
                                                <a class="header-dropdown-link-inner flex items-center justify-between gap-[10px] p-[10px] bg-white rounded-[8px]"
                                                    href="https://www.firepro.bg/bg/questions">
                                                    <div
                                                        class="flex items-center justify-center w-[69px] min-w-[69px] max-w-[69px] h-[69px] border-[1px] border-[rgb(0_46_87/1)] rounded-[4px]">
                                                        <svg width="50" height="50" viewBox="0 0 50 50" fill="none"
                                                            xmlns="http://www.w3.org/2000/svg">
                                                            <path d="M19.6665 25.0004L23.2665 28.6004L30.3332 21.4004"
                                                                stroke="#013366" stroke-width="2" stroke-linecap="round"
                                                                stroke-linejoin="round" />
                                                            <path
                                                                d="M25.0002 35.6673C30.8912 35.6673 35.6668 30.8917 35.6668 25.0007C35.6668 19.1096 30.8912 14.334 25.0002 14.334C19.1091 14.334 14.3335 19.1096 14.3335 25.0007C14.3335 30.8917 19.1091 35.6673 25.0002 35.6673Z"
                                                                stroke="#013366" stroke-width="2" stroke-linecap="round"
                                                                stroke-linejoin="round" />
                                                        </svg>
                                                    </div>
                                                    <span
                                                        class="block text-[16px] font-normal">Въпроси и отговори</span>
                                                    <svg class="self-start min-w-[24px] max-w-[24px]" width="24"
                                                        height="24" viewBox="0 0 24 24" fill="none"
                                                        xmlns="http://www.w3.org/2000/svg">
                                                        <circle cx="12" cy="12" r="12" fill="#013366"></circle>
                                                        <path
                                                            d="M8.01637 16.3414L7.5 15.825L15.0606 8.24999H8.09137V7.49999L16.3414 7.49999V15.75H15.5914V8.7808L8.01637 16.3414Z"
                                                            fill="white"></path>
                                                    </svg>
                                                </a>
                                            </li>
                                                                            </ul>
                                </div>
                                                    </li>
                                            
                        <li class="header-menu-item  ">
                            <a class="flex items-center gap-[5px]" href="https://www.firepro.bg/bg/videos">
                                Видео                                                                    <svg class="xl:hidden self-start" width="24" height="24" viewBox="0 0 24 24"
                                        fill="none" xmlns="http://www.w3.org/2000/svg">
                                        <circle cx="12" cy="12" r="12" fill="#013366"></circle>
                                        <path
                                            d="M8.01637 16.3414L7.5 15.825L15.0606 8.25H8.09137V7.5L16.3414 7.5V15.75H15.5914V8.78081L8.01637 16.3414Z"
                                            fill="white"></path>
                                    </svg>
                                                            </a>

                                                    </li>
                                            
                        <li class="header-menu-item  ">
                            <a class="flex items-center gap-[5px]" href="https://www.firepro.bg/bg/news">
                                Новини                                                                    <svg class="xl:hidden self-start" width="24" height="24" viewBox="0 0 24 24"
                                        fill="none" xmlns="http://www.w3.org/2000/svg">
                                        <circle cx="12" cy="12" r="12" fill="#013366"></circle>
                                        <path
                                            d="M8.01637 16.3414L7.5 15.825L15.0606 8.25H8.09137V7.5L16.3414 7.5V15.75H15.5914V8.78081L8.01637 16.3414Z"
                                            fill="white"></path>
                                    </svg>
                                                            </a>

                                                    </li>
                    							<li class="header-menu-item  " style="">
                            <a class="flex items-center gap-[5px]" href="https://www.firepro.bg/bg/contacts" >
                           Контакти 
						   <svg class="xl:hidden self-start" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
                                        <circle cx="12" cy="12" r="12" fill="#013366"></circle>
                                        <path d="M8.01637 16.3414L7.5 15.825L15.0606 8.25H8.09137V7.5L16.3414 7.5V15.75H15.5914V8.78081L8.01637 16.3414Z" fill="white"></path>
                                    </svg>
                                                            </a>

                                                    </li>
                </ul>
            </div>

            <div class="header-actions flex items-center gap-[8px]">
                <a class="flex items-center justify-center w-[32px] h-[32px] bg-blue rounded-[50%]"
                    data-modal-target="search-modal" data-modal-toggle="search-modal" href="javascript://">
                    <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
                        <mask id="mask0_191_797" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="0" y="0"
                            width="16" height="16">
                            <path d="M0 8.00001C0 3.58173 3.58172 7.62939e-06 8 7.62939e-06H16V16H0V8.00001Z"
                                fill="#D9D9D9" />
                        </mask>
                        <g mask="url(#mask0_191_797)">
                            <path
                                d="M12.9893 13.4358L8.81492 9.2615C8.48159 9.54528 8.09825 9.76495 7.66492 9.9205C7.23159 10.0761 6.79614 10.1538 6.35859 10.1538C5.29081 10.1538 4.38709 9.78423 3.64742 9.045C2.90786 8.30578 2.53809 7.40261 2.53809 6.3355C2.53809 5.26828 2.9077 4.36434 3.64692 3.62367C4.38614 2.88311 5.28931 2.51284 6.35642 2.51284C7.42364 2.51284 8.32759 2.88261 9.06825 3.62217C9.80881 4.36184 10.1791 5.26556 10.1791 6.33334C10.1791 6.79656 10.097 7.24484 9.93292 7.67817C9.76881 8.1115 9.55342 8.482 9.28675 8.78967L13.4611 12.9642L12.9893 13.4358ZM6.35859 9.48717C7.24314 9.48717 7.98992 9.18267 8.59892 8.57367C9.20792 7.96478 9.51242 7.218 9.51242 6.33334C9.51242 5.44867 9.20792 4.70189 8.59892 4.093C7.98992 3.484 7.24314 3.1795 6.35859 3.1795C5.47392 3.1795 4.72714 3.484 4.11825 4.093C3.50925 4.70189 3.20475 5.44867 3.20475 6.33334C3.20475 7.218 3.50925 7.96478 4.11825 8.57367C4.72714 9.18267 5.47392 9.48717 6.35859 9.48717Z"
                                fill="white" />
                        </g>
                    </svg>
                </a>

                <div class="relative inline-block text-left">
                    <button type="button"
                        class="language-switcher flex items-center justify-center rounded-[50%] border-[1px] border-blue text-[12px] font-normal text-blue w-[32px] h-[32px]"
                        id="langMenuButton">
                        BG                    </button>

                    <div class="absolute right-0 mt-2 w-24 bg-white rounded shadow-md hidden" id="langMenu">
                        <a href="https://www.firepro.bg/lang/en"
                            class="block px-4 py-2 text-gray-800 hover:bg-gray-200">EN</a>
                        <a href="https://www.firepro.bg/lang/bg"
                            class="block px-4 py-2 text-gray-800 hover:bg-gray-200">BG</a>
                    </div>
                </div>
               

                <script>
                    document.getElementById('langMenuButton').addEventListener('click', function () {
                        document.getElementById('langMenu').classList.toggle('hidden');
                    });
                </script>
                <a class="header-mobile-btn xl:hidden" href="javascript://">
                    <svg width="27" height="26" viewBox="0 0 27 26" fill="none" xmlns="http://www.w3.org/2000/svg">
                        <path d="M14.5273 1.87305L1 15.4003" stroke="#013366" stroke-width="2" stroke-linecap="round" />
                        <path d="M25.4355 11.4727L11.9082 25" stroke="#013366" stroke-width="2" stroke-linecap="round" />
                        <path d="M25.8719 1L1.43555 24.5636" stroke="#013366" stroke-width="2" stroke-linecap="round" />
                    </svg>

                </a>
            </div>
        </div>
    </div>
</header>


    <main>
        <div class="overflow-hidden">
    <div class="hero-bg relative bg-no-repeat bg-cover h-svh lg:pt-[144px] pt-[100px] mb-[70px] relative">
        <div class="absolute top-0 left-0 w-full h-full overflow-hidden">
            <div class="hero-bg-anim bg-no-repeat bg-cover absolute top-0 left-0 w-full h-full"
                style="background-image:url('https://www.firepro.bg/images/832.png');">
            </div>
        </div>
        <div class="breadcrumbs mb-[15px] flex items-center gap-[5px] px-[12px] z-[1] relative">
          
             <a href="https://www.firepro.bg/bg">Начало</a>
            <span>Проекти</span>
        </div>
        <h1 class="text-blue font-extrabold text-center px-[12px] lines-animation relative">Проекти</h1>
        <svg width="1431" height="162" viewBox="0 0 1431 162" fill="none" xmlns="http://www.w3.org/2000/svg">
            <path
                d="M9.083 79.8945C9.56515 76.0372 12.7503 73.0849 16.6329 72.8962L1516.5 0.00952089C1520.01 -0.16104 1523.22 1.97869 1524.41 5.28391L1566.13 120.848C1567.99 126.002 1564.23 131.459 1558.75 131.563L8.15306 161.047C3.28081 161.14 -0.541639 156.892 0.0627987 152.056L9.083 79.8945Z"
                fill="#EC1F2A" />
        </svg>
    </div>
</div>

<div class="max-w-[660px] w-full mx-auto px-[12px] lg:mb-[96px] mb-[60px]">
    <h2 class="text-center text-blue font-extrabold mb-[20px] lines-animation">Противопожарни системи</h2>
    <div class="editor flex flex-col gap-[24px] mb-[45px]">
        <p class="lines-animation">Нашите казуси показват успешните резултати, които сме постигнали за нашите клиенти. Вижте как нашият опит и решения са помогнали на бизнеси точно като вашия.</p>
    </div>
</div>

<div class="marquee-slider-wrapper overflow-hidden lg:mb-[100px] mb-[60px]">
    <h4 class="text-blue font-bold mb-[50px] px-[12px] text-center lines-animation">Одобрено от</h4>
    <div class="marquee-slider">
        <div class="marquee">
            <div class="marquee__group flex items-center gap-[24px]">
                <div
                    class="max-w-[196px] min-w-[196px] bg-lightbg rounded-[8px] h-[96px] flex items-center justify-center px-[7px]">
                    <img class="object-contain" src="https://www.firepro.bg/images/1.png" alt="image">
                </div>
                <div
                    class="max-w-[196px] min-w-[196px] bg-lightbg rounded-[8px] h-[96px] flex items-center justify-center px-[7px]">
                    <img class="object-contain" src="https://www.firepro.bg/images/22.png" alt="image">
                </div>
                <div
                    class="max-w-[196px] min-w-[196px] bg-lightbg rounded-[8px] h-[96px] flex items-center justify-center px-[7px]">
                    <img class="object-contain" src="https://www.firepro.bg/images/3.png" alt="image">
                </div>
                <div
                    class="max-w-[196px] min-w-[196px] bg-lightbg rounded-[8px] h-[96px] flex items-center justify-center px-[7px]">
                    <img class="object-contain" src="https://www.firepro.bg/images/4.png" alt="image">
                </div>
                <div
                    class="max-w-[196px] min-w-[196px] bg-lightbg rounded-[8px] h-[96px] flex items-center justify-center px-[7px]">
                    <img class="object-contain" src="https://www.firepro.bg/images/5.png" alt="image">
                </div>
                <div
                    class="max-w-[196px] min-w-[196px] bg-lightbg rounded-[8px] h-[96px] flex items-center justify-center px-[7px]">
                    <img class="object-contain" src="https://www.firepro.bg/images/6.png" alt="image">
                </div>
                <div
                    class="max-w-[196px] min-w-[196px] bg-lightbg rounded-[8px] h-[96px] flex items-center justify-center px-[7px]">
                    <img class="object-contain" src="https://www.firepro.bg/images/7.png" alt="image">
                </div>
            </div>
        </div>
    </div>
</div>

<div class="max-w-[1320px] w-full mx-auto px-[12px] mb-[65px]">
    <h5 class="text-black font-semibold mb-[35px]">Филтери</h5>
    
    <form method="GET" action="https://www.firepro.bg/bg/projects" id="filterForm">
        <div class="flex lg:items-center gap-[24px] mb-[50px] lg:flex-row flex-col">
            
            <!-- First Select - Software Category 2 (Industry) -->
            <div class="max-w-[306px] w-full">
                <span class="block text-black text-[12px] font-normal mb-[8px]">По индустрия:</span>
                <label class="relative max-w-[306px] w-full block cursor-pointer">
                    <select name="software_cat2" onchange="document.getElementById('filterForm').submit();"
                        class="px-[15px] py-[20px] border-[1px] border-black rounded-[48px] w-full appearance-none cursor-pointer">
                        <option value="">Избери индустрия</option>
                                                    <option value="13" >
                                Mедии                            </option>
                                                    <option value="14" >
                                Mинната промишленост                            </option>
                                                    <option value="3" >
                                Автомобилна индустрия                            </option>
                                                    <option value="24" >
                                Безопасност и спасяване                            </option>
                                                    <option value="22" >
                                Възобновяема енергия                            </option>
                                                    <option value="7" >
                                Защита                            </option>
                                                    <option value="9" >
                                Здравеопазване                            </option>
                                                    <option value="1" >
                                Земеделски                            </option>
                                                    <option value="6" >
                                Изследвания и разработки по поръчка                            </option>
                                                    <option value="5" >
                                Културно наследство                            </option>
                                                    <option value="2" >
                                Летища и авиация                            </option>
                                                    <option value="12" >
                                Морски                            </option>
                                                    <option value="17" >
                                Нефт и газ                            </option>
                                                    <option value="20" >
                                Обработка                            </option>
                                                    <option value="16" >
                                Офшорни                            </option>
                                                    <option value="11" >
                                Производство                            </option>
                                                    <option value="19" >
                                Производство на енергия                            </option>
                                                    <option value="28" >
                                Складиране                            </option>
                                                    <option value="26" >
                                Телекомуникации                            </option>
                                                    <option value="27" >
                                Транспорт                            </option>
                                                    <option value="23" >
                                Търговия на дребно                            </option>
                                                    <option value="21" >
                                Управление на записи                            </option>
                                                    <option value="25" >
                                Услуги                            </option>
                                                    <option value="18" >
                                Фармацевтични продукти                            </option>
                                                    <option value="4" >
                                Химикали                            </option>
                                                    <option value="10" >
                                Хотелиерство                            </option>
                                                    <option value="8" >
                                Храни и напитки                            </option>
                                                    <option value="15" >
                                Ядрена енергия                            </option>
                                            </select>
                    <svg class="absolute top-[42%] right-[15px] pointer-events-none" width="11" height="12"
                        viewBox="0 0 11 12" fill="none" xmlns="http://www.w3.org/2000/svg">
                        <path
                            d="M5.30775 11.8077L0 6.5L0.70775 5.79225L4.80775 9.89225V0H5.80775V9.89225L9.90775 5.79225L10.6155 6.5L5.30775 11.8077Z"
                            fill="#1C1B1F" />
                    </svg>
                </label>
            </div>
            
            <!-- Second Select - Software Category 1 (Application) -->
            <div class="max-w-[306px] w-full">
                <span class="block text-black text-[12px] font-normal mb-[8px]">По приложение:</span>
                <label class="relative max-w-[306px] w-full block cursor-pointer">
                    <select name="software_cat1" onchange="document.getElementById('filterForm').submit();"
                        class="px-[15px] py-[20px] border-[1px] border-black rounded-[48px] w-full appearance-none cursor-pointer">
                        <option value="">Избери приложение</option>
                                                    <option value="35" >
                                Архиви                            </option>
                                                    <option value="33" >
                                Дизелови генератори                            </option>
                                                    <option value="31" >
                                Електрически контролни помещения                            </option>
                                                    <option value="29" >
                                Електрически табла и шкафове                            </option>
                                                    <option value="36" >
                                Машинни отделения на кораби                            </option>
                                                    <option value="34" >
                                Помещения за оловно-киселинни батерии                            </option>
                                                    <option value="30" >
                                Силов трансформатор /трансформаторни помещения/                            </option>
                                                    <option value="32" >
                                Системи за съхранение на енергия                            </option>
                                            </select>
                    <svg class="absolute top-[42%] right-[15px] pointer-events-none" width="11" height="12"
                        viewBox="0 0 11 12" fill="none" xmlns="http://www.w3.org/2000/svg">
                        <path
                            d="M5.30775 11.8077L0 6.5L0.70775 5.79225L4.80775 9.89225V0H5.80775V9.89225L9.90775 5.79225L10.6155 6.5L5.30775 11.8077Z"
                            fill="#1C1B1F" />
                    </svg>
                </label>
            </div>
            
            <!-- Clear Filters Link -->
            <a class="text-[16px] font-normal text-blue relative lg:top-[10px]" 
               href="https://www.firepro.bg/bg/projects">Изчисти</a>
        </div>
    </form>
    
    <div>
        <div class="cards-container grid grid-cols-[repeat(auto-fit,minmax(280px,416px))] gap-[24px] justify-center">
            
                            <a href="https://www.firepro.bg/bg/servicea/samsungsdi"
                    class="news-item px-[8px] pt-[8px] pb-[10px] bg-bluegrey rounded-[8px] flex flex-col item">
                    <span class="flex items-center justify-center card-img relative mb-[15px]">
                        <img src="https://www.firepro.bg/img/services/Samsung-SDI-Case-study.jpg" alt="image">
                        <svg class="absolute top-[7px] right-[7px]" width="39" height="39" viewBox="0 0 39 39" fill="none"
                            xmlns="http://www.w3.org/2000/svg">
                            <circle cx="19.173" cy="19.173" r="19.173" fill="#013366" />
                            <path
                                d="M12.8075 26.1097L11.9824 25.2847L24.0623 13.1817H12.9273V11.9834H26.1087V25.1648H24.9104V14.0298L12.8075 26.1097Z"
                                fill="white" />
                        </svg>
                    </span>
                    <span class="block text-triadblue mb-[20px] font-semibold">Samsung SDI</span>
                    <span class="flex items-center gap-[15px] flex-wrap card-item-tags">
                                                    <span class="card-item-tag px-[10px] flex items-center justify-center py-[8px] text-[16px] font-normal rounded-[48px] text-triadblue">
                                Услуги                            </span>
                                                    <span class="card-item-tag px-[10px] flex items-center justify-center py-[8px] text-[16px] font-normal rounded-[48px] text-triadblue">
                                Помещения за оловно-киселинни батерии                            </span>
                                            </span>
                </a>
                            <a href="https://www.firepro.bg/bg/servicea/bloomberg"
                    class="news-item px-[8px] pt-[8px] pb-[10px] bg-bluegrey rounded-[8px] flex flex-col item">
                    <span class="flex items-center justify-center card-img relative mb-[15px]">
                        <img src="https://www.firepro.bg/img/services/bloomberg-case-study.png" alt="image">
                        <svg class="absolute top-[7px] right-[7px]" width="39" height="39" viewBox="0 0 39 39" fill="none"
                            xmlns="http://www.w3.org/2000/svg">
                            <circle cx="19.173" cy="19.173" r="19.173" fill="#013366" />
                            <path
                                d="M12.8075 26.1097L11.9824 25.2847L24.0623 13.1817H12.9273V11.9834H26.1087V25.1648H24.9104V14.0298L12.8075 26.1097Z"
                                fill="white" />
                        </svg>
                    </span>
                    <span class="block text-triadblue mb-[20px] font-semibold">Bloomberg</span>
                    <span class="flex items-center gap-[15px] flex-wrap card-item-tags">
                                                    <span class="card-item-tag px-[10px] flex items-center justify-center py-[8px] text-[16px] font-normal rounded-[48px] text-triadblue">
                                Услуги                            </span>
                                                    <span class="card-item-tag px-[10px] flex items-center justify-center py-[8px] text-[16px] font-normal rounded-[48px] text-triadblue">
                                Дизелови генератори                            </span>
                                            </span>
                </a>
                            <a href="https://www.firepro.bg/bg/servicea/LakeTurkanaWindPower"
                    class="news-item px-[8px] pt-[8px] pb-[10px] bg-bluegrey rounded-[8px] flex flex-col item">
                    <span class="flex items-center justify-center card-img relative mb-[15px]">
                        <img src="https://www.firepro.bg/img/services/lake-turkana-wind-project-case-study.jpg" alt="image">
                        <svg class="absolute top-[7px] right-[7px]" width="39" height="39" viewBox="0 0 39 39" fill="none"
                            xmlns="http://www.w3.org/2000/svg">
                            <circle cx="19.173" cy="19.173" r="19.173" fill="#013366" />
                            <path
                                d="M12.8075 26.1097L11.9824 25.2847L24.0623 13.1817H12.9273V11.9834H26.1087V25.1648H24.9104V14.0298L12.8075 26.1097Z"
                                fill="white" />
                        </svg>
                    </span>
                    <span class="block text-triadblue mb-[20px] font-semibold">Lake Turkana Wind Power</span>
                    <span class="flex items-center gap-[15px] flex-wrap card-item-tags">
                                                    <span class="card-item-tag px-[10px] flex items-center justify-center py-[8px] text-[16px] font-normal rounded-[48px] text-triadblue">
                                Възобновяема енергия                            </span>
                                                    <span class="card-item-tag px-[10px] flex items-center justify-center py-[8px] text-[16px] font-normal rounded-[48px] text-triadblue">
                                Системи за съхранение на енергия                            </span>
                                            </span>
                </a>
                            <a href="https://www.firepro.bg/bg/servicea/samsungsdi3"
                    class="news-item px-[8px] pt-[8px] pb-[10px] bg-bluegrey rounded-[8px] flex flex-col item">
                    <span class="flex items-center justify-center card-img relative mb-[15px]">
                        <img src="https://www.firepro.bg/img/services/glencore.png" alt="image">
                        <svg class="absolute top-[7px] right-[7px]" width="39" height="39" viewBox="0 0 39 39" fill="none"
                            xmlns="http://www.w3.org/2000/svg">
                            <circle cx="19.173" cy="19.173" r="19.173" fill="#013366" />
                            <path
                                d="M12.8075 26.1097L11.9824 25.2847L24.0623 13.1817H12.9273V11.9834H26.1087V25.1648H24.9104V14.0298L12.8075 26.1097Z"
                                fill="white" />
                        </svg>
                    </span>
                    <span class="block text-triadblue mb-[20px] font-semibold">Glencore Mount Isa Mines</span>
                    <span class="flex items-center gap-[15px] flex-wrap card-item-tags">
                                                    <span class="card-item-tag px-[10px] flex items-center justify-center py-[8px] text-[16px] font-normal rounded-[48px] text-triadblue">
                                Mинната промишленост                            </span>
                                                    <span class="card-item-tag px-[10px] flex items-center justify-center py-[8px] text-[16px] font-normal rounded-[48px] text-triadblue">
                                Силов трансформатор /трансформаторни помещения/                            </span>
                                            </span>
                </a>
                            <a href="https://www.firepro.bg/bg/servicea/TheCanadianCoastGuard"
                    class="news-item px-[8px] pt-[8px] pb-[10px] bg-bluegrey rounded-[8px] flex flex-col item">
                    <span class="flex items-center justify-center card-img relative mb-[15px]">
                        <img src="https://www.firepro.bg/img/services/canadian-coast-guard.jpg" alt="image">
                        <svg class="absolute top-[7px] right-[7px]" width="39" height="39" viewBox="0 0 39 39" fill="none"
                            xmlns="http://www.w3.org/2000/svg">
                            <circle cx="19.173" cy="19.173" r="19.173" fill="#013366" />
                            <path
                                d="M12.8075 26.1097L11.9824 25.2847L24.0623 13.1817H12.9273V11.9834H26.1087V25.1648H24.9104V14.0298L12.8075 26.1097Z"
                                fill="white" />
                        </svg>
                    </span>
                    <span class="block text-triadblue mb-[20px] font-semibold">The Canadian Coast Guard</span>
                    <span class="flex items-center gap-[15px] flex-wrap card-item-tags">
                                                    <span class="card-item-tag px-[10px] flex items-center justify-center py-[8px] text-[16px] font-normal rounded-[48px] text-triadblue">
                                Морски                            </span>
                                                    <span class="card-item-tag px-[10px] flex items-center justify-center py-[8px] text-[16px] font-normal rounded-[48px] text-triadblue">
                                Машинни отделения на кораби                            </span>
                                            </span>
                </a>
                            <a href="https://www.firepro.bg/bg/servicea/PanAmericanSilver"
                    class="news-item px-[8px] pt-[8px] pb-[10px] bg-bluegrey rounded-[8px] flex flex-col item">
                    <span class="flex items-center justify-center card-img relative mb-[15px]">
                        <img src="https://www.firepro.bg/img/services/pan-american-silver-case-study.jpg" alt="image">
                        <svg class="absolute top-[7px] right-[7px]" width="39" height="39" viewBox="0 0 39 39" fill="none"
                            xmlns="http://www.w3.org/2000/svg">
                            <circle cx="19.173" cy="19.173" r="19.173" fill="#013366" />
                            <path
                                d="M12.8075 26.1097L11.9824 25.2847L24.0623 13.1817H12.9273V11.9834H26.1087V25.1648H24.9104V14.0298L12.8075 26.1097Z"
                                fill="white" />
                        </svg>
                    </span>
                    <span class="block text-triadblue mb-[20px] font-semibold">Pan American Silver</span>
                    <span class="flex items-center gap-[15px] flex-wrap card-item-tags">
                                                    <span class="card-item-tag px-[10px] flex items-center justify-center py-[8px] text-[16px] font-normal rounded-[48px] text-triadblue">
                                Mинната промишленост                            </span>
                                                    <span class="card-item-tag px-[10px] flex items-center justify-center py-[8px] text-[16px] font-normal rounded-[48px] text-triadblue">
                                Архиви                            </span>
                                            </span>
                </a>
                    </div>
    </div>
</div>

<div class="px-[12px]">
        <div class="max-w-[1068px] w-full bg-[rgba(242_244_246)] px-[12px] rounded-[8px] mx-auto py-[50px]">
            <div class="max-w-[628px] w-full mx-auto">
                <h4 class="text-blue font-extrabold text-center mb-[20px]">Готови ли сте да се защитите?</h4>
                <div class="editor mb-[30px]">
                    <p class="text-blue">Говорете с експерт по пожарогасене и вижте какво може да направи FirePro за вас.</p>
                </div>
                <div class="flex items-center justify-center">
                    <a class="flex items-center justify-between gap-[15px] text-[16px] font-normal text-white pl-[20px] pr-[5px] py-[8px] rounded-[48px] bg-blue min-w-[196px] w-fit btn-hov" data-modal-target="contact-modal" data-modal-toggle="contact-modal" href="javascript://"><svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
                        <circle cx="16" cy="16" r="16" fill="#A11219"></circle>
                        <path d="M8.0454 16.3812L8.0454 15.4075L22.3153 15.3939L15.7447 8.82325L16.4518 8.11615L24.23 15.8943L16.4518 23.6725L15.7447 22.9654L22.3153 16.3948L8.0454 16.3812Z" fill="white"></path>
                    </svg><span>Свържи се с нас</span><svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
                            <circle cx="16" cy="16" r="16" fill="white"></circle>
                            <path d="M10.6885 21.7885L10 21.1L20.0808 11H10.7885V10H21.7885V21H20.7885V11.7077L10.6885 21.7885Z" fill="#013366"></path>
                        </svg>
                    </a>
                </div>
            </div>
        </div>
    </div>
    
    <script>
document.addEventListener('DOMContentLoaded', function() {
    const filterForm = document.getElementById('filterForm');
    const cardsContainer = document.querySelector('.cards-container');
    
    // Remove onchange from selects and add event listeners
    const selects = filterForm.querySelectorAll('select');
    selects.forEach(select => {
        select.removeAttribute('onchange');
        select.addEventListener('change', function() {
            filterProjects();
        });
    });
    
    function filterProjects() {
        const formData = new FormData(filterForm);
        const params = new URLSearchParams(formData);
        
        // Update URL without reload
        const newUrl = 'https://www.firepro.bg/bg/projects?' + params.toString();
        window.history.pushState({}, '', newUrl);
        
        // Fetch filtered results
        fetch(newUrl, {
            headers: {
                'X-Requested-With': 'XMLHttpRequest'
            }
        })
        .then(response => response.text())
        .then(html => {
            const parser = new DOMParser();
            const doc = parser.parseFromString(html, 'text/html');
            const newCards = doc.querySelector('.cards-container');
            if (newCards) {
                cardsContainer.innerHTML = newCards.innerHTML;
            }
        })
        .catch(error => console.error('Error:', error));
    }
});
</script>
    </main>

   
    <footer class="footer mt-[50px] px-[24px]">
        <div class="flex items-end justify-end flex-col gap-[25px] lg:px-[60px] px-[12px] mb-[40px] footer-actions">
            <a class="footer-back-top" href="javascript://">
                <svg width="64" height="64" viewBox="0 0 64 64" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <circle cx="32" cy="32" r="32" fill="#E6EAEE" />
                    <path
                        d="M31.3406 40V26.5956L25.9334 32.1513L25 31.1922L32 24L39 31.1922L38.0666 32.1513L32.6594 26.5956V40H31.3406Z"
                        fill="#013366" />
                </svg>

            </a>
            <a
                class="items-center justify-between gap-[15px] text-[16px] font-normal text-white pl-[20px] pr-[5px] py-[8px] rounded-[48px] bg-blue min-w-[196px] w-fit btn-hov lg:flex hidden"
                href="https://www.firepro.bg/bg/contacts"><svg width="32" height="32" viewBox="0 0 32 32" fill="none"
                    xmlns="http://www.w3.org/2000/svg">
                    <circle cx="16" cy="16" r="16" fill="#A11219"></circle>
                    <path
                        d="M8.0454 16.3812L8.0454 15.4075L22.3153 15.3939L15.7447 8.82325L16.4518 8.11615L24.23 15.8943L16.4518 23.6725L15.7447 22.9654L22.3153 16.3948L8.0454 16.3812Z"
                        fill="white"></path>
                </svg><span>Свържи се с нас</span><svg width="32" height="32" viewBox="0 0 32 32" fill="none"
                    xmlns="http://www.w3.org/2000/svg">
                    <circle cx="16" cy="16" r="16" fill="white"></circle>
                    <path d="M10.6885 21.7885L10 21.1L20.0808 11H10.7885V10H21.7885V21H20.7885V11.7077L10.6885 21.7885Z"
                        fill="#013366"></path>
                </svg>
            </a>
            <a href="javascript://" class="lg:hidden flex items-center justify-center" data-modal-target="contact-modal" data-modal-toggle="contact-modal">
                <svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <circle cx="20" cy="20" r="20" fill="#013366"/>
                    <path d="M26.4976 27.4995C24.9171 27.4995 23.297 27.1038 21.6371 26.3124C19.9773 25.5208 18.4352 24.4099 17.0108 22.9796C15.5866 21.5494 14.4787 20.0074 13.6871 18.3535C12.8957 16.6996 12.5 15.0824 12.5 13.5019C12.5 13.2155 12.5938 12.9769 12.7812 12.7859C12.9688 12.595 13.2031 12.4995 13.4844 12.4995H15.8028C16.0577 12.4995 16.28 12.5797 16.4698 12.7402C16.6598 12.9007 16.7885 13.1065 16.8559 13.3578L17.3209 15.5933C17.3641 15.8553 17.3563 16.0843 17.2974 16.2802C17.2385 16.4762 17.1345 16.6366 16.9855 16.7616L14.9286 18.6797C15.3131 19.378 15.7383 20.0268 16.2041 20.626C16.6698 21.2252 17.1666 21.7928 17.6942 22.3287C18.2386 22.8733 18.8245 23.3796 19.452 23.8477C20.0794 24.3158 20.768 24.7579 21.518 25.1738L23.5229 23.1329C23.6755 22.9682 23.8471 22.8597 24.0376 22.8076C24.228 22.7552 24.4387 22.7447 24.6695 22.7759L26.6417 23.1797C26.8966 23.2422 27.1034 23.3706 27.2621 23.5648C27.4207 23.7589 27.5 23.9815 27.5 24.2328V26.5151C27.5 26.7964 27.4045 27.0308 27.2136 27.2183C27.0227 27.4058 26.784 27.4995 26.4976 27.4995ZM14.4887 17.7999L16.288 16.145C16.348 16.0969 16.387 16.0308 16.4052 15.9467C16.4231 15.8625 16.4201 15.7844 16.396 15.7123L15.9795 13.7255C15.9555 13.6293 15.9134 13.5572 15.8534 13.5092C15.7933 13.4611 15.7152 13.437 15.6191 13.437H13.6953C13.6231 13.437 13.563 13.4611 13.5151 13.5092C13.467 13.5572 13.4429 13.6172 13.4429 13.6894C13.4609 14.3301 13.5612 14.9989 13.7441 15.6959C13.9267 16.3931 14.1749 17.0944 14.4887 17.7999ZM22.4105 25.6137C23.0438 25.9275 23.719 26.1594 24.436 26.3096C25.1529 26.4599 25.7776 26.5404 26.3101 26.5512C26.3823 26.5512 26.4423 26.5272 26.4903 26.479C26.5384 26.4309 26.5625 26.3708 26.5625 26.2988V24.4165C26.5625 24.3204 26.5384 24.2423 26.4903 24.1822C26.4423 24.1222 26.3702 24.0801 26.274 24.0561L24.5396 23.7008C24.4676 23.6767 24.4045 23.6737 24.3505 23.6919C24.2963 23.7098 24.2391 23.7489 24.1791 23.809L22.4105 25.6137Z" fill="white"/>
                </svg>
            </a>
        </div>
        <div
            class="bg-footer pt-[50px] lg:pt-[120px] pb-[15px] position-relative bg rounded-t-[24px] bg-bluegrey mb-[10px]">
            <div class="px-[12px] max-auto ">
                <div
                    class="footer-row-top flex flex-col lg:flex-row xl:gap-[150px] gap-[40px] lg:mb-[80px] mb-[50px] justify-center">
                    <div class="footer-left">
                        <h6 class="text-black font-extrabold mb-[5px]">гр.София</h6>
						<p>гр. София, ул. Андрей Германов 7</p>
                        <a href="https://maps.app.goo.gl/4ukDZh53jnycX84w5"
                            target="_blank"
                            class="text-black text-[16px] fw-medium flex items-center gap-[5px] mb-[15px] lg:mb-[60px] mb-[40px]">Покажи на картата <svg width="33" height="8" viewBox="0 0 33 8" fill="none"
                                xmlns="http://www.w3.org/2000/svg">
                                <path
                                    d="M32.3536 4.03568C32.5488 3.84042 32.5488 3.52384 32.3536 3.32858L29.1716 0.146595C28.9763 -0.0486672 28.6597 -0.0486672 28.4645 0.146595C28.2692 0.341857 28.2692 0.65844 28.4645 0.853702L31.2929 3.68213L28.4645 6.51056C28.2692 6.70582 28.2692 7.0224 28.4645 7.21766C28.6597 7.41293 28.9763 7.41293 29.1716 7.21766L32.3536 4.03568ZM0 3.68213V4.18213H32V3.68213V3.18213H0V3.68213Z"
                                    fill="#013366" />
                            </svg>
                        </a>
                        <a href="tel:0887100112"
                            class="footer-phone text-black text-[23px] font-semibold">T:&nbsp;0887100112</a><br/>
							 <a href="mailto:office@firepro.bg"
                            class="footer-phone text-black text-[23px] font-semibold">Е:&nbsp;office@firepro.bg</a>
                    </div>
                    <div class="footer-menu-wrapper">
                        <h6 class="text-black font-semibold mb-[20px]">Продукти</h6>
                        <ul class="footer-menu">
						   				<li>
                                <a class="nav-link" href="https://www.firepro.bg/bg/products/цилиндрични-аерозолни-генератори" data-text="Цилиндрични аерозолни генератори"
                                    title=" Цилиндрични аерозолни генератори" aria-label=" Цилиндрични аерозолни генератори">
                                  Цилиндрични аерозолни генератори                                </a>
                            </li>		  
						  
						   				<li>
                                <a class="nav-link" href="https://www.firepro.bg/bg/products/аерозолни-генератори-тип-кутия" data-text="Аерозолни генератори тип кутия"
                                    title=" Аерозолни генератори тип кутия" aria-label=" Аерозолни генератори тип кутия">
                                  Аерозолни генератори тип кутия                                </a>
                            </li>		  
						  
						   				<li>
                                <a class="nav-link" href="https://www.firepro.bg/bg/products/аерозолни-генератори-hero" data-text="Аерозолни генератори Hero"
                                    title=" Аерозолни генератори Hero" aria-label=" Аерозолни генератори Hero">
                                  Аерозолни генератори Hero                                </a>
                            </li>		  
						  
						   				<li>
                                <a class="nav-link" href="https://www.firepro.bg/bg/products/atex-аерозолни-генератори" data-text="ATEX аерозолни генератори"
                                    title=" ATEX аерозолни генератори" aria-label=" ATEX аерозолни генератори">
                                  ATEX аерозолни генератори                                </a>
                            </li>		  
						  
						   				<li>
                                <a class="nav-link" href="https://www.firepro.bg/bg/products/velex" data-text="Velex"
                                    title=" Velex" aria-label=" Velex">
                                  Velex                                </a>
                            </li>		  
						  
						   
                        </ul>
                    </div>

                    <div class="footer-menu-wrapper">
                        <h6 class="text-black font-semibold mb-[20px]">Приложения</h6>
                        <ul class="footer-menu">
                            <li>
                                <a class="nav-link" href="https://www.firepro.bg/bg/application/elektricheskitabla" data-text="Електрически табла"
                                    title="Електрически табла" aria-label="Електрически табла">
                                    Електрически табла                                </a>
                            </li>
                            <li>
                                <a class="nav-link" href="https://www.firepro.bg/bg/application/pomeshteniqzabaterii" data-text="Акумулаторни помещения"
                                    title="Акумулаторни помещения" aria-label="Акумулаторни помещения">
                                    Акумулаторни помещения                                </a>
                            </li>
                            <li>
                                <a class="nav-link" href="https://www.firepro.bg/bg/application/elektricheskikontroli" data-text="Електрически помещения"
                                    title="Електрически помещения" aria-label="Електрически помещения">
                                    Електрически помещения</a>
                            </li>
                            <li>
                                <a class="nav-link" href="https://www.firepro.bg/bg/application/dizelovigeneratori" data-text="Дизел генератори"
                                    title="Дизел генератори" aria-label="Дизел генератори">Дизел генератори</a>
                            </li>
                            <li>
                                <a class="nav-link" href="https://www.firepro.bg/bg/application/arhivi" data-text="Архиви" title="Архиви"
                                    aria-label="Архиви">Архиви</a>
                            </li>
                        </ul>
                    </div>

                    <div class="footer-menu-wrapper">
                        <h6 class="text-black font-semibold mb-[20px]">Още</h6>
                        <ul class="footer-menu">
                            <li>
                                <a class="nav-link" href="https://www.firepro.bg/bg/certificates" data-text="Сертификати" title="Сертификати"
                                    aria-label="Сертификати">
                                    Сертификати                                </a>
                            </li>
                            <li>
                                <a class="nav-link" href="https://www.firepro.bg/bg/environment" data-text="Околна среда"
                                    title="Околна среда" aria-label="Околна среда">
                                    Околна среда                                </a>
                            </li>
                            <li>
                                <a class="nav-link" href="https://www.firepro.bg/bg/about" data-text="За нас" title="За нас"
                                    aria-label="За нас">
                                    За нас</a>
                            </li>
                            
                            <li>
                                <a data-modal-target="contact-modal" class="nav-link"
                                    href="https://www.firepro.bg/bg/contacts" data-text="Контакти" title="Контакти"
                                    aria-label="Контакти">Контакти</a>
                            </li>
                        </ul>
                    </div>

                    <div class="footer-menu-wrapper lg:hidden">
                        <h6 class="text-black font-semibold mb-[20px]">Социални мрежи</h6>
					                        <ul class="footer-menu">
						                            <li>
                                <a class="text-[16px] font-normal text-black" target="_blank" href="https://youtube.com/test">
                                    Youtube
                                </a>
                            </li>
							
							                            <li>
                                <a class="text-[16px] font-normal text-black" target="_blank" href="https://facebook.com/test">
                                    Facebook
                                </a>
                            </li>
								
							                            <li>
                                <a class="text-[16px] font-normal text-black" target="_blank" href="https://instagram.com/test">
                                    Instagram
                                </a>
                            </li>
							                        </ul>
                    </div>
                </div>
            </div>
        </div>

        <div
            class="lg:px-[225px] px-[12px] py-[10px] bg-bluegrey flex justify-between items-center gap-[10px] mb-[24px]">
            <div class="lg:flex hidden items-center gap-[24px]">							                <a class="text-[16px] font-normal text-black" target="_blank" href="https://youtube.com/test">
                    Youtube
                </a>
														                <a class="text-[16px] font-normal text-black" target="_blank" href="https://facebook.com/test">
                    Facebook
                </a>							                <a class="text-[16px] font-normal text-black" target="_blank" href="https://instagram.com/test">
                    Instagram
                </a>
						            </div>

            <div class="flex lg:items-center items-start lg:gap-[30px] gap-[15px] lg:flex-row flex-col">
                <a class="text-[16px] font-normal text-black" href="https://www.firepro.bg/bg/карта-сайт">
                    Карта на сайта                </a>

                <a class="text-[16px] font-normal text-black" href="https://www.firepro.bg/bg/страница/общи-условия">
                    Политика за поверителност                </a>

                <p class="text-black">2026 © www.firepro.bg</p>

            </div>
        </div>
        <div class="lg:pl-[225px] px-[12px] pr-[12px]">
            <a class="footer-created-by flex items-center gap-[10px] justify-start" target="_blank"
                href="https://www.update.bg/"><span class="text-black text-[12px] font-medium">design by</span><svg
                    xmlns="http://www.w3.org/2000/svg" width="100" height="33" viewBox="0 0 86 23" fill="none">
                    <path d="M2.7666 6.40564C3.10626 6.04419 3.47637 5.71355 3.87271 5.41748L2.7666 6.40564Z"
                        fill="#F9B233"></path>
                    <path
                        d="M21.8977 9.03342C21.8975 10.3805 21.3962 11.6778 20.494 12.6656C19.5919 13.6535 18.3555 14.2589 17.0324 14.3608C16.0249 14.3766 15.0265 14.5575 14.0759 14.8966C13.3396 15.1581 10.9393 16.1254 9.43972 18.5429C9.35755 18.676 9.2817 18.8108 9.20585 18.9488C8.91485 19.3785 8.52503 19.7298 8.07018 19.9721C7.61532 20.2144 7.10912 20.3406 6.59543 20.3396C6.32521 20.3378 6.0562 20.3028 5.79429 20.2353C5.5978 20.1849 5.40632 20.1161 5.22227 20.03C4.02237 19.4475 2.97541 18.5849 2.16708 17.5127C1.35876 16.4404 0.812055 15.1891 0.571736 13.8611C0.331417 12.5331 0.404312 11.1663 0.784453 9.87237C1.16459 8.57849 1.84117 7.39439 2.7588 6.41703C3.11303 6.06394 3.48654 5.73135 3.87755 5.42084C6.28456 3.49427 9.26153 2.44862 12.3267 2.45314C14.8119 2.44936 17.2507 3.13615 19.3789 4.43909C20.4463 5.14488 21.248 6.19557 21.6544 7.42123C21.8165 7.94277 21.8985 8.48653 21.8977 9.03342Z"
                        fill="#F9B233"></path>
                    <path
                        d="M14.487 20.9202C14.472 21.477 14.2436 22.0058 13.8503 22.3942C13.4571 22.7827 12.9301 23 12.3814 23C11.8328 23 11.3058 22.7827 10.9126 22.3942C10.5193 22.0058 10.2909 21.477 10.2759 20.9202C10.2758 20.8596 10.279 20.7991 10.2854 20.7389C10.3323 20.1906 10.5858 19.6819 10.9931 19.3186C11.4003 18.9554 11.93 18.7657 12.4716 18.789C13.0132 18.8124 13.5251 19.047 13.9006 19.4441C14.276 19.8411 14.4861 20.3698 14.487 20.9202Z"
                        fill="#F9B233"></path>
                    <path
                        d="M8.15022 19.4108C7.59109 19.4082 7.03894 19.2846 6.53055 19.0483H6.52107C5.23497 18.4257 4.11255 17.5026 3.24584 16.3545C2.37914 15.2064 1.79284 13.8661 1.53503 12.4435C1.27722 11.0209 1.35524 9.55655 1.76269 8.17049C2.17014 6.78443 2.89542 5.51615 3.87905 4.46967L3.89327 4.45523C4.26339 4.08669 4.65322 3.73913 5.06101 3.41413C7.57353 1.4064 10.6792 0.316827 13.8767 0.321303C16.4696 0.319032 19.0139 1.03508 21.2355 2.39228L21.2576 2.40671C21.9576 2.87994 23.2155 3.93709 23.7717 5.70969C24.0376 6.56462 24.1097 7.46951 23.9827 8.35673C23.8557 9.24395 23.5329 10.0906 23.0383 10.8333C22.5437 11.576 21.8901 12.1957 21.1265 12.646C20.3628 13.0963 19.5088 13.3656 18.6283 13.4337H18.5951C17.6507 13.4493 16.7149 13.6188 15.8235 13.9358C14.9654 14.2406 12.8212 15.1823 11.4907 17.3351C11.4164 17.4554 11.3437 17.5805 11.2742 17.7088L11.2426 17.7618C10.8977 18.2708 10.4359 18.6869 9.89711 18.9742C9.35834 19.2615 8.75879 19.4114 8.15022 19.4108ZM7.02988 17.9527C7.18245 18.0215 7.3412 18.0752 7.50393 18.1131C7.71774 18.1685 7.93745 18.197 8.15812 18.1981C8.56931 18.198 8.97446 18.0976 9.3394 17.9052C9.70433 17.7128 10.0184 17.4342 10.255 17.0928C10.3308 16.9533 10.413 16.8153 10.4936 16.6838C12.0311 14.2101 14.463 13.1354 15.4379 12.7889C16.4434 12.4322 17.4985 12.2405 18.5635 12.221C19.2632 12.1636 19.9412 11.947 20.5471 11.5873C21.1531 11.2275 21.6714 10.7338 22.0637 10.1428C22.4559 9.55175 22.712 8.87864 22.8129 8.1734C22.9139 7.46816 22.857 6.7489 22.6466 6.06902C22.2786 4.97977 21.5622 4.04687 20.6114 3.41894C18.3389 2.03242 15.705 1.38012 13.0589 1.54859C10.4128 1.71705 7.87976 2.69832 5.79578 4.36219C5.42428 4.6574 5.06925 4.97338 4.73233 5.30865C3.88112 6.21761 3.25392 7.3182 2.902 8.52042C2.55008 9.72263 2.48344 10.9923 2.70753 12.2257C2.93162 13.4591 3.44007 14.6211 4.19131 15.6167C4.94256 16.6124 5.91526 17.4134 7.02988 17.9543V17.9527Z"
                        fill="black"></path>
                    <path
                        d="M36.5141 12.2051C36.5218 12.6682 36.4078 13.125 36.1838 13.5285C35.9658 13.9137 35.6418 14.2259 35.2515 14.4269C34.8203 14.636 34.3484 14.7445 33.8705 14.7445C33.3926 14.7445 32.9207 14.636 32.4894 14.4269C32.098 14.2251 31.7722 13.9133 31.5508 13.5285C31.3228 13.1264 31.2065 12.669 31.2142 12.2051V8.7417H32.4183V12.2051C32.4083 12.4072 32.438 12.6094 32.5059 12.7997C32.5737 12.99 32.6782 13.1647 32.8133 13.3136C32.9499 13.4519 33.1132 13.56 33.293 13.631C33.4728 13.7019 33.6651 13.7342 33.8578 13.7258C34.0524 13.7352 34.2468 13.7035 34.4287 13.6328C34.6107 13.5621 34.7762 13.454 34.915 13.3152C35.0498 13.1661 35.1541 12.9914 35.222 12.8011C35.2898 12.6109 35.3197 12.4088 35.31 12.2067V8.7417H36.5141V12.2051Z"
                        fill="black"></path>
                    <path
                        d="M42.22 9.03003C42.6787 9.28467 43.0585 9.66408 43.3166 10.1257C43.5863 10.6153 43.7227 11.169 43.7116 11.7298C43.7203 12.2714 43.5901 12.8059 43.334 13.2811C43.0918 13.7324 42.73 14.1058 42.2895 14.3591C41.8312 14.6228 41.3119 14.7574 40.7852 14.7489C40.3887 14.7532 39.996 14.6695 39.6348 14.5034C39.2953 14.3481 38.9949 14.1166 38.7562 13.8265V17.0348H37.5522V11.6897C37.5434 11.1398 37.6798 10.5976 37.9472 10.1193C38.2088 9.65872 38.5919 9.28149 39.0533 9.03003C39.5431 8.76975 40.0877 8.63379 40.6406 8.63379C41.1934 8.63379 41.738 8.76975 42.2279 9.03003H42.22ZM41.5768 13.4206C41.8586 13.2502 42.0874 13.0029 42.2373 12.7068C42.3922 12.3894 42.4728 12.0399 42.4728 11.6857C42.4728 11.3315 42.3922 10.9821 42.2373 10.6647C42.0854 10.3717 41.8568 10.1269 41.5768 9.95723C41.2897 9.78572 40.9619 9.69698 40.6287 9.70057C40.2914 9.69187 39.9582 9.77672 39.6648 9.946C39.3815 10.1128 39.1503 10.3575 38.998 10.6518C38.8337 10.9697 38.7505 11.3244 38.7562 11.6833C38.7512 12.0376 38.8344 12.3874 38.998 12.7004C39.1508 12.9965 39.3817 13.2436 39.6648 13.4142C39.9562 13.5824 40.2856 13.6708 40.6208 13.6708C40.956 13.6708 41.2854 13.5824 41.5768 13.4142V13.4206Z"
                        fill="black"></path>
                    <path
                        d="M50.682 11.69C50.6898 12.2393 50.5534 12.7808 50.2869 13.2589C50.0263 13.7179 49.6464 14.0953 49.1887 14.3497C48.6986 14.6089 48.1541 14.7443 47.6014 14.7443C47.0488 14.7443 46.5043 14.6089 46.0142 14.3497C45.5549 14.0945 45.1746 13.7146 44.9159 13.2525C44.6595 12.7699 44.5233 12.2309 44.5191 11.6826C44.515 11.1342 44.6431 10.5932 44.8922 10.1067C45.1368 9.65434 45.5 9.27956 45.9415 9.02389C46.4004 8.76038 46.9202 8.62583 47.4474 8.63408C47.8438 8.62993 48.2364 8.71369 48.5977 8.87951C48.937 9.03529 49.2373 9.26667 49.4763 9.55647V6.34814H50.682V11.69ZM48.563 13.4257C48.8463 13.2589 49.0775 13.0142 49.2298 12.7199C49.3943 12.4027 49.4775 12.0485 49.4715 11.69C49.4766 11.3352 49.3934 10.9849 49.2298 10.6714C49.0756 10.3762 48.8451 10.1294 48.563 9.95751C48.2716 9.78932 47.9421 9.70089 47.607 9.70089C47.2718 9.70089 46.9423 9.78932 46.651 9.95751C46.3696 10.1283 46.1408 10.3756 45.9905 10.6714C45.8345 10.9885 45.7534 11.338 45.7534 11.6924C45.7534 12.0468 45.8345 12.3964 45.9905 12.7135C46.1415 13.0071 46.3702 13.2521 46.651 13.4209C46.9404 13.594 47.2711 13.6828 47.607 13.6776C47.9422 13.6829 48.2726 13.5958 48.563 13.4257Z"
                        fill="black"></path>
                    <path
                        d="M56.2756 9.03003C56.7333 9.2832 57.1129 9.66024 57.3723 10.1193C57.6397 10.5976 57.7761 11.1398 57.7673 11.6897V14.6366H56.5648V13.8217C56.3152 14.1186 55.9994 14.3507 55.6436 14.4986C55.2592 14.6637 54.8457 14.7472 54.4284 14.7441C53.9236 14.7524 53.4265 14.6179 52.9927 14.3555C52.559 14.0931 52.2059 13.7133 51.9729 13.2586C51.7247 12.7746 51.5992 12.2354 51.6078 11.6897C51.599 11.1398 51.7354 10.5976 52.0029 10.1193C52.2624 9.65981 52.6426 9.28269 53.1011 9.03003C53.5909 8.76975 54.1355 8.63379 54.6884 8.63379C55.2412 8.63379 55.7858 8.76975 56.2756 9.03003ZM55.6562 13.4254C55.939 13.2579 56.1699 13.0134 56.323 12.7196C56.4876 12.4024 56.5707 12.0482 56.5648 11.6897C56.5698 11.335 56.4867 10.9846 56.323 10.6711C56.2008 10.4514 56.0369 10.2584 55.8407 10.1034C55.6446 9.94837 55.4201 9.83438 55.1803 9.76799C54.9405 9.70161 54.6901 9.68415 54.4436 9.71664C54.1971 9.74912 53.9594 9.83089 53.7442 9.95723C53.4624 10.128 53.2331 10.3752 53.0821 10.6711C52.9273 10.9885 52.8467 11.3379 52.8467 11.6921C52.8467 12.0464 52.9273 12.3958 53.0821 12.7132C53.2338 13.0069 53.463 13.2519 53.7442 13.4206C54.0336 13.5937 54.3644 13.6825 54.7002 13.6773C55.0354 13.6824 55.3658 13.5954 55.6562 13.4254Z"
                        fill="black"></path>
                    <path
                        d="M61.2265 13.7257C61.0716 13.7347 60.9166 13.7107 60.7713 13.6555C60.626 13.6003 60.4937 13.5149 60.3827 13.4049C60.2744 13.2846 60.1907 13.1437 60.1365 12.9903C60.0822 12.8369 60.0585 12.6741 60.0667 12.5114V9.7843H61.2233V8.74159H60.0667V7.21924H58.8626V12.5034C58.8504 12.8053 58.9021 13.1064 59.0141 13.3865C59.1262 13.6665 59.2959 13.9189 59.512 14.1268C59.945 14.5385 60.5191 14.7444 61.2344 14.7444L61.2265 13.7257Z"
                        fill="black"></path>
                    <path
                        d="M67.3005 13.6597C67.0084 14.0024 66.646 14.2761 66.2387 14.4618C65.8187 14.652 65.3633 14.7483 64.9034 14.7441C64.348 14.7526 63.7997 14.6167 63.3106 14.3495C62.8504 14.0957 62.4677 13.7183 62.2045 13.2586C61.9414 12.7786 61.8032 12.2383 61.8032 11.689C61.8032 11.1396 61.9414 10.5993 62.2045 10.1193C62.4675 9.6598 62.8502 9.28289 63.3106 9.03006C63.8016 8.76974 64.3472 8.63379 64.9011 8.63379C65.4549 8.63379 66.0006 8.76974 66.4915 9.03006C66.9515 9.28343 67.3341 9.66021 67.5976 10.1193C67.8693 10.6002 68.008 11.1467 67.999 11.701C67.9987 11.8259 67.9871 11.9505 67.9642 12.0732H63.0073C63.07 12.5404 63.2987 12.9682 63.6504 13.2763C63.9797 13.5539 64.3891 13.7151 64.8167 13.7356C65.2443 13.7562 65.6669 13.6349 66.0206 13.3902M63.7136 10.0471C63.3755 10.3194 63.1383 10.7 63.0404 11.1267H66.8328C66.7378 10.6989 66.4972 10.3189 66.1533 10.0535C65.8011 9.7768 65.3661 9.63076 64.9208 9.63964C64.4841 9.62934 64.0573 9.77337 63.7136 10.0471Z"
                        fill="black"></path>
                    <path
                        d="M70.4942 13.294C70.6492 13.4536 70.7362 13.6689 70.7362 13.8931C70.7362 14.1174 70.6492 14.3326 70.4942 14.4923C70.3201 14.6396 70.1006 14.7203 69.8739 14.7203C69.6473 14.7203 69.4278 14.6396 69.2537 14.4923C69.0987 14.3326 69.0117 14.1174 69.0117 13.8931C69.0117 13.6689 69.0987 13.4536 69.2537 13.294C69.4284 13.1478 69.6476 13.0679 69.8739 13.0679C70.1003 13.0679 70.3195 13.1478 70.4942 13.294Z"
                        fill="black"></path>
                    <path
                        d="M76.6773 9.02403C77.1175 9.27993 77.479 9.65477 77.7218 10.1068C77.9717 10.593 78.1006 11.1338 78.0973 11.6821C78.094 12.2304 77.9586 12.7696 77.7029 13.2526C77.4442 13.7147 77.0639 14.0947 76.6047 14.3498C76.1145 14.6091 75.57 14.7444 75.0174 14.7444C74.4647 14.7444 73.9202 14.6091 73.4301 14.3498C72.9723 14.0961 72.5927 13.7185 72.3335 13.259C72.0657 12.7814 71.9288 12.2397 71.9369 11.6901V6.34668H73.1409V9.55501C73.3806 9.26517 73.6814 9.0338 74.0211 8.87805C74.3834 8.71197 74.7772 8.62873 75.1746 8.63422C75.7007 8.62623 76.2195 8.76079 76.6773 9.02403ZM75.9647 13.421C76.2454 13.2523 76.4742 13.0072 76.6252 12.7136C76.7811 12.3965 76.8623 12.047 76.8623 11.6926C76.8623 11.3381 76.7811 10.9886 76.6252 10.6715C76.4749 10.3757 76.2461 10.1284 75.9647 9.95765C75.6733 9.78946 75.3439 9.70103 75.0087 9.70103C74.6735 9.70103 74.3441 9.78946 74.0527 9.95765C73.7706 10.1296 73.54 10.3764 73.3859 10.6715C73.2222 10.985 73.1391 11.3354 73.1441 11.6901C73.1382 12.0486 73.2213 12.4028 73.3859 12.72C73.5382 13.0144 73.7694 13.2591 74.0527 13.4259C74.3431 13.5958 74.6735 13.6828 75.0087 13.6777C75.3445 13.6829 75.6753 13.5941 75.9647 13.421Z"
                        fill="black"></path>
                    <path
                        d="M82.0245 8.63428C82.5761 8.62609 83.1204 8.76257 83.6047 9.0305C84.0628 9.2832 84.4425 9.66035 84.7013 10.1197C84.9688 10.598 85.1052 11.1403 85.0964 11.6902V17.0337H83.8939V13.8253C83.6542 14.1152 83.3534 14.3465 83.0137 14.5023C82.6526 14.6685 82.2599 14.7523 81.8634 14.7477C81.3367 14.756 80.8174 14.6214 80.3591 14.3579C79.9189 14.1042 79.5572 13.7309 79.3146 13.2799C79.0637 12.7933 78.934 12.2517 78.9371 11.7024C78.9401 11.1532 79.0757 10.6131 79.332 10.1294C79.5907 9.66771 79.971 9.28832 80.4302 9.03371C80.9184 8.76217 81.4679 8.6245 82.0245 8.63428ZM82.0372 13.6778C82.373 13.6828 82.7037 13.594 82.9932 13.4211C83.276 13.25 83.5067 13.003 83.66 12.7072C83.8236 12.3943 83.9068 12.0445 83.9018 11.6902C83.9075 11.3313 83.8244 10.9766 83.66 10.6587C83.5077 10.3644 83.2765 10.1197 82.9932 9.9529C82.7027 9.78294 82.3724 9.69591 82.0372 9.70104C81.704 9.6973 81.3762 9.78605 81.0891 9.95771C80.8082 10.1269 80.5791 10.3717 80.427 10.6651C80.2721 10.9826 80.1916 11.332 80.1916 11.6862C80.1916 12.0404 80.2721 12.3898 80.427 12.7072C80.5768 13.0039 80.8064 13.2514 81.0891 13.4211C81.3762 13.5928 81.704 13.6815 82.0372 13.6778Z"
                        fill="black"></path>
                </svg>
            </a>
        </div>
    </footer>
    
 
    <div id="contact-modal" tabindex="-1"
        class="hidden overflow-y-auto overflow-x-hidden fixed top-0 right-0 left-0 z-[100001] justify-center items-center w-full md:inset-0 h-[calc(100%-1rem)] max-h-full flex"
        aria-modal="true" role="dialog">
        <div class="relative p-4 w-full max-w-2xl max-h-full backdrop-blur-[30px]">
            <!-- Modal content -->
            <form id="contactform" action="/bg/contact-inquiry" method="post"
                class="relative bg-[rgba(247_247_247_0.8)] backdrop-blur-[30px] rounded-[8px] border-[1px] border-blue">
               
                <input type="hidden" name="csrf_test_name" value="456b310b465b20b816f0ed0856c35473">                <!-- Header -->
                <div
                    class="flex items-center justify-center px-[23px] xl:pt-[65px] xl:pt-[100px] pt-[60px] xl:pb-[35px] pb-[24px]">
                    <h4 class="text-center font-semibold mb-[36px] text-blue">
                       Направи запитване </h4>
                    <button type="button" class="absolute top-[18px] right-[20px] close-modal-btn"
                        data-modal-hide="contact-modal">
                        <svg width="64" height="64" viewBox="0 0 64 64" fill="none" xmlns="http://www.w3.org/2000/svg">
                            <circle cx="32" cy="32" r="31.5" fill="white" stroke="#284464"></circle>
                            <path
                                d="M43.9824 21.3467L33.3291 32L43.9824 42.6533L42.6533 43.9824L32 33.3291L21.3467 43.9824L20.0176 42.6533L30.6709 32L20.0176 21.3467L21.3467 20.0176L32 30.6709L42.6533 20.0176L43.9824 21.3467Z"
                                fill="black" stroke="#284464" stroke-width="0.025"></path>
                        </svg>

                        <span class="sr-only">Close modal</span>
                    </button><!-- close btn ... -->
                </div>

                <!-- Body -->
                <div class="px-[23px] max-w-[682px] mx-auto w-full">
                     
                    <p class="text-center mb-[30px] text-black lines-animation">
                        Всички полета, обозначени със звездичка са задължителни!
                    </p>                    <input    type="hidden"  name="event_id" value="" />
                    <!--<p class="text-center text-black mb-[35px]">Всички полета, обозначени със звездичка са задължителни!-->
                    <!--</p>-->
                    <div class="flex gap-[23px] items-center mb-[34px] xl:flex-row flex-col">
                        <div class="field xl:flex-1 w-full" data-field="">
                            <input
                                class=" w-full h-[48px] text-black rounded-[8px] border-[1px] border-blue px-[16px] required"
                                type="text" placeholder="Име и Фамилия *" name="name"
                                data-err-required="Моля, попълнете Вашите имена.">
                        </div>
                        <div class="field  xl:flex-1 w-full" data-field="">
                            <input
                                class=" w-full h-[48px] text-black rounded-[8px] border-[1px] border-blue px-[16px] required"
                                type="text" placeholder="Фирма *" name="name"
                                data-err-required="Contact.form_valid_company">
                        </div>
                    </div>

                    <div class="flex gap-[23px] items-center mb-[34px] xl:flex-row flex-col">
                        <div class="field xl:flex-1 w-full" data-field="">

                            <input
                                class="w-full h-[48px] text-black rounded-[8px] border-[1px] border-blue px-[16px] required"
                                type="tel" placeholder="Телефон *" name="tel"
                                data-err-required="Моля, въведете телефон."
                                data-err-tel="Моля, въведете валиден телефонен номер.">
                        </div>
                        <div class="field xl:flex-1 w-full" data-field="">

                            <input
                                class=" w-full h-[48px] text-black rounded-[8px] border-[1px] border-blue px-[16px] required"
                                type="email" placeholder="Имейл *" name="email"
                                data-err-required="Моля, въведете валиден имейл."
                                data-err-email="Моля, въведете валиден имейл.">
                        </div>

                    </div>

                    <div class="textarea mb-[34px]">
                        <div class="field" data-field="">
                            <textarea
                                class="pr-[16px] pl-[32px] pt-[32px] border-[1px] border-blue rounded-[8px] w-full h-[138px] required"
                                placeholder="Например: Моля, за повече информация отностно продукта." name="subject"
                                data-err-required="Моля, напишете съобщение до нас."></textarea>
                        </div>

                        <label class="bg-transparent text-black">Относно <span aria-hidden="true">*</span></label>
                    </div>

                    <label class="flex items-center gap-[5px] w-full">
                        <div class="field" data-field="">

                            <input class="border-[1px] border-black required" type="checkbox" name="terms" value="1"
                                data-err-required="Моля, съгласете се с политиката за обработка на лични данни.">

                            <span class="text-black font-meidum">
                                Приемам политиката за обработка на <a class="text-primary underline" href="/страница/общи-условия">Лични данни</a>.                            </span>
                        </div>
                    </label>


                </div>

                <!-- Footer -->
                <div class="flex items-center xl:justify-end justify-center px-[23px] pt-[40px] pb-[40px] max-w-[682px] mx-auto w-full">
                    <button
                        class="flex items-center gap-[15px] text-[16px] font-normal text-blue pl-[20px] pr-[5px] py-[8px] rounded-[48px] border-blue border-[1px] min-w-[196px] btn-form-submit w-fit justify-between bg-lightgrey"
                        type="submit"><span>Изпратете запитване</span> <svg width="32" height="32" viewBox="0 0 32 32"
                            fill="none" xmlns="http://www.w3.org/2000/svg">
                            <circle cx="16" cy="16" r="16" fill="#013366"></circle>
                            <path
                                d="M10.6885 21.7885L10 21.1L20.0807 11H10.7885V10H21.7885V21H20.7885V11.7077L10.6885 21.7885Z"
                                fill="white"></path>
                        </svg>
                        <div class="dot-elastic hidden">
                    </button>
                </div>
            </form>
   <script>
document.addEventListener('DOMContentLoaded', function () {
  // Attach to both forms (if they exist)
  ['#inquiryform', '#contactform'].forEach(sel => {
    const form = document.querySelector(sel);
    if (form) attachValidation(form);
  });

  function attachValidation(form) {
    // Helpers
    const isEmail = v => /^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(v);
    const phoneOk = v => {
      const raw = (v || '').trim();
      const allowed = /^[0-9\s()+-]+$/;      // allowed characters
      const digits  = raw.replace(/\D/g, ''); // digit count
      return allowed.test(raw) && digits.length >= 10 && digits.length <= 15;
    };

    const showError = (el, msg) => {
      // red border + aria
      el.classList.remove('border-primary');
      el.classList.add('border-red-500');
      el.setAttribute('aria-invalid', 'true');

      // where to place the message
      const container = el.closest('[data-field]') || el.parentElement;
      let p = container.querySelector('.error-msg');
      if (!p) {
        p = document.createElement('p');
        p.className = 'error-msg mt-1 text-xs text-red-600 block w-full basis-full';
        container.appendChild(p);
      }
      p.textContent = msg;
    };

    const clearError = (el) => {
      const container = el.closest('[data-field]') || el.parentElement;
      const p = container.querySelector('.error-msg');
      if (p) p.remove();
      el.classList.remove('border-red-500');
      el.classList.add('border-primary');
      el.removeAttribute('aria-invalid');
    };

    const fieldValid = (el) => {
      const val = (el.type === 'checkbox') ? (el.checked ? '1' : '') : (el.value || '').trim();

      // empty / unchecked
      if (!val) {
        showError(el, el.dataset.errRequired || 'Моля, попълнете това поле.');
        return false;
      }
      // email
      if (el.type === 'email' && !isEmail(val)) {
        showError(el, el.dataset.errEmail || 'Моля, въведете валиден имейл.');
        return false;
      }
      // phone
      if (el.type === 'tel' && !phoneOk(val)) {
        showError(el, el.dataset.errTel || 'Моля, въведете валиден телефонен номер.');
        return false;
      }
      // selects with sentinel values
      if (el.tagName === 'SELECT' && (val === '' || val === '0')) {
        showError(el, el.dataset.errRequired || 'Моля, изберете опция.');
        return false;
      }
      // OK
      clearError(el);
      return true;
    };

    // Submit validation
    form.addEventListener('submit', function (e) {
      let valid = true;
      
      const submit_btn = $(this).find(".btn-form-submit");
      submit_btn.find(".dot-elastic").removeClass("hidden");
      submit_btn.find("span").text("");
        
      // clear old messages & reset borders
      form.querySelectorAll('.error-msg').forEach(el => el.remove());
      form.querySelectorAll('input, select, textarea').forEach(el => {
        el.classList.remove('border-red-500');
        el.classList.add('border-primary');
        el.removeAttribute('aria-invalid');
      });

      // validate all required fields
      form.querySelectorAll('.required').forEach(el => {
        if (!fieldValid(el)) valid = false;
      });

      if (!valid) {
          e.preventDefault();
          submit_btn.find(".dot-elastic").addClass("hidden");
          submit_btn.find("span").text("Изпрати запитване");
      } 
      
      
    });

    // Live validation (input/change/blur)
    ['input', 'change', 'blur'].forEach(evt => {
      form.addEventListener(evt, (e) => {
        const el = e.target.closest('.required');
        if (!el) return;
        fieldValid(el); // validates and shows/clears message accordingly
      });
    });
  }
});
</script>
        </div>
    </div>


<div id="search-modal" tabindex="-1"
    class="hidden overflow-y-auto overflow-x-hidden fixed top-0 right-0 left-0 z-[100001] justify-center items-center w-full md:inset-0 h-[calc(100%-1rem)] max-h-full flex"
    aria-modal="true" role="dialog">
    <div class="relative p-4 w-full max-w-2xl max-h-full backdrop-blur-[30px]">
        <!-- Modal content -->
        <button type="button" class="absolute top-[18px] right-[20px] close-modal-btn"
            data-modal-hide="search-modal">
            <svg width="64" height="64" viewBox="0 0 64 64" fill="none" xmlns="http://www.w3.org/2000/svg">
                <circle cx="32" cy="32" r="31.5" fill="white" stroke="#284464"></circle>
                <path
                    d="M43.9824 21.3467L33.3291 32L43.9824 42.6533L42.6533 43.9824L32 33.3291L21.3467 43.9824L20.0176 42.6533L30.6709 32L20.0176 21.3467L21.3467 20.0176L32 30.6709L42.6533 20.0176L43.9824 21.3467Z"
                    fill="black" stroke="#284464" stroke-width="0.025"></path>
            </svg>
            <span class="sr-only">Close modal</span>
        </button>
        <div class="modal-search-wrapper max-w-[412px] w-full mx-auto pt-[70px]">
            <h4 class="text-blue mb-[40px] text-center font-bold">
                Търсачка            </h4>
            <form id="searchForm">
                <label
                    class="relative h-[56px] rounded-[64px] border-[1px] border-[rgba(0_99_108)] block overflow-hidden">
                    <input class="w-full h-full px-[50px] input-search" type="text" name="search" id="searchInput"
                        placeholder="Напишете какво търсите…">
                    <a class="search-submit absolute top-[3px] right-[4px]" href="javascript://" id="searchBtn">
                        <svg width="48" height="48" viewBox="0 0 48 48" fill="none"
                            xmlns="http://www.w3.org/2000/svg">
                            <circle cx="24" cy="24" r="24" fill="#013366" />
                            <path
                                d="M16.0327 32.6828L15 31.65L30.1211 16.5H16.1827V15H32.6828V31.5H31.1828V17.5616L16.0327 32.6828Z"
                                fill="white" />
                        </svg>
                    </a>
                </label>
            </form>
        </div>
        <div class="search-results mt-[60px] max-w-[856px] mx-auto w-full" id="searchResultsContainer" style="display:none;">
            <h6 class="text-center font-semibold text-black mb-[50px]">
                Резултат от търсене на: 
                <span class="text-blue" id="searchTerm"></span>
            </h6>
            <div class="search-results-wrapper" id="searchResults">
                <!-- Results will be loaded here via AJAX -->
            </div>
        </div>
        <div id="noResults" style="display:none;" class="mt-[60px] text-center">
            <p class="text-gray-600">
                Няма намерени резултати.            </p>
        <div>
    </div>
</div>

<script>
document.addEventListener('DOMContentLoaded', function() {
    const searchInput = document.getElementById('searchInput');
    const searchBtn = document.getElementById('searchBtn');
    const searchForm = document.getElementById('searchForm');
    const searchResults = document.getElementById('searchResults');
    const searchResultsContainer = document.getElementById('searchResultsContainer');
    const searchTerm = document.getElementById('searchTerm');
    const noResults = document.getElementById('noResults');
    const lang = 'bg';
    
    function performSearch(query) {
        if (query.length < 2) {
            searchResultsContainer.style.display = 'none';
            noResults.style.display = 'none';
            return;
        }
        
        // Show loading state
        searchResults.innerHTML = '<div class="text-center py-4">Loading...</div>';
        searchResultsContainer.style.display = 'block';
        noResults.style.display = 'none';
        searchTerm.textContent = query;
        
        // Perform AJAX request
        fetch('https://www.firepro.bg/' + lang + '/search?q=' + encodeURIComponent(query), {
            method: 'GET',
            headers: {
                'Content-Type': 'application/json',
                'X-Requested-With': 'XMLHttpRequest'
            }
        })
        .then(response => response.json())
        .then(data => {
            if (data.results && data.results.length > 0) {
                searchResults.innerHTML = '';
                searchResultsContainer.style.display = 'block';
                noResults.style.display = 'none';
                
                data.results.forEach(item => {
                    const resultItem = document.createElement('a');
                    resultItem.className = 'search-result-item pl-[15px] pr-[5px] rounded-[8px] bg-white flex items-center gap-[10px] justify-between mb-[20px] h-[64px]';
                    resultItem.href = item.url;
                    resultItem.innerHTML = `
                        ${item.title}
                        <svg class="self-start min-w-[34px] max-w-[34px]" width="34" height="34" viewBox="0 0 34 34"
                            fill="none" xmlns="http://www.w3.org/2000/svg">
                            <circle cx="16.9607" cy="16.9607" r="11.993" transform="rotate(-45 16.9607 16.9607)"
                                fill="#013366" />
                            <path
                                d="M12.9467 21.375L12.4307 20.8589L19.9868 13.2883H13.0217V12.5388H21.2669V20.784H20.5173V13.8188L12.9467 21.375Z"
                                fill="white" />
                        </svg>
                    `;
                    searchResults.appendChild(resultItem);
                });
            } else {
                searchResultsContainer.style.display = 'none';
                noResults.style.display = 'block';
            }
        })
        .catch(error => {
            console.error('Search error:', error);
            searchResults.innerHTML = '<div class="text-center py-4 text-red-600">Error performing search</div>';
        });
    }
    
    // Search on button click
    searchBtn.addEventListener('click', function(e) {
        e.preventDefault();
        const query = searchInput.value.trim();
        performSearch(query);
    });
    
    // Search on form submit
    searchForm.addEventListener('submit', function(e) {
        e.preventDefault();
        const query = searchInput.value.trim();
        performSearch(query);
    });
    
    // Optional: Search as you type with debounce
    let searchTimeout;
    searchInput.addEventListener('input', function() {
        clearTimeout(searchTimeout);
        searchTimeout = setTimeout(() => {
            const query = searchInput.value.trim();
            performSearch(query);
        }, 500); // Wait 500ms after user stops typing
    });
});
</script>


    <div id="search-modal1" tabindex="-1"
        class="hidden overflow-y-auto overflow-x-hidden fixed top-0 right-0 left-0 z-[100001] justify-center items-center w-full md:inset-0 h-[calc(100%-1rem)] max-h-full flex"
        aria-modal="true" role="dialog">
        <div class="relative p-4 w-full max-w-2xl max-h-full backdrop-blur-[30px]">
            <!-- Modal content -->
            <button type="button" class="absolute top-[18px] right-[20px] close-modal-btn"
                data-modal-hide="search-modal">
                <svg width="64" height="64" viewBox="0 0 64 64" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <circle cx="32" cy="32" r="31.5" fill="white" stroke="#284464"></circle>
                    <path
                        d="M43.9824 21.3467L33.3291 32L43.9824 42.6533L42.6533 43.9824L32 33.3291L21.3467 43.9824L20.0176 42.6533L30.6709 32L20.0176 21.3467L21.3467 20.0176L32 30.6709L42.6533 20.0176L43.9824 21.3467Z"
                        fill="black" stroke="#284464" stroke-width="0.025"></path>
                </svg>

                <span class="sr-only">Close modal</span>
            </button>

            <div class="modal-search-wrapper max-w-[412px] w-full mx-auto pt-[70px]">
                <h4 class="text-blue mb-[40px] text-center font-bold">Търсачка</h4>
                <form>
                    <label
                        class="relative h-[56px] rounded-[64px] border-[1px] border-[rgba(0_99_108)] block overflow-hidden">
                        <input class="w-full h-full px-[50px] input-search" type="text" name="search"
                            placeholder="Напишете какво търсите…">
                        <a class="search-submit absolute top-[3px] right-[4px]" href="javascript://">
                            <svg width="48" height="48" viewBox="0 0 48 48" fill="none"
                                xmlns="http://www.w3.org/2000/svg">
                                <circle cx="24" cy="24" r="24" fill="#013366" />
                                <path
                                    d="M16.0327 32.6828L15 31.65L30.1211 16.5H16.1827V15H32.6828V31.5H31.1828V17.5616L16.0327 32.6828Z"
                                    fill="white" />
                            </svg>

                        </a>
                    </label>
                </form>
            </div>
            <div class="search-results mt-[60px] max-w-[856px] mx-auto w-full">
                <h6 class="text-center font-semibold text-black mb-[50px]">Резултат от търсене на: <span
                        class="text-blue">Цилиндър</span></h6>

                <div class="search-results-wrapper">
                    <a class="search-result-item pl-[15px] pr-[5px] rounded-[8px] bg-white flex items-center gap-[10px] justify-between mb-[20px] h-[64px]"
                        href="single-product.html">
                        Цилиндричен генератор
                        <svg class="self-start min-w-[34px] max-w-[34px]" width="34" height="34" viewBox="0 0 34 34"
                            fill="none" xmlns="http://www.w3.org/2000/svg">
                            <circle cx="16.9607" cy="16.9607" r="11.993" transform="rotate(-45 16.9607 16.9607)"
                                fill="#013366" />
                            <path
                                d="M12.9467 21.375L12.4307 20.8589L19.9868 13.2883H13.0217V12.5388H21.2669V20.784H20.5173V13.8188L12.9467 21.375Z"
                                fill="white" />
                        </svg>

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

        </div>
    </div>


    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.7.1/jquery.min.js"
        integrity="sha512-v2CJ7UaYy4JwqLDIrZUI/4hqeoQieOmAZNXBeQyjo21dadnwR+8ZaIJVT8EE2iyI61OV8e6M8PP2/4hpQINQ/g=="
        crossorigin="anonymous" referrerpolicy="no-referrer"></script>
    <script src="https://cdn.jsdelivr.net/npm/flowbite@3.1.2/dist/flowbite.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/Swiper/11.0.5/swiper-bundle.min.js"
        integrity="sha512-Ysw1DcK1P+uYLqprEAzNQJP+J4hTx4t/3X2nbVwszao8wD+9afLjBQYjz7Uk4ADP+Er++mJoScI42ueGtQOzEA=="
        crossorigin="anonymous" referrerpolicy="no-referrer"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/jQuery.Marquee/1.6.1/jquery.marquee.min.js"></script>

    <script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.12.5/gsap.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.12.5/ScrollTrigger.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.13.0/SplitText.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/2.1.3/TweenMax.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.13.0/CustomEase.min.js"></script>
    <script src="https://assets.codepen.io/16327/ScrollSmoother.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/odometer.js/0.4.7/odometer.min.js"></script>
    <script src="https://assets.codepen.io/16327/Observer.min.js"></script>
    <script src="https://unpkg.com/lenis@1.3.8/dist/lenis.min.js"></script>
   
    <script src="https://www.firepro.bg/src/custom.js"></script>
  

</body>

</html>