<!DOCTYPE html>
<!-- base.html -->
<!-- Application version: 20230823.0 -->
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">

    <meta prefix="og: http://ogp.me/ns#"/>
    <meta property="og:title" content="Quality control"/>
    <meta property="og:type" content="website"/>
    <meta property="og:url" content="https://qc.kev-soft.com"/>
    <meta property="og:description"
          content="Receive and process customer feedback"/>

    <meta property="og:image" content="https://qc.kev-soft.com/logo-brand.png"/>
    <meta property="og:image:type" content="image/png"/>
    <meta property="og:image:height" content="195"/>
    <meta property="og:image:width" content="195"/>

    <meta property="og:image" content="https://qc.kev-soft.com/preview-square.png"/>
    <meta property="og:image:type" content="image/png"/>
    <meta property="og:image:width" content="492"/>
    <meta property="og:image:height" content="492"/>

    <link rel="icon" href="/logo-vidguk.png" type="image/png">

    <link href="/assets/lib/bootstrap/bootstrap.min.css?v20230714.0" rel="stylesheet"/>
    <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
    <link href="/assets/fonts/fontawesome-free-5.6.1/css/all.min.css?v20230714.0" rel="stylesheet"/>

    <link rel="stylesheet" href="/assets/lib/materialize/css/searchable_select.css?v20230714.0"
          media="screen,projection"/>
    <link href="/assets/lib/tooltipster-master/dist/css/tooltipster.bundle.min.css?v20230714.0" rel="stylesheet"
          media="screen,projection"/>
    <link href="/assets/css/style.min.css?v=20230823.0?v20230714.0" rel="stylesheet"/>
    <link href="/assets/fonts/stylesheet.css?v=20230823.0?v20230714.0" rel="stylesheet">
    <link href="/assets/lib/formstyler/dist/jquery.formstyler.css?v20230714.0" rel="stylesheet">
    <link href="/assets/lib/formstyler/dist/jquery.formstyler.theme.css?v20230714.0" rel="stylesheet">

    <link href="/assets/css/new.css?v=20230823.0?v20230714.0" rel="stylesheet"/>
    <link href="/assets/css/color.css?v=20230823.0?v20230714.0" rel="stylesheet"/>
    <link rel="stylesheet" href="/js/intl/intlTelInput.css?v=20230823.0?v20230714.0">
    <script src="/js/intl/intlTelInput.js?v20230714.0"></script>
    <script src="/js/intl/utils.js?v=20230823.0?v20230714.0" async></script>

    <script src="/build/js/mainstyle.js?v=20230823.0?v20230714.0"></script>
    <script>
        var app_language = 'en';
    </script>
    <script src="/assets/js/translations/translations.js?v=20230823.0?v20230714.0"></script>
    <script src="https://unpkg.com/imask"></script>
    <script>
        // masked_input_1.4-min.js
        // angelwatt.com/coding/masked_input.php
        (function (a) {
            a.MaskedInput = function (f) {
                if (!f || !f.elm || !f.format) {
                    return null
                }
                if (!(this instanceof a.MaskedInput)) {
                    return new a.MaskedInput(f)
                }
                var o = this, d = f.elm, s = f.format, i = f.allowed || "0123456789", h = f.allowedfx || function () {
                        return true
                    }, p = f.separator || "/:-", n = f.typeon || "_YMDhms", c = f.onbadkey || function () {
                    }, q = f.onfilled || function () {
                    }, w = f.badkeywait || 0, A = f.hasOwnProperty("preserve") ? !!f.preserve : true, l = true, y = false,
                    t = s, j = (function () {
                        if (window.addEventListener) {
                            return function (E, C, D, B) {
                                E.addEventListener(C, D, (B === undefined) ? false : B)
                            }
                        }
                        if (window.attachEvent) {
                            return function (D, B, C) {
                                D.attachEvent("on" + B, C)
                            }
                        }
                        return function (D, B, C) {
                            D["on" + B] = C
                        }
                    }()), u = function () {
                        for (var B = d.value.length - 1; B >= 0; B--) {
                            for (var D = 0, C = n.length; D < C; D++) {
                                if (d.value[B] === n[D]) {
                                    return false
                                }
                            }
                        }
                        return true
                    }, x = function (C) {
                        try {
                            C.focus();
                            if (C.selectionStart >= 0) {
                                return C.selectionStart
                            }
                            if (document.selection) {
                                var B = document.selection.createRange();
                                return -B.moveStart("character", -C.value.length)
                            }
                            return -1
                        } catch (D) {
                            return -1
                        }
                    }, b = function (C, E) {
                        try {
                            if (C.selectionStart) {
                                C.focus();
                                C.setSelectionRange(E, E)
                            } else {
                                if (C.createTextRange) {
                                    var B = C.createTextRange();
                                    B.move("character", E);
                                    B.select()
                                }
                            }
                        } catch (D) {
                            return false
                        }
                        return true
                    }, m = function (D) {
                        D = D || window.event;
                        var C = "", E = D.which, B = D.type;
                        if (E === undefined || E === null) {
                            E = D.keyCode
                        }
                        if (E === undefined || E === null) {
                            return ""
                        }
                        switch (E) {
                            case 8:
                                C = "bksp";
                                break;
                            case 46:
                                C = (B === "keydown") ? "del" : ".";
                                break;
                            case 16:
                                C = "shift";
                                break;
                            case 0:
                            case 9:
                            case 13:
                                C = "etc";
                                break;
                            case 37:
                            case 38:
                            case 39:
                            case 40:
                                C = (!D.shiftKey && (D.charCode !== 39 && D.charCode !== undefined)) ? "etc" : String.fromCharCode(E);
                                break;
                            default:
                                C = String.fromCharCode(E);
                                break
                        }
                        return C
                    }, v = function (B, C) {
                        if (B.preventDefault) {
                            B.preventDefault()
                        }
                        B.returnValue = C || false
                    }, k = function (B) {
                        var D = x(d), F = d.value, E = "", C = true;
                        switch (C) {
                            case (i.indexOf(B) !== -1):
                                D = D + 1;
                                if (D > s.length) {
                                    return false
                                }
                                while (p.indexOf(F.charAt(D - 1)) !== -1 && D <= s.length) {
                                    D = D + 1
                                }
                                if (!h(B, D)) {
                                    c(B);
                                    return false
                                }
                                E = F.substr(0, D - 1) + B + F.substr(D);
                                if (i.indexOf(F.charAt(D)) === -1 && n.indexOf(F.charAt(D)) === -1) {
                                    D = D + 1
                                }
                                break;
                            case (B === "bksp"):
                                D = D - 1;
                                if (D < 0) {
                                    return false
                                }
                                while (i.indexOf(F.charAt(D)) === -1 && n.indexOf(F.charAt(D)) === -1 && D > 1) {
                                    D = D - 1
                                }
                                E = F.substr(0, D) + s.substr(D, 1) + F.substr(D + 1);
                                break;
                            case (B === "del"):
                                if (D >= F.length) {
                                    return false
                                }
                                while (p.indexOf(F.charAt(D)) !== -1 && F.charAt(D) !== "") {
                                    D = D + 1
                                }
                                E = F.substr(0, D) + s.substr(D, 1) + F.substr(D + 1);
                                D = D + 1;
                                break;
                            case (B === "etc"):
                                return true;
                            default:
                                return false
                        }
                        d.value = "";
                        d.value = E;
                        b(d, D);
                        return false
                    }, g = function (B) {
                        if (i.indexOf(B) === -1 && B !== "bksp" && B !== "del" && B !== "etc") {
                            var C = x(d);
                            y = true;
                            c(B);
                            setTimeout(function () {
                                y = false;
                                b(d, C)
                            }, w);
                            return false
                        }
                        return true
                    }, z = function (C) {
                        if (!l) {
                            return true
                        }
                        C = C || event;
                        if (y) {
                            v(C);
                            return false
                        }
                        var B = m(C);
                        if ((C.metaKey || C.ctrlKey) && (B === "X" || B === "V")) {
                            v(C);
                            return false
                        }
                        if (C.metaKey || C.ctrlKey) {
                            return true
                        }
                        if (d.value === "") {
                            d.value = s;
                            b(d, 0)
                        }
                        if (B === "bksp" || B === "del") {
                            k(B);
                            v(C);
                            return false
                        }
                        return true
                    }, e = function (C) {
                        if (!l) {
                            return true
                        }
                        C = C || event;
                        if (y) {
                            v(C);
                            return false
                        }
                        var B = m(C);
                        if (B === "etc" || C.metaKey || C.ctrlKey || C.altKey) {
                            return true
                        }
                        if (B !== "bksp" && B !== "del" && B !== "shift") {
                            if (!g(B)) {
                                v(C);
                                return false
                            }
                            if (k(B)) {
                                if (u()) {
                                    q()
                                }
                                v(C, true);
                                return true
                            }
                            if (u()) {
                                q()
                            }
                            v(C);
                            return false
                        }
                        return false
                    }, r = function () {
                        if (!d.tagName || (d.tagName.toUpperCase() !== "INPUT" && d.tagName.toUpperCase() !== "TEXTAREA")) {
                            return null
                        }
                        if (!A || d.value === "") {
                            d.value = s
                        }
                        j(d, "keydown", function (B) {
                            z(B)
                        });
                        j(d, "keypress", function (B) {
                            e(B)
                        });
                        j(d, "focus", function () {
                            t = d.value
                        });
                        j(d, "blur", function () {
                            if (d.value !== t && d.onchange) {
                                d.onchange()
                            }
                        });
                        return o
                    };
                o.resetField = function () {
                    d.value = s
                };
                o.setAllowed = function (B) {
                    i = B;
                    o.resetField()
                };
                o.setFormat = function (B) {
                    s = B;
                    o.resetField()
                };
                o.setSeparator = function (B) {
                    p = B;
                    o.resetField()
                };
                o.setTypeon = function (B) {
                    n = B;
                    o.resetField()
                };
                o.setEnabled = function (B) {
                    l = B
                };
                return r()
            }
        }(window));
    </script>

    <title>Authorization</title>
        <style>
        .login_block .form input.error-input {
            border-bottom: 2px solid #FF564D;
        }

        .error-text {
            font-family: ProbaPro, serif;
            height: 28px;
            font-size: 14px;
            font-weight: normal;
            font-style: normal;
            font-stretch: normal;
            line-height: normal;
            letter-spacing: normal;
            color: #ff564e;
            display: block;
        }
    </style>
