{"id":7234,"date":"2022-08-15T14:42:49","date_gmt":"2022-08-15T12:42:49","guid":{"rendered":"https:\/\/www.devlight.io\/?post_type=case_studies&#038;p=7234"},"modified":"2023-07-05T14:52:50","modified_gmt":"2023-07-05T12:52:50","slug":"vodafone","status":"publish","type":"case_studies","link":"https:\/\/devlight.io\/portfolio\/vodafone\/","title":{"rendered":"Business diversification: a neobank-app for Vodafone"},"content":{"rendered":"<div id=\"block_62e8dd3f62d44\" class=\"block-cases-header alignfull l-block\" >\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=\"#\">Vodafone<\/a><\/li>\r\n                <li class=\"breadcrumbs__item breadcrumbs__item--active\"><span>Mobile bank<\/span><\/li>\r\n            <\/ul>\r\n        <\/nav>\r\n        <div class=\"cases__year\">2020<\/div><!--         <nav class=\"breadcrumbs\">\n            <li id=\"breadcrumbs__item\"><span><span><a href=\"https:\/\/devlight.io\/\">Home<\/a><\/span><\/span><\/li>            <ul class=\"breadcrumbs__list list-reset\">\n                <li class=\"breadcrumbs__item\"><a href=\"\/\">Fishka<\/a><\/li>\n                <li class=\"breadcrumbs__item breadcrumbs__item--active\"><span>Loyalty Program<\/span><\/li>\n            <\/ul>\n        <\/nav>\n        <div class=\"cases__year\">2021<\/div> -->\n    <\/div>\n\n\n    <div class=\"cases__main-row\">\n\n        <div class=\"cases__left-row\">\n\n                          <div class=\"cases__header-title\">\n                  <h1>MOBILE<br> Neo-Bank<\/h1>              <\/div>\n            \n                          <div class=\"cases__concept\">\n                  <span class=\"cases__concept-item\">Idea<\/span>\r\n<span class=\"cases__concept-line\"><\/span>\r\n<span class=\"cases__concept-line cases__concept-line--sc\"><\/span>\r\n<span class=\"cases__concept-item\">Concept<\/span>              <\/div>\n            \n            <div class=\"cases__mobile-block\">\n                              <div class=\"cases__mobile-content\">\n                  <h4>Vodafone Neobank app<\/h4>\n<p>Bank for the largest telecom provider.<\/p>                <\/div>\n              \n              \n            <\/div>\n\n            \n        <\/div>\n                \n        <div class=\"cases__center-row\">\n            <div class=\"circle\" style=\"background-color: #8399ff\"><\/div>\n            <div class=\"cases__mobile-main\">\n                <div>\n                    <img decoding=\"async\" src=\"https:\/\/devlight.io\/wp-content\/webp-express\/webp-images\/uploads\/2022\/08\/Frame-33971.png.webp\" alt=\"main-mob\">\n                    <!-- <picture>\n                      <source srcset=\"https:\/\/devlight.io\/wp-content\/uploads\/2022\/08\/Frame-33971.png\" media=\"(min-width: 600)\">\n                      <source srcset=\"https:\/\/devlight.io\/wp-content\/uploads\/2022\/08\/Frame-33971-161x300.png\" media=\"(min-width: 300px)\">\n                      <img decoding=\"async\" src=\"https:\/\/devlight.io\/wp-content\/uploads\/2022\/08\/Frame-33971.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\/08\/Frame-33970-1.svg\" alt=\"mini-icon\">\n              <\/div>\n                                      <div class=\"cases__header-company\">\n                Devlight              <\/div>\n                                      <div class=\"cases__header-time\">\n                 <b>2020 \/<\/b> August              <\/div>\n                    <\/div>\n    <\/div>\n<\/div>\n\n\n\n<\/div>\n\n\n      <div id=\"block_62e8dd3f62d45\" class=\"block-cases-about-project   alignfull relative  l-block\" >\n  \n  \n<div class=\"bg-wrap-about\" style=\"background-color: #485cc3\">\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               Staying open to new challenges and opportunities seems hard for big international companies. They already have a working business model and don\u2019t need to create new approaches to keep going. But this is not the case for Vodafone, which is always eager to new. \r\n   Being the biggest telecommunication company in the world didn&#8217;t stop them from the urge to conquer a totally new market \u2014 banking. They came to us with a bare wish to build up a NEO-bank app. Our development expertise allowed us to assess the market quickly, discover insights and find the best-matching app idea according to the given requirements and limitations.  \r\n            <\/p>                <\/div>\n                        <div class=\"block-cases-about-project__col new__col\">\n                                        <h2 class=\"new-width\">\r\n            Customer\r\n        <\/h2>\r\n            <p>\r\n            The customer is a leading telecommunications company keeping society connected and building a digital future for everyone.\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=\"#\">Business model creation<\/a>\n                                            <a class=\"cases-button\" href=\"https:\/\/devlight.io\/ux-ui-design\/\">UI\/UX<\/a>\n                                            <a class=\"cases-button\" href=\"#\">Customer development<\/a>\n                                            <a class=\"cases-button\" href=\"\">Backlog creation<\/a>\n                                            <a class=\"cases-button\" href=\"\">Technical spec.<\/a>\n                                    <\/div>\n            <\/div>\n        <\/div>\n                    <div class=\"block__img\">\n                <img decoding=\"async\" src=\"https:\/\/devlight.io\/wp-content\/uploads\/2022\/08\/Vodafone-back-1.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\" >\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>Vodafone BY THE NUMBERS<\/h2>            \n          <\/div>\n           \n                  <div class=\"cases-numbers-text\">          \n            <p>Vodafone is a leading Ukrainian mobile operator. It provides a wide range of services including 4G and 4G data transmission, messaging, mobile voice communication, fixed internet, and mobile TV.<\/p>      \n          <\/div>\n          \n      <\/div>\n\n      <div class=\"numbers__grid\">\n                  <div class=\"numbers__item\">\n            <div class=\"numbers__item-title\"> 700M+<\/div>\n            <div class=\"numbers__item-text\"> Annual mobile subscribers globaly.<\/div>\n          <\/div>\n                  <div class=\"numbers__item\">\n            <div class=\"numbers__item-title\"> 21M+<\/div>\n            <div class=\"numbers__item-text\"> Annual fixed internet users<\/div>\n          <\/div>\n                  <div class=\"numbers__item\">\n            <div class=\"numbers__item-title\"> 20+<\/div>\n            <div class=\"numbers__item-text\"> Countries presents<\/div>\n          <\/div>\n                  <div class=\"numbers__item\">\n            <div class=\"numbers__item-title\"> 45B $ <\/div>\n            <div class=\"numbers__item-text\"> Market capitalisation<\/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\" >\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>As clients assessed the fintech industry as quite new for them, they wanted to hear more suggestions from us on where they have to focus. So our task is logically divided into two parts:<\/p>\n<ul>\n<li>Market and customer investigations\u2014we\u2019re doing everything to find strong needs and pains that can be covered by a service that can be owned by client;<\/li>\n<li>Prototyping the service based on the app according to the data we collect on the first step and testing its viability. Presenting the app prototype with all inner and outer processes explanations to the client.<\/li>\n<\/ul>        \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\/08\/Rectangle-3463994.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\" >\n  \n  \n\n    <div class=\"l-wrap cases-container\">\n\t\t\t\n\t\t\t        <div class=\"our-problem__content\" >\n            <h2>Problems we faced with<\/h2>        <\/div>\n\t\t\t   \n        <div class=\"our__problem-row\">\n\t\t\t\t\t            <div class=\"our__problem-left\">\n                <p>Because of the pandemics, we had to provide 100% of our services online with no discount for quality.<\/p>\n<p>No long-term product value of the mobile app<\/p>\n<p>Client wanted to avoid any crediting services in the service pack of an app<\/p>\n<p>Limited time for the unlimited creativity process of business ideas design, hypothesis testing, and prototyping<\/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\/08\/Rectangle-3463956-1.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 sol-vodafon\" >\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\/08\/Rectangle-3464196.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<div>\n<p><strong>Conduct Market research:<\/strong><\/p>\n<ul>\n<li>competitors research<\/li>\n<li>user research<br \/>\nbusiness model<\/li>\n<li>research<br \/>\ntrend research<\/li>\n<\/ul>\n<\/div>                    <\/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<div>\n<p><strong>Customer development:<\/strong><\/p>\n<ul>\n<li>hypothesis creation<\/li>\n<li>user profiling &amp; segmentation<\/li>\n<li>user service &amp; in-depth interview<\/li>\n<\/ul>\n<\/div>                    <\/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<div>\n<p><strong>Business modeling<\/strong><\/p>\n<ul>\n<li>BMC design<\/li>\n<li>cost structure calculating<\/li>\n<li>revenue structure forecasting<\/li>\n<li>BEP &amp; ROI modeling<\/li>\n<\/ul>\n<\/div>                    <\/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<div>\n<strong>Customer orchestration<\/strong><\/p>\n<ul>\n<li>customer journey mapping<\/li>\n<li>service blueprint desing<\/li>\n<li>customer funnels design<\/li>\n<\/ul>\n<\/div>                    <\/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<div><strong>Design a unique value proposition<\/strong><\/p>\n<ul>\n<li>user jobs mapping<\/li>\n<li>pains &#038; gains discovery<\/li>\n<li>pain relievers &#038; gains creators<\/li>\n<li>proposed solutions<\/li>\n<\/ul>\n<\/div>                    <\/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<div><strong>Concept testing<\/strong><\/p>\n<ul>\n<li>VP testing with the client <\/li>\n<li>high fidelity prototype user testing via Maze<\/li>\n<\/ul>\n<\/div>                    <\/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_62e8dd3f62d46\" 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<br \/>\nVodafone<\/h2>\n<p>To succeed, you need a plan. To succeed in enterprise mobile app development, you need the exact plan of the development process described below. As simple as that.<\/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 \r\ncreating            \n                <\/div>              \n                <div class=\"cases__creating-subtitle\">\n                    What is the product overall value? How product will compare into the market?                 \n                <\/div> \n                <div class=\"cases__creating-info\">\n                    <ul class=\"cases-hover-cr\">\n<li>&gt; Trend Canvas<\/li>\n<li>&gt; Key business ideas<\/li>\n<li>&gt; Customer journey map<\/li>\n<li>&gt; Value proposition canvas<\/li>\n<li><\/li>\n<\/ul>                  \n                <\/div> \n\n            <\/div>\n\n        \n            <div class=\"cases__creating-item\" style=\"--hover_color:#FFA300\">            \n                <div class=\"cases__creating-title\">\n                    Requirement gathering &#038;\r\ncollecting            \n                <\/div>              \n                <div class=\"cases__creating-subtitle\">\n                    What is the business context?\r\nDid vision match it?                 \n                <\/div> \n                <div class=\"cases__creating-info\">\n                    <ul class=\"cases-hover-cr\">\n<li>&gt; Backlog creating<\/li>\n<li>\n&gt; Job &#038; user stories creating<\/li>\n<li>\n&gt; BPMN modelling<\/li>\n<li>\n&gt; Business tasks describing<\/li>\n<li>\n&gt; PRD completing<\/li>\n<\/ul>                  \n                <\/div> \n\n            <\/div>\n\n        \n            <div class=\"cases__creating-item\" style=\"--hover_color:#FFA300\">            \n                <div class=\"cases__creating-title\">\n                    High fidelity prototyping\r\ncreating &#038; testing             \n                <\/div>              \n                <div class=\"cases__creating-subtitle\">\n                    How the users will interact with\r\nproduct concept?                 \n                <\/div> \n                <div class=\"cases__creating-info\">\n                    <ul class=\"cases-hover-cr\">\n<li>&gt; Figma hi-fi prototype creating<\/li>\n<li>\n&gt; User flows mapping<\/li>\n<li>\n&gt; Clickable prototype creating<\/li>\n<li>\n&gt; Clickable prototype realtime testing<\/li>\n<li>\n&gt; Iteration changes<\/li>\n<\/ul>                  \n                <\/div> \n\n            <\/div>\n\n        \n            <div class=\"cases__creating-item\" style=\"--hover_color:#FFA300\">            \n                <div class=\"cases__creating-title\">\n                    Product\u2019s software integrations plan creating            \n                <\/div>              \n                <div class=\"cases__creating-subtitle\">\n                    How the buisness will interact with product concept?                 \n                <\/div> \n                <div class=\"cases__creating-info\">\n                    <ul class=\"cases-hover-cr\">\n<li>&gt; Software architecture diagram<\/li>\n<li>\n&gt; Data flow diagram<\/li>\n<li>\n&gt; API methods specs.<\/li>\n<li>\n&gt; 3d-party services integration model<\/li>\n<li>\n&gt; Full technical specification creating<\/li>\n<\/ul>                  \n                <\/div> \n\n            <\/div>\n\n        \n        <\/div>\n\n        \n    <\/div>            \n<\/div>\n<\/div>\n\n\n      <div id=\"block_627cc7155a302\" class=\"block-cases-discovery alignfull  l-block\" >\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\/08\/vodafone-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\/08\/Rectangle-3464192.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\" >\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 class=\"p1\">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 class=\"p1\">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 class=\"p1\">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\" >\n  \n  \n\n  <!-- <div class=\"bg-wrap\" style=\"background-color: rgb(72,92,195)\"> -->\n  <div class=\"bg-wrap\" style=\"background: linear-gradient(180deg, rgba(0, 0, 0, 0.2) 0%, rgba(255, 255, 255, 0.2) 92.71%), #485CC3;\">\n    <div class=\"l-wrap cases-container\">\n              <div class=\"block-cases-interview__title\">\n          IN &#8211; depth <br> interview        <\/div>\n      \n              <div class=\"block-cases-interview__grid\">\n                      \n          <div class=\"block-cases-interview__column\">\n                                      <div class=\"block-cases-interview__text\">\n                <p>For a deep understanding of the unresolved problems market has, we need to conduct qualitative research. In-depth interviews are just perfect for that, as they receive detailed answers from respondents instead of simply filling out a standard questionnaire. Also, they are one of the most inexpensive and simplest studies.<\/p>\n<p>These interviews do not confirm or disprove hypotheses. They just describe the user experience. And through this, we can have a better understanding of problems that are occurring, their context, and how users manage these problems.<\/p>              <\/div>\n                      <\/div>\n\n                      \n          <div class=\"block-cases-interview__column\">\n                                      <div class=\"block-cases-interview__text\">\n                <p>Recruiting people for interviews is another job that is needed to be done. Not every user fits into respondent requirements, that is why we need to form a list of characteristics describing the perfect user, whose experience will be most relevant to us. Based on these data, a screening questionnaire is formed which filters questions for the selection of respondents.<\/p>              <\/div>\n                      <\/div>\n\n                      \n          <div class=\"block-cases-interview__column\">\n                          <div class=\"block-cases-interview__title\">\n                Screening criteria for respondents              <\/div>\n                                      <div class=\"block-cases-interview__text\">\n                <ul>\n<li>Age (20-55 years old).<\/li>\n<li>Income (average\/above average\/ high).<\/li>\n<li>Over the past six months, the respondent has used loyalty services.<\/li>\n<\/ul>              <\/div>\n                      <\/div>\n\n                      \n          <div class=\"block-cases-interview__column\">\n                          <div class=\"block-cases-interview__title\">\n                What is important to understand              <\/div>\n                                      <div class=\"block-cases-interview__text\">\n                <ul>\n<li>\n<p class=\"p1\"><span class=\"Apple-converted-space\">\u00a0<\/span>Who our user is, what his goal and motivation are.<\/p>\n<\/li>\n<li>\n<p class=\"p1\">What his current experience is \u2013 what steps he goes through, what actions he takes on them, what problems he has, what pleasant moments arise along the way.<\/p>\n<\/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 is done, we translate respondents\u2019 answers into text form. And that\u2019s where real work begins, and where insights are born.<br \/>\nWe analyze all answers and divide them into colors. Yellow stickers describe <strong>what actions the person performed<\/strong>, red stickers \u2014<strong> what problems he had at that moment<\/strong>, and green stickers \u2014 <strong>what pleasant moment he had<\/strong> while moving toward the goal.<\/p>\n<p>Also, we point out the <strong>context that facilitated these actions. <\/strong>Then we <strong>define the Big Job<\/strong> that all actions were performed for. And, finally, we group the stickers by topic. As a result, we get a certain number of groups of stickers and then give them certain 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 class=\"l-wrap cases-container\">\n  <div class=\"block-title-text\">\n        <div class=\"cases-wireframes__header\">\n          <h3>quantitative interview results<\/h3>          <p>Eventually, we can see a chart with answers to the most important questions regarding the market. They will help us identify and satisfy particular customers&#8217; needs. And make customers love our product through the joy and convenience that the user experience will deliver. <\/p>        <\/div>\n    <\/div>\n<\/div>\n\n\n<style>\n  .block-graph{\n    background: #F6F6F6;\n    padding: 48px 76px 64px 64px;\n    overflow: auto;\n  }\n\n  .block-graph h2{\n    font-weight: 700;\n    font-size: 32px;\n    line-height: 40px;\n  }\n\n  .block-graph__answers{\n    margin-top: 16px;\n    font-size: 24px;\n    line-height: 32px;\n\n    color: #787878;\n  }\n\n  .block-graph img{\n    margin-top: 80px;\n    min-width: 700px;\n  }\n\n\n<\/style>\n\n<section class=\"l-wrap cases-container\">\n    <div class=\"block-graph\">\n        <h2>What is most important for you in the bank?<\/h2>        <div class=\"block-graph__answers\">95 answers<\/div>                  <img decoding=\"async\" src=\"https:\/\/devlight.io\/wp-content\/webp-express\/webp-images\/uploads\/2022\/08\/Group-626150-1.png.webp\"  alt=\"table\">\n            <\/div>\n<\/section>\n\n\n<div class=\"l-wrap cases-container\">\n  <div class=\"block-title-text\">\n        <div class=\"cases-wireframes__header\">\n          <h3>key metricks<\/h3>          <p>A quantitive survey involved 2500 respondents in the focus group. It allowed us to highlight some of the insights. <\/p>        <\/div>\n    <\/div>\n<\/div>\n\n\n<section class=\"l-wrap cases-container\">\n    <div class=\"metrics\">\n        <div class=\"metrics__wrap\">\n          \t\n\n          <div class=\"metrics__item\">\n            <img decoding=\"async\" src=\"https:\/\/devlight.io\/wp-content\/uploads\/2022\/08\/circle.svg\" alt=\"metrics\" class=\"metrics-image\">\n            <div class=\"metrics__text\">72% of interviewed bank application users would prefer a bank app that has a feature of adding a card of other banks to see their balance.<\/div>\n          <\/div>\n\n          \t\n\n          <div class=\"metrics__item\">\n            <img decoding=\"async\" src=\"https:\/\/devlight.io\/wp-content\/uploads\/2022\/08\/circle2-1.svg\" alt=\"metrics\" class=\"metrics-image\">\n            <div class=\"metrics__text\">41% of users find it important to have the possibility to switch cards currency to local if they decide to move to another country, instead of issuing a new card<\/div>\n          <\/div>\n\n          \t\n\n          <div class=\"metrics__item\">\n            <img decoding=\"async\" src=\"https:\/\/devlight.io\/wp-content\/uploads\/2022\/08\/circle3.svg\" alt=\"metrics\" class=\"metrics-image\">\n            <div class=\"metrics__text\">55% of interviewed users would like to see the budget forecast for the future year based on previous expenses and incomes in the bank app.\r\n<\/div>\n          <\/div>\n\n                  <\/div>\n    <\/div>\n<\/section>\n\n\n      <div id=\"block_627d0d1c43dcd\" class=\"block-cases-user alignfull  l-block\" >\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                Andrew Shevchenko              <\/div>\n                                      <div class=\"block-cases-user__card-details\">\n                <p><b>Age:\u00a0<\/b>20<\/p>\n<p><b>Status:\u00a0<\/b>Single<\/p>\n<p><b>Occupation:\u00a0<\/b>Student<\/p>\n<p><b>Lacation:\u00a0<\/b>Kyiv<\/p>              <\/div>\n                                      <div class=\"block-cases-user__card-text\">\n                <p>Andrew is a BBA student. Andrew does not understand what are the rates and which card is profitable. Also, Andriy&#8217;s parents help him by sending 2000 uah a month for a living. He is ready to invite +1 member of his family to the bank he uses with motivation to send him money quickly and on time<\/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>Ready to open loans and ready to pay it, working additionally or counting on the next payment from parents<\/li>\n<li>Transfers scholarship money to his personal card in his bank<\/li>\n<li>Quick and accessible support that communicates in a language I understand is important to me<\/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>He is too lazy to go to the bank to reissue the card, but he would do it online<\/li>\n<li>He does not understand why he should use several cards if he already has one<\/li>\n<li>Image is an important factor when choosing a bank<\/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>Joint Purchases<\/li>\n<li>Special cashback for students<\/li>\n<li>Use the card and get bonus for mobile communication<\/li>\n<li>Online card reneval<\/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>Android<\/li>\n<\/ul>              <\/div>\n                      <\/div>\n\n                  <\/div>\n      \n    <\/div>\n\n<\/div>\n\n\n<div class=\"l-wrap cases-container\">\n  <div class=\"block-title-text\">\n        <div class=\"cases-wireframes__header\">\n          <h3>Competitor research<\/h3>          <p>No one is isolated from the market, so in developing a new product you have to consider competitors, their strengths, and weaknesses. That is exactly what we were busy with at the stage of competitors\u2019 research. It is an efficient instrument for brand positioning, market research, and discovering its unresolved problems.<\/p>        <\/div>\n    <\/div>\n<\/div>\n\n\n<section class=\"l-wrap cases-container\">\n    <div class=\"block-full-image\">\n                  <img decoding=\"async\" src=\"https:\/\/devlight.io\/wp-content\/webp-express\/webp-images\/uploads\/2022\/08\/Group-626121.png.webp\"  alt=\"table\">\n            <\/div>\n<\/section>\n\n\n<div class=\"l-wrap cases-container\">\n  <div class=\"block-title-text\">\n        <div class=\"cases-wireframes__header\">\n          <h3>Customer Journey<\/h3>          <p>We think of a customer&#8217;s relationship with a company as a story. Like all other stories, it has its beginning, plot twists, challenges, and should have a happy end. For a better understanding of the user experience, we mapped user journeys, measured touch points, and examined all of the most challenging areas.<\/p>        <\/div>\n    <\/div>\n<\/div>\n\n\n<section class=\"l-wrap cases-container\">\n    <div class=\"block-full-image\">\n                  <img decoding=\"async\" src=\"https:\/\/devlight.io\/wp-content\/webp-express\/webp-images\/uploads\/2022\/08\/Frame-33947.png.webp\" style=\"width: 100%;\" alt=\"table\">\n            <\/div>\n<\/section>\n\n\n<section class=\"l-wrap cases-container\">\n    <div class=\"block-full-image\">\n                  <img decoding=\"async\" src=\"https:\/\/devlight.io\/wp-content\/webp-express\/webp-images\/uploads\/2022\/08\/Group-626150.png.webp\"  alt=\"table\">\n            <\/div>\n<\/section>\n\n\n<section class=\"l-wrap cases-container\">\n    <div class=\"block-full-image\">\n                  <img decoding=\"async\" src=\"https:\/\/devlight.io\/wp-content\/webp-express\/webp-images\/uploads\/2022\/08\/Group-626151.png.webp\"  alt=\"table\">\n            <\/div>\n<\/section>\n\n\n<section class=\"l-wrap cases-container\">\n    <div class=\"block-full-image\">\n                  <img decoding=\"async\" src=\"https:\/\/devlight.io\/wp-content\/webp-express\/webp-images\/uploads\/2022\/09\/Frame-34103.png.webp\"  alt=\"table\">\n            <\/div>\n<\/section>\n\n\n<section class=\"l-wrap cases-container\">\n    <div class=\"block-full-image\">\n                  <img decoding=\"async\" src=\"https:\/\/devlight.io\/wp-content\/webp-express\/webp-images\/uploads\/2022\/09\/Frame-33973.png.webp\"  alt=\"table\">\n            <\/div>\n<\/section>\n\n\n<div class=\"l-wrap cases-container\">\n  <div class=\"block-title-text\">\n        <div class=\"cases-wireframes__header\">\n          <h3>Features backlog<\/h3>          <p>After analyzing what\u2019s under the hood in competitors\u2019 products, we\u2019re able to create our own features backlog to get a helicopter view of all things that must be done in development.<\/p>        <\/div>\n    <\/div>\n<\/div>\n\n\n<section class=\"l-wrap cases-container\">\n    <div class=\"block-full-image\">\n                  <img decoding=\"async\" src=\"https:\/\/devlight.io\/wp-content\/webp-express\/webp-images\/uploads\/2022\/08\/Frame-33931-1.png.webp\"  alt=\"table\">\n            <\/div>\n<\/section>\n\n\n<div class=\"l-wrap cases-container\">\n  <div class=\"block-title-text\">\n        <div class=\"cases-wireframes__header\">\n          <h3>Business model canvas<\/h3>          <p>Now comes the time to put it all together. For doing that we are using a business model canvas. It is a great tool that visualizes everything: from the value propositioning of the product and its structure, to its customers and financial parts of the business. Using this diagram one can document the entire shape of the business model conveniently and comprehensively. <\/p>        <\/div>\n    <\/div>\n<\/div>\n\n\n<style>\n  .block-key-grid {\n    display: grid;\n    grid-auto-flow: dense;\n    grid-gap: 8px;\n    grid-template-columns: repeat(16, 1fr);\n    grid-template-rows: 1fr 1fr 286px;\n  }\n\n  .key-grid__item:nth-child(1) {\n    grid-column: span 4;\n    grid-row: 1\/3;\n  }\n\n  .key-grid__item:nth-child(1) .key-grid__sub-grid{\n    grid-template-columns: 1fr 1fr 1fr;\n  }\n\n  .key-grid__item:nth-child(2) {\n    grid-column: span 3;\n    grid-row: 1\/2;\n  }\n\n  .key-grid__item:nth-child(3) {\n    grid-column: span 3;\n    grid-row: 2\/3;\n    padding-bottom: 60px;\n  }\n\n  .key-grid__item:nth-child(4) {\n    grid-column: span 3;\n    grid-row: 1\/3;\n  }\n\n  .key-grid__item:nth-child(5) {\n    grid-column: span 3;\n    grid-row: 1\/2;\n  }\n\n  .key-grid__item:nth-child(5) .key-grid__sub-grid{\n    margin-top: 56px;\n  }\n\n  .key-grid__item:nth-child(6) {\n    grid-column: span 3;\n    grid-row: 2\/3;\n  }\n\n  .key-grid__item:nth-child(6) .key-grid__sub-grid{\n    margin-top: 76px;\n  }\n\n  .key-grid__item:nth-child(7) {\n    grid-column: span 3;\n    grid-row: 1\/3;\n  }\n\n  .key-grid__item:nth-child(7) .key-grid__sub-grid{\n    margin-top: 80px;\n  }\n\n  .key-grid__item:nth-child(8) {\n    grid-column: span 8;\n  }\n\n  .key-grid__item:nth-child(9) {\n    grid-column: span 8;\n  }\n\n  .key-grid__item:nth-child(9) .key-grid__sub-grid{\n    margin-top: 48px;\n  }\n\n  .key-grid__item:nth-child(8) .key-grid__sub-grid,\n  .key-grid__item:nth-child(9) .key-grid__sub-grid{\n    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;\n  }\n\n\n  .key-grid__item {\n    background-color: #f6f6f6;\n    padding: 16px 7px 22px;\n  }\n\n  .key-grid__item .title {\n    text-transform: uppercase;\n    font-weight: 800;\n    font-size: 16px;\n    line-height: 24px;\n  }\n\n  .key-grid__text {\n    font-size: 12px;\n    line-height: 16px;\n    margin-top: 8px;\n  }\n\n  .key-grid__card {\n    min-height: 80px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    padding: 2px;\n\n    overflow: hidden;\n\n    text-align: center;\n\n    font-size: 10px;\n    line-height: 11px;\n    background: #FEF8BA;\n    box-shadow: 2px 4px 13px rgba(0, 0, 0, 0.1);\n  }\n\n  .key-grid__sub-grid {\n    display: grid;\n    grid-gap: 4px;\n    margin-top: 24px;\n    grid-template-columns: 1fr 1fr;\n  }\n\n  @media (max-width: 1024px) {\n  .block-key-grid {\n    grid-gap: 15px;\n    grid-template-rows: auto;\n  }\n  \n  .key-grid__item:nth-child(1) {\n    grid-column: span 8;\n    grid-row: auto;\n  }\n\n  .key-grid__item:nth-child(2) {\n    grid-column: span 8;\n    grid-row: auto;\n  }\n\n  .key-grid__item:nth-child(3) {\n    grid-column: span 8;\n    grid-row: auto;\n    padding-bottom: 0;\n  }\n\n  .key-grid__item:nth-child(4) {\n    grid-column: span 8;\n    grid-row: auto;\n  }\n\n  .key-grid__item:nth-child(5) {\n    grid-column: span 8;\n    grid-row: auto;\n  }\n\n  .key-grid__item:nth-child(5) .key-grid__sub-grid{\n    margin-top: 24px;\n  }\n\n  .key-grid__item:nth-child(6) {\n    grid-column: span 8;\n    grid-row: auto;\n  }\n\n  .key-grid__item:nth-child(6) .key-grid__sub-grid{\n    margin-top: 24px;\n  }\n\n  .key-grid__item:nth-child(7) {\n    grid-column: span 8;\n    grid-row: auto;\n  }\n\n  .key-grid__item:nth-child(7) .key-grid__sub-grid{\n    margin-top: 24px;\n  }\n\n  .key-grid__item:nth-child(8) {\n    grid-column: span 8;\n    grid-row: auto;\n  }\n\n  .key-grid__item:nth-child(9) {\n    grid-column: span 8;\n    grid-row: auto;\n  }\n\n  .key-grid__item:nth-child(9) .key-grid__sub-grid{\n    margin-top: 24px;\n  }\n\n  .key-grid__item:nth-child(8) .key-grid__sub-grid, \n  .key-grid__item:nth-child(9) .key-grid__sub-grid {\n    grid-template-columns: 1fr 1fr;\n  }\n\n  }\n  @media (max-width: 600px) {\n  .key-grid__item:nth-child(1) {\n    grid-column: 1\/-1;\n  }\n  .key-grid__item:nth-child(1) .key-grid__sub-grid {\n    grid-template-columns: 1fr 1fr;\n  }\n\n  .key-grid__item:nth-child(2) {\n    grid-column: 1\/-1;\n  }\n\n  .key-grid__item:nth-child(3) {\n    grid-column: 1\/-1;\n  }\n\n  .key-grid__item:nth-child(4) {\n    grid-column: 1\/-1;\n  }\n\n  .key-grid__item:nth-child(5) {\n    grid-column: 1\/-1;\n  }\n\n  .key-grid__item:nth-child(5) .key-grid__sub-grid{\n\n  }\n\n  .key-grid__item:nth-child(6) {\n    grid-column: 1\/-1;\n  }\n\n  .key-grid__item:nth-child(6) .key-grid__sub-grid{\n\n  }\n\n  .key-grid__item:nth-child(7) {\n    grid-column: 1\/-1;\n  }\n\n  .key-grid__item:nth-child(7) .key-grid__sub-grid{\n\n  }\n\n  .key-grid__item:nth-child(8) {\n    grid-column: 1\/-1;\n  }\n\n  .key-grid__item:nth-child(9) {\n    grid-column: 1\/-1;\n  }\n\n  .key-grid__item:nth-child(9) .key-grid__sub-grid{\n\n  }\n\n  .key-grid__item:nth-child(8) .key-grid__sub-grid, \n  .key-grid__item:nth-child(9) .key-grid__sub-grid {\n\n  }\n\n  }\n<\/style>\n\n<section class=\"l-wrap cases-container\">\n  <div class=\"block-key-grid\">\n    \t\n\n    <div class=\"key-grid__item\">\n              <h3 class=\"title\">KEY PARTNERS<\/h3>\n                    <div class=\"key-grid__text\">The network of suppliers and partners that make the business model work<\/div>\n            <div class=\"key-grid__sub-grid\">\n        \n        \t\n        <div class=\"key-grid__card\">Merchants for the issuance of installments \/ loans<\/div>\n        \t\n        <div class=\"key-grid__card\">Apple\/Google payment for processing NFC device<\/div>\n        \t\n        <div class=\"key-grid__card\">Google \/ Open Street maps for geodata points and navigation <\/div>\n        \t\n        <div class=\"key-grid__card\">ATM network partners<\/div>\n        \t\n        <div class=\"key-grid__card\">Visa as the main partner in the presented financial platform<\/div>\n        \t\n        <div class=\"key-grid__card\">Partnership with training projects \/ platforms, specific speakers on financial literacy<\/div>\n        \t\n        <div class=\"key-grid__card\">Visa as a technological, marketing, product and partner investing in project development<\/div>\n        \t\n        <div class=\"key-grid__card\">PSP processing of utilities and other payments<\/div>\n        \t\n        <div class=\"key-grid__card\">Partners for special offers (discounts, bonuses)<\/div>\n        \t\n        <div class=\"key-grid__card\">Partnership with a   foreign bank to open accounts for Ukrainians abroad<\/div>\n        \t\n        <div class=\"key-grid__card\"> NDA company as the main method and donor of information (scoring, big data, etc.)<\/div>\n        \t\n        <div class=\"key-grid__card\">Contact center for customer support<\/div>\n        \t\n        <div class=\"key-grid__card\">NDA retail &#8211; delivery and issuance of cards<\/div>\n        \t\n        <div class=\"key-grid__card\">Partnership with various charitable foundations<\/div>\n        \t\n        <div class=\"key-grid__card\">Transferwise or other for foreign exchange transactions (transfers, conversions)<\/div>\n        \t\n        <div class=\"key-grid__card\">Creative partner (advertising, visual communication and strategy)<\/div>\n        \t\n        <div class=\"key-grid__card\">Travel special partners<\/div>\n        \t\n        <div class=\"key-grid__card\">Advertising and affiliate service providers<\/div>\n        \t\n        <div class=\"key-grid__card\">Suppliers of payment systems, card data<\/div>\n        \t\n        <div class=\"key-grid__card\">Partnership with the processing center<\/div>\n                \n      <\/div>\n    <\/div>\n\n    \t\n\n    <div class=\"key-grid__item\">\n              <h3 class=\"title\">KEY ACTIVITIES<\/h3>\n                    <div class=\"key-grid__text\">The most important activities a  company must do to make its  business work<\/div>\n            <div class=\"key-grid__sub-grid\">\n        \n        \t\n        <div class=\"key-grid__card\">Application monitoring, technical stability and usage analysis<\/div>\n        \t\n        <div class=\"key-grid__card\">Production and control of cards and onboarding materials<\/div>\n        \t\n        <div class=\"key-grid__card\"> Development and support of API<\/div>\n        \t\n        <div class=\"key-grid__card\">Social Media Marketing<\/div>\n        \t\n        <div class=\"key-grid__card\">Integration with the physical bank of partners<\/div>\n        \t\n        <div class=\"key-grid__card\">Technical infrastructure (development, support)<\/div>\n                \n      <\/div>\n    <\/div>\n\n    \t\n\n    <div class=\"key-grid__item\">\n              <h3 class=\"title\">KEY RESOURCES<\/h3>\n                    <div class=\"key-grid__text\">The most important activities a  company must do to make its  business work<\/div>\n            <div class=\"key-grid__sub-grid\">\n        \n        \t\n        <div class=\"key-grid__card\">  Customers of our bank&#8217;s application 1 million<\/div>\n        \t\n        <div class=\"key-grid__card\">Sponsorship<\/div>\n        \t\n        <div class=\"key-grid__card\">Call Center<\/div>\n        \t\n        <div class=\"key-grid__card\">The correct backend architecture of the bank application<\/div>\n        \t\n        <div class=\"key-grid__card\">Lawyers who are interested in the product (will help to bypass the guests corners and not wrap the feature)<\/div>\n        \t\n        <div class=\"key-grid__card\">A set of partnerships needed to launch (Visa, PSP, bank,  merch) <\/div>\n                \n      <\/div>\n    <\/div>\n\n    \t\n\n    <div class=\"key-grid__item\">\n              <h3 class=\"title\">VALUE PROPOSITION<\/h3>\n                    <div class=\"key-grid__text\">Product, service, features and  aspects that create value for a  specific customer segment<\/div>\n            <div class=\"key-grid__sub-grid\">\n        \n        \t\n        <div class=\"key-grid__card\">Apple\/Google Pay<\/div>\n        \t\n        <div class=\"key-grid__card\">Honest cashback for a clear and distinctive customer choice<\/div>\n        \t\n        <div class=\"key-grid__card\">Transparent currency conversion for the traveler and shopper who buys abroad<\/div>\n        \t\n        <div class=\"key-grid__card\">Flexible credit line scoring and access to credit rating<\/div>\n        \t\n        <div class=\"key-grid__card\">Instant account opening and card generation for geek review<\/div>\n        \t\n        <div class=\"key-grid__card\">Credit installments for those who want to buy now and pay later<\/div>\n        \t\n        <div class=\"key-grid__card\">Multicurrency card or the ability to open a card in foreign currency is easy<\/div>\n        \t\n        <div class=\"key-grid__card\">Set yourself a clear and achievable financial goal for those who like to save money<\/div>\n        \t\n        <div class=\"key-grid__card\">Customize the application<\/div>\n        \t\n        <div class=\"key-grid__card\">Flexible management of risks, limits, loans<\/div>\n        \t\n        <div class=\"key-grid__card\">Children&#8217;s card<\/div>\n        \t\n        <div class=\"key-grid__card\">Low interest rate when withdrawing funds abroad<\/div>\n        \t\n        <div class=\"key-grid__card\">Investing for those who have extra assets that are not afraid to lose<\/div>\n        \t\n        <div class=\"key-grid__card\">Instant transfers to always be able quickly help in any situation<\/div>\n                \n      <\/div>\n    <\/div>\n\n    \t\n\n    <div class=\"key-grid__item\">\n              <h3 class=\"title\">CUSTOMER RELATIONSHIPS<\/h3>\n                  <div class=\"key-grid__sub-grid\">\n        \n        \t\n        <div class=\"key-grid__card\">Financial literacy training<\/div>\n        \t\n        <div class=\"key-grid__card\">Assistance in loan repayment, formation of a financial cushion, capital increase<\/div>\n        \t\n        <div class=\"key-grid__card\">\u0421ard number = phone number<\/div>\n        \t\n        <div class=\"key-grid__card\">Post about each feature and what it gives<\/div>\n        \t\n        <div class=\"key-grid__card\">Formation of a community around the bank<\/div>\n        \t\n        <div class=\"key-grid__card\">Confidence, trust to the bank, security<\/div>\n                \n      <\/div>\n    <\/div>\n\n    \t\n\n    <div class=\"key-grid__item\">\n              <h3 class=\"title\">CHANNELS<\/h3>\n                  <div class=\"key-grid__sub-grid\">\n        \n        \t\n        <div class=\"key-grid__card\">Referral program<\/div>\n        \t\n        <div class=\"key-grid__card\">Social Media<\/div>\n        \t\n        <div class=\"key-grid__card\">PR<\/div>\n        \t\n        <div class=\"key-grid__card\">Affiliate marketing<\/div>\n        \t\n        <div class=\"key-grid__card\">Webpage &#038; Blog<\/div>\n        \t\n        <div class=\"key-grid__card\">Event marketing<\/div>\n                \n      <\/div>\n    <\/div>\n\n    \t\n\n    <div class=\"key-grid__item\">\n              <h3 class=\"title\">CUSTOMER SEGMENTS<\/h3>\n                  <div class=\"key-grid__sub-grid\">\n        \n        \t\n        <div class=\"key-grid__card\">A student who has a personal card and uses it to obtain funds from parents<\/div>\n        \t\n        <div class=\"key-grid__card\">Geek who is looking for an alternative to the NDA bank and tests new products on the market<\/div>\n        \t\n        <div class=\"key-grid__card\">Freelancer (basic earnings on the Internet, regular transfers by card)<\/div>\n        \t\n        <div class=\"key-grid__card\">Early majority &#8211; tend to consciously buy \/ choose, rather than follow trends and hype<\/div>\n        \t\n        <div class=\"key-grid__card\">A traveler who needs one travel card with an additional agreement and analytics<\/div>\n        \t\n        <div class=\"key-grid__card\">Credit installments for those who want to buy now and pay later<\/div>\n        \t\n        <div class=\"key-grid__card\">Multicurrency card or the ability to open a card in foreign currency is easy<\/div>\n        \t\n        <div class=\"key-grid__card\">Those who are in debt and want to get out of them<\/div>\n        \t\n        <div class=\"key-grid__card\">Those who want to save their money and gain financial stability<\/div>\n        \t\n        <div class=\"key-grid__card\">Those who want to enrich their finances<\/div>\n        \t\n        <div class=\"key-grid__card\">Those who want to learn how to manage money<\/div>\n        \t\n        <div class=\"key-grid__card\">Married couple with a common budget<\/div>\n        \t\n        <div class=\"key-grid__card\">Shopaholic (During the month spends x UAH in stores, mass markets with discout)<\/div>\n                \n      <\/div>\n    <\/div>\n\n    \t\n\n    <div class=\"key-grid__item\">\n              <h3 class=\"title\">COST STRUCTURE<\/h3>\n                    <div class=\"key-grid__text\">The costs incurred to operate a business model<\/div>\n            <div class=\"key-grid__sub-grid\">\n        \n        \t\n        <div class=\"key-grid__card\">Apple Payments Fee 0.02-0.01c<\/div>\n        \t\n        <div class=\"key-grid__card\">Payment for mailings (SMS, Viber)<\/div>\n        \t\n        <div class=\"key-grid__card\">Partner commissions (PSP, currency transactions, etc&#8230;)<\/div>\n        \t\n        <div class=\"key-grid__card\">Logistics<\/div>\n        \t\n        <div class=\"key-grid__card\">Marketing<\/div>\n        \t\n        <div class=\"key-grid__card\">Salaries for workers and staff training<\/div>\n        \t\n        <div class=\"key-grid__card\">IT infrastructure (server, geo, hardware, subscriptions, devops)<\/div>\n        \t\n        <div class=\"key-grid__card\">Legal support<\/div>\n        \t\n        <div class=\"key-grid__card\">Development of application design, cards, materials<\/div>\n        \t\n        <div class=\"key-grid__card\">Application development (backend, frontend, integration)<\/div>\n        \t\n        <div class=\"key-grid__card\">Revenue sharing with bank partner<\/div>\n        \t\n        <div class=\"key-grid__card\">Customer retention (loyalty program, cashback, promotions, etc.)<\/div>\n                \n      <\/div>\n    <\/div>\n\n    \t\n\n    <div class=\"key-grid__item\">\n              <h3 class=\"title\">REVENUE STREAMS<\/h3>\n                  <div class=\"key-grid__sub-grid\">\n        \n        \t\n        <div class=\"key-grid__card\">Credit \/ installment<\/div>\n        \t\n        <div class=\"key-grid__card\">Deposits<\/div>\n        \t\n        <div class=\"key-grid__card\">Commission for  P2P credit<\/div>\n        \t\n        <div class=\"key-grid__card\">Investment Transaction Fee and Investment Income Fee<\/div>\n        \t\n        <div class=\"key-grid__card\">Payment concierge<\/div>\n        \t\n        <div class=\"key-grid__card\">Salaries for workers and staff training<\/div>\n        \t\n        <div class=\"key-grid__card\">Interchange<\/div>\n        \t\n        <div class=\"key-grid__card\">Commission on P2P transfers<\/div>\n        \t\n        <div class=\"key-grid__card\">Finance from the Visa<\/div>\n        \t\n        <div class=\"key-grid__card\">Currency exchange fee<\/div>\n        \t\n        <div class=\"key-grid__card\">Joint marketing with partners<\/div>\n        \t\n        <div class=\"key-grid__card\">Commission for the client if he took a large loan (mortgage, car)<\/div>\n                \n      <\/div>\n    <\/div>\n\n        \n  <\/div>\n<\/section>\n\n\n      <div id=\"block_6298982e620ca\" class=\"block-cases-wireframes block-cases-wireframes--v1 alignfull  l-block\" >\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\/08\/Frame-33970-1.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\/08\/Frame-33970-1.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\/08\/Frame-33970-1.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\/08\/Frame-33970-1.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\/08\/Frame-33970-1.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\/08\/Frame-33970-1.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\/08\/Frame-33970-1.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\/08\/Frame-33970-1.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\/08\/Frame-33970-1.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\/08\/Frame-33970-1.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\/08\/Frame-33970-1.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\/08\/Frame-33970-1.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 \/> wireframes <\/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\/08\/Frame-33970-1.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\/08\/Frame-33971-1.png.webp');\"><\/div>\n                <\/div>\n            <\/div>\n            <div class=\"ios-grid-item ios-grid-item-2 ios-grid-item-vertical small-hide\">\n                <div class=\"glass-container grid-item-vertical image-screen-2\" id=\"image-screen-2\" style=\"transform: matrix(1, 0, 0, 1, 0, 0); opacity: 0;\">\n                    <div class=\"glass-hardware\"><\/div>\n                    <div class=\"glass-screen\" style=\"background-image: url(https:\/\/devlight.io\/wp-content\/webp-express\/webp-images\/uploads\/2022\/08\/Frame-3204-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\/08\/Frame-3206-3.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\/08\/Frame-33971-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\/08\/Frame-33971-2.png.webp);\"><\/div>\n                <\/div>\n            <\/div>\n            <div class=\"ios-grid-item ios-grid-item-6 ios-grid-item-vertical medium-hide\">\n                <div class=\"glass-container grid-item-vertical image-screen-6\" id=\"image-screen-6\" style=\"transform: matrix(1, 0, 0, 1, 0, 0); opacity: 0;\">\n                    <div class=\"glass-hardware\"><\/div>\n                    <div class=\"glass-screen\" style=\"background-image: url(https:\/\/devlight.io\/wp-content\/webp-express\/webp-images\/uploads\/2022\/08\/Frame-33971-3.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(6843);\"><\/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(6840);\"><\/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\/08\/Frame-3205.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\/08\/Frame-3205.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\/08\/Frame-3199.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\/08\/Frame-1513-2.png.webp);\"><\/div>\n                <\/div>\n            <\/div>\n            <div class=\"ios-grid-item ios-grid-item-13 ios-grid-item-vertical ios-grid-item-offset-horizontal\">\n                <div class=\"glass-container grid-item-vertical image-screen-13\" id=\"image-screen-13\" style=\"transform: matrix(1, 0, 0, 1, 0, 0); opacity: 0;\">\n                    <div class=\"glass-hardware\"><\/div>\n                    <div class=\"glass-screen\" style=\"background-image: url(https:\/\/devlight.io\/wp-content\/webp-express\/webp-images\/uploads\/2022\/08\/Frame-3202.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\/08\/Frame-3202.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\/08\/Frame-33972.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(6825);\"><\/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\/08\/Frame-33972.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\/08\/Frame-33972.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(6825);\"><\/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\/08\/Frame-33915-1.png.webp);\"><\/div>\n                <\/div>\n            <\/div>\n            <div class=\"ios-grid-item ios-grid-item-21 ios-grid-item-vertical\">\n                <div class=\"glass-container grid-item-vertical image-screen-21\" id=\"image-screen-21\" style=\"transform: matrix(1, 0, 0, 1, 0, 0); opacity: 0;\">\n                    <div class=\"glass-hardware\"><\/div>\n                    <div class=\"glass-screen\" style=\"background-image: url(https:\/\/devlight.io\/wp-content\/webp-express\/webp-images\/uploads\/2022\/08\/Frame-3201-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\/08\/Frame-3200.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\" >\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>low fidelity<br \/> prototype<\/h2>\n<p>It\u2019s design time! 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\/08\/Frame-1489.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\/08\/Frame-1490.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\/08\/Frame-1491.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\/08\/Frame-1492.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\/08\/Frame-1497.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\/08\/Frame-1496.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\/08\/Frame-1493.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\/08\/Frame-1495.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\/08\/Frame-1494.png.webp\" alt=\"prototype\">\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 design-vodafone\" >\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:#485CC3; color: #ffffff;\">\r\n                            #485CC3                        <\/div>\r\n                     \r\n                                                <div class=\"left__info-primary-color\" style=\"background-color:#F3F6FC; color: #0a0a0a;\">\r\n                            #F3F6FC                        <\/div>\r\n                                    \r\n                <\/div>\r\n\r\n            \r\n            <div class=\"cases-design__left-info\" style=\"color: #0a0a0a\">\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:#282B3C;color:#ffffff;\">\r\n                            #282B3C                        <\/div>\r\n\r\n                     \r\n                                                <div class=\"left__info-primary-color\" style=\"background-color:#0C317F;color:#ffffff;\">\r\n                            #0C317F                        <\/div>\r\n\r\n                     \r\n                                                <div class=\"left__info-primary-color\" style=\"background-color:#9FAAC1;color:#282b3c;\">\r\n                            #9FAAC1                        <\/div>\r\n\r\n                     \r\n                                                <div class=\"left__info-primary-color\" style=\"background-color:#FAFBFF;color:#282b3c;\">\r\n                            #FAFBFF                        <\/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: #0a0a0a\">\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: #e1e5ef; color: #ffffff;\"\r\n                    >\r\n                        Continue                                            <\/div>\r\n\r\n                   \r\n                    \r\n                    <div class=\"left__info-primary-btn\" style=\"background-color: #f4f6f9; color: #ffffff;\"\r\n                    >\r\n                        Continue                                            <\/div>\r\n\r\n                   \r\n                    \r\n                    <div class=\"left__info-primary-btn\" style=\"background-color: #485bc3; color: #ffffff;\"\r\n                    >\r\n                        Continue                                            <\/div>\r\n\r\n                   \r\n                    \r\n                    <div class=\"left__info-primary-btn\" style=\"background-color: #a3ade1; color: #f9f9f9;\"\r\n                    >\r\n                        Continue                                            <\/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: #0a0a0a\">\r\n                <h2>Elements<\/h2>            <\/div>\r\n\r\n\r\n                                <img decoding=\"async\" src=\"https:\/\/devlight.io\/wp-content\/webp-express\/webp-images\/uploads\/2022\/08\/Frame-33792.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\" >\n  \n  \n<style>\n    .swiper-scrollbar-drag{\n      background-color: #485cc3;\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&#8217;t 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\/08\/Frame-3195-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\/08\/Frame-1499.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\/08\/Frame-33898-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\/08\/Frame-33899.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\/08\/Frame-33899-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\/08\/Frame-33899-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                                \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_62ea7a5ebf093\" class=\"block-cases-results alignfull  l-block vodafone\" >\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        \r\n        \r\n        \r\n    <div class=\"cases-results__row\">\r\n\r\n        \r\n        \r\n    <\/div>\r\n\r\n     <div class=\"cases-results-header\">\r\n\r\n                        \r\n    <\/div>\r\n\r\n        <div class=\"block-cases-results__mob-row\">\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> The design\u2019s done, but the job is not done yet. Here comes the time for our development team to dive into work. They\u2019ve got all the set requirements that were previously analyzed and approved by the client and are ready to deliver the final product with all its features and values. Let\u2019s look closer at them.\n <\/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 vodafone vodafone-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: #485cc3\"> -->\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                        <p>&nbsp;<\/p>\n<h2>home screen &amp; card settinng<\/h2>\n<p>Here users can look through their balance, accounts, and available financial products such as accounts, debit, or credit cards and easily control them with one click.<\/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\/08\/Frame-33898.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\/08\/Frame-33898-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=\"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\/08\/Frame-3210.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\/08\/Frame-3211.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                            <p>&nbsp;<\/p>\n<h2>Budgeting<\/h2>\n<p>This page is for planning and estimation of the expenses. Users can always look at a target they want to achieve in a certain month or any other period of time.<\/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>Setting finance goals<\/h2>\n<p class=\"p1\">Savings for studying, buying a new laptop or a tool for it, happens here Long-term or short-term goals, private, shared with a friend or family member \u2014 all features are available and flexible.<\/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\/08\/Frame-33898-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=\"cases-pay__img\">\r\n                                <img decoding=\"async\" class=\"lazy-off\" src=\"https:\/\/devlight.io\/wp-content\/webp-express\/webp-images\/uploads\/2022\/08\/Frame-3213.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\/08\/Frame-1533.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\/08\/Frame-33898-3.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>Analytics and forecasting<\/h2>\n<p>This particular feature of forecasting was developed after receiving a corresponding answer during interviews. Some of the respondents stated that they lack the option to see the forecast for the future. Now they have this chart, as well as spendings that are categorized into relevant groups.<\/p>                            <\/div>\r\n                                            <\/div>\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_62e8dd3f62d4b\" class=\"block-cases-feedback alignfull  l-block vodafone\" >\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 feedback<\/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\/08\/Vector.png.webp\" alt=\"quote\">\r\n            <\/div>\r\n                            <div class=\"feedback__info\">\r\n                 <p> When we were looking for a partner for our product research task, experience in similar tasks was important for us, as well as experience in the field of financial technologies. Devlight fully met our requirements, and cooperation with them exceeded all our expectations.              \r\n<\/p>\r\n\r\n<div class=\"feedback__info-quote\">\r\n\r\n<div class=\"feedback__info-quote-name\">\r\nDmytro Koval\r\n<\/div>\r\n\r\n<div class=\"feedback__info-quote-text\">\r\n Head of Financial Services Development\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 vodafone\" >\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>The results of product research<\/h2>            \r\n          <\/div>\r\n           \r\n                  <div class=\"cases-numbers-main-text\">          \r\n            <p class=\"p1\">Vodafone was pleased with the prototype and business model that we developed for their project. We found a way to land a massive telecommunications giant on a completely new market based on a tested and prototyped viable service.<\/p>      \r\n          <\/div>\r\n          \r\n      <\/div>\r\n\r\n      <div class=\"numbers-main__grid\">\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                40+        \r\n            <\/div>\r\n          \r\n                      <div class=\"numbers-main__inner-info small--info\">\r\n                hours of online conferences, meetings AND in-depth interviews          \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                participants   of quantitative survey                \r\n            <\/div>\r\n          \r\n                    <div class=\"numbers-main__inner-info big--info\">\r\n              2500                 \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\/08\/Frame-33970-1.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\/08\/Frame-33971-4.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\/08\/Frame-3204-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\/08\/Frame-33971-5.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\/08\/Frame-3205-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\/08\/Frame-3201-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\/08\/Frame-33971-3.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(7114);\"><\/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(6840);\"><\/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\/08\/Frame-33971-3.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\/08\/Frame-3199-1.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\/08\/Frame-3206-4.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\/08\/Frame-3211.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\/08\/Frame-3202-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\/08\/Frame-33971-3.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\/08\/Frame-3205-1.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(6830);\"><\/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\/08\/Frame-33972.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\/08\/Frame-33972-1.png.webp);\"><\/div>\n                <\/div>\n            <\/div>\n            <div class=\"ios-grid-item ios-grid-item-19 ios-grid-item-vertical\">\n                <div class=\"glass-container grid-item-vertical image-screen-19\" id=\"image-screen-19\" style=\"transform: matrix(1, 0, 0, 1, 0, 0); opacity: 0;\">\n                    <div class=\"glass-hardware\"><\/div>\n                    <div class=\"glass-screen\" style=\"background-image: url(7129);\"><\/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\"><p>Thanks for watching !<\/p><\/div>\n                    <div class=\"ios-content-text\">\n                                             \n                    <\/div>\n                    <a style=\"background-color: #485cc3\"\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> Fishka <\/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:#ee4046\">\r\n                                                    <div class=\"footer-circle-img\">\r\n                                <img decoding=\"async\" src=\"https:\/\/devlight.io\/wp-content\/webp-express\/webp-images\/uploads\/2022\/08\/iPhone-13-Pro-Max-1.png.webp\" alt=\"footer-bg\" >\r\n                            <\/div>\r\n                         \r\n                    <\/div>\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n        <div class=\"cases__footer-right-row\">\r\n\r\n            <div class=\"footer__right-info\">\r\n                                    <a  href=\"https:\/\/devlight.io\/portfolio\/fishka\/\">\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\/fishka\/\">click and hold<\/a>\r\n                 \r\n                                    <div class=\"footer__year-pro\">\r\n                    \u00a9 2021                    <\/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":7236,"parent":0,"template":"","class_list":["post-7234","case_studies","type-case_studies","status-publish","has-post-thumbnail","","services_tax-neobank_and_fintech"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v24.0 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Business diversification: a neobank-app for Vodafone - 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\/vodafone\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Business diversification: a neobank-app for Vodafone case study\" \/>\n<meta property=\"og:description\" content=\"Bank for the largest telecom provider.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/devlight.io\/portfolio\/vodafone\/\" \/>\n<meta property=\"og:site_name\" content=\"Devlight\" \/>\n<meta property=\"article:modified_time\" content=\"2023-07-05T12:52:50+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/devlight.io\/wp-content\/uploads\/2022\/08\/Frame-3964375-1.png\" \/>\n\t<meta property=\"og:image:width\" content=\"2400\" \/>\n\t<meta property=\"og:image:height\" content=\"1256\" \/>\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\/vodafone\/\",\"url\":\"https:\/\/devlight.io\/portfolio\/vodafone\/\",\"name\":\"Business diversification: a neobank-app for Vodafone - Devlight\",\"isPartOf\":{\"@id\":\"https:\/\/devlight.io\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/devlight.io\/portfolio\/vodafone\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/devlight.io\/portfolio\/vodafone\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/devlight.io\/wp-content\/uploads\/2022\/08\/Vodafone-case-main-page.png\",\"datePublished\":\"2022-08-15T12:42:49+00:00\",\"dateModified\":\"2023-07-05T12:52:50+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/devlight.io\/portfolio\/vodafone\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/devlight.io\/portfolio\/vodafone\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/devlight.io\/portfolio\/vodafone\/#primaryimage\",\"url\":\"https:\/\/devlight.io\/wp-content\/uploads\/2022\/08\/Vodafone-case-main-page.png\",\"contentUrl\":\"https:\/\/devlight.io\/wp-content\/uploads\/2022\/08\/Vodafone-case-main-page.png\",\"width\":1079,\"height\":1472},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/devlight.io\/portfolio\/vodafone\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/devlight.io\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Business diversification: a neobank-app for Vodafone\"}]},{\"@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":"Business diversification: a neobank-app for Vodafone - 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\/vodafone\/","og_locale":"en_US","og_type":"article","og_title":"Business diversification: a neobank-app for Vodafone case study","og_description":"Bank for the largest telecom provider.","og_url":"https:\/\/devlight.io\/portfolio\/vodafone\/","og_site_name":"Devlight","article_modified_time":"2023-07-05T12:52:50+00:00","og_image":[{"width":2400,"height":1256,"url":"https:\/\/devlight.io\/wp-content\/uploads\/2022\/08\/Frame-3964375-1.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\/vodafone\/","url":"https:\/\/devlight.io\/portfolio\/vodafone\/","name":"Business diversification: a neobank-app for Vodafone - Devlight","isPartOf":{"@id":"https:\/\/devlight.io\/#website"},"primaryImageOfPage":{"@id":"https:\/\/devlight.io\/portfolio\/vodafone\/#primaryimage"},"image":{"@id":"https:\/\/devlight.io\/portfolio\/vodafone\/#primaryimage"},"thumbnailUrl":"https:\/\/devlight.io\/wp-content\/uploads\/2022\/08\/Vodafone-case-main-page.png","datePublished":"2022-08-15T12:42:49+00:00","dateModified":"2023-07-05T12:52:50+00:00","breadcrumb":{"@id":"https:\/\/devlight.io\/portfolio\/vodafone\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/devlight.io\/portfolio\/vodafone\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/devlight.io\/portfolio\/vodafone\/#primaryimage","url":"https:\/\/devlight.io\/wp-content\/uploads\/2022\/08\/Vodafone-case-main-page.png","contentUrl":"https:\/\/devlight.io\/wp-content\/uploads\/2022\/08\/Vodafone-case-main-page.png","width":1079,"height":1472},{"@type":"BreadcrumbList","@id":"https:\/\/devlight.io\/portfolio\/vodafone\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/devlight.io\/"},{"@type":"ListItem","position":2,"name":"Business diversification: a neobank-app for Vodafone"}]},{"@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\/7234","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\/7236"}],"wp:attachment":[{"href":"https:\/\/devlight.io\/wp-json\/wp\/v2\/media?parent=7234"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}