{"id":1225,"date":"2021-11-30T14:37:13","date_gmt":"2021-11-30T14:37:13","guid":{"rendered":"https:\/\/www.devlight.io\/?post_type=case_studies&#038;p=1225"},"modified":"2023-07-04T17:26:07","modified_gmt":"2023-07-04T15:26:07","slug":"fishka","status":"publish","type":"case_studies","link":"https:\/\/devlight.io\/portfolio\/fishka\/","title":{"rendered":"Digital transformation for an all-in-one loyalty program"},"content":{"rendered":"<div id=\"block_627a06d36e0bd\" 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=\"#\">Fishka<\/a><\/li>\r\n                <li class=\"breadcrumbs__item breadcrumbs__item--active\"><span>Loyalty Program<\/span><\/li>\r\n            <\/ul>\r\n        <\/nav>\r\n        <div class=\"cases__year\">2021<\/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>MOBILE <br> fishka<\/h1>              <\/div>\n            \n            \n            <div class=\"cases__mobile-block\">\n                              <div class=\"cases__mobile-content\">\n                  <div>\n<h4>Fishka mobile app<\/h4>\n<p>A loyalty program that unites more than 6 million customers.<\/p>\n<\/div>                <\/div>\n              \n                              <a href=\"https:\/\/myfishka.com\/\" 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:\/\/myfishka.com\/                <\/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\/09\/fishka-app.png.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\/09\/fishka-play.png.webp\" alt=\"app\">\n                  <\/div>\n                              <\/div>\n            \n        <\/div>\n                \n        <div class=\"cases__center-row\">\n            <div class=\"circle\" style=\"background-color: #ee4046\"><\/div>\n            <div class=\"cases__mobile-main\">\n                <div>\n                    <img decoding=\"async\" src=\"https:\/\/devlight.io\/wp-content\/webp-express\/webp-images\/uploads\/2021\/11\/Fishka-Iphone-photo.png.webp\" alt=\"main-mob\">\n                    <!-- <picture>\n                      <source srcset=\"https:\/\/devlight.io\/wp-content\/uploads\/2021\/11\/Fishka-Iphone-photo.png\" media=\"(min-width: 600)\">\n                      <source srcset=\"https:\/\/devlight.io\/wp-content\/uploads\/2021\/11\/Fishka-Iphone-photo-165x300.png\" media=\"(min-width: 300px)\">\n                      <img decoding=\"async\" src=\"https:\/\/devlight.io\/wp-content\/uploads\/2021\/11\/Fishka-Iphone-photo.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\/fishka-1.svg\" alt=\"mini-icon\">\n              <\/div>\n                                      <div class=\"cases__header-company\">\n                Devlight IT &#8211; Company\r\n              <\/div>\n                                      <div class=\"cases__header-time\">\n                 <b>2021 \/<\/b> August              <\/div>\n                    <\/div>\n    <\/div>\n<\/div>\n\n\n\n<\/div>\n\n\n      <div id=\"block_628720883ae8c\" class=\"block-cases-about-project   alignfull relative  l-block eq-about fishka-about\" >\n  \n  \n<div class=\"bg-wrap-about\" style=\"background-color: #ee4046\">\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            Fishka is the largest coalition loyalty program in Ukraine. It has more than 6,000,000 customers and dozen of partner companies in various business sectors. Fishka calculates points for transactions that users can later use to pay for fuel, goods, and services within the affiliate network. Fishka participants can manage their accounts, set goals, receive personal promotions and discounts, and pay for fuel in the OKKO petrol stations. \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        OKKO has more than 400 petrol stations. They are one of the leaders in the industry, but in catering establishments on the road, they are number one. Their chain of about 30 restaurants is the largest in the country. They have 10 oil depots and 19 stationary and mobile laboratories for quality control of oil products in the OKKO network. \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=\"#\">Architecture sesion<\/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\/05\/okko.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 fishka-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>FISHKA BY THE NUMBERS<\/h2>            \n          <\/div>\n           \n                  <div class=\"cases-numbers-text\">          \n            <p>\u00a0A loyalty program that unites more than 6 million customers who make their daily purchases more profitable with the Fishka card.<\/p>      \n          <\/div>\n          \n      <\/div>\n\n      <div class=\"numbers__grid\">\n                  <div class=\"numbers__item\">\n            <div class=\"numbers__item-title\"> 1B +<\/div>\n            <div class=\"numbers__item-text\"> USD annually spent with Fishka loyalty program<\/div>\n          <\/div>\n                  <div class=\"numbers__item\">\n            <div class=\"numbers__item-title\"> 6M +<\/div>\n            <div class=\"numbers__item-text\"> Active users<\/div>\n          <\/div>\n                  <div class=\"numbers__item\">\n            <div class=\"numbers__item-title\"> 148<\/div>\n            <div class=\"numbers__item-text\"> Online shops supported<\/div>\n          <\/div>\n                  <div class=\"numbers__item\">\n            <div class=\"numbers__item-title\"> 13<\/div>\n            <div class=\"numbers__item-text\"> Years on market<\/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 fishka-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 Fishka loyalty program app, we faced a few challenges:<\/span><\/p>\n<ul>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">creation of a reliable IT system that would include front-end, back-end, integration with partners, and the ability to manage a mobile app and its content using a special tool<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">upgrading a loyalty program from a plastic card to an online app, creating an additional product value<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">making the mobile app the main communication channel between Fishka and the end user<\/span><\/li>\n<\/ul>\n<p><span style=\"font-weight: 400;\">But the main challenge was to find a simple, reliable, and useful set of tools that we need to develop to fully meet the needs of the end user of the Fishka loyalty program.<\/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\/05\/our-challenge.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\" >\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<br \/>\nwith<\/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>There wasn\u2019t any software infrastructure<\/p>\n<p>The long-term product value of the mobile app was absent<\/p>\n<p>Content management point was not centered<\/p>\n<p>The data integration point was not centered<\/p>\n<p>The need to build a multilevel structure of notifications to interact with customers via mobile app<\/p>\n<p>The necessity of real-time customer, promo campaigns, special offers management<\/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\/fishka-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 fish-solution\" >\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\/05\/cases-sol.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;\">Building a long-term vision for the mobile app by running sets of design sprints with the client\u2019s team as well as defining its structure<\/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;\">Test product hypothesis and confirm product value for end-users by conducting 30+ in-depth user interviews with the different target audiences<\/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;\">Unique content and data management system building with hierarchy access for different types of admins regarding their objectives<\/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;\">Microservices software architecture usage with a stack of independent services<\/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_627ca5b7234bb\" 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 Fishka 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>&gt; Job &amp; user stories creating<\/li>\n<li>&gt; BPMN modelling<\/li>\n<li>&gt; Business tasks describing<\/li>\n<li>&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>&gt; User flows mapping<\/li>\n<li>&gt; Clickable prototype creating<\/li>\n<li>&gt; Clickable prototype realtime testing<\/li>\n<li>&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>&gt; Data flow diagram<\/li>\n<li>&gt; API methods specs.<\/li>\n<li>&gt; 3d-party services integration model<\/li>\n<li>&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 planing<\/li>\n<li>&gt; A\/B testing<\/li>\n<li>&gt; Funnels bulding<\/li>\n<li>&gt; New engagament 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_627cc7155a302\" class=\"block-cases-discovery alignfull  l-block fishka-discovery\" >\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.svg\" alt=\"logo\" width=\"50\" height=\"50\">\n          \n                    <h3>Discovery process<\/h3>          \n    <\/div>\n            <div class=\"cases-discovery__content  flex-row\">\n            <h2>DESIGN SPRINT and solution<\/h2>\n<p>During this stage, we outline our goals, test hypotheses, sketch a prototype and after creating the prototype, we test it. Then we deliver the final solution to client and move on.<\/p>   \n        <\/div>\n      \n\n    <div class=\"cases-discovery__img-row\">\n                    <div class=\"cases-discovery__img-left\"> \n                <img decoding=\"async\" src=\"https:\/\/devlight.io\/wp-content\/webp-express\/webp-images\/uploads\/2022\/09\/fishka-solutions-1.png.webp\" alt=\"\">\n            <\/div>\n          \n                    <div class=\"cases-discovery__img-right\">\n                <img decoding=\"async\" src=\"https:\/\/devlight.io\/wp-content\/webp-express\/webp-images\/uploads\/2022\/09\/fishka-solutions.png.webp\" alt=\"\">\n            <\/div>\n          \n    <\/div>\n\n<\/div>\n\n\n<\/div>\n\n\n      <div id=\"block_627e00b837be0\" class=\"block-cases-architecture alignfull  l-block eq-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 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 touch points, 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_627cd1fe1974a\" class=\"block-cases-interview alignfull  l-block fishka-indepth\" >\n  \n  \n\n  <!-- <div class=\"bg-wrap\" style=\"background-color: rgb(238,64,70)\"> -->\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>To understand the problem, we need to move on to qualitative research. And in-depth interviews are just that. It involves receiving detailed answers from the respondent and not filling out a formal questionnaire.<\/p>\n<p>The interview cannot confirm\/disprove the hypothesis, it only gives an understanding of the context in which the problem occurs, how users are solving this problem now. That is, it directly describes the experience. It is also one of the most inexpensive and simplest studies.<\/p>              <\/div>\n                      <\/div>\n\n                      \n          <div class=\"block-cases-interview__column\">\n                                      <div class=\"block-cases-interview__text\">\n                <p>Before recruiting people for interviews, we need to form a sample of respondents &#8211; what characteristics describe the user, whose experience will be relevant to us. Because not every user suits us.<\/p>\n<p>To do this, we form a general profile of the respondent and prescribe the criteria by which we will select respondents. Based on these data, a screening questionnaire is formed which filter 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.<br \/>\nsolution 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>30<\/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>25<\/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_628b4818d56bf\" class=\"cases-analysis alignfull  l-block\" >\n  \n  \n    <div class=\"l-wrap cases-container\">\n              <div class=\"cases-analysis__header\">\n          <h3>interview<br \/>\nanalysis<\/h3>\n<p>After the interview, we translate three respondents\u2019 answers into text form. We analyzed and placed on separate stickers <strong>what actions the person performed<\/strong> (yellow stickers),<strong> what problems he had at that moment<\/strong> (red stickers), and <strong>what pleasant moment he had<\/strong> while moving toward the goal (green stickers).<\/p>\n<p>Also we note the <strong>context that facilitated these actions<\/strong>. We <strong>define the Big Job<\/strong> for which all actions were performed. Next, let\u2019s group the stickers by topic. As a result, we get a certain number of groups of stickers and then try to give them names. This process is called <strong>theming<\/strong>.<\/p>        <\/div>\n      \n            <div class=\"cases-analysis__scheme\">    \n        <img decoding=\"async\" src=\"https:\/\/devlight.io\/wp-content\/webp-express\/webp-images\/uploads\/2022\/08\/Pain-jobs-gains.png.webp\" alt=\"scheme\">\n      <\/div>\n      \n    <\/div>\n\n<\/div>\n\n\n      <div id=\"block_627d0d1c43dcd\" class=\"block-cases-user alignfull  l-block eq-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\/2022\/05\/unsplash_se4xc1wviku.png.webp\" alt=\"\" width=\"192\" height=\"192\">\n                                      <div class=\"block-cases-user__card-title\">\n                Viktor Savchuk              <\/div>\n                                      <div class=\"block-cases-user__card-details\">\n                <p><b>Age:\u00a0<\/b>27<\/p>\n<p><b>Status:\u00a0<\/b>Single<\/p>\n<p><b>Occupation:\u00a0<\/b>Working Professional<\/p>\n<p><b>Lacation:\u00a0<\/b>Kyiv<\/p>              <\/div>\n                                      <div class=\"block-cases-user__card-text\">\n                <p>Viktor does not know much about existing loyalty-reward apps. His colleague introduced Fishka to him and told him about the possible rewards that he can redeem with the use of the app. However, he was hesitant to create an account due to privacy concerns. He felt that he needed to know more about the app and how it functions first before signing up for an account. He also wanted to make sure that the rewards available were enticing to him and were catered to his needs.<\/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>Needs to know what the app is all about and the rewards it offers\n<\/li>\n<li>Understand the process of collecting chops and redeeming rewards\n<\/li>\n<li> Merchants and rewards that are catered to his needs\n<\/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>Doesn&#8217;t like to sign up before knowing what the app is all about and what it offers\n<\/li>\n<li> Unable to identify and sieve out promotions that are relevant to him\n<\/li>\n<li>Rewards were just not worth the trouble<\/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>Fishka Card<\/li>\n<li>Fishka Online<\/li>\n<li>Rewards<\/li>\n<li>Map of Partners<\/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_628b43be8f8d7\" class=\"cases-software alignfull  l-block\" >\n  \n  \n    <div class=\"l-wrap cases-container\">\n              <div class=\"cases-software__header\">\n          <h3>Creating software <br \/> architecrure map<\/h3>\n<p>We plan the high-level design of software so that detail can be added later, allowing software teams to sketch out the big picture and begin preparing a prototype.<\/p>        <\/div>\n       \n              <div class=\"cases-software__scheme-container\">\n        <div class=\"cases-software__scheme\">   \n          <img decoding=\"async\" src=\"https:\/\/devlight.io\/wp-content\/webp-express\/webp-images\/uploads\/2022\/09\/fishka-software.png.webp\" alt=\"scheme\">\n        <\/div>\n      <\/div>\n       \n       \n    <\/div>\n\n<\/div>\n\n\n      <div id=\"block_628b4808d56be\" class=\"cases-relationship alignfull  l-block\" >\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\/fishka-erd.png\" alt=\"diagram\">\n        <\/div>\n       \n    <\/div>\n\n<\/div>\n\n\n      <div id=\"block_6298982e620ca\" class=\"block-cases-wireframes block-cases-wireframes--v1 alignfull  l-block fishka-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\/uploads\/2022\/06\/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\/uploads\/2022\/06\/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\/uploads\/2022\/06\/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\/uploads\/2022\/06\/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\/uploads\/2022\/06\/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\/uploads\/2022\/06\/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\/uploads\/2022\/06\/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\/uploads\/2022\/06\/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\/uploads\/2022\/06\/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\/uploads\/2022\/06\/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\/uploads\/2022\/06\/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\/uploads\/2022\/06\/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        .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\/uploads\/2022\/06\/logo-fishka.svg');\"><\/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.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-1.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-1.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.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.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-33640.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(7872);\"><\/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(7873);\"><\/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-33631.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.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.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.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.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-33645.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-33637.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(7877);\"><\/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.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.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(7882);\"><\/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.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-33642-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-33643.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 fishka-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>prototypes<\/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\/05\/proto1.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\/05\/proto2.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\/05\/proto3.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\/05\/proto4.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\/05\/proto5.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\/05\/proto6.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\/05\/proto7.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\/05\/proto8.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\/05\/proto9.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\/05\/proto10.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\/05\/proto11.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 fishka-des\" >\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>A clear and consistent technical specifications document ensures that the app works properly, and meets your expectations and business goals. For our customers, we create technical documentation during the Discovery phase to be certain we are on the same page as our clients.<\/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\/fishka-design.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 fishka-phase-2\" >\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: #ffffff;\">\r\n                            #EF4046                        <\/div>\r\n                     \r\n                                                <div class=\"left__info-primary-color\" style=\"background-color:#FF7E7E; color: #ffffff;\">\r\n                            #FF7E7E                        <\/div>\r\n                                    \r\n                <\/div>\r\n\r\n            \r\n            <div class=\"cases-design__left-info\" style=\"color: #ffffff\">\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: #ffffff\">\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                        Sign in                                            <\/div>\r\n\r\n                   \r\n                    \r\n                    <div class=\"left__info-primary-btn\" style=\"background-color: #FF7E7E; color: #ffffff;\"\r\n                    >\r\n                        Sign in                                            <\/div>\r\n\r\n                   \r\n                    \r\n                    <div class=\"left__info-primary-btn\" style=\"background-color: #000000; color: #ffffff;\"\r\n                    >\r\n                        Pay with                                                    <img decoding=\"async\" src=\"https:\/\/devlight.io\/wp-content\/uploads\/2022\/05\/ic_apple_pay_white.svg\" alt=\"app\">\r\n                                            <\/div>\r\n\r\n                   \r\n                    \r\n                    <div class=\"left__info-primary-btn\" style=\"background-color: #f3f3f3; color: #637381;\"\r\n                    >\r\n                        Sign in                                            <\/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: #ffffff\">\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\/2021\/11\/Fishka-UI.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\/f-slide-1.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\/f-slide-2.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\/f-slide-3.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\/f-slide-4.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\/f-slide-5.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\/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-33568.svg\" alt=\"\">\n            <\/div>\n\n          \n            <div>\n              <img decoding=\"async\" src=\"https:\/\/devlight.io\/wp-content\/uploads\/2022\/05\/xmlid_34_.svg\" alt=\"\">\n            <\/div>\n\n          \n            <div>\n              <img decoding=\"async\" src=\"https:\/\/devlight.io\/wp-content\/uploads\/2022\/05\/group-33569.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\/java.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\/g39.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          \n            <div>\n              <img decoding=\"async\" src=\"https:\/\/devlight.io\/wp-content\/uploads\/2022\/05\/group-33568.svg\" alt=\"\">\n            <\/div>\n\n          \n            <div>\n              <img decoding=\"async\" src=\"https:\/\/devlight.io\/wp-content\/uploads\/2022\/05\/xmlid_34_.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\" >\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><span style=\"font-weight: 400;\">Here 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.<\/span><\/p>\n<p>&nbsp;<\/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.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>Delivery Director<\/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\/05\/team1.png.webp\" alt=\"\">\r\n\r\n                <\/div>\r\n\r\n                <div class=\"cases-team__title\">\r\n                    Alex Kurochkin                  \r\n                <\/div>\r\n\r\n                <div class=\"cases-team__text\">\r\n                    <p>Business Analyst<\/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\/Andrii-Bryzhnychenko.png.webp\" alt=\"\">\r\n\r\n                <\/div>\r\n\r\n                <div class=\"cases-team__title\">\r\n                    Andrii Bryzhnychenko                  \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\/2022\/09\/unsplash_n1B6ftPB5Eg.png.webp\" alt=\"\">\r\n\r\n                <\/div>\r\n\r\n                <div class=\"cases-team__title\">\r\n                    Andrii Malitchuk                  \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_6284968221e7c\" class=\"block-cases-analytics-first alignfull  l-block fishka-analytic-first\" >\n  \n  \r\n\r\n<div class=\"l-wrap cases-container\">\r\n    <div class=\"cases-analytics__content  md:pl-4 flex-row\">\r\n        <h2>System design<\/h2>\r\n        <p>Our client\u2019s digital solution is ZEMPCENTER Retail, a Point of Sales SaaS solution providing an end-to-end business application. It offers POS, Inventory, Products, Reporting, Employee\/Supplier management.\r\n        <\/p>\r\n    <\/div>\r\n    <div class=\"cases-analytics__first__row\">\r\n        \r\n      \r\n        <div class=\"row--inner first-row\">\r\n\r\n            \r\n             \r\n\r\n            \r\n            <div class=\"analytics__first-circle circle-white circle--108\" style=\"background-color: #ffffff;color:#191919;            width: 108px; height: 108px\";\r\n>\r\n\r\n                <div class=\"analytics__first-circle-img\">\r\n                    <img decoding=\"async\" src=\"https:\/\/devlight.io\/wp-content\/webp-express\/webp-images\/uploads\/2022\/09\/client-img.png.webp\" alt=\"circle\" >\r\n                <\/div>\r\n\r\n                <div class=\"circle-title\">\r\n                    Client                  \r\n                <\/div>\r\n\r\n            <\/div>\r\n                         \r\n\r\n            \r\n            <div class=\"analytics__first-circle  circle--108 circle-red\" style=\"background-color: #e02623;color:#ffffff;            width: 108px; height: 108px\";\r\n>\r\n\r\n                <div class=\"analytics__first-circle-img\">\r\n                    <img decoding=\"async\" src=\"https:\/\/devlight.io\/wp-content\/webp-express\/webp-images\/uploads\/2022\/09\/phone-img.png.webp\" alt=\"circle\" >\r\n                <\/div>\r\n\r\n                <div class=\"circle-title\">\r\n                    Mobile app                  \r\n                <\/div>\r\n\r\n            <\/div>\r\n                        \r\n        <\/div>\r\n\r\n\r\n    \r\n    \r\n        <div class=\"row--inner second-row\">\r\n\r\n\r\n            <div  class=\"row--inner second-row-header\">\r\n\r\n\r\n            \r\n             \r\n\r\n                            <div class=\"analytics__first-circle circle-white circle--170                                                                      analytics__first-circle circle-black circle--170\" style=\"background-color: #222222;color:#ffffff;                width: 108px; height: 108px\";>\r\n\r\n                    <div class=\"analytics__first-circle-img\">\r\n                        <img decoding=\"async\" src=\"https:\/\/devlight.io\/wp-content\/webp-express\/webp-images\/uploads\/2022\/09\/laptop-img.png.webp\" alt=\"circle\" >\r\n                    <\/div>\r\n\r\n                    <div class=\"circle-title\">\r\n                        Webpage \r\n                    <\/div>\r\n\r\n                <\/div>\r\n\r\n                             \r\n\r\n                            <div class=\"analytics__first-circle circle-white circle--170                                                  analytics__first-circle circle-white circle--170\" style=\"background-color: #ffffff;color:#222222;                width: 108px; height: 108px\";>\r\n\r\n                    <div class=\"analytics__first-circle-img\">\r\n                        <img decoding=\"async\" src=\"https:\/\/devlight.io\/wp-content\/webp-express\/webp-images\/uploads\/2022\/09\/admin-img.png.webp\" alt=\"circle\" >\r\n                    <\/div>\r\n\r\n                    <div class=\"circle-title\">\r\n                        Admin  \r\n                    <\/div>\r\n\r\n                <\/div>\r\n\r\n                            \r\n            <\/div>\r\n\r\n            \r\n             \r\n\r\n            \r\n            <div class=\"analytics__first-circle circle-white circle--240                                            analytics__first-circle circle-white circle--240\" style=\"background-color: #ffffff;color:#222222;                width: 153px; height: 153px\";>\r\n            \r\n                    <div class=\"analytics__first-circle-img\">\r\n                        <img decoding=\"async\" src=\"https:\/\/devlight.io\/wp-content\/webp-express\/webp-images\/uploads\/2022\/09\/java-img.png.webp\" alt=\"circle\" >\r\n                    <\/div>\r\n\r\n                    <div class=\"circle-title\">\r\n                        Java \r\n                    <\/div>\r\n\r\n            <\/div>\r\n\r\n                        \r\n        <\/div>\r\n\r\n    \r\n        <div class=\"row--inner third-row\">\r\n\r\n        \r\n         \r\n\r\n            \r\n                <div class=\"analytics__first-circle circle-red circle--200\"\r\n                style=\"background-color: #e02623;color:#fffff;                width: 128px; height: 128px\";\r\n>\r\n\r\n                    <div class=\"analytics__first-circle-img\">\r\n                        <img decoding=\"async\" src=\"https:\/\/devlight.io\/wp-content\/webp-express\/webp-images\/uploads\/2022\/09\/card-img.png.webp\" alt=\"circle\" >\r\n                    <\/div>\r\n\r\n                    <div class=\"circle-title\">\r\n                        CRM system \r\n                    <\/div>\r\n                <\/div>\r\n\r\n                         \r\n\r\n            \r\n                <div class=\"analytics__first-circle circle-red circle--200\"\r\n                style=\"background-color: #e02623;color:#fffff;                width: 128px; height: 128px\";\r\n>\r\n\r\n                    <div class=\"analytics__first-circle-img\">\r\n                        <img decoding=\"async\" src=\"https:\/\/devlight.io\/wp-content\/webp-express\/webp-images\/uploads\/2022\/09\/phone-arrow-img.png.webp\" alt=\"circle\" >\r\n                    <\/div>\r\n\r\n                    <div class=\"circle-title\">\r\n                        Push notification system \r\n                    <\/div>\r\n                <\/div>\r\n\r\n                         \r\n\r\n            \r\n                <div class=\"analytics__first-circle circle-red circle--200\"\r\n                style=\"background-color: #e02623;color:#fffff;                width: 128px; height: 128px\";\r\n>\r\n\r\n                    <div class=\"analytics__first-circle-img\">\r\n                        <img decoding=\"async\" src=\"https:\/\/devlight.io\/wp-content\/webp-express\/webp-images\/uploads\/2022\/09\/money-img.png.webp\" alt=\"circle\" >\r\n                    <\/div>\r\n\r\n                    <div class=\"circle-title\">\r\n                        Payment service \r\n                    <\/div>\r\n                <\/div>\r\n\r\n                        \r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n<!-- \r\n    <img decoding=\"async\" src=\"https:\/\/devlight.io\/wp-content\/themes\/devlight\/assets\/img\/an-payment.svg\" alt=\"\" >\r\n    <img decoding=\"async\" src=\"https:\/\/devlight.io\/wp-content\/themes\/devlight\/assets\/img\/an-admin.svg\" alt=\"\">\r\n    <img decoding=\"async\" src=\"https:\/\/devlight.io\/wp-content\/themes\/devlight\/assets\/img\/an-crm.svg\" alt=\"\" >\r\n    <img decoding=\"async\" src=\"https:\/\/devlight.io\/wp-content\/themes\/devlight\/assets\/img\/an-webpage.svg\" alt=\"\" >\r\n    <img decoding=\"async\" src=\"https:\/\/devlight.io\/wp-content\/themes\/devlight\/assets\/img\/an-push.svg\" alt=\"\" >\r\n    <img decoding=\"async\" src=\"https:\/\/devlight.io\/wp-content\/themes\/devlight\/assets\/img\/an-java.svg\" alt=\"\" > -->\r\n\r\n\r\n\r\n<\/div>\r\n\r\n\r\n<\/div>\n\n\n      <div id=\"block_6284ae3f883f9\" class=\"block-cases-analytics-second alignfull  l-block fishka-dashboard\" >\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;\">The project was quite complex and voluminous. Not to miss anything we decided to build an analytic system to track the data, define user behavior, find bottlenecks, and define insights to build a better application version. Here are the primary indicators and analytics dashboards 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.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 group 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 fishka-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.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 Fishka we use benefits onboarding, or feature promotion to highlight 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\/05\/results-1.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\/res1.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\/res-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\/res-3.png.webp\" alt=\"logo\" >\r\n            <\/div>\r\n\r\n                    \r\n        <\/div>\r\n                    <div class=\"cases-results__content_footer  md:pl-4 flex-row\">\r\n                <h2>KEY FEATURES AND VALUE<\/h2>\n<p>After all the requirements were set and analyzed, our development team got to work.<\/p>            <\/div>\r\n        <\/div>\r\n\r\n\r\n<\/div>\n\n\n      <div id=\"block_6285daca415ba\" class=\"block-cases-pay alignfull  l-block fishka-pay f-pay\" >\n  \n  \r\n<style>\r\n    .bg-wrap-pay[style=\"background-color: #0079fd\"] .cases-pay__row:not(:first-child){\r\n        margin-top: 150px;\r\n    }\r\n    .cases-pay__row:first-child {\r\n        padding-top: 80px;\r\n    }\r\n    .block-cases-design-final.slider-padding .cases-design-final-bg-color{\r\n        padding-bottom: 0;\r\n    }\r\n    #block_6284775c717ec.block-cases-team.teams-padding{\r\n        padding-bottom: 350px;\r\n    }\r\n    @media (max-width: 1400px){\r\n        .bg-wrap-pay[style=\"background-color: #0079fd\"] .cases-pay__row:first-child {\r\n            padding-top: 0px;\r\n        }\r\n        .bg-wrap-pay[style=\"background-color: #0079fd\"] .cases-pay__row {\r\n            margin-bottom: 0;\r\n        }\r\n        .bg-wrap-pay[style=\"background-color: #0079fd\"] .cases-pay__row:nth-child(5){\r\n            flex-direction: column;\r\n            margin-top: 170px;\r\n        }\r\n        .bg-wrap-pay[style=\"background-color: #0079fd\"] .cases-pay__row:nth-child(6){\r\n            flex-direction: column;\r\n            margin-top: 101px;\r\n        }\r\n        .bg-wrap-pay[style=\"background-color: #0079fd\"] .cases-pay__row:nth-child(6) .pay__title{\r\n            margin-right: -63px;\r\n            margin-top: -439px;\r\n        }\r\n        .bg-wrap-pay[style=\"background-color: #0079fd\"] .cases-pay__row:nth-child(6) .pay__mob-row{\r\n            margin-top: 436px;\r\n        }\r\n    }\r\n     @media (max-width: 1333px){\r\n         \/* .bg-wrap-pay[style=\"background-color: #0079fd\"] .cases-pay__row:nth-child(6) .pay__title{\r\n            min-width: 500px;\r\n        } *\/\r\n     }\r\n    \r\n    @media (max-width: 740px){\r\n        .bg-wrap-pay[style=\"background-color: #0079fd\"] .cases-pay__row:nth-child(4) .pay__title{\r\n            margin-bottom: 50px;\r\n        }\r\n         .bg-wrap-pay[style=\"background-color: #0079fd\"] .cases-pay__row:nth-child(4) .cases-pay__img:first-child{\r\n            bottom: -181px;\r\n        }\r\n        .bg-wrap-pay[style=\"background-color: #0079fd\"] .cases-pay__row:nth-child(4) .cases-pay__img:nth-child(2){\r\n            top: 15px;\r\n        }\r\n        .bg-wrap-pay[style=\"background-color: #0079fd\"] .cases-pay__row:nth-child(5) .cases-pay__img:nth-child(2){\r\n            margin-left: -158px;\r\n        }\r\n        .bg-wrap-pay[style=\"background-color: #0079fd\"] .cases-pay__row:nth-child(6) .pay__title{\r\n            margin-left: 15px;\r\n        }\r\n        \/* .bg-wrap-pay[style=\"background-color: #0079fd\"] .cases-pay__row:nth-child(6) .pay__title p{\r\n            margin-left: 190px;\r\n        } *\/\r\n        .bg-wrap-pay[style=\"background-color: #0079fd\"] .cases-pay__row:nth-child(6) .cases-pay__img:first-child{\r\n            bottom: -109px;\r\n        }\r\n        .bg-wrap-pay[style=\"background-color: #0079fd\"] .cases-pay__row:nth-child(6) .cases-pay__img:nth-child(2){\r\n            top: -38px;\r\n        }\r\n    }\r\n    \r\n    @media (max-width: 570px){\r\n        .bg-wrap-pay[style=\"background-color: #0079fd\"] .cases-pay__row:nth-child(4) .pay__mob-row{\r\n            margin-top: 50px;\r\n        }\r\n        .bg-wrap-pay[style=\"background-color: #0079fd\"] .cases-pay__row:nth-child(6) .pay__title p {\r\n            margin-left: 0;\r\n        }\r\n        .bg-wrap-pay[style=\"background-color: #0079fd\"] .cases-pay__row:nth-child(6) .pay__mob-row{\r\n            margin-top: 458px;\r\n        }\r\n        .bg-wrap-pay[style=\"background-color: #0079fd\"] .cases-pay__row:not(:first-child) {\r\n            margin-top: 50px;\r\n        }\r\n        .bg-wrap-pay[style=\"background-color: #0079fd\"] .cases-pay__row:nth-child(6) {\r\n            margin-top: 50px;\r\n        }\r\n        .bg-wrap-pay[style=\"background-color: #0079fd\"] .cases-pay__row:nth-child(5) {\r\n            margin-top: 50px;\r\n        }\r\n        .bg-wrap-pay[style=\"background-color: #0079fd\"] .cases-pay__row:nth-child(6) .cases-pay__img:first-child {\r\n            bottom: -144px;\r\n        }\r\n    }\r\n    @media (max-width: 421px){\r\n        .bg-wrap-pay[style=\"background-color: #0079fd\"] .cases-pay__row:nth-child(2) .pay__mob-row{\r\n            margin-top: -100px;\r\n        }\r\n        .bg-wrap-pay[style=\"background-color: #0079fd\"] .cases-pay__row:nth-child(2) .pay__mob-row .cases-pay__img:nth-child(2){\r\n            bottom: 102px;\r\n        }\r\n        .bg-wrap-pay[style=\"background-color: #0079fd\"] .cases-pay__row:nth-child(5) .cases-pay__img:nth-child(2) {\r\n            margin-left: -220px;\r\n            margin-top: -147px;\r\n        }\r\n        .bg-wrap-pay[style=\"background-color: #0079fd\"] .cases-pay__row:nth-child(5) {\r\n            margin-top: -36px;\r\n        }\r\n        .bg-wrap-pay[style=\"background-color: #0079fd\"] .cases-pay__row:nth-child(4) .pay__mob-row {\r\n            margin-top: 0px;\r\n        }\r\n        .bg-wrap-pay[style=\"background-color: #0079fd\"] .cases-pay__row:nth-child(6) .pay__title {\r\n            margin-left: 0px;\r\n        }\r\n        .bg-wrap-pay[style=\"background-color: #0079fd\"] .cases-pay__row:nth-child(6) .cases-pay__img:first-child {\r\n            bottom: 54px;\r\n        }\r\n        .bg-wrap-pay[style=\"background-color: #0079fd\"] .cases-pay__row:nth-child(6) .cases-pay__img:nth-child(2) {\r\n            top: -192px;\r\n            right: -297px;\r\n        }\r\n        .bg-wrap-pay[style=\"background-color: #0079fd\"] .cases-pay__row:nth-child(6){\r\n            padding-bottom: 150px;\r\n        }\r\n\r\n        .bg-wrap-pay[style=\"background-color: #0079fd\"] .cases-pay__row:nth-child(4) .cases-pay__img:first-child {\r\n            bottom: -138px;\r\n        }\r\n    }\r\n    @media (max-width: 400px){\r\n        .numbers-main__inner-info.big--info {\r\n            font-size: 118px;\r\n        }\r\n        .bg-wrap-pay[style=\"background-color: #0079fd\"] .pay__title h2 {\r\n            max-width: 300px;   \r\n        }\r\n        .bg-wrap-pay[style=\"background-color: #0079fd\"] .cases-pay__row:nth-child(4) .pay__mob-row {\r\n            margin-top: 25px;\r\n        }\r\n        #block_6284775c717ec.block-cases-team.teams-padding {\r\n            padding-bottom: 100px;\r\n        }\r\n        .eq-header.block-cases-header  .cases__header-title h1 {\r\n            font-size: 43px;\r\n        }\r\n        .block-cases-design-dark {\r\n          padding-top: 80px;\r\n        }\r\n    }\r\n    \r\n<\/style>\r\n\r\n<!-- <div class=\"bg-wrap-pay\" style=\"background-color: #ee4046\"> -->\r\n<div class=\"bg-wrap-pay\" style=\"background: linear-gradient(180deg, rgba(0, 0, 0, 0.2) 0%, rgba(255, 255, 255, 0.2) 92.71%), #485CC3;\">\r\n\r\n    <div class=\"l-wrap cases-container\">\r\n\r\n                             \r\n\r\n                 \r\n\r\n                \r\n                <div class=\"cases-pay__row\">\r\n\r\n                    <div class=\"pay__title\">\r\n                        <h2>Fishka pay<\/h2>\n<p>It is a convenient payment service that includes several services: card-to-card transfer, points transfer, points purchase, charity transfers, Fishka purchase points, and transfer via the phone number<\/p>                    <\/div>\r\n\r\n                    <div class=\"pay__mob-row\">\r\n                                                    <div class=\"cases-pay__img pos-abs\">\r\n                                <img decoding=\"async\" class=\"lazy-off\" src=\"https:\/\/devlight.io\/wp-content\/webp-express\/webp-images\/uploads\/2022\/09\/pay-1.png.webp\" alt=\"pay\">\r\n                                <!-- <img decoding=\"async\" class=\"lazy-off\" src=\"https:\/\/devlight.io\/wp-content\/themes\/devlight\/assets\/img\/iphone_shadow_vertical.svg\" alt=\"\"> -->\r\n                            <\/div>\r\n                                                                            <div class=\"cases-pay__img\">\r\n                                <img decoding=\"async\" class=\"lazy-off\" src=\"https:\/\/devlight.io\/wp-content\/webp-express\/webp-images\/uploads\/2022\/09\/pay-2.png.webp\" alt=\"pay\">\r\n                                <!-- <img decoding=\"async\" class=\"lazy-off\" src=\"https:\/\/devlight.io\/wp-content\/themes\/devlight\/assets\/img\/iphone_shadow_vertical.svg\" alt=\"\"> -->\r\n                            <\/div>\r\n                            <div class=\"pay-item__shadow\"><\/div>\r\n                                            <\/div>\r\n                <\/div>\r\n\r\n                 \r\n\r\n             \r\n\r\n                 \r\n\r\n                        \r\n                <div class=\"cases-pay__row pay__second-row\">\r\n\r\n                    <div class=\"pay__mob-row\">\r\n                                                    <div class=\"cases-pay__img\">\r\n                                <img decoding=\"async\" class=\"lazy-off\" src=\"https:\/\/devlight.io\/wp-content\/webp-express\/webp-images\/uploads\/2022\/09\/pay-4.png.webp\" alt=\"pay\">\r\n                                <img decoding=\"async\" class=\"lazy-off\" src=\"\" alt=\"\">\r\n                            <\/div>\r\n                                                                            <div class=\"cases-pay__img sec-pos-abs\">\r\n                                <img decoding=\"async\" class=\"lazy-off\" src=\"https:\/\/devlight.io\/wp-content\/webp-express\/webp-images\/uploads\/2022\/09\/pay-3.png.webp\" alt=\"pay\">\r\n                                <img decoding=\"async\" class=\"lazy-off\" src=\"\" alt=\"\">\r\n                            <\/div>\r\n                                            <\/div>\r\n                                            <div class=\"pay__title\">\r\n                            <h2>Fishka Card<\/h2>\n<p>Digital loyalty card, which is always at hand and available for use in the chain of about 25 partner companies<\/p>                        <\/div>\r\n                    \r\n                <\/div>\r\n                 \r\n\r\n             \r\n\r\n                 \r\n\r\n                \r\n                <div class=\"cases-pay__row\">\r\n\r\n                    <div class=\"pay__title\">\r\n                        <h2>Fishka Online<\/h2>\n<p>Users can earn additional loyalty points for online purchases with it<\/p>                    <\/div>\r\n\r\n                    <div class=\"pay__mob-row\">\r\n                                                    <div class=\"cases-pay__img pos-abs\">\r\n                                <img decoding=\"async\" class=\"lazy-off\" src=\"https:\/\/devlight.io\/wp-content\/webp-express\/webp-images\/uploads\/2022\/09\/pay-5.png.webp\" alt=\"pay\">\r\n                                <!-- <img decoding=\"async\" class=\"lazy-off\" src=\"https:\/\/devlight.io\/wp-content\/themes\/devlight\/assets\/img\/iphone_shadow_vertical.svg\" alt=\"\"> -->\r\n                            <\/div>\r\n                                                                            <div class=\"cases-pay__img\">\r\n                                <img decoding=\"async\" class=\"lazy-off\" src=\"https:\/\/devlight.io\/wp-content\/webp-express\/webp-images\/uploads\/2022\/09\/pay-6.png.webp\" alt=\"pay\">\r\n                                <!-- <img decoding=\"async\" class=\"lazy-off\" src=\"https:\/\/devlight.io\/wp-content\/themes\/devlight\/assets\/img\/iphone_shadow_vertical.svg\" alt=\"\"> -->\r\n                            <\/div>\r\n                            <div class=\"pay-item__shadow\"><\/div>\r\n                                            <\/div>\r\n                <\/div>\r\n\r\n                 \r\n\r\n             \r\n\r\n                 \r\n\r\n                \r\n                    <div class=\"cases-pay__row pay__third-row\">\r\n\r\n                        <div class=\"pay__mob-row\">\r\n                                                        <div class=\"cases-pay__img thr-pos-abs\">\r\n                                <img decoding=\"async\" class=\"lazy-off\" src=\"https:\/\/devlight.io\/wp-content\/webp-express\/webp-images\/uploads\/2022\/09\/pay-7.png.webp\" alt=\"pay\">\r\n                                <!-- <img decoding=\"async\" class=\"lazy-off\" src=\"https:\/\/devlight.io\/wp-content\/themes\/devlight\/assets\/img\/iphone_shadow_vertical.svg\" alt=\"\"> -->\r\n                            <\/div>\r\n                                                                                    <div class=\"cases-pay__img\">\r\n                                <img decoding=\"async\" class=\"lazy-off\" src=\"https:\/\/devlight.io\/wp-content\/webp-express\/webp-images\/uploads\/2022\/09\/pay-8.png.webp\" alt=\"pay\">\r\n                                <!-- <img decoding=\"async\" class=\"lazy-off\" src=\"https:\/\/devlight.io\/wp-content\/themes\/devlight\/assets\/img\/iphone_shadow_vertical.svg\" alt=\"\"> --> \r\n                            <\/div>\r\n                            <div class=\"shadow-img-item\"><\/div>\r\n                                                    <\/div>\r\n                                                    <div class=\"pay__title\">\r\n                                <h2>Rewards<\/h2>\n<p>Here customers can exchange their points for real goods of the partners from the reward catalog<\/p>                            <\/div>\r\n                                            <\/div>\r\n                 \r\n\r\n             \r\n\r\n                 \r\n\r\n                \r\n                <div class=\"cases-pay__row\">\r\n\r\n                    <div class=\"pay__title\">\r\n                        <h2>Map of partners<\/h2>\n<p>All offline partner companies can be found here as well as their offers and rout construction to them<\/p>                    <\/div>\r\n\r\n                    <div class=\"pay__mob-row\">\r\n                                                    <div class=\"cases-pay__img pos-abs\">\r\n                                <img decoding=\"async\" class=\"lazy-off\" src=\"https:\/\/devlight.io\/wp-content\/webp-express\/webp-images\/uploads\/2022\/09\/pay-9.png.webp\" alt=\"pay\">\r\n                                <!-- <img decoding=\"async\" class=\"lazy-off\" src=\"https:\/\/devlight.io\/wp-content\/themes\/devlight\/assets\/img\/iphone_shadow_vertical.svg\" alt=\"\"> -->\r\n                            <\/div>\r\n                                                                            <div class=\"cases-pay__img\">\r\n                                <img decoding=\"async\" class=\"lazy-off\" src=\"https:\/\/devlight.io\/wp-content\/webp-express\/webp-images\/uploads\/2022\/09\/pay-10.png.webp\" alt=\"pay\">\r\n                                <!-- <img decoding=\"async\" class=\"lazy-off\" src=\"https:\/\/devlight.io\/wp-content\/themes\/devlight\/assets\/img\/iphone_shadow_vertical.svg\" alt=\"\"> -->\r\n                            <\/div>\r\n                            <div class=\"pay-item__shadow\"><\/div>\r\n                                            <\/div>\r\n                <\/div>\r\n\r\n                 \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_628780403696a\" class=\"block-cases-security alignfull  l-block eq-security fishka-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=\"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\/2021\/11\/fishka-main-.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-descr\">Mobile apps store and create a tremendous amount of data about us and our lives. So 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.\r\n<\/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>\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\" >\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>Fishka<\/h2>\r\n            <\/div>\r\n            <div class=\"loyality__demo\">\r\n                Check our demo\r\n            <\/div>\r\n            <div class=\"loyality__descr-wrapper\">\r\n                <div class=\"loyality__descr\">\r\n                    The largest loyalty program 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: #ee4046;                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\/2021\/11\/fishka-main-.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                          \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_6287902c6ef4a\" class=\"block-cases-dashboards alignfull  l-block\" >\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>System dashboards<\/h2>\n<p><span style=\"font-weight: 400;\">The clear and functional tool for service administrators to control all the existing entities and events in the system<\/span><\/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>In this menu client can manage webpage for end-users<\/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\/05\/dashboards.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>In this menu client can manage promotion for app and web-page<\/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\/06\/mockup.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>In this menu client can manage discount program<\/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\/06\/mockup-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                                            <ul>\n<li>In this menu client can run survey about application and general information to understand end-users better<\/li>\n<\/ul>                                        <\/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\/06\/mockup-2.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_628a3970972bc\" class=\"block-cases-ratings alignfull  l-block\" >\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>12k<\/span>review\r\n        <\/div>\r\n        <div class=\"ratings__header-item rating__header-center\">\r\n            3.9 out of 5\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\/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.svg\" alt=\"star\">\r\n                                                                             \r\n                                        <img decoding=\"async\" src=\"https:\/\/devlight.io\/wp-content\/uploads\/2022\/05\/active_star_rating.svg\" alt=\"star\">\r\n                                                                             \r\n                                        <img decoding=\"async\" src=\"https:\/\/devlight.io\/wp-content\/uploads\/2022\/05\/active_star_rating.svg\" alt=\"star\">\r\n                                                                             \r\n                                        <img decoding=\"async\" src=\"https:\/\/devlight.io\/wp-content\/uploads\/2022\/05\/active_star_rating.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\"> February 14, 2022<\/div>\r\n<div class=\"cases-ratings__title\">\r\nMykhailo Luhovyi\r\n<\/div>\r\n<div class=\"cases-ratings__cont\">\r\nNice app with plenty of discounts for many shops.\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\/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.svg\" alt=\"star\">\r\n                                                                             \r\n                                        <img decoding=\"async\" src=\"https:\/\/devlight.io\/wp-content\/uploads\/2022\/05\/active_star_rating.svg\" alt=\"star\">\r\n                                                                             \r\n                                        <img decoding=\"async\" src=\"https:\/\/devlight.io\/wp-content\/uploads\/2022\/05\/active_star_rating.svg\" alt=\"star\">\r\n                                                                             \r\n                                        <img decoding=\"async\" src=\"https:\/\/devlight.io\/wp-content\/uploads\/2022\/05\/active_star_rating.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\nMay 2, 2019\r\n<\/div>\r\n<div class=\"cases-ratings__title\">\r\nValerii Sovytskyi<\/div>\r\n<div class=\"cases-ratings__cont\">\r\nCompletely updated design and fixed business logic, all is very convenient and I don&#8217;t see any defects.  <\/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\/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.svg\" alt=\"star\">\r\n                                                    <\/div>\r\n                                        <div class=\"cases-ratings__time\">\r\nNovember 27, 2020\r\n<\/div>\r\n<div class=\"cases-ratings__title\">\r\nIevgen K\r\n<\/div>\r\n<div class=\"cases-ratings__cont\">\r\nIt is convenient to pay for petrol right next to the pump gas.\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\/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.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.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\n December 17, 2021\r\n<\/div>\r\n<div class=\"cases-ratings__title\">\r\n Serhii P\r\n<\/div>\r\n<div class=\"cases-ratings__cont\">\r\nThe app isn&#8217;t impressive, but I&#8217;m glad that I can fuel the car without going into the box office. If you do not want to talk to someone additionally, that&#8217;s what you need. The functionality is top.\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\/05\/logo-feedback.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\/05\/cust-feed.png.webp\" alt=\"quote\">\r\n            <\/div>\r\n                            <div class=\"feedback__info\">\r\n                 <p> Devlight\u2019s team was flexible and fast, and communication was simple. The apps work well, and the Devlight team held to all deadlines. The team is talented, and they utilize non-mainstream, top-notch techniques.                  \r\n<\/p>\r\n\r\n<div class=\"feedback__info-quote\">\r\n\r\n<div class=\"feedback__info-quote-name\">\r\nOlha Semchyk\r\n<\/div>\r\n\r\n<div class=\"feedback__info-quote-text\">\r\n Head of the loyalty program\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 fishka-num\" >\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>FISHKA 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\"> 90%<\/div>\r\n            <div class=\"numbers-main__item-text\"> share of points withdrawn<\/div>\r\n          <\/div>\r\n                  <div class=\"numbers-main__item\">\r\n            <div class=\"numbers-main__item-title\"> Top 7<\/div>\r\n            <div class=\"numbers-main__item-text\"> In chart Shopping<\/div>\r\n          <\/div>\r\n                  <div class=\"numbers-main__item\">\r\n            <div class=\"numbers-main__item-title\"> 100K +<\/div>\r\n            <div class=\"numbers-main__item-text\"> Daily active users<\/div>\r\n          <\/div>\r\n                  <div class=\"numbers-main__item\">\r\n            <div class=\"numbers-main__item-title\"> 25%<\/div>\r\n            <div class=\"numbers-main__item-text\"> Retention rate over 6 weeks<\/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                 3M+        \r\n            <\/div>\r\n          \r\n                      <div class=\"numbers-main__inner-info small--info\">\r\n                Instals of app in 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                Monthly active users                \r\n            <\/div>\r\n          \r\n                    <div class=\"numbers-main__inner-info big--info\">\r\n              820K                 \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_62988f1e86460\" class=\"block-cases-wireframes block-cases-wireframes--v2 alignfull  l-block\" >\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\/uploads\/2022\/06\/logo-fishka.svg');\"><\/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-2.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-1.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-1.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-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-33553-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-33561-2.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(6333);\"><\/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(7896);\"><\/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-33559-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-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-33558-2.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-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-33556-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-33506-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-2.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(7900);\"><\/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-33731-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-33730.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(7899);\"><\/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=\"#\" 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\" >\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> Emotional Intelligence <\/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:#007aff\">\r\n                                                    <div class=\"footer-circle-img\">\r\n                                <img decoding=\"async\" src=\"https:\/\/devlight.io\/wp-content\/webp-express\/webp-images\/uploads\/2022\/05\/footer-bg.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\/emotional\/\">\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\/emotional\/\">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":2961,"parent":0,"template":"","class_list":["post-1225","case_studies","type-case_studies","status-publish","has-post-thumbnail","","services_tax-loyalty_program"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v24.0 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Digital transformation for an all-in-one loyalty program - 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\/fishka\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Digital transformation for an all-in-one loyalty program - Devlight\" \/>\n<meta property=\"og:url\" content=\"https:\/\/devlight.io\/portfolio\/fishka\/\" \/>\n<meta property=\"og:site_name\" content=\"Devlight\" \/>\n<meta property=\"article:modified_time\" content=\"2023-07-04T15:26:07+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/devlight.io\/wp-content\/uploads\/2021\/11\/fishka.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\/fishka\/\",\"url\":\"https:\/\/devlight.io\/portfolio\/fishka\/\",\"name\":\"Digital transformation for an all-in-one loyalty program - Devlight\",\"isPartOf\":{\"@id\":\"https:\/\/devlight.io\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/devlight.io\/portfolio\/fishka\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/devlight.io\/portfolio\/fishka\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/devlight.io\/wp-content\/uploads\/2021\/11\/fishka.png\",\"datePublished\":\"2021-11-30T14:37:13+00:00\",\"dateModified\":\"2023-07-04T15:26:07+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/devlight.io\/portfolio\/fishka\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/devlight.io\/portfolio\/fishka\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/devlight.io\/portfolio\/fishka\/#primaryimage\",\"url\":\"https:\/\/devlight.io\/wp-content\/uploads\/2021\/11\/fishka.png\",\"contentUrl\":\"https:\/\/devlight.io\/wp-content\/uploads\/2021\/11\/fishka.png\",\"width\":1078,\"height\":1471},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/devlight.io\/portfolio\/fishka\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/devlight.io\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Digital transformation for an all-in-one loyalty program\"}]},{\"@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":"Digital transformation for an all-in-one loyalty program - 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\/fishka\/","og_locale":"en_US","og_type":"article","og_title":"Digital transformation for an all-in-one loyalty program - Devlight","og_url":"https:\/\/devlight.io\/portfolio\/fishka\/","og_site_name":"Devlight","article_modified_time":"2023-07-04T15:26:07+00:00","og_image":[{"width":1078,"height":1471,"url":"https:\/\/devlight.io\/wp-content\/uploads\/2021\/11\/fishka.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\/fishka\/","url":"https:\/\/devlight.io\/portfolio\/fishka\/","name":"Digital transformation for an all-in-one loyalty program - Devlight","isPartOf":{"@id":"https:\/\/devlight.io\/#website"},"primaryImageOfPage":{"@id":"https:\/\/devlight.io\/portfolio\/fishka\/#primaryimage"},"image":{"@id":"https:\/\/devlight.io\/portfolio\/fishka\/#primaryimage"},"thumbnailUrl":"https:\/\/devlight.io\/wp-content\/uploads\/2021\/11\/fishka.png","datePublished":"2021-11-30T14:37:13+00:00","dateModified":"2023-07-04T15:26:07+00:00","breadcrumb":{"@id":"https:\/\/devlight.io\/portfolio\/fishka\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/devlight.io\/portfolio\/fishka\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/devlight.io\/portfolio\/fishka\/#primaryimage","url":"https:\/\/devlight.io\/wp-content\/uploads\/2021\/11\/fishka.png","contentUrl":"https:\/\/devlight.io\/wp-content\/uploads\/2021\/11\/fishka.png","width":1078,"height":1471},{"@type":"BreadcrumbList","@id":"https:\/\/devlight.io\/portfolio\/fishka\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/devlight.io\/"},{"@type":"ListItem","position":2,"name":"Digital transformation for an all-in-one loyalty program"}]},{"@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\/1225","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\/2961"}],"wp:attachment":[{"href":"https:\/\/devlight.io\/wp-json\/wp\/v2\/media?parent=1225"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}