</head>
<body>


    

<style>
    .header-language {
        display: inline-block;
        padding-right: 24px;
        /*vertical-align: -72%;*/
        padding-top: 3px;
        margin-left: 3px;
    }

    @media (max-width: 991.98px) {
        .header-language {
            margin-bottom: 5px;
            margin-top: 5px;
        }
    }

    .header-language__item {
        padding-left: 10px;
        display: inline-block;
        margin-left: 1px;
        font-size: 13px;
        color: rgba(0, 0, 0, .4);
        text-align: center;
        text-decoration: none;
        text-transform: uppercase;
        padding-top: 3px;
        padding-bottom: 3px;
    }

    .header-language__flag {
        position: inherit;
        display: block;
        border-radius: 50%;
        box-shadow: 0 0 0 1px rgba(0, 0, 0, .1);
        transition: all .3s;
    }

    .header-language__item.active,
    .header-language__item:hover {
        color: #fa6b05;
        text-decoration: none;
    }

    .header-language__item.active .header-language__flag,
    .header-language__item:hover .header-language__flag {
        box-shadow: 0 0 0 3px #fa6b05;
    }

    span.arrow-left {
        position: relative;
        top: -10px;
        display: inline-block;
        margin-left: 1.7px;
        vertical-align: 1.7px;
        content: "";
        width: .65rem;
        height: .65rem;
        transform: rotate(45deg);
        border-top: 2px solid;
        border-right: 2px solid;
        border-bottom: 0;
        border-left: 0;
    }
