{"id":1207,"date":"2021-11-30T14:25:27","date_gmt":"2021-11-30T14:25:27","guid":{"rendered":"https:\/\/www.devlight.io\/?post_type=case_studies&#038;p=1207"},"modified":"2023-10-20T12:54:37","modified_gmt":"2023-10-20T10:54:37","slug":"nova-poshta","status":"publish","type":"case_studies","link":"https:\/\/devlight.io\/portfolio\/nova-poshta\/","title":{"rendered":"Mobile app ecosystem for the largest logistics company in Ukraine"},"content":{"rendered":"<div id=\"block_628c8863d93a8\" class=\"block-cases-header alignfull l-block eq-header\" >\n  \n  \n\n\n<div class=\"l-wrap cases-container\">\n\n    <div class=\"cases__header-heading\">\n            <nav class=\"breadcrumbs\">\r\n            <ul class=\"breadcrumbs__list list-reset\">\r\n                <li class=\"breadcrumbs__item\"><a href=\"#\">Nova Posthta<\/a><\/li>\r\n                <li class=\"breadcrumbs__item breadcrumbs__item--active\"><span>Logistics company<\/span><\/li>\r\n            <\/ul>\r\n        <\/nav>\r\n        <div class=\"cases__year\">2020<\/div><!--         <nav class=\"breadcrumbs\">\n            <li id=\"breadcrumbs__item\"><span><span><a href=\"https:\/\/devlight.io\/\">Home<\/a><\/span><\/span><\/li>            <ul class=\"breadcrumbs__list list-reset\">\n                <li class=\"breadcrumbs__item\"><a href=\"\/\">Fishka<\/a><\/li>\n                <li class=\"breadcrumbs__item breadcrumbs__item--active\"><span>Loyalty Program<\/span><\/li>\n            <\/ul>\n        <\/nav>\n        <div class=\"cases__year\">2021<\/div> -->\n    <\/div>\n\n\n    <div class=\"cases__main-row\">\n\n        <div class=\"cases__left-row\">\n\n                          <div class=\"cases__header-title\">\n                  <h1>Nova<br> Poshta<\/h1>              <\/div>\n            \n            \n            <div class=\"cases__mobile-block\">\n                              <div class=\"cases__mobile-content\">\n                  <h4>Logistic mobile app<\/h4>\n<p>Nova Poshta is the largest logistics company in Ukraine.<\/p>                <\/div>\n              \n                              <a href=\"https:\/\/novaposhta.ua\/eng\/\" class=\"cases__header-link\">\n                    <img decoding=\"async\" src=\"https:\/\/devlight.io\/wp-content\/themes\/devlight\/assets\/img\/icon-link.svg\" alt=\"link\">\n                    https:\/\/novaposhta.ua\/eng\/                <\/a>\n              \n            <\/div>\n\n                          <div class=\"cases__mobile-store\">\n                                  <div class=\"left-img\">\n                      <img decoding=\"async\" src=\"https:\/\/devlight.io\/wp-content\/webp-express\/webp-images\/uploads\/2022\/05\/app-store.jpg.webp\" alt=\"app\">\n                  <\/div>\n                                  <div class=\"left-img\">\n                      <img decoding=\"async\" src=\"https:\/\/devlight.io\/wp-content\/webp-express\/webp-images\/uploads\/2022\/05\/google-pay.jpg.webp\" alt=\"app\">\n                  <\/div>\n                              <\/div>\n            \n        <\/div>\n                \n        <div class=\"cases__center-row\">\n            <div class=\"circle\" style=\"background-color: #e02623\"><\/div>\n            <div class=\"cases__mobile-main\">\n                <div>\n                    <img decoding=\"async\" src=\"https:\/\/devlight.io\/wp-content\/webp-express\/webp-images\/uploads\/2022\/09\/nova-main.png.webp\" alt=\"main-mob\">\n                    <!-- <picture>\n                      <source srcset=\"https:\/\/devlight.io\/wp-content\/uploads\/2022\/09\/nova-main.png\" media=\"(min-width: 600)\">\n                      <source srcset=\"https:\/\/devlight.io\/wp-content\/uploads\/2022\/09\/nova-main-161x300.png\" media=\"(min-width: 300px)\">\n                      <img decoding=\"async\" src=\"https:\/\/devlight.io\/wp-content\/uploads\/2022\/09\/nova-main.png\" alt=\"\" class=\"\">\n                    <\/picture> -->\n                <\/div>\n            <\/div>\n        <\/div>\n        \n        <div class=\"cases__right-row\">\n                          <div class=\"cases__icon\">\n                  <img decoding=\"async\" src=\" https:\/\/devlight.io\/wp-content\/uploads\/2022\/05\/mail-icon.png\" alt=\"mini-icon\">\n              <\/div>\n                                      <div class=\"cases__header-company\">\n                Devlight IT &#8211; Company              <\/div>\n                                      <div class=\"cases__header-time\">\n                2020 \/ August              <\/div>\n                    <\/div>\n    <\/div>\n<\/div>\n\n\n\n<\/div>\n\n\n      <div id=\"block_628c8863d93a9\" class=\"block-cases-about-project   alignfull relative  l-block eq-about nova-about\" >\n  \n  \n<div class=\"bg-wrap-about\" style=\"background-color: #e02623\">\n\n    <div class=\"l-wrap cases-container\">\n        <div class=\"justify-between items-start sm:px-4 about__prod-pad\">\n            \n                            <div class=\"block-cases-about-project__col new__col\">\n                        <h2 class=\"new-width\">\r\n            About the project\r\n        <\/h2>\r\n            <p>\r\n               Nova Poshta is the largest logistics company in Ukraine, with the chain of more than 10 000 branches. With the growth of e-commerce market in the form of both large retailers represented by online stores, as well as marketplaces for small and medium-sized businesses, logistics in Ukraine is actively developing, and the company&#8217;s electronic trading and transport invoice and open API system allow to automate the processes from receiving shipments in offices to solving the problem of last mile.\r\n<br>\r\n            <\/p>                <\/div>\n                        <div class=\"block-cases-about-project__col new__col\">\n                                               <h2 class=\"mb-6 sm:mb8 md:mb-12 sm:px-4\">\r\n            Customer\r\n            <\/h2>\r\n            <p>\r\n      Nova Poshta Group of Companies provides the full range of logistics and related services to private clients and businesses. The Group includes Ukrainian and foreign companies, including Nova Poshta, NovaPay and Nova Poshta Global.\r\n        <\/p>                \n                <div class=\"cases-button-row\">\n                                            <a class=\"cases-button\" href=\"https:\/\/devlight.io\/blog\/discovery-phase-in-software-development\/\">Discovery<\/a>\n                                            <a class=\"cases-button\" href=\"https:\/\/devlight.io\/design-sprints\/\">Design Sprint<\/a>\n                                            <a class=\"cases-button\" href=\"https:\/\/devlight.io\/ux-ui-design\/\">UI\/UX<\/a>\n                                            <a class=\"cases-button\" href=\"https:\/\/devlight.io\/mobile-app-development\/\">Mobile app development<\/a>\n                                            <a class=\"cases-button\" href=\"#\">Cloud infrastructure<\/a>\n                                    <\/div>\n            <\/div>\n        <\/div>\n                    <div class=\"block__img\">\n                <img decoding=\"async\" src=\"https:\/\/devlight.io\/wp-content\/uploads\/2022\/09\/nova-about.png \" alt=\"img\">\n            <\/div>\n              \n\n    <\/div>\n\n<\/div>\n\n\n<\/div>\n\n \n      <div id=\"block_627b81d472f90\" class=\"block-cases-numbers alignfull l-block eq-numbers nova-numbers\" >\n  \n    <style>\n    .numbers__inner-row{\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    margin-top: 250px;\n}\n  .big--info{\n      max-width: 795px;\n\n      font-weight: 600;\n      font-size: 290px;\n      line-height: 353px;\n      color: rgba(0, 0, 0, 0.15);\n  }\n  .small--info{\n    max-width: 389px;\n    font-family: 'RoadRadio';\n    font-weight: 700;\n    font-size: 50px;\n    line-height: 50px;\n    color: #000000;\n  }\n    \n  <\/style>\n\n    <div class=\"l-wrap cases-container\">\n\n      <div class=\"cases-numbers-header\">\n                  <div class=\"cases-numbers-title\">          \n            <h2>Nova poshta BY THE NUMBERS<\/h2>            \n          <\/div>\n           \n                  <div class=\"cases-numbers-text\">          \n            <p><span style=\"font-weight: 400;\">The company provides easy delivery to each client. The delivery can be to the branch, to the automated parcel terminal, or by courier to the door. It allows to launch and develop businesses by thousands of entrepreneurs not only in Ukraine but also abroad.<\/span><\/p>      \n          <\/div>\n          \n      <\/div>\n\n      <div class=\"numbers__grid\">\n                  <div class=\"numbers__item\">\n            <div class=\"numbers__item-title\"> 372M<\/div>\n            <div class=\"numbers__item-text\"> Delivered parcels annually<\/div>\n          <\/div>\n                  <div class=\"numbers__item\">\n            <div class=\"numbers__item-title\"> 6B UAH<\/div>\n            <div class=\"numbers__item-text\"> Taxes and fees paid by the company to the country budgets of all levels<\/div>\n          <\/div>\n                  <div class=\"numbers__item\">\n            <div class=\"numbers__item-title\"> 32K<\/div>\n            <div class=\"numbers__item-text\"> Employees<\/div>\n          <\/div>\n                  <div class=\"numbers__item\">\n            <div class=\"numbers__item-title\"> 10K+<\/div>\n            <div class=\"numbers__item-text\"> Post branches throughout Ukraine<\/div>\n          <\/div>\n                  \n    <\/div>\n\n\n  <!--   <div class=\"numbers__inner-row\">\n\n      <div class=\"numbers__inner-info big--info\">\n        3M+\n      <\/div>\n\n      <div class=\"numbers__inner-info small--info\">\n        Instals of app in App Store and Google Play\n      <\/div>\n      \n    \n    <\/div>\n\n    <div class=\"numbers__inner-row\">\n\n      <div class=\"numbers__inner-info small--info\">\n        Instals of app in App Store and Google Play\n      <\/div>\n\n        <div class=\"numbers__inner-info big--info\">\n          3M+\n        <\/div>\n\n    <\/div>\n -->\n\n  <\/div>\n\n\n\n  <!-- {\"title\":\"GET A FREE COPY\",\"url\":\"#block_6278a5544ddae\",\"target\":\"\"} -->\n\n<\/div>\n\n\n      <div id=\"block_62875e10ad5a0\" class=\"block-cases-our-challenge alignfull  l-block nova-challenge\" >\n  \n  \n    <div class=\"l-wrap cases-container\">\n                    <div class=\"our-challenge__content\">        \n                <h2>Our challenge<\/h2>            <\/div>\n           \n        <div class=\"our__challenge-row\">\n                    <div class=\"our__challenge-left\">\n                <p><span style=\"font-weight: 400;\">Creating Nova Poshta app, we had a few challenges:<\/span><\/p>\n<ul>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Make the receiving and sending process as simple as possible: add an opportunity to create parcels online to avoid long queues, and data submission and add a QR code for scanning instead;<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Provide an opportunity to count delivery price without the courier&#8217;s help;<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Develop an ML tool for passport data, customer&#8217;s face, and profile avatar identification.<\/span><\/li>\n<\/ul>\n<p><span style=\"font-weight: 400;\">Our main task was to create a simple, reliable, and useful tool to meet the needs of Nova Poshta app users.<\/span><\/p>        \n            <\/div>\n          \n         \n            <div class=\"our__challenge-right\">          \n                <img decoding=\"async\" src=\"https:\/\/devlight.io\/wp-content\/webp-express\/webp-images\/uploads\/2022\/09\/nova-chall.png.webp\" alt=\"alt\" width=\"740\" height=\"580\">\n            <\/div>\n           \n        <\/div>\n    <\/div>\n\n\n<\/div>\n\n\n      <div id=\"block_628765f7472f5\" class=\"block-cases-our-problem alignfull  l-block eq-problems nova-problems\" >\n  \n  \n\n    <div class=\"l-wrap cases-container\">\n\t\t\t\n\t\t\t        <div class=\"our-problem__content\" >\n            <h2>Problems we faced with<\/h2>        <\/div>\n\t\t\t   \n        <div class=\"our__problem-row\">\n\t\t\t\t\t            <div class=\"our__problem-left\">\n                <p><span style=\"font-weight: 400;\">Outdated and overloaded operator workstation interface, which affects the employee\u2019s low efficiency and takes a lot of time to train new employees in 1C.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">There was no opportunity to pay by phone and to reduce parcel receiving time \u2014 there was no express queue available.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">The absence of a loading schedule for the team.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">There was no platform for operators and couriers to manage parcels and optimize the delivery process.<\/span><\/p>            <\/div>\n\t\t\t\t\t   \n\t\t\t\t\t            <div class=\"our__problem-right\">\n                <img decoding=\"async\" src=\"https:\/\/devlight.io\/wp-content\/webp-express\/webp-images\/uploads\/2022\/09\/nova-problems.png.webp\" alt=\"alt\" width=\"740\" height=\"1248\">\n            <\/div>\n\t\t\t\t\t  \n        <\/div>\n\n    <\/div>\n\n\n<\/div>\n\n\n      <div id=\"block_627c942119068\" class=\"block-cases-solutions alignfull  l-block solutions-main-design nova-des\" >\n  \n  \n\n    <div class=\"l-wrap cases-container\">\n\n\t\t\t        <div class=\"block-cases-solutions__content\">\n            <h2>Solutions we propose<\/h2>            <p>Our client&#8217;s digital solution is ZEMPCENTER Retail, a Point of Sales SaaS solution providing an end-to-end business application.<\/p>\n        <\/div>\n\t\t\t  \n\n        <div class=\"cases__solutions-row\">\n\t\t\t\t\t            <div class=\"cases__solutions-left\">\n                <img decoding=\"async\" src=\" https:\/\/devlight.io\/wp-content\/uploads\/2022\/09\/nova-solutions.png\" alt=\"alt\" width=\"740\" height=\"1248\">\n            <\/div>\n\t\t\t\t\t  \n            <div class=\"cases__solutions-right\">\n\n                <div class=\"cases-solutions-grid\">\n\t\t\t\t\t\t\t\t\t                    <div class=\"cases-solutions-item\">\n\t\t\t\t\t\t\t\t\t\t\t<p><span style=\"font-weight: 400;\">The development of a native mobile app for iOS and Android.<\/span><\/p>                    <\/div>\n\t\t\t\t\t\t\t\t\t                    <div class=\"cases-solutions-item\">\n\t\t\t\t\t\t\t\t\t\t\t<p><span style=\"font-weight: 400;\">Google Cloud platform exploitation for the project software environment.<\/span><\/p>                    <\/div>\n\t\t\t\t\t\t\t\t\t                    <div class=\"cases-solutions-item\">\n\t\t\t\t\t\t\t\t\t\t\t<p><span style=\"font-weight: 400;\">The development of a workstation app with a convenient interface for operators and couriers to optimize the delivery process to addresses.<\/span><\/p>                    <\/div>\n\t\t\t\t\t\t\t\t\t                    <div class=\"cases-solutions-item\">\n\t\t\t\t\t\t\t\t\t\t\t<p><span style=\"font-weight: 400;\">System AWIS creation. Automatic route calculation system \u2013 develop the mechanism of automatic route selection for the day.<\/span><\/p>                    <\/div>\n\t\t\t\t\t\t\t\t\t                    <div class=\"cases-solutions-item\">\n\t\t\t\t\t\t\t\t\t\t\t<p><span style=\"font-weight: 400;\">Add the parcel consolidation function.<\/span><\/p>                    <\/div>\n\t\t\t\t\t\t\t\t\t                    <div class=\"cases-solutions-item\">\n\t\t\t\t\t\t\t\t\t\t\t<p><span style=\"font-weight: 400;\">Make templates for parcel creation.<\/span><\/p>                    <\/div>\n\t\t\t\t\t\t\t\t\t  \n                <\/div>\n\n\n            <\/div>\n        <\/div>\n\n    <\/div>\n\n\n<\/div>\n\n\n      <div id=\"block_628c8863d93aa\" class=\"block-cases-creating alignfull  l-block\" >\n  \n  \n\n<div class=\"bg-wrap-color-creating\" style=\"background-color: #000101\">\n\n    <div class=\"l-wrap cases-container\">\n                    <div class=\"cases-creating__content  md:pl-4 flex-row\" >\n                <h2>The process of creating Nova Poshta project<\/h2>\n<p>Regardless of the size and scope of your project, following this development process will make your enterprise mobile app development initiative a success.<\/p>            <\/div>\n                            <div  class=\"cases-creating__mini-title cases-creating__mini-title--top\" style=\"--color:#FFA300\">\n                DISCOVERY PHASE            <\/div>\n                <div class=\"cases__creating-row\">\n\n        <svg class=\"cases__creating-svg\" width=\"840\" height=\"61\" viewBox=\"0 0 840 61\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n            <path d=\"M839 29.5L839 30.5L840 30.5L840 29.5L839 29.5ZM7.5 29.5L7.5 28.5L6.5 28.5L6.5 29.5L7.5 29.5ZM6.79291 60.7071C7.18341 61.0976 7.81659 61.0976 8.20709 60.7071L14.571 54.3431C14.9616 53.9526 14.9616 53.3195 14.571 52.9289C14.1805 52.5384 13.5474 52.5384 13.1569 52.9289L7.5 58.5858L1.84314 52.9289C1.45263 52.5384 0.819456 52.5384 0.428953 52.9289C0.0383888 53.3195 0.0383888 53.9526 0.428953 54.3431L6.79291 60.7071ZM838 -4.3711e-08L838 29.5L840 29.5L840 4.3711e-08L838 -4.3711e-08ZM839 28.5L7.5 28.5L7.5 30.5L839 30.5L839 28.5ZM6.5 29.5L6.5 60L8.5 60L8.5 29.5L6.5 29.5Z\" fill=\"white\" fill-opacity=\"0.3\"\/>\n        <\/svg>\n\n\n        \n            <div class=\"cases__creating-item\" style=\"--hover_color:#FFA300\">            \n                <div class=\"cases__creating-title\">\n                             Product value <br> \r\n                    creating            \n                <\/div>              \n                <div class=\"cases__creating-subtitle\">\n                    What is the product overall value? How product will compare into the market?                 \n                <\/div> \n                <div class=\"cases__creating-info\">\n                    <ul class=\"cases-hover-cr\">\n<li>&gt; Trend Canvas<\/li>\n<li>&gt; Key business ideas<\/li>\n<li>&gt; Customer journey map<\/li>\n<li>&gt; Value proposition canvas<\/li>\n<li><\/li>\n<\/ul>                  \n                <\/div> \n\n            <\/div>\n\n        \n            <div class=\"cases__creating-item\" style=\"--hover_color:#FFA300\">            \n                <div class=\"cases__creating-title\">\n                    Requirement gathering &#038;\r\ncollecting            \n                <\/div>              \n                <div class=\"cases__creating-subtitle\">\n                    What is the business context?\r\nDid vision match it?                 \n                <\/div> \n                <div class=\"cases__creating-info\">\n                    <ul class=\"cases-hover-cr\">\n<li>&gt; Backlog creating<\/li>\n<li>\n&gt; Job &amp; user stories creating<\/li>\n<li>\n&gt; BPMN modelling<\/li>\n<li>\n&gt; Business tasks describing<\/li>\n<li>\n&gt; PRD completing<\/li>\n<\/ul>                  \n                <\/div> \n\n            <\/div>\n\n        \n            <div class=\"cases__creating-item\" style=\"--hover_color:#FFA300\">            \n                <div class=\"cases__creating-title\">\n                    High fidelity prototyping\r\ncreating &#038; testing             \n                <\/div>              \n                <div class=\"cases__creating-subtitle\">\n                    How the users will interact with\r\nproduct concept?                 \n                <\/div> \n                <div class=\"cases__creating-info\">\n                    <ul class=\"cases-hover-cr\">\n<li>&gt; Figma hi-fi prototype creating<\/li>\n<li>\n&gt; User flows mapping<\/li>\n<li>\n&gt; Clickable prototype creating<\/li>\n<li>\n&gt; Clickable prototype realtime testing<\/li>\n<li>\n&gt; Iteration changes<\/li>\n<\/ul>                  \n                <\/div> \n\n            <\/div>\n\n        \n            <div class=\"cases__creating-item\" style=\"--hover_color:#FFA300\">            \n                <div class=\"cases__creating-title\">\n                    Product\u2019s software integrations plan creating            \n                <\/div>              \n                <div class=\"cases__creating-subtitle\">\n                    How the buisness will interact with\r\nproduct concept?                 \n                <\/div> \n                <div class=\"cases__creating-info\">\n                    <ul class=\"cases-hover-cr\">\n<li>&gt; Software architecture diagram<\/li>\n<li>\n&gt; Data flow diagram<\/li>\n<li>\n&gt; API methods specs.<\/li>\n<li>\n&gt; 3d-party services integration model<\/li>\n<li>\n&gt; Full technical specification creating<\/li>\n<\/ul>                  \n                <\/div> \n\n            <\/div>\n\n        \n            <div class=\"cases__creating-item\" style=\"--hover_color:#FFA300\">            \n                <div class=\"cases__creating-title\">\n                    UI &#038; software development            \n                <\/div>              \n                <div class=\"cases__creating-subtitle\">\n                    How the users will interact with product concept?                 \n                <\/div> \n                <div class=\"cases__creating-info\">\n                    <ul class=\"cases-hover-cr\">\n<li>&gt; UI styles<\/li>\n<li>&gt; Design system<\/li>\n<li>&gt; Design QA<\/li>\n<li>&gt; Design color tockens<\/li>\n<\/ul>                  \n                <\/div> \n\n            <\/div>\n\n        \n            <div class=\"cases__creating-item\" style=\"--hover_color:#FFA300\">            \n                <div class=\"cases__creating-title\">\n                    Product\u2019s QA. Pre-release \r\nstage            \n                <\/div>              \n                <div class=\"cases__creating-subtitle\">\n                    Does our product relevant to its goals?                 \n                <\/div> \n                <div class=\"cases__creating-info\">\n                    <ul class=\"cases-hover-cr\">\n<li>&gt; Regression testing<\/li>\n<li>&gt; Testing result documents<\/li>\n<li>&gt; Security report &amp; APP protection<\/li>\n<li>&gt; Promotion materials completed<\/li>\n<li>&gt; Beta testing began<\/li>\n<li>&gt; List of key metrics. North Star<\/li>\n<\/ul>                  \n                <\/div> \n\n            <\/div>\n\n        \n            <div class=\"cases__creating-item\" style=\"--hover_color:#FFA300\">            \n                <div class=\"cases__creating-title\">\n                    Release            \n                <\/div>              \n                <div class=\"cases__creating-subtitle\">\n                    Going to the market                 \n                <\/div> \n                <div class=\"cases__creating-info\">\n                    <ul class=\"cases-hover-cr\">\n<li>&gt; Deploy to markets<\/li>\n<li>&gt; Analytics gathering<\/li>\n<li>&gt; Interview session after the release<\/li>\n<li>&gt; Feedbacks collecting<\/li>\n<\/ul>                  \n                <\/div> \n\n            <\/div>\n\n        \n            <div class=\"cases__creating-item\" style=\"--hover_color:#FFA300\">            \n                <div class=\"cases__creating-title\">\n                    Product\u2019s support &#038; growth            \n                <\/div>              \n                <div class=\"cases__creating-subtitle\">\n                    High-end growth for the business success                 \n                <\/div> \n                <div class=\"cases__creating-info\">\n                    <ul class=\"cases-hover-cr\">\n<li>&gt; Next iteration scope planning<\/li>\n<li>&gt; A\/B testing<\/li>\n<li>&gt; Funnels building<\/li>\n<li>&gt; New engagement model building<\/li>\n<\/ul>                  \n                <\/div> \n\n            <\/div>\n\n        \n        <\/div>\n\n                    <div class=\"cases-creating__mini-title cases-creating__mini-title--bottom\" style=\"--color:#FFA300\">\n                Development phase            <\/div>    \n        \n    <\/div>            \n<\/div>\n<\/div>\n\n\n      <div id=\"block_632ec9cda6dfc\" class=\"block-cases-discovery alignfull  l-block phase-eq phase-nova\" >\n  \n  \n\n\n\n<div class=\"l-wrap cases-container\">\n\n            <div class=\"phase\">\n            phase 1        <\/div>\n      \n\n    <div class=\"cases__discovery-header\">\n                    <img decoding=\"async\" src=\"https:\/\/devlight.io\/wp-content\/uploads\/2022\/05\/logo-discovery-1.svg\" alt=\"logo\" width=\"50\" height=\"50\">\n          \n                    <h3>Discovery process<\/h3>          \n    <\/div>\n      \n\n    <div class=\"cases-discovery__img-row\">\n          \n          \n    <\/div>\n\n<\/div>\n\n\n<\/div>\n\n\n      <div id=\"block_632eca06a6dfd\" class=\"block-cases-architecture alignfull  l-block eq-arc nova-arc\" >\n  \n  \n\n<div class=\"l-wrap cases-container\">\n\n            <div class=\"cases-architecture__content flex-row\">\n            <h2>Initial workshop with the client<\/h2>\n<p>The next step is deep work with the client, which gives us answers to the most important question. During this workshop, we discovered problems and requests that clients had and found the best suitable solutions for them.<\/p>        <\/div>\n    \n    <div class=\"cases__person-block\">\n                    <div class=\"cases-person\">\n                <img decoding=\"async\" src=\"https:\/\/devlight.io\/wp-content\/webp-express\/webp-images\/uploads\/2022\/05\/person.png.webp\" alt=\"alt\" width=\"5796\">\n            <\/div>\n                          \n        <div class=\"cases-person-row\">\n\n             \n            \n                <div class=\"cases-person-block\">\n\n                    <div class=\"cases-person-text left\">\n\n                        <p>Value Proposition Canvas<\/p>\n                    <\/div>\n\n                    <div class=\"cases-person-text right\">\n\n                        <p>helped ensure that a product was positioned around what the customer values and needs<\/p>\n                    <\/div>\n\n                <\/div>\n\n             \n            \n                <div class=\"cases-person-block\">\n\n                    <div class=\"cases-person-text left\">\n\n                        <p>Business Model Canvas<\/p>\n                    <\/div>\n\n                    <div class=\"cases-person-text right\">\n\n                        <p>created a visual representation of a business model, highlighting all key strategic factors, customers, revenue streams and more.<\/p>\n                    <\/div>\n\n                <\/div>\n\n             \n            \n                <div class=\"cases-person-block\">\n\n                    <div class=\"cases-person-text left\">\n\n                        <p>Customer journey map<\/p>\n                    <\/div>\n\n                    <div class=\"cases-person-text right\">\n\n                        <p>mapped user journeys, measured touchpoints, and examined all of the most challenging areas.<\/p>\n                    <\/div>\n\n                <\/div>\n\n                   \n\n  <!--           <div class=\"cases-person-block\">\n\n                <div class=\"cases-person-text left\">\n\n                    Nalyzed customer's busines\n\n                <\/div>\n\n                <div class=\"cases-person-text right\">\n\n                    generated various ideas that, if implemented, can increase the value of the application and increase\n                    people's interest in it.\n\n                <\/div>\n\n            <\/div>\n\n            <div class=\"cases-person-block\">\n\n                <div class=\"cases-person-text left\">\n\n                    Nalyzed customer's busines\n\n                <\/div>\n\n                <div class=\"cases-person-text right\">\n\n                    generated various ideas that, if implemented, can increase the value of the application and increase\n                    people's interest in it.\n\n                <\/div>\n\n            <\/div> -->\n\n        <\/div>\n\n         \n    <\/div>\n\n\n<\/div>\n\n\n\n\n\n<\/div>\n\n\n      <div id=\"block_632eca7fa6e01\" class=\"block-cases-interview alignfull  l-block eq-indepth nova-indepth\" >\n  \n  \n\n  <!-- <div class=\"bg-wrap\" style=\"background-color: rgb(224,38,35)\"> -->\n  <div class=\"bg-wrap\" style=\"background: linear-gradient(180deg, rgba(0, 0, 0, 0.2) 0%, rgba(255, 255, 255, 0.2) 92.71%), #485CC3;\">\n    <div class=\"l-wrap cases-container\">\n              <div class=\"block-cases-interview__title\">\n          IN &#8211; depth <br> interview        <\/div>\n      \n              <div class=\"block-cases-interview__grid\">\n                      \n          <div class=\"block-cases-interview__column\">\n                                      <div class=\"block-cases-interview__text\">\n                <p>For a deep understanding of the unresolved problems market has, we need to conduct qualitative research. In-depth interviews are just perfect for that, as they receive detailed answers from respondents instead of simply filling out a standard questionnaire. Also, they are one of the most inexpensive and simplest studies.<\/p>\n<p>These interviews do not confirm or disprove hypotheses. They just describe the user experience. And through this, we can have a better understanding of problems that are occurring, their context, and how users manage these problems.<\/p>              <\/div>\n                      <\/div>\n\n                      \n          <div class=\"block-cases-interview__column\">\n                                      <div class=\"block-cases-interview__text\">\n                <p>Recruiting people for interviews is another job that is needed to be done. Not every user fits into respondent requirements, that is why we need to form a list of characteristics describing the perfect user, whose experience will be most relevant to us. Based on these data, a screening questionnaire is formed which filters questions for the selection of respondents.<\/p>              <\/div>\n                      <\/div>\n\n                      \n          <div class=\"block-cases-interview__column\">\n                          <div class=\"block-cases-interview__title\">\n                Screening criteria for respondents              <\/div>\n                                      <div class=\"block-cases-interview__text\">\n                <ul>\n<li>Age (20-55 years old).<\/li>\n<li>Income (average\/above average\/ high).<\/li>\n<li>Over the past six months, the respondent has used loyalty services.<\/li>\n<\/ul>              <\/div>\n                      <\/div>\n\n                      \n          <div class=\"block-cases-interview__column\">\n                          <div class=\"block-cases-interview__title\">\n                What is important to understand              <\/div>\n                                      <div class=\"block-cases-interview__text\">\n                <ul>\n<li>Who is our user, what is his goal and motivation.<\/li>\n<li>What is his current experience &#8211; what steps he goes through, what actions he takes on them, what problems he has, what pleasant moments arise along the way.solution providing an end-to-end business application d business .<\/li>\n<\/ul>              <\/div>\n                      <\/div>\n\n                  <\/div>\n      \n      <div class=\"block-cases-interview__stickers\">\n        <img decoding=\"async\" class=\"block-cases-interview__stickers-img\" src=\"https:\/\/devlight.io\/wp-content\/webp-express\/webp-images\/themes\/devlight\/assets\/img\/cases-interview-stickers.png.webp\" alt=\"stickers\">\n      <\/div>\n\n              <div class=\"block-cases-interview__summary\">\n          <div class=\"block-cases-interview__summary-items\">\n            \n              <div class=\"block-cases-interview__summary-item\">\n                                  <span>12<\/span>\n                                                  <p>Respondents<\/p>\n                              <\/div>\n              \n\n            \n              <div class=\"block-cases-interview__summary-item\">\n                                  <span>1.5 h<\/span>\n                                                  <p>Duration of each<\/p>\n                              <\/div>\n              \n\n            \n              <div class=\"block-cases-interview__summary-item\">\n                                  <span>50<\/span>\n                                                  <p>Questions<\/p>\n                              <\/div>\n              \n\n                      <\/div>\n          <svg width=\"1134\" height=\"398\" viewBox=\"0 0 1134 398\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n            <path d=\"M1133 198.916C1133 225.906 1117.38 251.761 1088.8 275.411C1060.24 299.056 1018.84 320.394 967.599 338.333C865.124 374.208 723.491 396.416 567 396.416C410.509 396.416 268.876 374.208 166.401 338.333C115.159 320.394 73.762 299.056 45.1953 275.411C16.6223 251.761 1 225.906 1 198.916C1 171.926 16.6223 146.071 45.1953 122.421C73.762 98.7765 115.159 77.4384 166.401 59.4992C268.876 23.6238 410.509 1.41602 567 1.41602C723.491 1.41602 865.124 23.6238 967.599 59.4992C1018.84 77.4384 1060.24 98.7765 1088.8 122.421C1117.38 146.071 1133 171.926 1133 198.916Z\" fill=\"white\" fill-opacity=\"0.2\" stroke=\"white\" stroke-width=\"2\"\/>\n          <\/svg>\n        <\/div>\n      \n    <\/div>\n  <\/div>\n\n<\/div>\n\n\n      <div id=\"block_627d0d1c43dcd\" class=\"block-cases-user alignfull  l-block eq-user nova-user\" >\n  \n  \n    <div class=\"l-wrap cases-container\">\n      <div class=\"block-cases-user__header\">\n                  <div class=\"block-cases-user__title\">\n            user persona          <\/div>\n                          <div class=\"block-cases-user__text\">\n            <p>Based on the data obtained from in-depth interviews, we draw up a general user persona that reflects the customer segment we have intensified as a key.<\/p>          <\/div>\n              <\/div>\n\n              <div class=\"block-cases-user__grid\">\n                      \n          <div class=\"block-cases-user__card\">\n                          <img decoding=\"async\" class=\"block-cases-user__card-thumb\" src=\"https:\/\/devlight.io\/wp-content\/webp-express\/webp-images\/uploads\/2021\/11\/NP-User.png.webp\" alt=\"\" width=\"192\" height=\"192\">\n                                      <div class=\"block-cases-user__card-title\">\n                Julia Melnyk              <\/div>\n                                      <div class=\"block-cases-user__card-details\">\n                <p><b>Age:\u00a0<\/b>24<\/p>\n<p><b>Status:\u00a0<\/b>Single<\/p>\n<p><b>Occupation:\u00a0<\/b>Designer<\/p>\n<p><b>Location:\u00a0<\/b>Kyiv<\/p>              <\/div>\n                                      <div class=\"block-cases-user__card-text\">\n                <p class=\"p1\">A designer who lives with her family. She started painting on canvas just as a hobby. And now has nearly 100-120 paintings ready. She has started selling them online so that different people can buy them. Currently, she packs and ships them herself, which takes a lot of time and money. She wants a logistics app to provide good delivery services so that she can expand her reach.<\/p>              <\/div>\n                      <\/div>\n\n                      \n          <div class=\"block-cases-user__card\">\n                                      <div class=\"block-cases-user__card-title\">\n                goal              <\/div>\n                                                  <div class=\"block-cases-user__card-text\">\n                <ul>\n<li>\n<p class=\"p1\">Want to expand business by providing county-wide services<\/p>\n<\/li>\n<li>\n<p class=\"p1\">Predictable delivery time<\/p>\n<\/li>\n<li>Would like to track deliveries to make sure that they are going on time<\/li>\n<\/ul>              <\/div>\n                      <\/div>\n\n                      \n          <div class=\"block-cases-user__card\">\n                                      <div class=\"block-cases-user__card-title\">\n                Frustration              <\/div>\n                                                  <div class=\"block-cases-user__card-text\">\n                <ul>\n<li>It&#8217;s difficult to find an available courier<\/li>\n<li>It&#8217;s hard to track all your shipments<\/li>\n<li>It takes a lot of time when sending packages<\/li>\n<\/ul>              <\/div>\n                      <\/div>\n\n                      \n          <div class=\"block-cases-user__card\">\n                                      <div class=\"block-cases-user__card-title\">\n                Features              <\/div>\n                                                  <div class=\"block-cases-user__card-text\">\n                <ul>\n<li>Call a courier<\/li>\n<li>All my packages in the app<\/li>\n<li>Create parcels beforehand in the app<\/li>\n<\/ul>              <\/div>\n                      <\/div>\n\n                      \n          <div class=\"block-cases-user__card\">\n                                      <div class=\"block-cases-user__card-title\">\n                Influences              <\/div>\n                                                  <div class=\"block-cases-user__card-text\">\n                <ul>\n<li>Friends<\/li>\n<li>Online and social media<\/li>\n<li>Online advertisment<\/li>\n<\/ul>              <\/div>\n                      <\/div>\n\n                      \n          <div class=\"block-cases-user__card\">\n                                      <div class=\"block-cases-user__card-title\">\n                Technology              <\/div>\n                                                  <div class=\"block-cases-user__card-text\">\n                <ul>\n<li>Mobile apps<\/li>\n<li>Social network<\/li>\n<li>iPhone<\/li>\n<\/ul>              <\/div>\n                      <\/div>\n\n                  <\/div>\n      \n    <\/div>\n\n<\/div>\n\n\n      <div id=\"block_628b4808d56be\" class=\"cases-relationship alignfull  l-block nova-erd\" >\n  \n  \n\n    <div class=\"l-wrap cases-container\">\n              <div class=\"cases-relationship__header\">\n          <h3>entity relationship<br \/>\ndiagram (ERD)<\/h3>\n<p>Our plans included adding the high-level software design later. This would allow software teams to sketch out the big picture and begin preparing a prototype. For this, we created Entity Relationship (ER) Diagram that visualizes relations between \u00abentities\u00bb like people, objects, and concepts within the ecosystem of an app.<\/p>        <\/div>\n       \n              <div class=\"cases-relationship__scheme\">\n        <!-- <img decoding=\"async\" src=\"https:\/\/devlight.io\/wp-content\/themes\/devlight\/assets\/img\/cases-relationship-diagram.png\" alt=\"\"> -->\n          <img decoding=\"async\" src=\" https:\/\/devlight.io\/wp-content\/uploads\/2022\/09\/nova-erd.png\" alt=\"diagram\">\n        <\/div>\n       \n    <\/div>\n\n<\/div>\n\n\n      <div id=\"block_629d7585aee8e\" class=\"block-cases-wireframes block-cases-wireframes--v1 alignfull  l-block nova-wire\" >\n  \n  \n\n    <style>\n\n\n\n        .section-ios .grid-item-horizontal,\n        .section-ios .grid-item-vertical,\n        .glass-container {\n            display: block;\n            position: relative;\n            z-index: 1\n        }\n\n        .section-ios .grid-item-horizontal:after,\n        .section-ios .grid-item-horizontal:before,\n        .section-ios .grid-item-vertical:after,\n        .section-ios .grid-item-vertical:before,\n        .glass-container:after,\n        .glass-container:before {\n            content: \"\";\n            display: block;\n            position: absolute;\n            top: 0;\n            left: 0;\n            z-index: 1\n        }\n\n        .section-ios .grid-item-horizontal .glass-hardware,\n        .section-ios .grid-item-horizontal .glass-screen,\n        .section-ios .grid-item-vertical .glass-hardware,\n        .section-ios .grid-item-vertical .glass-screen,\n        .glass-container .glass-hardware,\n        .glass-container .glass-screen {\n            display: block;\n            position: absolute;\n            top: 0;\n            left: 0\n        }\n\n        .section-ios .grid-item-horizontal .glass-hardware,\n        .section-ios .grid-item-vertical .glass-hardware,\n        .glass-container .glass-hardware {\n            pointer-events: none;\n            z-index: 3\n        }\n\n        .section-ios .grid-item-horizontal .glass-screen,\n        .section-ios .grid-item-vertical .glass-screen,\n        .glass-container .glass-screen {\n            z-index: 4\n        }\n\n        .section-ios {\n            overflow: hidden;\n            position: relative;\n            margin-bottom: -120px;\n            --device-width: 185px;\n            --logo-width: 192px;\n            --logo-height: 192px;\n            --logo-scale: 1.875;\n            --grid-rows: 6;\n            --grid-gap: 50px;\n            --grid-padding-top: 130px;\n            --grid-padding-bottom: 140px;\n            --grid-vertical-centering-offset: 26px\n        }\n\n        @media only screen and (max-width:1068px) {\n            .section-ios {\n                --device-width: 220px;\n                --logo-width: 155px;\n                --logo-height: 155px;\n                --grid-gap: 30px;\n                --grid-padding-top: 106px;\n                --grid-padding-bottom: 106px;\n                --grid-vertical-centering-offset: 10px\n            }\n        }\n\n        @media only screen and (max-width:734px) {\n            .section-ios {\n                --device-width: 134px;\n                --logo-width: 101px;\n                --logo-height: 101px;\n                --logo-scale: 1.8614;\n                --grid-rows: 7;\n                --grid-gap: 20px;\n                --grid-padding-top: 130px;\n                --grid-padding-bottom: 100px\n            }\n        }\n\n        .section-ios .ios-grid {\n            display: grid;\n            grid-template-rows: var(--device-width) var(--device-width) var(--logo-width) var(--device-width) var(--device-width) auto;\n            grid-template-columns: var(--device-width) var(--device-width) var(--device-width) var(--device-width) var(--logo-height) var(--device-width) var(--device-width) var(--device-width) var(--device-width) var(--device-width);\n            grid-gap: var(--grid-gap);\n            gap: var(--grid-gap);\n            margin-bottom: var(--grid-padding-bottom);\n            margin-left: calc(var(--device-width)\/2 + var(--grid-gap)\/2);\n            justify-content: center;\n            align-content: center;\n            width: 100%;\n            margin-top: calc(var(--device-width)*-1 + var(--r-localnav-height))\n        }\n\n        @media only screen and (min-width:1069px)and (max-height:1150px) {\n            .section-ios .ios-grid {\n                margin-top: calc(var(--grid-rows)*(var(--device-width) + var(--grid-gap))*0.33*-1 - -50vh + var(--device-width)\/2*-1 + var(--grid-gap)\/2*-1 - var(--grid-vertical-centering-offset)*-1 - var(--r-localnav-height)*-1);\n                \/* margin-bottom: -120px; *\/\n            }\n        }\n\n        @media only screen and (min-width:735px)and (max-width:1068px)and (max-height:1025px) {\n            .section-ios .ios-grid {\n                margin-top: calc(var(--grid-rows)*(var(--device-width) + var(--grid-gap))*0.33*-1 - -50vh + var(--device-width)\/2*-1 + var(--grid-gap)\/2*-1 - var(--grid-vertical-centering-offset)*-1 - var(--r-localnav-height)*-1);\n                \/* margin-bottom: -120px; *\/\n            }\n        }\n\n        @media only screen and (max-width:734px) {\n            .section-ios .ios-grid {\n                margin-top: calc(var(--device-width)*-1 + var(--r-localnav-height) - 13px);\n                \/* margin-bottom: -120px; *\/\n            }\n        }\n\n        .section-ios .ios-grid-item-logo {\n            grid-area: 3\/5\n        }\n\n        .section-ios .ios-grid-item-content {\n            grid-area: 5\/5\/5\/5\n        }\n        .ios-content-vertical-text {\n            font-family: 'RoadRadio';\n            font-style: normal;\n            font-weight: 700;\n            font-size: 48px;\n            line-height: 56px;\n            display: flex;\n            align-items: center;\n            text-align: center;\n            letter-spacing: 4px;\n            margin-top: 200px;\n            color: rgba(0, 1, 1, 0.15);\n            transform: rotate(90deg) translateX(-56px);\n        }\n        .section-ios .ios-grid-item-1 {\n            grid-area: 2\/1\n        }\n\n        .section-ios .ios-grid-item-2 {\n            grid-area: 2\/3\n        }\n\n        .section-ios .ios-grid-item-3 {\n            grid-area: 2\/4\n        }\n\n        .section-ios .ios-grid-item-4 {\n            grid-area: 2\/5\n        }\n\n        .section-ios .ios-grid-item-5 {\n            grid-area: 1\/7;\n        }\n\n        .section-ios .ios-grid-item-6 {\n            grid-area: 2\/8\n        }\n\n        .section-ios .ios-grid-item-7 {\n            grid-area: 1\/9\n        }\n\n        .section-ios .ios-grid-item-8 {\n            grid-area: 3\/1\n        }\n\n        .section-ios .ios-grid-item-9 {\n            grid-area: 3\/2\n        }\n\n        .section-ios .ios-grid-item-10 {\n            grid-area: 4\/3\n        }\n\n        .section-ios .ios-grid-item-11 {\n            grid-area: 4\/4\n        }\n\n        .section-ios .ios-grid-item-12 {\n            grid-area: 3\/6\n        }\n\n        .section-ios .ios-grid-item-13 {\n            grid-area: 3\/7\n        }\n\n        .section-ios .ios-grid-item-14 {\n            grid-area: 5\/8\n        }\n\n        .section-ios .ios-grid-item-15 {\n            grid-area: 4\/8\n        }\n\n        .section-ios .ios-grid-item-16 {\n            grid-area: 4\/9\n        }\n\n        .section-ios .ios-grid-item-17 {\n            grid-area: 5\/1\n        }\n\n        .section-ios .ios-grid-item-18 {\n            grid-area: 6\/2\n        }\n\n        .section-ios .ios-grid-item-19 {\n            grid-area: 5\/4\n        }\n        .section-ios .ios-grid-item-20 {\n            grid-area: 5\/4\n        }\n        .section-ios .ios-grid-item-21 {\n            grid-area: 5\/6\n        }\n        .section-ios .ios-grid-item-22 {\n            grid-area: 5\/7\n        }\n\n        @media only screen and (max-width:734px) {\n            .section-ios .ios-grid-item-content {\n                grid-area: last\/3\/last\/8\n            }\n\n            .section-ios .ios-grid-item-4 {\n                grid-area: 5\/5\n            }\n\n            .section-ios .ios-grid-item-12 {\n                grid-area: 6\/5\n            }\n\n            .section-ios .ios-grid-item-13 {\n                grid-area: 5\/4\n            }\n\n            .section-ios .ios-grid-item-15 {\n                grid-area: 6\/6\n            }\n\n            .section-ios .ios-grid-item-18 {\n                grid-area: 2\/5\n            }\n\n            .section-ios .ios-grid-item-19 {\n                grid-area: 3\/6\n            }\n            .section-ios .ios-grid-item-20 {\n                grid-area: 3\/6\n            }\n            .section-ios .ios-grid-item-21 {\n                grid-area: 3\/6\n            }\n            .section-ios .ios-grid-item-21 {\n                grid-area: 3\/6\n            }\n            .section-ios .ios-grid-item-22 {\n                grid-area: 4\/7;\n            }\n        }\n\n        .section-ios .ios-grid-item-logo {\n            width: 120px;\n            height: 120px;\n            background-size: 120px 120px;\n            background-repeat: no-repeat;\n            background-image: url('https:\/\/devlight.io\/wp-content\/webp-express\/webp-images\/uploads\/2022\/09\/nova-logo.png.webp');\n            margin: auto;\n        }\n\n        @media (-webkit-min-device-pixel-ratio:1.5),\n        (min-resolution:144dpi),\n        only screen and (-webkit-min-device-pixel-ratio:1.5),\n        only screen and (min-resolution:1.5dppx) {\n            .section-ios .ios-grid-item-logo {\n                background-image: url('https:\/\/devlight.io\/wp-content\/webp-express\/webp-images\/uploads\/2022\/09\/nova-logo.png.webp')\n            }\n        }\n\n        @media only screen and (max-width:1068px) {\n            .section-ios .ios-grid-item-logo {\n                width: 120px;\n                height: 120px;\n                background-size: 120px 120px;\n                background-repeat: no-repeat;\n                background-image: url('https:\/\/devlight.io\/wp-content\/webp-express\/webp-images\/uploads\/2022\/09\/nova-logo.png.webp')\n            }\n        }\n\n        @media only screen and (max-width:1068px)and (-webkit-min-device-pixel-ratio:1.5),\n        only screen and (max-width:1068px)and (min-resolution:1.5dppx),\n        only screen and (max-width:1068px)and (min-resolution:144dpi) {\n            .section-ios .ios-grid-item-logo {\n                background-image: url('https:\/\/devlight.io\/wp-content\/webp-express\/webp-images\/uploads\/2022\/09\/nova-logo.png.webp')\n            }\n        }\n\n        @media only screen and (max-width:734px) {\n            .section-ios .ios-grid-item-logo {\n                width: 101px;\n                height: 101px;\n                background-size: 101px 101px;\n                background-repeat: no-repeat;\n                background-image: url('https:\/\/devlight.io\/wp-content\/webp-express\/webp-images\/uploads\/2022\/09\/nova-logo.png.webp')\n            }\n        }\n\n        @media only screen and (max-width:734px)and (-webkit-min-device-pixel-ratio:1.5),\n        only screen and (max-width:734px)and (min-resolution:1.5dppx),\n        only screen and (max-width:734px)and (min-resolution:144dpi) {\n            .section-ios .ios-grid-item-logo {\n                background-image: url('https:\/\/devlight.io\/wp-content\/webp-express\/webp-images\/uploads\/2022\/09\/nova-logo.png.webp')\n            }\n        }\n\n        @media only screen and (inverted-colors) {\n            .section-ios .ios-grid-item-logo {\n                filter: invert(1)\n            }\n        }\n\n        html.enhance-ios .section-ios .ios-grid-item-logo {\n            width: 384px;\n            height: 384px;\n            background-size: 384px 384px;\n            background-repeat: no-repeat;\n            background-image: url('https:\/\/devlight.io\/wp-content\/webp-express\/webp-images\/uploads\/2022\/09\/nova-logo.png.webp');\n            width: 150px;\n            height: 150px;\n            background-size: 150px 150px;\n            transform: scale(var(--logo-scale))\n        }\n\n        @media (-webkit-min-device-pixel-ratio:1.5),\n        (min-resolution:144dpi),\n        only screen and (-webkit-min-device-pixel-ratio:1.5),\n        only screen and (min-resolution:1.5dppx) {\n            html.enhance-ios .section-ios .ios-grid-item-logo {\n                background-image: url('https:\/\/devlight.io\/wp-content\/webp-express\/webp-images\/uploads\/2022\/09\/nova-logo.png.webp')\n            }\n        }\n\n        @media only screen and (max-width:1068px) {\n            html.enhance-ios .section-ios .ios-grid-item-logo {\n                width: 310px;\n                height: 310px;\n                background-size: 310px 310px;\n                background-repeat: no-repeat;\n                background-image: url('https:\/\/devlight.io\/wp-content\/webp-express\/webp-images\/uploads\/2022\/09\/nova-logo.png.webp')\n            }\n        }\n\n        @media only screen and (max-width:1068px)and (-webkit-min-device-pixel-ratio:1.5),\n        only screen and (max-width:1068px)and (min-resolution:1.5dppx),\n        only screen and (max-width:1068px)and (min-resolution:144dpi) {\n            html.enhance-ios .section-ios .ios-grid-item-logo {\n                background-image: url('https:\/\/devlight.io\/wp-content\/webp-express\/webp-images\/uploads\/2022\/09\/nova-logo.png.webp')\n            }\n        }\n\n        @media only screen and (max-width:734px) {\n            html.enhance-ios .section-ios .ios-grid-item-logo {\n                width: 202px;\n                height: 202px;\n                background-size: 202px 202px;\n                background-repeat: no-repeat;\n                background-image: url('https:\/\/devlight.io\/wp-content\/webp-express\/webp-images\/uploads\/2022\/09\/nova-logo.png.webp')\n            }\n        }\n\n        @media only screen and (max-width:734px)and (-webkit-min-device-pixel-ratio:1.5),\n        only screen and (max-width:734px)and (min-resolution:1.5dppx),\n        only screen and (max-width:734px)and (min-resolution:144dpi) {\n            html.enhance-ios .section-ios .ios-grid-item-logo {\n                background-image: url('https:\/\/devlight.io\/wp-content\/webp-express\/webp-images\/uploads\/2022\/09\/nova-logo.png.webp')\n            }\n        }\n\n        @media only screen and (max-width:1068px) {\n            html.enhance-ios .section-ios .ios-grid-item-logo {\n                width: 155px;\n                height: 155px\n            }\n        }\n\n        @media only screen and (max-width:734px) {\n            html.enhance-ios .section-ios .ios-grid-item-logo {\n                width: 101px;\n                height: 101px\n            }\n        }\n\n        @media only screen and (max-width:1068px) {\n            html.enhance-ios .section-ios .ios-grid-item-logo {\n                background-size: 155px 155px\n            }\n        }\n\n        @media only screen and (max-width:734px) {\n            html.enhance-ios .section-ios .ios-grid-item-logo {\n                background-size: 101px 101px\n            }\n        }\n\n        .section-ios .ios-grid-item-content {\n            text-align: center;\n            align-self: start\n        }\n\n        @media only screen and (max-width:734px) {\n            .section-ios .ios-grid-item-content {\n                text-align: left\n            }\n        }\n\n        .section-ios .ios-grid-item-horizontal {\n            grid-column-end: span 2\n        }\n\n        .section-ios .ios-grid-item-vertical {\n            grid-row-end: span 2\n        }\n\n        .section-ios .ios-grid-item-11 {\n            margin-top: 2px\n        }\n\n        @media only screen and (max-width:734px) {\n            .section-ios .ios-grid-item-15 {\n                margin-left: 17px\n            }\n        }\n\n        .section-ios .ios-grid-item-offset {\n            margin-top: calc(var(--device-width)*-1 - var(--logo-width)*-1 - -2px)\n        }\n\n        @media only screen and (max-width:734px) {\n            .section-ios .ios-grid-item-offset.no-top-offset-small {\n                margin-top: 0\n            }\n        }\n\n        @media only screen and (max-width:734px) {\n            .section-ios .ios-grid-item-offset-horizontal {\n                margin-left: -16px\n            }\n        }\n\n        .section-ios .justify-self-end {\n            justify-self: end\n        }\n\n        .section-ios .image-screen-1 .glass-screen {\n            width: 375px;\n            height: 185px;\n            background-size: 375px 185px;\n            background-repeat: no-repeat;\n            background-image: url('https:\/\/devlight.io\/wp-content\/webp-express\/webp-images\/themes\/devlight\/assets\/img\/a-fishka-1.png.webp')\n        }\n\n        @media (-webkit-min-device-pixel-ratio:1.5),\n        (min-resolution:144dpi),\n        only screen and (-webkit-min-device-pixel-ratio:1.5),\n        only screen and (min-resolution:1.5dppx) {\n            .section-ios .image-screen-1 .glass-screen {\n                background-image: url('https:\/\/devlight.io\/wp-content\/webp-express\/webp-images\/themes\/devlight\/assets\/img\/a-fishka-1.png.webp')\n            }\n        }\n\n        .section-ios .image-screen-2 .glass-screen {\n            width: 185px;\n            height: 375px;\n            background-size: 185px 375px;\n            background-repeat: no-repeat;\n            background-image: url('https:\/\/devlight.io\/wp-content\/webp-express\/webp-images\/themes\/devlight\/assets\/img\/a-fishka-2.png.webp')\n        }\n\n        @media (-webkit-min-device-pixel-ratio:1.5),\n        (min-resolution:144dpi),\n        only screen and (-webkit-min-device-pixel-ratio:1.5),\n        only screen and (min-resolution:1.5dppx) {\n            .section-ios .image-screen-2 .glass-screen {\n                background-image: url('https:\/\/devlight.io\/wp-content\/webp-express\/webp-images\/themes\/devlight\/assets\/img\/a-fishka-2.png.webp')\n            }\n        }\n\n        @media only screen and (max-width:1068px) {\n            .section-ios .image-screen-2 .glass-screen {\n                width: 204px;\n                height: 426px;\n                background-size: 204px 426px;\n                background-repeat: no-repeat;\n                background-image: url('https:\/\/devlight.io\/wp-content\/webp-express\/webp-images\/themes\/devlight\/assets\/img\/a-fishka-2.png.webp')\n            }\n        }\n\n        @media only screen and (max-width:1068px)and (-webkit-min-device-pixel-ratio:1.5),\n        only screen and (max-width:1068px)and (min-resolution:1.5dppx),\n        only screen and (max-width:1068px)and (min-resolution:144dpi) {\n            .section-ios .image-screen-2 .glass-screen {\n                background-image: url('https:\/\/devlight.io\/wp-content\/webp-express\/webp-images\/themes\/devlight\/assets\/img\/a-fishka-2.png.webp')\n            }\n        }\n\n        .section-ios .image-screen-3 .glass-screen {\n            width: 185px;\n            height: 375px;\n            background-size: 185px 375px;\n            background-repeat: no-repeat;\n            background-image: url('https:\/\/devlight.io\/wp-content\/webp-express\/webp-images\/themes\/devlight\/assets\/img\/a-fishka-3.png.webp')\n        }\n\n        @media (-webkit-min-device-pixel-ratio:1.5),\n        (min-resolution:144dpi),\n        only screen and (-webkit-min-device-pixel-ratio:1.5),\n        only screen and (min-resolution:1.5dppx) {\n            .section-ios .image-screen-3 .glass-screen {\n                background-image: url('https:\/\/devlight.io\/wp-content\/webp-express\/webp-images\/themes\/devlight\/assets\/img\/a-fishka-3.png.webp')\n            }\n        }\n\n        @media only screen and (max-width:1068px) {\n            .section-ios .image-screen-3 .glass-screen {\n                width: 204px;\n                height: 426px;\n                background-size: 204px 426px;\n                background-repeat: no-repeat;\n                background-image: url('https:\/\/devlight.io\/wp-content\/webp-express\/webp-images\/themes\/devlight\/assets\/img\/a-fishka-3.png.webp')\n            }\n        }\n\n        @media only screen and (max-width:1068px)and (-webkit-min-device-pixel-ratio:1.5),\n        only screen and (max-width:1068px)and (min-resolution:1.5dppx),\n        only screen and (max-width:1068px)and (min-resolution:144dpi) {\n            .section-ios .image-screen-3 .glass-screen {\n                background-image: url('https:\/\/devlight.io\/wp-content\/webp-express\/webp-images\/themes\/devlight\/assets\/img\/a-fishka-3.png.webp')\n            }\n        }\n\n        @media only screen and (max-width:734px) {\n            .section-ios .image-screen-3 .glass-screen {\n                width: 124px;\n                height: 260px;\n                background-size: 124px 260px;\n                background-repeat: no-repeat;\n                background-image: url('https:\/\/devlight.io\/wp-content\/webp-express\/webp-images\/themes\/devlight\/assets\/img\/a-fishka-3.png.webp')\n            }\n        }\n\n        @media only screen and (max-width:734px)and (-webkit-min-device-pixel-ratio:1.5),\n        only screen and (max-width:734px)and (min-resolution:1.5dppx),\n        only screen and (max-width:734px)and (min-resolution:144dpi) {\n            .section-ios .image-screen-3 .glass-screen {\n                background-image: url('https:\/\/devlight.io\/wp-content\/webp-express\/webp-images\/themes\/devlight\/assets\/img\/a-fishka-3.png.webp')\n            }\n        }\n\n        .section-ios .image-screen-4 .glass-screen {\n            width: 375px;\n            height: 185px;\n            background-size: 375px 185px;\n            background-repeat: no-repeat;\n            background-image: url('https:\/\/devlight.io\/wp-content\/webp-express\/webp-images\/themes\/devlight\/assets\/img\/a-fishka-4.png.webp')\n        }\n\n        @media (-webkit-min-device-pixel-ratio:1.5),\n        (min-resolution:144dpi),\n        only screen and (-webkit-min-device-pixel-ratio:1.5),\n        only screen and (min-resolution:1.5dppx) {\n            .section-ios .image-screen-4 .glass-screen {\n                background-image: url('https:\/\/devlight.io\/wp-content\/webp-express\/webp-images\/themes\/devlight\/assets\/img\/a-fishka-4.png.webp')\n            }\n        }\n\n        @media only screen and (max-width:1068px) {\n            .section-ios .image-screen-4 .glass-screen {\n                width: 426px;\n                height: 204px;\n                background-size: 426px 204px;\n                background-repeat: no-repeat;\n                background-image: url('https:\/\/devlight.io\/wp-content\/webp-express\/webp-images\/themes\/devlight\/assets\/img\/a-fishka-4.png.webp')\n            }\n        }\n\n        @media only screen and (max-width:1068px)and (-webkit-min-device-pixel-ratio:1.5),\n        only screen and (max-width:1068px)and (min-resolution:1.5dppx),\n        only screen and (max-width:1068px)and (min-resolution:144dpi) {\n            .section-ios .image-screen-4 .glass-screen {\n                background-image: url('https:\/\/devlight.io\/wp-content\/webp-express\/webp-images\/themes\/devlight\/assets\/img\/a-fishka-4.png.webp')\n            }\n        }\n\n        @media only screen and (max-width:734px) {\n            .section-ios .image-screen-4 .glass-screen {\n                width: 260px;\n                height: 124px;\n                background-size: 260px 124px;\n                background-repeat: no-repeat;\n                background-image: url('https:\/\/devlight.io\/wp-content\/webp-express\/webp-images\/themes\/devlight\/assets\/img\/a-fishka-4.png.webp')\n            }\n        }\n\n        @media only screen and (max-width:734px)and (-webkit-min-device-pixel-ratio:1.5),\n        only screen and (max-width:734px)and (min-resolution:1.5dppx),\n        only screen and (max-width:734px)and (min-resolution:144dpi) {\n            .section-ios .image-screen-4 .glass-screen {\n                background-image: url('https:\/\/devlight.io\/wp-content\/webp-express\/webp-images\/themes\/devlight\/assets\/img\/a-fishka-4.png.webp')\n            }\n        }\n\n        .section-ios .image-screen-5 .glass-screen {\n            width: 185px;\n            height: 375px;\n            background-size: 185px 375px;\n            background-repeat: no-repeat;\n            background-image: url('https:\/\/devlight.io\/wp-content\/webp-express\/webp-images\/themes\/devlight\/assets\/img\/a-fishka-5.png.webp')\n        }\n\n        @media (-webkit-min-device-pixel-ratio:1.5),\n        (min-resolution:144dpi),\n        only screen and (-webkit-min-device-pixel-ratio:1.5),\n        only screen and (min-resolution:1.5dppx) {\n            .section-ios .image-screen-5 .glass-screen {\n                background-image: url('https:\/\/devlight.io\/wp-content\/webp-express\/webp-images\/themes\/devlight\/assets\/img\/a-fishka-5.png.webp')\n            }\n        }\n\n        @media only screen and (max-width:1068px) {\n            .section-ios .image-screen-5 .glass-screen {\n                width: 204px;\n                height: 426px;\n                background-size: 204px 426px;\n                background-repeat: no-repeat;\n                background-image: url('https:\/\/devlight.io\/wp-content\/webp-express\/webp-images\/themes\/devlight\/assets\/img\/a-fishka-5.png.webp')\n            }\n        }\n\n        @media only screen and (max-width:1068px)and (-webkit-min-device-pixel-ratio:1.5),\n        only screen and (max-width:1068px)and (min-resolution:1.5dppx),\n        only screen and (max-width:1068px)and (min-resolution:144dpi) {\n            .section-ios .image-screen-5 .glass-screen {\n                background-image: url('https:\/\/devlight.io\/wp-content\/webp-express\/webp-images\/themes\/devlight\/assets\/img\/a-fishka-5.png.webp')\n            }\n        }\n\n        .section-ios .image-screen-6 .glass-screen {\n            width: 185px;\n            height: 375px;\n            background-size: 185px 375px;\n            background-repeat: no-repeat;\n            background-image: url('https:\/\/devlight.io\/wp-content\/webp-express\/webp-images\/themes\/devlight\/assets\/img\/a-fishka-10.png.webp')\n        }\n\n        @media (-webkit-min-device-pixel-ratio:1.5),\n        (min-resolution:144dpi),\n        only screen and (-webkit-min-device-pixel-ratio:1.5),\n        only screen and (min-resolution:1.5dppx) {\n            .section-ios .image-screen-6 .glass-screen {\n                background-image: url('https:\/\/devlight.io\/wp-content\/webp-express\/webp-images\/themes\/devlight\/assets\/img\/a-fishka-10.png.webp')\n            }\n        }\n\n        .section-ios .image-screen-7 .glass-screen {\n            width: 185px;\n            height: 375px;\n            background-size: 185px 375px;\n            background-repeat: no-repeat;\n        }\n\n        @media (-webkit-min-device-pixel-ratio:1.5),\n        (min-resolution:144dpi),\n        only screen and (-webkit-min-device-pixel-ratio:1.5),\n        only screen and (min-resolution:1.5dppx) {\n            .section-ios .image-screen-7 .glass-screen {\n            }\n        }\n\n        .section-ios .image-screen-8 .glass-screen {\n            width: 185px;\n            height: 375px;\n            background-size: 185px 375px;\n            background-repeat: no-repeat;\n        }\n\n        @media (-webkit-min-device-pixel-ratio:1.5),\n        (min-resolution:144dpi),\n        only screen and (-webkit-min-device-pixel-ratio:1.5),\n        only screen and (min-resolution:1.5dppx) {\n            .section-ios .image-screen-8 .glass-screen {\n            }\n        }\n\n        .section-ios .image-screen-9 .glass-screen {\n            width: 185px;\n            height: 375px;\n            background-size: 185px 375px;\n            background-repeat: no-repeat;\n            background-image: url('https:\/\/devlight.io\/wp-content\/webp-express\/webp-images\/themes\/devlight\/assets\/img\/a-fishka-9.png.webp')\n        }\n\n        @media (-webkit-min-device-pixel-ratio:1.5),\n        (min-resolution:144dpi),\n        only screen and (-webkit-min-device-pixel-ratio:1.5),\n        only screen and (min-resolution:1.5dppx) {\n            .section-ios .image-screen-9 .glass-screen {\n                background-image: url('https:\/\/devlight.io\/wp-content\/webp-express\/webp-images\/themes\/devlight\/assets\/img\/a-fishka-9.png.webp')\n            }\n        }\n\n        .section-ios .image-screen-10 .glass-screen {\n            width: 185px;\n            height: 375px;\n            background-size: 185px 375px;\n            background-repeat: no-repeat;\n            background-image: url('https:\/\/devlight.io\/wp-content\/webp-express\/webp-images\/themes\/devlight\/assets\/img\/a-fishka-10.png.webp')\n        }\n\n        @media (-webkit-min-device-pixel-ratio:1.5),\n        (min-resolution:144dpi),\n        only screen and (-webkit-min-device-pixel-ratio:1.5),\n        only screen and (min-resolution:1.5dppx) {\n            .section-ios .image-screen-10 .glass-screen {\n                background-image: url('https:\/\/devlight.io\/wp-content\/webp-express\/webp-images\/themes\/devlight\/assets\/img\/a-fishka-10.png.webp')\n            }\n        }\n\n        @media only screen and (max-width:1068px) {\n            .section-ios .image-screen-10 .glass-screen {\n                width: 204px;\n                height: 426px;\n                background-size: 204px 426px;\n                background-repeat: no-repeat;\n                background-image: url('https:\/\/devlight.io\/wp-content\/webp-express\/webp-images\/themes\/devlight\/assets\/img\/a-fishka-10.png.webp')\n            }\n        }\n\n        @media only screen and (max-width:1068px)and (-webkit-min-device-pixel-ratio:1.5),\n        only screen and (max-width:1068px)and (min-resolution:1.5dppx),\n        only screen and (max-width:1068px)and (min-resolution:144dpi) {\n            .section-ios .image-screen-10 .glass-screen {\n                background-image: url('https:\/\/devlight.io\/wp-content\/webp-express\/webp-images\/themes\/devlight\/assets\/img\/a-fishka-10.png.webp')\n            }\n        }\n\n        .section-ios .image-screen-11 .glass-screen {\n            width: 375px;\n            height: 185px;\n            background-size: 375px 185px;\n            background-repeat: no-repeat;\n            background-image: url('https:\/\/devlight.io\/wp-content\/webp-express\/webp-images\/themes\/devlight\/assets\/img\/a-fishka-11.png.webp')\n        }\n\n        @media (-webkit-min-device-pixel-ratio:1.5),\n        (min-resolution:144dpi),\n        only screen and (-webkit-min-device-pixel-ratio:1.5),\n        only screen and (min-resolution:1.5dppx) {\n            .section-ios .image-screen-11 .glass-screen {\n                background-image: url('https:\/\/devlight.io\/wp-content\/webp-express\/webp-images\/themes\/devlight\/assets\/img\/a-fishka-11.png.webp')\n            }\n        }\n\n        @media only screen and (max-width:1068px) {\n            .section-ios .image-screen-11 .glass-screen {\n                width: 426px;\n                height: 204px;\n                background-size: 426px 204px;\n                background-repeat: no-repeat;\n                background-image: url('https:\/\/devlight.io\/wp-content\/webp-express\/webp-images\/themes\/devlight\/assets\/img\/a-fishka-11.png.webp')\n            }\n        }\n\n        @media only screen and (max-width:1068px)and (-webkit-min-device-pixel-ratio:1.5),\n        only screen and (max-width:1068px)and (min-resolution:1.5dppx),\n        only screen and (max-width:1068px)and (min-resolution:144dpi) {\n            .section-ios .image-screen-11 .glass-screen {\n                background-image: url('https:\/\/devlight.io\/wp-content\/webp-express\/webp-images\/themes\/devlight\/assets\/img\/a-fishka-11.png.webp')\n            }\n        }\n\n        @media only screen and (max-width:734px) {\n            .section-ios .image-screen-11 .glass-screen {\n                width: 260px;\n                height: 124px;\n                background-size: 260px 124px;\n                background-repeat: no-repeat;\n                background-image: url('https:\/\/devlight.io\/wp-content\/webp-express\/webp-images\/themes\/devlight\/assets\/img\/a-fishka-11.png.webp')\n            }\n        }\n\n        @media only screen and (max-width:734px)and (-webkit-min-device-pixel-ratio:1.5),\n        only screen and (max-width:734px)and (min-resolution:1.5dppx),\n        only screen and (max-width:734px)and (min-resolution:144dpi) {\n            .section-ios .image-screen-11 .glass-screen {\n                background-image: url('https:\/\/devlight.io\/wp-content\/webp-express\/webp-images\/themes\/devlight\/assets\/img\/a-fishka-11.png.webp')\n            }\n        }\n\n        .section-ios .image-screen-12 .glass-screen {\n            width: 185px;\n            height: 375px;\n            background-size: 185px 375px;\n            background-repeat: no-repeat;\n            background-image: url('https:\/\/devlight.io\/wp-content\/webp-express\/webp-images\/themes\/devlight\/assets\/img\/a-fishka-12.png.webp')\n        }\n\n        @media (-webkit-min-device-pixel-ratio:1.5),\n        (min-resolution:144dpi),\n        only screen and (-webkit-min-device-pixel-ratio:1.5),\n        only screen and (min-resolution:1.5dppx) {\n            .section-ios .image-screen-12 .glass-screen {\n                background-image: url('https:\/\/devlight.io\/wp-content\/webp-express\/webp-images\/themes\/devlight\/assets\/img\/a-fishka-12.png.webp')\n            }\n        }\n\n        @media only screen and (max-width:1068px) {\n            .section-ios .image-screen-12 .glass-screen {\n                width: 204px;\n                height: 426px;\n                background-size: 204px 426px;\n                background-repeat: no-repeat;\n                background-image: url('https:\/\/devlight.io\/wp-content\/webp-express\/webp-images\/themes\/devlight\/assets\/img\/a-fishka-12.png.webp')\n            }\n        }\n\n        @media only screen and (max-width:1068px)and (-webkit-min-device-pixel-ratio:1.5),\n        only screen and (max-width:1068px)and (min-resolution:1.5dppx),\n        only screen and (max-width:1068px)and (min-resolution:144dpi) {\n            .section-ios .image-screen-12 .glass-screen {\n                background-image: url('https:\/\/devlight.io\/wp-content\/webp-express\/webp-images\/themes\/devlight\/assets\/img\/a-fishka-12.png.webp')\n            }\n        }\n\n        @media only screen and (max-width:734px) {\n            .section-ios .image-screen-12 .glass-screen {\n                width: 124px;\n                height: 260px;\n                background-size: 124px 260px;\n                background-repeat: no-repeat;\n                background-image: url('https:\/\/devlight.io\/wp-content\/webp-express\/webp-images\/themes\/devlight\/assets\/img\/a-fishka-12.png.webp')\n            }\n        }\n\n        @media only screen and (max-width:734px)and (-webkit-min-device-pixel-ratio:1.5),\n        only screen and (max-width:734px)and (min-resolution:1.5dppx),\n        only screen and (max-width:734px)and (min-resolution:144dpi) {\n            .section-ios .image-screen-12 .glass-screen {\n                background-image: url('https:\/\/devlight.io\/wp-content\/webp-express\/webp-images\/themes\/devlight\/assets\/img\/a-fishka-12.png.webp')\n            }\n        }\n\n        .section-ios .image-screen-13 .glass-screen {\n            width: 185px;\n            height: 375px;\n            background-size: 185px 375px;\n            background-repeat: no-repeat;\n            background-image: url('https:\/\/devlight.io\/wp-content\/webp-express\/webp-images\/themes\/devlight\/assets\/img\/a-fishka-13.png.webp')\n        }\n\n        @media (-webkit-min-device-pixel-ratio:1.5),\n        (min-resolution:144dpi),\n        only screen and (-webkit-min-device-pixel-ratio:1.5),\n        only screen and (min-resolution:1.5dppx) {\n            .section-ios .image-screen-13 .glass-screen {\n                background-image: url('https:\/\/devlight.io\/wp-content\/webp-express\/webp-images\/themes\/devlight\/assets\/img\/a-fishka-13.png.webp')\n            }\n        }\n\n        @media only screen and (max-width:1068px) {\n            .section-ios .image-screen-13 .glass-screen {\n                width: 204px;\n                height: 426px;\n                background-size: 204px 426px;\n                background-repeat: no-repeat;\n                background-image: url('https:\/\/devlight.io\/wp-content\/webp-express\/webp-images\/themes\/devlight\/assets\/img\/a-fishka-13.png.webp')\n            }\n        }\n\n        @media only screen and (max-width:1068px)and (-webkit-min-device-pixel-ratio:1.5),\n        only screen and (max-width:1068px)and (min-resolution:1.5dppx),\n        only screen and (max-width:1068px)and (min-resolution:144dpi) {\n            .section-ios .image-screen-13 .glass-screen {\n                background-image: url('https:\/\/devlight.io\/wp-content\/webp-express\/webp-images\/themes\/devlight\/assets\/img\/a-fishka-13.png.webp')\n            }\n        }\n\n        @media only screen and (max-width:734px) {\n            .section-ios .image-screen-13 .glass-screen {\n                width: 124px;\n                height: 260px;\n                background-size: 124px 260px;\n                background-repeat: no-repeat;\n                background-image: url('https:\/\/devlight.io\/wp-content\/webp-express\/webp-images\/themes\/devlight\/assets\/img\/a-fishka-13.png.webp')\n            }\n        }\n\n        @media only screen and (max-width:734px)and (-webkit-min-device-pixel-ratio:1.5),\n        only screen and (max-width:734px)and (min-resolution:1.5dppx),\n        only screen and (max-width:734px)and (min-resolution:144dpi) {\n            .section-ios .image-screen-13 .glass-screen {\n                background-image: url('https:\/\/devlight.io\/wp-content\/webp-express\/webp-images\/themes\/devlight\/assets\/img\/a-fishka-13.png.webp')\n            }\n        }\n\n        .section-ios .image-screen-14 .glass-screen {\n            width: 185px;\n            height: 375px;\n            background-size: 185px 375px;\n            background-repeat: no-repeat;\n            background-image: url('https:\/\/devlight.io\/wp-content\/webp-express\/webp-images\/themes\/devlight\/assets\/img\/a-fishka-14.png.webp')\n        }\n\n        @media (-webkit-min-device-pixel-ratio:1.5),\n        (min-resolution:144dpi),\n        only screen and (-webkit-min-device-pixel-ratio:1.5),\n        only screen and (min-resolution:1.5dppx) {\n            .section-ios .image-screen-14 .glass-screen {\n                background-image: url('https:\/\/devlight.io\/wp-content\/webp-express\/webp-images\/themes\/devlight\/assets\/img\/a-fishka-14.png.webp')\n            }\n        }\n\n        .section-ios .image-screen-15 .glass-screen {\n            width: 375px;\n            height: 185px;\n            background-size: 375px 185px;\n            background-repeat: no-repeat;\n            background-image: url('https:\/\/devlight.io\/wp-content\/webp-express\/webp-images\/themes\/devlight\/assets\/img\/a-fishka-11.png.webp')\n        }\n\n        @media (-webkit-min-device-pixel-ratio:1.5),\n        (min-resolution:144dpi),\n        only screen and (-webkit-min-device-pixel-ratio:1.5),\n        only screen and (min-resolution:1.5dppx) {\n            .section-ios .image-screen-15 .glass-screen {\n              background-image: url('https:\/\/devlight.io\/wp-content\/webp-express\/webp-images\/themes\/devlight\/assets\/img\/a-fishka-11.png.webp')\n            }\n        }\n\n        @media only screen and (max-width:734px) {\n            .section-ios .image-screen-15 .glass-screen {\n                width: 260px;\n                height: 124px;\n                background-size: 260px 124px;\n                background-repeat: no-repeat;\n                background-image: url('https:\/\/devlight.io\/wp-content\/webp-express\/webp-images\/themes\/devlight\/assets\/img\/a-fishka-11.png.webp')\n            }\n        }\n\n        @media only screen and (max-width:734px)and (-webkit-min-device-pixel-ratio:1.5),\n        only screen and (max-width:734px)and (min-resolution:1.5dppx),\n        only screen and (max-width:734px)and (min-resolution:144dpi) {\n            .section-ios .image-screen-15 .glass-screen {\n              background-image: url('https:\/\/devlight.io\/wp-content\/webp-express\/webp-images\/themes\/devlight\/assets\/img\/a-fishka-11.png.webp')\n            }\n        }\n\n        .section-ios .image-screen-16 .glass-screen {\n            width: 185px;\n            height: 375px;\n            background-size: 185px 375px;\n            background-repeat: no-repeat;\n            background-image: url('https:\/\/devlight.io\/wp-content\/webp-express\/webp-images\/themes\/devlight\/assets\/img\/a-fishka-14.png.webp')\n        }\n\n        @media (-webkit-min-device-pixel-ratio:1.5),\n        (min-resolution:144dpi),\n        only screen and (-webkit-min-device-pixel-ratio:1.5),\n        only screen and (min-resolution:1.5dppx) {\n            .section-ios .image-screen-16 .glass-screen {\n              background-image: url('https:\/\/devlight.io\/wp-content\/webp-express\/webp-images\/themes\/devlight\/assets\/img\/a-fishka-14.png.webp')\n            }\n        }\n\n        .section-ios .image-screen-17 .glass-screen {\n            width: 375px;\n            height: 185px;\n            background-size: 375px 185px;\n            background-repeat: no-repeat;\n            background-image: url('https:\/\/devlight.io\/wp-content\/webp-express\/webp-images\/themes\/devlight\/assets\/img\/a-fishka-17.png.webp')\n        }\n\n        @media (-webkit-min-device-pixel-ratio:1.5),\n        (min-resolution:144dpi),\n        only screen and (-webkit-min-device-pixel-ratio:1.5),\n        only screen and (min-resolution:1.5dppx) {\n            .section-ios .image-screen-17 .glass-screen {\n                background-image: url('https:\/\/devlight.io\/wp-content\/webp-express\/webp-images\/themes\/devlight\/assets\/img\/a-fishka-17.png.webp')\n            }\n        }\n\n        .section-ios .image-screen-18 .glass-screen {\n            width: 375px;\n            height: 185px;\n            background-size: 375px 185px;\n            background-repeat: no-repeat;\n            background-image: url('https:\/\/devlight.io\/wp-content\/webp-express\/webp-images\/themes\/devlight\/assets\/img\/a-fishka-18.png.webp')\n        }\n\n        @media (-webkit-min-device-pixel-ratio:1.5),\n        (min-resolution:144dpi),\n        only screen and (-webkit-min-device-pixel-ratio:1.5),\n        only screen and (min-resolution:1.5dppx) {\n            .section-ios .image-screen-18 .glass-screen {\n                background-image: url('https:\/\/devlight.io\/wp-content\/webp-express\/webp-images\/themes\/devlight\/assets\/img\/a-fishka-18.png.webp')\n            }\n        }\n\n        @media only screen and (max-width:1068px) {\n            .section-ios .image-screen-18 .glass-screen {\n                width: 426px;\n                height: 204px;\n                background-size: 426px 204px;\n                background-repeat: no-repeat;\n                background-image: url('https:\/\/devlight.io\/wp-content\/webp-express\/webp-images\/themes\/devlight\/assets\/img\/a-fishka-18.png.webp')\n            }\n        }\n\n        @media only screen and (max-width:1068px)and (-webkit-min-device-pixel-ratio:1.5),\n        only screen and (max-width:1068px)and (min-resolution:1.5dppx),\n        only screen and (max-width:1068px)and (min-resolution:144dpi) {\n            .section-ios .image-screen-18 .glass-screen {\n                background-image: url('https:\/\/devlight.io\/wp-content\/webp-express\/webp-images\/themes\/devlight\/assets\/img\/a-fishka-18.png.webp')\n            }\n        }\n\n        @media only screen and (max-width:734px) {\n            .section-ios .image-screen-18 .glass-screen {\n                width: 260px;\n                height: 124px;\n                background-size: 260px 124px;\n                background-repeat: no-repeat;\n                background-image: url('https:\/\/devlight.io\/wp-content\/webp-express\/webp-images\/themes\/devlight\/assets\/img\/a-fishka-18.png.webp')\n            }\n        }\n\n        @media only screen and (max-width:734px)and (-webkit-min-device-pixel-ratio:1.5),\n        only screen and (max-width:734px)and (min-resolution:1.5dppx),\n        only screen and (max-width:734px)and (min-resolution:144dpi) {\n            .section-ios .image-screen-18 .glass-screen {\n                background-image: url('https:\/\/devlight.io\/wp-content\/webp-express\/webp-images\/themes\/devlight\/assets\/img\/a-fishka-18.png.webp')\n            }\n        }\n\n        .section-ios .image-screen-19 .glass-screen {\n            width: 185px;\n            height: 375px;\n            background-size: 185px 375px;\n            background-repeat: no-repeat;\n            background-image: url('https:\/\/devlight.io\/wp-content\/webp-express\/webp-images\/themes\/devlight\/assets\/img\/a-fishka-3.png.webp')\n        }\n\n        @media (-webkit-min-device-pixel-ratio:1.5),\n        (min-resolution:144dpi),\n        only screen and (-webkit-min-device-pixel-ratio:1.5),\n        only screen and (min-resolution:1.5dppx) {\n            .section-ios .image-screen-19 .glass-screen {\n                background-image: url('https:\/\/devlight.io\/wp-content\/webp-express\/webp-images\/themes\/devlight\/assets\/img\/a-fishka-3.png.webp')\n            }\n        }\n\n        @media only screen and (max-width:1068px) {\n            .section-ios .image-screen-19 .glass-screen {\n                width: 204px;\n                height: 426px;\n                background-size: 204px 426px;\n                background-repeat: no-repeat;\n                background-image: url('https:\/\/devlight.io\/wp-content\/webp-express\/webp-images\/themes\/devlight\/assets\/img\/a-fishka-3.png.webp')\n            }\n        }\n\n        @media only screen and (max-width:1068px)and (-webkit-min-device-pixel-ratio:1.5),\n        only screen and (max-width:1068px)and (min-resolution:1.5dppx),\n        only screen and (max-width:1068px)and (min-resolution:144dpi) {\n            .section-ios .image-screen-19 .glass-screen {\n                background-image: url('https:\/\/devlight.io\/wp-content\/webp-express\/webp-images\/themes\/devlight\/assets\/img\/a-fishka-3.png.webp')\n            }\n        }\n\n        @media only screen and (max-width:734px) {\n            .section-ios .image-screen-19 .glass-screen {\n                width: 124px;\n                height: 260px;\n                background-size: 124px 260px;\n                background-repeat: no-repeat;\n                background-image: url('https:\/\/devlight.io\/wp-content\/webp-express\/webp-images\/themes\/devlight\/assets\/img\/a-fishka-3.png.webp')\n            }\n        }\n\n        @media only screen and (max-width:734px)and (-webkit-min-device-pixel-ratio:1.5),\n        only screen and (max-width:734px)and (min-resolution:1.5dppx),\n        only screen and (max-width:734px)and (min-resolution:144dpi) {\n            .section-ios .image-screen-19 .glass-screen {\n                background-image: url('https:\/\/devlight.io\/wp-content\/webp-express\/webp-images\/themes\/devlight\/assets\/img\/a-fishka-3.png.webp')\n            }\n        }\n        .section-ios .image-screen-20 .glass-screen {\n            width: 185px;\n            height: 375px;\n            background-size: 185px 375px;\n            background-repeat: no-repeat;\n            background-image: url('https:\/\/devlight.io\/wp-content\/webp-express\/webp-images\/themes\/devlight\/assets\/img\/a-fishka-3.png.webp')\n        }\n\n        @media (-webkit-min-device-pixel-ratio:1.5),\n        (min-resolution:144dpi),\n        only screen and (-webkit-min-device-pixel-ratio:1.5),\n        only screen and (min-resolution:1.5dppx) {\n            .section-ios .image-screen-20 .glass-screen {\n                background-image: url('https:\/\/devlight.io\/wp-content\/webp-express\/webp-images\/themes\/devlight\/assets\/img\/a-fishka-3.png.webp')\n            }\n        }\n\n        @media only screen and (max-width:1068px) {\n            .section-ios .image-screen-20 .glass-screen {\n                width: 204px;\n                height: 426px;\n                background-size: 204px 426px;\n                background-repeat: no-repeat;\n                background-image: url('https:\/\/devlight.io\/wp-content\/webp-express\/webp-images\/themes\/devlight\/assets\/img\/a-fishka-3.png.webp')\n            }\n        }\n\n        @media only screen and (max-width:1068px)and (-webkit-min-device-pixel-ratio:1.5),\n        only screen and (max-width:1068px)and (min-resolution:1.5dppx),\n        only screen and (max-width:1068px)and (min-resolution:144dpi) {\n            .section-ios .image-screen-20 .glass-screen {\n                background-image: url('https:\/\/devlight.io\/wp-content\/webp-express\/webp-images\/themes\/devlight\/assets\/img\/a-fishka-3.png.webp')\n            }\n        }\n\n        @media only screen and (max-width:734px) {\n            .section-ios .image-screen-20 .glass-screen {\n                width: 124px;\n                height: 260px;\n                background-size: 124px 260px;\n                background-repeat: no-repeat;\n                background-image: url('https:\/\/devlight.io\/wp-content\/webp-express\/webp-images\/themes\/devlight\/assets\/img\/a-fishka-3.png.webp')\n            }\n        }\n\n        @media only screen and (max-width:734px)and (-webkit-min-device-pixel-ratio:1.5),\n        only screen and (max-width:734px)and (min-resolution:1.5dppx),\n        only screen and (max-width:734px)and (min-resolution:144dpi) {\n            .section-ios .image-screen-20 .glass-screen {\n                background-image: url('https:\/\/devlight.io\/wp-content\/webp-express\/webp-images\/themes\/devlight\/assets\/img\/a-fishka-3.png.webp')\n            }\n        }\n\n        .section-ios .image-screen-21 .glass-screen {\n            width: 185px;\n            height: 375px;\n            background-size: 185px 375px;\n            background-repeat: no-repeat;\n            background-image: url('https:\/\/devlight.io\/wp-content\/webp-express\/webp-images\/themes\/devlight\/assets\/img\/a-fishka-3.png.webp')\n        }\n\n        @media (-webkit-min-device-pixel-ratio:1.5),\n        (min-resolution:144dpi),\n        only screen and (-webkit-min-device-pixel-ratio:1.5),\n        only screen and (min-resolution:1.5dppx) {\n            .section-ios .image-screen-21 .glass-screen {\n                background-image: url('https:\/\/devlight.io\/wp-content\/webp-express\/webp-images\/themes\/devlight\/assets\/img\/a-fishka-3.png.webp')\n            }\n        }\n\n        @media only screen and (max-width:1068px) {\n            .section-ios .image-screen-21 .glass-screen {\n                width: 204px;\n                height: 426px;\n                background-size: 204px 426px;\n                background-repeat: no-repeat;\n                background-image: url('https:\/\/devlight.io\/wp-content\/webp-express\/webp-images\/themes\/devlight\/assets\/img\/a-fishka-3.png.webp')\n            }\n        }\n\n        @media only screen and (max-width:1068px)and (-webkit-min-device-pixel-ratio:1.5),\n        only screen and (max-width:1068px)and (min-resolution:1.5dppx),\n        only screen and (max-width:1068px)and (min-resolution:144dpi) {\n            .section-ios .image-screen-21 .glass-screen {\n                background-image: url('https:\/\/devlight.io\/wp-content\/webp-express\/webp-images\/themes\/devlight\/assets\/img\/a-fishka-3.png.webp')\n            }\n        }\n\n        @media only screen and (max-width:734px) {\n            .section-ios .image-screen-21 .glass-screen {\n                width: 124px;\n                height: 260px;\n                background-size: 124px 260px;\n                background-repeat: no-repeat;\n                background-image: url('https:\/\/devlight.io\/wp-content\/webp-express\/webp-images\/themes\/devlight\/assets\/img\/a-fishka-3.png.webp')\n            }\n        }\n\n        @media only screen and (max-width:734px)and (-webkit-min-device-pixel-ratio:1.5),\n        only screen and (max-width:734px)and (min-resolution:1.5dppx),\n        only screen and (max-width:734px)and (min-resolution:144dpi) {\n            .section-ios .image-screen-21 .glass-screen {\n                background-image: url('https:\/\/devlight.io\/wp-content\/webp-express\/webp-images\/themes\/devlight\/assets\/img\/a-fishka-3.png.webp')\n            }\n        }\n\n        .section-ios .image-screen-22 .glass-screen {\n            width: 185px;\n            height: 375px;\n            background-size: 185px 375px;\n            background-repeat: no-repeat;\n            background-image: url('https:\/\/devlight.io\/wp-content\/webp-express\/webp-images\/themes\/devlight\/assets\/img\/a-fishka-3.png.webp')\n        }\n\n        @media (-webkit-min-device-pixel-ratio:1.5),\n        (min-resolution:144dpi),\n        only screen and (-webkit-min-device-pixel-ratio:1.5),\n        only screen and (min-resolution:1.5dppx) {\n            .section-ios .image-screen-22 .glass-screen {\n                background-image: url('https:\/\/devlight.io\/wp-content\/webp-express\/webp-images\/themes\/devlight\/assets\/img\/a-fishka-3.png.webp')\n            }\n        }\n\n        @media only screen and (max-width:1068px) {\n            .section-ios .image-screen-22 .glass-screen {\n                width: 204px;\n                height: 426px;\n                background-size: 204px 426px;\n                background-repeat: no-repeat;\n                background-image: url('https:\/\/devlight.io\/wp-content\/webp-express\/webp-images\/themes\/devlight\/assets\/img\/a-fishka-3.png.webp')\n            }\n        }\n\n        @media only screen and (max-width:1068px)and (-webkit-min-device-pixel-ratio:1.5),\n        only screen and (max-width:1068px)and (min-resolution:1.5dppx),\n        only screen and (max-width:1068px)and (min-resolution:144dpi) {\n            .section-ios .image-screen-22 .glass-screen {\n                background-image: url('https:\/\/devlight.io\/wp-content\/webp-express\/webp-images\/themes\/devlight\/assets\/img\/a-fishka-3.png.webp')\n            }\n        }\n\n        @media only screen and (max-width:734px) {\n            .section-ios .image-screen-22 .glass-screen {\n                width: 124px;\n                height: 260px;\n                background-size: 124px 260px;\n                background-repeat: no-repeat;\n                background-image: url('https:\/\/devlight.io\/wp-content\/webp-express\/webp-images\/themes\/devlight\/assets\/img\/a-fishka-3.png.webp')\n            }\n        }\n\n        @media only screen and (max-width:734px)and (-webkit-min-device-pixel-ratio:1.5),\n        only screen and (max-width:734px)and (min-resolution:1.5dppx),\n        only screen and (max-width:734px)and (min-resolution:144dpi) {\n            .section-ios .image-screen-22 .glass-screen {\n                background-image: url('https:\/\/devlight.io\/wp-content\/webp-express\/webp-images\/themes\/devlight\/assets\/img\/a-fishka-3.png.webp')\n            }\n        }\n\n        .section-ios .grid-item-horizontal {\n            width: 375px;\n            height: 185px\n        }\n\n        @media only screen and (max-width:1068px) {\n            .section-ios .grid-item-horizontal {\n                width: 442px;\n                height: 220px\n            }\n        }\n\n        @media only screen and (max-width:734px) {\n            .section-ios .grid-item-horizontal {\n                width: 270px;\n                height: 136px\n            }\n        }\n\n        .section-ios .grid-item-horizontal .glass-hardware {\n            width: 375px;\n            height: 185px;\n            background-size: 375px 185px;\n            background-repeat: no-repeat;\n        }\n\n        @media (-webkit-min-device-pixel-ratio:1.5),\n        (min-resolution:144dpi),\n        only screen and (-webkit-min-device-pixel-ratio:1.5),\n        only screen and (min-resolution:1.5dppx) {\n            .section-ios .grid-item-horizontal .glass-hardware {\n            }\n        }\n\n        @media only screen and (max-width:1068px) {\n            .section-ios .grid-item-horizontal .glass-hardware {\n                width: 442px;\n                height: 220px;\n                background-size: 442px 220px;\n                background-repeat: no-repeat;\n            }\n        }\n\n        @media only screen and (max-width:1068px)and (-webkit-min-device-pixel-ratio:1.5),\n        only screen and (max-width:1068px)and (min-resolution:1.5dppx),\n        only screen and (max-width:1068px)and (min-resolution:144dpi) {\n            .section-ios .grid-item-horizontal .glass-hardware {\n            }\n        }\n\n        @media only screen and (max-width:734px) {\n            .section-ios .grid-item-horizontal .glass-hardware {\n                width: 270px;\n                height: 136px;\n                background-size: 270px 136px;\n                background-repeat: no-repeat;\n            }\n            .ios-grid-item-1,\n            .ios-grid-item-2,\n            .ios-grid-item-10,\n            .ios-grid-item-17 {\n              display: none;\n            }\n\n        }\n\n        @media only screen and (max-width:734px)and (-webkit-min-device-pixel-ratio:1.5),\n        only screen and (max-width:734px)and (min-resolution:1.5dppx),\n        only screen and (max-width:734px)and (min-resolution:144dpi) {\n            .section-ios .grid-item-horizontal .glass-hardware {\n            }\n        }\n\n        .section-ios .grid-item-horizontal .glass-screen {\n            z-index: 2;\n            margin-left: 8px;\n            margin-top: 8px\n        }\n\n        @media only screen and (max-width:734px) {\n            .section-ios .grid-item-horizontal .glass-screen {\n                margin-left: 5px;\n                margin-top: 5px\n            }\n        }\n\n        .section-ios .grid-item-horizontal:before {\n            width: 500px;\n            height: 290px;\n            background-size: 485px 276px;\n            background-repeat: no-repeat;\n            background-image: url('https:\/\/devlight.io\/wp-content\/webp-express\/webp-images\/themes\/devlight\/assets\/img\/a-shadow-horizontal.png.webp');\n            left: 0;\n            top: 0;\n        }\n\n        @media (-webkit-min-device-pixel-ratio:1.5),\n        (min-resolution:144dpi),\n        only screen and (-webkit-min-device-pixel-ratio:1.5),\n        only screen and (min-resolution:1.5dppx) {\n            .section-ios .grid-item-horizontal:before {\n                background-image: url('https:\/\/devlight.io\/wp-content\/webp-express\/webp-images\/themes\/devlight\/assets\/img\/a-shadow-horizontal.png.webp');\n            }\n        }\n\n        @media only screen and (max-width:1068px) {\n            .section-ios .grid-item-horizontal:before {\n                width: 568px;\n                height: 382px;\n                background-size: 568px 382px;\n                background-repeat: no-repeat;\n                background-image: url('https:\/\/devlight.io\/wp-content\/webp-express\/webp-images\/themes\/devlight\/assets\/img\/a-shadow-horizontal.png.webp');\n            }\n        }\n\n        @media only screen and (max-width:1068px)and (-webkit-min-device-pixel-ratio:1.5),\n        only screen and (max-width:1068px)and (min-resolution:1.5dppx),\n        only screen and (max-width:1068px)and (min-resolution:144dpi) {\n            .section-ios .grid-item-horizontal:before {\n                background-image: url('https:\/\/devlight.io\/wp-content\/webp-express\/webp-images\/themes\/devlight\/assets\/img\/a-shadow-horizontal.png.webp');\n            }\n        }\n\n        @media only screen and (max-width:734px) {\n            .section-ios .grid-item-horizontal:before {\n                width: 332px;\n                height: 222px;\n                background-size: 332px 222px;\n                background-repeat: no-repeat;\n                background-image: url('https:\/\/devlight.io\/wp-content\/webp-express\/webp-images\/themes\/devlight\/assets\/img\/a-shadow-horizontal.png.webp');\n            }\n        }\n\n        @media only screen and (max-width:734px)and (-webkit-min-device-pixel-ratio:1.5),\n        only screen and (max-width:734px)and (min-resolution:1.5dppx),\n        only screen and (max-width:734px)and (min-resolution:144dpi) {\n            .section-ios .grid-item-horizontal:before {\n                background-image: url('https:\/\/devlight.io\/wp-content\/webp-express\/webp-images\/themes\/devlight\/assets\/img\/a-shadow-horizontal.png.webp');\n            }\n        }\n\n        @media only screen and (max-width:1068px) {\n            .section-ios .grid-item-horizontal:before {\n                left: -19px;\n                top: -17px\n            }\n        }\n\n        @media only screen and (max-width:734px) {\n            .section-ios .grid-item-horizontal:before {\n                left: -5px;\n                top: -4px\n            }\n        }\n\n        .section-ios .grid-item-vertical {\n            width: 185px;\n            height: 375px\n        }\n\n        @media only screen and (max-width:1068px) {\n            .section-ios .grid-item-vertical {\n                width: 220px;\n                height: 442px\n            }\n        }\n\n        @media only screen and (max-width:734px) {\n            .section-ios .grid-item-vertical {\n                width: 134px;\n                height: 270px\n            }\n        }\n\n        .section-ios .grid-item-vertical .glass-hardware {\n            width: 185px;\n            height: 375px;\n            background-size: 185px 375px;\n            background-repeat: no-repeat;\n\n        }\n\n        @media (-webkit-min-device-pixel-ratio:1.5),\n        (min-resolution:144dpi),\n        only screen and (-webkit-min-device-pixel-ratio:1.5),\n        only screen and (min-resolution:1.5dppx) {\n            .section-ios .grid-item-vertical .glass-hardware {\n\n            }\n        }\n\n        @media only screen and (max-width:1068px) {\n            .section-ios .grid-item-vertical .glass-hardware {\n                width: 220px;\n                height: 442px;\n                background-size: 220px 442px;\n                background-repeat: no-repeat;\n\n            }\n        }\n\n        @media only screen and (max-width:1068px)and (-webkit-min-device-pixel-ratio:1.5),\n        only screen and (max-width:1068px)and (min-resolution:1.5dppx),\n        only screen and (max-width:1068px)and (min-resolution:144dpi) {\n            .section-ios .grid-item-vertical .glass-hardware {\n\n            }\n        }\n\n        @media only screen and (max-width:734px) {\n            .section-ios .grid-item-vertical .glass-hardware {\n                width: 134px;\n                height: 270px;\n                background-size: 134px 270px;\n                background-repeat: no-repeat;\n\n            }\n        }\n\n        @media only screen and (max-width:734px)and (-webkit-min-device-pixel-ratio:1.5),\n        only screen and (max-width:734px)and (min-resolution:1.5dppx),\n        only screen and (max-width:734px)and (min-resolution:144dpi) {\n            .section-ios .grid-item-vertical .glass-hardware {\n\n            }\n        }\n\n        .section-ios .grid-item-vertical .glass-screen {\n            z-index: 2;\n            margin-left: 8px;\n            margin-top: 8px\n        }\n\n        @media only screen and (max-width:734px) {\n            .section-ios .grid-item-vertical .glass-screen {\n                margin-left: 5px;\n                margin-top: 5px\n            }\n        }\n\n        .section-ios .grid-item-vertical:before {\n            width: 300px;\n            height: 500px;\n            background-size: 276px 485px;\n            background-repeat: no-repeat;\n            background-image: url('https:\/\/devlight.io\/wp-content\/webp-express\/webp-images\/themes\/devlight\/assets\/img\/a-shadow-vertical.png.webp');\n            left: 0;\n            top: 0;\n            opacity: 1;\n        }\n\n        @media (-webkit-min-device-pixel-ratio:1.5),\n        (min-resolution:144dpi),\n        only screen and (-webkit-min-device-pixel-ratio:1.5),\n        only screen and (min-resolution:1.5dppx) {\n            .section-ios .grid-item-vertical:before {\n                background-image: url('https:\/\/devlight.io\/wp-content\/webp-express\/webp-images\/themes\/devlight\/assets\/img\/a-shadow-vertical.png.webp');\n            }\n        }\n\n        @media only screen and (max-width:1068px) {\n            .section-ios .grid-item-vertical:before {\n                width: 382px;\n                height: 568px;\n                background-size: 382px 568px;\n                background-repeat: no-repeat;\n                background-image: url('https:\/\/devlight.io\/wp-content\/webp-express\/webp-images\/themes\/devlight\/assets\/img\/a-shadow-vertical.png.webp');\n            }\n        }\n\n        @media only screen and (max-width:1068px)and (-webkit-min-device-pixel-ratio:1.5),\n        only screen and (max-width:1068px)and (min-resolution:1.5dppx),\n        only screen and (max-width:1068px)and (min-resolution:144dpi) {\n            .section-ios .grid-item-vertical:before {\n                background-image: url('https:\/\/devlight.io\/wp-content\/webp-express\/webp-images\/themes\/devlight\/assets\/img\/a-shadow-vertical.png.webp');\n            }\n        }\n\n        @media only screen and (max-width:734px) {\n            .section-ios .grid-item-vertical:before {\n                width: 222px;\n                height: 332px;\n                background-size: 222px 332px;\n                background-repeat: no-repeat;\n                background-image: url('https:\/\/devlight.io\/wp-content\/webp-express\/webp-images\/themes\/devlight\/assets\/img\/a-shadow-vertical.png.webp');\n            }\n        }\n\n        @media only screen and (max-width:734px)and (-webkit-min-device-pixel-ratio:1.5),\n        only screen and (max-width:734px)and (min-resolution:1.5dppx),\n        only screen and (max-width:734px)and (min-resolution:144dpi) {\n            .section-ios .grid-item-vertical:before {\n                background-image: url('https:\/\/devlight.io\/wp-content\/webp-express\/webp-images\/themes\/devlight\/assets\/img\/a-shadow-vertical.png.webp');\n            }\n        }\n\n        @media only screen and (max-width:1068px) {\n            .section-ios .grid-item-vertical:before {\n                left: -17px;\n                top: -19px\n            }\n        }\n\n        @media only screen and (max-width:734px) {\n            .section-ios .grid-item-vertical:before {\n                left: -8px;\n                top: -10px\n            }\n        }\n\n        @media only screen and (inverted-colors) {\n\n            .section-ios .grid-item-horizontal,\n            .section-ios .grid-item-vertical,\n            .section-ios .glass-container {\n                filter: invert(1)\n            }\n        }\n\n        html.enhance-ios .section-ios .grid-item-horizontal,\n        html.enhance-ios .section-ios .grid-item-vertical,\n        html.enhance-ios .section-ios .glass-container {\n            opacity: 0\n        }\n\n        .section-ios .glass-screen {\n            border-radius: 27px\n        }\n\n        @media only screen and (max-width:1068px) {\n            .section-ios .glass-screen {\n                border-radius: 20px\n            }\n        }\n\n        @media only screen and (max-width:734px) {\n            .section-ios .glass-screen {\n                border-radius: 17px\n            }\n        }\n\n        .section-ios .ios-content {\n            box-sizing: border-box;\n            padding: calc(var(--grid-gap)\/2) calc(var(--grid-gap)\/2) 0 calc(var(--grid-gap)\/2);\n            text-align: center;\n            display: flex;\n            flex-direction: column;\n            align-items: center;\n        }\n        .section-ios .ios-content-img {\n            width: 50px;\n            height: 50px;\n        }\n        .section-ios .ios-content-title {\n            font-family: 'RoadRadio';\n            font-weight: 700;\n            font-size: 56px;\n            line-height: 64px;\n            color: #191919;    \n            margin-top: 25px;\n            max-width: 424px;\n        }\n        .section-ios .ios-content-title > * {\n            margin: 0;\n        }\n        .section-ios .ios-content-text {\n            margin-top: 16px;\n            font-family: 'Proxima Nova';\n            font-style: normal;\n            font-weight: 600;\n            font-size: 16px;\n            line-height: 24px;\n        }\n        .section-ios .ios-content-btn {\n            font-family: 'RoadRadio';\n            background: #EE4046;\n            border-radius: 2px;\n            font-weight: 700;\n            font-size: 16px;\n            line-height: 16px;\n            letter-spacing: 1px;\n            color: #FFFFFF;\n            padding: 20px 46px;\n            text-align: center;\n            margin-top: 40px;\n        }\n\n        @media only screen and (max-width:734px) {\n            .section-ios .ios-content {\n                padding-top: calc(52px - var(--grid-gap));\n                margin: 0 auto;\n                max-width: 87.5vw;\n                padding-left: 0;\n                padding-right: 0\n            }\n        }\n\n        html.enhance-ios .section-ios .ios-content [data-animate-ios-content] {\n            opacity: 0\n        }\n\n        .section-ios .ios-intro {\n            margin-top: 80px\n        }\n\n        @media only screen and (max-width:1068px) {\n            .section-ios .ios-intro {\n                margin-top: 35px\n            }\n        }\n\n        @media only screen and (max-width:734px) {\n            .section-ios .ios-intro {\n                margin-top: 0\n            }\n        }\n\n        .section-ios .ios-availability {\n            color: #6e6e73\n        }\n    <\/style>\n\n    <div class=\"l-wrap cases-container\">\n\n        <div class=\"cases-wireframes__header\">\n\n              <h3>high-fidelity<br \/>\nwireframes<\/h3>\n<p>High-fidelity wireframes are often built in the advance stages of the design process to communicate design decisions to the development team prior to coding the final product.<\/p>        <\/div>\n\n    <\/div>\n\n    <section class=\"section section-ios\" id=\"section-ios-1\">\n        <div class=\"ios-grid\">\n            <figure class=\"ios-grid-item ios-grid-item-logo\" id=\"ios-grid-item-logo\" style=\"transform: matrix(1, 0, 0, 1, 0, 0);background-image: url('https:\/\/devlight.io\/wp-content\/webp-express\/webp-images\/uploads\/2022\/09\/nova-logo.png.webp');\"><\/figure>\n            <div class=\"ios-grid-item ios-grid-item-1 ios-grid-item-horizontal ios-grid-item-offset justify-self-end medium-hide small-hide\">\n                <div class=\"glass-container grid-item-horizontal image-screen-1\" id=\"image-screen-1\" style=\"transform: matrix(1, 0, 0, 1, 0, 0); opacity: 0;\">\n                    <div class=\"glass-hardware\"><\/div>\n                    <div class=\"glass-screen\" style=\"background-image: url('https:\/\/devlight.io\/wp-content\/webp-express\/webp-images\/uploads\/2022\/09\/Group-33628-1.png.webp');\"><\/div>\n                <\/div>\n            <\/div>\n            <div class=\"ios-grid-item ios-grid-item-2 ios-grid-item-vertical small-hide\">\n                <div class=\"glass-container grid-item-vertical image-screen-2\" id=\"image-screen-2\" style=\"transform: matrix(1, 0, 0, 1, 0, 0); opacity: 0;\">\n                    <div class=\"glass-hardware\"><\/div>\n                    <div class=\"glass-screen\" style=\"background-image: url(https:\/\/devlight.io\/wp-content\/webp-express\/webp-images\/uploads\/2022\/09\/Group-33630-2.png.webp);\"><\/div>\n                <\/div>\n            <\/div>\n            <div class=\"ios-grid-item ios-grid-item-3 ios-grid-item-vertical\">\n                <div class=\"glass-container grid-item-vertical image-screen-3\" id=\"image-screen-3\" style=\"transform: matrix(1, 0, 0, 1, 0, 0); opacity: 0;\">\n                    <div class=\"glass-hardware\"><\/div>\n                    <div class=\"glass-screen\" style=\"background-image: url(https:\/\/devlight.io\/wp-content\/webp-express\/webp-images\/uploads\/2022\/09\/Group-33635-2.png.webp);\"><\/div>\n                <\/div>\n            <\/div>\n            <div class=\"ios-grid-item ios-grid-item-4 ios-grid-item-horizontal ios-grid-item-offset-horizontal\">\n                <div class=\"glass-container grid-item-horizontal image-screen-4\" id=\"image-screen-4\" style=\"transform: matrix(1, 0, 0, 1, 0, 0); opacity: 0;\">\n                    <div class=\"glass-hardware\"><\/div>\n                    <div class=\"glass-screen\" style=\"background-image: url(https:\/\/devlight.io\/wp-content\/webp-express\/webp-images\/uploads\/2022\/09\/Group-33636-1.png.webp);\"><\/div>\n                <\/div>\n            <\/div>\n            <div class=\"ios-grid-item ios-grid-item-5 ios-grid-item-vertical align-self-end small-hide\">\n                <div class=\"glass-container grid-item-vertical image-screen-5\" id=\"image-screen-5\" style=\"transform: matrix(1, 0, 0, 1, 0, 0); opacity: 0;\">\n                    <div class=\"glass-hardware\"><\/div>\n                    <div class=\"glass-screen\" style=\"background-image: url(https:\/\/devlight.io\/wp-content\/webp-express\/webp-images\/uploads\/2022\/09\/Group-33629-1.png.webp);\"><\/div>\n                <\/div>\n            <\/div>\n            <div class=\"ios-grid-item ios-grid-item-6 ios-grid-item-vertical medium-hide\">\n                <div class=\"glass-container grid-item-vertical image-screen-6\" id=\"image-screen-6\" style=\"transform: matrix(1, 0, 0, 1, 0, 0); opacity: 0;\">\n                    <div class=\"glass-hardware\"><\/div>\n                    <div class=\"glass-screen\" style=\"background-image: url(https:\/\/devlight.io\/wp-content\/webp-express\/webp-images\/uploads\/2022\/09\/Group-33634-1.png.webp);\"><\/div>\n                <\/div>\n            <\/div>\n            <div class=\"ios-grid-item ios-grid-item-7 ios-grid-item-vertical medium-hide\" hidden>\n                <div class=\"glass-container grid-item-vertical image-screen-7\" id=\"image-screen-7\" style=\"transform: matrix(1, 0, 0, 1, 0, 0); opacity: 0;\">\n                    <div class=\"glass-hardware\"><\/div>\n                    <div class=\"glass-screen\" style=\"background-image: url(7972);\"><\/div>\n                <\/div>\n            <\/div>\n            <!-- <div class=\"ios-grid-item ios-grid-item-8 ios-grid-item-vertical ios-grid-item-offset medium-hide\">\n                <div class=\"glass-container grid-item-vertical image-screen-8\" id=\"image-screen-8\" style=\"transform: matrix(1, 0, 0, 1, 0, 0); opacity: 0;\">\n                    <div class=\"glass-hardware\"><\/div>\n                    <div class=\"glass-screen\" style=\"background-image: url(7973);\"><\/div>\n                <\/div>\n            <\/div> -->\n            <div class=\"ios-grid-item ios-grid-item-9 ios-grid-item-vertical ios-grid-item-offset medium-hide\">\n                <div class=\"glass-container grid-item-vertical image-screen-9\" id=\"image-screen-9\" style=\"transform: matrix(1, 0, 0, 1, 0, 0); opacity: 0;\">\n                    <div class=\"glass-hardware\"><\/div>\n                    <div class=\"glass-screen\" style=\"background-image: url(https:\/\/devlight.io\/wp-content\/webp-express\/webp-images\/uploads\/2022\/09\/Group-626074.png.webp);\"><\/div>\n                <\/div>\n            <\/div>\n            <div class=\"ios-grid-item ios-grid-item-10 ios-grid-item-vertical small-hide\">\n                <div class=\"glass-container grid-item-vertical image-screen-10\" id=\"image-screen-10\" style=\"transform: matrix(1, 0, 0, 1, 0, 0); opacity: 0;\">\n                    <div class=\"glass-hardware\"><\/div>\n                    <div class=\"glass-screen\" style=\"background-image: url(https:\/\/devlight.io\/wp-content\/webp-express\/webp-images\/uploads\/2022\/09\/Group-33631-2.png.webp);\"><\/div>\n                <\/div>\n            <\/div>\n            <div class=\"ios-grid-item ios-grid-item-11 ios-grid-item-horizontal\">\n                <div class=\"glass-container grid-item-horizontal image-screen-11\" id=\"image-screen-11\" style=\"transform: matrix(1, 0, 0, 1, 0, 0); opacity: 0;\">\n                    <div class=\"glass-hardware\"><\/div>\n                    <div class=\"glass-screen\" style=\"background-image: url(https:\/\/devlight.io\/wp-content\/webp-express\/webp-images\/uploads\/2022\/09\/Group-33637-1.png.webp);\"><\/div>\n                <\/div>\n            <\/div>\n            <div class=\"ios-grid-item ios-grid-item-12 ios-grid-item-vertical ios-grid-item-offset-horizontal\">\n                <div class=\"glass-container grid-item-vertical image-screen-12\" id=\"image-screen-12\" style=\"transform: matrix(1, 0, 0, 1, 0, 0); opacity: 0;\">\n                    <div class=\"glass-hardware\"><\/div>\n                    <div class=\"glass-screen\" style=\"background-image: url(https:\/\/devlight.io\/wp-content\/webp-express\/webp-images\/uploads\/2022\/09\/Group-33644-1.png.webp);\"><\/div>\n                <\/div>\n            <\/div>\n            <div class=\"ios-grid-item ios-grid-item-13 ios-grid-item-vertical ios-grid-item-offset-horizontal\">\n                <div class=\"glass-container grid-item-vertical image-screen-13\" id=\"image-screen-13\" style=\"transform: matrix(1, 0, 0, 1, 0, 0); opacity: 0;\">\n                    <div class=\"glass-hardware\"><\/div>\n                    <div class=\"glass-screen\" style=\"background-image: url(https:\/\/devlight.io\/wp-content\/webp-express\/webp-images\/uploads\/2022\/09\/Group-33645-1.png.webp);\"><\/div>\n                <\/div>\n            <\/div>\n            <div class=\"ios-grid-item ios-grid-item-14 ios-grid-item-vertical medium-hide\">\n                <div class=\"glass-container grid-item-vertical image-screen-14\" id=\"image-screen-14\" style=\"transform: matrix(1, 0, 0, 1, 0, 0); opacity: 0;\">\n                    <div class=\"glass-hardware\"><\/div>\n                    <div class=\"glass-screen\" style=\"background-image: url(https:\/\/devlight.io\/wp-content\/webp-express\/webp-images\/uploads\/2022\/09\/Group-33643-1.png.webp);\"><\/div>\n                <\/div>\n            <\/div>\n            <div class=\"ios-grid-item ios-grid-item-15 ios-grid-item-horizontal ios-grid-item-offset no-top-offset-small medium-hide small-show\">\n                <div class=\"glass-container grid-item-horizontal image-screen-15\" id=\"image-screen-15\" style=\"transform: matrix(1, 0, 0, 1, 0, 0); opacity: 0;\">\n                    <div class=\"glass-hardware\"><\/div>\n                    <div class=\"glass-screen\" style=\"background-image: url(https:\/\/devlight.io\/wp-content\/webp-express\/webp-images\/uploads\/2022\/09\/Group-626073.png.webp);\"><\/div>\n                <\/div>\n            <\/div>\n            <!-- <div class=\"ios-grid-item ios-grid-item-16 ios-grid-item-vertical medium-hide\">\n                <div class=\"glass-container grid-item-vertical image-screen-16\" id=\"image-screen-16\" style=\"transform: matrix(1, 0, 0, 1, 0, 0); opacity: 0;\">\n                    <div class=\"glass-hardware\"><\/div>\n                    <div class=\"glass-screen\" style=\"background-image: url(7976);\"><\/div>\n                <\/div>\n            <\/div> -->\n            <div class=\"ios-grid-item ios-grid-item-17 ios-grid-item-horizontal ios-grid-item-offset justify-self-end medium-hide\">\n                <div class=\"glass-container grid-item-horizontal image-screen-17\" id=\"image-screen-17\" style=\"transform: matrix(1, 0, 0, 1, 0, 0); opacity: 0;\">\n                    <div class=\"glass-hardware\"><\/div>\n                    <div class=\"glass-screen\" style=\"background-image: url(https:\/\/devlight.io\/wp-content\/webp-express\/webp-images\/uploads\/2022\/09\/Group-33638-1.png.webp);\"><\/div>\n                <\/div>\n            <\/div>\n            <div class=\"ios-grid-item ios-grid-item-18 ios-grid-item-horizontal ios-grid-item-offset no-top-offset-small justify-self-end\">\n                <div class=\"glass-container grid-item-horizontal image-screen-18\" id=\"image-screen-18\" style=\"transform: matrix(1, 0, 0, 1, 0, 0); opacity: 0;\">\n                    <div class=\"glass-hardware\"><\/div>\n                    <div class=\"glass-screen\" style=\"background-image: url(https:\/\/devlight.io\/wp-content\/webp-express\/webp-images\/uploads\/2022\/09\/Group-33639-1.png.webp);\"><\/div>\n                <\/div>\n            <\/div>\n            <div class=\"ios-grid-item ios-grid-item-19 ios-grid-item-vertical\">\n                <div class=\"glass-container grid-item-vertical image-screen-19\" id=\"image-screen-19\" style=\"transform: matrix(1, 0, 0, 1, 0, 0); opacity: 0;\">\n                    <div class=\"glass-hardware\"><\/div>\n                    <div class=\"glass-screen\" style=\"background-image: url(7977);\"><\/div>\n                <\/div>\n            <\/div>\n            <div class=\"ios-grid-item ios-grid-item-20 ios-grid-item-vertical\">\n                <div class=\"glass-container grid-item-vertical image-screen-20\" id=\"image-screen-20\" style=\"transform: matrix(1, 0, 0, 1, 0, 0); opacity: 0;\">\n                    <div class=\"glass-hardware\"><\/div>\n                    <div class=\"glass-screen\" style=\"background-image: url(https:\/\/devlight.io\/wp-content\/webp-express\/webp-images\/uploads\/2022\/09\/Group-33632-1.png.webp);\"><\/div>\n                <\/div>\n            <\/div>\n            <div class=\"ios-grid-item ios-grid-item-21 ios-grid-item-vertical\">\n                <div class=\"glass-container grid-item-vertical image-screen-21\" id=\"image-screen-21\" style=\"transform: matrix(1, 0, 0, 1, 0, 0); opacity: 0;\">\n                    <div class=\"glass-hardware\"><\/div>\n                    <div class=\"glass-screen\" style=\"background-image: url(https:\/\/devlight.io\/wp-content\/webp-express\/webp-images\/uploads\/2022\/09\/Group-33633-1.png.webp);\"><\/div>\n                <\/div>\n            <\/div>\n            <div class=\"ios-grid-item ios-grid-item-22 ios-grid-item-vertical\">\n                <div class=\"glass-container grid-item-vertical image-screen-22\" id=\"image-screen-22\" style=\"transform: matrix(1, 0, 0, 1, 0, 0); opacity: 0;\">\n                    <div class=\"glass-hardware\"><\/div>\n                    <div class=\"glass-screen\" style=\"background-image: url(https:\/\/devlight.io\/wp-content\/webp-express\/webp-images\/uploads\/2022\/09\/Group-33642-2.png.webp);\"><\/div>\n                <\/div>\n            <\/div>\n                        <div class=\"ios-grid-item ios-grid-item-content\">\n                <div class=\"ios-content\">\n                    <div class=\"ios-content-vertical-text\">wireframes<\/div>\n                <\/div>\n            <\/div>\n                    <\/div>\n    <\/section>\n    <script src=\"https:\/\/scrollmagic.io\/assets\/js\/lib\/greensock\/TweenMax.min.js\"><\/script>\n    <script src=\"\/\/cdnjs.cloudflare.com\/ajax\/libs\/ScrollMagic\/2.0.7\/ScrollMagic.min.js\"><\/script>\n    <script src=\"https:\/\/scrollmagic.io\/scrollmagic\/uncompressed\/plugins\/animation.gsap.js\"><\/script>\n    <!-- <script src=\"\/\/cdnjs.cloudflare.com\/ajax\/libs\/ScrollMagic\/2.0.7\/plugins\/debug.addIndicators.min.js\"><\/script> -->\n\n    <script>\n        jQuery(function () { \n\/\/ init controller\nvar controller = new ScrollMagic.Controller();\n\n\/\/ build Tween\nif (jQuery( window ).width() >= 1024) {\n  var timeline = new TimelineMax()\n  .add([ \n    TweenMax.from(\"#section-ios-1 .glass-container\", 1, {opacity: 0}),\n    TweenMax.to(\"#section-ios-1 .glass-container\", 1, {opacity: 1}),\n    TweenMax.from(\"#section-ios-1 #ios-grid-item-logo\", 1, {transform: 'matrix(1.875, 0, 0, 1.875, 0, 0)'}),\n    TweenMax.to(\"#section-ios-1 #ios-grid-item-logo\", 1, {transform: 'matrix(1, 0, 0, 1, 0, 0)'}),\n    TweenMax.from(\"#section-ios-1 #image-screen-1\", 1, {transform: 'matrix(1, 0, 0, 1, 0, -1622)'}),\n    TweenMax.to(\"#section-ios-1 #image-screen-1\", 1, {transform: 'matrix(1, 0, 0, 1, 0, 0)'}), \n    TweenMax.from(\"#section-ios-1 #image-screen-2\", 1, {transform: 'matrix(1, 0, 0, 1, 0, -697)'}),\n    TweenMax.to(\"#section-ios-1 #image-screen-2\", 1, {transform: 'matrix(1, 0, 0, 1, 0, 0)'}),\n    TweenMax.from(\"#section-ios-1 #image-screen-3\", 1, {transform: 'matrix(1, 0, 0, 1, 0, -885)'}),\n    TweenMax.to(\"#section-ios-1 #image-screen-3\", 1, {transform: 'matrix(1, 0, 0, 1, 0, 0)'}),\n    TweenMax.from(\"#section-ios-1 #image-screen-4\", 1, {transform: 'matrix(1, 0, 0, 1, 954, 0)'}),\n    TweenMax.to(\"#section-ios-1 #image-screen-4\", 1, {transform: 'matrix(1, 0, 0, 1, 0, 0)'}),\n    TweenMax.from(\"#section-ios-1 #image-screen-5\", 1, {transform: 'matrix(1, 0, 0, 1, 1434, 0)'}),\n    TweenMax.to(\"#section-ios-1 #image-screen-5\", 1, {transform: 'matrix(1, 0, 0, 1, 0, 0)'}),\n    TweenMax.from(\"#section-ios-1 #image-screen-6\", 1, {transform: 'matrix(1, 0, 0, 1, 1324, 0)'}),\n    TweenMax.to(\"#section-ios-1 #image-screen-6\", 1, {transform: 'matrix(1, 0, 0, 1, 0, 0)'}),\n    TweenMax.from(\"#section-ios-1 #image-screen-7\", 1, {transform: 'matrix(1, 0, 0, 1, 2184, 0)'}),\n    TweenMax.to(\"#section-ios-1 #image-screen-7\", 1, {transform: 'matrix(1, 0, 0, 1, 0, 0)'}),\n    TweenMax.from(\"#section-ios-1 #image-screen-8\", 1, {transform: 'matrix(1, 0, 0, 1, 0, -1232)'}),\n    TweenMax.to(\"#section-ios-1 #image-screen-8\", 1, {transform: 'matrix(1, 0, 0, 1, 0, 0)'}),\n    TweenMax.from(\"#section-ios-1 #image-screen-9\", 1, {transform: 'matrix(1, 0, 0, 1, 0, -1282)'}),\n    TweenMax.to(\"#section-ios-1 #image-screen-9\", 1, {transform: 'matrix(1, 0, 0, 1, 0, 0)'}),\n    TweenMax.from(\"#section-ios-1 #image-screen-10\", 1, {transform: 'matrix(1, 0, 0, 1, -1375, 0)'}),\n    TweenMax.to(\"#section-ios-1 #image-screen-10\", 1, {transform: 'matrix(1, 0, 0, 1, 0, 0)'}),\n    TweenMax.from(\"#section-ios-1 #image-screen-11\", 1, {transform: 'matrix(1, 0, 0, 1, -957, 0)'}),\n    TweenMax.to(\"#section-ios-1 #image-screen-11\", 1, {transform: 'matrix(1, 0, 0, 1, 0, 0)'}),\n    TweenMax.from(\"#section-ios-1 #image-screen-12\", 1, {transform: 'matrix(1, 0, 0, 1, 0, 882)'}),\n    TweenMax.to(\"#section-ios-1 #image-screen-12\", 1, {transform: 'matrix(1, 0, 0, 1, 0, 0)'}),\n    TweenMax.from(\"#section-ios-1 #image-screen-13\", 1, {transform: 'matrix(1, 0, 0, 1, 0, 547)'}),\n    TweenMax.to(\"#section-ios-1 #image-screen-13\", 1, {transform: 'matrix(1, 0, 0, 1, 0, 0)'}),\n    TweenMax.from(\"#section-ios-1 #image-screen-14\", 1, {transform: 'matrix(1, 0, 0, 1, 0, 958)'}),\n    TweenMax.to(\"#section-ios-1 #image-screen-14\", 1, {transform: 'matrix(1, 0, 0, 1, 0, 0)'}),\n    TweenMax.from(\"#section-ios-1 #image-screen-15\", 1, {transform: 'matrix(1, 0, 0, 1, 2339, 0)'}),\n    TweenMax.to(\"#section-ios-1 #image-screen-15\", 1, {transform: 'matrix(1, 0, 0, 1, 0, 0)'}),\n    TweenMax.from(\"#section-ios-1 #image-screen-16\", 1, {transform: 'matrix(1, 0, 0, 1, 0, 1478)'}),\n    TweenMax.to(\"#section-ios-1 #image-screen-16\", 1, {transform: 'matrix(1, 0, 0, 1, 0, 0)'}),\n    TweenMax.from(\"#section-ios-1 #image-screen-17\", 1, {transform: 'matrix(1, 0, 0, 1, -1330, 0)'}),\n    TweenMax.to(\"#section-ios-1 #image-screen-17\", 1, {transform: 'matrix(1, 0, 0, 1, 0, 0)'}),\n    TweenMax.from(\"#section-ios-1 #image-screen-17\", 1, {transform: 'matrix(1, 0, 0, 1, 0, 534)'}),\n    TweenMax.to(\"#section-ios-1 #image-screen-17\", 1, {transform: 'matrix(1, 0, 0, 1, 0, 0)'}),\n  ]);  \n} else {\n  var timeline = new TimelineMax()\n  .add([ \n    TweenMax.from(\"#section-ios-1 .glass-container\", 1, {opacity: 0}),\n    TweenMax.to(\"#section-ios-1 .glass-container\", 1, {opacity: 1}),\n    TweenMax.from(\"#section-ios- #ios-grid-item-logo\", 1, {transform: 'matrix(1.875, 0, 0, 1.875, 0, 0)'}),\n  ]);\n  \n}\n\n\/\/ build scene\nnew ScrollMagic.Scene({\n        triggerElement: \"#section-ios-1\",\n        triggerHook: 0.4, \n        duration: \"400px\", \n        offset: 0 \n      })\n      .setTween(timeline)\n    \/\/   .addIndicators({name: \"GSAP\"})\n      .addTo(controller);\n  \n});\n    <\/script>\n\n\n\n<\/div>\n\n\n      <div id=\"block_6281d71c7888d\" class=\"block-cases-prototype alignfull  l-block nova-proto\" >\n  \n  <style>\n    @media (max-width: 1100px){\n        .eq-proto.block-cases-prototype{\n            padding-top: 0;\n        }\n    }\n    \n<\/style>\n\n<div class=\"l-wrap cases-container\">\n\n            <div class=\"cases-prototype__header\">\n        <h2>prototype<\/h2>\n<p>We prototype the main screens and their possible variants of them to select the most fitting vector for our design system. Few options of design are going through our targeted audience reviews to check if it\u2019s clear and understandable for them.<\/p>        <\/div>\n      \n    <div class=\"cases-prototype__row\">\n        \n         \n                \n                <div class=\"cases-prototype__mob\">\n                    <img decoding=\"async\" src=\"https:\/\/devlight.io\/wp-content\/webp-express\/webp-images\/uploads\/2022\/09\/proto-n1.png.webp\" alt=\"prototype\">\n                <\/div>\n\n             \n                \n                <div class=\"cases-prototype__mob\">\n                    <img decoding=\"async\" src=\"https:\/\/devlight.io\/wp-content\/webp-express\/webp-images\/uploads\/2022\/09\/proto-n2.png.webp\" alt=\"prototype\">\n                <\/div>\n\n             \n                \n                <div class=\"cases-prototype__mob\">\n                    <img decoding=\"async\" src=\"https:\/\/devlight.io\/wp-content\/webp-express\/webp-images\/uploads\/2022\/09\/proto-n3.png.webp\" alt=\"prototype\">\n                <\/div>\n\n             \n                \n                <div class=\"cases-prototype__mob\">\n                    <img decoding=\"async\" src=\"https:\/\/devlight.io\/wp-content\/webp-express\/webp-images\/uploads\/2022\/09\/proto-n4.png.webp\" alt=\"prototype\">\n                <\/div>\n\n             \n                \n                <div class=\"cases-prototype__mob\">\n                    <img decoding=\"async\" src=\"https:\/\/devlight.io\/wp-content\/webp-express\/webp-images\/uploads\/2022\/09\/proto-n5.png.webp\" alt=\"prototype\">\n                <\/div>\n\n             \n                \n                <div class=\"cases-prototype__mob\">\n                    <img decoding=\"async\" src=\"https:\/\/devlight.io\/wp-content\/webp-express\/webp-images\/uploads\/2022\/09\/proto-n6.png.webp\" alt=\"prototype\">\n                <\/div>\n\n             \n                \n                <div class=\"cases-prototype__mob\">\n                    <img decoding=\"async\" src=\"https:\/\/devlight.io\/wp-content\/webp-express\/webp-images\/uploads\/2022\/09\/proto-n7.png.webp\" alt=\"prototype\">\n                <\/div>\n\n             \n                \n                <div class=\"cases-prototype__mob\">\n                    <img decoding=\"async\" src=\"https:\/\/devlight.io\/wp-content\/webp-express\/webp-images\/uploads\/2022\/09\/proto-n8.png.webp\" alt=\"prototype\">\n                <\/div>\n\n             \n                \n                <div class=\"cases-prototype__mob\">\n                    <img decoding=\"async\" src=\"https:\/\/devlight.io\/wp-content\/webp-express\/webp-images\/uploads\/2022\/09\/proto-n9.png.webp\" alt=\"prototype\">\n                <\/div>\n\n             \n                \n                <div class=\"cases-prototype__mob\">\n                    <img decoding=\"async\" src=\"https:\/\/devlight.io\/wp-content\/webp-express\/webp-images\/uploads\/2022\/09\/proto-n10.png.webp\" alt=\"prototype\">\n                <\/div>\n\n             \n                \n                <div class=\"cases-prototype__mob\">\n                    <img decoding=\"async\" src=\"https:\/\/devlight.io\/wp-content\/webp-express\/webp-images\/uploads\/2022\/09\/proto-n11.png.webp\" alt=\"prototype\">\n                <\/div>\n\n             \n                \n                <div class=\"cases-prototype__mob\">\n                    <img decoding=\"async\" src=\"https:\/\/devlight.io\/wp-content\/webp-express\/webp-images\/uploads\/2022\/09\/proto-n12.png.webp\" alt=\"prototype\">\n                <\/div>\n\n                    \n    <\/div>\n\n\n<\/div>\n\n\n<\/div>\n\n\n      <div id=\"block_6281e807230de\" class=\"block-cases-technical alignfull  l-block\" >\n  \n  \n<style>\n    @media (max-width: 417px){\n        .cases-technical__right-header {\n            margin-left: -4px;\n        }\n        .cases-technical__header-btn:nth-child(2) {\n            padding-right: 9px;\n            padding-left: 9px;\n        }\n        .block-cases-technical .red-btn {\n            margin-right: 13px;\n        }\n    }\n<\/style>\n\n<div class=\"l-wrap cases-container\">\n\n    <div class=\"cases-technical__content\">\n        <h3>Technical<br \/>\nspecification<\/h3>\n<p><span style=\"font-weight: 400;\">To be sure that the app works properly and meets clients&#8217; business goals, we need a clear and consistent technical specifications document. We create technical documentation during the Discovery phase to be sure we are on the same page as our clients.<\/span><\/p>    <\/div>\n\n    <div class=\"cases-technical__row\">\n\n        <div class=\"cases-technical__left\">\n\n\n            <div class=\"cases-technical__info\">\n\n                                    \n                        \n                                                    <div class=\"cases-technical__left-title\">\n                                <h2>RESULTS OF DESIGN SPRINT<\/h2>\n<p>Non-functional requirements<\/p>                            <\/div>\n                                                                            <div class=\"cases-technical__left-subtitle\">\n                                Performance                  \n                            <\/div>\n                                                                            <ul>\n<li>Load for all interfaces &#8211; 1 million sessions per month. 200 sessions simultaneously.<\/li>\n<li>Processing at least 10,000 orders per month.<\/li>\n<li>Regular synchronization time with the bus is not more than 4 hours.<\/li>\n<li>Order creation time (from the user&#8217;s click &#8220;Place order&#8221;<br \/>\nto the result of registration) no more than 3 seconds.<\/li>\n<li>Warehouse inspection time &#8211; 12 sec<\/li>\n<li>Normal page load time &#8211; 1 sec<\/li>\n<\/ul>                                                                            <p class=\"cases-technical__info-p\"> \n                                <p class=\"cases-technical__info-p\">As the load increases, the system must allow horizontal scaling to ensure the above speed;<\/p>                            <\/p>\n                            \n                    \n                        \n                                                                            <div class=\"cases-technical__left-subtitle\">\n                                Availability                  \n                            <\/div>\n                                                                            <ul>\n<li>System availability is 99.6% per year.<\/li>\n<li>The system may be unavailable from 12:00 to 05:00 (technical window). Unavailability time cannot exceed 15 minutes.<\/li>\n<\/ul>                                                    \n                    \n                        \n                                                                            <div class=\"cases-technical__left-subtitle\">\n                                Capacity                  \n                            <\/div>\n                                                                            <ul>\n<li>Expected number of system users &#8211; 200 000 users<\/li>\n<li>Expected number of items in PIM &#8211; 3200 items<\/li>\n<\/ul>                                                    \n                    \n                        \n                                                                            <div class=\"cases-technical__left-subtitle\">\n                                Compatibility                  \n                            <\/div>\n                                                                            <p class=\"cases-technical__info-p\">Requirements for WEB client: Browsers:<\/p>\n<ul>\n<li>Mozilla Firefox (version 60.0 and higher)<\/li>\n<\/ul>                                                    \n                                    \n            <\/div>\n        <\/div>\n\n        <div class=\"cases-technical__right\">\n\n            <!-- <div class=\"cases-technical__right-header\">\n                                    <div>\n                        <img decoding=\"async\" src=\"https:\/\/devlight.io\/wp-content\/uploads\/2022\/05\/icon-tech.svg\" alt=\"icon\"> -->\n                        <!-- width=\"63\" height=\"82\" -->\n                    <!-- <\/div>\n                                    <a class=\"cases-technical__header-btn cases-technical__header-btn-first\" href=\"#\">\n                    :Frontend\n                    <\/a>\n                    <a class=\"cases-technical__header-btn\" href=\"#\">\n                    :Order Management\n                    <\/a>\n                    <a class=\"cases-technical__header-btn red-btn\" href=\"#\">\n                    :Servise Bus\n                    <\/a>\n                    <a class=\"cases-technical__header-btn red-btn\" href=\"#\">\n                    :Mail Service\n                    <\/a>    \n            <\/div> -->\n                            <div class=\"cases-technical__right-scheme\">\n                    <img decoding=\"async\" src=\"https:\/\/devlight.io\/wp-content\/webp-express\/webp-images\/uploads\/2022\/09\/nova-result.png.webp\" alt=\"schema\">\n                <\/div>\n                    <\/div>\n\n\n    <\/div>\n\n\n<\/div>\n\n\n<\/div>\n\n\n      <div id=\"block_62820797f3f64\" class=\"block-cases-design alignfull  l-block nova-design\" >\n  \n   \r\n\r\n<style>\r\n.cases__design-header {\r\n  border-bottom: 1px solid ;\r\n}\r\n#block_62820797f3f64 .btn-info-row .left__info-primary-btn:nth-child(3) img, #block_62820797f3f64 .btn-info-row .left__info-primary-btn:nth-child(3) img{\r\n    margin-left: 5px;\r\n}\r\n<\/style>\r\n\r\n<div class=\"bg-wrap-design-pro\" style=\"background-color: #fffff\">\r\n\r\n<div class=\"l-wrap cases-container\">\r\n\r\n    <div class=\"phase\" style=\"color: #FFFFF\">\r\n        phase 2    <\/div>\r\n\r\n    <div class=\"cases__design-header\" style=\"color: #FFFFF\">\r\n        <div>\r\n            <img decoding=\"async\" src=\"https:\/\/devlight.io\/wp-content\/uploads\/2022\/05\/logo-discovery-1.svg\" alt=\"logo-inner\">\r\n        <\/div>\r\n        <h2 style=\"color: #FFFFF\">\r\n            design process        <\/h2>\r\n    <\/div>\r\n\r\n    <div class=\"cases-design__row\">\r\n        <div class=\"cases-design__left\">\r\n\r\n            <div class=\"cases-design__left-info\" style=\"color: #FFFFF\">\r\n                <h2>colors<\/h2>\n<p>Primary Colors<\/p>            <\/div>\r\n\r\n            \r\n                <div class=\"left__info-primary-row\">   \r\n                \r\n                     \r\n                                                <div class=\"left__info-primary-color\" style=\"background-color:#EF4046; color: #fffff;\">\r\n                            #EF4046                        <\/div>\r\n                     \r\n                                                <div class=\"left__info-primary-color\" style=\"background-color:#FF7E7E; color: #fffff;\">\r\n                            #FF7E7E                        <\/div>\r\n                                    \r\n                <\/div>\r\n\r\n            \r\n            <div class=\"cases-design__left-info\" style=\"color: #FFFFF\">\r\n                <p>Primary Colors<\/p>            <\/div>\r\n\r\n            \r\n                <div class=\"left__info-primary-row four-row\">\r\n\r\n                     \r\n                                                <div class=\"left__info-primary-color\" style=\"background-color:#404852;color:#ffffff;\">\r\n                            #404852                        <\/div>\r\n\r\n                     \r\n                                                <div class=\"left__info-primary-color\" style=\"background-color:#5B6169;color:#ffffff;\">\r\n                            #5B6169                        <\/div>\r\n\r\n                     \r\n                                                <div class=\"left__info-primary-color\" style=\"background-color:#B8C1CB;color:#282b3c;\">\r\n                            #B8C1CB                        <\/div>\r\n\r\n                     \r\n                                                <div class=\"left__info-primary-color\" style=\"background-color:#F2F6FC;color:#282B3C;\">\r\n                            #F2F6FC                        <\/div>\r\n\r\n                    \r\n                <\/div>\r\n\r\n            \r\n            <div class=\"cases-design__left-info left-info-btn\" style=\"color: #FFFFF\">\r\n                <h2>Buttons Cases<\/h2>            <\/div>\r\n\r\n                       \r\n                <div class=\"left__info-primary-row btn-info-row\">\r\n\r\n                   \r\n                    \r\n                    <div class=\"left__info-primary-btn\" style=\"background-color: #ef4046; color: #ffffff;\"\r\n                    >\r\n                        Primary                                            <\/div>\r\n\r\n                   \r\n                    \r\n                    <div class=\"left__info-primary-btn\" style=\"background-color: #f8f8f8; color: #404852;\"\r\n                    >\r\n                        Secondary                                            <\/div>\r\n\r\n                  \r\n                <\/div>\r\n\r\n                    <\/div>\r\n\r\n        <div class=\"cases-design__right\">\r\n\r\n            <div class=\"cases-design__right-info\" style=\"color: #FFFFF\">\r\n                <h2>Elements<\/h2>            <\/div>\r\n\r\n\r\n                                <img decoding=\"async\" src=\"https:\/\/devlight.io\/wp-content\/webp-express\/webp-images\/uploads\/2022\/09\/nova-right.png.webp\" alt=\"app\">\r\n\r\n\r\n\r\n            \r\n\r\n        <\/div>\r\n    <\/div>\r\n\r\n<\/div>\r\n\r\n<\/div>\r\n\r\n\r\n<\/div>\n\n\n      <div id=\"block_6283843bb9f79\" class=\"block-cases-design-final alignfull  l-block slider-padding eq-slider\" >\n  \n  \n<style>\n    .swiper-scrollbar-drag{\n      background-color: #ee4046;\n    }\n    \/* .cases-design-final-bg-color{\n      padding: 120px 0px;\n    } *\/\n    \/* @media (max-width: 1200px){\n      .cases-design-final-bg-color {\n        padding-bottom: 133px;\n      }\n    } *\/\n    @media (max-width: 880px){\n\/*    .cases-design-final-bg-color {\n        padding-top: 0;\n      } *\/\n    }\n    @media (max-width: 1400px) and (min-width: 1200px){\n        .cases-final-slider figure img:nth-child(2) {\n          left: 99px;\n      }\n    }\n    @media (max-width: 1050px) and (min-width:900px){\n      .cases-final-slider figure img:nth-child(2) {\n        left: 97px;\n      }\n    }\n\n  \n\n<\/style>   \n\n<div class=\"cases-design-final-bg-color\" style=\"background-color: #fbfcfe\">\n  <div class=\"l-wrap cases-container\">\n          <div class=\"cases-design-final__content  md:pl-4 flex-row\" style=\"color: #000101\">\n          <h2>Final design<\/h2>\n<p>Finally, we are happy to share with you finalized design screens!<br \/>\nThe effortless-looking and friendly design are what we resulted with after all the previous stages of hard work and deep research. Looks neat, doesn\u2019t it?<\/p>      <\/div>\n    \n          <div class=\"js-image-slider-wrap relative\">\n        <div class=\"js-image-slider js-image-gallery cases-final-slider !pb-14 !lg:pb-11\">\n          <div class=\"swiper-container\">\n              <div class=\"swiper-wrapper\">\n\n                                                      <div class=\"cases-final-slider swiper-slide\">\n                    <figure>\n                      <img decoding=\"async\" src=\"https:\/\/devlight.io\/wp-content\/webp-express\/webp-images\/uploads\/2022\/09\/slider-nova1.png.webp\" alt=\"slider\">\n                      <img decoding=\"async\" src=\"https:\/\/devlight.io\/wp-content\/themes\/devlight\/assets\/img\/iphone_shadow_vertical.svg\" alt=\"slider\">\n                    <\/figure>\n                  <\/div>\n\n                                                    <div class=\"cases-final-slider swiper-slide\">\n                    <figure>\n                      <img decoding=\"async\" src=\"https:\/\/devlight.io\/wp-content\/webp-express\/webp-images\/uploads\/2022\/09\/slider-nova2.png.webp\" alt=\"slider\">\n                      <img decoding=\"async\" src=\"https:\/\/devlight.io\/wp-content\/themes\/devlight\/assets\/img\/iphone_shadow_vertical.svg\" alt=\"slider\">\n                    <\/figure>\n                  <\/div>\n\n                                                    <div class=\"cases-final-slider swiper-slide\">\n                    <figure>\n                      <img decoding=\"async\" src=\"https:\/\/devlight.io\/wp-content\/webp-express\/webp-images\/uploads\/2022\/09\/slider-nova3.png.webp\" alt=\"slider\">\n                      <img decoding=\"async\" src=\"https:\/\/devlight.io\/wp-content\/themes\/devlight\/assets\/img\/iphone_shadow_vertical.svg\" alt=\"slider\">\n                    <\/figure>\n                  <\/div>\n\n                                                    <div class=\"cases-final-slider swiper-slide\">\n                    <figure>\n                      <img decoding=\"async\" src=\"https:\/\/devlight.io\/wp-content\/webp-express\/webp-images\/uploads\/2022\/09\/slider-nova4.png.webp\" alt=\"slider\">\n                      <img decoding=\"async\" src=\"https:\/\/devlight.io\/wp-content\/themes\/devlight\/assets\/img\/iphone_shadow_vertical.svg\" alt=\"slider\">\n                    <\/figure>\n                  <\/div>\n\n                                                    <div class=\"cases-final-slider swiper-slide\">\n                    <figure>\n                      <img decoding=\"async\" src=\"https:\/\/devlight.io\/wp-content\/webp-express\/webp-images\/uploads\/2022\/09\/slider-nova5.png.webp\" alt=\"slider\">\n                      <img decoding=\"async\" src=\"https:\/\/devlight.io\/wp-content\/themes\/devlight\/assets\/img\/iphone_shadow_vertical.svg\" alt=\"slider\">\n                    <\/figure>\n                  <\/div>\n\n                                \n              <\/div>\n                <div class=\"swiper-scrollbar\">\n                <\/div>\n          <\/div>\n          \n        <\/div>\n      <\/div>\n    \n    <div class=\"cases-final-slider__tip text-center mt-8 flex justify-center\">\n      *Scroll to view      <svg class=\"ml-4\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"28\" height=\"28\" viewBox=\"0 0 28 28\" fill=\"none\">\n        <path d=\"M5.46816 8.3125C5.46816 6.63003 6.13652 5.01648 7.32621 3.82679C8.51589 2.63711 10.1294 1.96875 11.8119 1.96875C13.4944 1.96875 15.1079 2.63711 16.2976 3.82679C17.4873 5.01648 18.1557 6.63003 18.1557 8.3125C18.1557 8.48655 18.0865 8.65347 17.9635 8.77654C17.8404 8.89961 17.6735 8.96875 17.4994 8.96875C17.3254 8.96875 17.1584 8.89961 17.0354 8.77654C16.9123 8.65347 16.8432 8.48655 16.8432 8.3125C16.8432 6.97813 16.3131 5.69841 15.3695 4.75487C14.426 3.81133 13.1463 3.28125 11.8119 3.28125C10.4775 3.28125 9.19783 3.81133 8.25428 4.75487C7.31074 5.69841 6.78066 6.97813 6.78066 8.3125C6.78066 8.48655 6.71152 8.65347 6.58845 8.77654C6.46538 8.89961 6.29846 8.96875 6.12441 8.96875C5.95037 8.96875 5.78345 8.89961 5.66038 8.77654C5.5373 8.65347 5.46816 8.48655 5.46816 8.3125ZM20.5619 13.3438C19.9927 13.3432 19.4366 13.5144 18.9661 13.8348C18.8688 13.3867 18.6646 12.9688 18.3708 12.6167C18.0771 12.2645 17.7026 11.9887 17.2792 11.8126C16.8557 11.6365 16.396 11.5654 15.9392 11.6054C15.4824 11.6454 15.042 11.7952 14.6557 12.0422V8.3125C14.6557 7.55829 14.3561 6.83497 13.8227 6.30166C13.2894 5.76836 12.5661 5.46875 11.8119 5.46875C11.0577 5.46875 10.3344 5.76836 9.80108 6.30166C9.26777 6.83497 8.96816 7.55829 8.96816 8.3125V17.8281L8.14457 16.5047C7.76558 15.852 7.14284 15.3766 6.41333 15.1831C5.68383 14.9896 4.90733 15.0937 4.25465 15.4727C3.60197 15.8517 3.12657 16.4745 2.93304 17.204C2.73951 17.9335 2.84371 18.71 3.2227 19.3627L6.42957 24.8314C6.51945 24.9769 6.66257 25.0816 6.82847 25.1231C6.99437 25.1647 7.16993 25.1398 7.31777 25.0538C7.46562 24.9679 7.57406 24.8276 7.62001 24.6629C7.66596 24.4981 7.64579 24.322 7.56379 24.1719L4.3602 18.7031C4.25965 18.529 4.1944 18.3367 4.16815 18.1373C4.14191 17.938 4.15519 17.7354 4.20724 17.5411C4.31237 17.1488 4.56902 16.8144 4.92074 16.6113C5.27247 16.4083 5.69045 16.3533 6.08273 16.4584C6.27698 16.5104 6.45906 16.6002 6.6186 16.7227C6.77814 16.8451 6.912 16.9977 7.01254 17.1719C7.01556 17.1784 7.01923 17.1846 7.02348 17.1905L9.0666 20.4717C9.14183 20.5931 9.25459 20.6866 9.38778 20.7381C9.52097 20.7896 9.66732 20.7963 9.80463 20.757C9.94193 20.7178 10.0627 20.6349 10.1486 20.5208C10.2345 20.4068 10.2809 20.2678 10.2807 20.125V8.3125C10.2807 7.90639 10.442 7.51691 10.7292 7.22974C11.0163 6.94258 11.4058 6.78125 11.8119 6.78125C12.218 6.78125 12.6075 6.94258 12.8947 7.22974C13.1818 7.51691 13.3432 7.90639 13.3432 8.3125V15.75C13.3432 15.924 13.4123 16.091 13.5354 16.214C13.6584 16.3371 13.8254 16.4062 13.9994 16.4062C14.1735 16.4062 14.3404 16.3371 14.4635 16.214C14.5865 16.091 14.6557 15.924 14.6557 15.75V14.4375C14.6557 14.0314 14.817 13.6419 15.1042 13.3547C15.3913 13.0676 15.7808 12.9062 16.1869 12.9062C16.593 12.9062 16.9825 13.0676 17.2697 13.3547C17.5568 13.6419 17.7182 14.0314 17.7182 14.4375V16.625C17.7182 16.799 17.7873 16.966 17.9104 17.089C18.0334 17.2121 18.2004 17.2812 18.3744 17.2812C18.5485 17.2812 18.7154 17.2121 18.8385 17.089C18.9615 16.966 19.0307 16.799 19.0307 16.625V16.1875C19.0307 15.7814 19.192 15.3919 19.4792 15.1047C19.7663 14.8176 20.1558 14.6562 20.5619 14.6562C20.968 14.6562 21.3575 14.8176 21.6447 15.1047C21.9318 15.3919 22.0932 15.7814 22.0932 16.1875V20.125C22.0932 22.5455 21.2947 24.1916 21.2871 24.2069C21.211 24.3621 21.1992 24.541 21.2543 24.7049C21.3094 24.8687 21.4269 25.0042 21.5813 25.0819C21.6716 25.1298 21.7722 25.1553 21.8744 25.1562C21.9966 25.1565 22.1164 25.1226 22.2203 25.0585C22.3243 24.9943 22.4083 24.9024 22.4629 24.7931C22.5011 24.7166 23.4068 22.8736 23.4068 20.125V16.1875C23.4068 15.814 23.3332 15.4441 23.1902 15.099C23.0472 14.7539 22.8376 14.4404 22.5735 14.1763C22.3093 13.9122 21.9957 13.7028 21.6505 13.5599C21.3054 13.4171 20.9355 13.3436 20.5619 13.3438Z\" fill=\"#343A40\"\/>\n      <\/svg>\n    <\/div>\n\n  <\/div>\n<\/div>\n\n<\/div>\n\n\n      <div id=\"block_6282005a1b0d4\" class=\"block-cases-devproc alignfull  l-block nova-results-ci\" >\n  \n  \n\n<style>\n    .block-cases-devproc__tabs-title.is_active {\n    color: #ee4046;\n    border-color: #ee4046;\n  }\n  .phase3-padding.block-cases-devproc .bg-wrap{\n    padding-top: 90px;\n  }\n<\/style>\n\n  <div class=\"bg-wrap\" style=\"background-color: #191919\">\n    <div class=\"l-wrap cases-container\">\n\n              <div class=\"phase\">\n        PHASE 3        <\/div>\n      \n              <div class=\"block-cases-devproc__header\">\n          <img decoding=\"async\" src=\"https:\/\/devlight.io\/wp-content\/themes\/devlight\/assets\/img\/logo-discovery.svg\" alt=\"logo\" width=\"50\" height=\"50\">\n          <h3>Development process<\/h3>\n        <\/div>\n      \n              <div class=\"block-cases-devproc__subheader\">\n          <h3>CI\/CD Pipeline<\/h3>\n          <div>The complexity of the project determined the decision to build the next CI\/CD pipeline for the automatic delivery of new builds. The pipeline builds code, runs tests (CI), and safely deploys a new version of the application (CD).<\/div>\n        <\/div>\n      \n              <div class=\"block-cases-devproc__scheme-wrap\">\n          <div class=\"block-cases-devproc__scheme\">\n                          \n            <div class=\"block-cases-devproc__scheme-item\">\n              <div class=\"block-cases-devproc__scheme-frame\">\n                                  <img decoding=\"async\" src=\"https:\/\/devlight.io\/wp-content\/uploads\/2022\/05\/box-1-traced.svg\" alt=\"\" width=\"40\" height=\"40\">\n                              <\/div>\n                              <div class=\"block-cases-devproc__scheme-title\">\n                  Commit change                <\/div>\n                          <\/div>\n\n                          \n            <div class=\"block-cases-devproc__scheme-item\">\n              <div class=\"block-cases-devproc__scheme-frame\">\n                                  <img decoding=\"async\" src=\"https:\/\/devlight.io\/wp-content\/uploads\/2022\/05\/flash-1-traced.svg\" alt=\"\" width=\"40\" height=\"40\">\n                              <\/div>\n                              <div class=\"block-cases-devproc__scheme-title\">\n                  Tigger build                <\/div>\n                          <\/div>\n\n                          \n            <div class=\"block-cases-devproc__scheme-item\">\n              <div class=\"block-cases-devproc__scheme-frame\">\n                                  <img decoding=\"async\" src=\"https:\/\/devlight.io\/wp-content\/uploads\/2022\/05\/graph-1-traced.svg\" alt=\"\" width=\"40\" height=\"40\">\n                              <\/div>\n                              <div class=\"block-cases-devproc__scheme-title\">\n                  Build                <\/div>\n                          <\/div>\n\n                          \n            <div class=\"block-cases-devproc__scheme-item\">\n              <div class=\"block-cases-devproc__scheme-frame\">\n                                  <img decoding=\"async\" src=\"https:\/\/devlight.io\/wp-content\/uploads\/2022\/05\/bell-1-traced.svg\" alt=\"\" width=\"40\" height=\"40\">\n                              <\/div>\n                              <div class=\"block-cases-devproc__scheme-title\">\n                  Notify of build outcome                <\/div>\n                          <\/div>\n\n                          \n            <div class=\"block-cases-devproc__scheme-item\">\n              <div class=\"block-cases-devproc__scheme-frame\">\n                                  <img decoding=\"async\" src=\"https:\/\/devlight.io\/wp-content\/uploads\/2022\/05\/exam-1-traced.svg\" alt=\"\" width=\"40\" height=\"40\">\n                              <\/div>\n                              <div class=\"block-cases-devproc__scheme-title\">\n                  Run tests                <\/div>\n                          <\/div>\n\n                          \n            <div class=\"block-cases-devproc__scheme-item\">\n              <div class=\"block-cases-devproc__scheme-frame\">\n                                  <img decoding=\"async\" src=\"https:\/\/devlight.io\/wp-content\/uploads\/2022\/05\/test-1-traced.svg\" alt=\"\" width=\"40\" height=\"40\">\n                              <\/div>\n                              <div class=\"block-cases-devproc__scheme-title\">\n                  Notify of test outcome                <\/div>\n                          <\/div>\n\n                          \n            <div class=\"block-cases-devproc__scheme-item\">\n              <div class=\"block-cases-devproc__scheme-frame\">\n                                  <img decoding=\"async\" src=\"https:\/\/devlight.io\/wp-content\/uploads\/2022\/05\/group-33648.svg\" alt=\"\" width=\"40\" height=\"40\">\n                              <\/div>\n                              <div class=\"block-cases-devproc__scheme-title\">\n                  Delivery build to staging                <\/div>\n                          <\/div>\n\n                          \n            <div class=\"block-cases-devproc__scheme-item\">\n              <div class=\"block-cases-devproc__scheme-frame\">\n                                  <img decoding=\"async\" src=\"https:\/\/devlight.io\/wp-content\/uploads\/2022\/05\/telegram-1-traced.svg\" alt=\"\" width=\"40\" height=\"40\">\n                              <\/div>\n                              <div class=\"block-cases-devproc__scheme-title\">\n                  Deploy to drodaction                <\/div>\n                          <\/div>\n\n                      <\/div>\n        <\/div>\n      \n          <div class=\"block-cases-devproc__subheader\">\n        <h3>Technology stack<\/h3>\n        <div>We decided to use only a native stack of technologies according to the current situation of the product.<\/div>\n      <\/div>\n    \n    <div class=\"block-cases-devproc__tabs\">\n      <div class=\"block-cases-devproc__tabs-header\">\n              <div class=\"block-cases-devproc__tabs-title\">Mobile Technologies<\/div>\n                    <div class=\"block-cases-devproc__tabs-title\">Web Technologies<\/div>\n            <\/div>\n\n              <div class=\"block-cases-devproc__tabs-content\">\n          \n            <div>\n              <img decoding=\"async\" src=\"https:\/\/devlight.io\/wp-content\/uploads\/2022\/05\/java.svg\" alt=\"\">\n            <\/div>\n\n          \n            <div>\n              <img decoding=\"async\" src=\"https:\/\/devlight.io\/wp-content\/uploads\/2022\/05\/kotlin.svg\" alt=\"\">\n            <\/div>\n\n          \n            <div>\n              <img decoding=\"async\" src=\"https:\/\/devlight.io\/wp-content\/uploads\/2022\/05\/group-33572.svg\" alt=\"\">\n            <\/div>\n\n          \n            <div>\n              <img decoding=\"async\" src=\"https:\/\/devlight.io\/wp-content\/uploads\/2022\/05\/group-9.svg\" alt=\"\">\n            <\/div>\n\n          \n            <div>\n              <img decoding=\"async\" src=\"https:\/\/devlight.io\/wp-content\/uploads\/2022\/05\/group-33567.svg\" alt=\"\">\n            <\/div>\n\n          \n            <div>\n              <img decoding=\"async\" src=\"https:\/\/devlight.io\/wp-content\/uploads\/2022\/05\/group-33571.svg\" alt=\"\">\n            <\/div>\n\n                  <\/div>\n                    <div class=\"block-cases-devproc__tabs-content\">\n          \n            <div>\n              <img decoding=\"async\" src=\"https:\/\/devlight.io\/wp-content\/uploads\/2022\/05\/group-33567.svg\" alt=\"\">\n            <\/div>\n\n          \n            <div>\n              <img decoding=\"async\" src=\"https:\/\/devlight.io\/wp-content\/uploads\/2022\/05\/group-33570.svg\" alt=\"\">\n            <\/div>\n\n                  <\/div>\n      \n    <\/div>\n\n    <\/div>\n  <\/div>\n\n  <script>\n    jQuery( document ).ready(function($) {\n      $('.block-cases-devproc__tabs-title').first().addClass('is_active');\n      $('.block-cases-devproc__tabs-content').first().addClass('is_active');\n\n      $('.block-cases-devproc__tabs-title').on('click', function () {\n        let index = $(this).index()\n\n        $('.block-cases-devproc__tabs-title').removeClass('is_active')\n        $(this).addClass('is_active')\n\n        $('.block-cases-devproc__tabs-content').removeClass('is_active')\n        $('.block-cases-devproc__tabs-content').eq(index).addClass('is_active')\n      })\n\n    });\n  <\/script>\n\n<\/div>\n\n\n      <div id=\"block_6284769789e62\" class=\"block-cases-scrum alignfull  l-block\" >\n  \n  \r\n\r\n<div class=\"l-wrap cases-container\">\r\n            <div class=\"cases-scrum__content  md:pl-4 flex-row\">\r\n            <h2> scrum Process<\/h2>\n<p> For the management of project development, we used the scrum process. It is an iterative and incremental software development methodology designed to build products faster. It is based on breaking down the workflow into short-time boxed development cycles (called sprints). Each sprint ends with potentially shippable functionality delivered.<\/p>        <\/div>\r\n                <div class=\"scrum__process\">\r\n            <img decoding=\"async\" src=\"https:\/\/devlight.io\/wp-content\/uploads\/2022\/05\/scrum_process.svg\" alt=\"scrum\">\r\n        <\/div>\r\n    \r\n<\/div>\r\n\r\n\r\n<\/div>\n\n\n      <div id=\"block_6284775c717ec\" class=\"block-cases-team alignfull  l-block teams-padding\" >\n  \n  \r\n<style>\r\n    @media (max-width:450px){\r\n        #block_6284775c717ec.block-cases-team.teams-padding {\r\n            padding-bottom: 100px;\r\n        }\r\n    }\r\n<\/style>\r\n<div class=\"l-wrap cases-container\">\r\n            <div class=\"cases-team__content  md:pl-4 flex-row\">\r\n            <h2>Project team<\/h2>\n<p>&nbsp;<br \/>\nHere is a team of brilliant experts who were responsible for delivering the tasks and aims outlined in the project plan. Each of them is in his place and knows his business perfectly.<\/p>        <\/div>\r\n            \r\n    \r\n        <div class=\"cases-team__row\">\r\n\r\n         \r\n\r\n                  \r\n             \r\n             <div class=\"cases-team__inner first__icon\">\r\n\r\n             \r\n\r\n                        \r\n                        <div class=\"cases-team__icon first__icon\">\r\n\r\n             \r\n                    \r\n                    <img decoding=\"async\" src=\"https:\/\/devlight.io\/wp-content\/webp-express\/webp-images\/uploads\/2022\/09\/team1-nova-1.png.webp\" alt=\"\">\r\n\r\n                <\/div>\r\n\r\n                <div class=\"cases-team__title\">\r\n                     Lubomir Miller                  \r\n                <\/div>\r\n\r\n                <div class=\"cases-team__text\">\r\n                    <p>Project Manager<\/p>                <\/div>\r\n\r\n            <\/div>\r\n\r\n         \r\n\r\n                  \r\n                                 <div class=\"cases-team__inner\">\r\n                 \r\n\r\n                        \r\n                               <div class=\"cases-team__icon\">\r\n                 \r\n                    \r\n                    <img decoding=\"async\" src=\"https:\/\/devlight.io\/wp-content\/webp-express\/webp-images\/uploads\/2022\/09\/unsplash__THUISs23CI.png.webp\" alt=\"\">\r\n\r\n                <\/div>\r\n\r\n                <div class=\"cases-team__title\">\r\n                    Victor Kiver                  \r\n                <\/div>\r\n\r\n                <div class=\"cases-team__text\">\r\n                    <p>iOS Developer<\/p>                <\/div>\r\n\r\n            <\/div>\r\n\r\n         \r\n\r\n                  \r\n                                 <div class=\"cases-team__inner\">\r\n                 \r\n\r\n                        \r\n                               <div class=\"cases-team__icon\">\r\n                 \r\n                    \r\n                    <img decoding=\"async\" src=\"https:\/\/devlight.io\/wp-content\/webp-express\/webp-images\/uploads\/2021\/11\/Mykola-Melnyk.png.webp\" alt=\"\">\r\n\r\n                <\/div>\r\n\r\n                <div class=\"cases-team__title\">\r\n                    Mykola Melnyk                  \r\n                <\/div>\r\n\r\n                <div class=\"cases-team__text\">\r\n                    <p>Android Developer<\/p>                <\/div>\r\n\r\n            <\/div>\r\n\r\n        \r\n<!--             <div class=\"cases-team__inner\">\r\n\r\n                <div class=\"cases-team__icon \">\r\n\r\n                    <img decoding=\"async\" src=\"https:\/\/devlight.io\/wp-content\/themes\/devlight\/assets\/img\/team1.png\" alt=\"\">\r\n\r\n                <\/div>\r\n\r\n                <div class=\"cases-team__title\">\r\n                    Lubomir Miller\r\n                <\/div>\r\n\r\n                <div class=\"cases-team__text\">\r\n                    Lubomir Miller\r\n                <\/div>\r\n\r\n            <\/div>\r\n            <div class=\"cases-team__inner\">\r\n\r\n                <div class=\"cases-team__icon \">\r\n\r\n                    <img decoding=\"async\" src=\"https:\/\/devlight.io\/wp-content\/themes\/devlight\/assets\/img\/team2.png\" alt=\"\">\r\n\r\n                <\/div>\r\n\r\n                <div class=\"cases-team__title\">\r\n                    Lubomir Miller\r\n                <\/div>\r\n\r\n                <div class=\"cases-team__text\">\r\n                    Lubomir Miller\r\n                <\/div>\r\n\r\n            <\/div>\r\n            <div class=\"cases-team__inner\">\r\n\r\n                <div class=\"cases-team__icon \">\r\n\r\n                    <img decoding=\"async\" src=\"https:\/\/devlight.io\/wp-content\/themes\/devlight\/assets\/img\/team4.png\" alt=\"\">\r\n\r\n                <\/div>\r\n\r\n                <div class=\"cases-team__title\">\r\n                    Lubomir Miller\r\n                <\/div>\r\n\r\n                <div class=\"cases-team__text\">\r\n                    Lubomir Miller\r\n                <\/div>\r\n\r\n            <\/div>\r\n            <div class=\"cases-team__inner\">\r\n\r\n                <div class=\"cases-team__icon \">\r\n\r\n                    <img decoding=\"async\" src=\"https:\/\/devlight.io\/wp-content\/themes\/devlight\/assets\/img\/team4.png\" alt=\"\">\r\n\r\n                <\/div>\r\n\r\n                <div class=\"cases-team__title\">\r\n                    Lubomir Miller\r\n                <\/div>\r\n\r\n                <div class=\"cases-team__text\">\r\n                    Lubomir Miller\r\n                <\/div>\r\n\r\n            <\/div> -->\r\n\r\n        <\/div>\r\n\r\n     \r\n\r\n<\/div>\r\n\r\n    <\/div>\n\n\n      <div id=\"block_6284ae3f883f9\" class=\"block-cases-analytics-second alignfull  l-block nova-analytics\" >\n  \n  \r\n<div class=\"l-wrap cases-container\">\r\n\r\n            <a class=\"analytics-second__subtitle\" href=\"#\">Analytics<\/a>\r\n    \r\n    <div class=\"cases-analytics-second__row\">\r\n                    <div class=\"analytics-second__title\">\r\n                <h2>The Dashboard section provides insight of key analytics of your app<\/h2>\n<p><span style=\"font-weight: 400;\">As already mentioned, the project was quite complex. Keeping that in mind, we decided to build an analytic system to track the data, define user behavior, find bottlenecks, and define insights. All that \u2014 to create a better application version. Below, you can see the primary indicator and analytics dashboard from Firebase.<\/span><\/p>            <\/div>\r\n                            <div class=\"cases-analytics-second__img\">\r\n                <img decoding=\"async\" src=\"https:\/\/devlight.io\/wp-content\/webp-express\/webp-images\/uploads\/2022\/05\/macbook-2.png.webp\" alt=\"macbook\">\r\n            <\/div>\r\n            <\/div>\r\n\r\n<\/div>\r\n\r\n\r\n<\/div>\n\n\n      <div id=\"block_6284b42a338a5\" class=\"block-cases-analytics-third alignfull  l-block\" >\n  \n  \r\n\r\n<div class=\"l-wrap cases-container\">\r\n \r\n    <div class=\"cases-analytics-third__row-header\">\r\n\r\n                    <div class=\"cases-analytics-third__row-header-item\">\r\n                <img decoding=\"async\" src=\"https:\/\/devlight.io\/wp-content\/uploads\/2022\/05\/analytics_cup.svg\" alt=\"icon\">\r\n            <\/div>\r\n                            <div class=\"cases-analytics-third__row-header-button\">\r\n                <img decoding=\"async\" src=\"https:\/\/devlight.io\/wp-content\/uploads\/2022\/05\/analytics_button.svg\" alt=\"icon\">\r\n            <\/div>\r\n                            <div class=\"cases-analytics-third__row-header-text\">\r\n                A story about <br> all the features            <\/div>\r\n            <\/div>\r\n\r\n     \r\n\r\n            \r\n        \r\n            <div class=\"cases-analytics-third__row analytics-firs-row\">\r\n\r\n                <div class=\"cases-analytics-third__img\">\r\n                    <img decoding=\"async\" src=\"https:\/\/devlight.io\/wp-content\/webp-express\/webp-images\/uploads\/2022\/05\/macbook2.png.webp\" alt=\"macbook-name\">\r\n                <\/div>\r\n\r\n                <div class=\"analytics-third__title\">\r\n                    <a class=\"analytics-third__subtitle\" href=\"#\">Analytics<\/a>\r\n                    <h2>Firebase tracks the retention of your app users by tracking a cohort of users for 5 weeks<\/h2>              \r\n                <\/div>\r\n\r\n            <\/div>\r\n\r\n             \r\n         \r\n\r\n            \r\n        \r\n            <div class=\"cases-analytics-third__row  analytics-third\">\r\n\r\n                <div class=\"analytics-third__title\">\r\n                    <a class=\"analytics-third__subtitle\" href=\"#\">Analytics<\/a>\r\n                    <h2>Firebase generates real-time heatmaps, so you can observe your user&#8217;s behavior<\/h2>              \r\n                <\/div>\r\n\r\n                \r\n                <div class=\"cases-analytics-third__img\">\r\n                    <img decoding=\"async\" src=\"https:\/\/devlight.io\/wp-content\/webp-express\/webp-images\/uploads\/2022\/05\/macbook3.png.webp\" alt=\"macbook-name\">\r\n                <\/div>\r\n\r\n            <\/div>\r\n\r\n             \r\n        \r\n    \r\n<\/div>\r\n\r\n\r\n<\/div>\n\n\n      <div id=\"block_6285ca1cdf48d\" class=\"block-cases-results alignfull  l-block nova-results\" >\n  \n  \r\n<style>\r\n    .block-cases-header.eq-header .cases__left-row{\r\n        max-width: 443px;\r\n    }\r\n    @media (max-width: 1280px){\r\n        .block-cases-header.eq-header .cases__main-row {\r\n            justify-content: center;\r\n        }\r\n    }\r\n    .eq-results .cases-results__img{\r\n        max-width: 50%;\r\n        max-height: 50%;\r\n        height: auto;\r\n        margin-left: 20px;\r\n    }\r\n    .eq-results .results__title {\r\n        margin-right: 80px;\r\n    }\r\n\r\n    .cases-results-header .cases-results-header-item,  .cases-analytics-third__row-header .cases-analytics-third__row-header-item{\r\n        left: 50%;\r\n        transform: translateX(-50%);\r\n    }\r\n    .block-cases-design-final {\r\n        margin-top: -1px;\r\n    }\r\n    .block-cases-analytics-second {\r\n        margin-top: -2px;\r\n    }\r\n    @media (max-width: 1200px){\r\n        .eq-results .cases-results__row{\r\n            flex-direction: column;\r\n        }\r\n        .eq-results .cases-results__img {\r\n            max-width: 36%;\r\n            margin-top: 30px;\r\n        }\r\n    }\r\n    @media (max-width: 1150px){\r\n        .eq-results .results__mob-row-img:last-child {\r\n            margin-top: 0px;\r\n        }\r\n    }\r\n    @media (max-width: 935px){\r\n        .eq-results  .cases-results__img{\r\n            margin-left: 0;\r\n            max-width: 40%;\r\n        }\r\n    }\r\n    @media (max-width: 700px){\r\n        .eq-results  .cases-results__img{\r\n            max-width: 60%;\r\n        }\r\n        .eq-results.block-cases-results {\r\n            padding-top: 0;\r\n            padding-bottom: 100px;\r\n        }\r\n    }\r\n    @media (max-width: 600px){\r\n        .eq-results .cases-results__row{\r\n            padding-bottom: 100px;\r\n        }\r\n        \r\n    }\r\n    @media (max-width: 550px){\r\n        .results__subtitle {\r\n            margin-top: 100px;\r\n        }\r\n    }\r\n    @media (max-width: 500px){\r\n        .eq-results  .cases-results__img {\r\n            max-width: 85%;\r\n        }\r\n    }\r\n    @media (max-width: 450px){\r\n        .eq-results  .cases-results__img {\r\n            max-width: 75%;\r\n        }\r\n        .block-cases-numbers {\r\n            padding-bottom: 50px;\r\n        }\r\n    }\r\n    @media (max-width: 350px){\r\n        .eq-results  .cases-results__img {\r\n            max-width: 85%;\r\n        }\r\n    }\r\n    \r\n<\/style>\r\n<div class=\"l-wrap cases-container\">\r\n\r\n\r\n                    <div class=\"phase\">\r\n                 phase 4            <\/div>\r\n        \r\n                    <div class=\"block-cases-results__header\">\r\n            <img decoding=\"async\" src=\"https:\/\/devlight.io\/wp-content\/uploads\/2022\/05\/logo-discovery-1.svg\" alt=\"logo\" width=\"50\" height=\"50\">         \r\n                <h3>RESULTS<\/h3>            <\/div>\r\n        \r\n                    <a class=\"results__subtitle\" href=\"#\">Onboarding<\/a>\r\n        \r\n    <div class=\"cases-results__row\">\r\n\r\n                    <div class=\"results__title\">\r\n                <h2>In Nova Poshta we use onboarding benefits, or feature promotion, that highlights the benefits of our app and how it can improve your users\u2019 lives.<\/h2>            <\/div>\r\n        \r\n                                            <div class=\"cases-results__img\">\r\n                <img decoding=\"async\" src=\"https:\/\/devlight.io\/wp-content\/webp-express\/webp-images\/uploads\/2022\/09\/nova-phone.png.webp\" alt=\"result\">\r\n            <\/div>\r\n                    \r\n    <\/div>\r\n\r\n     <div class=\"cases-results-header\">\r\n\r\n                    <div class=\"cases-results-header-item\">\r\n                <img decoding=\"async\" src=\"https:\/\/devlight.io\/wp-content\/uploads\/2022\/05\/analytics_cup.svg\" alt=\"icon\">\r\n            <\/div>\r\n                            <div class=\"cases-results-header-button\">\r\n                <img decoding=\"async\" src=\"https:\/\/devlight.io\/wp-content\/uploads\/2022\/05\/analytics_button.svg\" alt=\"icon\">\r\n            <\/div>\r\n                            <div class=\"cases-results-header-text\">\r\n                 A story about <br> all the features            <\/div>\r\n        \r\n    <\/div>\r\n\r\n        <div class=\"block-cases-results__mob-row\">\r\n\r\n                                            <div class=\"results__mob-row-img\">\r\n                <img decoding=\"async\" src=\"https:\/\/devlight.io\/wp-content\/webp-express\/webp-images\/uploads\/2022\/09\/ph-1.png.webp\" alt=\"logo\" >\r\n            <\/div>\r\n\r\n                                    <div class=\"results__mob-row-img\">\r\n                <img decoding=\"async\" src=\"https:\/\/devlight.io\/wp-content\/webp-express\/webp-images\/uploads\/2022\/09\/ph-2.png.webp\" alt=\"logo\" >\r\n            <\/div>\r\n\r\n                                    <div class=\"results__mob-row-img\">\r\n                <img decoding=\"async\" src=\"https:\/\/devlight.io\/wp-content\/webp-express\/webp-images\/uploads\/2022\/09\/ph-3.png.webp\" alt=\"logo\" >\r\n            <\/div>\r\n\r\n                    \r\n        <\/div>\r\n        <\/div>\r\n\r\n\r\n<\/div>\n\n\n      <div id=\"block_628780403696a\" class=\"block-cases-security alignfull  l-block eq-security nova-security\" >\n  \n  <style>\r\n    @media (max-width: 1100px){\r\n        .eq-security .cases-security__row.second-row{\r\n            margin-bottom: -150px;\r\n        }\r\n    }\r\n    @media (max-width: 767px){\r\n        .cases__creating-item {\r\n            max-width: 378px;\r\n        }\r\n    }\r\n    @media (max-width: 700px){\r\n        .eq-security .bg-security{\r\n            padding-top: 100px;\r\n        }\r\n    }\r\n    \r\n<\/style>\r\n\r\n<div class=\"bg-security\" >\r\n            <div class=\"security_bg_image\">\r\n            <img decoding=\"async\" src=\"https:\/\/devlight.io\/wp-content\/uploads\/2022\/05\/security_bg-1.svg\" alt=\"bg\">\r\n        <\/div>\r\n        <div class=\"l-wrap cases-container\">\r\n\r\n        <div class=\"cases-security__row\">\r\n\r\n            <div class=\"security__mob-row\">\r\n                                    <div class=\"cases-security__img\">\r\n                        <img decoding=\"async\" src=\"https:\/\/devlight.io\/wp-content\/webp-express\/webp-images\/uploads\/2022\/09\/sec-1.png.webp\" alt=\"img-header\">\r\n                    <\/div>\r\n                            <\/div>\r\n                                    <div class=\"security__title\">\r\n                                        <div class=\"security__title_item\">Security<\/div>\r\n                <h2>mobile application security<\/h2>\r\n                <div class=\"security__title-subtitle\">Logistics company app<\/div>\r\n                <div class= \"security__title-descr\">Mobile apps store and create a tremendous amount of data about us and our lives. It is crucial for developers to ensure a secure way of using such information. At Devlight we always use best practices for mobile application security:\r\n                    <ul>\r\n                        <li> Multi-factor authentication &#8211; it is essential for any enterprise app that stores, processes or accesses sensitive corporate data or personally identifiable information. <\/li>\r\n                    \r\n                        <li>Transaction security &#8211; one of the best solutions to avoid cyber threats with end-to-end encryption that makes transactions a lot safer.<\/li>\r\n                    \r\n                        <li>Encryption data security &#8211; a security method where information is encoded and can only be accessed or decrypted by a user with the correct encryption key.<\/li>\r\n                    <\/ul>\r\n                <\/div>                    <\/div>\r\n                        <\/div>\r\n\r\n        \r\n            <div class=\"cases-security__row second-row\">\r\n\r\n                 \r\n                                        <div class=\"security__mob-row\">\r\n                                                    <div class=\"cases-security__img\">\r\n                                <img decoding=\"async\" src=\"https:\/\/devlight.io\/wp-content\/webp-express\/webp-images\/uploads\/2022\/09\/sec-2.png.webp\" alt=\"bg\">\r\n                            <\/div>\r\n                                                                    <\/div>\r\n\r\n                 \r\n                                        <div class=\"security__mob-row\">\r\n                                                    <div class=\"cases-security__img\">\r\n                                <img decoding=\"async\" src=\"https:\/\/devlight.io\/wp-content\/webp-express\/webp-images\/uploads\/2022\/09\/sec-3.png.webp\" alt=\"bg\">\r\n                            <\/div>\r\n                                                                    <\/div>\r\n\r\n                            <\/div>\r\n\r\n        \r\n    <\/div>\r\n\r\n<\/div>\r\n\r\n\r\n<\/div>\n\n\n      <div id=\"block_62878573cd520\" class=\"block-cases-loyality alignfull  l-block eq-loyality fishka-loyality nova-loyality\" >\n  \n  \r\n<style>\r\n    @media (max-width: 700px){\r\n        .cases-loyality__row-left .loyality__demo {\r\n            position: static;\r\n        }\r\n    }\r\n    @media (max-width: 1024px){\r\n        .eq-loyality .loyality__descr-wrapper {\r\n            text-align: right;\r\n        }\r\n    }\r\n    @media (max-width: 700px){\r\n        .eq-loyality .loyality__descr-wrapper{\r\n            text-align: left;\r\n        }\r\n    }\r\n     \r\n<\/style>\r\n\r\n<div class=\"bg-loyality\" >\r\n\r\n    <div class=\"l-wrap cases-container\">\r\n\r\n        <div class=\"loyality__main-row\">\r\n                    <div class=\"cases-loyality__row-left\">\r\n                             <div class=\"loyality__title\">\r\n                <h2>Nova <br>Poshta<\/h2>\r\n            <\/div>\r\n            <div class=\"loyality__demo\">\r\n                Demo\r\n            <\/div>\r\n            <div class=\"loyality__descr-wrapper\">\r\n                <div class=\"loyality__descr\">\r\n                    The fastest deleviry in Ukraine.\r\n                <\/div>\r\n                <div class=\"loyality__descr\">\r\n                \r\n                <\/div>\r\n            <\/div>            <\/div>\r\n                <div class=\"cases-loyality__row bg-second-row\">\r\n\r\n            <div class=\"row--inner-bg second-row\">\r\n                <div class=\"loyality-circle circle-red circle--1062\" \r\n                style=\"background-color: #e02623;                width: 768px; height: 768px\";\r\n>\r\n                                    <div class=\"loyality-circle-img\">\r\n                        <img decoding=\"async\" src=\"https:\/\/devlight.io\/wp-content\/webp-express\/webp-images\/uploads\/2022\/09\/del.png.webp\" alt=\"circle-bg\" >\r\n                    <\/div>\r\n                                <\/div>\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n        <div class=\"cases-loyality__row-right\">\r\n                                        <div class=\"loyality__right-info\">\r\n                    2021 \/ <span>August<\/span>                <\/div>\r\n              \r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n    <\/div>\r\n\r\n<\/div>\r\n\r\n\r\n<\/div>\n\n\n      <div id=\"block_6294b2e3c27cd\" class=\"block-cases-text alignfull  l-block nova-key\" >\n  \n   \r\n\r\n<style>\r\n  @media (max-width: 940px){\r\n    .block-cases-text .cases_sprint-design__content{\r\n        align-items: start;\r\n    }\r\n  }\r\n  \r\n<\/style>\r\n\r\n\r\n<div class=\"cases__sprint__design-bg-colors\">\r\n\r\n    <div class=\"l-wrap cases-container\">\r\n\r\n        <div class=\"cases_sprint-design__content  md:pl-4 flex-row\">\r\n\r\n            <h2>KEY FEATURES<br \/>\nAND VALUE<\/h2>\n<p>Here comes the time for our development team to dive into work. They\u2019ve got all the set requirements previously analyzed and approved by the client and are ready to deliver the final product with all its features and values. Let\u2019s look closer at them.<\/p>  \r\n        \r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n<\/div>\r\n\r\n\r\n<\/div>\n\n\n      <div id=\"block_629615c2f852a\" class=\"block-cases-info-pay alignfull  l-block eq-pay nova-pay\" >\n  \n  \r\n<div class=\"bg-wrap-info-pay\" style=\"background-color: #e02623\">\r\n\r\n    <div class=\"l-wrap cases-container\">\r\n\r\n     \r\n\r\n                        <div class=\"cases_pay-row-first\">\r\n          <div class=\"pay__title\">\r\n            <br><h2>Track and manage<br \/>\nshipments<\/h2>\n<p><span style=\"font-weight: 400;\">Shows all users&#8217; current and past shipments can be found. Also, here one can monitor the status of their shipments, change the place or time of arrival and register the return parcel to the sender even before its arrival.<\/span><\/p>          <\/div>\r\n          <div class=\"pay__img\">\r\n              <div><img decoding=\"async\" src=\"https:\/\/devlight.io\/wp-content\/webp-express\/webp-images\/uploads\/2022\/09\/pay-1-1.png.webp\" alt=\"np\"><\/div>\r\n              <div><img decoding=\"async\" src=\"https:\/\/devlight.io\/wp-content\/webp-express\/webp-images\/uploads\/2022\/09\/pay-2-1.png.webp\" alt=\"np\"><\/div>\r\n          <\/div>\r\n      <\/div>\r\n       \r\n         \r\n\r\n                  \r\n      <div class=\"cases_pay-row-second\">\r\n          <div class=\"pay__title\"> \r\n          <br> <h2>Branch Map and Schedule<\/h2>\n<p><span style=\"font-weight: 400;\">Displays the entire chain of branches with all the work schedules, services available, size constraints, calculation of the nearest branches, and navigation to them.<\/span><\/p>          <\/div>\r\n          <div class=\"pay__img\">\r\n            <div><img decoding=\"async\" src=\"https:\/\/devlight.io\/wp-content\/webp-express\/webp-images\/uploads\/2022\/09\/pay-4-1.png.webp\" alt=\"np\"><\/div>\r\n            <div><img decoding=\"async\" src=\"https:\/\/devlight.io\/wp-content\/webp-express\/webp-images\/uploads\/2022\/09\/pay-3-1.png.webp\" alt=\"np\"><\/div>\r\n          <\/div>\r\n      <\/div>\r\n\r\n       \r\n         \r\n\r\n                        <div class=\"cases_pay-row-first\">\r\n          <div class=\"pay__title\">\r\n            <br><h2>Call of a courier<\/h2>\n<p><span style=\"font-weight: 400;\">Allows making a request for the arrival of a courier to pick up the parcel at the address of the client.<\/span><\/p>          <\/div>\r\n          <div class=\"pay__img\">\r\n              <div><img decoding=\"async\" src=\"https:\/\/devlight.io\/wp-content\/webp-express\/webp-images\/uploads\/2022\/09\/pay-5-1.png.webp\" alt=\"np\"><\/div>\r\n              <div><img decoding=\"async\" src=\"https:\/\/devlight.io\/wp-content\/webp-express\/webp-images\/uploads\/2022\/09\/pay-6-1.png.webp\" alt=\"np\"><\/div>\r\n          <\/div>\r\n      <\/div>\r\n       \r\n         \r\n\r\n                  \r\n      <div class=\"cases_pay-row-second\">\r\n          <div class=\"pay__title\"> \r\n          <br> <h2>Cost calculation<\/h2>\n<p><span style=\"font-weight: 400;\">Allows paying for the delivery of the parcel in the app, by the connection of the customer&#8217;s bank cards to the application. It can be done even before the parcel&#8217;s arrival. <\/span><\/p>          <\/div>\r\n          <div class=\"pay__img\">\r\n            <div><img decoding=\"async\" src=\"https:\/\/devlight.io\/wp-content\/webp-express\/webp-images\/uploads\/2022\/09\/pay-7-1.png.webp\" alt=\"np\"><\/div>\r\n            <div><img decoding=\"async\" src=\"https:\/\/devlight.io\/wp-content\/webp-express\/webp-images\/uploads\/2022\/09\/pay-8-1.png.webp\" alt=\"np\"><\/div>\r\n          <\/div>\r\n      <\/div>\r\n\r\n       \r\n         \r\n\r\n                        <div class=\"cases_pay-row-first\">\r\n          <div class=\"pay__title\">\r\n            <br><h2>Payment in the application<\/h2>\n<p>Allows paying for the delivery of the parcel in the app, by the connection of the customer&#8217;s bank cards to the application. It can be done even before the parcel&#8217;s arrival.<\/p>          <\/div>\r\n          <div class=\"pay__img\">\r\n              <div><img decoding=\"async\" src=\"https:\/\/devlight.io\/wp-content\/webp-express\/webp-images\/uploads\/2022\/09\/pay-10-1.png.webp\" alt=\"np\"><\/div>\r\n              <div><img decoding=\"async\" src=\"https:\/\/devlight.io\/wp-content\/webp-express\/webp-images\/uploads\/2022\/09\/pay-last.png.webp\" alt=\"np\"><\/div>\r\n          <\/div>\r\n      <\/div>\r\n       \r\n        \r\n        \r\n    \r\n    <\/div>\r\n\r\n<\/div>\r\n\r\n<\/div>\n\n\n      <div id=\"block_62960d1a7d608\" class=\"block-cases-sprint-design alignfull  l-block nova-design\" >\n  \n  \n        <div class=\"sprint__design-bg-color\">\n\n        <div class=\"l-wrap cases-container\">\n\n\n            \n                <div class=\"cases-sprint-design__content  md:pl-4 flex-row\">\n\n                    <h2>Project Problems and solutions<\/h2>\n\n                                            <div class=\"swiper cases-main-design-slider\">\n                            <div class=\"swiper-wrapper\">\n                                 \n                                     \n                                    <div class=\"swiper-slide\">\n                                        <div class=\"cases-sprint-design__content-border\">\n\n                                            <div class=\"cases-sprint-design__top\">\n                                                                                                    <div class=\"cases-sprint-design__header-title\">\n                                                        Problem &#8211; Solution                                                    <\/div>\n                                                                                                                                                    <div class=\"cases-sprint-design__content-icon\">\n                                                        <img decoding=\"async\" src=\"https:\/\/devlight.io\/wp-content\/uploads\/2022\/05\/clients-digital.svg\" alt=\"digital\">\n                                                    <\/div>\n                                                                                            <\/div>\n                                                                                            <div class=\"cases-sprint-design__title\">\n                                                    <h3>No approximate delivery time, just \u00abdelivery within a day\u00bb<\/h3>                                                <\/div>\n                                                                                                                                        <p>\n                                                    ARM estimates travel time and constantly refines it using analytics that is processed during all the time of further system operation.                                                 <\/p>\n                                            \n                                        <\/div>\n                                    <\/div> \n                                 \n                                     \n                                    <div class=\"swiper-slide\">\n                                        <div class=\"cases-sprint-design__content-border\">\n\n                                            <div class=\"cases-sprint-design__top\">\n                                                                                                    <div class=\"cases-sprint-design__header-title\">\n                                                        Problem &#8211; Solution                                                    <\/div>\n                                                                                                                                                    <div class=\"cases-sprint-design__content-icon\">\n                                                        <img decoding=\"async\" src=\"https:\/\/devlight.io\/wp-content\/uploads\/2022\/05\/clients-digital.svg\" alt=\"digital\">\n                                                    <\/div>\n                                                                                            <\/div>\n                                                                                            <div class=\"cases-sprint-design__title\">\n                                                    <h3>The movement of the courier is chaotic and uncontrolled due to traffic jams.<\/h3>                                                <\/div>\n                                                                                                                                        <p>\n                                                    ARM builds the optimal order of the delivery and route, considering traffic jams, time intervals, and other conditions. The courier follows the route like drivers do in Uber. The operator monitors the situation in real-time, receiving all the necessary information with notifications (the courier left the area, the courier got stuck in a traffic jam, the courier is not in the planned place, and other additional metrics).                                                <\/p>\n                                            \n                                        <\/div>\n                                    <\/div> \n                                 \n                                     \n                                    <div class=\"swiper-slide\">\n                                        <div class=\"cases-sprint-design__content-border\">\n\n                                            <div class=\"cases-sprint-design__top\">\n                                                                                                    <div class=\"cases-sprint-design__header-title\">\n                                                        Problem &#8211; Solution                                                    <\/div>\n                                                                                                                                                    <div class=\"cases-sprint-design__content-icon\">\n                                                        <img decoding=\"async\" src=\"https:\/\/devlight.io\/wp-content\/uploads\/2022\/05\/clients-digital.svg\" alt=\"digital\">\n                                                    <\/div>\n                                                                                            <\/div>\n                                                                                            <div class=\"cases-sprint-design__title\">\n                                                    <h3>ARM helps the courier to understand if the car is not overloaded, and if it is, the courier will see it and will be able to resolve the problem before leaving the route.<br \/>\n<\/h3>                                                <\/div>\n                                                                                                                                        <p>\n                                                    With the help of ARM, the courier will have the opportunity to understand how optimally the car is loaded (is it not overloaded) and, in case of overload, resolve the issue before leaving the route (before notifying customers)                                                <\/p>\n                                            \n                                        <\/div>\n                                    <\/div> \n                                                            <\/div>\n                        <\/div>\n                    \n\n                <\/div>\n            \n                            <div class=\"cases-sprint-design  md:pl-4 flex-row sprint-design__second\">\n                    <h2>End User application<\/h2>\n<p>End-user application is connected with the courier application and the operator&#8217;s workplace. All three of them are linked with an automated route calculation system that works on AWIS.<\/p>                <\/div>\n            \n\n\n\n\n                            <!-- \u041f\u0435\u0440\u0448\u0430 \u0441\u0445\u0435\u043c\u0430 -->\n                <div class=\"cases-sprint-design__row\">\n\n                    <div class=\"cases-sprint-design-cases-sprint-design-row--inner first-row\">\n\n                        <div class=\"sprint-design-circle circle-white circle--165\" id=\"client_app\">\n\n                            <div class=\"sprint-design-circle-img\">\n                                <img decoding=\"async\" src=\"https:\/\/devlight.io\/wp-content\/themes\/devlight\/assets\/img\/an-client.svg\" alt=\"circle\">\n                            <\/div>\n\n                                                            <div class=\"circle-title\">\n                                    End user                                <\/div>\n                            \n\n                        <\/div>\n\n                        <div class=\"sprint-design-circle circle-red circle--300\">\n\n                            <div class=\"sprint-design-circle-img\">\n                                <img decoding=\"async\" src=\"https:\/\/devlight.io\/wp-content\/themes\/devlight\/assets\/img\/mobile.svg\" alt=\"circle\">\n                            <\/div>\n                                                            <div class=\"circle-title\">\n                                    End user application and other parts of the platform                                <\/div>\n                                                    <\/div>\n\n\n                    <\/div>\n\n                    <div class=\"cases-sprint-design-row--inner second-row\">\n\n                        <div class=\"cases-sprint-design-row--inner second-row-header\">\n\n                            <div class=\"sprint-design-circle circle-white circle--160\" id=\"delivery\">\n\n                                <div class=\"sprint-design-circle-img\">\n                                    <img decoding=\"async\" src=\"https:\/\/devlight.io\/wp-content\/themes\/devlight\/assets\/img\/man.svg\" alt=\"circle\">\n                                <\/div>\n                                                                    <div class=\"circle-title\">\n                                        Courier                                    <\/div>\n                                                            <\/div>\n\n                            <div class=\"sprint-design-circle circle--gray circle--200\">\n\n                                <div class=\"sprint-design-circle-img\">\n                                    <img decoding=\"async\" src=\"https:\/\/devlight.io\/wp-content\/themes\/devlight\/assets\/img\/mobile.svg\" alt=\"circle\">\n                                <\/div>\n                                                                    <div class=\"circle-title\">\n                                        Courier Application                                    <\/div>\n                                                            <\/div>\n\n                        <\/div>\n\n\n                        <div class=\"cases-sprint-design-row--inner second-row-footer\">\n\n                            <div class=\"sprint-design-circle circle--gray circle--200\" id=\"circle-work\">\n\n                                <div class=\"sprint-design-circle-img\">\n                                    <img decoding=\"async\" src=\"https:\/\/devlight.io\/wp-content\/themes\/devlight\/assets\/img\/laptop.svg\" alt=\"circle\">\n                                <\/div>\n                                                                    <div class=\"circle-title\">\n                                        Workplace operator                                    <\/div>\n                                                            <\/div>\n\n                            <div class=\"sprint-design-circle circle-white circle--170\">\n\n                                <div class=\"sprint-design-circle-img\">\n                                    <img decoding=\"async\" src=\"https:\/\/devlight.io\/wp-content\/themes\/devlight\/assets\/img\/woman.svg\" alt=\"circle\">\n                                <\/div>\n                                                                    <div class=\"circle-title\">\n                                        Workplace operator                                    <\/div>\n                                                            <\/div>\n\n                        <\/div>\n\n                    <\/div>\n                    <div class=\"cases-sprint-design-row--inner third-row\">\n                        <div class=\"sprint-design-circle circle--gray circle--300\" id=\"satelite\">\n                            <div class=\"sprint-design-circle-img\">\n                                <img decoding=\"async\" src=\"https:\/\/devlight.io\/wp-content\/themes\/devlight\/assets\/img\/satelite.svg\" alt=\"circle\">\n                            <\/div>\n                                                            <div class=\"circle-title\">\n                                    Automated route calculation system                                <\/div>\n                                                    <\/div>\n                    <\/div>\n                    <div class=\"cases-sprint-design-row--inner fourth-row\">\n                        <div class=\"sprint-design-circle circle-black circle--320\" id=\"awis\">\n                            <div class=\"sprint-design-circle-img\">\n                                <img decoding=\"async\" src=\"https:\/\/devlight.io\/wp-content\/themes\/devlight\/assets\/img\/plane.svg\" alt=\"circle\">\n                            <\/div>\n                                                            <div class=\"circle-title\">\n                                    AWIS                                <\/div>\n                                                    <\/div>\n                    <\/div>\n\n                <\/div>\n\n\n            \n\n\n\n            \n\n\n\n\n            \n\n            \n\n\n        <\/div>\n\n    <\/div>\n\n<\/div>\n\n\n      <div id=\"block_632eddfca6e0d\" class=\"block-cases-dashboards alignfull  l-block nova-dashboards\" >\n  \n  \n<style>\n    .cases-dashboard-slider {\n        min-height: 535px;\n        overflow: hidden;\n    }\n<\/style>\n\n    <div class=\"l-wrap cases-container\">\n                    <div class=\"cases-dashboards__content  md:pl-4\">\n                <h2>Workplace<br \/>\noperator<\/h2>\n<p>This workplace helps operators coordinate all processes that are going on as well as make customer service faster and more efficient. Here operators can see the real-time display of progress in the form of a Gantt Chart, optimize their work through automatic processes and procedures in the system, monitor the geolocation of each courier on the map, and receive notifications about all the activity of couriers and changes in routes.<\/p>            <\/div>\n        \n                    <div class=\"swiper cases-dashboard-slider\">\n\n                <div class=\"swiper-wrapper\">\n                                            <div class=\"swiper-slide\">\n                            <div class=\"cases-dashboards__row\">\n                                                                    <div class=\"cases-dashboards__row-block\">\n                                        <div class=\"dashboard__border\">\n                                        <\/div>\n                                        <div class=\"dashboards__title\">\n                                            <p><span style=\"font-weight: 400;\">Real-time display of progress in the form of a Gantt Chart<\/span><\/p>                                        <\/div>\n                                    <\/div>\n                                                                                                    <div class=\"cases-dashboards__img\">\n                                        <div>\n                                            <img decoding=\"async\" src=\"https:\/\/devlight.io\/wp-content\/webp-express\/webp-images\/uploads\/2022\/09\/slide-1.png.webp\" alt=\"\">\n                                        <\/div>\n                                        <div class=\"dashboard__circle\">\n                                            <img decoding=\"async\" src=\"https:\/\/devlight.io\/wp-content\/themes\/devlight\/assets\/img\/circle_white_dashboard.svg\" alt=\"circle-books\">\n                                        <\/div>\n                                    <\/div>\n                                \n                            <\/div>\n                        <\/div>\n                                            <div class=\"swiper-slide\">\n                            <div class=\"cases-dashboards__row\">\n                                                                    <div class=\"cases-dashboards__row-block\">\n                                        <div class=\"dashboard__border\">\n                                        <\/div>\n                                        <div class=\"dashboards__title\">\n                                            <p><span style=\"font-weight: 400;\">Operator&#8217;s work optimization through automatic processes and procedures in the system<\/span><\/p>                                        <\/div>\n                                    <\/div>\n                                                                                                    <div class=\"cases-dashboards__img\">\n                                        <div>\n                                            <img decoding=\"async\" src=\"https:\/\/devlight.io\/wp-content\/webp-express\/webp-images\/uploads\/2022\/09\/slide-1.png.webp\" alt=\"\">\n                                        <\/div>\n                                        <div class=\"dashboard__circle\">\n                                            <img decoding=\"async\" src=\"https:\/\/devlight.io\/wp-content\/themes\/devlight\/assets\/img\/circle_white_dashboard.svg\" alt=\"circle-books\">\n                                        <\/div>\n                                    <\/div>\n                                \n                            <\/div>\n                        <\/div>\n                                    <\/div>\n            <\/div>\n        \n\n    <\/div>\n\n\n<\/div>\n\n\n      <div id=\"block_6295f77016cae\" class=\"block-cases-sprint-design alignfull  l-block nova-design nova-design-2\" >\n  \n  \n        <div class=\"sprint__design-bg-color\">\n\n        <div class=\"l-wrap cases-container\">\n\n\n            \n                            <div class=\"cases-sprint-design  md:pl-4 flex-row sprint-design__second\">\n                    <h2>Automated route calculation system<\/h2>\n<p>This part of the Nova Poshta ecosystem calculates routes and can include several destination points, traffic jams, and other conditions. Using the automated route calculation system you can receive statistical data for each route, get the delivery time estimation, and the optimal route construction. <\/p>                <\/div>\n            \n\n\n\n\n            \n\n\n\n                            <!-- \u0414\u0440\u0443\u0433\u0430 \u0441\u0445\u0435\u043c\u0430 -->\n                <div class=\"cases-sprint-design__row1\">\n\n                    <div class=\"cases-sprint-design-cases-sprint-design-row--inner first-row1\">\n\n                        <div class=\"sprint-design-circle circle-white circle--245\" id=\"client_app1\">\n\n                            <div class=\"sprint-design-circle-img\">\n                                <img decoding=\"async\" src=\"https:\/\/devlight.io\/wp-content\/themes\/devlight\/assets\/img\/an-client.svg\" alt=\"circle\">\n                            <\/div>\n                                                            <div class=\"circle-title\">\n                                    End user                                <\/div>\n                            \n\n                        <\/div>\n\n                        <div class=\"sprint-design-circle circle--gray circle--300\" id=\"app_client\">\n\n                            <div class=\"sprint-design-circle-img\">\n                                <img decoding=\"async\" src=\"https:\/\/devlight.io\/wp-content\/themes\/devlight\/assets\/img\/mobile.svg\" alt=\"circle\">\n                            <\/div>\n                                                            <div class=\"circle-title\">\n                                    End user application and other parts of the platform                                <\/div>\n                            \n                        <\/div>\n\n\n                    <\/div>\n\n                    <div class=\"cases-sprint-design-row--inner second-row1\">\n\n                        <div class=\"cases-sprint-design-row--inner second-row-footer1\">\n\n                            <div class=\"sprint-design-circle circle--gray circle--200\" id=\"circle-work1\">\n\n                                <div class=\"sprint-design-circle-img\">\n                                    <img decoding=\"async\" src=\"https:\/\/devlight.io\/wp-content\/themes\/devlight\/assets\/img\/laptop.svg\" alt=\"circle\">\n                                <\/div>\n                                                                    <div class=\"circle-title\">\n                                        Workplace operator                                    <\/div>\n                                \n                            <\/div>\n\n                            <div class=\"sprint-design-circle circle-white circle--170\">\n\n                                <div class=\"sprint-design-circle-img\">\n                                    <img decoding=\"async\" src=\"https:\/\/devlight.io\/wp-content\/themes\/devlight\/assets\/img\/woman.svg\" alt=\"circle\">\n                                <\/div>\n                                                                    <div class=\"circle-title\">\n                                        Operattor                                    <\/div>\n                                \n                            <\/div>\n\n                        <\/div>\n\n                    <\/div>\n                    <div class=\"cases-sprint-design-row--inner third-row\">\n                        <div class=\"sprint-design-circle circle-red circle--300\" id=\"satelite1\">\n                            <div class=\"sprint-design-circle-img\">\n                                <img decoding=\"async\" src=\"https:\/\/devlight.io\/wp-content\/themes\/devlight\/assets\/img\/satelite.svg\" alt=\"circle\">\n                            <\/div>\n                                                            <div class=\"circle-title\">\n                                    Automated route calculation system                                <\/div>\n                                                    <\/div>\n                    <\/div>\n                <\/div>\n\n\n            \n\n\n\n\n            \n\n            \n\n\n        <\/div>\n\n    <\/div>\n\n<\/div>\n\n\n      <div id=\"block_6295a676aa385\" class=\"block-cases-dashboards alignfull  l-block nova-dashboards nova-dash-1\" >\n  \n  \n<style>\n    .cases-dashboard-slider {\n        min-height: 535px;\n        overflow: hidden;\n    }\n<\/style>\n\n    <div class=\"l-wrap cases-container\">\n        \n                    <div class=\"swiper cases-dashboard-slider\">\n\n                <div class=\"swiper-wrapper\">\n                                            <div class=\"swiper-slide\">\n                            <div class=\"cases-dashboards__row\">\n                                                                    <div class=\"cases-dashboards__row-block\">\n                                        <div class=\"dashboard__border\">\n                                        <\/div>\n                                        <div class=\"dashboards__title\">\n                                            <p><span style=\"font-weight: 400;\">Automatic construction of the optimal route, including traffic jams, road repairs, etc.<\/span><\/p>                                        <\/div>\n                                    <\/div>\n                                                                                                    <div class=\"cases-dashboards__img\">\n                                        <div>\n                                            <img decoding=\"async\" src=\"https:\/\/devlight.io\/wp-content\/webp-express\/webp-images\/uploads\/2022\/09\/navigation.png.webp\" alt=\"\">\n                                        <\/div>\n                                        <div class=\"dashboard__circle\">\n                                            <img decoding=\"async\" src=\"https:\/\/devlight.io\/wp-content\/themes\/devlight\/assets\/img\/circle_white_dashboard.svg\" alt=\"circle-books\">\n                                        <\/div>\n                                    <\/div>\n                                \n                            <\/div>\n                        <\/div>\n                                            <div class=\"swiper-slide\">\n                            <div class=\"cases-dashboards__row\">\n                                                                    <div class=\"cases-dashboards__row-block\">\n                                        <div class=\"dashboard__border\">\n                                        <\/div>\n                                        <div class=\"dashboards__title\">\n                                            <p><span style=\"font-weight: 400;\">Delivery time estimation and s<\/span><span style=\"font-weight: 400;\">tatistical data for each route <\/span><\/p>                                        <\/div>\n                                    <\/div>\n                                                                                                    <div class=\"cases-dashboards__img\">\n                                        <div>\n                                            <img decoding=\"async\" src=\"https:\/\/devlight.io\/wp-content\/webp-express\/webp-images\/uploads\/2022\/09\/navigation.png.webp\" alt=\"\">\n                                        <\/div>\n                                        <div class=\"dashboard__circle\">\n                                            <img decoding=\"async\" src=\"https:\/\/devlight.io\/wp-content\/themes\/devlight\/assets\/img\/circle_white_dashboard.svg\" alt=\"circle-books\">\n                                        <\/div>\n                                    <\/div>\n                                \n                            <\/div>\n                        <\/div>\n                                    <\/div>\n            <\/div>\n        \n\n    <\/div>\n\n\n<\/div>\n\n\n      <div id=\"block_62960d927d609\" class=\"block-cases-sprint-design alignfull  l-block nova-design nova-design-3\" >\n  \n  \n        <div class=\"sprint__design-bg-color\">\n\n        <div class=\"l-wrap cases-container\">\n\n\n            \n                            <div class=\"cases-sprint-design  md:pl-4 flex-row sprint-design__second\">\n                    <h2>Courier Application<\/h2>\n<p>Another part of the Nova Poshta ecosystem is the courier application. Here courier can see his route and updates on it.  This app displays a ready-made route to the courier and its updates according to situations on the roads, sets flexible breaks for the courier, allows registrations of parcels and damages, and records conversations with the client for further analysis.<\/p>                <\/div>\n            \n\n\n\n\n            \n\n\n\n            \n\n\n\n\n                            <!-- \u0422\u0440\u0435\u0442\u044f \u0441\u0445\u0435\u043c\u0430 -->\n                <div class=\"cases-sprint-design__row2\">\n\n                    <div class=\"cases-sprint-design-cases-sprint-design-row--inner first-row1\">\n\n                        <div class=\"sprint-design-circle circle-white circle--245\" id=\"client_app2\">\n\n                            <div class=\"sprint-design-circle-img\">\n                                <img decoding=\"async\" src=\"https:\/\/devlight.io\/wp-content\/themes\/devlight\/assets\/img\/an-client.svg\" alt=\"circle\">\n                            <\/div>\n                                                            <div class=\"circle-title\">\n                                    End user                                <\/div>\n                            \n\n                        <\/div>\n\n                        <div class=\"sprint-design-circle circle--gray circle--300\" id=\"app_client\">\n\n                            <div class=\"sprint-design-circle-img\">\n                                <img decoding=\"async\" src=\"https:\/\/devlight.io\/wp-content\/themes\/devlight\/assets\/img\/mobile.svg\" alt=\"circle\">\n                            <\/div>\n                                                            <div class=\"circle-title\">\n                                    End user application and other parts of the platform                                <\/div>\n                            \n                        <\/div>\n\n\n                    <\/div>\n\n                    <div class=\"cases-sprint-design-row--inner second-row1 second-row2\">\n\n                        <div class=\"cases-sprint-design-row--inner second-row-footer2\">\n\n                            <div class=\"sprint-design-circle circle--gray circle--200\" id=\"work2\">\n\n                                <div class=\"sprint-design-circle-img\">\n                                    <img decoding=\"async\" src=\"https:\/\/devlight.io\/wp-content\/themes\/devlight\/assets\/img\/laptop.svg\" alt=\"circle\">\n                                <\/div>\n                                                                    <div class=\"circle-title\">\n                                        Workplace operator                                    <\/div>\n                                \n                            <\/div>\n\n                            <div class=\"sprint-design-circle circle-white circle--170\" id=\"operator2\">\n\n                                <div class=\"sprint-design-circle-img\">\n                                    <img decoding=\"async\" src=\"https:\/\/devlight.io\/wp-content\/themes\/devlight\/assets\/img\/woman.svg\" alt=\"circle\">\n                                <\/div>\n                                                                    <div class=\"circle-title\">\n                                        Operattor                                    <\/div>\n                                \n                            <\/div>\n\n                        <\/div>\n\n                    <\/div>\n                    <div class=\"cases-sprint-design-row--inner third-row\" id=\"third-row2\">\n                        <div class=\"sprint-design-circle circle-red circle--200\" id=\"satelite2\">\n                            <div class=\"sprint-design-circle-img\">\n                                <img decoding=\"async\" src=\"https:\/\/devlight.io\/wp-content\/themes\/devlight\/assets\/img\/mobile.svg\" alt=\"circle\">\n                            <\/div>\n                                                            <div class=\"circle-title\">\n                                    Courier Application                                <\/div>\n                                                    <\/div>\n                        <div class=\"sprint-design-circle circle-white circle--160\" id=\"delivery2\">\n                            <div class=\"sprint-design-circle-img\">\n                                <img decoding=\"async\" src=\"https:\/\/devlight.io\/wp-content\/themes\/devlight\/assets\/img\/man.svg\" alt=\"circle\">\n                            <\/div>\n                                                            <div class=\"circle-title\">\n                                    Courier                                <\/div>\n                                                    <\/div>\n                    <\/div>\n                    <div class=\"cases-sprint-design-row--inner fourth-row\">\n                        <div class=\"sprint-design-circle circle--gray circle--320\" id=\"satelite3\">\n                            <div class=\"sprint-design-circle-img\">\n                                <img decoding=\"async\" src=\"https:\/\/devlight.io\/wp-content\/themes\/devlight\/assets\/img\/satelite.svg\" alt=\"circle\">\n                            <\/div>\n                                                            <div class=\"circle-title\">\n                                    Automated route calculation system                                <\/div>\n                                                    <\/div>\n                    <\/div>\n                <\/div>\n\n            \n\n            \n\n\n        <\/div>\n\n    <\/div>\n\n<\/div>\n\n\n      <div id=\"block_629615d5f852b\" class=\"block-cases-info-pay alignfull  l-block eq-pay nova-pay nova-pay-2 n-pay\" >\n  \n  \r\n<div class=\"bg-wrap-info-pay\" style=\"background-color: #e02623\">\r\n\r\n    <div class=\"l-wrap cases-container\">\r\n\r\n     \r\n\r\n                        <div class=\"cases_pay-row-first\">\r\n          <div class=\"pay__title\">\r\n            <br><h2>My route<\/h2>\n<p>On this page courier&#8217;s route creates automatically taking into account traffic jams, road repairs, etc.<\/p>          <\/div>\r\n          <div class=\"pay__img\">\r\n              <div><img decoding=\"async\" src=\"https:\/\/devlight.io\/wp-content\/webp-express\/webp-images\/uploads\/2021\/11\/Group-626184.png.webp\" alt=\"np\"><\/div>\r\n              <div><img decoding=\"async\" src=\"https:\/\/devlight.io\/wp-content\/webp-express\/webp-images\/uploads\/2021\/11\/Group-626183.png.webp\" alt=\"np\"><\/div>\r\n          <\/div>\r\n      <\/div>\r\n       \r\n         \r\n\r\n                  \r\n      <div class=\"cases_pay-row-second\">\r\n          <div class=\"pay__title\"> \r\n          <br> <h2>Notification<\/h2>\n<p><span style=\"font-weight: 400;\">This is the notification center where one can get important information about changing the route, place of delivery, or cancellation.<\/span><\/p>          <\/div>\r\n          <div class=\"pay__img\">\r\n            <div><img decoding=\"async\" src=\"https:\/\/devlight.io\/wp-content\/webp-express\/webp-images\/uploads\/2021\/11\/Group-626185.png.webp\" alt=\"np\"><\/div>\r\n            <div><img decoding=\"async\" src=\"https:\/\/devlight.io\/wp-content\/webp-express\/webp-images\/uploads\/2021\/11\/Group-626186.png.webp\" alt=\"np\"><\/div>\r\n          <\/div>\r\n      <\/div>\r\n\r\n       \r\n         \r\n\r\n                        <div class=\"cases_pay-row-first\">\r\n          <div class=\"pay__title\">\r\n            <br><h2>Connect Device<\/h2>\n<p><span style=\"font-weight: 400;\">This page allows interaction with the printer, terminal, and other devices through the app.<\/span><\/p>          <\/div>\r\n          <div class=\"pay__img\">\r\n              <div><img decoding=\"async\" src=\"https:\/\/devlight.io\/wp-content\/webp-express\/webp-images\/uploads\/2021\/11\/Group-626187.png.webp\" alt=\"np\"><\/div>\r\n              <div><img decoding=\"async\" src=\"https:\/\/devlight.io\/wp-content\/webp-express\/webp-images\/uploads\/2021\/11\/Group-626188.png.webp\" alt=\"np\"><\/div>\r\n          <\/div>\r\n      <\/div>\r\n       \r\n         \r\n\r\n                  \r\n      <div class=\"cases_pay-row-second\">\r\n          <div class=\"pay__title\"> \r\n          <br> <h2>Courier tasks<\/h2>\n<p>On this page, the courier sees his task with all the necessary information: the payment type, the client info, and the place of delivery.<\/p>          <\/div>\r\n          <div class=\"pay__img\">\r\n            <div><img decoding=\"async\" src=\"https:\/\/devlight.io\/wp-content\/webp-express\/webp-images\/uploads\/2021\/11\/Group-626189.png.webp\" alt=\"np\"><\/div>\r\n            <div><img decoding=\"async\" src=\"https:\/\/devlight.io\/wp-content\/webp-express\/webp-images\/uploads\/2021\/11\/Group-626189-1.png.webp\" alt=\"np\"><\/div>\r\n          <\/div>\r\n      <\/div>\r\n\r\n       \r\n         \r\n\r\n                        <div class=\"cases_pay-row-first\">\r\n          <div class=\"pay__title\">\r\n            <br><h2>Fixing damage<\/h2>\n<p>Here courier can apply for parcel damage by adding photos and a description of the damage.<\/p>          <\/div>\r\n          <div class=\"pay__img\">\r\n              <div><img decoding=\"async\" src=\"https:\/\/devlight.io\/wp-content\/webp-express\/webp-images\/uploads\/2021\/11\/Group-626192.png.webp\" alt=\"np\"><\/div>\r\n              <div><img decoding=\"async\" src=\"https:\/\/devlight.io\/wp-content\/webp-express\/webp-images\/uploads\/2021\/11\/Group-626191.png.webp\" alt=\"np\"><\/div>\r\n          <\/div>\r\n      <\/div>\r\n       \r\n        \r\n        \r\n    \r\n    <\/div>\r\n\r\n<\/div>\r\n\r\n<\/div>\n\n\n      <div id=\"block_62960dda7d60a\" class=\"block-cases-sprint-design alignfull  l-block nova-design nova-design-4\" >\n  \n  \n        <div class=\"sprint__design-bg-color\">\n\n        <div class=\"l-wrap cases-container\">\n\n\n            \n                            <div class=\"cases-sprint-design  md:pl-4 flex-row sprint-design__second\">\n                    <h2>Nova Poshta Ecosystem<\/h2>\n<p>And here we can see the whole Nova Poshta ecosystem. It consists of 5 elements that complement each other&#8217;s functionality, working as one for a common goal. The Nova Poshta ecosystem provides high accuracy of the parcel delivery time estimation, which helps the customer know when to expect the parcel. It also optimizes company resources and adds to process automation by using developed digital tools.<\/p>                <\/div>\n            \n\n\n\n\n            \n\n\n\n            \n\n\n\n\n            \n\n            \n                <!-- \u0427\u0435\u0442\u0432\u0435\u0440\u0442\u0430 \u0441\u0445\u0435\u043c\u0430 -->\n                <div class=\"cases-sprint-design__row\">\n\n                    <div class=\"cases-sprint-design-cases-sprint-design-row--inner first-row\">\n\n                        <div class=\"sprint-design-circle circle-white circle--245\" id=\"client_app5\">\n\n                            <div class=\"sprint-design-circle-img\">\n                                <img decoding=\"async\" src=\"https:\/\/devlight.io\/wp-content\/themes\/devlight\/assets\/img\/an-client.svg\" alt=\"circle\">\n                            <\/div>\n                                                            <div class=\"circle-title\">\n                                    End user                                <\/div>\n                            \n                        <\/div>\n\n                        <div class=\"sprint-design-circle circle-red circle--300\" id=\"client_app4\">\n\n                            <div class=\"sprint-design-circle-img\">\n                                <img decoding=\"async\" src=\"https:\/\/devlight.io\/wp-content\/themes\/devlight\/assets\/img\/mobile.svg\" alt=\"circle\">\n                            <\/div>\n                                                            <div class=\"circle-title\">\n                                    End user application and other parts of the platform                                <\/div>\n                            \n                        <\/div>\n\n\n                    <\/div>\n\n                    <div class=\"cases-sprint-design-row--inner second-row\">\n\n                        <div class=\"cases-sprint-design-row--inner second-row-header\">\n\n                            <div class=\"sprint-design-circle circle-white circle--160\" id=\"delivery4\">\n\n                                <div class=\"sprint-design-circle-img\">\n                                    <img decoding=\"async\" src=\"https:\/\/devlight.io\/wp-content\/themes\/devlight\/assets\/img\/man.svg\" alt=\"circle\">\n                                <\/div>\n                                                                    <div class=\"circle-title\">\n                                        Courier                                    <\/div>\n                                \n                            <\/div>\n\n                            <div class=\"sprint-design-circle circle--gray circle--200\">\n\n                                <div class=\"sprint-design-circle-img\">\n                                    <img decoding=\"async\" src=\"https:\/\/devlight.io\/wp-content\/themes\/devlight\/assets\/img\/mobile.svg\" alt=\"circle\">\n                                <\/div>\n                                                                    <div class=\"circle-title\">\n                                        Courier Application                                    <\/div>\n                                \n                            <\/div>\n\n                        <\/div>\n\n\n                        <div class=\"cases-sprint-design-row--inner second-row-footer\">\n\n                            <div class=\"sprint-design-circle circle--gray circle--200\" id=\"circle-work4\">\n\n                                <div class=\"sprint-design-circle-img\">\n                                    <img decoding=\"async\" src=\"https:\/\/devlight.io\/wp-content\/themes\/devlight\/assets\/img\/laptop.svg\" alt=\"circle\">\n                                <\/div>\n                                                                    <div class=\"circle-title\">\n                                        Workplace operator                                    <\/div>\n                                \n                            <\/div>\n\n                            <div class=\"sprint-design-circle circle-white circle--170\">\n\n                                <div class=\"sprint-design-circle-img\">\n                                    <img decoding=\"async\" src=\"https:\/\/devlight.io\/wp-content\/themes\/devlight\/assets\/img\/woman.svg\" alt=\"circle\">\n                                <\/div>\n                                                                    <div class=\"circle-title\">\n                                        Operattor                                    <\/div>\n                                \n                            <\/div>\n\n                        <\/div>\n\n                    <\/div>\n                    <div class=\"cases-sprint-design-row--inner third-row\">\n                        <div class=\"sprint-design-circle circle--gray circle--300\" id=\"satelite4\">\n                            <div class=\"sprint-design-circle-img\">\n                                <img decoding=\"async\" src=\"https:\/\/devlight.io\/wp-content\/themes\/devlight\/assets\/img\/satelite.svg\" alt=\"circle\">\n                            <\/div>\n                                                            <div class=\"circle-title\">\n                                    Automated route calculation system                                <\/div>\n                                                    <\/div>\n                    <\/div>\n                    <div class=\"cases-sprint-design-row--inner fourth-row\">\n                        <div class=\"sprint-design-circle circle-black circle--320\" id=\"awis\">\n                            <div class=\"sprint-design-circle-img\">\n                                <img decoding=\"async\" src=\"https:\/\/devlight.io\/wp-content\/themes\/devlight\/assets\/img\/plane.svg\" alt=\"circle\">\n                            <\/div>\n                                                            <div class=\"circle-title\">\n                                    AWIS                                <\/div>\n                                                    <\/div>\n                    <\/div>\n\n                <\/div>\n\n            \n\n\n        <\/div>\n\n    <\/div>\n\n<\/div>\n\n\n      <div id=\"block_628a3970972bc\" class=\"block-cases-ratings alignfull  l-block nova-rating\" >\n  \n  \r\n<style>\r\n    @media (max-width: 380px){\r\n        .eq-rating .rating__header-left span {\r\n            font-size: 97px;\r\n        }\r\n        \r\n    }\r\n    @media (max-width: 368px) and (min-width: 350px){\r\n        .ratings__lines-item {\r\n            margin-bottom: 15px;\r\n        }\r\n        .eq-rating .ratings__lines-item {\r\n            margin-bottom: 18px;\r\n        }\r\n        .nova-rating .ratings__lines-item {\r\n            margin-bottom: 18px;\r\n        }\r\n    }\r\n    @media (max-width: 350px) and (min-width: 340px){\r\n        .ratings__lines-item {\r\n            margin-bottom: 12px;\r\n        }\r\n        .eq-rating .ratings__lines-item {\r\n            margin-bottom: 17px;\r\n        }\r\n        .nova-rating .ratings__lines-item {\r\n            margin-bottom: 17px;\r\n        }\r\n    }\r\n    @media (max-width: 340px) and (min-width: 330px){\r\n        .ratings__lines-item {\r\n            margin-bottom: 11px;\r\n        }\r\n        .eq-rating .ratings__lines-item {\r\n            margin-bottom: 14px;\r\n        }\r\n        .nova-rating .ratings__lines-item {\r\n            margin-bottom: 14px;\r\n        }\r\n    }\r\n    @media (max-width: 330px) and (min-width: 324px){\r\n        .ratings__lines-item {\r\n            margin-bottom: 10px;\r\n        }\r\n        .eq-rating .ratings__lines-item {\r\n            margin-bottom: 12px;\r\n        }\r\n        .nova-rating .ratings__lines-item {\r\n            margin-bottom: 12px;\r\n        }\r\n    }\r\n    @media (max-width: 324px){\r\n        .ratings__lines-item {\r\n            margin-bottom: 9px;\r\n        }\r\n        .ratings__lines {\r\n            margin-top: 1px;\r\n        }\r\n        .eq-rating .ratings__lines-item {\r\n            margin-bottom: 12px;\r\n        }\r\n        .eq-rating .ratings__lines {\r\n            margin-top: 3px;\r\n        }\r\n        .nova-rating .ratings__lines-item {\r\n            margin-bottom: 12px;\r\n        }\r\n         .nova-rating .ratings__lines {\r\n            margin-top: 3px;\r\n        }\r\n\r\n    }\r\n    \r\n<\/style>\r\n\r\n<div class=\"l-wrap cases-container\">\r\n\r\n            <div class=\"cases-ratings__content  md:pl-4\">    \r\n            <h2>Ratings and reviews<\/h2>        <\/div>\r\n        <div class=\"cases-ratings__row-header\">\r\n                <div class=\"ratings__header-item rating__header-left\">\r\n            <span>4.5<\/span>out of 5\r\n        <\/div>\r\n        <div class=\"ratings__header-item rating__header-center\">\r\n            Reviews: 400k+\r\n        <\/div>                    <div class=\"ratings__header-item rating__header-right\">\r\n                <div class=\"ratings__stars\">\r\n                    <div class=\"ratings__stars-item\">\r\n                        <img decoding=\"async\" src=\"https:\/\/devlight.io\/wp-content\/themes\/devlight\/assets\/img\/rating_star.svg\" alt=\"\">\r\n                        <img decoding=\"async\" src=\"https:\/\/devlight.io\/wp-content\/themes\/devlight\/assets\/img\/rating_star.svg\" alt=\"\">\r\n                        <img decoding=\"async\" src=\"https:\/\/devlight.io\/wp-content\/themes\/devlight\/assets\/img\/rating_star.svg\" alt=\"\">\r\n                        <img decoding=\"async\" src=\"https:\/\/devlight.io\/wp-content\/themes\/devlight\/assets\/img\/rating_star.svg\" alt=\"\">\r\n                        <img decoding=\"async\" src=\"https:\/\/devlight.io\/wp-content\/themes\/devlight\/assets\/img\/rating_star.svg\" alt=\"\">\r\n                    <\/div>\r\n                    <div class=\"ratings__stars-item\">\r\n                        <img decoding=\"async\" src=\"https:\/\/devlight.io\/wp-content\/themes\/devlight\/assets\/img\/rating_star.svg\" alt=\"\">\r\n                        <img decoding=\"async\" src=\"https:\/\/devlight.io\/wp-content\/themes\/devlight\/assets\/img\/rating_star.svg\" alt=\"\">\r\n                        <img decoding=\"async\" src=\"https:\/\/devlight.io\/wp-content\/themes\/devlight\/assets\/img\/rating_star.svg\" alt=\"\">\r\n                        <img decoding=\"async\" src=\"https:\/\/devlight.io\/wp-content\/themes\/devlight\/assets\/img\/rating_star.svg\" alt=\"\">\r\n                    <\/div>\r\n                    <div class=\"ratings__stars-item\">\r\n                        <img decoding=\"async\" src=\"https:\/\/devlight.io\/wp-content\/themes\/devlight\/assets\/img\/rating_star.svg\" alt=\"\">\r\n                        <img decoding=\"async\" src=\"https:\/\/devlight.io\/wp-content\/themes\/devlight\/assets\/img\/rating_star.svg\" alt=\"\">\r\n                        <img decoding=\"async\" src=\"https:\/\/devlight.io\/wp-content\/themes\/devlight\/assets\/img\/rating_star.svg\" alt=\"\">\r\n                    <\/div>\r\n                    <div class=\"ratings__stars-item\">\r\n                        <img decoding=\"async\" src=\"https:\/\/devlight.io\/wp-content\/themes\/devlight\/assets\/img\/rating_star.svg\" alt=\"\">\r\n                        <img decoding=\"async\" src=\"https:\/\/devlight.io\/wp-content\/themes\/devlight\/assets\/img\/rating_star.svg\" alt=\"\">\r\n                    <\/div>\r\n                    <div class=\"ratings__stars-item\">\r\n                        <img decoding=\"async\" width=\"8\" height=\"8\" src=\"https:\/\/devlight.io\/wp-content\/themes\/devlight\/assets\/img\/star-rate.svg\" alt=\"\">\r\n                    <\/div>\r\n                <\/div>\r\n                <div class=\"ratings__lines\">\r\n                    <div class=\"ratings__lines-item\">\r\n                        <div class=\"ratings__lines-item-first\"><\/div>\r\n                        <div class=\"ratings__lines-item-second\"><\/div>\r\n                    <\/div>\r\n                    <div class=\"ratings__lines-item\">\r\n                        <div class=\"ratings__lines-item-first\"><\/div>\r\n                        <div class=\"ratings__lines-item-second\"><\/div>\r\n                    <\/div>\r\n                    <div class=\"ratings__lines-item\">\r\n                        <div class=\"ratings__lines-item-first\"><\/div>\r\n                        <div class=\"ratings__lines-item-second\"><\/div>\r\n                    <\/div>\r\n                    <div class=\"ratings__lines-item\">\r\n                        <div class=\"ratings__lines-item-first\"><\/div>\r\n                        <div class=\"ratings__lines-item-second\"><\/div>\r\n                    <\/div>\r\n                    <div class=\"ratings__lines-item\">\r\n                        <div class=\"ratings__lines-item-first\"><\/div>\r\n                        <div class=\"ratings__lines-item-second\"><\/div>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n                <\/div>\r\n\r\n    <div class=\"cases-ratings__row\">\r\n\r\n             \r\n\r\n            <div class=\"cases-ratings__flex__direction-row\">\r\n\r\n                               \r\n                                        <div class=\"ratings__info-rows\">\r\n\r\n                        <div class=\"cases__rating-icon\">\r\n                            <img decoding=\"async\" src=\"https:\/\/devlight.io\/wp-content\/uploads\/2022\/05\/icon3_feedback.svg\" alt=\"icon\">\r\n                        <\/div>\r\n\r\n                        <div class=\"ratings__info\">\r\n\r\n                                                            <div class=\"cases-ratings__star\">\r\n                                                                             \r\n                                        <img decoding=\"async\" src=\"https:\/\/devlight.io\/wp-content\/uploads\/2022\/05\/active_star_rating-1.svg\" alt=\"star\">\r\n                                                                             \r\n                                        <img decoding=\"async\" src=\"https:\/\/devlight.io\/wp-content\/uploads\/2022\/05\/active_star_rating-1.svg\" alt=\"star\">\r\n                                                                             \r\n                                        <img decoding=\"async\" src=\"https:\/\/devlight.io\/wp-content\/uploads\/2022\/05\/active_star_rating-1.svg\" alt=\"star\">\r\n                                                                             \r\n                                        <img decoding=\"async\" src=\"https:\/\/devlight.io\/wp-content\/uploads\/2022\/05\/active_star_rating-1.svg\" alt=\"star\">\r\n                                                                             \r\n                                        <img decoding=\"async\" src=\"https:\/\/devlight.io\/wp-content\/uploads\/2022\/05\/active_star_rating-1.svg\" alt=\"star\">\r\n                                                                    <\/div>\r\n                                                        <div class=\"cases-ratings__time\"> June 7, 2021<\/div>\r\n<div class=\"cases-ratings__title\">\r\nHaik Pogosyan\r\n<\/div>\r\n<div class=\"cases-ratings__cont\">\r\nExcellent app, easy to use, intuitive, never had any issues whatsoever.\r\n<\/div>                        <\/div>\r\n\r\n                    <\/div>\r\n\r\n                  \r\n                                        <div class=\"ratings__info-rows\">\r\n\r\n                        <div class=\"cases__rating-icon\">\r\n                            <img decoding=\"async\" src=\"https:\/\/devlight.io\/wp-content\/uploads\/2022\/05\/icon4_feedback.svg\" alt=\"icon\">\r\n                        <\/div>\r\n\r\n                        <div class=\"ratings__info\">\r\n\r\n                                                            <div class=\"cases-ratings__star\">\r\n                                                                             \r\n                                        <img decoding=\"async\" src=\"https:\/\/devlight.io\/wp-content\/uploads\/2022\/05\/active_star_rating-1.svg\" alt=\"star\">\r\n                                                                             \r\n                                        <img decoding=\"async\" src=\"https:\/\/devlight.io\/wp-content\/uploads\/2022\/05\/active_star_rating-1.svg\" alt=\"star\">\r\n                                                                             \r\n                                        <img decoding=\"async\" src=\"https:\/\/devlight.io\/wp-content\/uploads\/2022\/05\/active_star_rating-1.svg\" alt=\"star\">\r\n                                                                             \r\n                                        <img decoding=\"async\" src=\"https:\/\/devlight.io\/wp-content\/uploads\/2022\/05\/active_star_rating-1.svg\" alt=\"star\">\r\n                                                                             \r\n                                        <img decoding=\"async\" src=\"https:\/\/devlight.io\/wp-content\/uploads\/2022\/05\/star-not-active.svg\" alt=\"star\">\r\n                                                                    <\/div>\r\n                                                        <div class=\"cases-ratings__time\"> June 7, 2021<\/div>\r\n<div class=\"cases-ratings__title\">\r\nSerhii P\r\n<\/div>\r\n<div class=\"cases-ratings__cont\">\r\nAll is good. Great. Just a minor thing that annoys a lot: adding my card to the app so I can pay with it doesn&#8217;t work. It would be so convenient to pay for services with less steps. Hope you fix this someday\r\n<\/div>                        <\/div>\r\n\r\n                    <\/div>\r\n\r\n                               \r\n            <\/div>\r\n\r\n            \r\n             \r\n\r\n        <div class=\"cases-ratings__flex__direction-row\">\r\n\r\n                     \r\n                \r\n            <div class=\"ratings__info-rows\">\r\n\r\n                <div class=\"cases__rating-icon\">\r\n                    <img decoding=\"async\" src=\"https:\/\/devlight.io\/wp-content\/uploads\/2022\/05\/rating-icon.svg\" alt=\"icon\">\r\n                <\/div>\r\n\r\n                <div class=\"ratings__info\">\r\n\r\n                                            <div class=\"cases-ratings__star\">\r\n                                                             \r\n                                <img decoding=\"async\" src=\"https:\/\/devlight.io\/wp-content\/uploads\/2022\/05\/active_star_rating-1.svg\" alt=\"star\">\r\n                                                             \r\n                                <img decoding=\"async\" src=\"https:\/\/devlight.io\/wp-content\/uploads\/2022\/05\/active_star_rating-1.svg\" alt=\"star\">\r\n                                                             \r\n                                <img decoding=\"async\" src=\"https:\/\/devlight.io\/wp-content\/uploads\/2022\/05\/active_star_rating-1.svg\" alt=\"star\">\r\n                                                             \r\n                                <img decoding=\"async\" src=\"https:\/\/devlight.io\/wp-content\/uploads\/2022\/05\/active_star_rating-1.svg\" alt=\"star\">\r\n                                                             \r\n                                <img decoding=\"async\" src=\"https:\/\/devlight.io\/wp-content\/uploads\/2022\/05\/active_star_rating-1.svg\" alt=\"star\">\r\n                                                    <\/div>\r\n                                        <div class=\"cases-ratings__time\">\r\nFebruary 14, 2022\r\n<\/div>\r\n<div class=\"cases-ratings__title\">\r\nAlexa Orchid\r\n<\/div>\r\n<div class=\"cases-ratings__cont\">\r\nGood app overall. But after the last update the bar code pops up every time the phone is turned to the side. I assume it&#8217;s a feature but an extremely annoying one. I have screen rotation disabled but it doesn&#8217;t matter. P. S. Turned off the loyalty card in the settings. Thank you.\r\n<\/div>\r\n\r\n                <\/div>\r\n\r\n            <\/div>\r\n\r\n             \r\n                \r\n            <div class=\"ratings__info-rows\">\r\n\r\n                <div class=\"cases__rating-icon\">\r\n                    <img decoding=\"async\" src=\"https:\/\/devlight.io\/wp-content\/uploads\/2022\/05\/icon2_feedback.svg\" alt=\"icon\">\r\n                <\/div>\r\n\r\n                <div class=\"ratings__info\">\r\n\r\n                                            <div class=\"cases-ratings__star\">\r\n                                                             \r\n                                <img decoding=\"async\" src=\"https:\/\/devlight.io\/wp-content\/uploads\/2022\/05\/active_star_rating-1.svg\" alt=\"star\">\r\n                                                             \r\n                                <img decoding=\"async\" src=\"https:\/\/devlight.io\/wp-content\/uploads\/2022\/05\/active_star_rating-1.svg\" alt=\"star\">\r\n                                                             \r\n                                <img decoding=\"async\" src=\"https:\/\/devlight.io\/wp-content\/uploads\/2022\/05\/active_star_rating-1.svg\" alt=\"star\">\r\n                                                             \r\n                                <img decoding=\"async\" src=\"https:\/\/devlight.io\/wp-content\/uploads\/2022\/05\/star-not-active.svg\" alt=\"star\">\r\n                                                             \r\n                                <img decoding=\"async\" src=\"https:\/\/devlight.io\/wp-content\/uploads\/2022\/05\/star-not-active.svg\" alt=\"star\">\r\n                                                    <\/div>\r\n                                        <div class=\"cases-ratings__time\">\r\nFebruary 14, 2022\r\n<\/div>\r\n<div class=\"cases-ratings__title\">\r\nStas Sagdeyev\r\n<\/div>\r\n<div class=\"cases-ratings__cont\">\r\nThe concept of the app is great and most of the time it does what it is supposed to. However, the language switch functionality is completely broken. Whenever I try to change the interface language to Russian, it remains Ukrainian even after restarting the app. This has to be fixed.\r\n<\/div>\r\n\r\n                <\/div>\r\n\r\n            <\/div>\r\n\r\n                    \r\n        <\/div>\r\n\r\n\r\n                <\/div>\r\n<\/div>\r\n\r\n\r\n\r\n<\/div>\n\n\n      <div id=\"block_628a40a794291\" class=\"block-cases-feedback alignfull  l-block\" >\n  \n  \r\n<style>\r\n    .block-cases-numbers-main .cases-container {\r\n        padding-top: 220px;\r\n    }\r\n    @media (max-width: 1200px){\r\n        .block-cases-numbers-main .cases-container {\r\n        padding-top: 0px;\r\n        }\r\n    }\r\n    @media (max-width: 711px){\r\n        .loyality__demo {\r\n            position: static;\r\n            top: 0;\r\n        }\r\n    }\r\n    @media (max-width: 600px){\r\n        .block-cases-feedback {\r\n            padding-top: 0;\r\n            padding-bottom:0;\r\n        }\r\n        .block-cases-ratings {\r\n            padding-bottom:20px;\r\n        }\r\n        .block-cases-dashboards {\r\n            padding-bottom: 50px;\r\n        }\r\n        .cases-results-header {\r\n            margin-top: 0px;\r\n        }\r\n        .block-cases-results {\r\n            padding-top: 0px\r\n        }\r\n    }\r\n\r\n<\/style>\r\n\r\n<div class=\"l-wrap cases-container\">\r\n    <div class=\"cases-feedback__content\">\r\n\r\n                    <h2> Customer feedbacks <\/h2>                \r\n                    <div class=\"cases-feedback__logo\">\r\n                <img decoding=\"async\" src=\"https:\/\/devlight.io\/wp-content\/webp-express\/webp-images\/uploads\/2022\/09\/clutch-eq.png.webp\" alt=\"logo-feed\">\r\n            <\/div> \r\n            <\/div>\r\n    \r\n    <div class=\"cases-feedback__row\">\r\n                    <div class=\"cases-feedback__img\">\r\n                <img decoding=\"async\" src=\"https:\/\/devlight.io\/wp-content\/webp-express\/webp-images\/uploads\/2022\/09\/nova-quest.png.webp\" alt=\"quote\">\r\n            <\/div>\r\n                            <div class=\"feedback__info\">\r\n                 <p> The mobile applications were well-received and caused an uptick in the partner\u2019s revenue. Devlight was a true partner that was always ready to help resolve problems. They were attentive and proactive about offering solution suggestions. The project manager excelled at coordinating multiple teams.           \r\n<\/p>\r\n\r\n<div class=\"feedback__info-quote\">\r\n\r\n<div class=\"feedback__info-quote-name\">\r\nArtem Volkhonskyi\r\n<\/div>\r\n\r\n<div class=\"feedback__info-quote-text\">\r\n Chief Digital Officer at Nova Poshta\r\n<\/div>            <\/div>\r\n            <\/div>\r\n\r\n<\/div>\r\n\r\n\r\n<\/div>\n\n\n      <div id=\"block_628b7afa6de7b\" class=\"block-cases-numbers-main alignfull l-block nova-numbers\" >\n  \n  \r\n    <div class=\"l-wrap cases-container\">\r\n\r\n      <div class=\"cases-numbers-main-header\">\r\n                  <div class=\"cases-numbers-main-title\">          \r\n            <h2>Nova poshta APP BY THE NUMBERS<\/h2>            \r\n          <\/div>\r\n           \r\n          \r\n      <\/div>\r\n\r\n      <div class=\"numbers-main__grid\">\r\n                  <div class=\"numbers-main__item\">\r\n            <div class=\"numbers-main__item-title\"> 10M+<\/div>\r\n            <div class=\"numbers-main__item-text\"> Annual USD amount of operational savings with the new app<\/div>\r\n          <\/div>\r\n                  <div class=\"numbers-main__item\">\r\n            <div class=\"numbers-main__item-title\"> #1<\/div>\r\n            <div class=\"numbers-main__item-text\"> In business&#8217;s category via Google Play and AppStore markets<\/div>\r\n          <\/div>\r\n                  <div class=\"numbers-main__item\">\r\n            <div class=\"numbers-main__item-title\"> 5M+<\/div>\r\n            <div class=\"numbers-main__item-text\"> Monthly active users<\/div>\r\n          <\/div>\r\n                  <div class=\"numbers-main__item\">\r\n            <div class=\"numbers-main__item-title\"> 10M+<\/div>\r\n            <div class=\"numbers-main__item-text\"> Tracking of parcels monthly<\/div>\r\n          <\/div>\r\n                  \r\n    <\/div>\r\n\r\n    \r\n      \r\n       \r\n          \r\n    <div class=\"numbers-main__inner-row\">\r\n\r\n        \r\n                      <div class=\"numbers-main__inner-info big--info\">\r\n                15M+        \r\n            <\/div>\r\n          \r\n                      <div class=\"numbers-main__inner-info small--info\">\r\n                Installs of app in the App Store and Google Play          \r\n            <\/div>\r\n          \r\n        \r\n            \r\n    <\/div>\r\n     \r\n          \r\n    <div class=\"numbers-main__inner-row\">\r\n\r\n        \r\n                      <div class=\"numbers-main__inner-info small--info\">\r\n                Nova Poshta&#8217;s operational capacity growth after app enablement                 \r\n            <\/div>\r\n          \r\n                    <div class=\"numbers-main__inner-info big--info\">\r\n              3X                  \r\n          <\/div>\r\n          \r\n        \r\n            \r\n    <\/div>\r\n        \r\n  <\/div>\r\n\r\n\r\n<\/div>\n\n\n      <div id=\"block_629d75b3aee8f\" class=\"block-cases-wireframes block-cases-wireframes--v2 alignfull  l-block nova-wire\" >\n  \n  \n\n    <style>\n        \/* .block-cases-wireframes {\n            padding: 125px 0px 130px;\n        }\n\n        .cases-wireframes__header {\n            font-weight: 700;\n            font-size: 50px;\n            line-height: 60px;\n            display: flex;\n            justify-content: space-between;\n            flex-wrap: wrap;\n            align-items: center;\n            color: #000101;\n            margin-bottom: 180px;\n        }\n\n        .cases-wireframes__header p {\n            max-width: 585px;\n            font-weight: 400;\n            font-size: 18px;\n            line-height: 40px;\n            color: rgba(0, 1, 1, 0.8);\n        }\n\n        .cases-wireframes__header h3 {\n            font-family: 'RoadRadio';\n            font-weight: 700;\n            font-size: 50px;\n            line-height: 60px;\n            color: #000101;\n        }\n\n        @media (max-width: 991px) {\n            .cases-wireframes__header h3 {\n                font-size: 38px\n            }\n        } *\/\n\n\n        .section-ios .grid-item-horizontal,\n        .section-ios .grid-item-vertical,\n        .glass-container {\n            display: block;\n            position: relative;\n            z-index: 1\n        }\n\n        .section-ios .grid-item-horizontal:after,\n        .section-ios .grid-item-horizontal:before,\n        .section-ios .grid-item-vertical:after,\n        .section-ios .grid-item-vertical:before,\n        .glass-container:after,\n        .glass-container:before {\n            content: \"\";\n            display: block;\n            position: absolute;\n            top: 0;\n            left: 0;\n            z-index: 1\n        }\n\n        .section-ios .grid-item-horizontal .glass-hardware,\n        .section-ios .grid-item-horizontal .glass-screen,\n        .section-ios .grid-item-vertical .glass-hardware,\n        .section-ios .grid-item-vertical .glass-screen,\n        .glass-container .glass-hardware,\n        .glass-container .glass-screen {\n            display: block;\n            position: absolute;\n            top: 0;\n            left: 0\n        }\n\n        .section-ios .grid-item-horizontal .glass-hardware,\n        .section-ios .grid-item-vertical .glass-hardware,\n        .glass-container .glass-hardware {\n            pointer-events: none;\n            z-index: 3\n        }\n\n        .section-ios .grid-item-horizontal .glass-screen,\n        .section-ios .grid-item-vertical .glass-screen,\n        .glass-container .glass-screen {\n            z-index: 4\n        }\n\n        .section-ios {\n            overflow: hidden;\n            position: relative;\n            margin-bottom: -120px;\n            --device-width: 185px;\n            --logo-width: 192px;\n            --logo-height: 192px;\n            --logo-scale: 1.875;\n            --grid-rows: 6;\n            --grid-gap: 50px;\n            --grid-padding-top: 130px;\n            --grid-padding-bottom: 140px;\n            --grid-vertical-centering-offset: 26px\n        }\n\n        @media only screen and (max-width:1068px) {\n            .section-ios {\n                --device-width: 220px;\n                --logo-width: 155px;\n                --logo-height: 155px;\n                --grid-gap: 30px;\n                --grid-padding-top: 106px;\n                --grid-padding-bottom: 106px;\n                --grid-vertical-centering-offset: 10px\n            }\n        }\n\n        @media only screen and (max-width:734px) {\n            .section-ios {\n                --device-width: 134px;\n                --logo-width: 101px;\n                --logo-height: 101px;\n                --logo-scale: 1.8614;\n                --grid-rows: 7;\n                --grid-gap: 20px;\n                --grid-padding-top: 130px;\n                --grid-padding-bottom: 100px\n            }\n        }\n\n        .section-ios .ios-grid {\n            display: grid;\n            grid-template-rows: var(--device-width) var(--device-width) var(--logo-width) var(--device-width) var(--device-width) auto;\n            grid-template-columns: var(--device-width) var(--device-width) var(--device-width) var(--device-width) var(--logo-height) var(--device-width) var(--device-width) var(--device-width) var(--device-width) var(--device-width);\n            grid-gap: var(--grid-gap);\n            gap: var(--grid-gap);\n            margin-bottom: var(--grid-padding-bottom);\n            margin-left: calc(var(--device-width)\/2 + var(--grid-gap)\/2);\n            justify-content: center;\n            align-content: center;\n            width: 100%;\n            margin-top: calc(var(--device-width)*-1 + var(--r-localnav-height))\n        }\n\n        @media only screen and (min-width:1069px)and (max-height:1150px) {\n            .section-ios .ios-grid {\n                margin-top: calc(var(--grid-rows)*(var(--device-width) + var(--grid-gap))*0.33*-1 - -50vh + var(--device-width)\/2*-1 + var(--grid-gap)\/2*-1 - var(--grid-vertical-centering-offset)*-1 - var(--r-localnav-height)*-1);\n                \/* margin-bottom: -120px; *\/\n            }\n        }\n\n        @media only screen and (min-width:735px)and (max-width:1068px)and (max-height:1025px) {\n            .section-ios .ios-grid {\n                margin-top: calc(var(--grid-rows)*(var(--device-width) + var(--grid-gap))*0.33*-1 - -50vh + var(--device-width)\/2*-1 + var(--grid-gap)\/2*-1 - var(--grid-vertical-centering-offset)*-1 - var(--r-localnav-height)*-1);\n                \/* margin-bottom: -120px; *\/\n            }\n        }\n\n        @media only screen and (max-width:734px) {\n            .section-ios .ios-grid {\n                margin-top: calc(var(--device-width)*-1 + var(--r-localnav-height) - 13px);\n                \/* margin-bottom: -120px; *\/\n            }\n        }\n\n        .section-ios .ios-grid-item-logo {\n            grid-area: 3\/5\n        }\n\n        .section-ios .ios-grid-item-content {\n            grid-area: 5\/4\/7\/7\n        }\n\n        .section-ios .ios-grid-item-1 {\n            grid-area: 2\/1\n        }\n\n        .section-ios .ios-grid-item-2 {\n            grid-area: 2\/3\n        }\n\n        .section-ios .ios-grid-item-3 {\n            grid-area: 2\/4\n        }\n\n        .section-ios .ios-grid-item-4 {\n            grid-area: 2\/5\n        }\n\n        .section-ios .ios-grid-item-5 {\n            grid-area: 1\/7\n        }\n\n        .section-ios .ios-grid-item-6 {\n            grid-area: 2\/8\n        }\n\n        .section-ios .ios-grid-item-7 {\n            grid-area: 1\/9\n        }\n\n        .section-ios .ios-grid-item-8 {\n            grid-area: 3\/1\n        }\n\n        .section-ios .ios-grid-item-9 {\n            grid-area: 3\/2\n        }\n\n        .section-ios .ios-grid-item-10 {\n            grid-area: 4\/3\n        }\n\n        .section-ios .ios-grid-item-11 {\n            grid-area: 4\/4\n        }\n\n        .section-ios .ios-grid-item-12 {\n            grid-area: 3\/6\n        }\n\n        .section-ios .ios-grid-item-13 {\n            grid-area: 3\/7\n        }\n\n        .section-ios .ios-grid-item-14 {\n            grid-area: 5\/8\n        }\n\n        .section-ios .ios-grid-item-15 {\n            grid-area: 4\/8\n        }\n\n        .section-ios .ios-grid-item-16 {\n            grid-area: 4\/9\n        }\n\n        .section-ios .ios-grid-item-17 {\n            grid-area: 5\/1\n        }\n\n        .section-ios .ios-grid-item-18 {\n            grid-area: 6\/2\n        }\n\n        .section-ios .ios-grid-item-19 {\n            grid-area: 5\/7\n        }\n\n        @media only screen and (max-width:734px) {\n            .section-ios .ios-grid-item-content {\n                grid-area: last\/3\/last\/8\n            }\n\n            .section-ios .ios-grid-item-4 {\n                grid-area: 5\/5\n            }\n\n            .section-ios .ios-grid-item-12 {\n                grid-area: 6\/5\n            }\n\n            .section-ios .ios-grid-item-13 {\n                grid-area: 5\/4\n            }\n\n            .section-ios .ios-grid-item-15 {\n                grid-area: 6\/6\n            }\n\n            .section-ios .ios-grid-item-18 {\n                grid-area: 2\/5\n            }\n\n            .section-ios .ios-grid-item-19 {\n                grid-area: 3\/6\n            }\n        }\n\n        .section-ios .ios-grid-item-logo {\n            width: 120px;\n            height: 120px;\n            background-size: 120px 120px;\n            background-repeat: no-repeat;\n            background-image: url('https:\/\/devlight.io\/wp-content\/themes\/devlight\/assets\/img\/logo-fishka.svg');\n            margin: auto;\n        }\n\n        @media (-webkit-min-device-pixel-ratio:1.5),\n        (min-resolution:144dpi),\n        only screen and (-webkit-min-device-pixel-ratio:1.5),\n        only screen and (min-resolution:1.5dppx) {\n            .section-ios .ios-grid-item-logo {\n                background-image: url('https:\/\/devlight.io\/wp-content\/themes\/devlight\/assets\/img\/logo-fishka.svg')\n            }\n        }\n\n        @media only screen and (max-width:1068px) {\n            .section-ios .ios-grid-item-logo {\n                width: 120px;\n                height: 120px;\n                background-size: 120px 120px;\n                background-repeat: no-repeat;\n                background-image: url('https:\/\/devlight.io\/wp-content\/themes\/devlight\/assets\/img\/logo-fishka.svg')\n            }\n        }\n\n        @media only screen and (max-width:1068px)and (-webkit-min-device-pixel-ratio:1.5),\n        only screen and (max-width:1068px)and (min-resolution:1.5dppx),\n        only screen and (max-width:1068px)and (min-resolution:144dpi) {\n            .section-ios .ios-grid-item-logo {\n                background-image: url('https:\/\/devlight.io\/wp-content\/themes\/devlight\/assets\/img\/logo-fishka.svg')\n            }\n        }\n\n        @media only screen and (max-width:734px) {\n            .section-ios .ios-grid-item-logo {\n                width: 101px;\n                height: 101px;\n                background-size: 101px 101px;\n                background-repeat: no-repeat;\n                background-image: url('https:\/\/devlight.io\/wp-content\/themes\/devlight\/assets\/img\/logo-fishka.svg')\n            }\n        }\n\n        @media only screen and (max-width:734px)and (-webkit-min-device-pixel-ratio:1.5),\n        only screen and (max-width:734px)and (min-resolution:1.5dppx),\n        only screen and (max-width:734px)and (min-resolution:144dpi) {\n            .section-ios .ios-grid-item-logo {\n                background-image: url('https:\/\/devlight.io\/wp-content\/themes\/devlight\/assets\/img\/logo-fishka.svg')\n            }\n        }\n\n        @media only screen and (inverted-colors) {\n            .section-ios .ios-grid-item-logo {\n                filter: invert(1)\n            }\n        }\n\n        html.enhance-ios .section-ios .ios-grid-item-logo {\n            width: 384px;\n            height: 384px;\n            background-size: 384px 384px;\n            background-repeat: no-repeat;\n            background-image: url('https:\/\/devlight.io\/wp-content\/themes\/devlight\/assets\/img\/logo-fishka.svg');\n            width: 150px;\n            height: 150px;\n            background-size: 150px 150px;\n            transform: scale(var(--logo-scale))\n        }\n\n        @media (-webkit-min-device-pixel-ratio:1.5),\n        (min-resolution:144dpi),\n        only screen and (-webkit-min-device-pixel-ratio:1.5),\n        only screen and (min-resolution:1.5dppx) {\n            html.enhance-ios .section-ios .ios-grid-item-logo {\n                background-image: url('https:\/\/devlight.io\/wp-content\/themes\/devlight\/assets\/img\/logo-fishka.svg')\n            }\n        }\n\n        @media only screen and (max-width:1068px) {\n            html.enhance-ios .section-ios .ios-grid-item-logo {\n                width: 310px;\n                height: 310px;\n                background-size: 310px 310px;\n                background-repeat: no-repeat;\n                background-image: url('https:\/\/devlight.io\/wp-content\/themes\/devlight\/assets\/img\/logo-fishka.svg')\n            }\n        }\n\n        @media only screen and (max-width:1068px)and (-webkit-min-device-pixel-ratio:1.5),\n        only screen and (max-width:1068px)and (min-resolution:1.5dppx),\n        only screen and (max-width:1068px)and (min-resolution:144dpi) {\n            html.enhance-ios .section-ios .ios-grid-item-logo {\n                background-image: url('https:\/\/devlight.io\/wp-content\/themes\/devlight\/assets\/img\/logo-fishka.svg')\n            }\n        }\n\n        @media only screen and (max-width:734px) {\n            html.enhance-ios .section-ios .ios-grid-item-logo {\n                width: 202px;\n                height: 202px;\n                background-size: 202px 202px;\n                background-repeat: no-repeat;\n                background-image: url('https:\/\/devlight.io\/wp-content\/themes\/devlight\/assets\/img\/logo-fishka.svg')\n            }\n        }\n\n        @media only screen and (max-width:734px)and (-webkit-min-device-pixel-ratio:1.5),\n        only screen and (max-width:734px)and (min-resolution:1.5dppx),\n        only screen and (max-width:734px)and (min-resolution:144dpi) {\n            html.enhance-ios .section-ios .ios-grid-item-logo {\n                background-image: url('https:\/\/devlight.io\/wp-content\/themes\/devlight\/assets\/img\/logo-fishka.svg')\n            }\n        }\n\n        @media only screen and (max-width:1068px) {\n            html.enhance-ios .section-ios .ios-grid-item-logo {\n                width: 155px;\n                height: 155px\n            }\n        }\n\n        @media only screen and (max-width:734px) {\n            html.enhance-ios .section-ios .ios-grid-item-logo {\n                width: 101px;\n                height: 101px\n            }\n        }\n\n        @media only screen and (max-width:1068px) {\n            html.enhance-ios .section-ios .ios-grid-item-logo {\n                background-size: 155px 155px\n            }\n        }\n\n        @media only screen and (max-width:734px) {\n            html.enhance-ios .section-ios .ios-grid-item-logo {\n                background-size: 101px 101px\n            }\n        }\n\n        .section-ios .ios-grid-item-content {\n            text-align: center;\n            align-self: start\n        }\n\n        @media only screen and (max-width:734px) {\n            .section-ios .ios-grid-item-content {\n                text-align: left\n            }\n        }\n\n        .section-ios .ios-grid-item-horizontal {\n            grid-column-end: span 2\n        }\n\n        .section-ios .ios-grid-item-vertical {\n            grid-row-end: span 2\n        }\n\n        .section-ios .ios-grid-item-11 {\n            margin-top: 2px\n        }\n\n        @media only screen and (max-width:734px) {\n            .section-ios .ios-grid-item-15 {\n                margin-left: 17px\n            }\n        }\n\n        .section-ios .ios-grid-item-offset {\n            margin-top: calc(var(--device-width)*-1 - var(--logo-width)*-1 - -2px)\n        }\n\n        @media only screen and (max-width:734px) {\n            .section-ios .ios-grid-item-offset.no-top-offset-small {\n                margin-top: 0\n            }\n        }\n\n        @media only screen and (max-width:734px) {\n            .section-ios .ios-grid-item-offset-horizontal {\n                margin-left: -16px\n            }\n        }\n\n        .section-ios .justify-self-end {\n            justify-self: end\n        }\n\n        .section-ios .image-screen-1 .glass-screen {\n            width: 375px;\n            height: 185px;\n            background-size: 375px 185px;\n            background-repeat: no-repeat;\n            background-image: url('https:\/\/devlight.io\/wp-content\/webp-express\/webp-images\/themes\/devlight\/assets\/img\/a-fishka-1.png.webp')\n        }\n\n        @media (-webkit-min-device-pixel-ratio:1.5),\n        (min-resolution:144dpi),\n        only screen and (-webkit-min-device-pixel-ratio:1.5),\n        only screen and (min-resolution:1.5dppx) {\n            .section-ios .image-screen-1 .glass-screen {\n                background-image: url('https:\/\/devlight.io\/wp-content\/webp-express\/webp-images\/themes\/devlight\/assets\/img\/a-fishka-1.png.webp')\n            }\n        }\n\n        .section-ios .image-screen-2 .glass-screen {\n            width: 185px;\n            height: 375px;\n            background-size: 185px 375px;\n            background-repeat: no-repeat;\n            background-image: url('https:\/\/devlight.io\/wp-content\/webp-express\/webp-images\/themes\/devlight\/assets\/img\/a-fishka-2.png.webp')\n        }\n\n        @media (-webkit-min-device-pixel-ratio:1.5),\n        (min-resolution:144dpi),\n        only screen and (-webkit-min-device-pixel-ratio:1.5),\n        only screen and (min-resolution:1.5dppx) {\n            .section-ios .image-screen-2 .glass-screen {\n                background-image: url('https:\/\/devlight.io\/wp-content\/webp-express\/webp-images\/themes\/devlight\/assets\/img\/a-fishka-2.png.webp')\n            }\n        }\n\n        @media only screen and (max-width:1068px) {\n            .section-ios .image-screen-2 .glass-screen {\n                width: 204px;\n                height: 426px;\n                background-size: 204px 426px;\n                background-repeat: no-repeat;\n                background-image: url('https:\/\/devlight.io\/wp-content\/webp-express\/webp-images\/themes\/devlight\/assets\/img\/a-fishka-2.png.webp')\n            }\n        }\n\n        @media only screen and (max-width:1068px)and (-webkit-min-device-pixel-ratio:1.5),\n        only screen and (max-width:1068px)and (min-resolution:1.5dppx),\n        only screen and (max-width:1068px)and (min-resolution:144dpi) {\n            .section-ios .image-screen-2 .glass-screen {\n                background-image: url('https:\/\/devlight.io\/wp-content\/webp-express\/webp-images\/themes\/devlight\/assets\/img\/a-fishka-2.png.webp')\n            }\n        }\n\n        .section-ios .image-screen-3 .glass-screen {\n            width: 185px;\n            height: 375px;\n            background-size: 185px 375px;\n            background-repeat: no-repeat;\n            background-image: url('https:\/\/devlight.io\/wp-content\/webp-express\/webp-images\/themes\/devlight\/assets\/img\/a-fishka-3.png.webp')\n        }\n\n        @media (-webkit-min-device-pixel-ratio:1.5),\n        (min-resolution:144dpi),\n        only screen and (-webkit-min-device-pixel-ratio:1.5),\n        only screen and (min-resolution:1.5dppx) {\n            .section-ios .image-screen-3 .glass-screen {\n                background-image: url('https:\/\/devlight.io\/wp-content\/webp-express\/webp-images\/themes\/devlight\/assets\/img\/a-fishka-3.png.webp')\n            }\n        }\n\n        @media only screen and (max-width:1068px) {\n            .section-ios .image-screen-3 .glass-screen {\n                width: 204px;\n                height: 426px;\n                background-size: 204px 426px;\n                background-repeat: no-repeat;\n                background-image: url('https:\/\/devlight.io\/wp-content\/webp-express\/webp-images\/themes\/devlight\/assets\/img\/a-fishka-3.png.webp')\n            }\n        }\n\n        @media only screen and (max-width:1068px)and (-webkit-min-device-pixel-ratio:1.5),\n        only screen and (max-width:1068px)and (min-resolution:1.5dppx),\n        only screen and (max-width:1068px)and (min-resolution:144dpi) {\n            .section-ios .image-screen-3 .glass-screen {\n                background-image: url('https:\/\/devlight.io\/wp-content\/webp-express\/webp-images\/themes\/devlight\/assets\/img\/a-fishka-3.png.webp')\n            }\n        }\n\n        @media only screen and (max-width:734px) {\n            .section-ios .image-screen-3 .glass-screen {\n                width: 124px;\n                height: 260px;\n                background-size: 124px 260px;\n                background-repeat: no-repeat;\n                background-image: url('https:\/\/devlight.io\/wp-content\/webp-express\/webp-images\/themes\/devlight\/assets\/img\/a-fishka-3.png.webp')\n            }\n        }\n\n        @media only screen and (max-width:734px)and (-webkit-min-device-pixel-ratio:1.5),\n        only screen and (max-width:734px)and (min-resolution:1.5dppx),\n        only screen and (max-width:734px)and (min-resolution:144dpi) {\n            .section-ios .image-screen-3 .glass-screen {\n                background-image: url('https:\/\/devlight.io\/wp-content\/webp-express\/webp-images\/themes\/devlight\/assets\/img\/a-fishka-3.png.webp')\n            }\n        }\n\n        .section-ios .image-screen-4 .glass-screen {\n            width: 375px;\n            height: 185px;\n            background-size: 375px 185px;\n            background-repeat: no-repeat;\n            background-image: url('https:\/\/devlight.io\/wp-content\/webp-express\/webp-images\/themes\/devlight\/assets\/img\/a-fishka-4.png.webp')\n        }\n\n        @media (-webkit-min-device-pixel-ratio:1.5),\n        (min-resolution:144dpi),\n        only screen and (-webkit-min-device-pixel-ratio:1.5),\n        only screen and (min-resolution:1.5dppx) {\n            .section-ios .image-screen-4 .glass-screen {\n                background-image: url('https:\/\/devlight.io\/wp-content\/webp-express\/webp-images\/themes\/devlight\/assets\/img\/a-fishka-4.png.webp')\n            }\n        }\n\n        @media only screen and (max-width:1068px) {\n            .section-ios .image-screen-4 .glass-screen {\n                width: 426px;\n                height: 204px;\n                background-size: 426px 204px;\n                background-repeat: no-repeat;\n                background-image: url('https:\/\/devlight.io\/wp-content\/webp-express\/webp-images\/themes\/devlight\/assets\/img\/a-fishka-4.png.webp')\n            }\n        }\n\n        @media only screen and (max-width:1068px)and (-webkit-min-device-pixel-ratio:1.5),\n        only screen and (max-width:1068px)and (min-resolution:1.5dppx),\n        only screen and (max-width:1068px)and (min-resolution:144dpi) {\n            .section-ios .image-screen-4 .glass-screen {\n                background-image: url('https:\/\/devlight.io\/wp-content\/webp-express\/webp-images\/themes\/devlight\/assets\/img\/a-fishka-4.png.webp')\n            }\n        }\n\n        @media only screen and (max-width:734px) {\n            .section-ios .image-screen-4 .glass-screen {\n                width: 260px;\n                height: 124px;\n                background-size: 260px 124px;\n                background-repeat: no-repeat;\n                background-image: url('https:\/\/devlight.io\/wp-content\/webp-express\/webp-images\/themes\/devlight\/assets\/img\/a-fishka-4.png.webp')\n            }\n        }\n\n        @media only screen and (max-width:734px)and (-webkit-min-device-pixel-ratio:1.5),\n        only screen and (max-width:734px)and (min-resolution:1.5dppx),\n        only screen and (max-width:734px)and (min-resolution:144dpi) {\n            .section-ios .image-screen-4 .glass-screen {\n                background-image: url('https:\/\/devlight.io\/wp-content\/webp-express\/webp-images\/themes\/devlight\/assets\/img\/a-fishka-4.png.webp')\n            }\n        }\n\n        .section-ios .image-screen-5 .glass-screen {\n            width: 185px;\n            height: 375px;\n            background-size: 185px 375px;\n            background-repeat: no-repeat;\n            background-image: url('https:\/\/devlight.io\/wp-content\/webp-express\/webp-images\/themes\/devlight\/assets\/img\/a-fishka-5.png.webp')\n        }\n\n        @media (-webkit-min-device-pixel-ratio:1.5),\n        (min-resolution:144dpi),\n        only screen and (-webkit-min-device-pixel-ratio:1.5),\n        only screen and (min-resolution:1.5dppx) {\n            .section-ios .image-screen-5 .glass-screen {\n                background-image: url('https:\/\/devlight.io\/wp-content\/webp-express\/webp-images\/themes\/devlight\/assets\/img\/a-fishka-5.png.webp')\n            }\n        }\n\n        @media only screen and (max-width:1068px) {\n            .section-ios .image-screen-5 .glass-screen {\n                width: 204px;\n                height: 426px;\n                background-size: 204px 426px;\n                background-repeat: no-repeat;\n                background-image: url('https:\/\/devlight.io\/wp-content\/webp-express\/webp-images\/themes\/devlight\/assets\/img\/a-fishka-5.png.webp')\n            }\n        }\n\n        @media only screen and (max-width:1068px)and (-webkit-min-device-pixel-ratio:1.5),\n        only screen and (max-width:1068px)and (min-resolution:1.5dppx),\n        only screen and (max-width:1068px)and (min-resolution:144dpi) {\n            .section-ios .image-screen-5 .glass-screen {\n                background-image: url('https:\/\/devlight.io\/wp-content\/webp-express\/webp-images\/themes\/devlight\/assets\/img\/a-fishka-5.png.webp')\n            }\n        }\n\n        .section-ios .image-screen-6 .glass-screen {\n            width: 185px;\n            height: 375px;\n            background-size: 185px 375px;\n            background-repeat: no-repeat;\n            background-image: url('https:\/\/devlight.io\/wp-content\/webp-express\/webp-images\/themes\/devlight\/assets\/img\/a-fishka-10.png.webp')\n        }\n\n        @media (-webkit-min-device-pixel-ratio:1.5),\n        (min-resolution:144dpi),\n        only screen and (-webkit-min-device-pixel-ratio:1.5),\n        only screen and (min-resolution:1.5dppx) {\n            .section-ios .image-screen-6 .glass-screen {\n                background-image: url('https:\/\/devlight.io\/wp-content\/webp-express\/webp-images\/themes\/devlight\/assets\/img\/a-fishka-10.png.webp')\n            }\n        }\n\n        .section-ios .image-screen-7 .glass-screen {\n            width: 185px;\n            height: 375px;\n            background-size: 185px 375px;\n            background-repeat: no-repeat;\n        }\n\n        @media (-webkit-min-device-pixel-ratio:1.5),\n        (min-resolution:144dpi),\n        only screen and (-webkit-min-device-pixel-ratio:1.5),\n        only screen and (min-resolution:1.5dppx) {\n            .section-ios .image-screen-7 .glass-screen {\n            }\n        }\n\n        .section-ios .image-screen-8 .glass-screen {\n            width: 185px;\n            height: 375px;\n            background-size: 185px 375px;\n            background-repeat: no-repeat;\n        }\n\n        @media (-webkit-min-device-pixel-ratio:1.5),\n        (min-resolution:144dpi),\n        only screen and (-webkit-min-device-pixel-ratio:1.5),\n        only screen and (min-resolution:1.5dppx) {\n            .section-ios .image-screen-8 .glass-screen {\n            }\n        }\n\n        .section-ios .image-screen-9 .glass-screen {\n            width: 185px;\n            height: 375px;\n            background-size: 185px 375px;\n            background-repeat: no-repeat;\n            background-image: url('https:\/\/devlight.io\/wp-content\/webp-express\/webp-images\/themes\/devlight\/assets\/img\/a-fishka-9.png.webp')\n        }\n\n        @media (-webkit-min-device-pixel-ratio:1.5),\n        (min-resolution:144dpi),\n        only screen and (-webkit-min-device-pixel-ratio:1.5),\n        only screen and (min-resolution:1.5dppx) {\n            .section-ios .image-screen-9 .glass-screen {\n                background-image: url('https:\/\/devlight.io\/wp-content\/webp-express\/webp-images\/themes\/devlight\/assets\/img\/a-fishka-9.png.webp')\n            }\n        }\n\n        .section-ios .image-screen-10 .glass-screen {\n            width: 185px;\n            height: 375px;\n            background-size: 185px 375px;\n            background-repeat: no-repeat;\n            background-image: url('https:\/\/devlight.io\/wp-content\/webp-express\/webp-images\/themes\/devlight\/assets\/img\/a-fishka-10.png.webp')\n        }\n\n        @media (-webkit-min-device-pixel-ratio:1.5),\n        (min-resolution:144dpi),\n        only screen and (-webkit-min-device-pixel-ratio:1.5),\n        only screen and (min-resolution:1.5dppx) {\n            .section-ios .image-screen-10 .glass-screen {\n                background-image: url('https:\/\/devlight.io\/wp-content\/webp-express\/webp-images\/themes\/devlight\/assets\/img\/a-fishka-10.png.webp')\n            }\n        }\n\n        @media only screen and (max-width:1068px) {\n            .section-ios .image-screen-10 .glass-screen {\n                width: 204px;\n                height: 426px;\n                background-size: 204px 426px;\n                background-repeat: no-repeat;\n                background-image: url('https:\/\/devlight.io\/wp-content\/webp-express\/webp-images\/themes\/devlight\/assets\/img\/a-fishka-10.png.webp')\n            }\n        }\n\n        @media only screen and (max-width:1068px)and (-webkit-min-device-pixel-ratio:1.5),\n        only screen and (max-width:1068px)and (min-resolution:1.5dppx),\n        only screen and (max-width:1068px)and (min-resolution:144dpi) {\n            .section-ios .image-screen-10 .glass-screen {\n                background-image: url('https:\/\/devlight.io\/wp-content\/webp-express\/webp-images\/themes\/devlight\/assets\/img\/a-fishka-10.png.webp')\n            }\n        }\n\n        .section-ios .image-screen-11 .glass-screen {\n            width: 375px;\n            height: 185px;\n            background-size: 375px 185px;\n            background-repeat: no-repeat;\n            background-image: url('https:\/\/devlight.io\/wp-content\/webp-express\/webp-images\/themes\/devlight\/assets\/img\/a-fishka-11.png.webp')\n        }\n\n        @media (-webkit-min-device-pixel-ratio:1.5),\n        (min-resolution:144dpi),\n        only screen and (-webkit-min-device-pixel-ratio:1.5),\n        only screen and (min-resolution:1.5dppx) {\n            .section-ios .image-screen-11 .glass-screen {\n                background-image: url('https:\/\/devlight.io\/wp-content\/webp-express\/webp-images\/themes\/devlight\/assets\/img\/a-fishka-11.png.webp')\n            }\n        }\n\n        @media only screen and (max-width:1068px) {\n            .section-ios .image-screen-11 .glass-screen {\n                width: 426px;\n                height: 204px;\n                background-size: 426px 204px;\n                background-repeat: no-repeat;\n                background-image: url('https:\/\/devlight.io\/wp-content\/webp-express\/webp-images\/themes\/devlight\/assets\/img\/a-fishka-11.png.webp')\n            }\n        }\n\n        @media only screen and (max-width:1068px)and (-webkit-min-device-pixel-ratio:1.5),\n        only screen and (max-width:1068px)and (min-resolution:1.5dppx),\n        only screen and (max-width:1068px)and (min-resolution:144dpi) {\n            .section-ios .image-screen-11 .glass-screen {\n                background-image: url('https:\/\/devlight.io\/wp-content\/webp-express\/webp-images\/themes\/devlight\/assets\/img\/a-fishka-11.png.webp')\n            }\n        }\n\n        @media only screen and (max-width:734px) {\n            .section-ios .image-screen-11 .glass-screen {\n                width: 260px;\n                height: 124px;\n                background-size: 260px 124px;\n                background-repeat: no-repeat;\n                background-image: url('https:\/\/devlight.io\/wp-content\/webp-express\/webp-images\/themes\/devlight\/assets\/img\/a-fishka-11.png.webp')\n            }\n        }\n\n        @media only screen and (max-width:734px)and (-webkit-min-device-pixel-ratio:1.5),\n        only screen and (max-width:734px)and (min-resolution:1.5dppx),\n        only screen and (max-width:734px)and (min-resolution:144dpi) {\n            .section-ios .image-screen-11 .glass-screen {\n                background-image: url('https:\/\/devlight.io\/wp-content\/webp-express\/webp-images\/themes\/devlight\/assets\/img\/a-fishka-11.png.webp')\n            }\n        }\n\n        .section-ios .image-screen-12 .glass-screen {\n            width: 185px;\n            height: 375px;\n            background-size: 185px 375px;\n            background-repeat: no-repeat;\n            background-image: url('https:\/\/devlight.io\/wp-content\/webp-express\/webp-images\/themes\/devlight\/assets\/img\/a-fishka-12.png.webp')\n        }\n\n        @media (-webkit-min-device-pixel-ratio:1.5),\n        (min-resolution:144dpi),\n        only screen and (-webkit-min-device-pixel-ratio:1.5),\n        only screen and (min-resolution:1.5dppx) {\n            .section-ios .image-screen-12 .glass-screen {\n                background-image: url('https:\/\/devlight.io\/wp-content\/webp-express\/webp-images\/themes\/devlight\/assets\/img\/a-fishka-12.png.webp')\n            }\n        }\n\n        @media only screen and (max-width:1068px) {\n            .section-ios .image-screen-12 .glass-screen {\n                width: 204px;\n                height: 426px;\n                background-size: 204px 426px;\n                background-repeat: no-repeat;\n                background-image: url('https:\/\/devlight.io\/wp-content\/webp-express\/webp-images\/themes\/devlight\/assets\/img\/a-fishka-12.png.webp')\n            }\n        }\n\n        @media only screen and (max-width:1068px)and (-webkit-min-device-pixel-ratio:1.5),\n        only screen and (max-width:1068px)and (min-resolution:1.5dppx),\n        only screen and (max-width:1068px)and (min-resolution:144dpi) {\n            .section-ios .image-screen-12 .glass-screen {\n                background-image: url('https:\/\/devlight.io\/wp-content\/webp-express\/webp-images\/themes\/devlight\/assets\/img\/a-fishka-12.png.webp')\n            }\n        }\n\n        @media only screen and (max-width:734px) {\n            .section-ios .image-screen-12 .glass-screen {\n                width: 124px;\n                height: 260px;\n                background-size: 124px 260px;\n                background-repeat: no-repeat;\n                background-image: url('https:\/\/devlight.io\/wp-content\/webp-express\/webp-images\/themes\/devlight\/assets\/img\/a-fishka-12.png.webp')\n            }\n        }\n\n        @media only screen and (max-width:734px)and (-webkit-min-device-pixel-ratio:1.5),\n        only screen and (max-width:734px)and (min-resolution:1.5dppx),\n        only screen and (max-width:734px)and (min-resolution:144dpi) {\n            .section-ios .image-screen-12 .glass-screen {\n                background-image: url('https:\/\/devlight.io\/wp-content\/webp-express\/webp-images\/themes\/devlight\/assets\/img\/a-fishka-12.png.webp')\n            }\n        }\n\n        .section-ios .image-screen-13 .glass-screen {\n            width: 185px;\n            height: 375px;\n            background-size: 185px 375px;\n            background-repeat: no-repeat;\n            background-image: url('https:\/\/devlight.io\/wp-content\/webp-express\/webp-images\/themes\/devlight\/assets\/img\/a-fishka-13.png.webp')\n        }\n\n        @media (-webkit-min-device-pixel-ratio:1.5),\n        (min-resolution:144dpi),\n        only screen and (-webkit-min-device-pixel-ratio:1.5),\n        only screen and (min-resolution:1.5dppx) {\n            .section-ios .image-screen-13 .glass-screen {\n                background-image: url('https:\/\/devlight.io\/wp-content\/webp-express\/webp-images\/themes\/devlight\/assets\/img\/a-fishka-13.png.webp')\n            }\n        }\n\n        @media only screen and (max-width:1068px) {\n            .section-ios .image-screen-13 .glass-screen {\n                width: 204px;\n                height: 426px;\n                background-size: 204px 426px;\n                background-repeat: no-repeat;\n                background-image: url('https:\/\/devlight.io\/wp-content\/webp-express\/webp-images\/themes\/devlight\/assets\/img\/a-fishka-13.png.webp')\n            }\n        }\n\n        @media only screen and (max-width:1068px)and (-webkit-min-device-pixel-ratio:1.5),\n        only screen and (max-width:1068px)and (min-resolution:1.5dppx),\n        only screen and (max-width:1068px)and (min-resolution:144dpi) {\n            .section-ios .image-screen-13 .glass-screen {\n                background-image: url('https:\/\/devlight.io\/wp-content\/webp-express\/webp-images\/themes\/devlight\/assets\/img\/a-fishka-13.png.webp')\n            }\n        }\n\n        @media only screen and (max-width:734px) {\n            .section-ios .image-screen-13 .glass-screen {\n                width: 124px;\n                height: 260px;\n                background-size: 124px 260px;\n                background-repeat: no-repeat;\n                background-image: url('https:\/\/devlight.io\/wp-content\/webp-express\/webp-images\/themes\/devlight\/assets\/img\/a-fishka-13.png.webp')\n            }\n        }\n\n        @media only screen and (max-width:734px)and (-webkit-min-device-pixel-ratio:1.5),\n        only screen and (max-width:734px)and (min-resolution:1.5dppx),\n        only screen and (max-width:734px)and (min-resolution:144dpi) {\n            .section-ios .image-screen-13 .glass-screen {\n                background-image: url('https:\/\/devlight.io\/wp-content\/webp-express\/webp-images\/themes\/devlight\/assets\/img\/a-fishka-13.png.webp')\n            }\n        }\n\n        .section-ios .image-screen-14 .glass-screen {\n            width: 185px;\n            height: 375px;\n            background-size: 185px 375px;\n            background-repeat: no-repeat;\n            background-image: url('https:\/\/devlight.io\/wp-content\/webp-express\/webp-images\/themes\/devlight\/assets\/img\/a-fishka-14.png.webp')\n        }\n\n        @media (-webkit-min-device-pixel-ratio:1.5),\n        (min-resolution:144dpi),\n        only screen and (-webkit-min-device-pixel-ratio:1.5),\n        only screen and (min-resolution:1.5dppx) {\n            .section-ios .image-screen-14 .glass-screen {\n                background-image: url('https:\/\/devlight.io\/wp-content\/webp-express\/webp-images\/themes\/devlight\/assets\/img\/a-fishka-14.png.webp')\n            }\n        }\n\n        .section-ios .image-screen-15 .glass-screen {\n            width: 375px;\n            height: 185px;\n            background-size: 375px 185px;\n            background-repeat: no-repeat;\n            background-image: url('https:\/\/devlight.io\/wp-content\/webp-express\/webp-images\/themes\/devlight\/assets\/img\/a-fishka-11.png.webp')\n        }\n\n        @media (-webkit-min-device-pixel-ratio:1.5),\n        (min-resolution:144dpi),\n        only screen and (-webkit-min-device-pixel-ratio:1.5),\n        only screen and (min-resolution:1.5dppx) {\n            .section-ios .image-screen-15 .glass-screen {\n              background-image: url('https:\/\/devlight.io\/wp-content\/webp-express\/webp-images\/themes\/devlight\/assets\/img\/a-fishka-11.png.webp')\n            }\n        }\n\n        @media only screen and (max-width:734px) {\n            .section-ios .image-screen-15 .glass-screen {\n                width: 260px;\n                height: 124px;\n                background-size: 260px 124px;\n                background-repeat: no-repeat;\n                background-image: url('https:\/\/devlight.io\/wp-content\/webp-express\/webp-images\/themes\/devlight\/assets\/img\/a-fishka-11.png.webp')\n            }\n        }\n\n        @media only screen and (max-width:734px)and (-webkit-min-device-pixel-ratio:1.5),\n        only screen and (max-width:734px)and (min-resolution:1.5dppx),\n        only screen and (max-width:734px)and (min-resolution:144dpi) {\n            .section-ios .image-screen-15 .glass-screen {\n              background-image: url('https:\/\/devlight.io\/wp-content\/webp-express\/webp-images\/themes\/devlight\/assets\/img\/a-fishka-11.png.webp')\n            }\n        }\n\n        .section-ios .image-screen-16 .glass-screen {\n            width: 185px;\n            height: 375px;\n            background-size: 185px 375px;\n            background-repeat: no-repeat;\n            background-image: url('https:\/\/devlight.io\/wp-content\/webp-express\/webp-images\/themes\/devlight\/assets\/img\/a-fishka-14.png.webp')\n        }\n\n        @media (-webkit-min-device-pixel-ratio:1.5),\n        (min-resolution:144dpi),\n        only screen and (-webkit-min-device-pixel-ratio:1.5),\n        only screen and (min-resolution:1.5dppx) {\n            .section-ios .image-screen-16 .glass-screen {\n              background-image: url('https:\/\/devlight.io\/wp-content\/webp-express\/webp-images\/themes\/devlight\/assets\/img\/a-fishka-14.png.webp')\n            }\n        }\n\n        .section-ios .image-screen-17 .glass-screen {\n            width: 375px;\n            height: 185px;\n            background-size: 375px 185px;\n            background-repeat: no-repeat;\n            background-image: url('https:\/\/devlight.io\/wp-content\/webp-express\/webp-images\/themes\/devlight\/assets\/img\/a-fishka-17.png.webp')\n        }\n\n        @media (-webkit-min-device-pixel-ratio:1.5),\n        (min-resolution:144dpi),\n        only screen and (-webkit-min-device-pixel-ratio:1.5),\n        only screen and (min-resolution:1.5dppx) {\n            .section-ios .image-screen-17 .glass-screen {\n                background-image: url('https:\/\/devlight.io\/wp-content\/webp-express\/webp-images\/themes\/devlight\/assets\/img\/a-fishka-17.png.webp')\n            }\n        }\n\n        .section-ios .image-screen-18 .glass-screen {\n            width: 375px;\n            height: 185px;\n            background-size: 375px 185px;\n            background-repeat: no-repeat;\n            background-image: url('https:\/\/devlight.io\/wp-content\/webp-express\/webp-images\/themes\/devlight\/assets\/img\/a-fishka-18.png.webp')\n        }\n\n        @media (-webkit-min-device-pixel-ratio:1.5),\n        (min-resolution:144dpi),\n        only screen and (-webkit-min-device-pixel-ratio:1.5),\n        only screen and (min-resolution:1.5dppx) {\n            .section-ios .image-screen-18 .glass-screen {\n                background-image: url('https:\/\/devlight.io\/wp-content\/webp-express\/webp-images\/themes\/devlight\/assets\/img\/a-fishka-18.png.webp')\n            }\n        }\n\n        @media only screen and (max-width:1068px) {\n            .section-ios .image-screen-18 .glass-screen {\n                width: 426px;\n                height: 204px;\n                background-size: 426px 204px;\n                background-repeat: no-repeat;\n                background-image: url('https:\/\/devlight.io\/wp-content\/webp-express\/webp-images\/themes\/devlight\/assets\/img\/a-fishka-18.png.webp')\n            }\n        }\n\n        @media only screen and (max-width:1068px)and (-webkit-min-device-pixel-ratio:1.5),\n        only screen and (max-width:1068px)and (min-resolution:1.5dppx),\n        only screen and (max-width:1068px)and (min-resolution:144dpi) {\n            .section-ios .image-screen-18 .glass-screen {\n                background-image: url('https:\/\/devlight.io\/wp-content\/webp-express\/webp-images\/themes\/devlight\/assets\/img\/a-fishka-18.png.webp')\n            }\n        }\n\n        @media only screen and (max-width:734px) {\n            .section-ios .image-screen-18 .glass-screen {\n                width: 260px;\n                height: 124px;\n                background-size: 260px 124px;\n                background-repeat: no-repeat;\n                background-image: url('https:\/\/devlight.io\/wp-content\/webp-express\/webp-images\/themes\/devlight\/assets\/img\/a-fishka-18.png.webp')\n            }\n        }\n\n        @media only screen and (max-width:734px)and (-webkit-min-device-pixel-ratio:1.5),\n        only screen and (max-width:734px)and (min-resolution:1.5dppx),\n        only screen and (max-width:734px)and (min-resolution:144dpi) {\n            .section-ios .image-screen-18 .glass-screen {\n                background-image: url('https:\/\/devlight.io\/wp-content\/webp-express\/webp-images\/themes\/devlight\/assets\/img\/a-fishka-18.png.webp')\n            }\n        }\n\n        .section-ios .image-screen-19 .glass-screen {\n            width: 185px;\n            height: 375px;\n            background-size: 185px 375px;\n            background-repeat: no-repeat;\n            background-image: url('https:\/\/devlight.io\/wp-content\/webp-express\/webp-images\/themes\/devlight\/assets\/img\/a-fishka-3.png.webp')\n        }\n\n        @media (-webkit-min-device-pixel-ratio:1.5),\n        (min-resolution:144dpi),\n        only screen and (-webkit-min-device-pixel-ratio:1.5),\n        only screen and (min-resolution:1.5dppx) {\n            .section-ios .image-screen-19 .glass-screen {\n                background-image: url('https:\/\/devlight.io\/wp-content\/webp-express\/webp-images\/themes\/devlight\/assets\/img\/a-fishka-3.png.webp')\n            }\n        }\n\n        @media only screen and (max-width:1068px) {\n            .section-ios .image-screen-19 .glass-screen {\n                width: 204px;\n                height: 426px;\n                background-size: 204px 426px;\n                background-repeat: no-repeat;\n                background-image: url('https:\/\/devlight.io\/wp-content\/webp-express\/webp-images\/themes\/devlight\/assets\/img\/a-fishka-3.png.webp')\n            }\n        }\n\n        @media only screen and (max-width:1068px)and (-webkit-min-device-pixel-ratio:1.5),\n        only screen and (max-width:1068px)and (min-resolution:1.5dppx),\n        only screen and (max-width:1068px)and (min-resolution:144dpi) {\n            .section-ios .image-screen-19 .glass-screen {\n                background-image: url('https:\/\/devlight.io\/wp-content\/webp-express\/webp-images\/themes\/devlight\/assets\/img\/a-fishka-3.png.webp')\n            }\n        }\n\n        @media only screen and (max-width:734px) {\n            .section-ios .image-screen-19 .glass-screen {\n                width: 124px;\n                height: 260px;\n                background-size: 124px 260px;\n                background-repeat: no-repeat;\n                background-image: url('https:\/\/devlight.io\/wp-content\/webp-express\/webp-images\/themes\/devlight\/assets\/img\/a-fishka-3.png.webp')\n            }\n        }\n\n        @media only screen and (max-width:734px)and (-webkit-min-device-pixel-ratio:1.5),\n        only screen and (max-width:734px)and (min-resolution:1.5dppx),\n        only screen and (max-width:734px)and (min-resolution:144dpi) {\n            .section-ios .image-screen-19 .glass-screen {\n                background-image: url('https:\/\/devlight.io\/wp-content\/webp-express\/webp-images\/themes\/devlight\/assets\/img\/a-fishka-3.png.webp')\n            }\n        }\n\n        .section-ios .grid-item-horizontal {\n            width: 375px;\n            height: 185px\n        }\n\n        @media only screen and (max-width:1068px) {\n            .section-ios .grid-item-horizontal {\n                width: 442px;\n                height: 220px\n            }\n        }\n\n        @media only screen and (max-width:734px) {\n            .section-ios .grid-item-horizontal {\n                width: 270px;\n                height: 136px\n            }\n        }\n\n        .section-ios .grid-item-horizontal .glass-hardware {\n            width: 375px;\n            height: 185px;\n            background-size: 375px 185px;\n            background-repeat: no-repeat;\n        }\n\n        @media (-webkit-min-device-pixel-ratio:1.5),\n        (min-resolution:144dpi),\n        only screen and (-webkit-min-device-pixel-ratio:1.5),\n        only screen and (min-resolution:1.5dppx) {\n            .section-ios .grid-item-horizontal .glass-hardware {\n            }\n        }\n\n        @media only screen and (max-width:1068px) {\n            .section-ios .grid-item-horizontal .glass-hardware {\n                width: 442px;\n                height: 220px;\n                background-size: 442px 220px;\n                background-repeat: no-repeat;\n            }\n        }\n\n        @media only screen and (max-width:1068px)and (-webkit-min-device-pixel-ratio:1.5),\n        only screen and (max-width:1068px)and (min-resolution:1.5dppx),\n        only screen and (max-width:1068px)and (min-resolution:144dpi) {\n            .section-ios .grid-item-horizontal .glass-hardware {\n            }\n        }\n\n        @media only screen and (max-width:734px) {\n            .section-ios .grid-item-horizontal .glass-hardware {\n                width: 270px;\n                height: 136px;\n                background-size: 270px 136px;\n                background-repeat: no-repeat;\n            }\n            .ios-grid-item-1,\n            .ios-grid-item-2,\n            .ios-grid-item-10,\n            .ios-grid-item-17 {\n              display: none;\n            }\n\n        }\n\n        @media only screen and (max-width:734px)and (-webkit-min-device-pixel-ratio:1.5),\n        only screen and (max-width:734px)and (min-resolution:1.5dppx),\n        only screen and (max-width:734px)and (min-resolution:144dpi) {\n            .section-ios .grid-item-horizontal .glass-hardware {\n            }\n        }\n\n        .section-ios .grid-item-horizontal .glass-screen {\n            z-index: 2;\n            margin-left: 8px;\n            margin-top: 8px\n        }\n\n        @media only screen and (max-width:734px) {\n            .section-ios .grid-item-horizontal .glass-screen {\n                margin-left: 5px;\n                margin-top: 5px\n            }\n        }\n\n        .section-ios .grid-item-horizontal:before {\n            width: 500px;\n            height: 290px;\n            background-size: 485px 276px;\n            background-repeat: no-repeat;\n            background-image: url('https:\/\/devlight.io\/wp-content\/webp-express\/webp-images\/themes\/devlight\/assets\/img\/a-shadow-horizontal.png.webp');\n            left: 0;\n            top: 0;\n        }\n\n        @media (-webkit-min-device-pixel-ratio:1.5),\n        (min-resolution:144dpi),\n        only screen and (-webkit-min-device-pixel-ratio:1.5),\n        only screen and (min-resolution:1.5dppx) {\n            .section-ios .grid-item-horizontal:before {\n                background-image: url('https:\/\/devlight.io\/wp-content\/webp-express\/webp-images\/themes\/devlight\/assets\/img\/a-shadow-horizontal.png.webp');\n            }\n        }\n\n        @media only screen and (max-width:1068px) {\n            .section-ios .grid-item-horizontal:before {\n                width: 568px;\n                height: 382px;\n                background-size: 568px 382px;\n                background-repeat: no-repeat;\n                background-image: url('https:\/\/devlight.io\/wp-content\/webp-express\/webp-images\/themes\/devlight\/assets\/img\/a-shadow-horizontal.png.webp');\n            }\n        }\n\n        @media only screen and (max-width:1068px)and (-webkit-min-device-pixel-ratio:1.5),\n        only screen and (max-width:1068px)and (min-resolution:1.5dppx),\n        only screen and (max-width:1068px)and (min-resolution:144dpi) {\n            .section-ios .grid-item-horizontal:before {\n                background-image: url('https:\/\/devlight.io\/wp-content\/webp-express\/webp-images\/themes\/devlight\/assets\/img\/a-shadow-horizontal.png.webp');\n            }\n        }\n\n        @media only screen and (max-width:734px) {\n            .section-ios .grid-item-horizontal:before {\n                width: 332px;\n                height: 222px;\n                background-size: 332px 222px;\n                background-repeat: no-repeat;\n                background-image: url('https:\/\/devlight.io\/wp-content\/webp-express\/webp-images\/themes\/devlight\/assets\/img\/a-shadow-horizontal.png.webp');\n            }\n        }\n\n        @media only screen and (max-width:734px)and (-webkit-min-device-pixel-ratio:1.5),\n        only screen and (max-width:734px)and (min-resolution:1.5dppx),\n        only screen and (max-width:734px)and (min-resolution:144dpi) {\n            .section-ios .grid-item-horizontal:before {\n                background-image: url('https:\/\/devlight.io\/wp-content\/webp-express\/webp-images\/themes\/devlight\/assets\/img\/a-shadow-horizontal.png.webp');\n            }\n        }\n\n        @media only screen and (max-width:1068px) {\n            .section-ios .grid-item-horizontal:before {\n                left: -19px;\n                top: -17px\n            }\n        }\n\n        @media only screen and (max-width:734px) {\n            .section-ios .grid-item-horizontal:before {\n                left: -5px;\n                top: -4px\n            }\n        }\n\n        .section-ios .grid-item-vertical {\n            width: 185px;\n            height: 552px\n        }\n\n        @media only screen and (max-width:1068px) {\n            .section-ios .grid-item-vertical {\n                width: 220px;\n                height: 442px\n            }\n        }\n\n        @media only screen and (max-width:734px) {\n            .section-ios .grid-item-vertical {\n                width: 134px;\n                height: 270px\n            }\n        }\n\n        .section-ios .grid-item-vertical .glass-hardware {\n            width: 185px;\n            height: 375px;\n            background-size: 185px 375px;\n            background-repeat: no-repeat;\n        }\n\n        @media (-webkit-min-device-pixel-ratio:1.5),\n        (min-resolution:144dpi),\n        only screen and (-webkit-min-device-pixel-ratio:1.5),\n        only screen and (min-resolution:1.5dppx) {\n            .section-ios .grid-item-vertical .glass-hardware {\n            }\n        }\n\n        @media only screen and (max-width:1068px) {\n            .section-ios .grid-item-vertical .glass-hardware {\n                width: 220px;\n                height: 442px;\n                background-size: 220px 442px;\n                background-repeat: no-repeat;\n            }\n        }\n\n        @media only screen and (max-width:1068px)and (-webkit-min-device-pixel-ratio:1.5),\n        only screen and (max-width:1068px)and (min-resolution:1.5dppx),\n        only screen and (max-width:1068px)and (min-resolution:144dpi) {\n            .section-ios .grid-item-vertical .glass-hardware {\n            }\n        }\n\n        @media only screen and (max-width:734px) {\n            .section-ios .grid-item-vertical .glass-hardware {\n                width: 134px;\n                height: 270px;\n                background-size: 134px 270px;\n                background-repeat: no-repeat;\n            }\n        }\n\n        @media only screen and (max-width:734px)and (-webkit-min-device-pixel-ratio:1.5),\n        only screen and (max-width:734px)and (min-resolution:1.5dppx),\n        only screen and (max-width:734px)and (min-resolution:144dpi) {\n            .section-ios .grid-item-vertical .glass-hardware {\n            }\n        }\n\n        .section-ios .grid-item-vertical .glass-screen {\n            z-index: 2;\n            margin-left: 8px;\n            margin-top: 8px\n        }\n\n        @media only screen and (max-width:734px) {\n            .section-ios .grid-item-vertical .glass-screen {\n                margin-left: 5px;\n                margin-top: 5px\n            }\n        }\n\n        .section-ios .grid-item-vertical:before {\n            width: 300px;\n            height: 500px;\n            background-size: 276px 485px;\n            background-repeat: no-repeat;\n            background-image: url('https:\/\/devlight.io\/wp-content\/webp-express\/webp-images\/themes\/devlight\/assets\/img\/a-shadow-vertical.png.webp');\n            left: 0;\n            top: 0;\n            opacity: 1;\n        }\n\n        @media (-webkit-min-device-pixel-ratio:1.5),\n        (min-resolution:144dpi),\n        only screen and (-webkit-min-device-pixel-ratio:1.5),\n        only screen and (min-resolution:1.5dppx) {\n            .section-ios .grid-item-vertical:before {\n                background-image: url('https:\/\/devlight.io\/wp-content\/webp-express\/webp-images\/themes\/devlight\/assets\/img\/a-shadow-vertical.png.webp');\n            }\n        }\n\n        @media only screen and (max-width:1068px) {\n            .section-ios .grid-item-vertical:before {\n                width: 382px;\n                height: 568px;\n                background-size: 382px 568px;\n                background-repeat: no-repeat;\n                background-image: url('https:\/\/devlight.io\/wp-content\/webp-express\/webp-images\/themes\/devlight\/assets\/img\/a-shadow-vertical.png.webp');\n            }\n        }\n\n        @media only screen and (max-width:1068px)and (-webkit-min-device-pixel-ratio:1.5),\n        only screen and (max-width:1068px)and (min-resolution:1.5dppx),\n        only screen and (max-width:1068px)and (min-resolution:144dpi) {\n            .section-ios .grid-item-vertical:before {\n                background-image: url('https:\/\/devlight.io\/wp-content\/webp-express\/webp-images\/themes\/devlight\/assets\/img\/a-shadow-vertical.png.webp');\n            }\n        }\n\n        @media only screen and (max-width:734px) {\n            .section-ios .grid-item-vertical:before {\n                width: 222px;\n                height: 332px;\n                background-size: 222px 332px;\n                background-repeat: no-repeat;\n                background-image: url('https:\/\/devlight.io\/wp-content\/webp-express\/webp-images\/themes\/devlight\/assets\/img\/a-shadow-vertical.png.webp');\n            }\n        }\n\n        @media only screen and (max-width:734px)and (-webkit-min-device-pixel-ratio:1.5),\n        only screen and (max-width:734px)and (min-resolution:1.5dppx),\n        only screen and (max-width:734px)and (min-resolution:144dpi) {\n            .section-ios .grid-item-vertical:before {\n                background-image: url('https:\/\/devlight.io\/wp-content\/webp-express\/webp-images\/themes\/devlight\/assets\/img\/a-shadow-vertical.png.webp');\n            }\n        }\n\n        @media only screen and (max-width:1068px) {\n            .section-ios .grid-item-vertical:before {\n                left: -17px;\n                top: -19px\n            }\n        }\n\n        @media only screen and (max-width:734px) {\n            .section-ios .grid-item-vertical:before {\n                left: -8px;\n                top: -10px\n            }\n        }\n\n        @media only screen and (inverted-colors) {\n\n            .section-ios .grid-item-horizontal,\n            .section-ios .grid-item-vertical,\n            .section-ios .glass-container {\n                filter: invert(1)\n            }\n        }\n\n        html.enhance-ios .section-ios .grid-item-horizontal,\n        html.enhance-ios .section-ios .grid-item-vertical,\n        html.enhance-ios .section-ios .glass-container {\n            opacity: 0\n        }\n\n        .section-ios .glass-screen {\n            border-radius: 27px\n        }\n\n        @media only screen and (max-width:1068px) {\n            .section-ios .glass-screen {\n                border-radius: 20px\n            }\n        }\n\n        @media only screen and (max-width:734px) {\n            .section-ios .glass-screen {\n                border-radius: 17px\n            }\n        }\n\n        .section-ios .ios-content {\n            box-sizing: border-box;\n            padding: calc(var(--grid-gap)\/2) calc(var(--grid-gap)\/2) 0 calc(var(--grid-gap)\/2);\n            text-align: center;\n            display: flex;\n            flex-direction: column;\n            align-items: center;\n        }\n        .section-ios .ios-content-img {\n            width: 50px;\n            height: 50px;\n        }\n        .section-ios .ios-content-title {\n            font-family: 'RoadRadio';\n            font-weight: 700;\n            font-size: 56px;\n            line-height: 64px;\n            color: #191919;    \n            margin-top: 25px;\n            max-width: 424px;\n        }\n        .section-ios .ios-content-title > * {\n            margin: 0;\n        }\n        .section-ios .ios-content-text {\n            margin-top: 16px;\n            font-family: 'Proxima Nova';\n            font-style: normal;\n            font-weight: 600;\n            font-size: 16px;\n            line-height: 24px;\n        }\n        .section-ios .ios-content-btn {\n            font-family: 'RoadRadio';\n            background: #EE4046;\n            border-radius: 2px;\n            font-weight: 700;\n            font-size: 16px;\n            line-height: 16px;\n            letter-spacing: 1px;\n            color: #FFFFFF;\n            padding: 20px 46px;\n            text-align: center;\n            margin-top: 40px;\n        }\n\n        @media only screen and (max-width:734px) {\n            .section-ios .ios-content {\n                padding-top: calc(52px - var(--grid-gap));\n                margin: 0 auto;\n                max-width: 87.5vw;\n                padding-left: 0;\n                padding-right: 0\n            }\n        }\n\n        html.enhance-ios .section-ios .ios-content [data-animate-ios-content] {\n            opacity: 0\n        }\n\n        .section-ios .ios-intro {\n            margin-top: 80px\n        }\n\n        @media only screen and (max-width:1068px) {\n            .section-ios .ios-intro {\n                margin-top: 35px\n            }\n        }\n\n        @media only screen and (max-width:734px) {\n            .section-ios .ios-intro {\n                margin-top: 0\n            }\n        }\n\n        .section-ios .ios-availability {\n            color: #6e6e73\n        }\n    <\/style>\n\n    <section class=\"section section-ios\" id=\"section-ios-2\">\n        <div class=\"ios-grid\">\n            <figure  class=\"ios-grid-item ios-grid-item-logo\" id=\"ios-grid-item-logo\" style=\"transform: matrix(1, 0, 0, 1, 0, 0);background-image: url('https:\/\/devlight.io\/wp-content\/webp-express\/webp-images\/uploads\/2022\/09\/nova.png.webp');\"><\/figure>\n            <div class=\"ios-grid-item ios-grid-item-1 ios-grid-item-horizontal ios-grid-item-offset justify-self-end medium-hide small-hide\">\n                <div class=\"glass-container grid-item-horizontal image-screen-1\" id=\"image-screen-1\" style=\"transform: matrix(1, 0, 0, 1, 0, 0); opacity: 0;\">\n                    <div class=\"glass-hardware\"><\/div>\n                    <div class=\"glass-screen\" style=\"background-image: url(https:\/\/devlight.io\/wp-content\/webp-express\/webp-images\/uploads\/2022\/09\/Group-33554-3.png.webp);\"><\/div>\n                <\/div>\n            <\/div>\n            <div class=\"ios-grid-item ios-grid-item-2 ios-grid-item-vertical small-hide\">\n                <div class=\"glass-container grid-item-vertical image-screen-2\" id=\"image-screen-2\" style=\"transform: matrix(1, 0, 0, 1, 0, 0); opacity: 0;\">\n                    <div class=\"glass-hardware\"><\/div>\n                    <div class=\"glass-screen\" style=\"background-image: url(https:\/\/devlight.io\/wp-content\/webp-express\/webp-images\/uploads\/2022\/09\/Group-33524-2.png.webp);\"><\/div>\n                <\/div>\n            <\/div>\n            <div class=\"ios-grid-item ios-grid-item-3 ios-grid-item-vertical\">\n                <div class=\"glass-container grid-item-vertical image-screen-3\" id=\"image-screen-3\" style=\"transform: matrix(1, 0, 0, 1, 0, 0); opacity: 0;\">\n                    <div class=\"glass-hardware\"><\/div>\n                    <div class=\"glass-screen\" style=\"background-image: url(https:\/\/devlight.io\/wp-content\/webp-express\/webp-images\/uploads\/2022\/09\/Group-33551-2.png.webp);\"><\/div>\n                <\/div>\n            <\/div>\n            <div class=\"ios-grid-item ios-grid-item-4 ios-grid-item-horizontal ios-grid-item-offset-horizontal\">\n                <div class=\"glass-container grid-item-horizontal image-screen-4\" id=\"image-screen-4\" style=\"transform: matrix(1, 0, 0, 1, 0, 0); opacity: 0;\">\n                    <div class=\"glass-hardware\"><\/div>\n                    <div class=\"glass-screen\" style=\"background-image: url(https:\/\/devlight.io\/wp-content\/webp-express\/webp-images\/uploads\/2022\/09\/Group-33552-2.png.webp);\"><\/div>\n                <\/div>\n            <\/div>\n            <div class=\"ios-grid-item ios-grid-item-5 ios-grid-item-vertical align-self-end small-hide\">\n                <div class=\"glass-container grid-item-vertical image-screen-5\" id=\"image-screen-5\" style=\"transform: matrix(1, 0, 0, 1, 0, 0); opacity: 0;\">\n                    <div class=\"glass-hardware\"><\/div>\n                    <div class=\"glass-screen\" style=\"background-image: url(https:\/\/devlight.io\/wp-content\/webp-express\/webp-images\/uploads\/2022\/09\/Group-33553-2.png.webp);\"><\/div>\n                <\/div>\n            <\/div>\n            <div class=\"ios-grid-item ios-grid-item-6 ios-grid-item-vertical medium-hide\">\n                <div class=\"glass-container grid-item-vertical image-screen-6\" id=\"image-screen-6\" style=\"transform: matrix(1, 0, 0, 1, 0, 0); opacity: 0;\">\n                    <div class=\"glass-hardware\"><\/div>\n                    <div class=\"glass-screen\" style=\"background-image: url(https:\/\/devlight.io\/wp-content\/webp-express\/webp-images\/uploads\/2022\/09\/Group-626092.png.webp);\"><\/div>\n                <\/div>\n            <\/div>\n            <div class=\"ios-grid-item ios-grid-item-7 ios-grid-item-vertical medium-hide\" hidden>\n                <div class=\"glass-container grid-item-vertical image-screen-7\" id=\"image-screen-7\" style=\"transform: matrix(1, 0, 0, 1, 0, 0); opacity: 0;\">\n                    <div class=\"glass-hardware\"><\/div>\n                    <div class=\"glass-screen\" style=\"background-image: url(8139);\"><\/div>\n                <\/div>\n            <\/div>\n            <!-- <div class=\"ios-grid-item ios-grid-item-8 ios-grid-item-vertical ios-grid-item-offset medium-hide\">\n                <div class=\"glass-container grid-item-vertical image-screen-8\" id=\"image-screen-8\" style=\"transform: matrix(1, 0, 0, 1, 0, 0); opacity: 0;\">\n                    <div class=\"glass-hardware\"><\/div>\n                    <div class=\"glass-screen\" style=\"background-image: url(8140);\"><\/div>\n                <\/div>\n            <\/div> -->\n            <div class=\"ios-grid-item ios-grid-item-9 ios-grid-item-vertical ios-grid-item-offset medium-hide\">\n                <div class=\"glass-container grid-item-vertical image-screen-9\" id=\"image-screen-9\" style=\"transform: matrix(1, 0, 0, 1, 0, 0); opacity: 0;\">\n                    <div class=\"glass-hardware\"><\/div>\n                    <div class=\"glass-screen\" style=\"background-image: url(https:\/\/devlight.io\/wp-content\/webp-express\/webp-images\/uploads\/2022\/09\/Group-33560-2.png.webp);\"><\/div>\n                <\/div>\n            <\/div>\n            <div class=\"ios-grid-item ios-grid-item-10 ios-grid-item-vertical small-hide\">\n                <div class=\"glass-container grid-item-vertical image-screen-10\" id=\"image-screen-10\" style=\"transform: matrix(1, 0, 0, 1, 0, 0); opacity: 0;\">\n                    <div class=\"glass-hardware\"><\/div>\n                    <div class=\"glass-screen\" style=\"background-image: url(https:\/\/devlight.io\/wp-content\/webp-express\/webp-images\/uploads\/2022\/09\/Group-33559-3.png.webp);\"><\/div>\n                <\/div>\n            <\/div>\n            <div class=\"ios-grid-item ios-grid-item-11 ios-grid-item-horizontal\">\n                <div class=\"glass-container grid-item-horizontal image-screen-11\" id=\"image-screen-11\" style=\"transform: matrix(1, 0, 0, 1, 0, 0); opacity: 0;\">\n                    <div class=\"glass-hardware\"><\/div>\n                    <div class=\"glass-screen\" style=\"background-image: url(https:\/\/devlight.io\/wp-content\/webp-express\/webp-images\/uploads\/2022\/09\/Group-33558-3.png.webp);\"><\/div>\n                <\/div>\n            <\/div>\n            <div class=\"ios-grid-item ios-grid-item-12 ios-grid-item-vertical ios-grid-item-offset-horizontal\">\n                <div class=\"glass-container grid-item-vertical image-screen-12\" id=\"image-screen-12\" style=\"transform: matrix(1, 0, 0, 1, 0, 0); opacity: 0;\">\n                    <div class=\"glass-hardware\"><\/div>\n                    <div class=\"glass-screen\" style=\"background-image: url(https:\/\/devlight.io\/wp-content\/webp-express\/webp-images\/uploads\/2022\/09\/Group-33557-2.png.webp);\"><\/div>\n                <\/div>\n            <\/div>\n            <div class=\"ios-grid-item ios-grid-item-13 ios-grid-item-vertical ios-grid-item-offset-horizontal\">\n                <div class=\"glass-container grid-item-vertical image-screen-13\" id=\"image-screen-13\" style=\"transform: matrix(1, 0, 0, 1, 0, 0); opacity: 0;\">\n                    <div class=\"glass-hardware\"><\/div>\n                    <div class=\"glass-screen\" style=\"background-image: url(https:\/\/devlight.io\/wp-content\/webp-express\/webp-images\/uploads\/2022\/09\/Group-33556-2.png.webp);\"><\/div>\n                <\/div>\n            <\/div>\n            <div class=\"ios-grid-item ios-grid-item-14 ios-grid-item-vertical medium-hide\">\n                <div class=\"glass-container grid-item-vertical image-screen-14\" id=\"image-screen-14\" style=\"transform: matrix(1, 0, 0, 1, 0, 0); opacity: 0;\">\n                    <div class=\"glass-hardware\"><\/div>\n                    <div class=\"glass-screen\" style=\"background-image: url(https:\/\/devlight.io\/wp-content\/webp-express\/webp-images\/uploads\/2022\/09\/Group-33563-1.png.webp);\"><\/div>\n                <\/div>\n            <\/div>\n            <div class=\"ios-grid-item ios-grid-item-15 ios-grid-item-horizontal ios-grid-item-offset no-top-offset-small medium-hide small-show\">\n                <div class=\"glass-container grid-item-horizontal image-screen-15\" id=\"image-screen-15\" style=\"transform: matrix(1, 0, 0, 1, 0, 0); opacity: 0;\">\n                    <div class=\"glass-hardware\"><\/div>\n                    <div class=\"glass-screen\" style=\"background-image: url(https:\/\/devlight.io\/wp-content\/webp-express\/webp-images\/uploads\/2022\/09\/Group-33555-3.png.webp);\"><\/div>\n                <\/div>\n            <\/div>\n            <!-- <div class=\"ios-grid-item ios-grid-item-16 ios-grid-item-vertical medium-hide\">\n                <div class=\"glass-container grid-item-vertical image-screen-16\" id=\"image-screen-16\" style=\"transform: matrix(1, 0, 0, 1, 0, 0); opacity: 0;\">\n                    <div class=\"glass-hardware\"><\/div>\n                    <div class=\"glass-screen\" style=\"background-image: url(8144);\"><\/div>\n                <\/div>\n            <\/div> -->\n            <div class=\"ios-grid-item ios-grid-item-17 ios-grid-item-horizontal ios-grid-item-offset justify-self-end medium-hide\">\n                <div class=\"glass-container grid-item-horizontal image-screen-17\" id=\"image-screen-17\" style=\"transform: matrix(1, 0, 0, 1, 0, 0); opacity: 0;\">\n                    <div class=\"glass-hardware\"><\/div>\n                    <div class=\"glass-screen\" style=\"background-image: url(https:\/\/devlight.io\/wp-content\/webp-express\/webp-images\/uploads\/2022\/09\/Group-33561-3.png.webp);\"><\/div>\n                <\/div>\n            <\/div>\n            <div class=\"ios-grid-item ios-grid-item-18 ios-grid-item-horizontal ios-grid-item-offset no-top-offset-small justify-self-end\">\n                <div class=\"glass-container grid-item-horizontal image-screen-18\" id=\"image-screen-18\" style=\"transform: matrix(1, 0, 0, 1, 0, 0); opacity: 0;\">\n                    <div class=\"glass-hardware\"><\/div>\n                    <div class=\"glass-screen\" style=\"background-image: url(https:\/\/devlight.io\/wp-content\/webp-express\/webp-images\/uploads\/2022\/09\/Group-33562.png.webp);\"><\/div>\n                <\/div>\n            <\/div>\n            <div class=\"ios-grid-item ios-grid-item-19 ios-grid-item-vertical\">\n                <div class=\"glass-container grid-item-vertical image-screen-19\" id=\"image-screen-19\" style=\"transform: matrix(1, 0, 0, 1, 0, 0); opacity: 0;\">\n                    <div class=\"glass-hardware\"><\/div>\n                    <div class=\"glass-screen\" style=\"background-image: url(8161);\"><\/div>\n                <\/div>\n            <\/div>\n            <div class=\"ios-grid-item ios-grid-item-content\">\n                <div class=\"ios-content\">\n                    <img decoding=\"async\" class=\"ios-content-img\" src=\"https:\/\/devlight.io\/wp-content\/webp-express\/webp-images\/uploads\/2022\/06\/heart.png.webp\" alt=\"heart\" width=\"50\" height=\"50\">\n                    <div class=\"ios-content-title\"><h2>Thanks for<br \/>\nwatching !<\/h2><\/div>\n                    <div class=\"ios-content-text\">\n                        Boost your compan\u2019ys <br> productivity                     \n                    <\/div>\n                    <a style=\"background-color: #ee4046\"\n                     href=\"https:\/\/devlight.io\/contact-us\/\" class=\"ios-content-btn\">Get a consulation<\/a>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n    <script src=\"https:\/\/scrollmagic.io\/assets\/js\/lib\/greensock\/TweenMax.min.js\"><\/script>\n    <script src=\"\/\/cdnjs.cloudflare.com\/ajax\/libs\/ScrollMagic\/2.0.7\/ScrollMagic.min.js\"><\/script>\n    <script src=\"https:\/\/scrollmagic.io\/scrollmagic\/uncompressed\/plugins\/animation.gsap.js\"><\/script>\n    <!-- <script src=\"\/\/cdnjs.cloudflare.com\/ajax\/libs\/ScrollMagic\/2.0.7\/plugins\/debug.addIndicators.min.js\"><\/script> -->\n\n    <script>\n      jQuery(function () { \n\/\/ init controller\nvar controller = new ScrollMagic.Controller();\n\n\/\/ build Tween\nif (jQuery( window ).width() >= 1024) {\n  var timeline = new TimelineMax()\n  .add([ \n    TweenMax.from(\"#section-ios-2 .glass-container\", 1, {opacity: 0}),\n    TweenMax.to(\"#section-ios-2 .glass-container\", 1, {opacity: 1}),\n    TweenMax.from(\"#section-ios-2 #ios-grid-item-logo\", 1, {transform: 'matrix(1.875, 0, 0, 1.875, 0, 0)'}),\n    TweenMax.to(\"#section-ios-2 #ios-grid-item-logo\", 1, {transform: 'matrix(1, 0, 0, 1, 0, 0)'}),\n    TweenMax.from(\"#section-ios-2 #image-screen-1\", 1, {transform: 'matrix(1, 0, 0, 1, 0, -1622)'}),\n    TweenMax.to(\"#section-ios-2 #image-screen-1\", 1, {transform: 'matrix(1, 0, 0, 1, 0, 0)'}), \n    TweenMax.from(\"#section-ios-2 #image-screen-2\", 1, {transform: 'matrix(1, 0, 0, 1, 0, -697)'}),\n    TweenMax.to(\"#section-ios-2 #image-screen-2\", 1, {transform: 'matrix(1, 0, 0, 1, 0, 0)'}),\n    TweenMax.from(\"#section-ios-2 #image-screen-3\", 1, {transform: 'matrix(1, 0, 0, 1, 0, -885)'}),\n    TweenMax.to(\"#section-ios-2 #image-screen-3\", 1, {transform: 'matrix(1, 0, 0, 1, 0, 0)'}),\n    TweenMax.from(\"#section-ios-2 #image-screen-4\", 1, {transform: 'matrix(1, 0, 0, 1, 954, 0)'}),\n    TweenMax.to(\"#section-ios-2 #image-screen-4\", 1, {transform: 'matrix(1, 0, 0, 1, 0, 0)'}),\n    TweenMax.from(\"#section-ios-2 #image-screen-5\", 1, {transform: 'matrix(1, 0, 0, 1, 1434, 0)'}),\n    TweenMax.to(\"#section-ios-2 #image-screen-5\", 1, {transform: 'matrix(1, 0, 0, 1, 0, 0)'}),\n    TweenMax.from(\"#section-ios-2 #image-screen-6\", 1, {transform: 'matrix(1, 0, 0, 1, 1324, 0)'}),\n    TweenMax.to(\"#section-ios-2 #image-screen-6\", 1, {transform: 'matrix(1, 0, 0, 1, 0, 0)'}),\n    TweenMax.from(\"#section-ios-2 #image-screen-7\", 1, {transform: 'matrix(1, 0, 0, 1, 2184, 0)'}),\n    TweenMax.to(\"#section-ios-2 #image-screen-7\", 1, {transform: 'matrix(1, 0, 0, 1, 0, 0)'}),\n    TweenMax.from(\"#section-ios-2 #image-screen-8\", 1, {transform: 'matrix(1, 0, 0, 1, 0, -1232)'}),\n    TweenMax.to(\"#section-ios-2 #image-screen-8\", 1, {transform: 'matrix(1, 0, 0, 1, 0, 0)'}),\n    TweenMax.from(\"#section-ios-2 #image-screen-9\", 1, {transform: 'matrix(1, 0, 0, 1, 0, -1282)'}),\n    TweenMax.to(\"#section-ios-2 #image-screen-9\", 1, {transform: 'matrix(1, 0, 0, 1, 0, 0)'}),\n    TweenMax.from(\"#section-ios-2 #image-screen-10\", 1, {transform: 'matrix(1, 0, 0, 1, -1375, 0)'}),\n    TweenMax.to(\"#section-ios-2 #image-screen-10\", 1, {transform: 'matrix(1, 0, 0, 1, 0, 0)'}),\n    TweenMax.from(\"#section-ios-2 #image-screen-11\", 1, {transform: 'matrix(1, 0, 0, 1, -957, 0)'}),\n    TweenMax.to(\"#section-ios-2 #image-screen-11\", 1, {transform: 'matrix(1, 0, 0, 1, 0, 0)'}),\n    TweenMax.from(\"#section-ios-2 #image-screen-12\", 1, {transform: 'matrix(1, 0, 0, 1, 0, 882)'}),\n    TweenMax.to(\"#section-ios-2 #image-screen-12\", 1, {transform: 'matrix(1, 0, 0, 1, 0, 0)'}),\n    TweenMax.from(\"#section-ios-2 #image-screen-13\", 1, {transform: 'matrix(1, 0, 0, 1, 0, 547)'}),\n    TweenMax.to(\"#section-ios-2 #image-screen-13\", 1, {transform: 'matrix(1, 0, 0, 1, 0, 0)'}),\n    TweenMax.from(\"#section-ios-2 #image-screen-14\", 1, {transform: 'matrix(1, 0, 0, 1, 0, 958)'}),\n    TweenMax.to(\"#section-ios-2 #image-screen-14\", 1, {transform: 'matrix(1, 0, 0, 1, 0, 0)'}),\n    TweenMax.from(\"#section-ios-2 #image-screen-15\", 1, {transform: 'matrix(1, 0, 0, 1, 2339, 0)'}),\n    TweenMax.to(\"#section-ios-2 #image-screen-15\", 1, {transform: 'matrix(1, 0, 0, 1, 0, 0)'}),\n    TweenMax.from(\"#section-ios-2 #image-screen-16\", 1, {transform: 'matrix(1, 0, 0, 1, 0, 1478)'}),\n    TweenMax.to(\"#section-ios-2 #image-screen-16\", 1, {transform: 'matrix(1, 0, 0, 1, 0, 0)'}),\n    TweenMax.from(\"#section-ios-2 #image-screen-17\", 1, {transform: 'matrix(1, 0, 0, 1, -1330, 0)'}),\n    TweenMax.to(\"#section-ios-2 #image-screen-17\", 1, {transform: 'matrix(1, 0, 0, 1, 0, 0)'}),\n    TweenMax.from(\"#section-ios-2 #image-screen-17\", 1, {transform: 'matrix(1, 0, 0, 1, 0, 534)'}),\n    TweenMax.to(\"#section-ios-2 #image-screen-17\", 1, {transform: 'matrix(1, 0, 0, 1, 0, 0)'}),\n  ]);  \n} else {\n  var timeline = new TimelineMax()\n  .add([ \n    TweenMax.from(\"#section-ios-2 .glass-container\", 1, {opacity: 0}),\n    TweenMax.to(\"#section-ios-2 .glass-container\", 1, {opacity: 1}),\n    TweenMax.from(\"#section-ios- #ios-grid-item-logo\", 1, {transform: 'matrix(1.875, 0, 0, 1.875, 0, 0)'}),\n  ]);\n  \n}\n\n\/\/ build scene\nnew ScrollMagic.Scene({\n        triggerElement: \"#section-ios-2\",\n        triggerHook: 0.4, \n        duration: \"400px\", \n        offset: 0 \n      })\n      .setTween(timeline)\n    \/\/   .addIndicators({name: \"GSAP\"})\n      .addTo(controller);\n  \n});\n    <\/script>\n\n\n\n<\/div>\n\n\n      <div id=\"block_628b23c1fa330\" class=\"block-cases-footer alignfull l-block nova-foot\" >\n  \n  \r\n<style>\r\n@media (max-width: 1340px){\r\n    .footer__right-info {\r\n        margin-top: 169px;\r\n    }\r\n}\r\n@media (max-width: 1050px){\r\n    .footer__right-info {\r\n        margin-top: 184px;\r\n    }\r\n}\r\n@media (max-width:600px){\r\n    .footer__right-info {\r\n        margin-top: 130px;\r\n    }\r\n}\r\n.cases__footer-center-row {\r\n    margin-bottom: -182px;\r\n}\r\n.loyality__demo {\r\n    position: absolute;\r\n    top: 20%;\r\n}\r\n@media (max-width: 600px){\r\n.footer__right-info {\r\n    margin-top: 184px;\r\n}\r\n\r\n}\r\n@media (max-width: 1340px){\r\n.footer__right-info {\r\n    margin-top: 276px;\r\n}\r\n.block-cases-feedback {\r\npadding-bottom: 0;\r\n}\r\n}\r\n<\/style>\r\n\r\n\r\n<div class=\"l-wrap cases-container\">\r\n\r\n    <div class=\"cases__footer-main-row\">\r\n\r\n        <div class=\"cases__footer-left-row\">\r\n        \r\n            <div class=\"cases__footer-content\">\r\n                                    <h2> Neobank for Vodafone <\/h2>  \r\n                  \r\n                                    <div>\r\n                        <img decoding=\"async\" src=\"https:\/\/devlight.io\/wp-content\/uploads\/2022\/05\/footer-icon.svg\" alt=\"footer-icon\" >\r\n                    <\/div>   \r\n                           \r\n            <\/div>  \r\n\r\n        <\/div>\r\n         \r\n        <div class=\"cases__footer-center-row\">\r\n\r\n            <div class=\"footer-second-row\">\r\n\r\n                    <div class=\"footer__circle\" style=\"background-color:#8399ff\">\r\n                                                    <div class=\"footer-circle-img\">\r\n                                <img decoding=\"async\" src=\"https:\/\/devlight.io\/wp-content\/webp-express\/webp-images\/uploads\/2022\/09\/Vodafone-next-1.png.webp\" alt=\"footer-bg\" >\r\n                            <\/div>\r\n                         \r\n                    <\/div>\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n        <div class=\"cases__footer-right-row\">\r\n\r\n            <div class=\"footer__right-info\">\r\n                                    <a  href=\"https:\/\/devlight.io\/portfolio\/vodafone\/\">\r\n                        <div class=\"footer__next-pro\">\r\n                            Next  project                        <\/div>\r\n                    <\/a>\r\n                 \r\n                                    <a class=\"footer__click-pro\" href=\"https:\/\/devlight.io\/portfolio\/vodafone\/\">click and hold<\/a>\r\n                 \r\n                                    <div class=\"footer__year-pro\">\r\n                    \u00a9 2020                    <\/div>\r\n                 \r\n            <\/div>\r\n         \r\n\r\n        <\/div>\r\n    <\/div>\r\n<\/div>\r\n\r\n\r\n\r\n<\/div>","protected":false},"featured_media":2978,"parent":0,"template":"","class_list":["post-1207","case_studies","type-case_studies","status-publish","has-post-thumbnail","","services_tax-logistics"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v24.0 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Mobile app ecosystem for the largest logistics company in Ukraine - Devlight<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/devlight.io\/portfolio\/nova-poshta\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Mobile app ecosystem for the largest logistics company in Ukraine - Devlight\" \/>\n<meta property=\"og:url\" content=\"https:\/\/devlight.io\/portfolio\/nova-poshta\/\" \/>\n<meta property=\"og:site_name\" content=\"Devlight\" \/>\n<meta property=\"article:modified_time\" content=\"2023-10-20T10:54:37+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/devlight.io\/wp-content\/uploads\/2021\/11\/nova-poshta-2.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1078\" \/>\n\t<meta property=\"og:image:height\" content=\"1471\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Marian Vovk\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/devlight.io\/portfolio\/nova-poshta\/\",\"url\":\"https:\/\/devlight.io\/portfolio\/nova-poshta\/\",\"name\":\"Mobile app ecosystem for the largest logistics company in Ukraine - Devlight\",\"isPartOf\":{\"@id\":\"https:\/\/devlight.io\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/devlight.io\/portfolio\/nova-poshta\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/devlight.io\/portfolio\/nova-poshta\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/devlight.io\/wp-content\/uploads\/2021\/11\/nova-poshta-2.png\",\"datePublished\":\"2021-11-30T14:25:27+00:00\",\"dateModified\":\"2023-10-20T10:54:37+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/devlight.io\/portfolio\/nova-poshta\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/devlight.io\/portfolio\/nova-poshta\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/devlight.io\/portfolio\/nova-poshta\/#primaryimage\",\"url\":\"https:\/\/devlight.io\/wp-content\/uploads\/2021\/11\/nova-poshta-2.png\",\"contentUrl\":\"https:\/\/devlight.io\/wp-content\/uploads\/2021\/11\/nova-poshta-2.png\",\"width\":1078,\"height\":1471},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/devlight.io\/portfolio\/nova-poshta\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/devlight.io\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Mobile app ecosystem for the largest logistics company in Ukraine\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/devlight.io\/#website\",\"url\":\"https:\/\/devlight.io\/\",\"name\":\"Devlight\",\"description\":\"\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/devlight.io\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Mobile app ecosystem for the largest logistics company in Ukraine - Devlight","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/devlight.io\/portfolio\/nova-poshta\/","og_locale":"en_US","og_type":"article","og_title":"Mobile app ecosystem for the largest logistics company in Ukraine - Devlight","og_url":"https:\/\/devlight.io\/portfolio\/nova-poshta\/","og_site_name":"Devlight","article_modified_time":"2023-10-20T10:54:37+00:00","og_image":[{"width":1078,"height":1471,"url":"https:\/\/devlight.io\/wp-content\/uploads\/2021\/11\/nova-poshta-2.png","type":"image\/png"}],"twitter_card":"summary_large_image","twitter_misc":{"Written by":"Marian Vovk"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/devlight.io\/portfolio\/nova-poshta\/","url":"https:\/\/devlight.io\/portfolio\/nova-poshta\/","name":"Mobile app ecosystem for the largest logistics company in Ukraine - Devlight","isPartOf":{"@id":"https:\/\/devlight.io\/#website"},"primaryImageOfPage":{"@id":"https:\/\/devlight.io\/portfolio\/nova-poshta\/#primaryimage"},"image":{"@id":"https:\/\/devlight.io\/portfolio\/nova-poshta\/#primaryimage"},"thumbnailUrl":"https:\/\/devlight.io\/wp-content\/uploads\/2021\/11\/nova-poshta-2.png","datePublished":"2021-11-30T14:25:27+00:00","dateModified":"2023-10-20T10:54:37+00:00","breadcrumb":{"@id":"https:\/\/devlight.io\/portfolio\/nova-poshta\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/devlight.io\/portfolio\/nova-poshta\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/devlight.io\/portfolio\/nova-poshta\/#primaryimage","url":"https:\/\/devlight.io\/wp-content\/uploads\/2021\/11\/nova-poshta-2.png","contentUrl":"https:\/\/devlight.io\/wp-content\/uploads\/2021\/11\/nova-poshta-2.png","width":1078,"height":1471},{"@type":"BreadcrumbList","@id":"https:\/\/devlight.io\/portfolio\/nova-poshta\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/devlight.io\/"},{"@type":"ListItem","position":2,"name":"Mobile app ecosystem for the largest logistics company in Ukraine"}]},{"@type":"WebSite","@id":"https:\/\/devlight.io\/#website","url":"https:\/\/devlight.io\/","name":"Devlight","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/devlight.io\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"}]}},"_links":{"self":[{"href":"https:\/\/devlight.io\/wp-json\/wp\/v2\/case_studies\/1207","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/devlight.io\/wp-json\/wp\/v2\/case_studies"}],"about":[{"href":"https:\/\/devlight.io\/wp-json\/wp\/v2\/types\/case_studies"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/devlight.io\/wp-json\/wp\/v2\/media\/2978"}],"wp:attachment":[{"href":"https:\/\/devlight.io\/wp-json\/wp\/v2\/media?parent=1207"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}