src/DcSiteBundle/Resources/views/Opel/header.html.twig line 1

Open in your IDE?
  1. <div class="header-panel">
  2.     <div class="container header-panel__inner">
  3.         <div class="h-contacts d-none d-md-flex">
  4.             <p class="h-contacts__item d-none d-xl-block">
  5.                 <a href="https://goo.gl/maps/pw7VW2FVzWZVcdTN8" target="_blank" rel="nofollow noopener">
  6.                     {% if app.request.locale == 'ru' %}
  7.                         {{ dealer.addressRu }}
  8.                     {% else %}
  9.                         {{ dealer.addressUa }}
  10.                     {% endif %}
  11.                 </a>
  12.             </p>
  13.             <p class="h-contacts__item">
  14.                 {# <span class="d-none d-lg-inline">{{'header.phone_title'|trans({}, 'dc_opel')}}</span> #}
  15.                 <a href="tel:{{ dealer.phone }}">{{ dealer.phone }}</a>
  16.             </p>
  18.         </div>
  20.         <div class="header-panel__actions">
  21.             <div class="header-leads d-none d-lg-block">
  22.                 <a href="{{ path('opel_service_testdrive_form') }}">
  23.                     <svg class="svg-icon" width="14" height="14" role="presentation">
  24.                         <use xlink:href="#icon-h-testdrive"></use>
  25.                     </svg>
  26.                     Тест–драйв
  27.                 </a>
  28.                 <a href="{{ path('opel_service_online-booking') }}">
  29.                     <svg class="svg-icon" width="14" height="14" role="presentation">
  30.                         <use xlink:href="#icon-h-service"></use>
  31.                     </svg>
  32.                     {{ 'pages.forms.head_service'|trans({},'dc_nissan') }}
  33.                 </a>
  34.             </div>
  36.             {% if app.request.getLocale() == 'ru' %}
  37.                 <ul class="h-lang">
  38.                     {% for locale in allowed_locales %}
  39.                         <li class="h-lang__item {{ (locale == app.request.getLocale()) ? '--active' : '' }}">
  40.                             <a href="{{ absolute_url(
  41.                                 path(
  42.                                     app.request.attributes.get('_route'),
  43.                                     app.request.attributes.get('_route_params')|merge({'_locale': locale})
  44.                                 )
  45.                             ) }}"
  46.                                hreflang="{% if locale == 'ua' %}uk{% else %}{{ locale }}{% endif %}"
  47.                                title="{{ ('site.locale.'~locale)|trans({},'dc_base') }} ({{ locale }})"
  48.                             >
  49.                                 {{ ('site.locale.'~locale)|trans({},'dc_base') }}
  50.                             </a>
  51.                         </li>
  52.                     {% endfor %}
  53.                 </ul>
  54.             {% endif %}
  56.             <div class="h-signin">
  57.                 {% if app.user %}
  58.                     <a target="_blank" href="{{ path('my_profile_dashboard') }}" rel="nofollow">
  59.                         <svg class="svg-icon" role="presentation">
  60.                             <use xlink:href="#icon-user"></use>
  61.                         </svg>
  62.                         <span class="header_icon-title">{{ app.user.name }}</span>
  63.                     </a>
  64.                 {% else %}
  65.                     <a href="{{ path('my_login_page') }}?referer={{ app.request.uri }}" rel="nofollow">
  66.                         <span class="header_icon-title">{{ 'header.signin'|trans({}, 'dc_opel') }}</span>
  67.                     </a>
  68.                 {% endif %}
  69.             </div>
  71.             {% include '@DcSiteBundle/Modules/basket/basket-menu.html.twig' with {href : path('opel_basket') } %}
  72.         </div>
  73.     </div>
  74. </div>
  78. <header class="header sticky-top">
  79.     <div class="container header__inner">
  80.         <div class="header__content">
  81.             <div class="header__logo-row d-none d-md-flex">
  82.                 <a href="{{ path('opel_homepage') }}" class="logo --vidi">
  83.                     <img src="{{ asset( '/bundles/dcsite/img/opel/logo-vidi.png' ) }}" alt="Opel"/>
  84.                 </a>
  85.                 <div class="header__site-name"><span>opel</span> {{ 'footer.dealer'|trans({}, 'dc_opel') }}</div>
  86.             </div>
  88.             <div class="h-mob-phone d-md-none">
  89.                 <a href="tel:{{ dealer.phone }}">{{ dealer.phone }}</a>
  90.             </div>
  92.             <nav class="main-nav">
  93.                 <ul class="main-menu">
  94.                     <li class="main-menu__item d-none d-lg-block">
  95.                         <a href="{{ path('opel_homepage') }}" class="main-menu__link">
  96.                             <img src="{{ asset( '/bundles/dcsite/img/opel/icons/icon-home.png' ) }}" alt=""/>
  97.                         </a>
  98.                     </li>
  99.                     <li class="main-menu__item">
  100.                         <a href="#" class="main-menu__link --drop">{{ 'header.nav.lineup'|trans({}, 'dc_opel') }}</a>
  101.                         <div class="main-menu__drop">
  102.                             <div class="container js-tab-wrap">
  103.                                 <ul class="base-tabs --in-drop">
  104.                                     <li class="base-tabs__item --active js-tab-btn">{{ 'pages.main.lineup_more'|trans({}, 'dc_opel') }}</li>
  105.                                     {% for cat in vehiclesGroupByCat %}
  106.                                         <li class="base-tabs__item js-tab-btn">{{ cat.title }}</li>
  107.                                     {% endfor %}
  108.                                 </ul>
  110.                                 <div class="js-tab-tab">
  111.                                     <div class="lineup-nav">
  112.                                         {% for cat in vehiclesGroupByCat %}
  113.                                             {% for car in cat.models %}
  114.                                                 <a href="{{ path('opel_card_car', {'car': car.url}) }}"
  115.                                                    class="lineup-item">
  116.                                                     <div class="lineup-item__title">OPEL {{ car.title }}</div>
  117.                                                     {% if  car.isPreOrder %}
  118.                                                         <span class="car_card_status_is_new car_card_status_is_new-pos">{{ 'pages.car.is_pre_order'|trans({}, 'dc_base') }}</span>
  119.                                                     {% elseif  car.isNew %}
  120.                                                         <span class="car_card_status_is_new car_card_status_is_new-pos">{{ 'pages.car.status_is_new'|trans({}, 'dc_base') }}</span>
  121.                                                     {% endif %}
  122.                                                     <div class="lineup-item__photo">
  123.                                                         <picture alt="{{ car.title }}">
  124.                                                             <source srcset="{{ car.image_webp }}" type="image/webp">
  125.                                                             <source srcset="{{ car.image }}">
  126.                                                             <img src="{{ car.image }}" alt="{{ car.title }}">
  127.                                                         </picture>
  128.                                                     </div>
  129.                                                     <p class="lineup-item__price">
  130.                                                         {{ 'car.price.from'|trans({}, 'dc_morris') }}
  131.                                                         <span>{{ car.price | price }} грн</span>
  132.                                                     </p>
  133.                                                 </a>
  134.                                             {% endfor %}
  135.                                         {% endfor %}
  136.                                     </div>
  137.                                 </div>
  139.                                 {% for cat in vehiclesGroupByCat %}
  140.                                         <div class="js-tab-tab">
  141.                                             <div class="lineup-nav">
  142.                                                 {% for car in cat.models %}
  143.                                                     <a href="{{ path('opel_card_car', {'car': car.url}) }}"
  144.                                                        class="lineup-item">
  145.                                                         <div class="lineup-item__title">OPEL {{ car.title }}</div>
  147.                                                         <div class="lineup-item__photo">
  148.                                                             <picture alt="{{ car.title }}">
  149.                                                                 <source srcset="{{ car.image_webp }}" type="image/webp">
  150.                                                                 <source srcset="{{ car.image }}">
  151.                                                                 <img src="{{ car.image }}" alt="{{ car.title }}">
  152.                                                             </picture>
  153.                                                         </div>
  154.                                                         <p class="lineup-item__price">
  155.                                                             {{ 'car.price.from'|trans({}, 'dc_morris') }}
  156.                                                             <span>{{ car.price | price }} грн</span>
  157.                                                         </p>
  158.                                                     </a>
  159.                                                 {% endfor %}
  160.                                             </div>
  161.                                         </div>
  162.                                 {% endfor %}
  164.                             </div>
  165.                         </div>
  166.                     </li>
  167.                     <li class="main-menu__item">
  168.                         <a href="#" class="main-menu__link --drop">Opel {{ 'pages.base.for_bussines'|trans({}, 'dc_base') }}</a>
  169.                         <div class="main-menu__drop">
  170.                             <div class="container">
  171.                                 <ul class="dropmenu">
  172.                                     <li class="dropmenu__item">
  173.                                         <a href="{{ path('opel_for_bussines') }}"
  174.                                            class="dropmenu__link">Opel {{ 'pages.base.for_bussines'|trans({}, 'dc_base') }}</a>
  175.                                     </li>
  176.                                     <li class="dropmenu__item">
  177.                                         <a href="{{ path('opel_model_catalog_category', { category : 'komertsijni-avto' }) }}"
  178.                                            class="dropmenu__link">{{ 'header.nav.commercial'|trans({}, 'dc_opel') }}</a>
  179.                                     </li>
  181.                                     <li class="dropmenu__item">
  182.                                         <a href="{{ path('opel_conversion_program') }}"
  183.                                            class="dropmenu__link">{{ 'pages.service.program_conversion'|trans({}, 'dc_opel') }}</a>
  184.                                     </li>
  185.                                     <li class="dropmenu__item">
  186.                                         <a href="{{ path('opel_fleet_management') }}"
  187.                                            class="dropmenu__link">{{ 'pages.service.car_park_management'|trans({}, 'dc_opel') }}</a>
  188.                                     </li>
  189.                                     <li class="dropmenu__item">
  190.                                         <a href="{{ path('opel_program_for_employees') }}"
  191.                                            class="dropmenu__link">{{ 'pages.service.program_for_employees'|trans({}, 'dc_opel') }}</a>
  192.                                     </li>
  193.                                     <li class="dropmenu__item">
  194.                                         <a href="{{ path('opel_buy_back') }}"
  195.                                            class="dropmenu__link">{{ 'pages.service.buy_back'|trans({}, 'dc_opel') }}</a>
  196.                                     </li>
  197.                                 </ul>
  198.                             </div>
  199.                         </div>
  200.                     </li>
  201.                     <li class="main-menu__item">
  202.                         <a href="{{ path('opel_car_stock') }}"
  203.                            class="main-menu__link">{{ 'header.nav.instock'|trans({}, 'dc_opel') }}</a>
  204.                     </li>
  205.                     <li class="main-menu__item">
  206.                         <a href="#" class="main-menu__link --drop">{{ 'header.nav.used'|trans({}, 'dc_opel') }}</a>
  208.                         <div class="main-menu__drop">
  209.                             <div class="container">
  210.                                 <ul class="dropmenu">
  211.                                     <li class="dropmenu__item">
  212.                                         <a href="{{ path('opel_used_car_catalog') }}"
  213.                                            class="dropmenu__link">{{ 'pages.base.used_cars.catalog'|trans({}, 'dc_ford') }}</a>
  214.                                     </li>
  215.                                     <li class="dropmenu__item">
  216.                                         <a href="{{ path('opel_select_page') }}"
  217.                                            class="dropmenu__link">{{ 'pages.base.used_cars.vidi_select'|trans({}, 'dc_ford') }}</a>
  218.                                     </li>
  219.                                     <li class="dropmenu__item">
  220.                                         <a href="{{ path('opel_finance_trade_in') }}"
  221.                                            class="dropmenu__link">{{ 'pages.base.used_cars.trade_in'|trans({}, 'dc_ford') }}</a>
  222.                                     </li>
  223.                                 </ul>
  224.                             </div>
  225.                         </div>
  226.                     </li>
  227.                     <li class="main-menu__item">
  228.                         <a href="#" class="main-menu__link --drop">{{ 'header.nav.services'|trans({}, 'dc_opel') }}</a>
  229.                         <div class="main-menu__drop">
  230.                             <div class="container">
  231.                                 <ul class="dropmenu">
  232.                                     <li class="dropmenu__item --active">
  233.                                         <a href="#"
  234.                                            class="dropmenu__link --has-sub">{{ 'header.nav.fin_services'|trans({}, 'dc_opel') }}</a>
  236.                                         <ul class="submenu">
  237.                                             <li class="submenu__item">
  238.                                                 <a href="{{ path('opel_finance_credit') }}"
  239.                                                    class="submenu__link">{{ 'header.nav.credit'|trans({}, 'dc_opel') }}</a>
  240.                                             </li>
  241.                                             <li class="submenu__item">
  242.                                                 <a href="{{ path('opel_finance_leasing') }}"
  243.                                                    class="submenu__link">{{ 'header.nav.leasing'|trans({}, 'dc_opel') }}</a>
  244.                                             </li>
  245.                                             <li class="submenu__item">
  246.                                                 <a href="{{ path('opel_finance_insurance') }}"
  247.                                                    class="submenu__link">{{ 'header.nav.insurance'|trans({}, 'dc_opel') }}</a>
  248.                                             </li>
  249.                                             <li class="submenu__item">
  250.                                                 <a href="{{ path('opel_finance_trade_in') }}" class="submenu__link">TRADE-IN</a>
  251.                                             </li>
  252.                                         </ul>
  253.                                     </li>
  254.                                     <li class="dropmenu__item">
  255.                                         <a href="#"
  256.                                            class="dropmenu__link --has-sub">{{ 'header.nav.add_services'|trans({}, 'dc_opel') }}</a>
  258.                                         <ul class="submenu">
  259.                                             {# <li class="submenu__item">
  260.                                                 <a href="{{ path('opel_finance_warranty') }}" class="submenu__link">{{'header.nav.warranty'|trans({}, 'dc_opel')}}</a>
  261.                                             </li> #}
  262.                                             <li class="submenu__item">
  263.                                                 <a href="{{ path('opel_service_assistance') }}"
  264.                                                    class="submenu__link">{{ 'header.nav.opel_assistance'|trans({}, 'dc_opel') }}</a>
  265.                                             </li>
  266.                                             <li class="submenu__item">
  267.                                                 <a href="{{ path('opel_finance_warranty_opel') }}"
  268.                                                    class="submenu__link">{{ 'header.nav.warranty2'|trans({}, 'dc_opel') }}</a>
  269.                                             </li>
  271.                                         </ul>
  272.                                     </li>
  273.                                 </ul>
  274.                             </div>
  275.                         </div>
  276.                     </li>
  277.                     <li class="main-menu__item">
  278.                         <a href="#" class="main-menu__link --drop">{{ 'header.nav.service'|trans({}, 'dc_opel') }}</a>
  280.                         <div class="main-menu__drop">
  281.                             <div class="container">
  283.                                 <ul class="dropmenu">
  284.                                     <li class="dropmenu__item --active">
  285.                                         <a href="#"
  286.                                            class="dropmenu__link --has-sub">{{ 'header.nav.repair'|trans({}, 'dc_opel') }}</a>
  288.                                         <ul class="submenu">
  289.                                             <li class="submenu__item">
  290.                                                 <a href="{{ path('opel_service_online-booking') }}"
  291.                                                    class="submenu__link">{{ 'nav.service_booking'|trans({}, 'dc_morris') }}</a>
  292.                                             </li>
  293.                                             <li class="submenu__item">
  294.                                                 <a href="{{ path('opel_service_regulations_to') }}"
  295.                                                    class="submenu__link">{{ 'header.nav.regl_to'|trans({}, 'dc_opel') }}</a>
  296.                                             </li>
  297.                                             <li class="submenu__item">
  298.                                                 <a href="{{ path('opel_service_body_repair') }}"
  299.                                                    class="submenu__link">{{ 'header.nav.body_repair'|trans({}, 'dc_opel') }}</a>
  300.                                             </li>
  301.                                             <li class="submenu__item">
  302.                                                 <a href="{{ path('opel_service_tires_hotel') }}"
  303.                                                    class="submenu__link">{{ 'header.nav.tires_hotel'|trans({}, 'dc_opel') }}</a>
  304.                                             </li>
  305.                                         </ul>
  306.                                     </li>
  307.                                     <li class="dropmenu__item">
  308.                                         <a href="#"
  309.                                            class="dropmenu__link --has-sub">{{ 'header.nav.parts_accessories'|trans({}, 'dc_opel') }}</a>
  311.                                         <ul class="submenu">
  312.                                             <li class="submenu__item">
  313.                                                 <a href="{{ path('opel_service_spare_parts') }}"
  314.                                                    class="submenu__link">{{ 'header.nav.parts'|trans({}, 'dc_opel') }}</a>
  315.                                             </li>
  316.                                             <li class="submenu__item">
  317.                                                 <a href="{{ path('opel_service_accessory_catalog') }}"
  318.                                                    class="submenu__link">{{ 'header.nav.accessories'|trans({}, 'dc_opel') }}</a>
  319.                                             </li>
  320.                                         </ul>
  321.                                     </li>
  322.                                     <li class="dropmenu__item">
  323.                                         <a href="#"
  324.                                            class="dropmenu__link --has-sub">{{ 'header.nav.additional'|trans({}, 'dc_opel') }}</a>
  326.                                         <ul class="submenu">
  327.                                             <li class="submenu__item">
  328.                                                 <a href="{{ path('opel_service_assistance') }}"
  329.                                                    class="submenu__link">{{ 'header.nav.opel_assistance'|trans({}, 'dc_opel') }}</a>
  330.                                             </li>
  331.                                             <li class="submenu__item">
  332.                                                 <a href="{{ path('opel_finance_warranty_opel') }}"
  333.                                                    class="submenu__link">{{ 'header.nav.warranty2'|trans({}, 'dc_opel') }}</a>
  334.                                             </li>
  335.                                             <li class="submenu__item">
  336.                                                 {# ЗАМЕНИТЬ ССЫЛКУ#}
  337.                                                 <a href="{{ path('opel_service_servicing_contracts') }}"
  338.                                                    class="submenu__link">{{ 'header.nav.service_contract'|trans({}, 'dc_opel') }}</a>
  339.                                             </li>
  340.                                             <li class="dropmenu__item">
  341.                                                 <a href="{{ path('opel_service_instructions_opel') }}"
  342.                                                    class="submenu__link">{{ 'header.nav.instructions_opel'|trans({}, 'dc_opel') }}</a>
  343.                                             </li>
  344.                                         </ul>
  345.                                     </li>
  346.                                 </ul>
  347.                             </div>
  348.                         </div>
  349.                     </li>
  350.                     <li class="main-menu__item">
  351.                         <a href="{{ path('opel_stocks') }}"
  352.                            class="main-menu__link">{{ 'header.nav.promo'|trans({}, 'dc_opel') }}</a>
  353.                     </li>
  354.                     <li class="main-menu__item">
  355.                         <a href="#" class="main-menu__link --drop">{{ 'header.nav.about'|trans({}, 'dc_opel') }}</a>
  357.                         <div class="main-menu__drop">
  358.                             <div class="container">
  360.                                 <ul class="dropmenu">
  361.                                     <li class="dropmenu__item">
  362.                                         <a href="{{ path('opel_about_company') }}"
  363.                                            class="dropmenu__link">{{ 'header.nav.about_us'|trans({}, 'dc_opel') }}</a>
  364.                                     </li>
  365.                                     <li class="dropmenu__item">
  366.                                         <a href="{{ path('opel_about_team') }}"
  367.                                            class="dropmenu__link">{{ 'header.nav.team'|trans({}, 'dc_opel') }}</a>
  368.                                     </li>
  369.                                     <li class="dropmenu__item">
  370.                                         <a href="{{ path('opel_about_news') }}"
  371.                                            class="dropmenu__link">{{ 'header.nav.news'|trans({}, 'dc_opel') }}</a>
  372.                                     </li>
  373.                                     <li class="dropmenu__item">
  374.                                         <a href="{{ path('opel_about_quality_policy') }}"
  375.                                            class="dropmenu__link">{{ 'header.nav.policy'|trans({}, 'dc_opel') }}</a>
  376.                                     </li>
  377.                                     <li class="dropmenu__item">
  378.                                         <a href="{{ path('opel_about_contacts') }}"
  379.                                            class="dropmenu__link">{{ 'header.nav.contacts'|trans({}, 'dc_opel') }}</a>
  380.                                     </li>
  381.                                     <li class="dropmenu__item">
  382.                                         <a href="{{ path('opel_about_vacancy') }}"
  383.                                            class="dropmenu__link">{{ 'vacancies.vacancy'|trans({}, 'dc_base') }}</a>
  384.                                     </li>
  385.                                 </ul>
  386.                             </div>
  387.                         </div>
  388.                     </li>
  389.                 </ul>
  390.             </nav>
  391.         </div>
  393.         <div class="header__right-logo order-first order-md-0">
  394.             <a href="{{ path('opel_homepage') }}" class="logo">
  395.                 <img width="80px" src="{{ asset( '/bundles/dcsite/img/opel/logo.svg' ) }}" alt="Opel"/>
  396.             </a>
  397.         </div>
  400.         <button id="btnHeaderMenu" class="d-block d-lg-none navbar-toggler collapsed" aria-label="Toggle navigation">
  401.             <span class="navbar-toggler-icon"></span>
  402.         </button>
  403.     </div>
  404. </header>
  407. <svg width="0" height="0" class="hidden">
  408.     <symbol fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 8 17" id="icon-h-fb">
  409.         <path d="M6.53946 2.82271H8V0.119708C7.74802 0.082875 6.88143 0 5.87218 0C3.76635 0 2.32381 1.40746 2.32381 3.99429V6.375H0V9.39675H2.32381V17H5.1729V9.39746H7.40272L7.75669 6.37571H5.17224V4.29392C5.1729 3.42054 5.39422 2.82271 6.53946 2.82271Z"
  410.               fill="currentColor"/>
  411.     </symbol>
  412.     <symbol fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 19 20" id="icon-h-inst">
  413.         <path d="M9.50299 5.34009C6.80896 5.34009 4.62793 7.49752 4.62793 10.1572C4.62793 12.8191 6.81134 14.9742 9.50299 14.9742C12.197 14.9742 14.3781 12.8168 14.3781 10.1572C14.3781 7.49517 12.1946 5.34009 9.50299 5.34009ZM9.50299 13.2838C7.75421 13.2838 6.33871 11.8843 6.33871 10.1572C6.33871 8.42996 7.755 7.03052 9.50299 7.03052C11.251 7.03052 12.6673 8.42996 12.6673 10.1572C12.6681 11.8843 11.2518 13.2838 9.50299 13.2838Z"
  414.               fill="currentColor"/>
  415.         <path d="M13.4173 0.833141C11.6693 0.75257 7.33972 0.756481 5.59014 0.833141C4.05272 0.904325 2.6966 1.2712 1.60331 2.35147C-0.223862 4.15689 0.00967992 6.58966 0.00967992 10.1575C0.00967992 13.809 -0.196153 16.1854 1.60331 17.9635C3.4376 19.7751 5.93531 19.5381 9.50335 19.5381C13.164 19.5381 14.4275 19.5405 15.7219 19.0453C17.4818 18.3702 18.8102 16.8159 18.94 14.0241C19.0224 12.2961 19.0176 8.01882 18.94 6.29007C18.7833 2.99448 16.9933 0.995847 13.4173 0.833141ZM16.1842 16.769C14.9864 17.9525 13.3247 17.8469 9.48039 17.8469C5.52206 17.8469 3.93476 17.9048 2.77656 16.7573C1.4426 15.4454 1.68406 13.3389 1.68406 10.145C1.68406 5.82307 1.23518 2.71052 5.62497 2.48837C6.63356 2.45317 6.93043 2.44143 9.46931 2.44143L9.50493 2.4649C13.7237 2.4649 17.0337 2.02841 17.2324 6.36516C17.2775 7.3547 17.2878 7.65195 17.2878 10.1567C17.287 14.0225 17.3614 15.6003 16.1842 16.769Z"
  416.               fill="currentColor"/>
  417.         <path d="M14.5713 6.27571C15.2005 6.27571 15.7105 5.77174 15.7105 5.15006C15.7105 4.52838 15.2005 4.02441 14.5713 4.02441C13.9422 4.02441 13.4321 4.52838 13.4321 5.15006C13.4321 5.77174 13.9422 6.27571 14.5713 6.27571Z"
  418.               fill="currentColor"/>
  419.     </symbol>
  420.     <symbol fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 10 10" id="icon-user">
  421.         <path d="M5 6.25C6.38071 6.25 7.5 5.13071 7.5 3.75C7.5 2.36929 6.38071 1.25 5 1.25C3.61929 1.25 2.5 2.36929 2.5 3.75C2.5 5.13071 3.61929 6.25 5 6.25Z"
  422.               stroke="currentColor" stroke-miterlimit="10"/>
  423.         <path d="M1.21094 8.43713C1.59514 7.77212 2.14758 7.21992 2.81277 6.83601C3.47795 6.4521 4.23245 6.24999 5.00047 6.25C5.7685 6.25001 6.52299 6.45213 7.18817 6.83605C7.85334 7.21998 8.40578 7.77219 8.78997 8.43721"
  424.               stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
  425.     </symbol>
  426.     <symbol fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 14 14" id="icon-h-testdrive">
  427.         <path d="M7 0C3.13425 0 0 3.13425 0 7C0 10.8658 3.13425 14 7 14C10.8658 14 14 10.8658 14 7C14 3.13425 10.8658 0 7 0ZM7 1.75C9.27806 1.75 11.2022 3.21738 11.9289 5.25H2.07113C2.79781 3.21738 4.72194 1.75 7 1.75ZM7 7.875C6.51656 7.875 6.125 7.48344 6.125 7C6.125 6.51656 6.51656 6.125 7 6.125C7.48344 6.125 7.875 6.51656 7.875 7C7.875 7.48344 7.48344 7.875 7 7.875ZM1.75 7C4.14094 7 6.07731 9.30387 6.118 12.1612C3.6435 11.7373 1.75 9.59262 1.75 7ZM7.882 12.1612C7.92269 9.30387 9.85906 7 12.25 7C12.25 9.59262 10.3565 11.7373 7.882 12.1612Z"
  428.               fill="#444444"/>
  429.     </symbol>
  430.     <symbol fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 14 14" id="icon-h-service">
  431.         <path d="M8.57577 3.67501C8.46889 3.78405 8.40902 3.93065 8.40902 4.08334C8.40902 4.23603 8.46889 4.38263 8.57577 4.49167L9.5091 5.42501C9.61814 5.53189 9.76475 5.59176 9.91743 5.59176C10.0701 5.59176 10.2167 5.53189 10.3258 5.42501L12.5249 3.22584C12.8183 3.87404 12.9071 4.59623 12.7795 5.29618C12.652 5.99612 12.3142 6.64058 11.8111 7.14367C11.308 7.64676 10.6636 7.98458 9.9636 8.11211C9.26366 8.23964 8.54146 8.15083 7.89327 7.85751L3.86244 11.8883C3.63037 12.1204 3.31563 12.2508 2.98744 12.2508C2.65925 12.2508 2.3445 12.1204 2.11244 11.8883C1.88037 11.6563 1.75 11.3415 1.75 11.0133C1.75 10.6852 1.88037 10.3704 2.11244 10.1383L6.14327 6.10751C5.84995 5.45931 5.76114 4.73712 5.88867 4.03717C6.0162 3.33723 6.35402 2.69277 6.85711 2.18968C7.36019 1.68659 8.00465 1.34877 8.7046 1.22124C9.40455 1.09371 10.1267 1.18252 10.7749 1.47584L8.5816 3.66917L8.57577 3.67501Z"
  432.               fill="#444444"/>
  433.         <path d="M8.57577 3.67501C8.46889 3.78405 8.40902 3.93065 8.40902 4.08334C8.40902 4.23603 8.46889 4.38263 8.57577 4.49167L9.5091 5.42501C9.61814 5.53189 9.76475 5.59176 9.91743 5.59176C10.0701 5.59176 10.2167 5.53189 10.3258 5.42501L12.5249 3.22584C12.8183 3.87404 12.9071 4.59623 12.7795 5.29618C12.652 5.99612 12.3142 6.64058 11.8111 7.14367C11.308 7.64676 10.6636 7.98458 9.9636 8.11211C9.26366 8.23964 8.54146 8.15083 7.89327 7.85751L3.86244 11.8883C3.63037 12.1204 3.31563 12.2508 2.98744 12.2508C2.65925 12.2508 2.3445 12.1204 2.11244 11.8883C1.88037 11.6563 1.75 11.3415 1.75 11.0133C1.75 10.6852 1.88037 10.3704 2.11244 10.1383L6.14327 6.10751C5.84995 5.45931 5.76114 4.73712 5.88867 4.03717C6.0162 3.33723 6.35402 2.69277 6.85711 2.18968C7.36019 1.68659 8.00465 1.34877 8.7046 1.22124C9.40455 1.09371 10.1267 1.18252 10.7749 1.47584L8.5816 3.66917L8.57577 3.67501Z"
  434.               fill="#444444"/>
  435.         <path d="M8.57577 3.67501C8.46889 3.78405 8.40902 3.93065 8.40902 4.08334C8.40902 4.23603 8.46889 4.38263 8.57577 4.49167L9.5091 5.42501C9.61814 5.53189 9.76475 5.59176 9.91743 5.59176C10.0701 5.59176 10.2167 5.53189 10.3258 5.42501L12.5249 3.22584C12.8183 3.87404 12.9071 4.59623 12.7795 5.29618C12.652 5.99612 12.3142 6.64058 11.8111 7.14367C11.308 7.64676 10.6636 7.98458 9.9636 8.11211C9.26366 8.23964 8.54146 8.15083 7.89327 7.85751L3.86244 11.8883C3.63037 12.1204 3.31563 12.2508 2.98744 12.2508C2.65925 12.2508 2.3445 12.1204 2.11244 11.8883C1.88037 11.6563 1.75 11.3415 1.75 11.0133C1.75 10.6852 1.88037 10.3704 2.11244 10.1383L6.14327 6.10751C5.84995 5.45931 5.76114 4.73712 5.88867 4.03717C6.0162 3.33723 6.35402 2.69277 6.85711 2.18968C7.36019 1.68659 8.00465 1.34877 8.7046 1.22124C9.40455 1.09371 10.1267 1.18252 10.7749 1.47584L8.5816 3.66917L8.57577 3.67501Z"
  436.               stroke="#444444" stroke-linecap="round" stroke-linejoin="round"/>
  437.         <path d="M8.57577 3.67501C8.46889 3.78405 8.40902 3.93065 8.40902 4.08334C8.40902 4.23603 8.46889 4.38263 8.57577 4.49167L9.5091 5.42501C9.61814 5.53189 9.76475 5.59176 9.91743 5.59176C10.0701 5.59176 10.2167 5.53189 10.3258 5.42501L12.5249 3.22584C12.8183 3.87404 12.9071 4.59623 12.7795 5.29618C12.652 5.99612 12.3142 6.64058 11.8111 7.14367C11.308 7.64676 10.6636 7.98458 9.9636 8.11211C9.26366 8.23964 8.54146 8.15083 7.89327 7.85751L3.86244 11.8883C3.63037 12.1204 3.31563 12.2508 2.98744 12.2508C2.65925 12.2508 2.3445 12.1204 2.11244 11.8883C1.88037 11.6563 1.75 11.3415 1.75 11.0133C1.75 10.6852 1.88037 10.3704 2.11244 10.1383L6.14327 6.10751C5.84995 5.45931 5.76114 4.73712 5.88867 4.03717C6.0162 3.33723 6.35402 2.69277 6.85711 2.18968C7.36019 1.68659 8.00465 1.34877 8.7046 1.22124C9.40455 1.09371 10.1267 1.18252 10.7749 1.47584L8.5816 3.66917L8.57577 3.67501Z"
  438.               stroke="#444444" stroke-linecap="round" stroke-linejoin="round"/>
  439.     </symbol>
  440. </svg>