</style>
    
<style>
    .login_block {
        padding-top: 50px !important;
    }
</style>
<header class="header header_inner-page">
    <div class="header__inner">
        <div class="header-top">
            <div class="container">
                <div class="row">
                    <div class="col-sm-9 col-md-6">
                        <div class="header__logo">
                                                        <a href="https://qm.kev-soft.com/en">
                                <img class="img-fluid" src="/assets/img/logo-en.png?v20230714.0"
                                     alt="en">
                            </a>
                        </div>
                    </div>
                    <div class="col-md-6 col-sm-3 header-gov-box">
                                                    <div class="header-language">
                                
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                
                                <span class="header-language__item active" id="current-language"
                                      style="cursor: pointer">
                                    <img class="header-language__flag"
                                         src="/assets/img/eng.png?v20230714.0" style="width: 25px;"
                                         alt="" title="English">

                                </span>
                                <div style="display: none" class="languages-options">
                                                                                                                        <a class="header-language__item"
                                               href="/redirect/de/aHR0cHM6Ly9xbS5rZXYtc29mdC5jb20vbG9naW4=">
                                                <img class="header-language__flag" src="/assets/img/ger.png?v20230714.0" alt="flag"
                                                     style="width: 25px;" title="German">
                                            </a>
                                        
                                                                            
                                                                                                                        <a class="header-language__item"
                                               href="/redirect/pl/aHR0cHM6Ly9xbS5rZXYtc29mdC5jb20vbG9naW4=">
                                                <img class="header-language__flag" src="/assets/img/pol.png?v20230714.0" alt="flag"
                                                     style="width: 25px;" title="Polish">
                                            </a>
                                        
                                                                                                                        <a class="header-language__item"
                                               href="/redirect/tr/aHR0cHM6Ly9xbS5rZXYtc29mdC5jb20vbG9naW4=">
                                                <img class="header-language__flag" src="/assets/img/tur.png?v20230714.0" alt="flag"
                                                     style="width: 25px;" title="Turkish">
                                            </a>
                                        
                                                                                                                        <a class="header-language__item"
                                               href="/redirect/uk/aHR0cHM6Ly9xbS5rZXYtc29mdC5jb20vbG9naW4=">
                                                <img class="header-language__flag" src="/assets/img/ukr.png?v20230714.0" alt="flag"
                                                     style="width: 25px;" title="Ukrainian">
                                            </a>
                                        
                                                                    </div>

                            </div>

                                                                                                                                                                                                                                                
                                                <!-- end .b-soc-link-->

                        <div class="header-top__inner">
                            

                            <a class="header__accessibility" style="display: none" data-toggle="collapse"
                               href="#wcag-panel" role="button"
                               aria-expanded="false">
                                <svg class="ic" width="40" height="40">
                                    <use xlink:href="/svg-symbols.svg#hide"></use>
                                </svg>
                            </a>

                            
                            <div class="header-user dropdown d-none d-lg-inline-block" style="display: none !important;">

                                                                <a class="header-user__link dropdown-toggle" id="dropdownUser"
                                   data-toggle="dropdown" href="#" role="button" aria-haspopup="true"
                                   aria-expanded="false">
                                    <svg class="ic" width="30" height="30">
                                        <use xlink:href="/svg-symbols.svg#user-big"></use>
                                    </svg>Login</a>
                                <div class="header-user__body dropdown-menu dropdown-menu-right"
                                     aria-labelledby="dropdownUser">
                                    <div class="header-user__content">
                                        <div class="header-user__links">
                                            <div class="header-user__links-item">
                                                <a class="header-user__links-nav"
                                                   href="/login?_target_path=https://qm.kev-soft.com/login">
                                                    Login
                                                </a>
                                            </div>
                                            <div class="header-user__links-item">
                                                <a class="header-user__links-nav"
                                                   href="/register?_target_path=https://qm.kev-soft.com/login">
                                                    Register
                                                </a>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>

                        
                        </div>
                        <!-- end .header-user-->
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- end .header-top-->

    <div class="container">
        <form class="wcag-panel collapse fade" id="wcag-panel" name="wcagPanel">
            <div class="wcag-panel__wrapper">
                <div class="wcag-panel__row">
                    <!-- Скрытая ссылка перехода к содержанию страницы, появляющаяся только при навигации с клавиатуры-->
                    <div class="wcag-panel__hidden-control"><a class="wcag-panel__default-link" id="anchor-link"
                                                               href="#main-content"
                                                               aria-label="Перейти до основної інформації">Перейти
                            до основної інформації</a></div>
                    <div>
                        <div class="wcag-panel__col d-none d-xl-inline-block">
                            <label class="wcag-panel__switcher-label">Масштаб шрифта</label>
                            <div class="wcag-panel__switcher"><input type="radio" checked="" name="fontsize"
                                                                     value="normal" id="fontsize-normal">
                                <label class="wcag-panel__switcher-btn" aria-label="нормальний розмір шрифта"
                                       for="fontsize-normal">100%</label><input type="radio" name="fontsize"
                                                                                value="big" id="fontsize-big">
                                <label class="wcag-panel__switcher-btn" aria-label="середній розмір шрифта"
                                       for="fontsize-big">150%</label><input type="radio" name="fontsize"
                                                                             value="large" id="fontsize-large">
                                <label class="wcag-panel__switcher-btn" aria-label="великий розмір шрифта"
                                       for="fontsize-large">200%</label>
                            </div>
                        </div>
                        <div class="wcag-panel__col">
                            <label class="wcag-panel__switcher-label">Колір</label>
                            <div>
                                <input type="radio" name="color" checked="" value="default" id="color-default">
                                <label class="wcag-panel__flag-button flag-button flag-button_white"
                                       for="color-default"
                                       aria-label="стандартна кольорова схема">Стандартний</label><input
                                        type="radio" name="color" value="white" id="color-white">
                                <label class="wcag-panel__flag-button flag-button flag-button_white"
                                       for="color-white" aria-label="біла кольорова схема">Білий</label><input
                                        type="radio" name="color" value="black" id="color-black">
                                <label class="wcag-panel__flag-button flag-button flag-button_black"
                                       for="color-black" aria-label="черна кольрова схема">Чорний</label><input
                                        type="radio" name="color" value="blue" id="color-blue">
                                <label class="wcag-panel__flag-button flag-button flag-button_blue" for="color-blue"
                                       aria-label="блакитна кольорова схема">Блакитний</label>
                            </div>
                        </div>
                        <div class="wcag-panel__col">
                            <label class="wcag-panel__switcher-label">Зображення</label>
                            <div class="wcag-panel__switcher">
                                <input type="radio" checked="" name="images" value="on" id="images-on">
                                <label class="wcag-panel__switcher-btn" aria-label="Зображення включені"
                                       for="images-on">Вкл</label>
                                <input type="radio" name="images" value="off" id="images-off">
                                <label class="wcag-panel__switcher-btn" aria-label="Зображення виключені"
                                       for="images-off">Викл</label>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="wcag-panel__wrapper">
                <div class="wcag-panel__row">
                    <div class="wcag-panel__col">
                        <label class="wcag-panel__switcher-label">Інтервал між літерами</label>
                        <div class="wcag-panel__switcher wcag-panel__switcher_double"><input type="radio"
                                                                                             name="kerning"
                                                                                             value="normal"
                                                                                             checked=""
                                                                                             id="kerning-normal">
                            <label class="wcag-panel__switcher-btn" aria-label="звичайний міжбуквенний інтервал"
                                   for="kerning-normal">Звичайний</label><input type="radio" name="kerning"
                                                                                value="big" id="kerning-big">
                            <label class="wcag-panel__switcher-btn" aria-label="збільшений міжбуквенний інтервал"
                                   for="kerning-big">Збільшений</label>
                        </div>
                    </div>
                    <div class="wcag-panel__col">
                        <div class="wcag-panel__switcher wcag-panel__reset">
                            <button class="wcag-panel__switcher-btn" aria-label="Повернути стандартні настройки"
                                    data-wcag-panel="reset-config">Звичайна версія
                            </button>
                        </div>
                    </div>
                    <div class="wcag-panel__col wcag-panel__col_cont-link"><a class="wcag-panel__default-link"
                                                                              href="#" aria-label="закрити панель"
                                                                              data-toggle="collapse"
                                                                              data-target="#wcag-panel">Закрити
                            панель</a></div>
                </div>
            </div>
        </form>
        <!-- end .wcag-panel-->
    </div>

        </div>
    </header>
<div class="modal fade" id="TG" tabindex="-1" role="dialog" aria-labelledby="QRTitle" aria-hidden="true">
  <div class="modal-dialog modal-dialog-centered qr-dialog" role="document">
    <div class="modal-content">
        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
          <span aria-hidden="true">&times;</span>
        </button>
        <div class="modal-body qr-dialog-body" style="text-align: center">
                                </div>
    </div>
  </div>
</div>
    <style>
        .header-nav {
            padding: 25px 0 0;
        }

        @media screen and (max-width: 992px) {
            .header-gov-box {
                display: flex;
                align-items: center;
                justify-content: space-between;
            }

            .header__gov {
                margin-top: 10px;
            }
        }
    </style>
<!-- end .header-->

            <div class="container">
        <div class="login_block">
            <p class="head">Sign In</p>

            <div class="form">
                <p class="sub_head">Sign in to your account</p>
                <form action="/login_check" method="post">
                                            <input type="hidden" name="_csrf_token" value="n_LQ4urN8ZkOjTDliXoA9Tgpt4tY1jmHLu_ciSQRFbQ"/>
                                                                                                    <input type="text" id="username" name="_username" value=""
                           required="required" autocomplete="username"
                           placeholder="Email or username"
                           class="">
                    <input type="password" placeholder="Password" id="password"
                           name="_password" required="required"
                           autocomplete="current-password" class="">
                                        <input type="hidden" name="_target_path" value=""/>
                    <div class="line">
                        <label for="remember_me">Remember me
                            <input type="checkbox" checked="checked" id="remember_me"
                                   name="_remember_me">
                        </label><a href="/request"
                                   class="lost">Forgot password</a>
                    </div>
                    <button type="submit" name="action">Sign In</button>
                </form>

                <div class="social" style="display: none">
                    <p class="sub">Or sign in with social networks</p>
                    <div class="line">
                                                                                                
                                                <a href="/social/connect/google">
                            <img src="/assets/images/google-button.svg" alt="ic">
                        </a>
                                            </div>
                    <div class="line">
                        <p>Not yet registered</p> <a
                                href="/register"
                                class="reg">Sign Up</a>
                    </div>
                </div>
            </div>
        </div>
    </div>

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

            <div class="brand-logo-bottom" style="margin-top: 0.5rem; text-align: center">
                <a href="https://qc.kev-soft.com/" style="color: black; text-decoration: none;">
                    qc.kev-soft.com
                    <img
                            style="max-height: 25px; position: relative;"
                            src="/logo-brand.png?v20230714.0"
                    >
                </a>
            </div>

                    </div>
                                                                                                                        
                                                                                                            </div>
    <style>
    @media screen and (max-width: 1000px) {
        #cookie-law-info-bar {
            padding: 18px 20px;
        }
    }

    @media screen and (max-width: 590px) {
        #cookie-law-info-bar span {
            flex-direction: column;
        }
    }

    @media screen and (max-width: 1000px) {
        #cookie-law-info-bar {
            padding: 18px 20px;
        }
    }

    @media screen and (max-width: 1000px) {
        #cookie-law-info-bar span {
            justify-content: space-between;
        }
    }

    @media screen and (max-width: 1000px) {
        #cookie-law-info-bar span {
            padding-left: 0;
        }
    }

                                            
    #cookie-law-info-bar {
        width: 90vw !important;
        left: 5vw !important;
        bottom: 20px !important;
        background: #fa6b05;
    !important;
        padding-top: 18px;
        padding-bottom: 18px;
        padding-left: 20px;
        padding-right: 20px;
        /*padding: 18px 100px;*/
        border-radius: 6px;
        z-index: 4;
    }
</style>
    <div id="cookie-law-info-bar"
         style="color: rgb(0, 0, 0); font-family: inherit; bottom: 0px; position: fixed;">
        <div style="display: flex; justify-content: center">
            <div style="color: white">
                By using this website, you agree to the use of cookies. This is necessary for the proper functioning of the site.
            </div>
        </div>
        <div style="padding-top: 20px; display: flex; justify-content: center; flex-wrap: wrap; ">
            <a role="button" tabindex="0" id="accept_cookie"
               class="btn btn-secondary"
               style="margin: 5px; display: inline-block; color: rgb(255, 255, 255); background-color: green;">
                I accept
            </a>
                            <a href="https://qm.kev-soft.com/privacy-policy/en"
                   class="btn"
                   style="margin: 5px; display: inline-block; color: rgb(68, 68, 68);">
                    Learn more
                </a>
                    </div>
    </div>
    <script>
        document.getElementById("accept_cookie").addEventListener("click", () => {
            let expireCookie = new Date(Date.now() + 365 * 24 * 60 * 60); // One year
            console.log(`cookie_accepted=true; path=/; expires=${expireCookie.toUTCString()};`)
            document.cookie = `cookie_accepted=true; path=/; expires=${expireCookie.toUTCString()};`
            document.location.reload()
        })
    </script>

</footer>

    <style>
        .footer-text {
            display: flex;
            align-items: flex-start;
        }
        .footer-text .footer-list__title {
          margin-left: 100px;
          min-width: max-content;
        }

        @media screen and (max-width: 768px) {
          .footer-text {
            display: block;
          }
          .footer-text .footer-list__title {
            margin-left: 0;
          }
        }
    </style>

<!-- Modal government-->
  <div class="modal fade" id="modalGov" tabindex="-1" role="dialog" aria-hidden="true">
    <div class="modal-dialog modalGov" role="document">
      <div class="wrap">
        <ul class="wrap-link">
          <li><a href="https://www.president.gov.ua/" target="_blank">Президент України</a></li>
          <li><a href="https://rada.gov.ua/" target="_blank"> Верховна Рада України</a></li>
        </ul>
        <ul class="wrap-link">
          <li><a href="http://www.ccu.gov.ua/" target="_blank">Конституційний суд України</a></li>
          <li><a href="http://www.rnbo.gov.ua/" target="_blank">Рада національної безпеки і оборони України</a></li>
        </ul>
        <ul class="wrap-link">
          <li><a href="https://www.kmu.gov.ua/" target="_blank">Центральні та місцеві органи виконавчої влади</a></li>
        </ul>
        <button class="close" type="button" data-dismiss="modal" aria-label="Close"></button>
      </div>
    </div>
  </div>
  <!-- end .b-modal-gov-->

<!-- SVG-srite -->
<script src="/assets/js/base/svg4everybody.min.js?v20230714.0"></script>
<script src="/assets/js/base/qr_code_gen.js?v=20230823.0?v20230714.0"></script>
<script>svg4everybody();</script>

<!-- Jquery 2.2.4 -->
<script src="/assets/lib/jquery/dist/jquery.min.js?v20230714.0"></script>

<!-- Bootstrap -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.3/umd/popper.min.js"
        integrity="sha384-ZMP7rVo3mIykV+2+9J3UJ46jBk0WLaUAdn689aCwoqbBJiSnjAK/l8WvCWPIPm49"
        crossorigin="anonymous"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/js/bootstrap.min.js"
        integrity="sha384-ChfqqxuZUCnJSK3+MXmPNIyE6ZbWh2IMqE241rYiqJxyMiZ6OW/JmZQ5stwEULTy"
        crossorigin="anonymous"></script>


<!-- Accessibility-->
<script src="/assets/lib/accessibility/accessibility.min.js?v20230714.0"></script>
<!-- Scale images-->
<script src="/assets/lib/ofi.min.js?v20230714.0"></script>
<!-- Scale images-->
<script src="/assets/lib/maskedinput.min.js?v20230714.0"></script>

<!-- Materialize -->
<script type="text/javascript" src="/assets/lib/materialize/js/materialize.min.js?v20230714.0"></script>
<script type="text/javascript" src="/assets/lib/materialize/js/searchable_select.js?v20230714.0"></script>

<script src="/assets/lib/Moment/moment.min.js?v20230714.0"></script>

<script type="text/javascript"
        src="/assets/lib/tooltipster-master/dist/js/tooltipster.bundle.min.js?v20230714.0"></script>
<script src="/assets/js/base/base.js?v20230714.0"></script>
    <script src="/bundles/fosjsrouting/js/router.min.js?v20230714.0"></script>
    <script src="/js/routing?callback=fos.Router.setData"></script>
    <script src="/assets/js/fingerprint2.min.js?v20230714.0"></script>
    <script src="/assets/js/base/fingerprint.js?v=20230823.0?v20230714.0"></script>
    <script src="/assets/js/base/breadcrumbs.js?v=20230823.0?v20230714.0"></script>

<script>$(document).ready(function () {
        const scrollTopBtn = $(".top-scroll");
        scrollTopBtn.click(function (e) {
            e.preventDefault();
            $("html, body").animate({scrollTop: 0}, 300)
        });
        $(window).scroll(function (e) {
            if (document.body.scrollTop > 500 || document.documentElement.scrollTop > 500) {
                scrollTopBtn.css({display: "block"})
            } else {
                scrollTopBtn.css({display: "none"})
            }
        })
    })</script>
<script src="/assets/lib/formstyler/dist/jquery.formstyler.min.js?v20230714.0"></script>
<script src="/assets/js/script.js?v=20230823.0?v20230714.0"></script>
<script src="/build/js/modal.js?v=20230823.0?v20230714.0"></script>
<script>
    var languagesShow = false;
    $("#current-language").on('click', () => {
        if (languagesShow) {
            $(".languages-options").fadeOut()
            languagesShow = false
        } else {
            $(".languages-options").fadeIn().css('display', 'inline-block')
            languagesShow = true
        }
    })
</script>

<script>

</script>
    <script>
        (function () {
            var height = $(document).height();
            var background = $('.background-image');
            background.css('min-height', height);
        })();

    </script>
</body>
</html>
